/* IE png fix
----------------------------------------------------*/
/* img, div, input { behavior: url("_ui/css/iepngfix.htc") } */
img, div, input { behavior: url("_ui/css/iepngfix.htc"); }


body {_font-size: 11px !important;}

.noborder {border: none !important;}

p {color: #fff !important; _font-size: 11px !important;}

#promo-mods a:link img,
#promo-mods a:visited img,
#promo-mods a:hover img,
#promo-mods a:active img,
#promo-mods a img{
	background: none !important;
	color: #000 !important;
	border: none !important;
}


body.shows #header {
	width:974px;
	height:78px;
	background:#000;
	margin:3px 0 0 0;
	position: relative;
	z-index: 100;
}
body.shows #header #logo a {
	width:60px;
	height:0;
	padding-top:33px;
	overflow:hidden;
	background:url(../_images/fx-logo.png) no-repeat;
	float:left;
	margin:23px 59px 0 0;
}

/* Navigation
------------------------------------------------------------*/
#navigation {
	float:left;
	width:500px;
	height:76px;
	overflow:hidden;
	background:url(../_images/fx-navigation.png) no-repeat;
}
#navigation li {
	display:inline;
}
#navigation li a {
	float:left;
	height:0;
	padding-top:78px;
	overflow:hidden;
}
#navigation li a:hover,
#navigation a:active,
#navigation a.selected {
	background-position:0 -78px;
}
#navigation li#gn-watch-episodes a { background-position:0 0; width:183px; margin-right:2px; }
#navigation li#gn-shows a { background-position:-185px 0; width:108px; margin-right:2px; }
#navigation li#gn-movies a { background-position:-296px 0; width:108px; margin-right:2px; }

#navigation li#gn-watch-episodes a:hover, #navigation li#gn-watch-episodes a.selected { background-position:0 -78px; }
#navigation li#gn-shows a:hover, #navigation li#gn-shows a.selected { background-position:-185px -78px; }
#navigation li#gn-movies a:hover, #navigation li#gn-movies a.selected { background-position:-296px -78px; }

#navigation li a {
	background:url(../_images/fx-navigation.png) no-repeat;
}

#gn-shows{
	position:absolute;
	left: 302px;
}

#gn-movies {
	position:absolute;
	left: 412px;
	z-index: 300;
}

#gn-watch-episodes {
	position:absolute;
	left: 118px;
}

#promo-mods ol.detailed li.last p {
		

}

#promo-mods ol.detailed li p {
	height: 46px !important;
	overflow: hidden;
	margin: 100px 0 0 0 !important;
}  


#promo-mods .inner {
			/* padding: 40px 0 20px 0; OLD */
			/* NEW */
			padding: 10px 0 20px 0;
			margin-top: 30px;
			height: auto;
			//_height: 220px;
			/* END NEW */
			position: relative;
			
			clear:both;
			}	

/* login and register links */
.register-login a,
.register-login a:link,
.register-login a:hover{
	font-family: Arial;
	font-size: 11px !important;
	color: #0387b4 !important;
	text-decoration: none !important;
}


.right { 	float:right; }
.left { float:left; }

#header .inner {
	z-index: 1;
}

#header .nav-container{
	position: relative;
	width: 100%;
	margin:0 0 0 0;
	height: auto;
	z-index: 10;
}

body.shows {
	background-color:#000 !important;
	background: transparent url(../_images/bg/fxgrad.png) repeat-x left top;
}
body.shows #content {
	width:974px;
	margin:0 auto;
	padding-top: 30px;
	float:left;
	height: auto;
	}

body.home {
	text-align:left;
}

body.home #content-container {
	background: url(../_images/bg/fxgrad.png) repeat-x left top;
	float:left;
	width:100%;
	/* height:440px; OLD */
	clear:both;
}
body.home #content, body.fod #content {
	padding-top: 0;
	}

body.home #content-container #content {
	width:1015px !important; /* This needs a fixed width so the modules dont shift around on browser window resize */
	/* height:440px; REMOVED TO FIX PADDING*/
	margin:0 0 0 7.5%;
}

/* Special homepage promo */

body.home #content-container #specialPromo-container {
	float:left;
	width:100%;
	clear:both;
	height: 50px;
	margin-top: 10px;
	background: url(../../_images/soa_livestream_bg.jpg) no-repeat left top;
}

body.home #content-container #specialPromo-container #specialPromo {
	width:1015px !important; /* This needs a fixed width so the modules dont shift around on browser window resize */
	margin:0;
}

/* ------------------------------------------
		READ MORE, LEARN MORE links
		
		Jon
		
		This is where i made the divs for the more links to align
--------------------------------------------- */

li.sons_of_anarchy,
li.on_fx_networks {
	height: 236px !important;
	overflow: visible;
	position: relative;
	
}



li.sons_of_anarchy .more,
li.on_fx_networks .more {
	position: absolute;
	bottom: 0px;
	//_bottom: 10px;
	right: 0px;
	z-index: 100;
}

li.sons_of_anarchy a.more,
li.on_fx_networks a.more {
	font-weight:bold !important;
	background:transparent url(../_images/bullet-arrow.gif) no-repeat scroll left center;
	font-size:11px !important;
	color:#2890b7;
}


ul#more-link {
	clear: both;
	/* width:974px; */
	list-style-type: none;
	display: block;
	padding: 0;
	padding-top: 2px;
	height: 4px;
}

ul#more-link li{
	float: left;
	width: 300px;
	padding: 0;
	display: block;
	margin: 0 20px 0 0;
	height: 14px;
	text-align: right;
}

.last {margin-right: 0;}

.more-link-holder {
	_position: relative;
	width: 974px;
	margin-left: 7.5%;
	
	height: auto;
	margin-top: 0px;
	_margin-top: 0px;
	//z-index: 90;
}

			
.more-link-holder a.more {
	font-weight:bold;
	float: right;
	background:transparent url(../_images/bullet-arrow.gif) no-repeat scroll left center;
	padding-left:15px;
	margin-top: 0px;
	font-size:11px;
	color:#2890b7;
}

a.more2 {
	font-weight:bold;
	background:transparent url(../_images/bullet-arrow.gif) no-repeat scroll left center;
	padding-left:15px !important;
	margin-top: 0px;
	font-size:11px !important;
	color:#2890b7;
}

a.see-all-episodes {
	font-weight:bold;
	background:transparent url(../_images/bullet-arrow.gif) no-repeat scroll left center;
	padding-left:15px !important;
	margin-top: 0px;
	font-size:11px !important;
	color:#2890b7;
	display:block;
	width:119px;
	height:auto;
}

a.more3{
	font-weight:bold;
	background:transparent url(../_images/bullet-arrow.gif) no-repeat scroll left center;
	padding-left:15px !important;
	margin-top: 0px;
	float: right;
	font-size:11px !important;
	color:#2890b7;
}

a.more,
a.see-all {
	font-weight:bold;
	float: right;
	background:transparent url(../_images/bullet-arrow.gif) no-repeat scroll left center;
	padding-left:15px;
	margin-top: 0px;
	font-size:11px;
	color:#2890b7;
}

a.more:hover,
a.see-all:hover {
	text-decoration: underline !important;
}

.clear {
	clear: both !important;
	}

/* ------------------------------------------
		END READ MORE, LEARN MORE links
--------------------------------------------- */

#header {
	background-color:#000;
	
}

#footer {
	background:#000 !important;
	border-top:1px solid #4d4d4d !important;
	margin:40px 0 0 7.5%;
	width:954px !important;
	float: left;
	_float: none;
	min-width: 954px;
	position: relative;
	
}

#footer .inner {
	margin:0;
	
}

#footer h3 {
	color:#ccc;
	margin-bottom:8px;
	font-size:18px;
}


a.bullet-arrow {
	background:url("../_images/bullet-arrow.gif") left no-repeat;
	padding-left:15px;
	font-size:11px;
	font-weight:bold !important;
}



/* FX nav
----------------------------------------------------*/
.fx-show-nav {
	margin: 1.3em 0 0;
	overflow: hidden;
	position: relative;
	float: left;
	font-size: 14px;
	line-height: 1.2em;
	width:720px;
	_width: 730px;

	}

	.fx-show-nav h2 {
		position: absolute;
		left: -1000em;
		text-align: left;
		}
		
	.fx-show-nav ul {
		}
		
	.fx-show-nav li {
		padding:0 7px 0 13px;
		margin-bottom:5px;
		float:left;
		background:transparent url(../_images/bg/fx-nav_sep.gif) no-repeat left center;
		background-position:0 4px;
		/* behavior: url(_ui/css/iepngfix.htc); */
		}
		
	.fx-show-nav li:first-child {
		padding-left: 0;
		background: none;
		}
		

/* FX devices
----------------------------------------------------*/
.fx-devices {
	margin: 1.3em 0 0;
	overflow: hidden;
	position: relative;
	float: left;
	font-size: 14px;
	line-height: 1.2em;
	width:720px;
	_width: 730px;

	}

	.fx-devices h2 {
		position: absolute;
		left: -1000em;
		text-align: left;
		}
		
	.fx-show-nav ul {
		}
		
	.fx-devices li {
		margin-bottom:5px;
		float:left;
		}
		
		
/* FX nav Copyright and Footer Logo
----------------------------------------------------*/
.nav-btm {
	padding: 10px 0 0 0;
	border-top: 1px solid #111;
	margin-bottom: 70px;
	}

.footer-logo {
	position: absolute;
	top:15px;
	right: 0px;
	z-index: 90;
} 

.copyright {
	clear: left;
	padding: 5px 0 0 0;
	color: #fff;
	width: 500px;
	font-size: 11px;
}
.legal {
	clear:both;
}


/* Advertising
----------------------------------------------------*/
.ad {
	width: 300px;
	height: 250px;
	float: left;
	margin-top: 28px;
	color:#fff;
	text-align:left;
	font-size:11px;
	}

.adnotice{
margin-left:20px;
}


/* Grid Navigation 
----------------------------------------------------*/
.grid-nav {
	position:absolute;
	margin-left:0;
	padding-top:1px;
	top:100px;
	left:0;
	height:240px;
	width:300px !important;
	/*margin: 0 0 0 7.5%;*/
	margin: 0 0 0 90px;
	text-align:left;
	/*background-color: red;
		background: transparent url(../_images/bg/grid.png) no-repeat;
		behavior: url(_ui/css/iepngfix.htc);*/
}
	
.grid-nav .logo {
	position:absolute;
	top:1px;
	left:0;
	height:120px;
	width:119px;
	border:1px solid #333;
	background: transparent url(../_images/logo.png) no-repeat;
}


/* Watch Episodes Button */
.grid-nav .watchepbutton {
	border-right: 1px solid #333;
	position:absolute;
	top:1px;
	left:120px;
	z-index:10;
}
.grid-nav .watchepbutton a {
	border: 1px solid #333;
	height:0;
	width:120px;
	display:block;
	background: transparent url(../_images/btn/watchep_button.png) no-repeat;
	behavior: url(_ui/css/iepngfix.htc);
	padding-top:120px;
	overflow:hidden;
	position:absolute;
	z-index:2;
}
.grid-nav .watchepbutton .bg {
	position:absolute;
	top:0;
	left:0;
	width:121px;
	height:121px;
	background-image: url('../_images/bg/black-60.png');

	/* filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity: 0.7;*/

}


/* GRID NAV BORDER RIGHT ON ACTIVE */

.grid-nav .watchepbutton a.active,
.grid-nav .showsbutton a.active {
	border-right:1px solid #000 !important;
	/*
	filter:alpha(opacity=70) !important;
	-moz-opacity:0.7 !important;
	opacity: 0.7 !important;
	*/
}

.grid-nav .watchepbutton a.active {
	background: transparent url(../_images/btn/watchep_button_ovr.png) no-repeat;
}

.grid-nav .showsbutton a.active {
	background: transparent url(../_images/btn/shows_button_ovr.png) no-repeat;
}

span.fullepcoming {
	widows: 270px;
	min-height: 50px !important;
	padding: 3px 0 3px 0;
}

/* Movies Button */
.grid-nav .moviesbutton {
	position:absolute;
	top:121px;
	left:0;
	
}
.grid-nav .moviesbutton a {
border: 1px solid #333;
	height:0;
	width:119px;
	display:block;
	background: transparent url(../_images/btn/movies_button.png) no-repeat;
	behavior: url(_ui/css/iepngfix.htc);
	padding-top:120px;
	overflow:hidden;
	position:absolute;
	z-index:2;
}
.grid-nav .moviesbutton .bg {
	position:absolute;
	top:0;
	left:0;
	width:120px;
	height:121px;
	background-image: url('../_images/bg/black-60.png');
	/*
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity: 0.7;
	*/
}

/* Shows Button */
.grid-nav .showsbutton {
	position:absolute;
	top:123px;
	left:121px;
	z-index:30;
}
.grid-nav .showsbutton a {
border-right:1px solid #333;

border-bottom: 1px solid #333;
	height:0;
	width:120px;
	display:block;
	background: transparent url(../_images/btn/shows_button.png) no-repeat;
	behavior: url(_ui/css/iepngfix.htc);
	padding-top:120px;
	overflow:hidden;
	position:absolute;
	z-index:2;
}
.grid-nav .showsbutton .bg {
	position:absolute;
	top:0;
	left:0;
	width:120px;
	height:120px;
	background-image: url('../_images/bg/black-60.png');
	/*
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity: 0.7;
	*/
}

/* Rollover states */
.grid-nav .watchepbutton a.active,
.grid-nav .moviesbutton a.active,
.grid-nav .watchepbutton a:hover,
.grid-nav .moviesbutton a:hover {

	border: 1px solid #0387b4;
	
}

.grid-nav .showsbutton a.active{
margin-left:-1px;
margin-top:-1px;
border: 1px solid #0387b4;
}


.grid-nav .showsbutton a:hover {
	border: 1px solid #0387b4;
	margin-left:-1px;
	margin-top:-1px;
}

.grid-nav .flyout {
	position:absolute;
	top:1px;
	left:240px;
	width:442px;
	height:74px;
	padding:48px 0 0 30px;
	background:url(../_images/nav-flyout-background-left.png) top left no-repeat;
}

.grid-nav .flyout-shows {
	position:absolute;
	top:1px;
	left:240px;
	width:442px;
	height:74px;
	padding:48px 0 0 30px;
	background:url(../_images/nav-flyout-background-left.png) top left no-repeat;
}

.grid-nav .flyout-inner {
	width:442px;
	height:120px;
	
	position:relative;
}

.grid-nav .flyout .shows {
	height:220px;
	width:auto;
	position:absolute;
	padding-left:30px;
	padding-right:120px;
	top:48px;
	left:30px;
	z-index:2;
}


.grid-nav .flyout .eps {
	height:100px;
	/*width:300px;*/
	/*_width: 320px;*/
	position:absolute;
	padding-left:20px;
	/*padding-right:120px;*/
	top:10px;
	left:10px;
	z-index:2;
}

.grid-nav .eps .action {
	width: 100px;
	position:absolute;
	left:326px;
	top:70px;
	_width: 110px;
	_overflow: hidden;

}

.grid-nav .shows .action {
	width: 100px;
	position:absolute;
	left:310px;
	top:160px;
	_width: 110px;
	_overflow: hidden;

}

.grid-nav .flyout-shows .shows {
	height:220px;
	width:auto;
	position:absolute;
	padding: 0px;
	top:50px;
	_top:45px;
	left:30px;
	z-index:4;
}



.grid-nav .flyout a.see-all {
	position:absolute;
	bottom:19px;
	right:44px;
	z-index:3;
}

.grid-nav .flyout a.see-all {
	position:absolute;
	bottom:19px;
	right:44px;
	z-index:3;
}
.grid-nav .flyout ul {
	float:left;
	margin-right:0px;  
	 margin:0px 10px 0 0; 
}


.grid-nav .flyout li {
	margin-bottom:2px;  
	width: 130px !important;           
}
.grid-nav .flyout ul li a {
	font-size:14px;
	color:#2890b7;
}

.grid-nav .flyout-shows ul {
	float:left;
	margin:0px 10px 0 0;
	width: 130px !important;
	height: 133px !important;
	
}

.grid-nav .flyout-shows ul.last {
	float: left !important;
	margin-right:0 !important;
	padding-right: 0 !important;
	width: 120px !important;
}

.grid-nav .flyout-shows li {
	margin: 0 0 2px 0;
	display: block;
	width: 130px !important;
	_padding: 3px 0 3px 0;
}

.grid-nav .flyout-shows ul.last li{
	margin-right:0 !important;
	padding-right: 0;
} 

.grid-nav .flyout-shows ul li a {
	font-size:14px;
	color:#2890b7;
	display: block;
	width: 130px !important;
	padding: 2px 0 2px 0;
	height: auto;
}

.grid-nav .flyout-shows a.see-all {
	position:absolute;
	bottom:19px;
	right:44px;
	z-index:3;
}

.grid-nav .flyout-shows a.see-all {
	position:absolute;
	bottom:19px;
	right:44px;
	z-index:3;
}

.grid-nav .flyout .bg-container {
	position:absolute;
	top:0;
	left:1px;
	height:120px;
	width:472px;
	margin-left:1px;
	border:1px solid #0387b4;
	border-left:none;
	
}

.grid-nav .flyout-shows .bg-container {
	position:absolute;
	top:0;
	left:1px;
	height:241px;
	width:472px;
	margin-left:1px;
	border:1px solid #0387b4;
	border-left:none;
	
}
.grid-nav .flyout .bg {
	background: url('../_images/bg/black-85.png');
	
	/*
	background-color: #000;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	opacity: 0.85;
	*/
	height:120px;
	width:472px;
}
.grid-nav .flyout .close a {
	position:absolute;
	float:left;
	top:-10px;
	right:-10px;
	width:30px;
	height:30px;
	padding-top:0;
	overflow:hidden;
	text-indent: -3000em;
	background: url("../_images/bttn-close.png") no-repeat top left !important;
	/* behavior: url(_ui/css/iepngfix.htc); */
	_background: url("../_images/bttn-close.gif") no-repeat top left !important;
	display:block;
	z-index: 50;
}

.grid-nav .flyout-shows .bg {
	
	background-image: url('../_images/bg/black-85.png');
	/*
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	opacity: 0.85;
	*/
	height:241px;
	width:472px;
}
.grid-nav .flyout-shows .close a {
	position:absolute;
	float:left;
	top:-10px;
	right:-10px;
	width:30px;
	height:30px;
	padding-top:0;
	text-indent: -3000em;
	overflow:hidden;
	background: url("../_images/bttn-close.png") no-repeat top left !important;
	/* behavior: url(_ui/css/iepngfix.htc); */
	_background: url("../_images/bttn-close.gif") no-repeat top left !important;
	display:block;
	z-index: 50;
}

/* full episodes coming soon */
.fxred{
color: #fe4d09;
}

.tiny {
line-height: .25em;
}

.fr {float: right;}

a.close-btn {
	float:right;
	width:30px;
	height:30px;
	overflow:hidden;
	text-indent: -3000em;
	background: url("../_images/bttn-close.png") no-repeat top left !important;
	/* behavior: url(_ui/css/iepngfix.htc); */
	_background: url("../_images/bttn-close.gif") no-repeat top left !important;
	display:block;
}




/* Clip Player
----------------------------------------------------*/