/* Theatres 2.0

	(c)WBC

	2007-11-13
*/

		*{
		margin:0;
		padding:0;
		}

		.showFtImage{ /* Remove once fully deprecated */
		margin:1em 0 1em 0;
		}

		body{
		background-color:#F5F5F5;
		}

		h1{
		font-family:Arial, sans-serif;
		font-weight:normal;
		font-size:3.8em;
		color: #B93920;
		text-transform:lowercase;
		letter-spacing:-1px;
		
		padding-bottom:0.1em;
		padding-left:2px;
		}

		h2{
		font-family:'Segoe UI',Arial, sans-serif;
		font-weight:bold;
		font-size:24pt;
		color: #B93920;
		letter-spacing:-1.5px;
		text-shadow:1px 1px 3px rgba(0,0,0,0.3);
		}

			#currentHighlightsElement h2, #currentHighlightsElement h3, #currentHighlightsElement h4{
			font-size:200%;
			margin-bottom:0.5em;
			}

			#currentHighlightsElement ul{
			margin-left:2em;
			}

			#currentHighlightsElement hr{
			border-color:#ddd;
			border-width:1px;
			border-style:dotted;
			}

		h3{
		font-family:'Segoe UI',Arial, sans-serif;
		font-size:20pt;
		color: #D08330;
		
		letter-spacing:-1px;
		margin-bottom:0.5em;
		line-height:0.9em;
		text-shadow:1px 1px 3px rgba(0,0,0,0.3);
		}

		#bodyText h3{
		margin-top:0.5em;
		}

		h4{
		font-family:Tahoma, Arial, sans-serif;
		font-weight:bold;
		font-size:1.4em;
		color:#999;
		text-transform:lowercase;
		letter-spacing:1px;
		margin:0.5em 0 0.5em 0;
		}

		.hidden, legend{
		display:none;
		}

		a{
		color:#B93920;
		}

			a:focus, a:active{
			outline-color:#F7A95A;
			outline-style:solid;
			outline-width:2px;
			}

		dt{
		font-weight:bold;
		}

		dd{
		margin-left:1em;
		margin-bottom:1em;
		}

		fieldset{
		border:0;
		}
		
		/* Binding Putty Boxes */
		
			#puttyBox{
			width:938px;
			margin:0 auto;
			}
		
			#mainBox{
			background-color:white;
			width:924px;
			float:left;
			padding-bottom:1em;
			}
			
			#headPutty{
			margin-left:20px;
			margin-right:20px;
			}
			
			#bodyPutty{
			clear:left;
			margin-left:20px;
			}
			
			#masterPutty{
			clear:both;
			}
			
			#rightShadow{
			width:939px;
			background: url(rsrc/shadow_right.png) right repeat-y;
			position:relative;
			float:left;
			}
			
			#rightShadowCorner{
			position:absolute;
			left:0;
			width:939px;
			background: url(rsrc/shadow_right_top.png) top right no-repeat;
			}
			
			#bottomShadow{
			float:left;
			width:939px;
			background: url(rsrc/shadow_bottom.png) no-repeat;
			height:15px;
			}
			
		/* Page header area */
		
			#pageHeader{
			position:relative;
			float:left;
			padding-left:20px;
			padding-top:3.5em;
			}

				#pageHeader h1{
				padding-bottom:0;
				}

				#pageHeader h1 img{
				border:0;
				outline:none;
				}

			/* Home Page Helper */

			#homePageHelper{
			font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
			font-size:0.6em; color:#888; display:none; position:absolute; top:45px; left:290px;					}

			#etcHeader{
			float:right;
			padding-top:0;
			margin-top:0;
			}
			
			#topTabs{
			width:285px;
			height:39px;
			display:block;
			position:relative;
			border:0;
			margin-left:9em;
			}

			.topTabs-Generic{
			background: url(rsrc/top_tabs.png) top right;
			}

			.topTabs-HelpMe{
			background: url(rsrc/top_tabs_helpme.png) top right;
			}
			
			.topTabs-SiteMap{
			background: url(rsrc/top_tabs_sitemap.png) top right;
			}

			#topTabs dd{
			margin:0;
			}

			.tab{
			display:block;

			overflow:hidden;
			position:absolute;

			top:0px;
			height:0;
			padding-top:40px;

			background:transparent;
			outline:none;
			}

			a#tabSkipNav{
			left:1px;
			width:95px;
			}

			a#tabSiteMap{
			left:97px;
			width:91px;
			}

			a#tabHelp{
			left:188px;
			width:100px;
			}

			#venuesHeader{
			padding-right:26px;
			padding-top:2em;
			font-size:1em;
			
			
			}

				.large-venues{
				color:#B93920;
				font-weight:bold;
				font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
				letter-spacing:-1px;
				}

				.large-venues a{
				text-decoration:none;
				}

				.large-venues a:hover, .large-venues a:focus{
				text-decoration:underline;
				}

				.small-venues{
				font-size:0.55em;
				color:#AAA;
				font-family:Tahoma, Arial, Helvetica, sans-serif; /* Verdana not used as it is too wide */
				}
			
		/* Heading Area */

			#headingWelcome{
			padding-bottom:0.1em;
			padding-top:0.2em;
			border-bottom:1px solid #e8e8e8;
			font-size:24pt;
			text-shadow:1px 1px 3px rgba(0,0,0,0.3);
			}
	
			#introBox{
			font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
			font-size:0.8em;

			color:black;
			padding-top:0.7em;
			padding-bottom:0.4em;
			
			text-align:left;
			
			line-height:1.4em;
			
			width:675px;
			float:left;
			}
			
			/* Navigation Element */
			
				#navigationElement{
				float:right;
				width:200px;
				
				line-height:3.2em;
				font-size:0.7em;
				font-family: Tahoma, Arial, Helvetica, sans-serif;
				padding-bottom:15px; /* height of bottom_nav.gif */
				background: url(rsrc/bottom_nav.gif) bottom no-repeat;
				}

				#navigationElement ul{
				list-style-type:none;
				}

				#navigationElement ul li{
				font-weight:bold;
				}

				#navigationElement ul li a{
				display:block;
				text-decoration:none;

				background-color:#F8F5F0;
				color:#B93920;

				outline:none;
				}
				
				#previousSections li{
				background: url(rsrc/current_section.png) repeat-y;
				color:#555;
				text-indent:1em;
				}

				#navigationElement ul li a:hover, #navigationElement ul li a:active{
				background: url(rsrc/current_section_hover.png) repeat-y;
				color:#555;
				}

				#childSections li{
				text-indent:2em;
				background-color:#FBF9F5;
				}
				
		/* 'Body' Area */
		
				/* Left Column (Calendar & e-shots) */
				
				#leftColumnElement{
				width:210px;
				float:left;
				}
				
					#leftColumnElement .noBorder img{
					border:0;margin-bottom:6px;
					}

				/* Round rect highlights */
				
				#currentHighlightsElement{
				font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
				font-size:0.8em;
				width:680px;
				float:left
				}
				

		/* 'Body' Area for Content page */

				/* Left Column (Calendar & e-shots) */
				
				#bodyLeftColumnElement{
				width:180px;
				float:left;

				font-family:Tahoma, Verdana, Helvetica, Arial, sans-serif;
				font-size:0.77em;
				}

				#bodyLeftColumnElement dl dd{
				font-size:8pt;
				line-height:1.5em;
				}

				#breadcrumbs{
				padding-left: 20px;
				padding-top: 1em;

				font-family: Tahoma,Verdana,Helvetica,Arial,sans-serif; 

				font-size: 0.8em;
				}
				
				/* body text */
				
				#bodyText{
				width:440px;
				float:right;			
				padding-left:2em;
				margin-right:1em;
				font-size:0.8em;
				font-family:Tahoma, Verdana, Helvetica, Arial, sans-serif;
				}
	
					#bodyText p, #currentHighlightsElement p{
					margin-bottom:1.2em;
					margin-top:1.2em;
					line-height:1.5em;
					}

					#siteMap-ListStyle{
						margin-top:1.5em;
					}

					#bodyText ul, #bodyText ol, siteMap-ListStyle ul{
						line-height:1.5em;
						margin-left:2em;
					}
				
		/* Round Rectangles for Featured Performance (Top Image) */
		
			.RRhead{
			width:924px;
			height:235px;
			background-position: top left;
			}
			
			.RRheadSize{
			width:924px;
			height:235px
			}

			.RRheadImg{
			overflow:hidden;
			position:absolute;
			}
			
			#RRheadButtons{
			position:absolute;
			padding-top:2.15em;
			text-align:center;
			float:right;
			width:914px; /* Needed for Safari */
			}
			
			.RRhead-leftCorner{
			background: url(rsrc/corner_image_top_left.gif) top left no-repeat;
			position:absolute;
			}
			
			.RRhead-rightCorner{
			background: url(rsrc/corner_image_top_right.gif) top right no-repeat;
			}
			
			.RRhead-blackStrap{
			background: url(rsrc/corner_bottom_header.gif) bottom left no-repeat;
			
			}
			
			.headStrapLine-Title, .headStrapLine-Venue{
			font-family:Impact, Arial, sans-serif;
			font-weight:normal;
			font-size:3em;
			color: white;
			letter-spacing:0.5px;	
			
			padding-left:20px;
			line-height:1em;
			}
		
			.headStrapLine-Title{
			padding-top:0.5em;
			}
			
			.headStrapLine-Venue{
			color:#EBEBEB;
			}
			
			.headStrapLine-Date{
			font-family:'Segoe UI', Arial, 'DejaVu Sans-Serif', sans-serif;
			color:white;
			padding-left:20px;
			padding-top:0.7em;
			
			letter-spacing:1px
			}

			#largeHighlightLink a, #largeHighlightBookOnlineLink a{
			
			display:block;
			width:230px;
			height:32px;
			
			font-family:'Segoe UI', Arial, 'DejaVu Sans-Serif', sans-serif;
			font-size:1.2em;
			text-decoration:none;
			font-weight:bold;
			

			color:white;

			padding-top:6px;
			}

			#largeHighlightLink a{
			background: url(rsrc/viewdetails_button.png) no-repeat;
			float:right;
			}

			#largeHighlightBookOnlineLink a{
			background: url(rsrc/bookonline_button.png) no-repeat;	
			float:right;	
			}

			#largeHighlightLink a{
			margin-left:0.5em;
			}
			
		/* Left column objects */

			.RRleftColumnBox{
			
			width:200px;
			height:160px;
			margin-bottom:7px;
			}

			#calendar-eshot-container{
			float:left;
			margin-top:10px;
			padding:4px 0;
			border-top:1px solid #f5f5f5;
			}

			#calendar, #eshot{
			width:324px;
			float:left;
			margin-right:1em;
			}

				#calendarIcon{
				float:left;
				margin-right:5px;
				}

			#calendar-Heading, #mail-Heading{
			font-size:15pt;
			text-shadow:1px 1px 3px rgba(0,0,0,0.2);
			}

			.calendar-p, .mail-p{
			font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
			font-size:8pt;
			}

				.calendar-p{
				margin-bottom:10px;
				
				}

				.calendar-p-home{
				margin-right:1em;
				float:left;
				font-weight:bold;
				font-size:8pt;
				margin-right:1em;
				}
				

			.calendar-p a, .mail-p a{
			font-weight:bold;
			color:#B93920;
			}
			
			.RRleftColumnBox, #sponsorBox{
			padding:0 0px 3px 10px;
			}
			
			.RRleftColumnBox h2, #sponsorBox h2{
			font-size:1.6em;
			color:#B93920;
			letter-spacing:-1px;
			padding-top:3px;}

			#sponsorBox h2{
			margin-bottom:0.4em;
			color:#999;
			}
			
			.RRleftColumnBox p, #sponsorBox p{
			font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
			font-size:0.7em;
			line-height:1.4em;
			width:180px;
			}

			#sponsorBox p{
			text-align:left;
			color:black;
			}

		/* Form Elements */

			#eventCalendar{
			background: url(http://www.worthing.gov.uk/styles/rsrc/field.png) no-repeat;
			width:124px;
			
			padding:4px;
			text-align:center;
			border:1px solid #aaa;
			font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
			font-size:10pt;
			}

			#calendarSubmit{
			margin-left:4px;
			width:36px;
			}
			
		/* Round Rectangles for Highlighted Performances */
		
			.roundRect-smallRow, .roundRect-largeRow{
			float:left;
			margin-bottom:10px;
			width:100%;
			}
	
			.RRsmall{
			float:left;
			margin:0 10px 10px 0;
			position:relative; 
			width:215px;
			height:200px;
			overflow:hidden;
			background-position:top left;
			}
	
			.RRlarge{
			float:left;
			margin:0 10px 10px 0;
			position:relative; 
			width:327px;
			height:200px;
			overflow:hidden;	
			background-position:top left;
			}
			
			.RR-smallSize{ /* Because inherit doesn't work in IE6... */
			width:215px;
			height:200px;
			position:absolute;
			}
	
			.RR-largeSize{ /* Because inherit doesn't work in IE6... */
			width:327px;
			height:200px;
			position:absolute;
			}

			/* Images */
		
			.RRimageSmall img{
			position:absolute;
			width:215px;
			overflow:hidden;
			border:0;
			}

			.RRimageLarge img{
			position:absolute;
			width:327px;
			overflow:hidden;
			border:0;
			}
	
			/* Corners */
			
			.RR-leftCorner{
			background: url(rsrc/corner_top.png) top left no-repeat;
			}
	
			.RR-rightCorner{
			background: url(rsrc/corner_top_right.png) top right no-repeat;
			}
	
			/* Bottom strap lines */
	
			.RRcol1SmallStrap{
			position:absolute;
			background: url(rsrc/corner_bottom_col1.png) bottom left no-repeat;
			width:215px;
			height:200px;
			}
	
			.RRcol2SmallStrap{
			position:absolute;
			background: url(rsrc/corner_bottom_col2.png) bottom left no-repeat;
			width:215px;
			height:200px;
			}

			.RRcol3SmallStrap{
			position:absolute;
			background: url(rsrc/corner_bottom_col3.png) bottom left no-repeat;
			width:215px;
			height:200px;
			}

			.RRcol4SmallStrap{
			position:absolute;
			background: url(rsrc/corner_bottom_psaver.png) bottom left no-repeat;
			width:215px;
			height:200px;
			}

			.RRpsaverSmallStrap{ /* Small strap for playsavers */
			position:absolute;
			background: url(rsrc/corner_bottom_psaver.png) bottom left no-repeat;
			width:215px;
			height:200px;
			}	

			.RReventSmallStrap{ /* Small strap for playsaver.... odd name ... theatres changed minds.... */
			position:absolute;
			background: url(rsrc/corner_bottom_psaver_dk.gif) bottom left no-repeat;
			width:215px;
			height:200px;
			}		


			.RRpsaverDkSmallStrap{ /* Small strap for ... odd theatres changed their minds again */
			position:absolute;
			background: url(rsrc/corner_bottom_left.gif) bottom left no-repeat;
			width:215px;
			height:200px;
			}	

			.RRorchSmallStrap{ /* Small strap for worthing symph orch*/
			position:absolute;
			background: url(rsrc/corner_bottom_orch.png) bottom left no-repeat;
			width:215px;
			height:200px;
			}

			/* large Bottom Strap Lines */
	
			.RRcol1LargeStrap{
			position:absolute;
			background: url(rsrc/corner_bottom_large_col1.png) bottom left no-repeat;
			width:327px;
			height:200px;
			}


			.RRcol2LargeStrap{
			position:absolute;
			background: url(rsrc/corner_bottom_large_col2.png) bottom left no-repeat;
			width:327px;
			height:200px;
			}

			.RRcol3LargeStrap{
			position:absolute;
			background: url(rsrc/corner_bottom_large_col3.png) bottom left no-repeat;
			width:327px;
			height:200px;
			}
			
			/* Strap Line Text Formatting */

			.RRstrapText h3{
			padding-top:152px;
			margin-bottom:0 !important;
			font-weight:bold !important;
			text-shadow:0px 0px 5px rgba(0,0,0,1);
			}

			.RRstrapText h3, .RRstrapText div{
			padding-left:6px;
			padding-right:3px;
			font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif !important;
			color:white !important;
			font-size:0.85em !important;
			letter-spacing:0 !important;
			text-transform:none !important;
			overflow:hidden;
			height:1.2em;
			}

			.RRsmallLinkBlock a{
			position:absolute;
			width:215px;
			height:200px;

			padding-top:200px;
			padding-left:6px;
			padding-right:3px;
			font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;

			font-size:0.85em;

			color:white;
			text-decoration:none;

			background: url(rsrc/small_rect_transparent.gif);

			text-decoration:none;
			}

			.RRlargeLinkBlock a{
			position:absolute;
			width:327px;
			height:200px;

			padding-top:200px;
			padding-left:6px;
			padding-right:3px;
			font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;

			font-size:0.85em;

			color:white;
			text-decoration:none;

			background: url(rsrc/small_rect_transparent.gif);

			text-decoration:none;
			}

		/* Show Listings */

			.showListing{
			margin: 1em 0 1em 0;
			padding: 0.25em 0 1em 0;		
			display:block;
			font-family:Tahoma, Verdana, Helvetica, Arial, sans-serif;
			color:black;
			
			line-height:1.4em;
			}

			.showListing-Link{
			padding:0;
			margin:1em 0 1em 0 !important;
			list-style-type:none;
			}

			.showListing-Link li{
			display:inline;			
			}

			.showListing-Link a{
			color:white;
			padding:0.3em 1.05em 0.3em 1.05em;
			font-weight:bold;
			text-decoration:none;
			}

			.fullDetailsLink a{
			background-color:#388468;
			}

			.bookOnlineLink a{
			background-color:#B93920;			
			}

			.showListing-Link a:focus{
			background-color:#AAA;
			}

			.showListing h3{
			text-transform:capitalize !important;
			}

			/* Small Image Preview 200x70 */

			.RRsmallListingPreview{
			position:relative;
			width:200px;
			height:70px;
			overflow:hidden;
			margin-bottom:0.5em;
			}

			.RRsmallListingOverlay{	
			position:absolute;
			background: url(rsrc/small_preview_overlay.gif);
			width:200px;
			height:70px;
			}

			.RRsmallListingPreviewImage img{
			width:200px;
			position:absolute;
			}

			/* Medium Image Previews (180x180) */

			.RRmediumListingPreview{
			position:relative;
			width:180px;
			height:180px;
			overflow:hidden;
			margin-bottom:0.5em;
			}

			.RRmediumListingOverlay{	
			position:absolute;
			background: url(rsrc/med_preview_overlay.gif);
			width:180px;
			height:180px;
			}

			.RRmediumListingPreviewImage img{
			width:180px;
			position:absolute;
			}

			/* Listing Text */

			.listPreviewDescription{
			font-weight:bold;
			}

			#contentTopImage img{
			width:440px;
			}

			.inlineBookOnlineLink{
			margin:1em 0 1em 0;
			padding:0.3em;
			width:10em;
			display:block;

			color:white;
			font-weight:bold;
			text-align:center;

			background-color:#B93920;

			text-decoration:none;
			}

			/* Why Not See Styles */
		
			#whyNotSee-Heading{
			padding-top:1em;
			}

			.whyNotSee-ShowTitle{
			color:#333;
			}

			.whyNotSee-Item{
			padding-bottom:1em; margin-bottom:1em;
			color:#666;
			}

			.whyNotSee-ShowLink a{
			font-weight:bold;
			color:#388468;
			}

		/* PDF */

		.theatresPDF{
		clear:left;
		margin-top:1em;
		}

		.theatresPDF-Image{
		float:left;
		}

		.theatresPDF-Image a img{
		border:0;
		}

		.theatresPDF-Link{
		padding-top:44px;
		}

		/* Forms */

		.standardFieldset{
		border:1px solid #ddd; padding:0.5em;
		}

		.standardFieldset legend{
		display:inline;  padding:0.5em; font-weight:bold; color:black;
		}

		label{
		font-weight:bold;
		}

		.inputField{
		width:100%;
		padding:3px;
		border:1px solid #aaa;
		font-family: Tahoma, verdana, Arial, Helvetica, sans-serif;
		background: url(http://www.worthing.gov.uk/styles/rsrc/field.png) no-repeat;
		}

		.inputSubmit{
		vertical-align:top; /* IE6... */
		border:1px solid #aaa;
		font-family: Tahoma, Helvetica, Arial, sans-serif;
		font-size:10pt;
		height:26px;
		}

		.inputSubmit:active{
		border:1px solid white;
		}

		/* Worthing Table */

	table.worthingTable, table.worthingTable-no-stripe{	
		font-family:Tahoma, Arial, Helvetica, 'Segoe UI', 'Dejavu Sans', sans-serif;
		border-bottom:1px solid #99BBE8;
		border-left:1px solid #99BBE8;
		border-right:1px solid #99BBE8;
	}

	table.worthingTable caption, table.worthingTable-no-stripe caption{
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	background:transparent url(/styles/theatres/rsrc/table/caption-bg.gif) repeat-x;
	border:1px solid #99BBE8;
	color:#15428B;
	font-family:'Segoe UI',Arial,Helvetica,'DejaVu Sans',sans-serif;
	font-size:9pt;
	font-weight:bold;
	letter-spacing:1px;
	padding:4px 4px 2px;
	text-align:left;
	text-shadow:1px 1px 2px #FFFFFF;
	margin-top:1em;
	}

	table.worthingTable tr:hover{
	background-color:#f5f8fc;
	}

	table.worthingTable thead th, table.worthingTable-no-stripe thead th{
		text-align:left;
		color:#15428B;
		font-family:'Segoe UI',Arial,Helvetica,'DejaVu Sans',sans-serif;
		font-size:9pt;
		font-weight:bold;
		letter-spacing:0px;	
		background: url(/styles/theatres/rsrc/table/th-bg.gif) #F9F9F9 repeat-x 0 bottom;
		border-left:1px solid #FCFCFC;
		border-right:1px solid #DDDDDD;
		padding:4px 3px 2px;
	}

	table.worthingTable tbody th, table.worthingTable-no-stripe th{
		text-align:left;
		color:#15428B;
		font-family:'Segoe UI',Arial,Helvetica,'DejaVu Sans',sans-serif;
		font-size:9pt;
		font-weight:bold;
		letter-spacing:0px;	
		background: url(/styles/theatres/rsrc/table/th-bg.gif) #F9F9F9 repeat-x 0 bottom;
		border-left:1px solid #FCFCFC;
		border-right:1px solid #DDDDDD;
		border-top:1px solid #ECECEC;
		padding:4px 3px 2px;
	}

	table.worthingTable td, table.worthingTable-no-stripe td{
		font-size:8pt !important;
	}

	table.worthingTable td, table.worthingTable-no-stripe td{
		padding:3px 5px;
		border-bottom:#f5f5f5 1px solid
	}
	
	table.worthingTable ul, table.worthingTable-no-stripe ul{
		font-size:8pt !important;
		margin:0;
		padding-left:20px;
	}

	table.eventsTable caption{
	margin-top:1em;
	text-align:left;
	font-size:13pt;
	}
	
		
		/* Footer */
		
		#footer p{
		font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif !important;
		font-size:0.7em !important;
		font-weight:bold;
		
		color:#444;
		
		line-height:5em;
			
		text-align:center;
		}

		#googleSearchFrame{
		width:660px !important;
		}

		.Put-Image-On-Right{
		float:right;
		margin: 0.25em 0 0.25em 0.25em;
		}

		.Put-Image-On-Left{
		float:left;
		margin: 0.25em 0.25em 0.25em 0;
		}