/* rocket.default.css */

body { behavior: url("../js/csshover3.htc"); } 

#wrapper {

}

#innerwrapper {
    margin : 0px auto ;
    width : 950px ;
}

#header {
    /* border : 1px solid ; */
    height : 100px ;
    padding-top : 20px;
}

#header img.banner {
    float : left;
}

#header div.navbar {
    height : 40px;
    width: 641px;
    padding : 0px;
    float : right ;
    background : transparent url(../img/bar_bk.png) no-repeat 0px 2px;
}

#header div.linkbox {
    float : left ;
    margin : 0 10px 0px 30px;
    padding-top : 20px;
    height : 47px;
    width : 300px;
}

#header div.linkbox a {
    float : left ;
    display : block;
}

#header div.searchbox {
    float : right ;
    margin : 0 10px 0px 10px;
    padding-top : 20px;
    height : 47px;
}

#header div.searchbox input.search {
    color : #777777;
    border : 1px solid #F7F7F7;
    background-color : #CCCCCC;
    height : 30px;
    float : left;
    margin-right : 5px;
}

#header div.searchbox input.searchbtn {
    float : left;
}

#contentnoleftbar {
    margin-top : 20px;
}

#contentnoleftbar div.download_banner {
    width : 950px ;
    height : 227px ;
    background: url(../img/rc_banner.png) no-repeat ;
    margin : 1.5em auto ;
}

/* 3 columns layout */
div.lbar {
    width : 200px;
    float : left;
}
div.content {
    width : 530px;
    padding-left : 10px;
    padding-right : 10px;
    float : left;
}
div.rbar {
    width : 200px;
    float : left;
}

/* Login Box */
div.loginbox {
    width : 203px;
    height : 188px;
    background : transparent url(../img/login_box.png) no-repeat;
    color : #777;
    padding-top : 25px;
}

div.loginbox .inputbox {
    text-align : left;
    margin : 0px auto 0px;
    width : 170px;
    height : 130px;
}

div.inputbox p.input_desc {
    font-size : 0.8em;
    margin-bottom : 2px;
}

div.loginbox form input.login_sbmt {

}

/*ranking row*/

div.rankrow {
    width : 488px;
    padding : 5px;
    border-bottom : 1px dashed #777;
}
div.rankrow .rankbox {
    float : left;
    width : 20%;
}
div.rankrow p.rank {
    font-size : 5em;
    margin : 0px;
    display : inline;
}
div.rankrow .descbox {
    float : left;
    width : 80%;
    text-align : left;
}

div.rankrow .descbox h2
{
    float : left;
    margin :10px 0 0 0;
    width : 240px;
}
div.rankrow .descbox p {
    float : right ;
    margin :10px 0 0 0;
    width : 140px;
}
div.rankrow .descbox p.desc {
    float : left;
    width : 390px;
}

/*ranking top*/

div.ranktop {
    width : 488px;
    padding : 5px;
    border-bottom : 1px dashed #777;
}
div.ranktop .rankbox {
    float : left;
    width : 20%;
}
div.ranktop p.rank {
    font-size : 1.5em;
    margin : 0px;
    display : inline;
}
div.ranktop .descbox {
    float : left;
    width : 80%;
    text-align : left;
}

div.ranktop .descbox h2
{
    float : left;
    margin :10px 0 0 0;
    width : 240px;
}
div.ranktop .descbox p {
    float : right ;
    margin :10px 0 0 0;
    width : 140px;
}
div.ranktop .descbox p.desc {
    float : left;
    width : 390px;
}

/*ranking mini*/

div.rankmini {
    width : 160px;
    padding : 3px;
    border-bottom : 1px dashed #777;
}
div.rankmini .rankbox {
    float : left;
    width : 20%;
}
div.rankmini p.rank {
    font-size : 1em;
    margin : 0px;
    display : inline;
}
div.rankmini .descbox {
    float : left;
    width : 80%;
    text-align : left;
}

div.rankmini .descbox h2
{
    float : left;
    margin :10px 0 0 0;
    width : 100px;
}
div.rankmini .descbox p {
    float : right ;
    margin :10px 0 0 0;
    width : 100px;
}
div.rankmini .descbox p.desc {
    float : left;
    width : 100px;
}

/*title bar*/

div.titlebar { /* margin-bottom : 10px; */ }

div.titlebar, div.titlebar div  {
    height : 21px;
    padding-top: 4px;
}

div.titlebar div.l {
    background : url('../img/bar/left.png') 0px 0px no-repeat ;
    width : 6px;
    display: block;
    float : left;
}

div.titlebar div.title {
    background : url('../img/bar/middle.png') 0px 0px repeat-x ;
    float : left;
    color : #FFFFFF;
}

div.titlebar div.r {
    background : url('../img/bar/right.png') 0px 0px no-repeat ;
    width : 6px;
    float : left;
   display: block;
}

.ml1 { margin-left : 1px;}
.ml2 { margin-left : 2px;}
.ml14 {
    margin-left : 14px;
}
.ml15 { margin-left : 15px; }
.ml16 { margin-left : 16px; }
.w500 { width : 500px; }

.t498 {
    width : 498px;
    margin-left : 16px;
    margin-right : 15px;
}

.t500 {
    width : 500px;
    margin-left : 15px;
    margin-right : 15px;
}
div.titlebar.t500 div.title { width : 488px; }
.t500.border {
    width : 498px;
    border : 1px solid #777;
}
div.t500.table {
    margin-bottom : 23px;
}

.t200 {
    width : 200px;
    /* margin-left : 15px; */
    /* margin-right : 15px; */
}
div.titlebar.t200 div.title { width : 188px; }
div.t200.border {
    width : 198px;
    border : 1px solid #777;
}


div.table {
    width : 498px;
    border : 1px solid #777;
    text-align : left;
}

div.textbox p {
    margin : 1em;
    text-align : left;
}

div.t500.p1 {
    width : 478px;
    padding : 10px;
}

ol.ranking {
    margin : 0px;
}

ol.ranking li {
    height : 22px;
    list-style: none;
    border-bottom : 1px solid #CCC;
    background : #DDD;
    vertical-align : middle;
    width : 95%;
    padding-left : 5%;
    padding-top : 3px;
}

ol.ranking li.odd {
    background : #DDD ;
}

ol.ranking li.even {
    background : #FFF ;
}

hr.clear {
    border : none;
    clear : both;
    margin : 0px;
    height : 0px;
    _display : none;
}

hr.space23 {
    border : none ;
    background : transparent ;
    margin : 0px;
    height : 23px;
    display : block;
}

.space23 {
 margin-bottom : 23px;
}

#footer {
    height : 30px ;
    clear : both;
    border-top : 1px solid #DDD ;
    margin-top : 1em;
}

ul.foot {
   list-style : none ;
   float : left;
   margin : 0px;
}

ul.foot li {
    margin:0;
    padding:0;
    list-style : none ;
    height : 20px;
    margin : 0em 1em 0em 1em ;
    float : left ;
}

div#footer p {
    float : right;
}

/* tables */

table.borderless {
    border : 1px solid #777;
}
table.borderless tr td {
    border : none;
}

/* navigation */
ul.navul li {
    list-style : none ;
    float : left ;
    margin-right : 0px;
}

ul.rank_nav {
    /* display : block ; */
    height : 40px;
    width : 500px;
    background: transparent url(../img/bar500.png) no-repeat ;
    margin-top : -5px;
    margin-bottom : 0px;
    clear: both;
}

ul.rank_nav li {
    text-align : center; 
    margin : 0px 30px 0px ;
    height : 40px;
}

ul.rank_nav li a {
    height : 30px;
    font-size : 1.2em;
    padding-top : 10px;
    color : #ffffff;
    display : block;
    float : left;
}

ul.rank_tab_r { margin-top : 5px;}
ul.rank_tab_r li {
    width : 120px;
    height : 37px;
    background : transparent url(../img/tabbar_ia.png) no-repeat ;
}
ul.rank_tab_r li.active {
    background : transparent url(../img/tabbar.png) no-repeat ;
} 
ul.rank_tab_r li.active a { color : #FFFFFF; }
ul.rank_tab_r li a {
    width : 120px;
    height : 27px;
    color : #777777;
    font-size : 1.2em;
    padding-top : 10px;
    display: block;
}

ul#nav, ul#nav li {
    margin:0;
    padding:0;
    list-style : none ;
}

ul#nav {
/*    float : right ; */
    height : 38px;
}

ul#nav li {
    float : left ;
    padding-top : 2px;
    /* border : 1px solid #765 ; */
}

ul#nav li a:link,
ul#nav li a:visited {
    text-decoration : none ;
    color : #cccccc ;
}

ul#nav li a:link,
ul#nav li a:visited {
    text-decoration : none ;
    color : #cccccc ;
}

/* anchor & text */
a:link,a:visited {
    text-decoration : none ;
    color : #777777 ;
}

a:hover, a:active {
    text-decoration : none ;
    color : #777777 ;
}

a.banner {
    margin-top : 1em;
    display : block;
}

/*******************************/
/*       After Login          */

ul.login_subnav {
    margin : 0px auto;
}
h4.login_subnav_head {
    margin-top : 10px;
    margin-bottom : 10px;
}
ul.login_subnav li {
    margin:0;
    padding:0;
    list-style : none ;
    /*width : 150px; */    
    /*margin-left : 24px;*/
    /*margin-right : 24px;*/
    height : 30px;
    display : block;
    border : 1px solid #777;
}
ul.login_subnav li:hover {
}

ul.login_subnav li a {
    display : block;
    height : 22px ;
    padding-top : 8px;
    background : transparent url(../img/login_navbtn.png) repeat-x 0px 0px;
}

ul.login_subnav li a:hover {
    background : transparent url(../img/login_navbtn.png) repeat-x 0px -30px;
    color : #FFF;
}

div.clear {
    height : 0px;
    clear : both;
    border : none;
    display : none;
}

div#flashMessage {
    background-color : #ff8989 ;
    border : 2px solid #ff4c4c ; 
}
div.tablewrapper {
    margin-top : 4.5px;
    _margin-top : 0px;
    -moz-margin-start : 16px; /* For Mozzila */
    -webkit-margin-start : 16px; /* For Safari and Webkit */
    _margin-left : 0px;
}

ul.minirank {
    margin : 0px;
}

ul.minirank li {
    list-style : none;
    text-align : left;
    display : block;
    border : 1px solid #F0F0F0;
    background : #F7F7F7;
}

ul.minirank li.even {
    background : #E0E0E0;
}

/**************************/
/*  show */

div.showcontainer {
    margin-left : 15px;
    margin-right : 15px;
	margin-top : 4px;
    _margin-top : 0px;
    width : 500px;
}

table.showtable {
    width : 500px;
    border : 1px #F0F0F0 solid ;
}
table.showtable.blue { border : 1px solid #D7E8F0; }

table.showtable tr ,
table.showtable tr td {
    border : none;
    border-bottom : 1px solid #F0F0F0;
}

table.showtable tr.header {
    border : none;
    background : url(../img/table_tr_even.png) repeat-x ;
}
table.showtable.blue tr,
table.showtable.blue tr td { border-bottom : none; }

table.showtable tr td.label {
    width : 100px;
    background : #F7F7F7;
}
table.showtable.blue tr td.label { background : #F5F8FA; border-right : #D7E8F0; }


table.showtable tr td.input input ,
table.showtable tr td.input textarea
{
    width : 400px;
    font-size : 1.2em;
    border:solid 1px #E0E0E0;
}

table.showtable.blue tr td.input input,
table.showtable.blue tr td.input textarea
{ border : 1px solid #D7E8F0; }

table.showtable tr td.input div.error_message {
    color : #900;
    margin-top : 5px;
}

/**************************/
/* addon list */
table.addonlist {
    width : 500px;
}

table.addonlist tr {
    height : 30px;
}
table.addonlist tr th {
    border : none;
}

table.addonlist tr.header {
    border : none;
    background : url(../img/table_tr_even.png) repeat-x ;
}

table.addonlist tr.even {
    background : #FFFFFF ; /* url(../img/table_tr_even.png) repeat-x ; */
}

table.addonlist tr.even td {
    border : none;
}

table.addonlist tr.odd {
    background : #F7F7F5 ; /* #url(../img/table_tr_odd.png) repeat-x ; */
}

table.addonlist tr.odd td {
    border : none;
}

table.addonlist tr.more td {
	border : none;
}

/*
  ol.dp-py li {
    text-align : left; 
 }
*/
/*******************************/
/*        CAKE DEBUG STYLES   
.cakeSqlLog
{
    position:fixed;
    top: 97%;
    z-index:10;
    width:100%;
    background-color:#000;
    color:#FFF;
    border-collapse:collapse;
}

.cakeSqlLog caption {
    background-color:#900;
    color:#FFF; 
}

.cakeSqlLog:hover {
    top:auto;
    bottom:0;
}

.cakeSqlLog td {
    padding:3px;
    border:1px solid #999;
    background-color:#EEE;
    color:#000;
}

/*******************************/

div.clear {
    clear : both;
    height : 0px;
    _height : 1px;
    display : block;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
* .clearfix {display:block;}
*/* end MacIE5 */