﻿body {
}

div.scrollBox {
overflow:hidden;
}

div#wrapper div.rotater {
	width: 955px; height: 350px; overflow: hidden; position: relative;}
div#wrapper div.rotater div.stepPanel {
	width: 955px; height: 350px; position: absolute; top: 0;}
	
	
	
	
	div#wrapper div.rotater div#step-pause {
	display: block; background: url(../../images/background_selector_disc_on.png) no-repeat left top;
	}
	
	
div#wrapper div.rotater div#step-0 {
	left: 0;}
div#wrapper div.rotater div.stepPanel img.background {
	position: absolute; left: 0; top: 0;}

/* Step 0 styles.  tim burton*/

div#wrapper div.rotater div#step-0 p {
	width: 345px; margin-top: 0; font-size: 0.8em; line-height: 1.6em; color: #fff; position: absolute; left: 44px; top: 164px;}
div#wrapper div.rotater div#step-0 a.redButton {
	width: 156px; height: 17px; display: block; background: url(../../images/button_selector_read_ticketsonsale_off.gif) no-repeat left top; position: absolute; left: 46px; top: 277px;}
div#wrapper div.rotater div#step-0 a.redButton:hover {
	background-image: url(../../images/button_selector_read_ticketsonsale_on.gif);}
div#wrapper div.rotater div#step-0 a.redButton span {
	display: none;}
/*added tiff */
div#wrapper div.rotater div#step-0 div.credit {
	color:#8c8c8c;
font-size:0.6em;
left:190px;
line-height:1em;
margin-top:0;
position:absolute;
top:273px;
width:225px;
text-align:right;}

/* for June 17th launch */
div#wrapper div.rotater div#step-0 .facebook { display:none; }
div#wrapper div.rotater div#step-0 .twitter {  display:none; }

/* Step 1 styles. tim burton */

div#wrapper div.rotater div#step-1 p {
	width: 345px; margin-top: 0; font-size: 0.8em; line-height: 1.6em; color: #fff; position: absolute; left: 44px; top: 164px;}
div#wrapper div.rotater div#step-1 a.future {
	width: 176px; height: 19px; display: block; background: url(../../images/button_selector_see_into_future_off.gif) no-repeat left top; position: absolute; left: 46px; top: 258px;}
div#wrapper div.rotater div#step-1 a.future:hover {
	background-image: url(../../images/button_selector_see_into_future_on.gif);}
div#wrapper div.rotater div#step-1 a.future span {
	display: none;}
div#wrapper div.rotater div#step-1 a.redButton {
	color: #386498;
	width: 136px; height: 12px; display: block; background: url(../../images/button_selector_read_event_details_Blue_off.gif) no-repeat left top; position: absolute; left: 46px; top: 277px;}
div#wrapper div.rotater div#step-1 a.redButton:hover {
	background-image: url(../../images/button_selector_read_event_details_Blue_on.gif);}
div#wrapper div.rotater div#step-1 a.redButton span {
	display: none;}

/* for June 17th launch */
div#wrapper div.rotater div#step-1 .facebook { display:none; }
div#wrapper div.rotater div#step-1 .twitter {  display:none; }

/* Step 2 styles. Bell Lightbox Campaign */
div#wrapper div.rotater div#step-2 p {
	width: 345px; margin-top: 0; font-size: 0.8em; line-height: 1.6em; color: #fff; position: absolute; left: 44px; top: 164px;}
div#wrapper div.rotater div#step-2 a.redButton{
	width: 136px; height: 12px; display: block; background: url(../../images/button_selector_read_event_details_off.gif) no-repeat left top; position: absolute; left: 46px; top: 277px;}
div#wrapper div.rotater div#step-2 a.redButton:hover {
	background-image: url(../../images/button_selector_read_event_details_on.gif);}
div#wrapper div.rotater div#step-2 a.redButton span {
	display: none;}

/* for June 17th launch */
div#wrapper div.rotater div#step-2 .facebook { display:none; }
div#wrapper div.rotater div#step-2 .twitter {  display:none; }

/* for layout with list items and images
div#wrapper div.rotater div#step-2 {
	background-color: #d4632b;}
div#wrapper div.rotater div#step-2 img.heading {
	position: absolute; left: 666px; top: 26px;}
div#wrapper div.rotater div#step-2 ul.clearfloat {
	width: 636px; position: absolute; left: 21px; top: 26px;}
div#wrapper div.rotater div#step-2 ul.clearfloat li {
	width: 197px; margin: 0 15px 0 0; float: left;}
div#wrapper div.rotater div#step-2 p {
	font-size: 0.7em; line-height: 1.6em; color: #000;}
div#wrapper div.rotater div#step-2 p.main {
	width: 270px; margin-top: 0; position: absolute; left: 666px; top: 64px;}
div#wrapper div.rotater div#step-2 ul.clearfloat li p {
	margin: 0.2em 14px 0; font-size: 1em;}
div#wrapper div.rotater div#step-2 a.details {
	width: 205px; height: 19px; display: block; background: url(/templates/button_see_full_program_off.gif) no-repeat left top; position: absolute; left: 665px; top: 229px;}
div#wrapper div.rotater div#step-2 a.details:hover {
	background-image: url(/templates/button_see_full_program_on.gif);}
div#wrapper div.rotater div#step-2 a.details span {
	display: none;}
*/
/* Step 4 styles. */

div#wrapper div.rotater div#step-3 {
	background-color: #b1a78e;}
div#wrapper div.rotater div#step-3 img.heading {
	position: absolute; left: 666px; top: 26px;}
div#wrapper div.rotater div#step-3 ul.clearfloat {
	width: 636px; position: absolute; left: 21px; top: 26px;}
div#wrapper div.rotater div#step-3 ul.clearfloat li {
	width: 197px; margin: 0 15px 0 0; float: left;}
div#wrapper div.rotater div#step-3 p {
	font-size: 0.7em; line-height: 1.6em; color: #000;}
div#wrapper div.rotater div#step-3 p.main {
	width: 270px; margin-top: 0; color: #fff; position: absolute; left: 666px; top: 64px;}
div#wrapper div.rotater div#step-3 ul.clearfloat li p {
	margin: 0.2em 14px 0; font-size: 1em;}
div#wrapper div.rotater div#step-3 a.details {
	width: 205px; height: 19px; display: block; background: url(/templates/button_see_full_program_off.gif) no-repeat left top; position: absolute; left: 665px; top: 229px;}
div#wrapper div.rotater div#step-3 a.details:hover {
	background-image: url(/templates/button_see_full_program_on.gif);}
div#wrapper div.rotater div#step-3 a.details span {
	display: none;}

div#wrapper div.rotater div.stepPanel ul.shareLinks {
	width: 160px; height: 14px; position: absolute; left: 248px; top: 320px;}
div#wrapper div.rotater div.stepPanel ul.shareLinks li {
	width: 14px; height: 14px; margin: 0 5px 0 0; float: left;}
div#wrapper div.rotater div.stepPanel ul.shareLinks li.addThis {
	width: 100px; margin: 0;}
div#wrapper div.rotater div.stepPanel ul.shareLinks li.addThis a {
	height: 14px; padding: 1px 0 0 20px; font-size: 0.9em; position: relative; top: 1px; background: url(/templates/button_share_addThis.gif) no-repeat left top;}
	
/*  leftsside placement for sharelinks added */
div#wrapper div.rotater div.stepPanel ul.shareLinks_2 {
	width: 160px; height: 14px; position: absolute; left: 47px; top: 320px; }
div#wrapper div.rotater div.stepPanel ul.shareLinks_2 li {
	width: 14px; height: 14px; margin: 0 5px 0 0; float: left;}
div#wrapper div.rotater div.stepPanel ul.shareLinks_2 li.addThis {
	width: 100px; margin: 0;}
div#wrapper div.rotater div.stepPanel ul.shareLink_2s li.addThis a {
	height: 14px; padding: 1px 0 0 20px; font-size: 0.9em; position: relative; top: 1px; background: url(/templates/button_share_addThis.gif) no-repeat left top;}
	/* second placement for sharelinks end */


/* style added for Tim Burton blurb start */
div#wrapper div.rotater div.stepPanel-0 div.credit_art { width: 160px; /*height: 14px;*/ position: absolute; left: 248px; top: 320px;  } 

/* style added for Tim Burton blurb end */

div#wrapper div.rotater ul#selectIndicator {
	width: 72px; height: 10px; position: absolute; left: 865px; top: 323px;}
div#wrapper div.rotater ul#selectIndicator li, div#wrapper div.rotater ul#selectIndicator li a {
	width: 9px; height: 10px;}
div#wrapper div.rotater ul#selectIndicator li {
	margin: 0 9px 0 0; float: left;}
div#wrapper div.rotater ul#selectIndicator li a {
	display: block; background: url(../../images/background_selector_disc_off.png) no-repeat left top;}
div#wrapper div.step-0 ul#selectIndicator li.step-0 a, div#wrapper div.step-1 ul#selectIndicator li.step-1 a, div#wrapper div.step-2 ul#selectIndicator li.step-2 a, div#wrapper div.step-3 ul#selectIndicator li.step-3 a {
	background-image: url(../../images/background_selector_disc_on.png);}
div#wrapper div.rotater ul#selectIndicator li a span {
	display: none;}

ul.rcEventsStacked div.scrollBox {
	height:200px; overflow:hidden; position:relative; top:20px; }
body.net div#topCols div.rightCol div.rcHead {
	width: 390px; left: 0; top: 660px;}


div.prHead {
	width: 290px; height: 33px; background-color: #333; position: absolute; left: 16px; top: 223px;}
body.net div#topCols div.rightCol div.prHead {
	width: 390px; left: 0; top: 680px;}
div.prHead ul.choose {
	position: absolute; left: 15px; bottom: 13px;}
div.prHead div.ribbon {
	background-image: url(../images/background_ribbon_bottom_right.gif); right: 0;}

div.prHead ul.choose {
	width: 260px; position: absolute; left: 12px; top: 8px;}
div.prHead ul.choose li {
	margin: 0 10px 0 0; padding: 0 10px 0 0; font-size: 1em; float: left; border-right: 1px solid #fff;}
div.prHead ul.choose li.week {
	margin: 0; padding: 0; border-right-width: 0;}
div.prHead ul.choose li, div.prHead ul.choose li a {
	color: #d4632b;}
div.prHead ul.choose li a:hover, div.today div.prHead ul.choose li.today a, div.week div.prHead ul.choose li.week a {
	color: #fff;}
	
	div#scCont div.rcCont ul.rcEventsStacked li.clearfloat, body.net div#topCols div.rightCol div.rcCont ul.rcEventsStacked li.clearfloat {
background-color:#FFFFFF;
padding:9px;
