@charset "UTF-8";

/****************** GLOBAL *******************/
*{padding:0; margin:0;}
body{margin:0; background-position: center top; background-image:url(/img/newbg.jpg); color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
a{color:#2ca3ba; -moz-outline: none;}
a img{border:0;}
p{margin-top:14px; margin-left:20px;}
p.header{font-weight:bold; font-size:14px;}
li.selected{border:0;}
#outerContent{width:100%;}
#container{width:968px; margin: 71px 0 0 0; min-height:600px; background-color:#000000; position:relative;}
#contentTop{position:absolute; top:-13px; left:0;}
#nav{position:absolute; display:block; width:726px; height:21px; top:-9px; left:0;}
#leftColumn{margin-left:22px; height:564px; position:absolute; top:-53px; text-align:left; font-weight:bold; left:0;}
#rightColumn{display:block; width:650px; text-align:left; margin-left:275px; }
#getTickets{margin-top:32px;}
#inspire{margin-top:25px;}
#news{/*margin-top:29px;*/}
#musicButton{margin-top:5px;}
#radioButton { margin-top: 14px; font-weight: normal; }
#radioButton a { display: block; margin-top: 7px; }
#sectionTitle{ margin:4px 0 20px 0;}
img, div, ul, li { behavior: url(/css/iepngfix.htc); }
#footerPop{display:block; height:273px; overflow:hidden; position:absolute; width:288px; z-index:1000; top:0; left:50%; margin-left:-243px;}
#contactForm{position:absolute; height:273px; overflow:hidden; top:273px; width:288px; background-image:url('/img/contact_bg.gif'); left:0;}
#nameInput{position:absolute; left:100px; top:51px;}
#emailInput{position:absolute; left:100px; top:90px;}
#commentInput{position:absolute; left:100px; top:128px;}
#contactSubmitButton{position:absolute; left:100px; top:226px;}
#contactForm input.cin{width:161px; height:19px; padding:4px 6px 2px; background-color:#0d0519; color:#ffffff; border:1px solid #9673b4;}
#contactForm textarea{width:161px; height:70px; padding:4px 6px 2px; background-color:#0d0519; color:#ffffff; border:1px solid #9673b4;}
#newsletterText{margin-top:10px;}
#footerText{position:absolute; top:825px; height:50px; width:100%;}

/****************** Navigation *******************/

ul#navigation {	position:absolute; display:block; width:726px; height:21px; top:-44px; left:244px; text-align: center; list-style: none; padding:0px; clear: both;}
#navigation li { float: left; text-indent: -9999px; background-repeat: no-repeat;}
#navigation li a {height: 21px; display: block; outline:none;}
#navigation li.active {	background-position: bottom center;}
#navigation li.inactive {background-position: top center;}
#navigation li#about-tab {width: 78px;	background-image: url(/img/nav/about.png);}
#navigation li#tribe-tab {width: 110px;	background-image: url(/img/nav/tribe.png);}
#navigation li#cast_blog-tab {width: 116px;	background-image: url(/img/nav/cast_blog.png);}
#navigation li#media-tab {width: 131px;	background-image: url(/img/nav/media.png);}
#navigation li#spreadlove-tab {width: 189px;	background-image: url(/img/nav/spread_love.png);}
#navigation li#partners-tab {width: 102px;	background-image: url(/img/nav/partners.png);}


/****************** Footer *******************/
#footer{width:100%; min-width:1040px; display:block; background-image:url(/img/footer_bg.jpg); background-repeat:repeat-x; height:38px;  overflow:hidden; position:absolute; left:0; margin-top:0px;}
ul#footerLinks { display:block; width:936px; height:38px; text-align: center; list-style: none; padding:0px; clear: both; margin-top:0;}
#footerLinks li { float: left; text-indent: -9999px; background-repeat: no-repeat;}
#footerLinks li a {height: 36px; display: block; outline:none;}
#footerLinks li.active {	background-position: bottom;}
#footerLinks li.inactive {background-position: top;}
#footerLinks li#facebook-tab {width: 79px;	background-image: url(/img/footer/facebook.jpg);}
#footerLinks li#myspace-tab {width: 73px;	background-image: url(/img/footer/myspace.jpg);}
#footerLinks li#twitter-tab {width: 60px;	background-image: url(/img/footer/twitter.jpg);}
#footerLinks li#youtube-tab {width: 64px;	background-image: url(/img/footer/youtube.jpg);}
#footerLinks li#survey-tab {width: 98px;	background-image: url(/img/footer/survey.jpg);}
#footerLinks li#contact-tab {width: 84px;	background-image: url(/img/footer/contact.jpg);}
#footerLinks li#privacy-tab {width: 105px;	background-image: url(/img/footer/hairuk.jpg);}
#footerLinks li#newsletter {width:462px; float: left; text-indent: 0;}
form{display:inline;}
#newsletterInput{ margin-top:0; width:200px; height:15px; position:relative; top:-17px; margin-bottom:-10px;}

/****************** News Ticker *******************/
#ticker {width: 200px; height: 70px;}
.newsticker {width: 240px; list-style-type: none; margin-left:4px; }
.newsticker a {	margin: 0 !important; background: none !important;}
.newsticker li { display: none;}

/****************** Giving Garden *******************/
ul#flowers {display:block; height:138px; width:555px; text-align: center; list-style: none; padding:0px; clear: both; margin-left:55px;}
#flowers li { float: left; text-indent: -9999px;}
#flowers li a {height: 138px; display: block; outline:none;}
#flowers li.active {	background-position: bottom;}
#flowers li.inactive {background-position: top;}
#flowers li#white-flower {width: 111px;	background-image: url(/img/flower_white.jpg);}
#flowers li#yellow-flower {width: 111px;	background-image: url(/img/flower_yellow.jpg);}
#flowers li#purple-flower {width: 111px;	background-image: url(/img/flower_purple.jpg);}
#flowers li#orange-flower {width: 111px;	background-image: url(/img/flower_orange.jpg);}
#flowers li#pink-flower {width: 111px;	background-image: url(/img/flower_pink.jpg);}
#givingGardenContent{width:663px; height:423px; display:block; background-image:url(/img/giving_garden_bg.jpg); position:relative;}
#gardenContent{position:absolute; left:21px; top:110px; width:621px; color:#000000; font-size:12px;}
#gardenContent img{float:left; padding:0 25px 25px 0;}

/****************** Tickets *******************/
.ticketsPage{font-size:14px;}
.ticketsPage table{margin-left:20px;}
.purchaseOption{margin:8px 0 0 20px;}
.theaterName{color:#2ca3ba;}
#boxLotto { margin-left: 20px; }
#popLotto{background-image:url('/img/beinbg.gif'); display:none; width:407px; height:242px; position:absolute; left:50%; margin: -344px 0 0 -185px; top: 50%; padding: 50px 0 0 0;}
#popLotto p {margin: 0 0 0 2px; padding: 5px 25px;}
#closeLottoButton{position:absolute; left:373px; top:5px;}

/****************** Tribes *******************/
.tribesPage p{margin-left:0;}
.tribesPage td.cast{font-size:11px;  width:130px; height:138px; }
#castHeader{display:block; cursor:pointer; width:636px; height:35px; background-image:url('/img/cast_section_bg.jpg'); position:relative;}
#creativeHeader{display:block; cursor:pointer; width:636px; height:35px; background-image:url('/img/creative_section_bg.jpg'); position:relative;}
#bandHeader{display:block; cursor:pointer; width:636px; height:35px; background-image:url('/img/band_section_bg.jpg'); position:relative;}
#alumniHeader{display:block; cursor:pointer; width:636px; height:35px; background-image:url('/img/alumni_section_bg.jpg'); position:relative;}
#actorName{font-size:28px; text-transform:uppercase;}
.castPhoto{border:3px solid #000000;}
.castPhoto:hover, .castPhoto.selected{border:3px solid #f7981e;}
.castName{font-weight:bold; text-transform:uppercase;}
.castMember{float:left; width:130px; height:138px; margin-top:14px; cursor:pointer; }
#castMembers{height:0; overflow:hidden;}
#creativeMembers{height:0; overflow:hidden;}
#bandMembers{height:0; overflow:hidden;}
#alumniMembers{height:0; overflow:hidden;}
#castArrow{position: absolute; top:12px; left:75px;}
#creativeArrow{position: absolute; top:12px; left:120px;}
#bandArrow{position: absolute; top:12px; left:75px;}
#alumniArrow{position: absolute; top:12px; left:98px;}
#arrows{padding-left:130px;}

/****************** Cast Blog *******************/
.blogPage p{margin-left:0;}
.blogPage td.cast{font-size:11px;  width:130px; height:138px; }
#blogName{font-size:14px; font-weight:bold;}
#blogDate{font-size:14px; font-style:italic;}
.blogEntry{float:left; width:145px; height:138px; margin-top:14px; cursor:pointer; margin-right:16px;}
.entryName{font-weight:bold; margin-top:14px;}
.entryDate{font-weight:bold;}
.blogPhoto{border:3px solid #000000;}
.blogPhoto:hover, .blogPhoto.selected{border:3px solid #f7981e;}


/****************** Media *******************/
ul#mediaNavigation {	 width:159px; height:28px; text-align: center; list-style: none; padding:0px; clear: both;}
#mediaNavigation li { float: left; text-indent: -9999px;}
#mediaNavigation li a {height: 28px; display: block; outline:none;}
#mediaNavigation li.active {background-position: bottom;}
#mediaNavigation li.inactive {background-position: top;}
#mediaNavigation li#video-tab {width: 81px;	background-image: url(/img/mediaNav/video.jpg);}
#mediaNavigation li#music-tab {width: 78px;	background-image: url(/img/mediaNav/music.jpg);}
#mediaNavigation li#photos-tab {width: 82px;	background-image: url(/img/mediaNav/photos.jpg);}
#mediaNav{float:right; display:inline;}
#mediaNavigation li.selected {background-position: bottom;}
#mediaPlayers{margin-top:30px;}


/****************** News *******************/
ul#newsNav {	 width:387px; height:22px; text-align: center; list-style: none; padding:0px; clear: both;}
/*ul#newsNav {	 width:244px; height:22px; text-align: center; list-style: none; padding:0px; clear: both;}*/
#newsNav li { float: left; text-indent: -9999px;}
#newsNav li a {height: 22px; display: block; outline:none;}
#newsNav li.active {background-position: bottom;}
#newsNav li.inactive {background-position: top;}
#newsNav li#news-tab {width: 74px;	background-image: url(/img/newsNav/news.jpg);}
#newsNav li#audience-tab {width: 170px;	background-image: url(/img/newsNav/audience.jpg);}
#newsNav li#critics-tab {width: 143px;	background-image: url(/img/newsNav/critics.jpg);}
#newsNav li.selected {background-position: bottom;}
.readMore{width:100%; padding:20px 0 0 0;}
.readMore a{font-size:15px; color:#f7981e; font-weight:bold;}

/*  News Section  */
.newsEntry{ display:block; width:628px; padding:30px 0; border-bottom:1px solid #2b2b2b; }
.newsEntry p{ margin-left:0;}
.newsEntry img{float:left; margin-right:7px; margin-bottom:2px;}
.newsContent{display:block; width:480px; margin-left:124px;}
.newsTitle{font-size:17px; font-weight:bold; margin-bottom:10px;}

/*  Critics Section  */
.criticReview{ display:block; width:628px; padding:30px 0; border-bottom:1px solid #2b2b2b; }
.criticReview p{ margin-left:0;}
.criticImage {display:inline; float:left; width:140px;}
.criticContent{display:block; width:435px; margin-left:159px;}
.criticTitle{font-size:17px; font-weight:bold;}

/* Audience Section */
#heartRating{display:block; width:303px; height:49px; position:relative;}
#heartRating img{position:absolute; top:0; left:0; display:block;}
#heartRatingForm{display:block; width:175px; height:27px; position:relative;}
#heartRatingForm .imgPiece{position:absolute; top:0; left:0; display:block;}
.imgPiece img{cursor:pointer; }
#audienceHeader{margin-top:20px; padding-bottom:10px; border-bottom:1px solid #2b2b2b; width:628px;}
.audienceReview{width:628px; padding:20px 0; border-bottom:1px solid #2b2b2b;}
.audienceTitle{font-size:17px; font-weight:bold;}
#popOver{background-color:#000000; background-image:url('/img/audience_pop_bg.jpg'); display:block; width:647px; height:482px; position:absolute; top:105px; left:272px;}
#closeButton{position:absolute; left:609px; top:5px;}
#formContainer{position:absolute; font-size:12px; font-weight:bold; left:25px; top:40px;}
#formContainer input{width:261px; height:19px; padding:4px 6px 2px; background-color:#0d0519; color:#ffffff; border:1px solid #9673b4;}
#formCheck input{width:261px; height:19px; padding:4px 6px 2px; background-color:#0d0519; color:#ffffff; border:1px solid #9673b4;}
#popOver textarea{width:471px; height:63px; background-color:#0d0519; color:#ffffff; border:1px solid #9673b4; padding:4px;}
#formCheck{position:absolute; top:310px; left:117px;}
#newsletterCheck{position:absolute; top:390px; left:118px;}
#confirmCheck{position:absolute; top:450px; left:145px; color:#AAAAAA; font-size:10px;}
#submitButton{position:absolute; top:398px; left:500px;}


/****************** Partners *******************/
.partner{ display:block; width:628px; padding:30px 0; margin-left:15px;}
.partner p{ margin-left:0;}
.partnerImage {display:inline; float:left; width:140px;}
.partnerContent{display:block; width:435px; margin-left:159px;}
.partnerTitle{font-size:14px; font-weight:bold;}

/***************** Spread the Love *****************/
.spreadLoveSection p{margin-left:0;}
.spreadClear { clear: both; padding-top: 40px; }
.spreadLeft {float: left; display: inline; margin-right: 30px;}
#banner1{width:455px; height:100px; background-color:#000000; border:1px solid #ffffff; color:#ffffff; padding:5px; margin-top:10px; font-size:10px;}
#banner2{width:320px; height:230px; background-color:#000000; border:1px solid #ffffff; color:#ffffff; padding:5px; margin-left:10px; font-size:10px; }

#curtain-untag, #curtain-share-via_email { display: none; }