/* ERIC MEYER CSS RESET FROM http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}


body {font-family: Arial, Helvetica, sans-serif;}

.episode img {float: left;margin: 0px 10px 0px 0px;}

.bottom_gradient {
	background: url(/images/common/detailsBarBg.png) repeat-x;
	height: 33px;
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
.episode h1, .episode h2 {font-size: 0.8em;color: #666; white-space: nowrap;}
.episode h1 {padding-top: 7px;font-weight: bold; }
.episode h2 {padding-top: 2px;font-weight: normal;}
.episode p {
	font-size: 0.7em;
	color: #999;
	margin: 2px 15px 2px 0px;
	padding: 0px;
	float: left;
	width: 34%;
	line-height: 13px;
	height: 41px;
	overflow: hidden;
}


/* classes using background button graphics */
.episode .butn_right_lg, .navArea .butn_std, .navArea .butn_menu, .navArea .butn_right, .navArea .butn_tab, .episode .butn_right_sm, .paginator .butn_number, .paginator .arrows , .mobile-select{
	height: 33px;
	width: 90px;
	float: left;
	display: block;
	position: relative;
	z-index: 1;
	line-height: 33px;
	font-size: .9em;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-align: left;
	margin: 2px 6px 0px 10px;
	overflow: hidden;
	text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;
    overflow: hidden;
}


/* content listing items */
.episode .butn_right_lg {
	background: url(/images/t2/std-buttons.png) no-repeat -2px -100px;
	text-indent: 13px;
	width: 130px;
	font-size: .8em;
	line-height: 28px;
	margin: 0px;
	
}
.episode .butn_right_sm {
	background: url(/images/t2/std-buttons.png) no-repeat -1px -183px;
	text-align: center;
	width: 70px;
	font-size: .7em;
	line-height: 31px;
	margin: 0px;
}
.episode .full_episode {line-height: 10px; padding-top: 5px; margin-right: 4px; height: 28px;}
.episode .rating {
	margin: 2px 10px 0px 0px;
	padding: 0px;
	height: 13px;
	float: left;
	font-weight: normal;
}
.episode .rating img {margin: 0px;padding: 0px;}


/* top nav */
.jsddm .butn_std {background: url(/images/t2/std-buttons.png) no-repeat -1px -33px;text-align: center;}
.jsddm .butn_menu {background: url(/images/t2/std-buttons.png) no-repeat -1px -66px;}
.jsddm .butn_right {background: url(/images/t2/std-buttons.png) no-repeat -1px 0px;}
.jsddm .butn_tab {background: url(/images/t2/std-buttons.png) no-repeat -1px -132px;text-align: center; height: 38px; font-size: .7em; white-space:normal; line-height: 11px; padding-top: 9px;}


.menu {text-indent: 17px;}
.sort {text-indent: 12px;}
.signup {text-indent: 15px;}
.login {text-indent: 21px;}


.stripe {background: #800054;height: 5px;width: 100%;}


/* pagination */
.paginator .container {margin: 2px auto 0px;width: 305px;}
.paginator .butn_number, .paginator .arrows, .paginator .butn_number .active {//here
	background: url(/images/t2/std-buttons.png) no-repeat -33px -215px;
	text-align: center;
	width: 33px; 
	height: 33px;
	padding: 0px;
    margin: 0px;
}

.paginator .arrows {
    font-size: .8em;
    background: url(/images/t2/std-buttons.png) no-repeat -1px -248px;
    line-height: 34px;
    width: 70px;
}	

.paginator .butn_number {
	background: url(/images/t2/std-buttons.png) no-repeat -66px -215px;
	font-size: .8em;
	line-height: 35px;
}
	
.paginator .butn_number.active {
	background: url(/images/t2/std-buttons.png) no-repeat -1px -215px;
	font-size: .8em;
	line-height: 35px;
	}
	

/* footer */
.footer p, .footer div {
	margin-bottom: 10px;
	text-align: center;
	color: #999;
}
.footer .links {
	font-size: 1.3em;
	text-align: center;
	color: #666;
	margin-bottom: 20px;
}
.footer a:link, .footer a:hover, .footer a:visited, .footer a:active  {
	color: #fff !important;
	margin: 0px 5px;
}



/* drop down menu */
.jsddm {margin: 0px;padding: 0px;}

.jsddm li {
	float: left;
	list-style: none;
	font-size: 1em;
	font-weight: bold;
	background: none;
}

.jsddm li a {	
	display: block;
	background: none;
	padding: 0px;
	margin: 2px 3px 0px !important;
	text-decoration: none;
	height: 33px;
	width: 90px;
	color: #fff;
	white-space: nowrap;
}

.jsddm li ul{	
	margin: 40px 0px 0px 10px;
	padding: 2px;
	font-size: .8em;
	width: 130px;
	text-align: left;
	position: absolute;
	visibility: hidden;
	overflow: visible;
	z-index: 2;
	border: 3px solid #666;
	background: #333;
}

.jsddm li ul li {float: none;display: inline;}
.jsddm li ul li a:visited {color: #fff;}
.jsddm li ul li a:hover {color: #FF0892;}
.jsddm li ul li a:active {color: #ccc;}
		
#searchBox {
	background: url(/images/t2/searchbox-bg.png) repeat-x;
	height: 80px;
	width: 100%;
	position: absolute;
	z-index: 10;
}
#searchBox .controlContainer {
	text-align: center;
	padding-top: 10px;
}
#searchBox .butn_std {
	height: 33px;
	width: 90px;
	display: block;
	line-height: 33px;
	font-size: .9em;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-align: left;
	overflow: hidden;
	text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;
	background: url(/images/t2/std-buttons.png) no-repeat -1px -33px;
	text-align: center;
	margin: 0 auto;
	margin-top: 4px;
}
#searchBox input.searchInput { width:80%; }
.navContainer { position: relative; }
#searchBox .buttons { 
	overflow: hidden;
	width: 200px;
	margin: 0 auto;
	margin-top: 5px;
}
#searchBox .buttons .butn_std { float: left; margin: 0 3px; }

/*** VIDEO SPEED POPUP AND INSTALL APP POPUP ***/
#streamBox, #installAppBox {
	width: 293px;
	z-index: 1001;
	position: absolute;
	margin-left: -146px;
	left: 50%;
	top: 50%;
	padding-bottom: 18px;
	background: url(/images/t2/popup-bottom.png) no-repeat bottom center;
    font-size:13px;
}
#streamBox h1, #installAppBox h1 {
	vertical-align: 10px;
	font-size: 15px;
	text-shadow: 0 -1px 0 #424E5D;
	color: #fff;
	background: url(/images/t2/popup-top.png) no-repeat;
	width: 100%;
	height: 34px;
	line-height: 51px;
	text-align: center;
	margin: 0;
}
#streamBox .streamOptions, #installAppBox .content {
	padding-top: 8px;
	padding-bottom: 4px;
	background: url(/images/t2/popup-middle.png) repeat-y;
	text-align: center;
}
#installAppBox .content p, #installAppBox .content a, #installAppBox .content a:visited {
    
    margin:0 20px 10px;
    text-align:left;
    color: white !important;
    text-decoration: none;
}
#streamBox .streamOptions a {
	display: inline-block;
	text-decoration: none;	
	white-space: nowrap;
	margin: 0 2px;
	color: #fff;
	padding: 0;
	height: 40px;
	width: 58px;
	line-height: 40px;
	text-shadow: 0 -1px 0 #333;
	text-align: center;
	border-width: 0 12px 0 12px;
	-webkit-border-image: url(/images/t2/popup-button.png) 0 12 0 12;
    -moz-border-image: url(/images/t2/popup-button.png) 0 12 0 12;
}
#streamBox .streamOptions a.selected {
	-webkit-border-image: url(/images/t2/popup-button-selected.png) 0 12 0 12;
    -moz-border-image: url(/images/t2/popup-button-selected.png) 0 12 0 12;
}
#streamBox .streamOptions a.selected span {
	padding-right: 23px;
	background: url(/images/t2/popup-check.png) no-repeat center right;
}
#streamBoxUnderlay, #installAppBoxUnderlay{
	z-index: 1000;
	position: absolute;
	top: 0;
	width: 100%;
}
#installAppBoxUnderlay{
    background: #000000 none repeat scroll 0 0;
    opacity: 0.5;
}
.play_overlay {
	background: url(/images/t2/play-overlay.png) no-repeat center center;
	height: 34px;
	width: 34px;
	position: absolute;
	bottom: 45px;
	left: 65px;
}

/**
 my tweaks
 **/
ul li.episode{
    position: relative;
    overflow: hidden;
}
.navArea, .paginator{
    height: 40px !important;
}
.episode{
    height: 120px !important;
    position: relative;
}
.episode .headshot{
    height: 120px;
    width: 160px;
    float: left;
    margin: 0 10px 0 0;
}
ul li{
    font-size: 1em !important;
    font-weight: normal !important;
}
select.mobile-select{
    background: none;
    border: 0;
    width: 122px;
    margin-top: 8px;
    height: auto;
    font-size: 0.9em;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
    font-family: inherit;
    font-size: inherit;
    -webkit-appearance: none;
}
form.butn_menu{
    margin: 2px !important;
}

select.mobile-select option{
    padding: 2px;
	font-size: .8em;
	text-align: left;
	background-color: #333;
    /*margin: 2px 3px 0;
    height: 25px;*/
}

:focus, :active:, -moz-any-link:focus 
{
  -moz-outline-style: none;
  outline: none;
}

/**
 * S1 Style Overrides
 */
li.episode div.thumb, li.episode div.thumb img{
    height: 120px !important;
    width: 160px !important;
}
#more-details p{
    float: none;
    height: auto;
    width: auto;
}

/* new previous/next buttons */
.mainWrapper .pageListing.selected .paginator .container .arrows {
	background: url(/images/t2/std-buttons.png) no-repeat -1px -248px;
	text-align: center;
	width: 70px;
	font-size: .8em;
	line-height: 34px;
	margin: 0px;
}