/* SMALL RESET START */
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;}body{line-height:1;color:black;background:white;}:focus{outline:0;}ol,ul{list-style:none;}
body { font-family: Arial, sans-serif; font-size: 10pt; color: #fff; }
/* SMALL RESET END */


/************** COMMMON STUFF **************/ 

body[orient=portrait] { min-height: 530px; }
body[orient=landscape] { min-height: 370px; }
a { text-decoration: none; }
a:hover { text-decoration: none; }
img { border: none; }
input, select { font-size: 12pt; }
.dropShadow { height: 4px; width: 100%; position: absolute; top:0; left: 0; z-index: 10; }
#searchBox .dropShadow { position: static; }
.dropShadow div { height: 1px; background: #000; }
.dropShadow div.s1 { opacity: .4; }
.dropShadow div.s2 { opacity: .3; }
.dropShadow div.s3 { opacity: .2; }
.dropShadow div.s4 { opacity: .1; }

#masthead { text-align: center; height: auto; }

#headerBar { height: 37px; overflow: hidden; line-height: 37px; position: relative; padding-top: 1px; }
#headerBar h1 { font-size: 11pt; float: left; margin-left: 35px; }
#headerBar h1.longTitle { overflow: hidden; height: 100%; line-height: 14px; width: 120px; margin-left: 10px; display: table; }
#headerBar h1.longTitle span { display: table-cell; vertical-align: middle; text-align: center; }
#headerBar .menu { float: right; margin-right: 8px; text-align: right; }
#headerBar .menu a { font-size: 13px; display: inline-block; padding: 0 18px; height: 28px; line-height: 28px; }
#headerBar .menu a.selected { -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#headerBar.noNav h1 { float: none; margin: 0; text-align: center; font-size: 14pt; }

.stdButton, .toggleButton {
	display: inline-block;
	font-size: 13px;
	height: 28px;
	line-height: 28px;
	padding: 0 4px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: center;
}

/*** ENTRANCE PAGE STYLES ***/
#entranceBox {
	background: url(/images/s4/entrance-bg.jpg) no-repeat;
	width: 320px;
	height: 480px;
	overflow: hidden;
	margin: 0 auto;
}
#entranceBox .logo { padding: 23px 0 75px 0; text-align: center; }
#entranceBox .checkAge { text-align: center; }
.yesTo18, .noTo18 {
	text-indent: -999px;
	display: inline-block;
	overflow: hidden;
	width: 160px;
	height: 49px;
	background: url(/images/s4/are-you-18.png);
}
.noTo18 { background-position: -160px 0; width: 149px; }

.warningText {
	background: #a4a4a4;
	border-width: 21px 22px;
	-webkit-border-image: url(/images/s4/drop-shadow-mask.png) 21 22 21 22;
	-moz-border-image: url(/images/s4/drop-shadow-mask.png) 21 22 21 22;
}
.warningText p { margin-top: 0; margin-bottom: 8px; line-height: 14px; }
.warningText p.lead { font-weight: bold; }


/*** THUMBNAIL VIEW COMMON TO A BUNCH OF VIEWS ***/
.thumbView { position: relative; margin-bottom: 10px; }
.thumbIndex { padding: 0; padding: 11px; position: relative; overflow: hidden; }
.thumbIndex .thumb { width: 120px; height: 90px; overflow: hidden; position: absolute; background-position: center center; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.thumbIndex.large .thumb { width: 160px; height: 120px; overflow: hidden; position: absolute; background-position: center center; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.thumbIndex .info { margin-left: 130px; height: 90px; overflow: hidden; }
.thumbIndex.large .info { height: 120px; margin-left: 170px;}
.thumbIndex .info h1 { font-weight: bold; font-size: 12px; white-space: nowrap; }
.thumbIndex .info .stdButton, .thumbIndex .info .toggleButton { margin-right: 4px; margin-bottom: 2px; }
.thumbIndex .info div { font-size: 12px; height: 46px; margin-bottom: 3px; overflow: hidden; }
.thumbIndex .info span.sep { margin: 0px 6px; }
.thumbIndex .info .leadText { font-weight: bold; }

/*** BUTTONS USING LARGE BUTTON STYLE ***/
.searchButton h1 { text-align: center; }
.searchButton h1 span { margin-left: 4px; }

/*** PAGER ***/
.pager { position: relative; text-align: center; }
.pager .sep { display: inline-block; margin-left: 2px; color: #d25f9a; font-size: 10px; vertical-align: 2px;}
.pager .current {}
.pager .page { display: inline-block; padding: 0 8px; height: 20px; line-height: 20px; font-size: 12pt; }
.pager .prev, .pager .next { position: absolute; width: 50px; text-align: center; font-weight: bold; font-size: 20px; }
.pager .prev span, .pager .next span { font-size: 7pt; vertical-align: 4px }
.pager .prev span { margin-left: 2px; }
.pager .next span { margin-right: 2px; }
.pager .prev { left: -12px; top: 0; }
.pager .next { right: -12px; top: 0; }


/*** LARGE BUTTON STYLE ***/
.largeButton { position: relative; height: 52px; line-height: 49px; overflow: hidden; margin: 0 auto; }
.largeButton .overlay {
	position: absolute;
	height: 8px;
	border-width: 22px 22px 22px 22px;
	-webkit-border-image: url(/images/s4/drop-shadow-mask.png) 22 22 22 22;
	-moz-border-image: url(/images/s4/drop-shadow-mask.png) 22 22 22 22;
}
.largeButton .container { position: absolute; height: 100%; margin: 0 0 0 25px; }
.largeButton h1 { font-size: 14pt; }


body[orient=portrait] .largeButton, .largeButton { width: 310px; }
body[orient=landscape] .largeButton { width: 470px; }
body[orient=portrait] .largeButton .container, .largeButton .container { width: 260px; }
body[orient=landscape] .largeButton .container { width: 420px; }
body[orient=portrait] .largeButton .overlay, .largeButton .overlay { width: 266px; }
body[orient=landscape] .largeButton .overlay { width: 426px; }

/* ROUNDED MENU AND ROUNDED BOX */
.roundedMenu, .roundedBox {
	margin: 0 auto;
	position: relative;
}
.roundedMenu .container, .roundedBox .container  {
	padding: 3px 0 6px 0;
	border-width: 0 7px;
	-webkit-border-image: url(/images/s4/drop-shadow-mask.png) 21 7 21 7;
	-moz-border-image: url(/images/s4/drop-shadow-mask.png) 21 7 21 7;
}
.roundedMenu li .icon { vertical-align: -9px; margin-right: 8px;}
.roundedMenu li {
	height: 38px;
	line-height: 38px;
	padding: 0 30px 0 12px;
	font-size: 14pt;
	overflow: hidden;
	position: relative;
}
.roundedMenu li.header { text-align: center; padding: 0; line-height: 40px;} 
.roundedMenu li span.subText { float: right; font-size: 10pt; margin-right: 8px; }
.roundedMenu li span.goIcon {
	position: absolute;
	right: 10px;
	top: 10px;
	text-indent: -999px;
	width: 11px;
	height: 15px;
	background-position: -122px -36px;
}
.roundedMenu.darkGrey li span.goIcon { background-position: -137px -36px; }
.roundedMenu li:first-child, .roundedMenu.darkGrey li:first-child  { border-top: none; }
.roundedMenu .top, .roundedBox .top  {
	position: absolute;
	z-index: 10;
	top: 0px;
	border-width: 21px 22px 0 22px;
	-webkit-border-image: url(/images/s4/drop-shadow-mask.png) 21 22 21 22;
	-moz-border-image: url(/images/s4/drop-shadow-mask.png) 21 22 21 22;
	background: transparent;
}
.roundedMenu .bottom, .roundedBox .bottom {
	position: absolute;
	z-index: 11;
	bottom: 0;
	border-width: 0 22px 21px 22px;
	-webkit-border-image: url(/images/s4/drop-shadow-mask.png) 21 22 21 22;
	-moz-border-image: url(/images/s4/drop-shadow-mask.png) 21 22 21 22;
}
body[orient=portrait] .roundedMenu, .roundedMenu,
body[orient=portrait] .roundedBox, .roundedBox { width: 310px; }
body[orient=landscape] .roundedMenu, body[orient=landscape] .roundedBox { width: 470px; }

body[orient=portrait] .roundedMenu .top, .roundedMenu .top,
body[orient=portrait] .roundedMenu .bottom, .roundedMenu .bottom,
body[orient=portrait] .roundedBox .top, .roundedBox .top,
body[orient=portrait] .roundedBox .bottom, .roundedBox .bottom { width: 266px; }
body[orient=landscape] .roundedMenu .top, body[orient=landscape] .roundedMenu .bottom,
body[orient=landscape] .roundedBox .top, body[orient=landscape] .roundedBox .bottom { width: 426px; }

/*** ICONS ***/
.icon {
	vertical-align: middle;
	display: inline-block;
	width: 30px;
	height: 30px;
	text-indent: -999px;
	overflow: hidden;
	background: url(/images/s4/icons.png) no-repeat;
}
.searchIcon { background-position: 0 -30px; }
.favsIcon { background-position: -60px -120px; }
.ourSitesIcon { background-position: 0 0; }
.signUpIcon { background-position: -30px 0; }
.loginIcon { background-position: -60px 0; }
.settingsIcon { background-position: -90px 0; }
.extrasIcon { background-position: -120px 0; }
.supportIcon { background-position: -90px -120px; }
.videoIcon { background-position: -30px -90px; }
.trailerIcon { background-position: -60px -90px; }

.faqIcon  { background-position: -120px -120px; }
.contactIcon { background-position: 0 -150px; }
.passwordIcon { background-position: -30px -150px; }
.billingIcon { background-position: -60px -150px; }
.cancelIcon { background-position: -90px -30px; }
.membersIcon { background-position: -90px -150px; }


.checkIcon { background-position: -30px -30px; }
.phoneIcon { background-position: -60px -30px; }
.ccIcon { background-position: -90px -30px; }

.playIcon { background-position: 0 -90px; }

.lockIcon { background-position: 0px -180px; }

.checkMark { background-position: -120px -151px; width: 22px; height: 19px;}

.favButton .icon.fav { width: 17px; height: 15px; vertical-align: -3px; margin: 0 4px 0 0; }
.favButton.toggleButtonOn .fav { background-position: -37px -120px; }
.favButton.toggleButtonOff .fav { background-position: -37px -135px; }

/*** EPISODE DETAILS PAGE ***/
.episodeDetails .container { padding: 16px 16px 28px 16px; }
.episodeDetails { font-size: 12px; }
.episodeDetails strong { font-weight: bold; display: inline-block; margin: 0 0 2px 0;}
.episodeDetails .description { margin: 0 0 10px 0;}
.episodeDetails .niches { color: #00c6ff; }

.selectClips { text-align: center; font-size: 20px; }
.selectClips a { display: inline-block; padding: 0 10px; height: 40px; line-height: 40px; }
.selectClips span.sep { display: inline-block; margin-left: 5px; font-size: 12px; margin: 0 0 0 4px;  height: 20px; line-height: 20px; vertical-align: 3px; }

.fullVideoButton { text-align: center; }
.trailerVideoButton { text-align: center; }
.trailerVideoButton .icon, .fullVideoButton .icon { margin: 0 6px 6px 0; }

.rating { display: block; }
.rating .fullStar, .rating .emptyStar {
	display: inline-block;
	width: 18px;
	height: 18px;
	text-indent: -999px;
	overflow: hidden;
	background: url(/images/s4/icons.png) no-repeat;
}
.rating .fullStar { background-position: 0px -120px; }
.rating .emptyStar { background-position: -18px -120px; }



/*** JOIN PAGE ROUNDED MENU SPECIFIC ***/
.roundedMenu li.last { height: 47px; }
.signupView { padding-top: 10px; position: relative; ;}
.memberType { margin-bottom: 6px; padding-right: 0; }
.memberType input { display: inline-block; width: 20px; }
.memberType li { height: 26px; line-height: 26px; padding-left:50px}
.memberType li.header { height: 38px; line-height: 40px; }
.memberType li.last { height: 30px; }
.memberType li span.subText { float: none; font-size: inherit; margin-left: 10px; }
.memberType span.price { display: inline-block; width: 63px; text-align: right; }
.bestDeal {
	display: inline-block;
	width: 71px;
	height: 22px;
	background: url(/images/s4/icons.png) no-repeat;
	background-position: -60px -60px;
	text-indent: -999px;
	overflow: hidden;
	margin-left: 4px;
	vertical-align: -6px;
}
.memberInfo li { text-align: right; }
.memberInfo input { margin-left: 16px; width: 110px; }
body[orient=portrait] .memberInfo input { margin-left: 16px; width: 110px; }
body[orient=landscape] .memberInfo input { margin-left: 16px; width: 270px; }
.joinSubmit { margin-top: 4px; margin-bottom: 8px; text-align: center; }


/*** PHOTO GALLERY VIEW ***/
#photoGallery { padding-top: 25px; margin-bottom: 24px; text-align: center; position: relative; }
#photoGallery .photo {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display: inline-block;
	padding: 9px;
	margin-bottom: 8px;
}

/*** EXTRAS PAGES SPECIFIC ***/
.extrasEntrance .stdButton { width: 140px; }
.thumbView.wallPaper .container { margin: 0 auto; padding-top: 16px; padding-bottom: 8px; }
.thumbView.wallPaper .thumb {
	border: 1px solid #fff;
	display: inline-block;
	margin: 9px;
	width: 75px;
	height: 113px;
}
body[orient=portrait] .thumbView.wallPaper .container, .thumbView.wallPaper .container {  width: 293px; }
body[orient=landscape] .thumbView.wallPaper .container { width: 392px; }

.ringTones { position: relative; padding: 4px 18px 18px 18px; }
.ringTones li { font-size: 12pt; padding: 12px 10px; overflow: hidden; position: relative; }
.ringTones li:first-child { border-top: none; }
.ringTones li.last { height: 2px; padding: 0; border-bottom: none; }
.ringTones li .playIcon {
	display: block;
	float: right;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 10px;
	top: 6px;
}
/*** SEARCH BOX ***/
#searchBox {
	width: 100%;
	position: absolute;
	z-index: 1000;
}
#searchBox .controlContainer {
	height: 90px;
	text-align: center;
	padding-top: 10px;
}
#searchBox .stdButton { font-size: 11pt; margin: 0 5px; }
#searchBox .buttons {
	overflow: hidden;
	width: 200px;
	margin: 0 auto;
	margin-top: 18px;
}
#searchBox .textBoxClose {
	position: absolute;
	width: 33px;
	height: 38px;
	right: -48px;
	top: 0px;
	margin-top: 0px;
	z-index: 1000;
	overflow: hidden;
	text-indent: -1000px;
	background: url(/images/s4/icons.png) no-repeat;
	background-position: -117px -82px ;
}
#searchBox .textBoxClose img {
	margin: 8px 0 0 5px;
}
#searchBox .closeIcon { 
	display: block;
	width: 20px;
	height: 20px;
	overflow: hidden;
	margin: 8px 0 0 5px;
	background: url(/images/s4/icons.png) no-repeat;
	background-position: -90px -90px ;
	text-indent: -999px;
}
#searchBox .searchInputContainer {
	margin: 0 10px;
	position: relative;
	margin-right: 59px;
	height: 30px;
}
#searchBox .searchInput {
	vertical-align: 1px;
	font-size: 18px;
	height: 28px;
	display: block;
	width: 100%;
	margin: 4px 0 0 0;
}
#searchBox .noClose.searchInputContainer { margin-right: 32px; }
#searchBox .noClose .textBoxClose { display: none; }

/*** CLEANED UP STREAM BOX ***/
#streamBox {
	width: 300px;
	z-index: 1001;
	position: absolute;
	margin-left: -150px;
	left: 50%;
	top: 50%;
	padding-bottom: 18px;
    font-size:13px;
}
#streamBoxUnderlay { z-index: 1000; position: absolute; top: 0; width: 100%; background: #000; opacity: .2; }
#streamBox h1 {
	font-size: 15px;
	color: #fff;
	height: 34px;
	line-height: 38px;
	text-align: center;
	margin: 0;
}
#streamBox .streamOptions { padding-top: 8px; padding-bottom: 4px; text-align: center; }
#streamBox .streamOptions a.selected span {
	display: inline-block;
	height: 100%;
	padding-right: 28px;
	background: url(/images/s4/check-mark.png) right 6px no-repeat;
}
#streamBox .stdButton {
	font-size: 10pt;
	display: inline-block;
	margin: 0 4px;
	padding: 0;
	height: 35px;
	width: 82px;
	line-height: 35px;
	text-align: center;
}

.genericBox { position: relative; }
.genericBox .bg {
	position: absolute;
	width: 100%;
	height: 100%;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: black;
	opacity: .9;
}
.genericBox .content { position: relative; z-index: 2;}
.genericBox .content .stdButton { -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.nicheSelector { text-align: center; }
.nicheSelector select { font-size: 13pt; width: 80%; }


/*** SUPPORT ***/
.faqBox { position: relative; padding: 10px 0;}
.faq { padding: 4px 15px 15px 15px; font-size: 16px; }
.faq .question { font-weight: bold; display: block; margin-bottom: 6px; }
.faq .answer { margin-bottom: 8px;}
.contactNotice { padding: 4px 20px 10px 20px; font-size: 16px; margin-bottom: 8px; }
.contactForm li { text-align: right; }
.contactForm select { width: 148px; }
.contactForm input { margin-left: 12px; width: 130px; }
.contactForm .captcha, .contactForm .msg { font-size: 10pt; text-align: center; height: auto; }
.contactForm .msg textarea { width: 100%; margin: 0 0 0 6px; }
.contactForm .captcha { padding-bottom: 20px; }
.contactForm .captcha input { width: 100%; margin: 0 0 0 2px; }
.contactForm .submitSection { text-align: center; }
.contactForm .submitButton { height: 30px; width: 200px; }
ol.tutorial{margin: 10px;}
ol.tutorial li{display: list-item; list-style-type: decimal; list-style-position: inside; margin: 1px 0;}

/*** CANCEL OFFER ***/
.cancel-offer {text-align:center; width:266px; margin:auto;}
.cancel-offer .offer-text {font-weight:bold; font-size:16px}
.cancel-offer .cancel-accept-or-refuse {margin-top:10px; margin-bottom:10px; font-size:18px}


/*** JOIN PAGE **/
.privateTrans { margin: 0 auto; width: 266px; line-height: 36px; height: 32px; padding: 0 0 8px 0; }
.privateTrans .icon { vertical-align: -6px; }
table.salePoints { padding: 0; margin: 0 auto; border-spacing: 0; font-size: 12px; width: 280px; }
body[orient=portrait] table.salePoints { padding: 0; margin: 0 auto; border-spacing: 0; font-size: 12px; width: 280px; }
body[orient=landscape] table.salePoints { padding: 0; margin: 0 auto; border-spacing: 0; font-size: 12px; width: 440px; }
.salePoints caption { font-size: 20px; padding-top: 10px; padding-bottom: 10px; }
.salePoints td { padding: 6px 0 6px 0; overflow: hidden; }
.salePoints td .icon { float: left; }
.salePoints td div { margin: 2px 0 0 24px; }

/*** Footer Text **/
.footer{ clear: both; text-align: center; font-size:12px; padding: 15px 0; color: #fff;}
.footer a, .footer a:visited {color: #fff!important; text-decoration: none; font-weight: normal;}
footer p span {	color: #666; margin: 0 4px;	font-weight: normal;}
.footer .primary { font-size: 1.4em; font-weight: bold;}
.footer .records, .footer .copyright, .footer .2257 {	font-size: .9em; font-weight: normal;}
.footer .copyright {margin-bottom: 5px; font-size: .8em; }
.footer p { color: #999;	margin: 0px 0px 10px 0px; padding:0px 8px;}
.footer .about, .footer .seo { font-size: .8em; color: #FFF;}

/*layout*/

#detection_strip {
	height: 26px;
	width: 100%;
	position: relative;
	background:#000 url(/images/common/detection/bg-strip.png) repeat-x;
}
#detection_strip #hdr {
	height: 26px;
	width: 199px;
	float: left;
	display: inline;
	margin-left: 5px;
}
#detection_strip #join {
	height: 27px;
	width: 104px;
	float: right;
	margin-right: 5px;
}
#detection_strip #join a {
	display: block;
	height: 100%;
	width: 100%;
	cursor: pointer;
}

/*white label background color*/
#detection_strip.android {background:#003f02 url(/images/common/detection/bg-strip.png) repeat-x;}
#detection_strip.blackberry {background:#00166c url(/images/common/detection/bg-strip.png) repeat-x;}
#detection_strip.iphone {background:#6c006b url(/images/common/detection/bg-strip.png) repeat-x;}
#detection_strip.itouch {background:#41004e url(/images/common/detection/bg-strip.png) repeat-x;}
#detection_strip.palmpre {background:#533000 url(/images/common/detection/bg-strip.png) repeat-x;}
#detection_strip.smartphone {background:#333 url(/images/common/detection/bg-strip.png) repeat-x;}

/*white label mobile names*/
#hdr.android {background: url(/images/common/detection/hdr-android.png) no-repeat;}
#hdr.blackberry {background: url(/images/common/detection/hdr-blackberry.png) no-repeat;}
#hdr.iphone {background: url(/images/common/detection/hdr-iphone.png) no-repeat;}
#hdr.itouch {background: url(/images/common/detection/hdr-itouch.png) no-repeat;}
#hdr.palmpre {background: url(/images/common/detection/hdr-palmpre.png) no-repeat;}
#hdr.smartphone {background: url(/images/common/detection/hdr-smartphone.png) no-repeat;}

/*white label button colors*/
#join.blue {background: url(/images/common/detection/99-blue.png) no-repeat;}
#join.gold {background: url(/images/common/detection/99-gold.png) no-repeat;}
#join.gray {background: url(/images/common/detection/99-gray.png) no-repeat;}
#join.green {background: url(/images/common/detection/99-green.png) no-repeat;}
#join.orange {background: url(/images/common/detection/99-orange.png) no-repeat;}
#join.pink {background: url(/images/common/detection/99-pink.png) no-repeat;}
#join.purple {background: url(/images/common/detection/99-purple.png) no-repeat;}
#join.red {background: url(/images/common/detection/99-red.png) no-repeat;}
#join.teal {background: url(/images/common/detection/99-teal.png) no-repeat;}

/*----- additional signup page styles ------*/

.container ul .details {
	text-align: center;
	height: auto;
	padding: 8px;
	line-height: normal;
	font-size: 1.4em;
	font-weight: bold;
}
.container ul .details .notes, .container ul .notes {
	font-size: 0.9em;
	height: auto;
	line-height: normal;
	font-weight: normal;
}
.container ul .details .notes {font-size: 0.5em;}
.container ul .notes {padding: 12px; text-align: justify;}
.container ul .header {height: auto; font-weight: bold;}
.signupView .addendum {
	color:#fff;
	background: #101010;
	text-align: center;
	padding: 10px;
}
#joinContent .pgContent {padding-bottom: 0px;}
.container ul .last.notes {padding-bottom: 20px;}
.container ul li {font-size: 1.2em;}
.container ul .header {font-size: 1.4em;}
.container .caption {font-weight: bold;}
.container ul li .zip {font-size: .9em;}