body {
    margin: 0 0 20px 0;
    padding: 0;
    font-family: "Lucida Grande", "Lucida Sans", Verdana, Tahoma, sans-serif;
    font-size: 9pt;
    color: #fff;
    background:#000 url(../images/bg.jpg) repeat-x;
}
.wrapper
{
    width:986px;
    height:auto;
    margin:0 auto;
}
.banner
{
    width:986px;
    height:633px;
    float:left;
    background:url(../images/banner.jpg) no-repeat;
}
#banner
{
    width:986px;
    height:637px;
    float:left;
}
.navwrap
{
    width:986px;
    height:69px;
    float:left;
    background:url(../images/navbg.gif) repeat-x;
    border:1px solid #570b0b;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;  
    margin-top:-285px;
}
ul.nav
{
    margin:0 0 0 10px;
    padding:0;
    list-style-type:none;
}
ul.nav li
{
    float:left;
}
ul.nav li a img
{
    padding:21px 17px;
    background:url(../images/navsep.gif) no-repeat center right;  
}
ul.nav li a.nobg img
{
    background:none;
}
.contentwrap
{
    width:986px;
    height:auto;
    min-height:200;
    float:left;
    margin:-200px 0 10px 0;
}

.sbarleft
{
    width:206px;
    height:auto;
    min-height:200px;
    float:left;
}
.sbl-header
{
    width:191px;
    height:46px;
    float:left;
    background:url(../images/sbar-left-header.gif) no-repeat;
}
.sbr-header
{
    width:216px;
    height:46px;
    float:left;
    background:url(../images/sbar-right-header.gif) no-repeat;
}

.sbarright
{
    width:237px;
    height:auto;
    min-height:200px;
    float:left;   
}    
.sbleftwrap
{
    width:190px;
    height:auto;
    min-height:100px;
    float:left;
    background:#1a1a1a;
    -webkit-border-radius:10px;
    -moz-border-radius:10px; 
    border:1px solid #393939;
    margin-bottom: 10px;
    padding:3px 7px 6px 7px;  
}
.sbrightwrap
{
    width:217px;
    height:auto;
    min-height:100px;
    float:left;
    background:#1a1a1a;
    -webkit-border-radius:10px;
    -moz-border-radius:10px; 
    border:1px solid #393939;
    margin-bottom: 10px;
    padding:3px 9px 8px 9px;
}
.sbl-header img
{
    margin:10px 0 0 20px;
}
.sbr-header img
{
    margin:13px 0 0 18px;    
}
.buttons
{
    width:auto;
    height:auto;
    float:left;
    padding:10px 0;
}
.maincontent
{
    width:524px;
    height:auto;
    min-height:200px;
    float:left;
    margin:0 8px;
}
.content
{
    width:464px;
    height:auto;
    min-height:50px;
    float:left;
    background:#1a1a1a;
    -webkit-border-radius:10px;
    -moz-border-radius:10px; 
    border:1px solid #393939;
    margin:0 0 10px 10px;
    padding:10px 20px 10px 20px;
}
.contheader
{
    width:100%;
    height:46px;
    background:url(../images/contbg.gif) repeat-x;
    -webkit-border-radius:10px;
    -moz-border-radius:10px; 
    position:relative;
    z-index:1;
}
.contheader img
{
    margin:17px 0 0 15px;
}
.contouter
{
    width:464px;
    height:auto;
    float:left;
    background:#0e0e0e;
    padding:0 0 10px 0;
    margin-top:-5px;
}
.continner
{
    width:413px;
    height:auto;
    min-height:100px;
    float:left;
    background:#010101;
    margin:5px 0 0 15px;
    position:relative;
    z-index:2;
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    -webkit-border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;
    padding:10px;
    overflow: hidden;
}
.screenshots
{
    width:524px;
    height:auto;
    background:#1a1a1a;
    border:1px solid #393939;
}
.menu-top
{
    width:484px;
    height:auto;
    padding:10px;
    float:left;
    margin:5px 0 8px 12px;
    background:#121212;
    border:1px solid #3c3c3c;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
}
.footer
{
    width:100%;
    height:auto;
    float:left;
    padding:10px 0;
    margin:10px 0 5px 0;
    text-align: center;
}
.footer p
{
    margin:0;
    padding:0;
    font-size:11px;
}
.jing
{
    width:auto;
    height:auto;
    float:left;
    margin-top:12px;
}
.jigs
{
    width:auto;
    height:auto;
    float:left;
}
.designer
{
    width:150px;
    height:auto;
    margin:10px auto 0 auto;
}
ul.cpnav
{
    margin:0;
    padding:0;
    list-style-type:none;
    float:left;
}
ul.cpnav li strong
{
    display: block;
    width:185px;
    height:auto;
    padding:10px 0 5px 0;
    border-bottom:1px dashed #751518;
    text-align: right;   
    color:#989898;     
}
ul.cpnav li ul
{
    list-style-image: url(../images/arrow-red.gif);   
}
ul.cpnav li ul li a
{
    color:#989898; 
    text-transform: uppercase;
    font-size:11px;
}
ul.cpnav li ul li a:hover
{
    color:#fff;
}

.sswrap
{
    width:474px;
    height:auto;
    float:left;
    overflow: hidden;
    margin:8px 0 0 -10px;
    background:#0e0e0e;
    border:1px solid #3c3c3c;
    padding:5px;
}
.pics
{
    width:auto;
    height:auto;
    float:left;
}
.pics img
{
    width:151px;
    height:128px;
    float:left;
    margin:0 5px 0 0;
    border:1px solid #2c2c2c;
}
#accordion
{
    width:425px;
    height:auto;
    float:left;
    margin:15px 0;
}
.subject_wrap
{
    width:415px;
    height:20px;
    float:left;
    margin:3px 0 3px 10px;
    outline: 0;
    font-size:12px;
}
.subject_wrap:hover
{
    cursor:pointer;
    color:#5479c4;
    outline: 0;
}
.subject_wrap a
{
    display:block;
    float:left;
    outline: 0;
}
#accordion div.parag
{
    width:375px;
    height:auto;
    float:left;
    border:1px solid #3c3c3c;
    padding:20px;
    margin:10px;
    background:#1a1a1a;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    outline: 0;
}
.date
{
    width:auto;
    height:auto;
    float:right;
}
.subject
{
    width:auto;
    height:auto;
    float:left;
    margin:2px 0 0 5px;
}
.mask
{
    width:100%;
    height:auto;
    float:left;
    overflow-y: scroll;
}
.server_status
{
    margin:10px 0 0 25px;
    float:left;
}
.rotop100_stats .line {
    line-height: 20px; 
}
.rotop100_stats label {
    width: 120px;
    display: block;
    float: left;
    text-transform: uppercase;
    font-size: 10px;
}
.rotop100_stats .online {
    color: #59ba49;
    font-weight: bold;
    font-size: 10px;  
    text-transform: uppercase; 
}
.rotop100_stats .offline {
    color: #c44444;
    font-weight: bold;
    font-size: 10px; 
    text-transform: uppercase;  
}
