/*
	DIET COKE 2007 CSS DEFINITIONS
	==============================
	Author:		the white agency
	Born:		16/05/07

	CONTENTS
	========
	$1 - Structure
	$2 - Navigation
	$3 - Home Page
	$4 - Gallery Page
	$5 - Directors Page
	$6 - Splash Page CSS
	$7 - Footer
	$8 - Global Classes
	$9 - Form Classes
	$10 - siFR
	$11 - IE 5 STYLE IMPORT
*/

/* $1 - Structure
*****************************************************************************************************/
body, html { margin:0px; padding:0px; }

body {
	font:62.5%/1.3 Verdana, Arial, Helvetica, sans-serif; /* resets default font size to 0 */
	background-color:#ffffff;
	color:#666666;
	text-align:left;
}
.normal_text {font-size:1.1em; color:#666666;}
.red_dots li {
	list-style-image: url(../images/bullet.gif);
	margin-left: -20px;
}

form {margin:0; padding:0}
/* ul {font-size:1.1em; color:#666666;} */

/* These divs provide the background image to the pages that require it, considering that all 3 templates
have a different background image */
#homepageBGImg { background:url(../images/homepage_bg.jpg) top left no-repeat; padding:30px 0px 0px 0px;  }
#galleryBGImg { background:url(../images/galleryPage_bg.jpg) top left no-repeat; }
#directorBGImg { background:url(../images/directorPage_bg.jpg) top left no-repeat; }
#registerBGImg { background:url(../images/register_bg.gif) top left no-repeat; }
#winBGImg { background:url(../images/register_bg.gif) top left no-repeat; }

/* contains the homepage with it's bg image */
#homePageContainer {
	width:952px;
	text-align:left;
	position:relative;
	/*border:1px solid blue;*/
}

/* contains the inner pages with their bg image */
#galleryPageContainer {
	width:1000px;
	text-align:left;
	position:relative;
}

#directorPageContainer {
	width:1000px;
	text-align:left;
	position:relative;
}

#registerPageContainer {
	width:952px;
	text-align:left;
	position:relative;
	/*border:1px solid blue;*/
}

/* contains video and comment modules */
#globalVideoContain {
	float:left;
	width:467px;
	padding:14px 0px 100px 0px;
	margin:0px;
	/*text-align:center; */
	min-height:780px;
}

#globalRegisterContain {
	float:left;
	width:758px;
	padding:0px 0px 100px 0px;
	margin:0px;
	text-align:center;
}

#globalWinContain {
	float:left;
	width:713px;
	padding:0px 0px 100px 0px;
	margin:0px;
	text-align:center;
}
/* logo clickable area for homepage ONLY */
#dietCokeLogoHome {
	position:absolute;
	top:25px;
	left:200px;
	width:240px;
	height:100px;
	text-indent:-500em;
}

#dietCokeLogoHome a {
	display:block;
	width:240px;
	height:100px;
	text-indent:-500em;
}

/* logo clickable area for inner pages ONLY */
#dietCokeLogoInner {
	position:absolute;
	top:15px;
	left:60px;
	width:240px;
	height:100px;
	text-indent:-500em;
}

#dietCokeLogoInner a {
	display:block;
	width:240px;
	height:100px;
	text-indent:-500em;
}

/* $2 - Navigation
*****************************************************************************************************/

#mainNavigationContain {
	background:url(../images/navigation_bar.jpg) top left no-repeat;
	height:50px;
	position:relative;
	margin:0px 0px 0px 3px; /* aligns nav bar correctly */
	width:713px;
}

#mainNavigationContain h2 {
display:inline;
}


/* links containers are positioned absolute to align correctly. They are strictly relative to the navigation container. */
#mainNavigationContain .navLinkNowShowing {
	/*position:absolute;
	top:0px;
	left:23px;*/
	float:left;
	width:127px;
	height:50px;
	padding-left:2px;
}

#mainNavigationContain .navLinkTalentShowcase {
	/*position:absolute;
	top:0;
	left:543px;*/
	float:left;
	height:50px;
	width:172px;
}

#mainNavigationContain .navLinkTalentInfo {
	/*position:absolute;
	top:0;
	left:543px;*/
	float:left;
	height:50px;
	width:129px;
}

#mainNavigationContain .navLinkGallery {
	/*position:absolute;
	top:0;
	left:189px;*/
	float:left;
	height:50px;
	width:168px;
}

#mainNavigationContain .navLinkDirectors {
	/*position:absolute;
	top:0;
	left:390px;*/
	float:left;
	height:50px;
	width:112px;
}




/* ALL 3 main nav link elements share the same backround image. The reason behind this technique, is that 
only 1 image is loaded, thus avoiding the 'flash' when you roll over a link. This technique also allows screen readers
to read the links as text, thus making it accessible. */

.navLinkNowShowing h2,
.navLinkNowShowing h2 a,
.navLinkNowShowing h2 a:hover,
.navLinkGallery h2,
.navLinkGallery h2 a,
.navLinkGallery h2 a:hover,
.navLinkDirectors h2,
.navLinkDirectors h2 a,
.navLinkDirectors h2 a:hover,
.navLinkTalentInfo h2,
.navLinkTalentInfo h2 a,
.navLinkTalentInfo h2 a:hover
.navLinkTalentShowcase h2,
.navLinkTalentShowcase h2 a,
.navLinkTalentShowcase h2 a:hover {
	display:block;
	height:46px;
	background:url(../images/nav1.gif) no-repeat 0 5px;
	text-indent:-90000px;
	text-decoration:none;
	margin:0;
	overflow:hidden;
}

/* The background positions move in increments of 49px, such that to lift the 'gif' to the right position. */

.navLinkNowShowing h2 {background-position:0 -2000px; }
.navLinkNowShowing h2 a {background-position:0 0px}
.navLinkNowShowing h2 a:hover, h2.nowShowingActive a  {background-position:0 -49px}

.navLinkTalentShowcase h2 {background-position:0 -2000px; }
.navLinkTalentShowcase h2 a {background-position:0 -98px}
.navLinkTalentShowcase h2 a:hover, h2.talentShowcaseActive a {background-position:0 -147px}

.navLinkTalentInfo h2 {background-position:0 -2000px; }
.navLinkTalentInfo h2 a {background-position:0 -196px}
.navLinkTalentInfo h2 a:hover, h2.talentInfoActive a {background-position:0 -245px}

.navLinkGallery h2 {background-position:0 -2000px; }
.navLinkGallery h2 a {background-position:0 -294px}
.navLinkGallery h2 a:hover, h2.galleryActive a {background-position:0 -343px}

.navLinkDirectors h2 {background-position:0 -2000px; }
.navLinkDirectors h2 a {background-position:0 -392px}
.navLinkDirectors h2 a:hover, h2.directorsActive a {background-position:0 -441px}


/* $3 - Home Page
*****************************************************************************************************/

/* encloses nested content for the inside contents of the homepage */
#homepagePaddedContent {
	background:url(../images/homepage_left_bgBot.jpg) no-repeat;
	background-position:bottom left;
	margin:0px 0px 0px 153px;
	padding:131px 0px 0px 0px;
}

#featureVideo {
	margin:0 auto;
	width:447px;
}

/* video comment area */
#commentSection {
	margin:20px 30px 0px 4px;
	/*text-align:center; */
}

span.loginRight {
	float:right;
	margin:0px;
	font-size:1.1em;
}

input.submitButton {
	text-align:center;
}

.userCommentModule {
	margin:15px 0px 0px 0px;
	clear:left;
}

.userCommentHeader {
	background:url(../images/user_rate_bg.jpg) top left no-repeat;
	height:30px;
	width:100%;
	text-align:left;
}

span.userName {
	float:left;
	font-weight:bold;
	font-size:1.1em;
	padding:7px;
	text-align:left;
}

span.userRating {
	float:right;
	padding:7px;
	font-weight:bold;
	font-size:1.1em;
}

.userCommentsCopy {
	padding:10px 0px 0px 0px;
	clear:both;
	margin:0px 60px 0px 20px;
	text-align:left;
	font-size:1.1em;
}

#commentPagination {
	margin:20px 0px 0px 0px;
	text-align:center;
	clear:both;
	font-size:1.1em;
}

#commentPagination table td {
	padding:0px 2px 0px 2px;
}

#commentPagination table {
	padding:0px;
	margin:0 auto;
}

#commentPagination td#padRightTD {
	padding:0px 12px 0px 0px;
}

#commentPagination td#padLeftTD {
	padding:0px 0px 0px 12px;
}

#commentPagination a.activePage {
	text-decoration:none;
	font-weight:bold;
}

/* contains video information on the right side of the video module*/
#videoInfoContain {
	float:left;
	width:247px;
	padding:17px 8px 0px 0px;
	margin:0px;
	text-align:left;
	background:#fff url(../images/home_rhs_bot_curve.jpg) no-repeat bottom right;
	padding-bottom:20px !important;
	min-height:360px;
	height: auto !important;
	height:360px;
}

/* ie6 tanek hack */
* html #videoInfoContain {
	padding:14px 6px 0px 0px;
}

#videoInfoContain h1 {
	background:#ccd5da url(../images/grey_grad_repx.gif) top left repeat-x;
	margin:0px;
	padding:2px 8px 6px 10px;
}

.videoInfoCopy {
	padding:0px 12px 0px 12px;
	margin:8px 0px 0px 0px;
	font-size:1.1em;
	color:#666666;
}

.videoInfoCopy hr {
	background-color:#dbdbdb;
	color:#dadada;
	height:1px;
	border:0;
	width:100%;
	margin:7px 0px 6px 0px;
}

.videoInfoCopy ul {
	margin:10px 0px 0px 0px;
	padding:0px;
	display:block;
	list-style-type:none;
}

.videoInfoCopy li {
	margin:4px 0px 4px 0px;
}

#rateVideoTitle {
	background:#eceff1 url(../images/rate_vid_bg.gif) top left repeat-x;
	margin:10px 0px 0px 0px;
	padding:6px;
}

#rateVideoLinks {
	background-color:#dee4e8;
	padding:10px 0px 10px 0px;
	margin:0px;
	font-size:1.1em;
	text-align:right;
}

#rateVideoLinks ul {
	margin:0 5px 0 0;
	padding:0px;
	list-style-type:none;
	text-align:right;
	display:inline;
}

#rateVideoLinks #rateVideoLabel {
	padding-right: 5px;
}

#rateVideoLinks li {
	display: inline;
	padding:0;
	margin: 0;
}

#bottomHomeCurve {
	background:url(../images/home_rhs_bot_curve.gif) bottom right no-repeat;
	width:247px;
	height:14px;
	margin:0px 0px 0px 7px;
	padding:0px;
	border:1px solid red;
}

* html #bottomHomeCurve {}

#tipOfTheDay {
	background:url(../images/tip_of_dayBG.jpg) top left no-repeat;
	width:440px;
	float:left;
	padding:20px 0px 0px 8px;
	margin:0px 0px 0px 8px;
}

#tipOfTheDay .futuraText {
	font-size: 170%;	
}
/* IE 6 hacks, please note that IE 5 is a different area... You may find contradicting styles between IE 6 hacks such as this,
and the IE5 stylesheet. This is done on PURPOSE. */
* html #bottomHomeCurve {margin:0px 0px 0px 5px; }
* html #tipOfTheDay {
	margin:0px 0px 0px 6px;
}

#tipIndented {
	margin:0px 0px 15px 15px;
	padding:0px;
	overflow: auto;
}

img.tipDividerImg {
	margin:0px 0px 0px 15px;
}

.tipSnippet {
	margin:0px 0px 12px 15px;
	padding:0px;
}

.tipSnippet p {
	font-size:1.1em;
	margin:0px 0px 0px 0px;
	padding:0px;
}

#tipIndented p {
	font-size:1.1em;
	margin:0px 0px 0px 85px;
	padding:0px;
}

.tipSnippet span, #tipIndented span {
	color:#333333;
	float:none!important;
}

#tipIndented h3, .tipSnippet h3 {
	margin:0px 0px 10px 0px;
	padding:0px;
}

#blurb {
	position:absolute;
	top:30px;
	right:90px;
}

/* Registration box
***********************/
#contest_box {width:255px; float:left; height:130px; position:relative; }

#btn_register {width:95px; height:39px; position:absolute; bottom:21px; left:68px;}
#btn_login {width:65px; height:32px;  position:absolute; bottom:21px; left:163px;}

#barcode_input_box {width:138px; height:39px; position:absolute; bottom:21px; left:68px; background:url(../images/input_barcode_bg.gif) no-repeat;}
#btn_submit {width:65px; height:39px;  position:absolute; bottom:21px; left:206px;}
.contest_input {width:126px; height:13px; background-color:#f5e5e5; color:#990000; font-size:10px; border:0; font-weight:bold; font-family:"Courier New", Courier, mono; margin-top:11px; padding-left:2px;}


/* $4 - Gallery Page
*****************************************************************************************************/

#galleryPaddedContent {
	background:url(../images/homepage_left_bgBot.jpg) no-repeat;
	background-position:bottom left;
	margin:0px 0px 0px 39px;
	padding:122px 0px 0px 0px;
}

/* for CMS integration */
#videoGalleryContain {
	float:left;
	background:url(../images/video_select_top.gif) top left no-repeat;
	width:213px;
	padding:0px;
	margin:0px 0px 0px 12px;
}

#videoGalleryBottom {
	background:url(../images/video_select_bottom.gif) bottom left no-repeat;
	margin:10px 0px 0px 0px;
	padding:10px 10px 20px 10px;
}

/* makes the top rated heading larger then the other sifr spans */
#videoGalleryBottom span.futuraText {
	font-size:1.6em;
}
.futuraText_black {	
	font-size:1.4em; 
	color:#000000;	
	text-align:left;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	}
	
#videoGalleryContain form {
	text-align:center;
	margin:10px 0px 0px 0px;
}

#videoGalleryContain select {
	background-color:#e1e6e9;
	border:1px solid #a6b0b7;
	margin:0px;
	padding:0px;
	font-size:1.1em;
	width:190px;
	text-align:left;
}

.videoSnippet {
	background:url(../images/video_snippet_bg.jpg) bottom repeat-x;
	padding:10px;
	color:#666666;
	clear:both;
}

.videoSnippet p {
	margin:0px;
	padding:0px;
	font-size:1.1em;
}

.videoSnippet img {
	float:left;
	margin:0px 5px 0px 0px;
	padding:0px;
	border:2px solid #dbdbdb;
}

.videoSnippet h3, .videoSnippet h3 a {
	margin:0px 0px 3px 0px;
	padding:0px;
}

#nextPrevButtons {
	text-align:center;
	margin:20px 0px 0px 0px;
	padding:0px;
}

#nextPrevButtons table {
	width:100%;
}

#nextPrevButtons table {
	width:100%;
	margin:0 auto;
	padding:0px;
	border:none;
}

h4 {
	margin:0px; padding:0px;
}

h4.selectPrev { float:left; }
h4.selectNext { float:right; }

h4.selectPrev a,
h4.selectPrev a:hover,
h4.selectNext a,
h4.selectNext a:hover { 
	display:block;
	text-indent:-500em;
	width:42px; 
	height:20px; 
	background-repeat:no-repeat;
	padding:0px;
	margin:0px;
}
h4.selectPrev a { background:url(../images/vidselect_prev.jpg); }
h4.selectPrev a:hover { background:url(../images/vidselect_prev_over.jpg); }

h4.selectNext a { background:url(../images/vidselect_next.jpg); }
h4.selectNext a:hover { background:url(../images/vidselect_next_over.jpg); }

/* $5 - Directors Page
*****************************************************************************************************/

/* encloses nested content for the inside contents of the directors page */

#directorsPaddedContent {
	background:url(../images/director_left_bgBot.jpg) no-repeat;
	background-position:bottom left;
	margin:0px 0px 0px 39px;
	padding:122px 0px 125px 0px;
}

#directorsWrap {
	background:url(../images/directors_bgswirl.jpg) no-repeat;
	width:714px;
	background-position:150px 0;
	min-height:1100px;
	height:auto !important;
	height:1100px;
}

#directorsSubNav {
	float:left;
	width:170px;
	padding:0px 10px 200px 10px;
	background:url(../images/director_subNavBG.jpg) bottom left no-repeat;
	margin:20px 0px 10px 10px;
}

#directorsSubNav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	font-size:1.1em;
}

#directorsSubNav li {
	display:block;
	margin:0px 0px 5px 0px;
}

#directorsSubNav li a {
	font-weight:bold;
}

#directorCopyContain {
	width:475px;
	float:left;
	margin:70px 0px 0px 15px;
	font-size:1.1em;
}

#directorCopyContain p {
	margin:0px 0px 10px 0px;
}

.directorSnippetHeader {
	background:url(../images/director_header.jpg) top left no-repeat;
	height:45px;
	width:100%;
}

.directorSnippetHeader span.directorName {
	float:left;
	font-weight:bold;
	padding:7px;
	margin:14px 0px 0px 0px;
}

.directorSnippetCopy {
	margin:10px 0px 0px 0px;
}

.directorSnippetCopy img {
	float:left;
	padding:0px;
	margin:0px 5px 1px 0px;
}

h2#redLarge {
	font-size:2.4em;
	font-weight:normal;
	color:#ff3333;
	margin:0px 0px 12px 0px;
	padding:0px;
}

#promoSpaceContain {
	float:left;
	background:url(../images/promoSpaceContainBG.gif) top left no-repeat;
	width:213px;
	padding:0px;
	margin:0px 0px 0px 17px;
}

#promoSpaceContain p {
	margin:0px 0px 12px 0px;
	padding:0px;
}

#promoSpaceNest {
	padding:10px;
}

#promoSpaceBottom {
	background:url(../images/promoSpaceBottomBG.gif) bottom left no-repeat;
	min-height:370px;
	height:auto !important;
	height:370px;
	padding:20px 10px 50px 10px;
}

/* $6 - Slash Page CSS
*****************************************************************************************************/

#splashBGImg { background:url(../images/splash_bg2.jpg) top left no-repeat; }

/* contains the splash page */
#splashContainer {
	text-align:left;
	position:relative;
	padding-left:350px;
	padding-top:145px;
	padding-right:500px;
	min-height:375px;
	height:auto !important;
	height:375px;
	width:450px;
}

h1.splashHeading {
	font-size:3em;
	padding:0px;
	margin:0px 0px 1px 0px;
}

#splashContainer p, #splashContainer li {
	font-size:1.1em;
	color:#333333;
	line-height:1.2em;
}

#splashContainer p, #splashContainer ol {
	margin-top:.6em;
	margin-bottom:.6em;

}


#splashContainer ol {
	margin-left:0;
	padding-left:22px;	
}

#splashFooterContain {
	background:url(../images/splash_footer_bg.jpg) top left no-repeat;
	width:740px;
	height:55px;
	clear:both;
	margin:0px 0px 0px 145px;
}


/* $7 - Footer
*****************************************************************************************************/

#footerContain {
	background:url(../images/footerBG.jpg) top left no-repeat;
	width:915px;
	height:55px;
	margin:50px 0px 20px 35px;
	clear:both;
}

#footerTCs {
	float:left;
	margin:13px 0px 0px 14px;
}

#footerLinks {
	float:right;
	margin:16px 14px 0px 0px;
}

/* $8 - Global Classes
*****************************************************************************************************/

a:link,
a:visited,
a:active {
	color:#ed1a3b;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
	color:#bc0326;
}


img a { border:none; }
img { border:none; }

/* headings (margins are set according to respective areas further down */

h1 {
	color:#ff3333;
	font-size:1.8em;
	line-height:1.2em;
	font-weight:normal;
}

/* h2 is not style, because it will ONLY be used for the navigation */

h3 {
	color:#ff3333;
	margin:0px 0px 3px 0px;
	padding:0px;
	font-size:1.1em;
	text-decoration:none;
}

span.futuraText {
	text-align:left;
	font-size:1.4em;
	color:#555555;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
}

h1 a, h3 a, h4 a, h5 a { text-decoration:none; }

br.clearMe { clear:both; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* $9 - Form Classes
*****************************************************************************************************/

form, fieldset { border:none; margin:0px; padding:0px; }

textarea { border:1px solid #9a9a9a; width:405px;}

/* $10 - sIFR Styles
*****************************************************************************************************/
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... 
the negative-letter spacing in this case is used to make the browser text metrics match 
up with the sIFR text metrics since the sIFR text in this example is so much narrower... 
your own settings may vary... any weird sizing issues you may run into are usually fixed by 
tweaking these decoy styles */

/* .sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size:25px;
} */


/* $11 - Import IE 5.x stylesheet ONLY
*****************************************************************************************************/

@media tty {
 i{content:"\";/*" "*/}} @import 'ie5.css'; /*";}
}/* */

/* $11 - Register Page
*****************************************************************************************************/

/* encloses nested content for the inside contents of the directors page */



#registerPaddedContent {
	background:url(../images/director_left_bgBot.jpg) no-repeat;
	background-position:bottom left;
	margin:0px 0px 0px 140px;
	padding:120px 0px 25px 0px;
}
#registerMainContent_logged_out {
	float:left;
	width:713px;
	background:url(../images/register_bg.jpg) top left no-repeat;
	margin:0px 0px 10px 0px;
	height: 445px;
	text-align: left;
}
#registerMainContent_logged_in {
	float:left;
	width:713px;
	background:url(../images/register_bg_2.jpg) top left no-repeat;
	margin:0px 0px 10px 0px;
	height: 445px;
	text-align: left;
}

#winPaddedContent {
	background:url(../images/director_left_bgBot.jpg) no-repeat;
	background-position:bottom left;
	margin:0px 0px 0px 140px;
	padding:110px 0px 25px 0px;
}

#winMainContent_logged_in {
	float:left;
	width:713px;
	background:url(../images/win_bg.jpg) top left no-repeat;
	margin:0px 0px 10px 0px;
	height: auto;
	text-align: left;
}
#registerWrap {
	background:url(../images/directors_bgswirl.jpg) no-repeat;
	width:714px;
	background-position:150px 0;
	min-height:445px;
	height:auto !important;
	height:600px;
}
#registerCopyWrap {width:465px; padding-left:215px; padding-top:150px; float:left; position:relative; height:auto;}
#registerConditionsWrap {width:465px; padding-left:140px; padding-top:185px; float:left; position:relative; height:auto;}

#register_btn_register { position:absolute; top:520px; left:391px; width:95px; height:46px; z-index: 20;}
#register_btn_login {
	position:absolute;
	top:520px;
	left:494px;
	width:86px;
	height:46px;
	z-index: 20;
}
#register_btn_submit {
	position:absolute;
	top:518px;
	left:646px;
	width:95px;
	height:43px;
	z-index: 20;
}
#register_btn_tellfriend {
	position:absolute;
	top:547px;
	left:749px;
	width:97px;
	height:33px;
	z-index: 20;
}

#register_input_field { position:absolute; top:528px; left:422px; width:195px; height:19px; }
.register_input {width:209px; height:19px; background-color:#f5e5e5; color:#990000; font-size:11px; border:0; font-weight:bold; font-family:"Courier New", Courier, mono; padding-left:2px;}

#winCopyWrap {width:485px; padding-left:215px; padding-top:150px; float:left; position:relative; height:auto;}
#winCopyCol1 {width:210px; padding-top:10px; float:left; position:relative; height:auto;}
#winCopyCol2 {
	width:203px;
	padding-top:10px;
	float:left;
	position:relative;
	height:auto;
	margin-left: 34px;
}
#winConditionsWrap {
	padding-top:30px;
	float:left;
	position:relative;
	height:auto;
	text-align:center;
	width: 440px;
}
#win_input_field {
	position:relative;
	width:152px;
	height:36px;
	background: url(../images/win_input_field_bg.gif) no-repeat;
	background-repeat: no-repeat;
}
.win_input {
	width:130px;
	height:14px;
	background-color:#f5e5e5;
	color:#990000;
	font-size:11px;
	border:0;
	font-weight:bold;
	font-family:"Courier New", Courier, mono;
	margin-top: 7px;
	margin-left: 15px;
	padding-left:2px;
}






/* CSS Menu */

/* individual dropdown box widths assigned to ul INLINE) */



/* Begin CSS Popout Menu */

#menu {
	width:722px;
	float:left;
	height: 52px;
}

h2 {display:block; z-index:5000; height:52px; width:180px; visibility:visible;}
#menu a, #menu h2{
font:normal 9px verdana, arial,helvetica,sans-serif;
display:block;
white-space:nowrap;
margin:0;
/* padding:10px 0 10px 3px;*/
}

#menu h2, #menu h2 a:link { margin:0; padding:0; border-bottom:1px solid white}

#menu a { text-decoration:none; padding-top:0px; display:block; text-transform:uppercase;} /* links decoration */
#menu a, #menu a:visited { color:#666666; } /* links decoration */
#menu a:hover { color:#333333;} /* links decoration */
#menu a:active { color:red; }

#menu ul{
list-style:none;
float:left;
width:100px;; /* size of each menu item box, top-level and second level */
margin:0;
padding:0;
}

.directors {margin-left:-16px; width:170px;} /* individual dropdown box offset (assigned to UL) */

#menu li{
position:relative;
background:url(../images/menu_secondary_bg2.gif) repeat-x left 0px;
height:30px; /* size of each cell */
border-left:1px solid #d4dce0;
border-right:1px solid #d4dce0;
border-bottom:1px solid white;
padding-top:0;
margin-top:0;
}

.padded_left {padding-left:25px;}

#menu ul ul{
position:absolute;
z-index:5000;
top:auto;
display:none;
}

#menu ul ul ul{
top:0;
left:100%;
}


div#menu h2:hover{
}

div#menu li:hover{
cursor:pointer;
z-index:100;
background:url(../images/menu_secondary_bg2_h.gif) repeat-x left 0px;
}


div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}

/* End of non-anchor hover selectors */



/* H2 images rollover */
#m1 h2{width:173px; height:52px; display:block; background:url(../images/ns_off.gif) no-repeat; margin:0; padding:0;}
#m1 h2 a:hover{width:173px; height:52px; display:block; background:url(../images/ns_on.gif) no-repeat; margin:0; padding:0;}

#m2 h2{width:168px; height:52px; display:block; background:url(../images/dir_off.gif) no-repeat;  margin:0; padding:0;}
#m2 h2 a:hover{width:168px; height:52px; display:block; background:url(../images/dir_on.gif) no-repeat; margin:0; padding:0;}

#m3 h2{width:203px; height:52px; display:block; background:url(../images/prev_off.gif) no-repeat;  margin:0; padding:0;}
#m3 h2 a:hover{width:203px; height:52px; display:block; background:url(../images/prev_on.gif) no-repeat; margin:0; padding:0;}

#m4 h2{width:178px; height:52px; display:block; background:url(../images/film_off.gif) no-repeat;  margin:0; padding:0;}
#m4 h2 a:hover{width:178px; height:52px; display:block; background:url(../images/film_on.gif) no-repeat; margin:0; padding:0;}

#m5 h2{width:149px; height:52px; display:block; background:url(../images/m5_149_off.gif) no-repeat;  margin:0; padding:0;}
#m5 h2 a:hover{width:149px; height:52px; display:block; background:url(../images/m5_149_on.gif) no-repeat; margin:0; padding:0;}