img, div { behavior: url(/css/iepngfix.htc) }
a img{border:0; outline:none;}
a { outline: none; }
body{ margin:6px 0; font-family:Helvetica, Georgia;}
p{margin-top:.5em;}
.float{float: left;}
.clear{clear:both; float:none; width:0px; height:0px; overflow:hidden;}

#dither {
background:#FFFFFF none repeat scroll 0 0;
display:block;
left:0;
position:absolute;
top:0;
width:100%;
z-index:5;
}


/****************** Navigation *******************/
#navContainer{width:100%; border-top:1px solid #000000; border-bottom:1px solid #000000;}

ul#navigation {display:block; width:883px; height:27px; text-align: center; list-style: none; clear: both; margin:0 auto; padding:0;}
#navigation li { float: left; text-indent: -9999px;}
#navigation li a {height: 27px; display: block; outline:none;}
#navigation li.active {	background-position: top;}
#navigation li.inactive {background-position: bottom;}
#navigation li#home-tab {width: 63px;	background-image: url(/img/nav/nav_home.gif);}
#navigation li#about-tab {width: 113px;	background-image: url(/img/nav/nav_about.gif);}
#navigation li#cast-tab {width: 117px;	background-image: url(/img/nav/nav_cast.gif);}
#navigation li#news-tab {width: 170px;	background-image: url(/img/nav/nav_news.gif);}
#navigation li#media-tab {width: 144px;	background-image: url(/img/nav/nav_media.gif);}
#navigation li#merch-tab {width: 86px;	background-image: url(/img/nav/nav_merch.gif);}
#navigation li#tickets-tab {width: 125px;	background-image: url(/img/nav/nav_tickets.gif);}
#navigation li#tour-tab {width: 65px; background-image: url(/img/nav/nav_tour.gif);}
.email{border:1px solid #85578e; width:137px; height:21px; padding:3px 6px 4px; font-size:9px;}
#footer a{color:#000000; font-size:10px; margin-right:3px;}

/*--------------- HOME PAGE -----------------*/
#getTicketsCallout{ width:937px; height:73px; border:1px solid #85578e; position:relative; margin-bottom:10px;}
#buyTicketsCallout{ position:absolute; top:14px; left:747px; overflow:hidden;}
#move{position:absolute; left:-99999px; }
#callout{ height:150px; width:100%; margin-top:0; background-color:#d7c8da; border-bottom:1px solid #000000; font-size:16px; padding:0 0 10px 0;}

ul#callouts {display:block; width:980px; text-align: center; list-style: none; clear: both; margin:0; padding:0;}
#callouts li { float: left; margin-top:34px; text-align:left; padding:0;}
li#news{width:272px; margin-right:34px; padding-left:10px;}
li#quote{width:629px; position: relative; top: -15px;}
li#face{width:317px; margin-right:34px;}
li#buy{width:312px;}

ul#footer{display:block; width:1015px; text-align:center; list-style:none; clear:both; margin:0 auto; padding:0;}
#footer li { float: left; margin-top:18px; text-align:left; padding:0;}
li#connection{width:340px;margin-right: 15px;}
li#theater{width:391px; margin-right:13px;}
li#newsletter{width:249px;}

/*-------------LAY OUT-------------------*/
#content{ width:100%; margin-top:0; padding:18px 0; background-color:#d7c8da; border-bottom:1px solid #000000; font-size:16px;}
#container{	width:986px; text-align:left; position:relative;}

/*-------------ABOUT----------------*/
#aboutText{	width:600px; font-size:19px; height:400px; line-height:25px;}
#aboutPic{ position:absolute; top:52px; left:694px;}

/*-------------CAST----------------*/
#famContainer{margin:0; min-height:440px;}
#cast{margin-top:18px; overflow:hidden; position:relative; margin-bottom:20px; width:986px; height:370px;}
#cast table{position:absolute; top:0; left:0; display:block; }
#castImage{border:1px solid #000000;}
#castName{font-size:14px; font-weight:bold; text-transform:uppercase;}
#castRole{font-size:14px; font-weight:bold; text-transform:uppercase;}
#playedBy{font-size:12px;}
#castBio{font-size:12px;}
#castDesc{font-size:12px;}
#castList{width:352px;}
#castTitle{margin-bottom:10px;}
/*.castMember{float:left; width:110px; margin:0 4px 4px 0; position:relative; overflow:hidden; height:164px; border:1px solid #000000;} */
.castOverlay{position:absolute; bottom:-164px; margin:0; padding:0; left:0; width:110px; height:164px; background-color:#885c91; text-align:center; font-size:10px; overflow:hidden; cursor:pointer;}
.popTitle{font-size:20px; margin:50px 0 15px; font-weight:bold; line-height:1.3em;}
.popActor{font-size:12px; font-weight:bold;}
.selected{height:164px !important;}


.castMember{width:100%; margin:20px 0; min-height:170px;}
	.castMember .castPic{border:1px solid #000000; float:left; margin-right:32px;}
	.castMember .castText{ float:left; font-size:11px; width:820px;}
		.castText .title{font-size:21px; font-weight:bold;}
		.castText .actor{font-size:14px; font-weight:bold;}


.creativeMember{width:100%; margin:20px 0; font-size:11px;}
	.creativeMember .title{font-size:21px; font-weight:bold;}

#creative{overflow:hidden; position:relative; width:986px; height:370px;}
#creative table{position:absolute; top:0; left:0; display:block;}
#creativeImage{border:1px solid #000000;}
#creativeName{font-size:14px; font-weight:bold; text-transform:uppercase;}
#creativeRole{font-size:14px;}
#creativeBio{font-size:12px;}
#creativeList{width:352px;}
#creativeTitle{margin-bottom:10px;}

#castContainer{position:relative;}
#castWrapper{height:390px; overflow:hidden;}

/*.creativeMember{float:left; width:110px; margin:0 2px 4px 0; position:relative; overflow:hidden; height:164px; border:1px solid #000000;}*/
.creativeOverlay{position:absolute; bottom:-164px; margin:0; padding:0; left:0; width:110px; height:164px; background-color:#885c91; text-align:center; font-size:10px; overflow:hidden; cursor:pointer;}
/*.creativeMember{display:inline; width:112px; margin:0 2px 4px 0; position:relative; overflow:hidden; }
.creativeOverlay{position:absolute; bottom:5px; margin:0; padding:0; left:1px; width:110px; height:0; background-color:#885c91; text-align:center; font-size:10px; overflow:hidden; cursor:pointer;}*/
.popTitle{font-size:20px; margin:50px 0 15px; font-weight:bold; line-height:1.3em;}
.popActor{font-size:12px; font-weight:bold;}

/*-------------TICKETS----------------*/
#tixContainer{width:950px; font-size:14px;}
#threeWays{ width:645px; height:153px; background-image:url(/img/three_ways_to_get_tickets.gif); position:relative; text-align:left; background-repeat:none;}
#showInfo{width:644px; height:190px; background-image:url(/img/show_info.gif); margin-top:14px; padding-top:35px; background-repeat:none;border-bottom:1px solid #000000;
border-right:1px solid #000000;}
#showInfo img{margin-bottom:2px;}
#groupSales{width:294px; height:112px; background-image:url(/img/group_sales.gif); float:right; padding-top:40px; display:block; background-repeat:none;}
#rushTickets{width:253px; height:173px; background-image:url(/img/rush_tickets.gif); float:right;margin-top:14px; display:block; padding:35px 20px 0; background-repeat:none;}
#online{float: left; margin-left: 18px;}
#phone{float: left; margin-left: 18px;}
#person{float: left; margin-left: 18px;}
#threeWays div{top:60px;}
#threeWays a{color:#000000; font-weight:bold;}
.tixbox{border: 1px solid #000; background-color: #FFF; float: left; margin-right: 4px; margin-left: 1px; text-align: center; padding-bottom: 10px; margin-bottom: 15px;}
.tixbox div{text-align: left;}
.large{width: 642px;}
.small{width: 292px; margin-left: 7px; margin-right: 0px;}
.tixbox_title{background-color: #875a90; height: 26px; border-bottom: 1px solid #000; text-align: center !important; margin-bottom: 10px;}
.cell{float: left; margin-left: 40px;}

/*-------------NEWS----------------*/
ul#newsNav {display:block; width:202px; height:111px; text-align: center; list-style: none; clear: both; margin:0; padding:0; margin:20px 0 0; position:absolute; top:35px;}
#newsNav li { text-indent: -9999px; width:202px; height:37px;}
#newsNav li a {height: 27px; display: block; outline:none;}
#newsNav li.active {	background-position: top;}
#newsNav li.inactive {background-position: bottom;}
#newsNav li.current {	background-position: top;}
#newsNav li#nNews-tab {background-image: url(/img/news.gif);}
#newsNav li#critics-tab {background-image: url(/img/critics_reviews.gif);}
#newsNav li#audience-tab {background-image: url(/img/audience_reviews.gif); background-repeat: no-repeat;}

#criticsSection{ margin:18px 0 0 0;}
#newsSection{ margin:18px 0 0 0; }
#audienceSection{ margin:18px 0 0 0; }

.newsItem{width:736px; height:136px; background-image: url(/img/news_story_bg.gif); margin-bottom:10px; position:relative;}
.newsPic{position:absolute; border:1px solid #000000; top:10px; left:10px;}
.newsItem table{position:absolute; top:10px; left:130px; font-size:12px;}
.newsTitle{font-size:18px; font-weight:bold;}
.newsDate{font-weight:bold;}
.newsLink{width:97px; height:132px; position:absolute; top:-15px; right:2px; text-align: center; list-style: none; clear: both;}
.newsLink li { text-indent: -9999px; width:97px; height:66px;}
.newsLink li a {height: 66px; display: block; outline:none;}
.newsLink li.active {	background-position: top;}
.newsLink li.inactive {background-position: bottom;}
.newsLink li.read {background-image: url(/img/read_more_button.gif);}
.newsLink li.watch {background-image: url(/img/watch_now.gif);}
.newsLink li.listen {background-image: url(/img/listen_now.gif);}
.newsLink li.share {background-image: url(/img/share_button.gif);}

.audienceReview{width:736px; background-color:#ffffff; border:1px solid #000000; margin-bottom:10px; position:relative;}
.audienceReview table{ margin:10px; font-size:12px;}

#bgColor{position:absolute; height:80px; width:0; margin-left:32px; background-color:#875a90;}
#frame{position:absolute;}
#average{width:360px; height:105px; position:absolute; left:247px;}
#reviewPop{width:732px; height:375px; border:1px solid #000000; background-color:#d7c8da; background-image:url(/img/review_bg.gif); position:absolute; top:208px; left:50%; margin-left:-366px; z-index:4000;}
#sendFriend{width:732px; height:375px; border:1px solid #000000; background-color:#d7c8da; background-image:url(/img/tell_friend_bg.gif); position:absolute; top:208px; left:50%; margin-left:-366px; z-index:4000;}
#sendFriend .input{width:291px; height:29px; border:1px solid #000000; background-color:#875a90; color:#000000; font-size:13px; padding:6px 6px 0; font-family:Helvetica,Georgia;}

#yourNameS{position:absolute; top:160px; left:36px;}
#yourEmailS{position:absolute; top:160px; left:384px;}
#emailsS{position:absolute; top:232px; left:36px;}
#emailsS .input{width:640px;}
#doneButton{position:absolute; top:328px; left:240px;}
#friendButton{position:absolute; top:276px; left:215px;}
#noThanks, #friendButton{cursor:pointer;}


#reviewPop .input{width:291px; height:29px; border:1px solid #000000; background-color:#875a90; color:#000000; font-size:13px; padding:6px 6px 0; font-family:Helvetica,Georgia;}
textarea{width:321px; height:100px; border:1px solid #000000; background-color:#875a90; color:#000000; font-size:13px; padding:6px 6px 0; font-family:Helvetica,Georgia;}

#formClose{position:absolute; top:5px; left:705px;}
#formName{position:absolute; top:118px; left:38px;}
#formEmail{position:absolute; top:190px; left:38px;}
#formRating{position:absolute; top:260px; left:38px;}
#formTitle{position:absolute; top:118px; left:382px;}
#formReview{position:absolute; top:190px; left:382px;}
#formSubmit{position:absolute; top:318px; left:200px;}
#starRatingForm{position:relative; width:215px; height:38px;}
#starRatingForm .imgPiece{display:block; left:0; position:absolute; top:0;}
#starRatingForm .imgPiece img{cursor:pointer;}
#fillLayer{display:block; width:215px; height:38px; background-color:#875a90;}

#castRecording{margin-left:265px;}

#getTheMusic{width:197px; height:306px; position:absolute; top:111px; left:812px; overflow:hidden; background-image:url(/img/media_bg.jpg); border:1px solid #000000;}
#slideUp{ width:187px; padding:0 5px; height:130px; position:absolute; bottom:-94px; left:0; background-color:#875a90; border-top:1px solid #000000; font-size:12px;}

.city{
	background-image: url(/img/city_bg.gif);
	background-repeat: no-repeat;
	height: 58px;
	width: 960px;
	margin: 5px 0px;
}

.city .cityname{
	font-family: Helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
	font-size: 30px;
	text-transform: uppercase;
	float: left;
	margin-left: 15px;
	width: 345px;
	margin-top: 13px;
}

.city .dates{
	font-family: Arial, sans-serif;
	color: #fff;
	font-size: 21px;
	text-transform: uppercase;
	float: left;
	width: 250px;
	margin-top: 5px;
	text-align: left;
}

.city .venue{
	font-family: Arial, sans-serif;
	font-size: 20px;
	margin-top: 10px;
	float: left;
	width: 215px;
}

.city .venue a{
	color: #fff;
}

.city .buy{
	float: left;
	margin-top: 15px;
	width: 117px;
	text-align: center;
	font-family: Arial, sans-serif;
	color: #fff;
	font-size: 21px;
}

#ta_badge{
	display: none;
	position: absolute;
	top: 170px;
	margin-left: 10px;
}