/* Following document contains ALL specific styling for show detail pages! */

/****************************/
/****** Column Layout ******/
/**************************/
#Column1, #Column2 { float: left; }

#Column1 {
	padding-right:10px;
}

#Column1 #Layer1, #Column1 #Layer2, #Column1 #Layer3 {
	float:left;
	padding-top: 0px;
	padding-bottom: 0px; 
	padding-left: 0px; 
	padding-right: 0px;  
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px; 
	background-color: none; 
	border-top-width: 0px;
	border-top-color: #ffffff;
	border-top-style: dashed;
	border-right-width: 0px;
	border-right-color: #ffffff;
	border-right-style: dashed;  
	border-bottom-width: 0px;
	border-bottom-color: #ffffff;
	border-bottom-style: dashed;
	border-left-width: 0px;
	border-left-color: #ffffff;
	border-left-style: dashed; 
	width: 380px;
}

#Column1 #Layer3 {
	height:360px;
	overflow:hidden;
}

#Column2 #Layer4, #Column2 #Layer5 {
	float:left;
	padding-top: 0px;
	padding-bottom: 0px; 
	padding-left: 0px; 
	padding-right: 0px;  
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px; 
	background-color: none; 
	border-top-width: 0px;
	border-top-color: #ffffff;
	border-top-style: dashed;
	border-right-width: 0px;
	border-right-color: #ffffff;
	border-right-style: dashed;  
	border-bottom-width: 0px;
	border-bottom-color: #ffffff;
	border-bottom-style: dashed;
	border-left-width: 0px;
	border-left-color: #ffffff;
	border-left-style: dashed; 
	width: 421px;
}

#Column2 #Layer6 {
	float:left;
	padding-top: 0px;
	padding-bottom: 0px; 
	padding-left: 0px; 
	padding-right: 0px;  
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px; 
	background-color: none; 
	border-top-width: 0px;
	border-top-color: #ffffff;
	border-top-style: dashed;
	border-right-width: 0px;
	border-right-color: #ffffff;
	border-right-style: dashed;  
	border-bottom-width: 0px;
	border-bottom-color: #ffffff;
	border-bottom-style: dashed;
	border-left-width: 0px;
	border-left-color: #ffffff;
	border-left-style: dashed; 
	height:353px;
	width: 203px;
	position:relative;
	left:218px;
}

* html #Column2 {
	height:558px !important;
}

* html #Column2 #Layer6 #calendar {
	height:134px !important;
}  

#Column3 {
	float:left;
	margin-left:390px;
	width:208px;
	height:353px;
	margin-top:-353px;
}

* html #Column3 {
	/*margin:-598px 0 0 195px;*/
	margin:-355px 0 0 195px;
}

#Column3 #Layer8 {
	width:213px;
	height:142px;
}

* html #Column3 #Layer8 a.productionshot {
	padding:6px 5px 0 0;
	display: block;
	float: left;
	width: 65px;
	height: 65px;
}

/*#Column3 #Layer8 a {
	display: block;
	float: left;
	width: 71px;
	height: 71px;
	padding: 0;
}



#Column3 #Layer8 a span.productionshot {
	padding:6px 0px 0 0;
	display: block;
}

#Column3 #Layer8 a span.productionshot img {
	display: block;
}*/

#Column3 #Layer9 {
	width:208px;
	clear:both;
	height:20px;
}

#stagemanagerContentWrapper #Column3 #Layer10 div {
	padding:0 !important;
	padding-top: 68px !important;
	height:88px;
}

#stagemanagerContentWrapper #Column3 #Layer10 div#eventsSliderNavWrapper {
	height:20px;
	padding:0 6px 6px 0 !important;
}

#stagemanagerContentWrapper #Column3 #Layer10 #eventsSliderNav {
	padding:0 !important;
}

#stagemanagerContentWrapper #Column3 #Layer10 div.stagemanagaerButtonWrapper {
	padding:0 !important;
}

#stagemanagerContentWrapper #Column3 #Layer10 div#eventsSliderOuterWrapper, #stagemanagerContentWrapper #Column3 #Layer10 div#eventsSliderOuterWrapper div {
	padding:0 !important;
	/*height:auto !important;*/
}

#stagemanagerContentWrapper #Column3 #Layer10 #eventsSliderNavWrapper {
	margin-top:-93px !important;
}

#Column3 #Layer10 #previous {
	margin-top:5px;
}

#Column3 #Layer10 #next {
	margin-top:5px;
}


#Column3 #Layer10 {
	width:208px;
	height:156px;
}

/*******************************/
/****** Main Page Styling *****/
/*****************************/
h1.showname {
	display:block;
	margin:0;
	padding:0 8px;
	line-height:24px;
	font-size:16px;
	font-weight:bold;
	background-image:url(/images/showpage-header-bg.gif);
}

h2.showtimes {
	display:block;
	margin:0;
	padding:0 8px;
	line-height:26px;
	font-size:12px;
	font-weight:bold;
	background-image:url(/images/showpage-timesheader-bg.gif);
	background-repeat: no-repeat;
}

h2.productionshots, #Column3 #Layer9 h2 {
	display:block;
	line-height:20px;
	font-size:12px;
	font-weight:bold;
	padding:0 8px;
	background-color:#eeeeee;
	margin:0;
}

div.showdetails .image {
	width:146px;
	float:left;
}

div.showdetails .image img {
	border:1px solid #000000;
}

div.showdetails .info {
	
	float:left;
	border:1px solid #cecece;
	background-color:#f5f5f5;
	border-left:none;
	padding:10px;
	width:193px;
	height:124px;
	overflow:hidden;
}

div.showdetails .dates {
	font-size:11px;
	padding-top:3px;
	font-weight:bold;
	color: #b71116;
}

div.showdetails .snippit {
	font-size:12px;
	line-height:16px;
	/*text-align:justify;*/
	font-weight: bold;
}

div.showdetails .infobrief {
	font-weight:bold;
	font-variant:small-caps;
}

#showtimesWrapper {
	height:165px;
	overflow:hidden;
}

table.showtimes {
	padding:0;
	margin:0;
	border:none;
	width:421px;
}

div.scroll, div.scroll table.showtimes {
	width:399px;
}

table.showtimes th {
	background-color:#cccccc;
	color:#FFFFFF;
	font-weight:bold;
	line-height:20px;
	font-size:12px;
	padding:0 4px;
	text-align:center;
	border-top:0px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
	/*width:103px;*/
}

table.showtimes td {
	text-align:center;
	background-color:#eaeaea;
	color:#333333;
	/*font-weight:bold;*/
	line-height:22px;
	font-size:11px;
	padding:0 4px;
	/*margin:2px 2px 0 0;*/
	border-top:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
	width:165px;
}

table.showtimes th.date, table.showtimes td.date {
	width:83px;
}

table.showtimes th.time, table.showtimes td.time {
	width:80px;
}

table.showtimes th.book, table.showtimes td.book {
	border-right:none;
	width:83px;
}

.scroll table.showtimes th.book, .scroll table.showtimes td.book {
	width:81px;
}

table.showtimes td a {
	font-weight:bold;
	color:#333333;
	text-decoration:none;
}

table.showtimes td a:hover {
	text-decoration:underline;
}


/**********************************************/
/****** Following Chunk For Scroll Bars ******/
/********************************************/
#scrollbar1 {
	position:absolute;
	top:320px;
	left:50%;
	margin:0 0 0 -114px;
	height: 360px;
	background-image:url(/images/showpage-scrollbar1-bg.jpg);
}

* html #scrollbar1 {
	margin:0 0 0 -114px;
}

#scrollbar2 {
	position:absolute;
	top:158px;
	left:50%;
	margin:0 0 0 321px;
	height: 165px;
	background-image:url(/images/showpage-scrollbar2-bg.jpg);
}

* html #scrollbar2 {
	margin:0 0 0 321px;
}

*+html #scrollbar2 {
	margin:0 0 0 320px;
}

#bodyscroll {
	width:340px;
	height:360px;
	overflow:hidden;
}

.scrollbar-vert{
	width: 20px;
	float:left;
}

.handle-vert{
	height: 42px;
	width: 20px;
	background-image:url(/images/showpage-scrollbar-handle.png);
	cursor:pointer;
}