/* main.css */

/**
 * global styles
 */

* {margin: 0;}
html, body {margin:0;padding:0;height: 100%;background:#f2dfd0 url(../images/bg.jpg) repeat-x;}
div div{/*opacity:0.9*/;font:12px Arial;}
span.bold { font-weight: bold; }
a {text-decoration:none;color:#000;}
a:hover {color:#E5B93E;}
li{list-style:none;}

/* terms and conditions */

#terms {margin:0;padding:20px;height: 100%;background:#f2dfd0;font:12px Arial;}
#terms ol ul li {list-style:none;font-weight:bold;margin:0;padding:0;}
#terms h3 {font-size:16px; color:#FF6600; font-weight:normal;margin:10px 0 0 0;}
#terms p {line-height:14px;margin:12px 0;padding:0;}

/* ORDERED LIST */
#terms ol {margin:15px 0 15px 20px;padding:0;}
#terms ol li {list-style:decimal;font-weight:bold;margin:0 0 10px 0;padding:0;}
#terms ol li p{font-weight:normal;}


/**
 * landing page - ageChecker containers
 */

#ageChecker #wrapper {min-height: 99%;height: auto !important;height: 99%;margin: 0 auto -142px;}
#ageChecker #center {z-index:99;position:absolute;left:20%;top:35px;width:638px;height:519px;/*border:1px dashed #999966;*/margin:0px;text-align:center;background:url(../images/bg_ageChecker.gif) no-repeat;}
#ageChecker #left {z-index:5;position:absolute;width:305px;height:614px;/*border:1px dashed #990000;*/background:url(../images/ageCheckerLeft.png) no-repeat;}
#ageChecker #right {z-index:1;position:absolute;width:290px;height:614px;right:0px;/*border:1px dashed #669966;*/background-color:#ccffcc;text-align: center;background:url(../images/ageCheckerRight.png) no-repeat;}
#ageChecker #footer {/*border:1px dashed #669966;*//*background:url(../images/bg_footer.jpg) 0 -100px no-repeat;*/text-align: center;height: 142px;}
#ageChecker #ageCheckerEnclosure {position:absolute;z-index:99;top:25px;left:0;width:480px;height:270px;/*border:1px solid #cc0000;*/}
#ageCheckerEnclosure p {display:block;position:absolute;top:410px;left:330px;text-align:left;width:100px;}

#age_month, #age_year {font-size:36px;font-weight:bold;width:50px;}
#age_year {position:absolute;top:340px;left:380px;}
#age_month {position:absolute;top:340px;left:320px;}
#rating {display:block;position:absolute;top:410px;left:240px;width:60px;height:60px;}
.pg {background:url(../images/certU.gif) no-repeat;}
.adult {background:url(../images/cert18.gif) no-repeat;}

/* landing page month/date inputs */
#ageChecker #age_month {background: transparent !important;border:1px solid #999;}
#ageChecker #age_year {background: transparent !important;border:1px solid #999;}

/**
 *  main page containers 
 */

#wrapper {min-height: 100%;height: auto !important;height: 99%;margin: 0 auto -100px;}
#center {z-index:99;position:absolute;left:32%;width:480px;height:613px;/*border:1px dashed #999966;*/margin:0px;text-align:center;}
/*#center {float:left;z-index:99;position:absolute;left:375px;width:480px;height:613px;border:1px dashed #999966;margin:0px;text-align:center;}*/

#left {z-index:5;position:absolute;width:432px;height:613px;/*border:1px dashed #990000;*/background:url(../images/left.jpg) no-repeat;}

#right {z-index:1;position:absolute;width:393px;height:613px;right:0px;/*border:1px dashed #669966;*/background-color:#ccffcc;text-align: center;background:url(../images/right.png) no-repeat;}
#right #posters_link {position:absolute;z-index:99;bottom:115px;right:75px;display:block;width:97px;height:62px;}

#footer {/*background:url(../images/bg_footer.png) 0px -40px;*/z-index:9;position:absolute;height:100px;width:100%;}
#footer .copy{text-align:left;position:absolute;left:6%;width:600px;color:#564E4B;font-size:12px;font-family: Courier New;font-weight:bold;line-height:14px;margin:0 20%;}
#footer .links{padding:10px 0 0 0;}
#footer a{color:#fff;font-size:12px;font-family: Courier New;font-weight:bold;line-height:14px;padding:0 30px 0 0;}
#footer a:hover{color:#d9ad36;}
#footer a.first {padding:0 20px 0 0;}
#footer a.last {padding:0;}

/*left side navigation */
#nav {width:200px;margin:10px 0 0 60px;padding:0;}
#nav a.films,#nav a.download,#nav a.blog,#nav a.posters {display:block;width:125px;height:26px;position:relative;}
#nav a.films {background:url(../images/nav_btn_film_out.gif) no-repeat;}
#nav a:hover.films {background:url(../images/nav_btn_film_over.gif) no-repeat;}
#nav a.download {background:url(../images/nav_btn_download_out.gif) no-repeat;}
#nav a:hover.download {background:url(../images/nav_btn_download_over.gif) no-repeat;}
#nav a.blog {background:url(../images/nav_btn_blog_out.gif) no-repeat;}
#nav a:hover.blog {background:url(../images/nav_btn_blog_over.gif) no-repeat;}
#nav a.posters {background:url(../images/nav_btn_posters_out.gif) no-repeat;}
#nav a:hover.posters {background:url(../images/nav_btn_posters_over.gif) no-repeat;}
#nav a.films span,#nav a.download span,#nav a.blog span,#nav a.posters span {display:block;width: 0;height: 0;overflow: hidden;}

#stella_logo {position:absolute;bottom:25px;left:70px;width:157px;height:150px;background:url(../images/stella_logo.png) no-repeat;}

/* centered video player panel enclosure */
#flashEnclosure {position:absolute;z-index:99;top:25px;left:0;width:480px;/*border:1px solid #cc0000;*/}
#flashEnclosure #videoplayer {height:270px;}

#videoplayerWrapper {display:block;height:270px;background:#000;}

/* introEnclosure - need to use the enclosure to make the z-index work */
#introEnclosure {position:absolute;top:270px;left:0;z-index:-1;}
#intro {background:url(../images/intro.png) no-repeat top left;margin:0px;text-align:left;width:480px;height:135px;padding:15px 0 0 0;}
#intro p{color:#333;font-size:12px;font-family: Courier New;font-weight:bold;line-height:14px;padding:0px 30px 10px 30px;}

/* sliding drawer specific styles */
#drawer {display:block;width:480px;height:143px;/*border:1px dashed #999966;*/margin:0px;text-align:center;}

/* film tab content */
#filmnav {padding:0px;margin:0 0 0 10px;}

/* film navigation / selection icons */
#filmnav .icon {float:left;margin:0 0 0 7px;display:block;width:145px;height:107px;overflow:hidden;}
#filmnav a {float:left;display:block;width:72px;height:106px;}

#filmnav .film1 {background:url(../images/button_8km.jpg) no-repeat top left;}
#filmnav .film1_film {background:url(../images/button_8km_film.jpg) no-repeat top left;}
#filmnav .film1_trailer {background:url(../images/button_8km_trailer.jpg) no-repeat top left;}

#filmnav .film2 {background:url(../images/button_dialhard.jpg) no-repeat top left;}
#filmnav .film2_film {background:url(../images/button_dialhard_film.jpg) no-repeat top left;}
#filmnav .film2_trailer {background:url(../images/button_dialhard_trailer.jpg) no-repeat top left;}

#filmnav .film3 {background:url(../images/button_24.jpg) no-repeat top left;}
#filmnav .film3_film {background:url(../images/button_24_film.jpg) no-repeat top left;}
#filmnav .film3_trailer {background:url(../images/button_24_trailer.jpg) no-repeat top left;}

/* send-to-friend panel specific styles */
#send-to-a-friend {}
.s2f_copy {float:left;width:137px;border-right:2px solid #fff;margin:10px 0 0 5px;font-size:11px;padding-right:5px;}
.email_preview {display:block;width:137px;height:38px;background:url(../images/btn_email_preview.jpg);}

#s2f p{width:300px;float:right;text-align:left;margin:5px 10px 0 0;padding:0 0 0 10px;}

/* send-to-friend form */
#s2fForm {width:300px;float:right;text-align:left;margin:5px 10px 0 0;padding:0 0 0 10px;}
#s2fForm label.desc {float:left;padding:0 3px 1px 0;display:block;font-weight:bold;margin:0;font-size:11px;}
#s2fForm input {height:15px;border:1px solid #999;width:140px;margin:2px 0;}
#s2fForm input#submit {background:#fff;color:#333;font-weight:bold;border:none;font-size:10px;}
#s2fForm .error {float:left;color:#cc0000;padding:0 0 1px 0;border:none;display:block;font-weight:normal;font-size:9px;}
#s2fForm .left {float:left;width:150px;}
#s2fForm .right {float:right;}

/* blog_embed panel specific styles */
#embed .left {float:left;}
#embed .right {float:right;}

.copyCodeLink {float:left;width:300px;border-right:2px solid #fff;padding:0 10px 0 10px;margin:10px 0 0 0;}
.copyCodeLink p {padding:0 0 0 0;font-weight:bold;}
.ecode {margin:0;width:280px;font-size:11px;}

/* blog embed copy-to-clipboard button */
.copyClip{padding:0 0 0 15px;}
#d_clip_button {background:url(../images/btn_copy.gif) no-repeat;width:100px;height:19px;margin:30px 0 0 0;}
#copyConfirm {color:#cc0000;float:left;font-weight:bold;}

/* download drawer specific styles */
#download {position:relative;z-index:1;display:block;background-color:#fff;padding:5px 0 5px 0;margin-bottom:25px;text-align:center;}
#download ul {margin:0;padding:0;}
#download ul li {display:inline;margin:0 5px 0 5px;font-weight:bold;font-size:11px;}
#download ul li.last {margin:0;}
#download ul li.first {background:url(../images/icon_download.gif) 0 3px no-repeat;margin:0 0 0 15px;padding:0 0 0 15px;}

/* miscellaneous */
.hide{display:none;}
.clear {clear:both;}

/* disable firefox dotted href border outlines */
a { outline: none; }

/**
 *  mootabs 
 */
.mootabs_title {display:block;width:480px;height:23px;margin:0;padding:0;}
.mootabs_title li {float:left;cursor: pointer;height: 23px; margin:5px 10px;padding:0;}
.mootabs_title li.active {background-color: #fff;}
.mootabs_title li.first {margin:5px 0 5px 10px;padding:0;}
.mootabs_title li.last {margin:5px 10px 5px 0;padding:0;}

.mootabs_title li#films_tab {background:url(../images/btn_films_out.gif);width:132px;height:23px;}
.mootabs_title li#films_tab:hover {background:url(../images/btn_films_over.gif);}
.mootabs_title li#films_tab.active {background:url(../images/btn_films_over.gif);}
.mootabs_title li#embed_tab {background:url(../images/btn_embedvideo_out.gif);width:140px;height:23px;}
.mootabs_title li#embed_tab:hover {background:url(../images/btn_embedvideo_over.gif);}
.mootabs_title li#embed_tab.active {background:url(../images/btn_embedvideo_over.gif);}
.mootabs_title li#s2f_tab {background:url(../images/btn_sendtofriend_out.gif);width:152px;height:23px;}
.mootabs_title li#s2f_tab:hover {background:url(../images/btn_sendtofriend_over.gif);}
.mootabs_title li#s2f_tab.active {background:url(../images/btn_sendtofriend_over.gif);}
.mootabs_title span {display:block;width: 0;height: 0;overflow: hidden;}

.mootabs_panel {background:#d9ad36;width:480px;height:107px;/*border:1px dotted #000;*/margin:0;padding:0;}

/**
 *  MOVIE POSTERS squeezebox styles 
 */
#posters {padding:30px 0 0 20px;}
#poster1 {float:left;display:block;text-align:center;}
#poster2 {float:left;display:block;text-align:center;}
#poster3 {float:left;display:block;text-align:center;}
.poster {margin:0 10px 2px 10px;width:238px;height:336px;}
.link {margin:0 5px;}
img {border:none;}

/**
 *  EMAIL PREVIEW 
 */
#preview img {border:none;padding:35px 0 0 25px;}