#fixed_top {padding:0px; xxxheight: 30px; padding:12px 0px 12px 0px;}
#body {padding:0px; padding-bottom:30px;}	/* Height of the f0ooter */


/*----------------------------------------------*/
#nav_container {position: relative; }
#nav {width: 100%; xxpadding:10px; }

.mobile_no {display:none;}

#fixed_top, #i_main, #s_main, .i_mainB  {max-width: 500px; margin: auto;}

#nav .btn {text-align: right; position: absolute; top: 0px; right:12px;}
#nav .nav_off {display:none;}


#nav .item {padding: 50px 0px 0px 0px; text-align:center; margin: auto; font-size: 22px;} /************ THIS IS THE MENU ITEM WIDTH****************/
#nav .item:last-of-type {padding-bottom: 20px; border-bottom: 1px solid #ccc;}
#nav .item a{text-decoration: none; padding: 0px; }
#nav .logo-item {padding: 0px;}
#nav .logo-text {padding: 0px 12px 0px 12px; text-align:left; color:#fff; font-size:22px;}






#nav .sub_on {border-bottom: 2px solid #777; border-top: 2px solid #777;} 
#nav .sub_on > a {color: #000;   
                  padding-bottom: 3px;}

#nav .sub_off > div{display:none;}
#nav .sub_on > div{display:block; padding: 0px 0px 0px 0px;}
#nav .sub_on > a:after {content:'\a0\a0\a0 \2212'; xxfloat: right; xxpadding-right: 40px;}
#nav .sub_off > a:after {content:'\a0\a0\a0 \2b'; xxfloat: right; xxpadding-right: 40px;}
                   
#nav .subitem {padding: 0px 0px 0px 0px; white-space: nowrap;} 
#nav .subitem a {font-size: 16px;}  #nav .subitem a:before {content:'\2022 \a0 \a0 ';}

#nav .toggle {font-family: verdana;  text-align: right; padding: 0px 0px 5px 0px;}
#nav .toggle a:before {font-size: 14px; content:'\a0\a0\a0 Close(x)';} /* content:'\d7'; */

/*----------------------------------------------*/

#page_top {xxdisplay: bolck; xxwidth:100%;}
#page_top > div {padding: 0px 0px 0px 0px; line-height: normal; display:block;}
#page_top .col1 {}
#page_top .col2 { padding-top:50px; width:100%; padding-bottom:10px; border-bottom: 1px solid #111; 
                  background-color: #ccc;}
#page_top .col3 { text-align: right; background-color: #888;}

.logo {color:#fff; font-family:arial; font-size:22px;} /* text-shadow: 1px 1px 1px #ddd; letter-spacing:0.1em;*/
.logo2 {font-size:14px;color:#eef; } /* line-height:30px;color:#006;text-shadow: 1px 1px 1px #eee;color:#192759;*/
.beta {font-size:12px;color:#ddd; }

/*----------------------------------------------*/


#xi_main, #xinfoBox{ max-width: 500px; margin: auto;}
#i_main > div{display: block;}
#i_main .col1, #i_main .col2,  #i_main .col3{}
#i_main .col2{}

#xplayerbox {font-size: 10px; font-family: verdana, sans-serif;}

.h_col_c_1, .h_col_c_23  {padding:0px 12px 0px 12px;}
.h_col_cfx  {xmin-width: 250px; padding: 0px 12px 0px 0px;}

.hcat, .hcat_col_top, .hcat_all_top, .htrack {padding: 5px 0px 5px 0px;}
.hcat, .hcat_col_top, .hcat_all_top {margin-top: 5px; font-weight:bold; white-space:nowrap;}

.hcat, .hcat_col_top {color:#000;border-bottom:0px solid #000;border-top:1px solid #000; background-color: #fff;}

.htrack {font-family:verdana; font-size:11px;color:#777; border-top:1px dotted #aaa;}

/*----------------------------------------------*/

#results_table {display: block; text-align: left; margin: auto;}
#results_table .tr {display: block; border-bottom: 1px dotted #aaa; padding: 10px 0px 10px 0px; color: #eee;}
#results_table .tr:hover {color: #eeeaaa; xxbackground-color: #aaa; xopacity: 0.5;}
#results_table .td { padding: 0px 10px 0px 10px; xfont-family: verdana; font-size: 13px; }
#results_table .tdimg {display: none;}

.wtbl {display: table; width: 100%;}
.wtr {display: table-row; width: 100%;}
.wtd {display: table-cell;} 
.wtd_hf {display: table-cell; width: 50%;}

.ft-size_X {font-size: 22px;}
.ft-size_L {font-size: 20px;}
.ft-size_M {font-size: 18px;}
.ft-size_S {font-size: 16px;}
.fby-txt {font-size: 10px;}

.Btbl {}
.Btr {}
.Btd {padding-top:20px;}
.Btd:last-of-type {padding-bottom:10px;}
.Btd1 {padding-right:50px;}
.Btd2 {} 

#Btext {color: #ccc; font-size: 14px;}
#Btext .a{color: #ccc;}
#Btext .a:hover{color: #ddd;}

/*----------------------------------
.wtbl {}
.wtr {}
.wtd {} 
.wtd_hf {xxwidth: 100%;}

#results_table {display: table; text-align: left; margin: auto; border-collapse: collapse;}
#results_table .tr {display: table-row; border-bottom: 1px dotted #aaa; xpadding:20px; color: #eee;}
#results_table .tr:hover {color: #eeeaaa; xxbackground-color: #aaa; xopacity: 0.5;}
#results_table .td {display: table-cell; padding: 5px 35px 5px 5px;  font-family: verdana; font-size: 13px; xxcolor: #eee;}
#results_table .td:last-of-type {padding: 5px 5px 5px 5px;}

*/----------------------------------