
* { margin:0; padding:0;}
html, body { height:auto; font-family:Tahoma, Geneva, sans-serif; color:#3a3a3a; font-size:11px; }
body { line-height:1em; margin:0; padding:0 }
body { background:url(../img/body_bg.gif) repeat-x #F5F1E5; }
b {font-size:9px; color:#333333; font-weight:normal; display:block}
#spinner { margin:10px 0 0 10px;}
#spinner img { float:left; margin-right:10px;}
#notification { width:559px;  height:350px; margin:80px 0 0 50px}
#notification h1 { padding:5px;}
#notification h2 { padding:5px;}

#wrapper { width:959px;  height:550px; margin:26px auto}
#wrapper { background:url(../img/wrapper_bg.gif) no-repeat;}
#wrapper #top { height:auto; padding:40px 0;}
#wrapper #top .who { margin: 0 0 0 27px; width:auto; }
#wrapper #top   .logo { padding:0 0 0 20px; width:400px; float:left}
#wrapper #top   .menu { margin:0 21px 0 0px; width:241px; height:35px; float:right;}
#wrapper #top   .menu { background:url(../img/bg_menu.gif) }
#wrapper #top   .menu ul li { float:left; padding:10px 0 0 0; list-style:none; } 
#wrapper #top   .menu a{ background:url(../img/bg_li.gif)no-repeat right top; }
#wrapper #top   .menu a { padding:0 12px 0 12px; color:#343435; text-decoration:none}
#wrapper #top   .menu .last{ background:none}
#wrapper #top   .menu a:hover{text-decoration:underline}



#wrapper #middle { margin:20px 0; clear:both}
#wrapper #middle .package { width:auto; padding: 0 0 10px 560px; font-size:15px; color:#333333}
#wrapper #middle .package select { font-size:15px; color:#FF9900; padding:2px; width:241px; margin:0 0 0 39px;} 
#wrapper #middle .player { padding:0; width:523px; height:373px; float:left; margin:0 0 0 15px; background:#000000}
#wrapper #middle .channels { padding:0; float:right;height:373px; width:385px; margin:0 15px 0 0;background:#FFFFFF}
#wrapper #middle .channels { overflow:auto; background:url(../img/channels_bg.gif);}
#wrapper #middle .channels ul { list-style:none; margin:10px 5px 0 10px;}
#wrapper #middle .channels ul li { padding:5px; border-bottom:1px dotted #CCCCCC; clear:both; height:70px;}
#wrapper #middle .channels ul li .icon { width:120px; float:left; height:60px; overflow:hidden}
#wrapper #middle .channels ul li .icon img { border:0; vertical-align:bottom}
#wrapper #middle .channels ul li .label{ float:left; width:200px; margin:10px 0 0 10px; }
#wrapper #middle .channels ul li .label span {vertical-align:top; font-size:15px; font-weight:bolder; color:#F96002; padding-top:5px;}
#wrapper #middle .channels ul li .label span { text-transform:uppercase}
#wrapper #middle .channels ul li .label span a{ text-decoration:none; color:#F76100; padding:2px; }
#wrapper #middle .channels ul li .label span a:hover{ background-color:#FF9900; color:#FFFFFF; padding:2px;}
#wrapper #middle .channels ul li .label span.status { clear:both; display:block; font-size:11px; color:#990000; font-weight:normal}
#wrapper #middle .channels ul li .label .time { clear:both; font-size:11px; display:block; text-transform:capitalize; font-weight:normal}
#wrapper #middle .channels ul li .label .time a{ color:#666666}
#wrapper #middle .channels ul li .label .time a:hover{ color:#000000}
#wrapper #middle .channels ul li .label .c-name { float:left; line-height:23px; padding-top:0;}
#wrapper #middle .channels ul li .label .time-ist { float:left;font-weight:normal;font-size:9px;color:#CCCCCC;text-transform:capitalize;}
#wrapper #middle .channels ul li .label .time-ist { padding-left:5px;}

#bottom { background:#313131; width:auto; clear:both; height:50px;}
#bottom #footer{ width:100%; height:auto; text-align:center; padding:20px 0;color:#999999;}
#bottom #footer a,#bottom #footer a:visited{ color:#999999; text-decoration:none }

#tips {width:959px; margin:0px auto}
#tips  h3 { margin:0 0 10px 12px; font-size:13px; color:#FF6600 }
#tips  ul { margin:0 0 10px 12px }
#tips  ul li { list-style:none; font-size:11px; padding:2px; font-stretch:extra-expanded }

#ads {width:959px; margin:0px auto; height:15px;}
#ads .one{ margin:0px 0 10px 12px; width:728px;}

#dynamic { width:95%; margin:15px auto}
#dynamic h3 { font-size:17px; background:#E0DACE; color:#FFFFFF; line-height:15px; padding:3px; font-weight:normal}
#dynamic .left { width:490px; min-height:200px; float:left; }
#dynamic .left.all { width:900px}
#dynamic .left.all form { width:500px;}
#dynamic .left.all form div { width:320px}
#dynamic .center { float:left; width:15px; border-right: 1px solid #D0CDC3; height:300px}
#dynamic .right { width:390px; min-height:200px; float:right }
#dynamic ul { list-style:none; font-size:12px; width:auto; margin:10px 0 10px 17px}
#dynamic form {margin:10px 0 10px 1px}
#dynamic ul li { line-height:15px; list-style-image:url(../img/list.gif)}
#dynamic ul li a { color:#666666; text-decoration:none}
#dynamic ul li a:hover { text-decoration:underline}
#dynamic  .newsletters { margin-bottom:7px;}
#dynamic table { margin-top:10px;}
#dynamic table tr th{ padding:9px 2px 9px 2px; text-align:left; font-size:13px; font-weight: normal}
#dynamic table tr th.amnt { text-align:right}
#dynamic table tr.headr { padding-bottom:5px; border-bottom:1px solid #CCCCCC; background:#ECE8DA; }
#dynamic table tr { padding: 3px 0 3px 0;}


#wrapper .menu-tabs { width:60%; margin:auto; height:30px}
#wrapper .menu-tabs ul { font-size:12px; list-style:none; margin-top:20px;}
#wrapper .menu-tabs ul li { float:left; padding:5px; border:1px solid #CCCCCC; margin-right:1px;}
#wrapper .menu-tabs ul li:hover { background:#CCCCCC; color:#FFFFFF}
#wrapper .menu-tabs ul li a { text-decoration:none; color:#9E3203;}
#wrapper .menu-tabs ul li a:hover { color:#FFFFFF}
#wrapper .menu-tabs ul li.active {background:#CCCCCC; color:#FFFFFF}
#wrapper .menu-tabs ul li.last { display:none}
#wrapper .submenu { display:none}

.hedit .tre { line-height:14px;}

#profile .small { font-size:10px;}
#profile form { width:100%;}

#dynamic ul#signup,#dynamic ul#signup li { list-style:none; margin-bottom:2px;} 
#signup br { width:1px; float:left}
#signup  .aa{ width:30px; float:left; padding-top:8px;}
#signup  .ab{ width:320px; float:left; font-size:15px; font-weight:bold; color:#A13103}
#signup  .ac{ width:510px; float:left;  padding:2px;}
#signup  .ac div {background-color:#FFFFFF; border:1px solid #CCCCCC;  padding:8px;}
#signup  .ac div  { -moz-border-radius:10px;-webkit-border-radius:10px;behavior:url(border-radius.htc);}
#signup .vedit { width:90%; margin:auto}
#signup .vedit th { font-weight:bold}
#signup .vedit .small { font-size:10px; font-weight:normal}
#signup .vedit tr { border-bottom:1px solid #CCCCCC}
#signup .vedit b { font-size:11px;font-weight:bold}
form  .sub { font-size:18px;}
#dynamic .left.all form #signup  .ac div {width:100%;}
#signup label.error { color:#CC0000; font-size:10px;}


