*,html,body,div,img,h1,h2,p{margin:0; padding: 0; border: 0 none}
body,html{
background:#00145E;
font:normal normal 12px Arial,sans-serif;
overflow:auto;
}
html{
background:black;
}
#banner {position:absolute;top:0;right:300px;height:50px;}
#body{
width:980px;
height:100%;
margin:0 auto;
}
#body a,#body a:visited,#body a:link,#body a:hover{text-decoration:none; color: black}
.what{color:#FFA302}
.float{float:left}
/* LOGO */
#logo{
position:relative;
background-color:white;
height:77px
}
#logo #white{
height:50px;
background-color:white
}
#logo #blue{
height:27px;
background-color:#000078
}
#logo img#tree{
position:absolute;
top:4px;
left:0
}
#logo img#kab_tv{
position:absolute;
top:0px;
left:60px;
left:50px;
}
#logo .world-a, #logo .rss-a{
position:absolute;
top:36px;
font-size:10px;
}
#logo .world-a{
right:90px;
}
#logo #help-e{
position:absolute;
right:0;
top:0;
font:normal normal 12px Arial,sans-serif;
color:blue;
text-decoration:underline;
}
#logo .rss-a{
right:13px;
}
#logo .world-img, #logo .help-img, #logo .rss-img{
position:absolute;
top:5px;
}
#logo .world-img{
right:105px;
}
#logo .help-img{
right:8px;
top:8px;
}
#logo .rss-img{
right:8px;
}
#logo img#kab_tv_channel{
position:absolute;
top:5px;
right:15px
}
#logo #top_a{
position:absolute;
top:56px;
left:10px;
width:980px;
text-align:center
}
#logo #top_a,#logo #top_a a,#logo #top_a a:visited{
color:white;
text-decoration:none;
}
#logo #links{
position:absolute;
top:15px;
/*top:10px;*/
right:255px;
right:225px;
font-size:12px;
font-weight:bold;
}
#logo #links .uilang{
color:#D32020;
}
/* VOD */
#vod_div{
float:right;
width:265px;
height:490px;
background-color:#000C37;
color:white;
overflow:hidden;
}
#vod_div #sel p{
text-align:center;
margin:5px 0;
color:#FFA200;
font:normal bold 12px Arial,sans-serif;
}
#vod_div #sel span{
padding:0 5px;
font:normal normal 12px Arial,sans-serif;
}
#vod_div #sel #throbber{
position:absolute;
top:0; left:20px;
width:20px;
height:20px;
}
#vod_div #categories{
width:170px;
margin:0 10px 5px 0;
}
#vod_div #sel{
position:relative;
width:265px;
border-bottom:1px solid #36498F;
}
#vod_div .vod{
height:436px;
overflow:auto;

scrollbar-face-color: #384B92;
visibility: visible;
scrollbar-highlight-color: #04266d;
scrollbar-shadow-color: #04266d;
scrollbar-3dlight-color: #DFE7F2;
scrollbar-arrow-color: #FFA200;
scrollbar-track-color: #000C37;
scrollbar-darkshadow-color: #DFE7F2
}
.dur{
float:left;
color:#4EA8FE !important;
clear:both;
}
.dur_w{
margin:0 0 0 80px;
}
#vod_div .vod .targ{
padding:5px 10px;
border-bottom:1px solid #36498F;
}
#vod_div .vod .targ .icon{
float:left;
width:70px;
height:70px;
margin:0 10px 0 0;
}
#vod_div .vod .targ .icon_w{
float:left;
width:70px;
margin:0 10px 0 0;
}
#vod_div .vod .targ .targa{
color:white;
}
#vod_div .vod .targ .serv_div{
clear:left;
float:right;
}
#vod_div .vod .targ .serv{
float:right;
margin:0 0 0 3px;
color:#4EA9FF;
}
#vod_div .vod .targ .serv span{
font-size:10px;
vertical-align:text-top;
}
#descr a, #descr a:visited, #descr a:hover{
	color:#4EA9FF !important;
}
#descr .serv_descr{
	margin:3px;
}
#descr a.serv_descr, #descr a.serv_descr:visited, #descr a.serv_descr:hover{
	color:#4EA9FF !important;
}
.clearfix:after{
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;
font-size:0;
}
.clearfix{display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height:1px;}
.clearfix{display:block;}
/* End hide from IE-mac */

/* PLAYER */
#mid{
float:right;
width:450px;
height:480px;
background-color:#384B92;
color:white;
overflow:hidden;
padding:10px 0 0;
}
#mid #live_out{
height:20px;
}
#mid #au_vid{
padding:0 0 0 13px;
padding: /**/0 0 0 30px;
position:relative;
}
#mid #au_vid a{
color:white;
background-color:#000078;
padding:3px 15px;
float:left;
}
#mid #au_vid a.video{
margin:0 0 0 -5px;
margin /**/:-5px 0 0 -5px;
}
#mid #au_vid a.audio{
margin:0 0 0 5px;
margin /**/:-5px 0 0 5px;
}
#mid #au_vid a#active{
background-color:black;
}
#mid #live_bt{
height:18px;
margin:0 25px 0 25px;
color:#FFA200;
font-weight:bold;
padding:0 0 0 10px;
text-align:center;
}
#mid #live_m{
height:18px;
margin:0 25px 0 25px;
border-bottom:1px solid #FFA202;
}
#mid #live_m img{
vertical-align:middle;
}
#mid #live_m a{
float:left;
display:block;
padding:0 25px 0 0;
background-color:#FFA200;
color:black;
font-weight:bold;
}
#mid #pl{
margin:0 10px 0;
padding:0 15px 0;
width:400px;
}
#mid #media{
width:400px;
height:305px;
}
#mid #btns a{
color:#4EA8FE;
padding:5px 0 5px 5px;
float:right;
}
#mid #btns a.this_lang{
color:#FFA302;
}
#mid #btns a.lang{
float:left;
font-size:12px;
}
#mid #watching{
height:20px;
width:380px;
background-color:#000C37;
margin:0 25px;
padding:5px 10px 0 10px;
color:white;
font:normal normal 12px Arial,sans-serif;
}
#mid #descr{
height:70px;
width:400px;
border-top:1px solid #C6D8F2;
margin:0 25px;
padding:10px 0;
}
#descr .servw{
float:left;
margin:5px 0 0 3px;
color:#4EA8FE !important;
}
#descr .servw img{
float: right;
width:14px;
height:14px;
padding:0 3px 0 0;
vertical-align:top;
}
/* LIVE */
#live_div{
float:right;
width:265px;
height:490px;
background-color:#000C37;
color:white;
overflow:auto;
}
#live_div #live{
text-align:center;
height:17px;
padding:6px 0 4px;
color:#FFA200;
font:normal bold 12px Arial,sans-serif;
}
/* TABS */
#live_div #tabTopBar{
background-color:#000C37;
height:25px;
overflow:hidden;
}
#live_div #tabTopBar a#abar{
border-top:1px solid #384B92;
border-right:1px solid #384B92;
padding:auto 5px;
}
/* #live_div #tabTopBar a#abar.sel_bar{
background-color:#000C37;
color:white;
border-top:1px solid #2B64A7;
border-right:1px solid #2B64A7;
color:white;
}*/
#live_div #tabTopBar a.sel_bar{
background-color:#DFE7F2;
color:#100010;
}
#live_div #tabTopBar a{
padding:5px 2px 5px 2px;
margin:0 1px 0 0;
display:block;
float:left;
background-color:#384B92;
color:#FFA200;
border-right:1px solid #000C37;
border-left:1px solid #000C37;
}
#live_div #tabInfo{
position:relative;
left:0;
top:0;
height:435px;
width:265px;
border:0 none;
}
#f{
position:absolute;
left:0;
top:0;
width:265px;
border:0 none;
height:438px;

scrollbar-face-color: #384B92;
visibility: visible;
scrollbar-highlight-color: #04266d;
scrollbar-shadow-color: #04266d;
scrollbar-3dlight-color: #DFE7F2;
scrollbar-arrow-color: #FFA200;
scrollbar-track-color: #000C37;
scrollbar-darkshadow-color: #DFE7F2
}
/* BOTTOM */
#bottom {
position:relative;
background-color:#000078;
color:white;
height:20px;
text-align:center;
padding:10px 0 0;
clear:both;
}
#bottom #bot_a{
margin:0 10px 0 0;
float:left;
}
#bottom #bot_a,#bottom #bot_a a,#bottom #bot_a a:visited{
color:white;
text-decoration:none;
}
#bottom #castup img{
vertical-align:middle;
width:67px;
height:19px;
}
#bottom #castup a{
color:white;
}
#bottom #castup{
font-size:10px;
float:right;
margin:0 10px 0 0;
}
#descr #broadcast{
position:relative;
background-color:#2b64a7;
color:#ffa200;
border:1px solid transparent;
}
#descr #beta a, #descr #beta a:visited, #descr #beta a:hover {
color: yellow !important;
display: block;
font-weight: bold;
font-size:13px;
margin-top: 1em;
}
#descr #broadcast #select{
background-color:#000078;
color:#FFA200;
font-weight:bold;
right:10px;
position:absolute;
top:10px;
padding:3px;
border-top:1px solid #7fc0ff;
border-left:1px solid #7fc0ff;
border-right:1px solid #000c37;
border-bottom:1px solid #000c37;
}
#descr #broadcast #source{
float:left;
padding:3px 0 3px 6px;
clear:left;
width:290px;
}
#descr #broadcast #quality{
border-bottom:1px solid #384b92;
float:left;
padding:3px 0 3px 6px;
width:290px;
}
#descr #broadcast label, #descr #broadcast input{
display:inline;
color:wite;
margin:0 2px;
}
#descr #broadcast span{
color:#7fc0ff;
}


