/**
 * affiliate redesign css
 * @author Bruce Li
 * @copyright centrebet.com 2010
 */
/* shape */
.block{
    float:left;
    overflow:hidden;
}

img{
    border:0;
    margin:0;
    padding:0;
}

a{
    color:#fff;
}

a:hover{
    color:#45aaff;
}

/* body */
body{
    padding:0;
    margin:0 auto;
    text-align:center;
    color:#fff;
    font:13px "Trebuchet MS", verdana, arial;
    line-height:1.5;
    background:url('../images/grid.png') fixed repeat 0 0;
}

#mainWrapper{
    width:976px;
    margin:0 auto;
    text-align:left;
}

#mainWrapper #main{
    width:976px;
    background:url('../images/bg.png') repeat-y 0 0;
    padding-bottom:8px;
    border-bottom:1px solid #000;
}

#main h2, #main h3{
    font-size:20px;
    font-weight:bold;
    color:#45aaff;
    margin:0;
    padding:0 0 5px 0;
}

#main h3{
    font-size:16px;
    color:#999;
}

.line{
    float:left;
    width:100%;
    clear:both;
}

/* banner */
#banner{
    width:100%;
    height:89px;
    background:url('../images/banner.png') no-repeat 0 0;
}

#banner ul.topNav{
    width:100%;
}

#banner ul.topNav,
#banner ul.topNav li,
#banner ul.topNav li a{
    padding:0;
    margin:0;
    list-style:none;
    float:left;
    height:52px;
}

#banner ul.topNav li,
#banner ul.topNav li a{
    width:86px;
    height:52px;
}

#banner ul.topNav li#homepage,
#banner ul.topNav li#homepage a{
    width:540px;
    height:52px;
}

#banner ul.topNav li a span,
#banner a.topNav span{
    display:none;
}

#banner a.topNav{
    width:82px;
    height:18px;
    float:right;
    margin:8px 6px 0 0;
}

/* mid */
#mid{
    width:976px;
}

#mid .left{
    width:170px;
}

#mid .right{
    width:806px;
}

#mid .right a{
    font-weight:bold;
    text-decoration:none;
}

#mid .ticker{
    background:#333;
    width:974px;
    border-left:1px solid #000;
    border-right:1px solid #000;
    overflow:hidden;
    border-bottom:1px solid #666;
}

/* the boxie!! */
div.boxie{
    float:left;
    position:relative; /* so to place the content properly without breaking it...*/
    margin:0 0 0 5px;
    padding:10px 0 0 0;
}

div.boxie .topl{
    width:100%;
    float:left;
    height:15px;
    background:url('../images/boxie.png') no-repeat left top;
}

div.boxie .topr{
    float:right;
    height:auto;
    width:15px;
    background:url('../images/boxie.png') no-repeat right top;
}

div.boxie .mid{
    float:left;
    background:#000;
    border:1px solid #666;
    height:auto;
    padding:10px;
    border-top:none;
}

div.boxie .mid .pad{
    margin-top:-20px;
    overflow:hidden;
    width:100%;
}

/* login form */
form.login-frm{
    margin:0;
    padding:0;
}

form.login-frm input{
    border:1px solid #7f9db9;
    width:134px;
    height:13px;
    background:#fff;
    color:#000;
    margin:7px 0 2px 0;
    font:10px verdana;
    padding:0 0 0 2px;
}

form.login-frm input.login-btn{
    border-style:none;
    width:78px;
    height:20px;
    background:url('../images/login.png') no-repeat 0 0;
    font-size: 8px;
    cursor:pointer;
}

/* home boxies */
div.boxie #home1{
    background:#000 url('../images/home.jpg') no-repeat 2px bottom;
}
div.boxie #home2{
    background:#000 url('../images/home.jpg') no-repeat -267px bottom;
}
div.boxie #home3{
    background:#000 url('../images/home.jpg') no-repeat -534px bottom;
}

.cnt{
    padding:12px;
}

ul.homeli{
    margin:0;
    padding:0;
}

ul.homeli li{
    list-style:none;
    margin:0;
    padding:0 0 12px 10px;
    background: url('../images/bul.png') no-repeat 0 6px;
}

/* special boxie - nav */
div.boxie div#leftNav{
    padding:10px 0;
}

div.boxie div#leftNav ul,
div.boxie div#leftNav ul li{
    float:left;
    width:100%;
    margin:0;
    padding:0;
    list-style:none;
}

div.boxie div#leftNav ul li a{float:left;
    width:100%;
    text-decoration:none;
    font-weight:bold;
    height:20px;
    padding-top:1px;
    text-indent:18px;
    background:url('../images/navbg.png') no-repeat 0 0;
}

div.boxie div#leftNav ul li.active a{
    background:none;
    font-weight:normal;
    border-bottom:1px solid #444;
}

/* footer */
div#footer{
    float:left;
    text-align:center;
    width:100%;
    padding:12px 0;
}

/* data table */
table.data{
    width:100%;
    border:2px solid #666;
    border-right:1px solid #666;
    border-bottom:1px solid #666;
}

table.data td,
table.data th{
    width:33%;
    border-right:1px solid #666;
    border-bottom:1px solid #666;
    padding:6px 12px;
    text-align:center;
}

table.data th{
    background:#333;
}

/* products */
div.boxie #csr{
    background:#000 url('../images/csr.jpg') no-repeat right bottom;
}
div.boxie #cp{
    background:#000 url('../images/cp.jpg') no-repeat right bottom;
}
div.boxie #cg{
    background:#000 url('../images/cg.jpg') no-repeat right bottom;
}
div.boxie #cc{
    background:#000 url('../images/cc.jpg') no-repeat right bottom;
}