@charset "utf-8";
/* CSS Document */

body,html,p,h1,h2,h3,h4,ul,li{padding:0px;margin:0px;}

a{text-decoration:none;padding:0px;}
a:hover{text-decoration:underline;}

.required{color:#FF0000;}

body { font-family:"Trebuchet MS", Arial, Helvetica, SansSerif;	color:#000; font-size:11px; text-align:justify; line-height:normal;}
h1{font-size:18px;font-weight:normal;}
h2{font-size:16px;font-weight:normal;}
h3{font-size:14px;font-weight:normal;}

/*header start*/
#header-bg{ height:93px; width:100%; background:#FFFFFF url(../Images/bg-header.jpg) repeat-x bottom; padding:0px; margin:0px;}
#header-bg .wrapper {width:887px; margin:0px auto; text-align:left; position:relative; height:auto; border:solid 0px #ff0000;}
.header{height:93px; border:solid 0px #ff0000; vertical-align:bottom; }
.logo{ margin-top:14px; width:250px; float:left}

/*top nav start*/
.toplink{float:right; width:280px; height:30px; margin-top:58px; color:#336699; font-weight:normal; text-align:right; line-height:25px;}
.toplink a{ color:#949494; font-size:12px; font-weight:bold; text-decoration:none; margin:0px 5px;}
.toplink a:hover{ color:#1b7cc6; text-decoration:underline;}
/*top nav end*/
/*header end*/

#menu-bg{ height:32px; width:100%; background:#000; padding:0px; margin:0px;}
#menu-bg .wrapper {width:887px; margin:0px auto; text-align:left; position:relative; height:auto; border:solid 0px #ff0000;}

/*TAB nav start here*/
.navigation{height:32px; color:#fff; float:right; width:100%; }

.nav {padding:0px; margin-left:0px; list-style: none; color:#000;}
.nav li {font-size:18px; background: url(../Images/nav_right.gif) no-repeat scroll right top; float:left; margin:0px 10px 0px 0px; line-height:30px;}
.nav li a {font-weight:bold; color:#fff; padding: 4px 20px 5px 22px;text-decoration:none; background:transparent url(../Images/nav_left.gif) no-repeat scroll left top;}

.nav li a:hover {text-decoration:none; color:#3c8fce;}
.nav li.current {background:url(../Images/nav_right_current.gif) no-repeat scroll right top;}
.nav li.current a {background:transparent url(../Images/nav_left_current.gif) no-repeat scroll left top;color:#3c8fce;text-decoration:none; }
/*TAB nav end here*/


/*player area start*/
#player-bg{ height:277px; width:100%; background:#024977 url(../Images/bg-player.gif) repeat-x top; border-bottom:solid 1px #8dbde2; padding:0px; margin:0px;}
#player-bg .wrapper {width:887px; margin:0px auto; text-align:left; position:relative; height:auto;}


.player-area{ height:263px; width:487px; background-color:#000; float:left; margin-top:8px;}

.login-area{height:237px; width:290px; background-color:#FF0000; float:right;  background:url(../Images/bg-login.jpg) repeat-x top; padding:20px;}
.login-container{margin:0 auto; height:auto}
.login-container h1{ color:#b1ccdf;}
.text-area{ background-color:#e3f4fe; border:solid 1px #afeafc; width:290px; margin-bottom:20px;}
.checkbox{ color:#b1ccdf; font-size:12px; width:150px; }
.bttn-log{ float:right;}
.button{ background:url(../Images/buttn-bg-login.jpg) repeat-x bottom #fff; color:#023455; font-size:12px; font-weight:bold; padding:2px 5px; margin:0px; border:solid 1px #fff; cursor:pointer}
.button2{ background:url(../Images/buttn-bg-login.jpg) repeat-x bottom #fff; color:#023455; font-size:16px; font-weight:bold; padding:2px 5px; margin:0px; border:solid 1px #fff; cursor:pointer}.chk-sub{height:38px;}
.forgot-pwd{ font-size:14px; text-align:right}
.forgot-pwd a{ text-decoration:none; color:#59aafb; }
.forgot-pwd a:hover{ color:#fff; text-decoration:underline;}
/*player area end*/


/*body area start*/
#body-bg{ width:100%; background:#fff url(../Images/bg-body.gif) repeat-x top; padding:0px; margin:0px;}
#body-bg .wrapper {width:887px; margin:0px auto; text-align:left; position:relative; height:auto;}

.body-area{ height:170px; padding-top:19px;}

.body-left{ width:650px; float:left; margin:15px 0px}

.popular-episode, .popular-clips, .featured-videos{ width:200px; background:#ff0000; background:url(../Images/bg-col.jpg) repeat-x top; }
.popular-episode{float:left}
.popular-clips{float:left; margin-left:25px;} 
.featured-videos{float:right}
.popular-episode h1, .popular-clips h1, .featured-videos h1{ text-indent:-5000px; height:34px;}
.popular-episode h1{background:url(../Images/popular-episode.jpg) no-repeat top;}
.popular-clips h1{background:url(../Images/popular-clips.jpg) no-repeat top;}
.featured-videos h1{
	background:url(../Images/featured-channels.jpg) no-repeat top;
}


.popular-episode .container, .popular-clips .container, .featured-videos .container{ width:145px; margin:0 auto; margin-top:10px; padding-bottom:10px;}
.divider{ width:145px; margin:0 auto; background-color:#c8c8c8; height:1px; overflow:hidden;}
.container img{ border:solid 2px #000; padding:0px; margin:0px;}
.container h3{ color:#085b9b; font-weight:bold; margin-top:8px;}



.more{ float:right; padding:0px; margin:0px;}
.more a{color:#095c9b; text-decoration:underline; font-size:12px;}
.more a:hover{ color:#000; text-decoration:none;}

.body-right{ width:180px; float:right; margin:15px 0px;}


.spotlight{ width:180px; margin-bottom:20px; border:solid 0px #ff0000}
.spotlight h2{ height:30px; color:#085b9b; font-weight:bold; border-bottom:dotted 1px #818181;}



.spotlight .spot-container{margin-top:10px; }
.divider{ width:145px; margin:0 auto; background-color:#c8c8c8; height:1px; overflow:hidden;}
.spot-container img{ border:solid 2px #5a93c0; padding:0px; margin-bottom:10px;}
.container h3{ color:#085b9b; font-weight:bold; margin-top:8px;}

.spot-container ul{ list-style:none}
.spot-container ul li{ background:url(../Images/list-icon.gif) no-repeat; background-position:2px 5px; padding-left:15px; line-height:200%; }
/*body area end*/

.body-inner{ width:887px; float:left; margin:15px 0px; font-size:12px; padding-bottom:15px; text-align:justify}
/*footer area start*/
#footer-bg{ height:74px; width:100%; background:#000 url(../Images/bg-footer.gif) repeat-x top; padding:0px; margin:0px;}
#footer-bg .wrapper {width:887px; margin:0px auto; text-align:left; position:relative; height:auto;}

.footer-area{ text-align:center; line-height:25px; font-size:12px; color:#fff; padding-top:15px;}

.footer-area a{ color:#fff; text-decoration:none; font-weight:normal; margin:0px 10px;}
.footer-area a:hover{ color:#c0e7fe; text-decoration:underline;}
/*footer area end*/



.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
html .clearfix {height: 1%;}
/* End hide from IE-mac */