.side_bar_tl, .side_bar_t, .side_bar_tr, .side_bar_l, .side_bar_r, .side_bar_bl, .side_bar_b, .side_bar_br, .side_bar 
{
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
    position: relative;
    text-align:center;
}

.side_bar_t 
{
    /*
        change this div to layout the whole box (width, height, float, margin, ...)
        example lines:
        width: 60%;
        margin: 7px 35px 0px 1px;*/
    background-color: #070557;
    background-image: url('../images/borders/side_bar_border.png');
    background-repeat: repeat-x;
    background-position: top;
}

.side_bar_tl 
{
    height: 100%;
    background-image: url('../images/borders/side_bar_topleft.png');
    background-repeat: no-repeat;
    background-position: left top;
}

.side_bar_tr 
{
    height: 100%;
    background-image: url('../images/borders/side_bar_topright.png');
    background-repeat: no-repeat;
    background-position: right top;
}

.side_bar_bl 
{
    height: 100%;
    background-image: url('../images/borders/side_bar_bottomleft.png');
    background-repeat: no-repeat;
    background-position: left bottom;
}

.side_bar_br 
{
    height: 100%;
    background-image: url('../images/borders/side_bar_bottomright.png');
    background-repeat: no-repeat;
    background-position: right bottom;
}

.side_bar 
{
    height: 100%;
    min-height:385px;
    /* change this if you want to change the distance distance to text/content */
    padding: 16px 17px 16px 17px;
}

.side_bar_lower 
{
    height: 100%;
    min-height:100px;
    /* change this if you want to change the distance distance to text/content */
    padding: 16px 17px 16px 17px;
}

.side_bar_footer 
{
    height: 100%;
    min-height:10px;
    /* change this if you want to change the distance distance to text/content */
    padding: 16px 17px 16px 17px;
}

.side_bar_l 
{
    height: 100%;
    background-image: url('../images/borders/side_bar_border.png');
    background-repeat: repeat-y;
    background-position: left;
}

.side_bar_r 
{
    height: 100%;
    background-image: url('../images/borders/side_bar_border.png');
    background-repeat: repeat-y;
    background-position: right;
}

.side_bar_b 
{
    height: 100%;
    background-image: url('../images/borders/side_bar_border.png');
    background-repeat: repeat-x;
    background-position: bottom;
}