﻿

/* original css for rounded edges, transparent layout */
div.rounded {
    clear:both;
    /*max-width:2400px;*/
    margin:5px auto 5px 5px;
    width:100%;
}

div.rounded div.top {
    background:url(../images/tl.gif) no-repeat bottom left;
    padding:0px;
    width:100%;
}

div.rounded div.top div.right {
    background:url(../images/tr.gif) no-repeat bottom right;
    height:12px;
    margin-left:12px;
}

div.rounded div.middle {
    background:url(../images/l.gif) repeat-y left;
    clear:both;
    width:100%;
}

div.rounded div.middle div.right {
    background:url(../images/r.gif) repeat-y right;
    margin-left:5px;
}

div.rounded div.middle div.right div.contents {
    background:url(../images/bg.gif) repeat top left;
    /*color:#fff;*/
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:1.0em;
    line-height:1.3em;
    margin-right:5px;
    padding:0px 12px;
    text-align:left; overflow:hidden;
}

div.rounded div.middle div.right div.contents p {
    margin:0px;
    padding-top:5px;
}

div.rounded div.middle div.right div.contents h2 {
    /*color:#0f2;
    font-size:1.75em;
    font-weight:bold;*/
    margin:0px;
    padding:7px 0px;
}

div.rounded div.bottom {
    background:url(../images/bl.gif) no-repeat top left;
    clear:both;
    padding:0px;
    width:100%;
}

div.rounded div.bottom div.right {
    background:url(../images/br.gif) no-repeat top right;
    height:12px;
    margin-left:12px;
}


/* experimental section for highlight box */
div.bright {
    clear:both;
    /*max-width:2400px;*/
    margin:5px auto 5px 5px;
    width:100%;
}

div.bright div.top {
    background:url(../images/xtl.gif) no-repeat bottom left;
    padding:0px;
    width:100%;
}

div.bright div.top div.right {
    background:url(../images/xtr.gif) no-repeat bottom right;
    height:12px;
    margin-left:12px;
}

div.bright div.middle {
    background:url(../images/xl.gif) repeat-y left;
    clear:both;
    width:100%;
}

div.bright div.middle div.right {
    background:url(../images/xr.gif) repeat-y right;
    margin-left:5px;
}

div.bright div.middle div.right div.contents {
    background:url(../images/xbg.gif) repeat top left;
    /*color:#fff;*/
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:1.0em;
    line-height:1.3em;
    margin-right:5px;
    padding:0px 12px;
    text-align: left; overflow:hidden;
}

div.bright div.middle div.right div.contents p {
    margin:0px;
    padding-top:5px;
}

div.bright div.middle div.right div.contents h2 {
    /*color:#0f2;
    font-size:1.75em;
    font-weight:bold;*/
    margin:0px;
    padding:7px 0px;
}

div.bright div.bottom {
    background:url(../images/xbl.gif) no-repeat top left;
    clear:both;
    padding:0px;
    width:100%;
}

div.bright div.bottom div.right {
    background:url(../images/xbr.gif) no-repeat top right;
    height:12px;
    margin-left:12px;
}

/* end of experimetal section */
.agb { font-size:9px; }

/* 3d-sheet effect

/* original css for rounded edges, transparent layout */
div.sheet_3d {
    clear:both;
    margin:5px auto 0 5px; padding-left:10px;
    width:100%;
}

div.sheet_3d div.top {
    background:url(../images/atl.png) no-repeat bottom left;
    padding:0px;
    width:100%;
}

div.sheet_3d div.top div.right {
    background:url(../images/atr.png) no-repeat bottom right;
    height:40px;
    margin-left:40px;
}

div.sheet_3d div.middle {
    background:url(../images/al.png) repeat-y left;
    clear:both;
    width:100%;
}

div.sheet_3d div.middle div.right {
    background:url(../images/ar.png) repeat-y right;
    margin-left:40px;
}

div.sheet_3d div.middle div.right div.contents {
    background:url(../images/abg.png) repeat top left;
    color:#fff;
    font-family:"Trebuchet MS", Calibri, Tahoma, sans-serif;
    font-size:1.0em;
    line-height:1.3em;
    margin-right:40px;
    padding:0px 20px 10px 0;
    text-align:justify; overflow:hidden;
}

div.sheet_3d div.middle div.right div.contents p {
    margin:0px;
    padding-top:0px;
}

div.sheet_3d div.middle div.right div.contents h2 {
    color:#000;
    font-size:1.75em;
    font-weight:bold;
    margin:0px;
    padding:3px 0px 7px 0;
}

div.sheet_3d div.bottom {
    background:url(../images/abl.png) no-repeat top left;
    clear:both;
    padding:0px;
    width:100%;
}

div.sheet_3d div.bottom div.right {
    background:url(../images/abr.png) no-repeat top right;
    height:40px;
    margin-left:40px;
}

