.BoxedPanel
{
    width: 100%; 
    margin: 5px auto;
}

.BoxedPanel_Body
{
    background: #eeeeee url(../img/corner_left.jpg) repeat-y top left;
}

.BoxPanel_Content
{
    background: url(../img/corner_right.jpg) repeat-y  top right;
    padding: 5px 10px;
}

/* top */
.BoxedPanel_Top
{ 
    width: 100%;
    background: url(../img/corner_th.jpg) repeat-x;
}

.BoxedPanel_TopLeft
{ 
    background: url(../img/corner_tl.jpg) no-repeat;
    float: left   
}

.BoxedPanel_TopRight
{ 
    background: url(../img/corner_tr.jpg) no-repeat;
    float:right;
}

/* bottom */
.BoxedPanel_Bottom
{ 
    width: 100%;
    background: url(../img/corner_bh.jpg) repeat-x;
}

.BoxedPanel_BottomLeft
{ 
    background: url(../img/corner_bl.jpg) no-repeat;
    float:left;
}

.BoxedPanel_BottomRight
{ 
    background: url(../img/corner_br.jpg) no-repeat;
    float: right;
}

.BoxedPanel_Clear
{ 
    clear: both;
    height: 1px;
    font-size:1px;
}

/* common */
.BoxedPanel_TopLeft, .BoxedPanel_TopRight, .BoxedPanel_BottomLeft, .BoxedPanel_BottomRight
{
    height: 6px;
    width: 6px;    
    font-size: 1px;
}




.BoxedPanel
{
    width: 100%;
    margin: 5px auto;
    background: #eeeeee;
    
    /* Left border */
    background-repeat: repeat-y;
    background-position: left;
    background-image: url(../img/corner_left.jpg)
}

.BoxedPanel .BoxPanelContent
{
    padding: 6px 10px;
    
    /* right border */
    background-repeat: repeat-y;
    background-position: right;
    background-image: url(../img/corner_right.jpg)
}