/* 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 **************/ 

#pcView, #pcView #searchBox , .pcViewBG { width: 600px !important; } /* for the backdrops on overlays */
#pcView, #pcView #searchBox  { margin: 0 auto; margin-top: -4px; -webkit-box-shadow: 0px 2px 10px #222; -moz-box-shadow: 0px 2px 10px #222; }
.pgContent { padding-bottom:40px; }
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; padding-top: 8px; }

#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; }

#mainNav { text-align: center; border-bottom: 1px solid #666; padding-bottom: 10px; padding-top: 10px; }
#mainNav a {
    display: inline-block;
    margin: 0 3%;
    height: 15px;
    line-height: 15px;
    padding: 6px 9px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-box-shadow: 2px 2px 4px #111;
    -moz-box-shadow: 2px 2px 4px #111;
}
#pcView #mainNav a { width: 90px; }

.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;
}

#pcView .stdButton { padding: 0 10px; }

/*** ENTRANCE PAGE STYLES ***/
#entranceBox {
    background: url(/images/s7/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/s7/are-you-18.png);
}
.noTo18 { background-position: -160px 0; width: 149px; }

.warningText {
    background: #a4a4a4;
    border-width: 21px 22px;
    -webkit-border-image: url(/images/s7/drop-shadow-mask.png) 21 22 21 22;
    -moz-border-image: url(/images/s7/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: 6px; -moz-border-radius: 6px; }
.thumbIndex .thumb .trailerOverlay, .pornStarHdr .trailerOverlay  {
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    position: absolute;
    background: url(/images/s7/trailer-overlay.png);
    width: 45px;
    height: 21px;
}
.thumbIndex.large .thumb { width: 160px; height: 120px; overflow: hidden; position: absolute; background-width: 100%; background-position: center center; -webkit-border-radius: 6px; -moz-border-radius: 6px; }
.thumbIndex .info { margin-left: 130px; height: 90px; overflow: hidden; }
.thumbIndex.large .info { height: 120px; margin-left: 170px;}
.thumbIndex.noThumb .info,  .thumbIndex.noThumb.large .info{ margin-left: 0px; }
.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: 43px; margin-bottom: 3px; overflow: hidden; }
.thumbIndex.large .info div { height: 73px; }
.thumbIndex .info .stdButton { margin-top: 4px; }
.thumbIndex .info span.sep { margin: 0px 6px; }
.thumbIndex .info .leadText { font-weight: bold; }
.thumbIndex .info .leadText span { font-weight: normal; }

/*** 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; }
.pagerTop { height: 10px; }


/*** 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/s7/drop-shadow-mask.png) 22 22 22 22;
    -moz-border-image: url(/images/s7/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#pcView .largeButton { width: 510px; }
body#pcView .largeButton .container { width: 460px; }
body#pcView .largeButton .overlay { width: 466px; }

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/s7/drop-shadow-mask.png) 21 7 21 7;
    -moz-border-image: url(/images/s7/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/s7/drop-shadow-mask.png) 21 22 21 22;
    -moz-border-image: url(/images/s7/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/s7/drop-shadow-mask.png) 21 22 21 22;
    -moz-border-image: url(/images/s7/drop-shadow-mask.png) 21 22 21 22;
}

body#pcView .roundedMenu, body#pcView .roundedBox { width: 510px; }
body[orient=portrait] .roundedMenu, .roundedMenu,
body[orient=portrait] .roundedBox, .roundedBox { width: 310px; }
body[orient=landscape] .roundedMenu, body[orient=landscape] .roundedBox { width: 470px; }

body#pcView .roundedMenu .top, body#pcView .roundedMenu .bottom, body#pcView .roundedBox .top, body#pcView .roundedBox .bottom { width: 466px; }
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/s7/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; }
.photosIcon { background-position: -32px -186px; }

.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; margin-left: 3px; }
.favButton.toggleButtonOn .fav { background-position: -37px -120px; }
.favButton.toggleButtonOff .fav { background-position: -37px -135px; }

/*** EPISODE DETAILS PAGE ***/
#pcView #hideDetailsButton, #pcView #theFavButton { width: 100px; }
.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;}

.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/s7/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; }
.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; }
#pcView .memberType li span.subText { margin-left: 50px; }
.memberType span.price { display: inline-block; width: 63px; text-align: right; }
#pcView .memberType input[type=radio] { margin-left: 100px; }
.bestDeal {
    display: inline-block;
    width: 71px;
    height: 22px;
    background: url(/images/s7/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; }
#pcView .memberInfo input { width: 220px; margin-right: 55px; }
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;
    margin-bottom: 8px;
    width: 100%;
}
#photoGallery img { width: 100%; }

/*** 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;
    height: 90px;
}
#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/s7/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/s7/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/s7/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; font-size: 16px; } /****************************************************/
.faq .answer { margin-bottom: 8px; font-size: 16px;}
.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;}



/*** 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; }
#pcView table.salePoints { width: 420px; }
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; }

.starsView { padding: 10px 0 15px 9px; }
body[orient=landscape] .starsView { padding-left: 9px; }
body[orient=landscape] .starsView { padding-left: 38px; }
#pcView .starsView { padding-left: 47px; }
.starlet { display: inline-block; width: 90px; margin: 0 4px 8px 4px; vertical-align: top; text-align: center; }
.starlet .thumb { background-position: center center; background-repeat: no-repeat; width: 90px; height: 90px; -webkit-border-radius: 6px; -moz-border-radius: 6px; }
.starlet h1 { font-weight: bold; font-size: 11px; margin-top: 4px; }
.starlet .numVids, .starlet .numPix { display: block; font-size: 11px; }

h1.callout { text-align: center; font-size:16px; font-weight: bold; }
h1.callout a { display: block; padding: 10px 0 18px; }


.pornStarHdr { text-align: center; font-size: 12px; padding-bottom: 10px; line-height: 14px; }
.pornStarHdr .thumb { -moz-border-radius:6px; -webkit-border-radius:6px; }
.pornStarHdr h1 { font-size: 15px; font-weight: bold; padding-top: 10px; }
.pornStarHdr h2 { font-size: 13px; font-weight: bold; padding: 6px 10px 2px 10px; }
.pornStarHdr .trailerButn { width: 200px; margin-top: 10px;}
.pornStarHdr .largeThumb { width: 282px; margin: 0 auto; position: relative; padding-top: 16px; }

/************ THE POPUP MENU CSS START ************/
/*** NICHES MENUS ***/
#nichesMenu {padding-bottom: 20px;}
#nichesMenu p {color:#666;}
#nichesMenu ul {font-size:12px;}
#nichesMenu li {height:18px; line-height:18px;}
#nichesMenu li.subMenu {height:auto; margin-top:8px;} 
#nichesMenu ul ul a {color:#999;}
#nichesMenu .content {margin:0 16px;}

/*** GENERIC CODE START ***/
.wkPopupBox {
    position:absolute; 
    z-index:9999; 
    width:280px; 
    margin-left:-140px; 
    left:50%; 
    top:50%; 
}
.wkPopupBox .bg {
    position:absolute; 
    width:280px; 
    height:100%; 
    -moz-border-radius:10px; 
    -webkit-border-radius:10px; 
    background:black; 
    opacity:.9; 
}
#pcView .wkPopupBox { width: 500px; margin-left: -250px; }
#pcView .wkPopupBox .bg { width: 500px; }
.wkPopupBox h1 {padding:10px 0 8px 0; margin:0; text-align:center; font-weight:bold;}
.wkPopupBox .content {position:relative; z-index:2;}
.wkPopupBox .content .stdButton {-moz-border-radius:6px; -webkit-border-radius:6px;}
.wkPopupBox ul {}
.wkPopupBox li {height:25px; line-height:25px; margin:0 10px;}
.wkPopupBox li.subMenu {height:auto;}
.wkPopupBox li.subMenu li {margin-right:0;}
.wkPopupBox a {display:block; padding:0 0 0 8px;}
.wkPopupBox a.selected {
    background:#999; 
    -moz-border-radius:4px; 
    -webkit-border-radius:4px; 
    background:#5f5f5f; 
    background-image:-webkit-gradient(linear, left bottom, left top, from(#3e3e3e), to(#818181)); 
}

.wkPopupBox a.closeButton {
    position:absolute; 
    z-index:3; 
    overflow:hidden; 
    width:18px; 
    height:18px; 
    text-indent:-999px; 
    background:url(/images/s7/close-button.png) no-repeat; 
    top:8px; 
    right:8px; 
}
#wkPopupMenuUnderlay {z-index:9998; position:absolute; top:0; width:100%; background:#000; opacity:.4;}
/*** GENERIC CODE END ***/


/************ THE POPUP MENU CSS END ************/

.genericMsg { padding: 10px; font-size: 14px; font-weight: bold; text-align: center; position: relative;}

.temp { padding: 30px 0; text-align: center; font-size: 16px; color: #f00; }

#loadBar {
    position: absolute;
    z-index: 1000;
    left: 50%;
    top: 180px;
    margin-left: -8px;
    background-color: #fff;
    opacity: .5;
    width: 34px;
    height: 18px;
    line-height: 20px;
    text-align: center;
    -webkit-border-radius:10px; 
}
#bookmarkFeature {
    overflow: hidden;
    margin: 0 auto;
    position: absolute;
    top: 0;
    background-color: #000;
    text-align: center;
    z-index: 1000;
}
body[orient=portrait] #bookmarkFeature { height: 418px; width: 320px; }
body[orient=landscape] #bookmarkFeature { height: 270px;  width: 480px;}
body[orient=portrait] #bookmarkFeature img { height: 418px; }
body[orient=landscape] #bookmarkFeature img { height: 270px; }
#pcView #bookmarkFeature { width: 600px; }
#pcView #bookmarkFeature img { height: auto; width: 600px; }


#pcView #warningPage { width: 600px; margin-top: 4px; }

#mainPopupMenu li a { text-align: center; }
#mainPopupMenu ul { padding-bottom: 20px; }

#warningPage {
    background: #333333; 
    border-left: solid 1px #454545;
    border-right: solid 1px #454545;
    border-bottom: solid 1px #454545;
    border-top: none;
    padding-bottom: 30px;
    line-height: 17px;
    font-size: 12px;}
#warningPage div p, #warningPage div ol, #warningPage div .buttongroup {padding: 15px 15px 0px;}
#warningPage div p a {text-decoration: underline;font-weight: bold;font-style: italic;}
#warningPage div .buttongroup {
    width: 56%;
    padding-bottom: 10px;
    margin: 15px auto 0px;
    border-top: solid 1px #666;
    background-color:#101010;
    background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#101010), to(#444444));
    background-image: -moz-linear-gradient(bottom, #101010, #444444);
    -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
}
#warningPage div ol {
    text-align: left; 
    width: 80%; 
    margin:  0px auto; 
    list-style: outside; 
    padding-left: 40px; 
    border-top: dotted 1px #525151;
    border-bottom: dotted 1px #525151;
    margin-top: 10px;
    padding-bottom: 8px;
}
#warningPage div ol li {margin-bottom: 10px; color: #999;}


.pgContent .footer { text-align: center; margin-top: 30px; }
.pgContent .footer .primary { margin-bottom: 10px; }
.pgContent .footer .primary a { font-size: 12pt; color: #fff; }
.pgContent .footer span { margin: 0 10px; color: #999; } 
.pgContent .footer p { margin-bottom: 10px; font-size: 8pt; }
.pgContent .footer p a { font-size: 9pt; color: #999; }
.pgContent .footer .about { font-size: 8pt;  color: #999; }
.pgContent .footer .about a.records { color: #fff ; }

a.niche { margin-right: 18px; }

.storyBox { background: #fff; color: #333; position: relative; margin-bottom: 20px; text-align: justify; margin: 0 10px 10px 10px; padding: 20px 0 0px 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.storyBox .story { padding: 0px 20px 0px 20px; line-height: 13pt; }
.storyBox h1 { font-size: 16px; font-weight: bold; text-align:center; margin-bottom: 10px; }
.topSpacer { height: 10px; }

#warningPage div .fullheader a img {width: 100%;}
#warningPage div .buttongroup {width: 70%;}
#warningPage div .buttongroup .enterexitbutton a img {width: 100%;}

h1.clipHdr { text-align: center; color:#bbb; font-weight: bold; font-size: 12pt; margin: 15px 0 5px 0;}
.selectClips { margin-bottom: 10px; }

.groupButtons2, .groupButtons3  { text-align: center; }
.groupButtons2 span.icon, .groupButtons3 span.icon { display: none; }
.groupButtons2 .largeButton, .groupButtons3 .largeButton { display: inline-block; }
.groupButtons2 .largeButton .container,.groupButtons3 .largeButton .container { margin-left: 7px; }

/* PC VIEW BUTTONS */
#pcView .groupButtons2 .largeButton { width: 252px; display: inline-block;}
#pcView .groupButtons2 .largeButton .overlay { width: 208px; }
#pcView .groupButtons2 .largeButton .container { width: 238px; }

#pcView .groupButtons3 .largeButton { width: 166px; display: inline-block;}
#pcView .groupButtons3 .largeButton .overlay { width: 122px; }
#pcView .groupButtons3 .largeButton .container { width: 152px; }
#pcView .groupButtons3 .largeButton h1 { font-size: 14pt; font-weight: normal; }

/* PORTRAIT BUTTONS */
body[orient=portrait] .groupButtons2 .largeButton, .groupButtons2 .largeButton { width: 158px; }
body[orient=portrait] .groupButtons2 .largeButton .overlay, .groupButtons2 .largeButton .overlay { width: 114px; }
body[orient=portrait] .groupButtons2 .largeButton .container, .groupButtons2 .largeButton .container { width: 144px; }

body[orient=portrait] .groupButtons3 .largeButton, .groupButtons3 .largeButton { width: 104px; }
body[orient=portrait] .groupButtons3 .largeButton .overlay, .groupButtons3 .largeButton .overlay { width: 60px; }
body[orient=portrait] .groupButtons3 .largeButton .container, .groupButtons3 .largeButton .container { width: 90px; }
body[orient=portrait] .groupButtons3 .largeButton h1, .groupButtons3 .largeButton h1 { font-size: 9pt; font-weight: bold; }

/* LANDSCAPE BUTTONS */
body[orient=landscape] .groupButtons2 .largeButton { width: 238px; }
body[orient=landscape] .groupButtons2 .largeButton .overlay { width: 194px; }
body[orient=landscape] .groupButtons2 .largeButton .container { width: 224px; }

body[orient=landscape] .groupButtons3 .largeButton { width: 156px; }
body[orient=landscape] .groupButtons3 .largeButton .overlay { width: 112px; }
body[orient=landscape] .groupButtons3 .largeButton .container { width: 142px; }
body[orient=landscape] .groupButtons3 .largeButton h1 { font-size: 14pt; font-weight: normal; }


.revealIn {
	-webkit-animation-name: revealInKey;
	-webkit-animation-duration: 400ms;
	z-index: 0;
}
.revealOut {
	-webkit-animation-name: revealOutKey;
	-webkit-animation-duration: 400ms;
	z-index: 10;
}

.revealOutReverse {
	z-index: 0;
	-webkit-animation-name: dontmove;
}

.revealInReverse {
	z-index: 10;
	-webkit-animation-name: revealin;
}

@-webkit-keyframes revealInKey {
    from { left: 100%; }
    to { left: 0; }
}

@-webkit-keyframes revealOutKey {
    from { left: 0; }
    to { left: -100%; }
}


@-webkit-keyframes revealOut {
    from { -webkit-transform: translateX(0); }
    to { -webkit-transform: translateX(100%); }
}

.contentContainer { position: relative; min-height: 100%; overflow: hidden; width: 100%; }

#headerBar .content { height: 100%; }
.web-version { padding: 8px 0 8px 0; text-align: center; }
.web-version a { display: inline-block; padding: 2px 4px; margin: 0 4px; text-decoration: underline; }
.nojs {
    margin: 20px;
    padding: 30px;
    background: #333;
    color: #aaa;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    line-height: 14pt;
    text-align: center;
}
.nojs .bold { color: #fff; font-weight: bold; }
.nojs a { text-decoration: underline; }

#pornAppPopup {
    position: absolute;
    top: 60px;
    left: 50%;
    width: 300px;
    margin-left: -150px;
    border: solid 2px #ccc;
    padding: 5px;
    background-image: url(/images/s7/porn-app-bg.png);
    color: #fff;
    font-size: .9em;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    z-index: 2000;
}

#pornAppPopup .button {
    width: 42%;
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 1px 3px #000;
    cursor: pointer;
    padding: 5px;
    margin:0px 5px 5px;
    text-shadow: 0px -1px #000;
    font-size: 1.2em;
    font-weight: bold;

}

#pornAppPopup .noButton { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#485a71), to(#181e4e), color-stop(.5,#0B0F33)); background-color: #0B0F33; }
#pornAppPopup .yesButton { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DAE6F5), to(#4B5D66), color-stop(.5,#0B0F33)); background-color: #0B0F33; }
#pornAppPopup .msg { margin:5px 5px 10px; }

.largeButton .container .hit { position: absolute; left: 0; top: 0; height: 100%; width: 100%; }
.largeButton .conatiner .hit img { height: 100%; width: 100%; }
.thumbIndex .hit { position:absolute; top:0; left:0; z-index:3; width:100%; height:100%; }
.thumbIndex .hit img { width:100%; height:100%; }