
/***** global html *****/

* {
	margin:0;
	padding:0;
}
body {
	background-color:#202020;
	text-align:center;
	font-size:70%;
}
body, td, li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
}
input, select, textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.95em;
	color:#333333;
}
table, tr, td {
	border-collapse:collapse;
	padding:0;
	border:0px none;
}
img {
	display:block;
	border:0px none;
}
h1 {
	font-family:Frutiger, Verdana, Arial, Helvetica, sans-serif;
	font-size:1.7em;
	color:#333333;
	font-weight:normal;
	margin:1em 0 1.3em 0;
}
h2 {
	font-size:1.3em;
	color:#333333;
	font-weight:bold;
	margin:0 0 0.5em 0;
}
h3, .h3 {
	font-size:1em;
	line-height:1em;
	color:#333333;
	font-weight:bold;
	text-transform:uppercase;
	margin:0 0 0.4em 0;
	clear:left;
}
h4, .h4 {
	font-size:1em;
	color:#333333;
	font-weight:normal;
	text-transform:uppercase;
	margin:0 0 0.4em 0;
	clear:left;
}
h5, .h5 {
	font-size:1em;
	color:#333333;
	font-weight:bold;
	margin:0 0 0.4em 0;
	clear:left;
}
h1.title, h2.title, h3.title, h4.title, h5.title {
	font-style:italic;
}

/*h2 + h3 {margin-top:1.6em;} /*This isn't supported in IE... so... we have to label every h3 that follows an h2 instead :D */

h3.below_h2 {margin-top:1.6em;}

p {
	line-height:1.6em;
	margin:0 0 1.6em 0;
}
ul, ol {
}
li {
}
a, a:visited {
	color:#cc3333;
	text-decoration:none;
	outline:none;
}
a:hover, a:active {
	text-decoration:underline;
	outline:none;
}
a.toplink {
	display:block;
	margin-bottom:7px;
}

b, strong {
	font-weight:bold;
}
i, em {
	font-style:italic;
}
.underline {
	text-decoration:underline;
}
.small {
	font-size:0.9em;
	line-height:1.4em;
}
.red {
	color: #cc3333;
}
p.small {
	margin:0 0 1.4em 0;
}
.indent {
	margin-left:18px;
}

.clear {
	clear:both;
}
div.clear {
	height:0px;
	overflow:hidden;
}
img.border {
	border:2px double #f6dc84;
}
img.inline {
	display:inline;
}
a.thumbnail img {
	border:3px solid #f6dc84;
	float:left;
	clear:left;
	margin-right:18px;
	height:54px;
	width:54px;
}
img.inset_left {
	border:3px solid #f6dc84;
	float:left;
	display:inline;
	margin:0.4em 0.5em 0 0;
}
img.inset_right {
	border:3px solid #f6dc84;
	float:right;
	display:inline;
	margin:0.4em 0 0 0.5em;
}
img.photo, a.photo img {
	border:4px solid #f6dc84;
	float:left;
	clear:left;
	display:inline;
	margin:0 18px 0.8em 0;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}

.validationMessage {
	font-weight:bold;
	color:#cc3333;
}
	.validationMessage li {
		color:#cc3333;
	}
	.validationMessage a {
		color:#333333;
	}
	.validationMessage a:visited {
		color:#333333;
	}

div.hr {
	clear:both;
	height:2px;
	overflow:hidden;
	margin:0 0 1.6em 0;
	background:url(../_img/hr.gif) repeat-x;
}

div.hr_stars {
	clear:both;
	height:14px;
	overflow:hidden;
	margin:0 0 1.6em 0;
	background:url(../_img/hr_stars_bg.gif) repeat-x center;
	text-align:center;
}
div.hr_stars img {
	display:inline;
}

select.selectbox_wide {
	width:240px;
}
select option {
	padding:0 0 0 0.4em;		/* fixes Firefox bug with small select boxes */
}
textarea.textarea {
	width:360px;
	height:100px;
	margin:0.6em 0 1.6em 0;
}
input.radiobutton {
	margin:0 6px 0 0;
	width:13px;
	height:13px;
}
input.textbox_short {
	width:5em;
}
input.textbox_long {
	width:320px;
}
.maxwidth{
	width:auto;
	max-width:436px;
}


/***** /global html *****/


/***** layout and unique css *****/

/** general layout **/

div#wrapper {
	margin:0 auto;
	text-align:left;
	width:742px;
}

div#contentborder {
	padding:7px;
	width:728px;
	background:url(../_img/homepage/bg_homepage.gif) no-repeat left bottom #f9ebb3;
}

div#to_top {
	width:464px;
	padding-top:2em;
	position:relative;
	bottom:0px;
	text-align:right;
	font-size:0.9em;
}

/** /general layout **/

/** header nav **/

ul#header {
	text-align:right;
	font-size:0.9em;
	line-height:1.4em;
	margin:20px 0 8px 0;
	padding:0;
	list-style-type:none;
}
	ul#header li {
		display:inline;
		color:#cccccc;
		margin:0;
		padding:0 0 0 20px;
	}
	ul#header li a, ul#header li a:hover, ul#header li a:visited, ul#header li a:visited:hover {
		color:#f6dc84;
	}

/** /header nav **/

/** footer nav **/

div#footer {
	font-size:0.9em;
	line-height:1.4em;
	color:#cccccc;
	margin:8px 0 20px 0;
}
	div#footer a, div#footer a:hover, div#footer a:visited, div#footer a:visited:hover {
		color:#f6dc84;
	}
	div#footer div.footer_left {
		float:left;
	}
		div#footer div.footer_left p {
			margin-bottom:1em;
		}
		div#footer div.footer_left img {
			display:inline;
			vertical-align:top;
			padding-right:2em;
		}
	div#footer div.footer_right {
		float:right;
		text-align:right;
	}
		div#footer div.footer_right span {
			margin-right:1em;
		}
		div#footer div.footer_right a {
			margin-left:2em;
		}
	
/** /footer nav **/

/** top nav **/

ul#topnav {
	width:728px;
	height:30px;
	list-style-type:none;
}
	ul#topnav li {
		float:left;
		height:30px;
		background:url(../_img/topnavseperator.gif) right no-repeat;
	}
		ul#topnav li a {
			display:block;
			height:30px;
			text-decoration:none;
		}
			ul#topnav li a span {
				display:block;
				position:absolute;
				left:-5001px;
		}

li#topnav_seasontickets {width:124px;}
li#topnav_seasontickets a {background:url(../_img/topnav/topnav_seasontickets.gif) no-repeat; width:122px;}
li#topnav_seasontickets a:hover, li#topnav_seasontickets.on a {background-position:0px -30px;}

li#topnav_classesworkshops {width:149px;}
li#topnav_classesworkshops a {background:url(../_img/topnav/topnav_classesworkshops.gif) no-repeat; width:147px;}
li#topnav_classesworkshops a:hover, li#topnav_classesworkshops.on a {background-position:0px -30px;}

li#topnav_forteachers {width:104px;}
li#topnav_forteachers a {background:url(../_img/topnav/topnav_forteachers.gif) no-repeat; width:102px;}
li#topnav_forteachers a:hover, li#topnav_forteachers.on a {background-position:0px -30px;}

li#topnav_supportsct {width:94px;}
li#topnav_supportsct a {background:url(../_img/topnav/topnav_supportsct.gif) no-repeat; width:92px;}
li#topnav_supportsct a:hover, li#topnav_supportsct.on a {background-position:0px -30px;}

li#topnav_birthdayparties {width:123px;}
li#topnav_birthdayparties a {background:url(../_img/topnav/topnav_birthdayparties.gif) no-repeat; width:121px;}
li#topnav_birthdayparties a:hover, li#topnav_birthdayparties.on a {background-position:0px -30px;}

li#topnav_news {width:57px;}
li#topnav_news a {background:url(../_img/topnav/topnav_news.gif) no-repeat; width:55px;}
li#topnav_news a:hover, li#topnav_news.on a {background-position:0px -30px;}

li#topnav_aboutus {width:77px;}
li#topnav_aboutus a {background:url(../_img/topnav/topnav_aboutus.gif) no-repeat; width:77px;}
li#topnav_aboutus a:hover, li#topnav_aboutus.on a {background-position:0px -30px;}

/** /top nav **/

/** banners **/

div#bannercontainer {
	clear:both;
	position:relative;
}
	div#bannercontainer div.banner {
		width:728px;
		height:147px;
	}
	div#bannercontainer a {
		display:block;
		position:relative;
		top:4px;
		left:10px;
		width:302px;
		height:48px;
	}
		div#bannercontainer a span {
			display:block;
			position:absolute;
			left:-5001px;
		}

div#banner_homepage {
	width:728px;
	height:265px;
	background:url(../_img/banner/BannerImage.aspx?sitearea=home) no-repeat;
	background-color:#000;
}
		div#bannercontainer div#banner_homepage a { /* for high school musical link */
			width:728px;
			height:230px;	
		}

div#banner_classesworkshops {
	background:url(../_img/banner/BannerImage.aspx?sitearea=classes) no-repeat;
}

div#banner_forteachers {
	background:url(../_img/banner/BannerImage.aspx?sitearea=teachers) no-repeat;
}

div#banner_supportsct {
	background:url(../_img/banner/BannerImage.aspx?sitearea=support) no-repeat;
}

div#banner_birthdayparties {
	background:url(../_img/banner/BannerImage.aspx?sitearea=birthday) no-repeat;
}

div#banner_news {
	background:url(../_img/banner/BannerImage.aspx?sitearea=news) no-repeat;
}

div#banner_aboutus {
	background:url(../_img/banner/BannerImage.aspx?sitearea=about) no-repeat;
}

div#banner_seasontickets {
	background:url(../_img/banner/BannerImage.aspx?sitearea=season) no-repeat;
}

div#banner_calendar {
	background:url(../_img/banner/BannerImage.aspx?sitearea=calendar) no-repeat;
}

div#banner_utility {
	background:url(../_img/banner/BannerImage.aspx?sitearea=account) no-repeat;
}

/** /banners **/

/** homepage layout & css (production info is separated) **/

div#homepage_colcontainer {
	width:100%;
	height:291px;
	color:#fdfdfc;
	overflow:hidden;
	position:relative;
	top:-40px;
	margin-bottom:-40px;
}
	div#homepage_colcontainer h2 {
		position:absolute;
		top:0px;
		left:-5001px;
		color:#fdfdfc;
	}
	div#homepage_colcontainer a, div#homepage_colcontainer a:visited {
		color:#fdfdfc;
	}
div#homepage_col1 {
	width:242px;
	height:291px;
	background:url(../_img/homepage/bg_col1_1011season.gif) no-repeat transparent;
	float:left;
}
	div#homepage_col1 div.hr {
		background-image:url(../_img/homepage/hr_col1.gif);
		margin:4px 0;
	}
	
div#homepage_col3_NextSeason {
	width:242px;
	height:291px;	
	background:url(../_img/homepage/bg_col3_1011season.gif) no-repeat transparent;
	float:left;
}
	div#homepage_col3_NextSeason div.hr {
		background-image:url(../_img/homepage/hr_col1.gif);
		margin:4px 0;
	}
	
div.nowplaying {
	background:url(../_img/homepage/bg_col2_nowplaying.gif) no-repeat transparent;
}
div.comingsoon {
	background:url(../_img/homepage/bg_col2_comingsoon.gif) no-repeat transparent;
}
div#homepage_col2 {
	width:242px;
	height:291px;
	float:left;
	margin-left:1px;
}
	div#homepage_col2 div.hr {
		background-image:url(../_img/homepage/hr_col2.gif);
		margin:4px 0;
	}

div.alsoonsale {
	background:url(../_img/homepage/bg_col3_alsoonsale.gif) no-repeat transparent;
}

div.thisseason {
	background:url(../_img/homepage/bg_col3_comingsoon.gif) no-repeat transparent;
}

div.watchfor {
	background:url(../_img/homepage/bg_col3_watchfor.gif) no-repeat transparent;
}


div#homepage_col3_NextSeason {
	width:242px;
	height:291px;
	float:left;
	margin-left:1px;
}
	div#homepage_col3_NextSeason div.hr {
		background-image:url(../_img/homepage/hr_col3.gif);
		margin:4px 0;
	}
	
div#homepage_col3 {
	width:242px;
	height:291px;
	float:left;
	margin-left:1px;
}
	div#homepage_col3 div.hr {
		background-image:url(../_img/homepage/hr_col3.gif);
		margin:4px 0;
	}
	
div.homepage_column_inner {
	margin:60px 18px 0 18px;
}

div#homepage_contentcontainer {
	overflow:hidden;
	padding:20px 0 0 0;
}
div#homepage_contentarea {
	width:476px;
	float:left;
	padding:0.8em 0;
}
	div#homepage_contentarea h2 {
		margin-bottom:1.2em;
	}
	div#homepage_contentarea h2, div#homepage_contentarea h3, div#homepage_contentarea p {
		margin-right:18px;
		margin-left:18px;
	}

div#homepage_rightcolumn {
	width:242px;
	min-height:200px;
	float:right;
	background:#f6dc84;
	margin-top:10px;
	padding-bottom:200px;
	margin-bottom:-200px;
}
	div#homepage_rightcolumn div#buttoncontainer {
		background:#f9ebb3;
	}
		div#homepage_rightcolumn div#buttoncontainer img {
			padding:0 0 5px 0;
		}
	div#homepage_rightcolumn div#linzone {
	}
		div#homepage_rightcolumn div.linzone a {
			display:block;
			padding:0.8em 15px;
			background:url(../_img/hr.gif) bottom repeat-x;
		}


/** /homepage layout & css **/

/** calendar & shopping cart layout **/

div#contentarea_wide {
	width:728px;
	position:relative;
	float:left;
}
	div#contentarea_wide div#hr_bottom {
		width:728px;
		position:relative;
		bottom:0px;
	}

/** /calendar & shopping cart layout **/

/** content layout **/

div#contentcontainer {
	background:url(../_img/bg_rightcol.jpg) right top repeat-y;
}
	div#contentarea_outer {
		width:478px;
		float:left;
	}
		div#contentarea_inner {
			width:442px;
			margin:0 auto;
		}

div#rightcolumn {
	width:242px;
	min-height:460px;
	float:right;
}

/** /content layout **/

/** sub nav **/

div#rightcolumn div#subnavcontainer {
	width:206px;
	min-height:16px;
	padding:15px 18px;
	background:url(../_img/bg_subnav.jpg) repeat-x #ebb40b;
}
	div#rightcolumn div#subnavcontainer h2 {
		position:absolute;
		top:0px;
		left:-5001px;
	}
	div#rightcolumn div#subnavcontainer ul#subnav {
		list-style-type:none;
		margin:0;
		padding:0;
	}
		ul#subnav li {
			margin:0;
			padding:4px 0 6px 0;
			background:url(../_img/hr_subnav.gif) bottom repeat-x;
		}
			ul#subnav li div {
				padding:3px 0;
			}
			ul#subnav li a, ul#subnav li a:visited {
				padding:0 10px 0 6px;
				color:#ffffff;
			}
			ul#subnav li a.arrow {
				background:url(../_img/subnavarrow.gif) right no-repeat;
			}
			ul#subnav li.in div {
				background-color:#d4a40f;
			}

				ul#subnav ul.subsubnav {
					list-style-type:none;
					margin:10px 0 20px 0;
				}
				ul#subnav ul.subsubnav li {
					padding:2px 0;
					background:none;
				}
				ul#subnav ul.subsubnav li.in {
					background-color:#d4a40f;
				}
					ul#subnav ul.subsubnav li a, ul#subnav ul.subsubnav li a:visited {
						padding:0 0 0 18px;
					}

/** /sub nav **/

/** right col css **/

div#rightcolumn div#infosection {
	width:206px;
	margin-top:1.7em;
	padding:0 18px 2em;
	font-size:0.9em;
}
	div#rightcolumn div#infosection div#calloutsection {
		padding: 3em 0 0 0;
		height: 85px;
		background:url(../_img/man.gif) no-repeat right top;
	} 
	div#rightcolumn div#infosection div.calloutbucket {
		background:url(../_img/stars_rightcol.gif) no-repeat right top;
	}
	div#rightcolumn div#infosection div.calloutbucket p {
		line-height:1.4em;
	}
	div#rightcolumn div#infosection div.calloutbucket p#address {
		margin-bottom:1em;
	}
	div#rightcolumn div#infosection h2 {
		text-transform:none;
	}
	div#rightcolumn div#infosection div.hr {
		margin:0 0 24px 0;
		background:url(../_img/hr_rightcol.gif) repeat-x;
	}
	div#infosection ul.productionlist {
		margin:3em 0;
		padding:0;
		background:url(../_img/birds.gif) no-repeat right top;
	}
		div#infosection ul.productionlist li {
			margin:0;
			padding:0 0 0.8em 0;
		}
			div#infosection ul.productionlist li h3 {
				margin-bottom:1em;
			}
	div#rightcolumn div#infosection div.searchbox {
		clear:both;
		margin:0 0 24px 0;
	}
		div#rightcolumn div#infosection div.searchbox select {
			width:160px;
			margin:4px 2px 0 0;
		}
		div#rightcolumn div#infosection div.searchbox input.inputbutton {
			vertical-align:bottom;
		}

/** /right col css **/

/** /content css **/

div#contentarea_inner ul, div#homepage_contentarea ul {
	clear:both;
	margin:0 0 1.6em 0;
}
div#contentarea_inner ol, div#homepage_contentarea ol {
	clear:both;
	margin:0 0 1.6em 0;
}
	div#contentarea_inner ul li, div#homepage_contentarea ul li {
		line-height:1.6em;
		margin:0 0 0 1.8em;
	}
	div#contentarea_inner ol li, div#homepage_contentarea ol li {
		line-height:1.6em;
		margin:0 0 0 2em;
	}
	div#contentarea_inner li.listheader, div#homepage_contentarea li.listheader {
		list-style-type:none;
		margin:0;
		font-weight:bold;
	}
	div#contentarea_inner li.listfooter, div#homepage_contentarea li.listfooter {
		list-style-type:none;
		font-style:italic;
	}

table.formtable {
	margin:0 0 1em 0;
}
	table.formtable td {
		vertical-align:top;
		padding:0 12px 6px 0;
	}
	table.formtable td.th {
		vertical-align:bottom;
		font-weight:bold;
	}
	table.formtable td.radiobuttonlist {
	}
		table.formtable td.radiobuttonlist input {
			width:13px;
			height:13px;
		}
		table.formtable td.radiobuttonlist label {
			margin-left:6px;
		}

table.radiobuttontable {
	margin:0 0 1em 0;
}
	table.radiobuttontable td {
		padding-bottom:6px;
	}
		table.radiobuttontable td table {
			margin-left:2.75em;	
		}
		table.radiobuttontable input {
			width:13px;
			height:13px;
			vertical-align:middle;
		}
		table.radiobuttontable input.textbox {
			width:10em;	
		}
		table.radiobuttontable label {
			margin-left:6px;
			vertical-align:middle;
		}
			table.radiobuttontable label span {
				font-size:7pt;
			}

table.innerformtable {
	margin:.6em 0 1.6em 0;
}
	table.innerformtable td {
		padding-right:6px;
	}
		table.innerformtable td input {
			vertical-align:-2px;
			margin-right:6px;
		}

div#contentarea_inner ul.spacedlist {
	list-style-type:none;
	margin-left:-1.75em;
}
div#contentarea_inner ul.spacedlist li {
	margin-bottom:1em;
}

div#contentborder ul.formlist {
	list-style-type:none;
	margin:0 0 1.6em 0;
	padding:0;
}
	div#contentborder ul.formlist li {
		margin:0;
		padding:0 0 0.6em 0;
	}
		div#contentborder ul.formlist li label {
			float:left;
			width:124px;
			white-space:nowrap;
			margin-right:0.4em;
		}
		div#contentborder ul.formlist li label.autowidth {
			width:auto;
			margin-right:0.5em;
		}
		div#contentborder ul.formlist li label.nofloat {
			float:none;
		}
		div#contentborder ul.class_search li label {
			width: 6em;
		}
			div#contentborder ul.formlist li input {
				width:180px;
				margin:0 0 2px 0;
			}
			div#contentborder ul.formlist li select {
				margin:0 0 2px 0;
			}
		div#contentborder ul.formlist li span.small {
			color:#555;
			position:relative;
			bottom:3px;
		}
	div#contentborder ul.formlist li table.innerformtable {
		width:auto;
		display:inline;
		margin:0;
	}
		div#contentborder ul.formlist li table.innerformtable td {
			padding-right:6px;
		}
		div#contentborder ul.formlist li table.innerformtable td label {
			float:none;
			width:auto;
		}
		div#contentborder ul.formlist li table.innerformtable td input {
			width:auto;
			vertical-align:-2px;
			margin:0 6px 0 0;
		}

div#contentborder ul.infolist {
	list-style-type:none;
	margin:0 0 1.6em 1em;
	padding:0;
}
	div#contentborder ul.infolist li {
		clear:left;	
		margin:0;
		padding:0 0 0.2em 0;
	}
		div#contentborder ul.infolist li label {
			float:left;
			width:6em;
			white-space:nowrap;
		}
		div#contentborder ul.infolist li span.info {
			float:left;
			padding-left:0.5em;
		}

div#contentborder ul.classlist li label {
	width:174px;
}

div#contentborder ul.linkslist {
	list-style-type:none;
}
	div#contentborder ul.linkslist li {
		list-style-type:none;
		margin:0;
		padding:0;
	}

ul.productionlist {list-style-type:none;}
		
div#contentarea_inner ul#photo_credits {
	list-style:none;
	font-size:0.9em;
	margin-bottom:0;
}
	div#contentarea_inner ul#photo_credits li {
		margin:1em 0 0;
	}

p.formelement {
}
p.formelement input[type=checkbox], p.formelement input[type=radio] {
	width:13px;
	height:13px;
	vertical-align:-2px;
	margin-right:6px;
}
p.formelement span.examples {
	display:block;
	position:relative;
	bottom:1.75em;
	left:20em;
	font-size:7pt;
	line-height:normal;
	margin-bottom:0;
}

div.buttonarea {
	clear:both;
	margin-bottom:1.6em;
	padding:0;
}
	div.buttonarea img {
		display:inline;
		margin-right:12px;
		vertical-align:middle;
	}
	div.buttonarea input.inputbutton {
		margin-right:12px;
		vertical-align:top;
	}

div.infobox_lower {
	clear:both;
	float:left;
	display:inline;
	margin:0 0 1.6em 0;
	padding:0 0 4px 0;
	background:url(../_img/hr.gif) bottom repeat-x;
}
div.infobox_upper {
	padding:3px 0 0 0;
	background:url(../_img/hr.gif) top repeat-x;
}
div.infobox_inner {
	font-size:0.9em;
	line-height:1.4em;
	padding:12px 30px 12px 12px;
	background:url(../_img/stars.gif) right top no-repeat #f6dc84;
}


/** /content css **/


/** account - login **/

div#contentborder ul#login_form li label {width:6em;}
p#subnav_utility strong {color:#555;}

/** /account - login **/

/** Season + Tickets - Plays **/

div.nowplayinginfo {
	float: left;
	clear: right;
}
	div.nowplayinginfo p {
		width: 363px;
		float: left;
	}

/** /Season + Tickets - Plays **/

/** browse - production **/

div.productionbanner_container {
	position:relative;
	width:442px;
	height:158px;
	margin:0 0 12px 0;
	background-color:#f6dc84;
}
	div.productionbanner_container img {
		position:absolute;
		left:-18px;
	}

h1#prod_name {margin-bottom:0em;}

div#production_credits {
	line-height:1.5em;
	margin-bottom:1em;
}

div#contentarea_inner ul.productioninfo {
	list-style:none;
}
	div#contentarea_inner ul.productioninfo li {
		margin-left:0;
		line-height:1.5em;
	}
div#contentarea_inner div#synopsis {
	margin-bottom:2em;
	line-height:1.5em;
}

/** /browse - production **/

/** production info : homepage **/

div#homepage_col1 ul.productionlist {}
	div#homepage_col1 ul.productionlist li {
		margin:0 0 5px 0;
		padding:0 0 7px 0;
		background:url(../_img/homepage/hr_col1.gif) bottom repeat-x;
	}
	
div#homepage_col3_NextSeason ul.productionlist {}
	div#homepage_col3_NextSeason ul.productionlist li {
		margin:0 0 5px 0;
		padding:0 0 7px 0;
		background:url(../_img/homepage/hr_col3.gif) bottom repeat-x;
	}


div.productionbox {
	margin:0 0 12px 0;
	padding:0 0 8px 0;
}
div#homepage_col2 div.productionbox {
	background:url(../_img/homepage/hr_col2.gif) bottom repeat-x;
}
div#homepage_col3 div.productionbox {
	background:url(../_img/homepage/hr_col3.gif) bottom repeat-x;
}

a.productionimg img{
	padding:2px;
	width:54px;
	height:54px;
	float:left;
	margin:0 10px 12px 0;
}
div#homepage_col2 a.productionimg img {
	border-top:1px solid #6c96a7;
	border-right:1px solid #84acbd;
	border-bottom:1px solid #95b7c6;
	border-left:1px solid #6f9aac;
}
div#homepage_col3 a.productionimg img {
	border-top:1px solid #8aa25e;
	border-right:1px solid #a1b877;
	border-bottom:1px solid #adc189;
	border-left:1px solid #8ea661;
}
div.productioninfo {
	font-size:0.9em;
	line-height:1.4em;
	margin:0 0 8px 0;
}
div.productionbuttons {
	clear:both;
}
	div.productionbuttons img 
	{
		display: inline;
	}

/** /production info : homepage **/

/** production info : browse overview **/

div.headerimg_container {
	position:relative;
	width:442px;
	height:47px;
	margin:0 0 20px 0;
}
	div.headerimg_container img.headerimg {
		position:absolute;
		top:-7px;
		left:-18px;
	}

div#nowplaying {
	float: left;
}

	div#nowplaying img.inset_left {
		margin-bottom:20px;
	}

	div#nowplaying ul.productionlist {
		clear: right;
		margin:0.5em 0 0 0.5em;
		padding:0;
	}
		div#nowplaying ul.productionlist li {
			margin:0;
			padding:0;
		}
			div#nowplaying ul.productionlist li h3 {
				clear:none;
			}
	div#nowplaying a.inputbutton {
		display: block;
		width: 99px;
		height: 16px;
		background-color: Blue;
		margin: 1em 0.5em 1em 0;
		float: left;
	}
		div#nowplaying a.inputbutton img {
			display: block;
		}

div#alsoonsale {
}

	div#alsoonsale h2 {
		margin-bottom:1.2em;
	}

	div#alsoonsale ul.productionlist {
		margin-bottom:1.6em;
		padding:0;
	}
		div#alsoonsale ul.productionlist li {
			margin:0;
			padding:0;
		}


/** /production info : browse overview **/

/** calendar & shopping cart css **/

div#contentarea_wide h1 {
	margin:1em 18px 1.3em 18px;
}

div#contentarea_wide h2 {
	margin:0 18px 0.5em 18px;
}

div#contentarea_wide h3, div#contentarea_wide h4 {
	margin:0 18px 0.4em 18px;
}

div#contentarea_wide p {
	margin:0 18px 1.6em 18px;
}

div#contentarea_wide div.buttonarea {
	margin-right:18px;
	margin-left:18px;
}

div#contentarea_wide table.shoppingcart h3, div#contentarea_wide table.shoppingcart h4, div#contentarea_wide table.shoppingcart p {
	margin-right:0;
	margin-left:0;
}

div#contentarea_wide table.shoppingcart tr.drama_school_subtotal td {
	border-top:1px dashed #999;
	padding-bottom:2em;
}
div#contentarea_wide table.shoppingcart tr.drama_school_subtotal td.title {
	font-weight:bold;
}

div#contentarea_wide div.helpbox {
	float:right;
	width:242px;
	font-size:0.9em;
	padding:1.7em 0 0 0;
	background-color:#f6dc84;
}
	div#contentarea_wide div.helpbox p {
		margin-bottom:1em;
	}

div.calendarnav {
	margin:0 0 24px 0;
	padding:0 18px;
}
	div.calendarnav select {
		margin:0 4px 0 0;
	}
	div.calendarnav input.inputbutton {
		vertical-align:top;
	}
	div.calendarnav div.calendarnavlinks {
		float:right;
	}
	div.calendarnav div.calendarnavlinks span {
		margin-left:12px;
	}

table.calendar {
	width:728px;
	margin:0 0 1.6em 0;
	background-color:#ffffff;
}
	table.calendar td {
		vertical-align:top;
		padding:4px;
		border:1px solid #78a6b8;
		height:50px;
	}
		table.calendar input.inputbutton {
			margin:0 0 0.8em 0;
		}
	table.calendar tr.calendarheader td {
		width:104px;
		height:19px;
		padding:0;
		border:0px none;
		text-align:center;
		vertical-align:middle;
		color:#fbfbfb;
		background:url(../_img/bg_smheaderbar.gif) top repeat-x #77a5b7;
	}
	div#contentarea_wide table.calendar p {
		line-height:1.4em;
		margin:0 0 0.2em 0;
	}


table.shoppingcartinner {
	text-align:right;
}
	table.shoppingcartinner th {
		font-weight:normal;
		text-transform:uppercase;
	}
	table.shoppingcartinner td {
		vertical-align:top;
		padding:6px 6px 6px 0;
	}
table.shoppingcart {
	width:728px;
	margin:0 0 1.6em 0;
}
	table.shoppingcart td {
		vertical-align:top;
		padding:6px 6px 6px 0;
	}
	table.shoppingcart tr.headerbar td {
		height:23px;
		vertical-align:middle;
		padding:0px;
		color:#fbfbfb;
		font-weight:bold;
		text-transform:uppercase;
		background:url(../_img/bg_headerbar.gif) top repeat-x #77a5b7;
	}
	table.shoppingcart tr.headerbar td.title, table.shoppingcart td.title {
		width:200px;
		padding-left:18px;
	}
	table.shoppingcart tr.headerbar td.desc, table.shoppingcart td.desc {
		width:130px;
	}
	table.shoppingcart tr.headerbar td.qty, table.shoppingcart td.qty, table.shoppingcartinner td.qty {
		width:130px;
		padding-right:0;
	}
	table.shoppingcart tr.headerbar td.price, table.shoppingcart td.price, table.shoppingcartinner td.price {
		width:100px;
		text-align:right;
		padding-right:0;
	}
	table.shoppingcart tr.headerbar td.total, table.shoppingcart td.total, table.shoppingcartinner td.total {
		width:100px;
		text-align:right;
		padding-right:0;
	}
	table.shoppingcart tr.headerbar td.remove, table.shoppingcart td.remove {
		width:68px;
		padding-right:18px;
		text-align:right;
	}
	table.shoppingcart tr.donate td {
		padding-left:18px;
	}
		table.shoppingcart tr.donate span {
			position:relative;
			top:-3px;
		}
		
	table.shoppingcart td.shoppingcartinner_container {
		padding:0;
	}
	table.shoppingcart td.divider {
		height:2px;
		padding:0;
		background:url(../_img/hr.gif) repeat-x;
	}
	table.shoppingcart ul {
		list-style:none;
	}

div#contentarea_wide ul.paymentinfolist {
	list-style-type:none;
	margin:0 0 1em 18px;
	padding:0;
}
	div#contentarea_wide ul.paymentinfolist li {
		margin:0;
		padding:0 0 0.6em 0;
	}
		div#contentarea_wide ul.paymentinfolist li label {
			float:left;
			width:136px;
		}
			div#contentarea_wide ul.paymentinfolist li input {
				width:180px;
				margin:0 2px 2px 0;
			}
			div#contentarea_wide ul.paymentinfolist li input.textbox_short {
				width:60px;
			}
			div#contentarea_wide ul.paymentinfolist li select {
				margin:0 2px 2px 0;
			}
			div#contentarea_wide ul.paymentinfolist li select option {
				padding:0 0.5em 0 0;		/* fixes Firefox bug with small select boxes */
			}

div#contentarea_wide ul.shoppingcarttotals {
	list-style-type:none;
	margin:0 78px 1.6em 18px;
	padding:0;
}
	div#contentarea_wide ul.shoppingcarttotals li {
		text-align:right;
		margin:0 0 0 0;
		padding:0 0 0.6em 0;
	}
		div#contentarea_wide ul.shoppingcarttotals li label {
			width:540px;
			float:left;
			text-align:right;
			text-transform:uppercase;
			margin:0 0 0 0;
		}
		div#contentarea_wide ul.shoppingcarttotals li.total {
			font-weight:bold;
		}

div.radiobutton_container {
	margin:0 0 1.6em 0;
	position:relative;

}
	div.radiobutton_container input {
		position:absolute;
		top:0px;
		left:0px;
		width:13px;
		height:13px;
	}
	div.radiobutton_container p {
		margin-left:2em;
	}


/** /calendar & shopping cart css **/


/** groups - reserve **/

div#template_pnl_OtherPrice table.prices,
div#template_pnl_HSMProd table.prices {
	margin-bottom:1em;
}
	div#template_pnl_OtherPrice table.prices th,
	div#template_pnl_HSMProd table.prices th {
		padding: 0 8px;
	}
	
	div#template_pnl_OtherPrice table.prices td,
	div#template_pnl_HSMProd table.prices td
	{
		padding: 0 8px;
	}

/** /groups - reserve **/


/** groups - confirm **/

h3.confirmsection {	
}

div#contentarea_inner ul.confirmlist {
	margin-left:2em;
	margin-bottom:3em;
	list-style:none;
}
	div#contentarea_inner ul.confirmlist li {
		clear:both;
		margin:0;
		padding:0;
	}
		div#contentarea_inner ul.confirmlist li span.label {
			display:block;
			width:11.5em;
			float:left;
			margin-right:.5em;
		}
		div#contentarea_inner ul.confirmlist li span.data {
			display:block;
			width: 22em;
			float:left;
			font-weight:bold;
		}

div#contentarea_inner ul#preferred_showtimes {
	list-style:none;
	margin-left:11.5em;
	margin-bottom:-1em;
	padding-left:0.5em;
	position:relative;
	top:-1.5em;
	font-weight:bold;
}

p.confirmparagraph {
	margin-left:2em;
	font-weight:bold;
}

/** /groups - confirm **/


/** classes **/
a.location {
	position:relative;
	text-decoration:none;
}

a.location:hover {
	background-color:transparent;
	text-decoration:none;
	cursor:text;
}

a.location span {
	display:none;
	position:absolute;
	top:2em;
	left:2em;
	width:15em;
	border:1px solid #ebb40b;
	background-color:#ebb40b;
	color:#fff;
	text-align:center;
	text-decoration:none;
}

a.location:hover span {
	display:block;
}

table.classdetail {
	width:100%;
	margin:0 0 1.6em 0;
}
	table.classdetail td {
		vertical-align:top;
		padding:6px 8px 6px 4px;
	}
	table.classdetail tr.headerbar td {
		height:23px;
		vertical-align:middle;
		padding:0 0 0 4px;
		color:#fbfbfb;
		font-weight:bold;
		text-transform:uppercase;
		background:url(../_img/bg_headerbar.gif) repeat-x top #77a5b7;
	}
	table.classdetail td.regbutton {
		width:99px;
		padding:6px 4px;
	}
	table.classdetail td.divider {
		height:2px;
		padding:0;
		background:url(../_img/hr.gif) repeat-x;
	}


/** /classes **/

/** classes - sct drama school - registration **/
div#contentborder ul.infolist span#template_lbl_Location {
	float:left;
}
div#contentborder ul.formlist label.float_none {
	float:none;
}
div.infolist {
	margin: 0 0 1em 1em;
	padding: 0;
}
	div.infolist span.label {
		display: block;
		float: left;
		width: 8em;
		margin: 0.5em 0 0 0;
		clear: left;
	}
	div.infolist span.info {
		display: block;
		float: left;
		margin: 0.5em 0 0 0;
		clear: right;
	}

div.add_pairing {
	margin: 0 0 1em 0;
	padding: 0;
	clear: left;
}
	div.add_pairing input {}
	div.add_pairing label {margin-left: 0.5em;}
/** /classes - sct drama school - registration **/

/** classes - sct drama school - financial aid **/

p#financial_assistance {
	float:left;
	width:100%;
	margin-bottom:.75em;
}

/** /classes - sct drama school - financial aid **/

/** subscriptions **/

div#subs_renew {
	float:left;
	width:200px;
	padding-right:20px;
	border-right:1px solid #78a6b8;
}
div#subs_new {
	float:left;
	width:200px;
	padding-left:20px;
}

div#contentborder ul.tabs {
	list-style-type:none;
	margin:0 0 1.6em 0;
}
	div#contentborder ul.tabs li {
		float:left;
		margin:0;
		padding:0 3px 0 0;
	}
	div#contentborder ul.tabs li.last {
		padding:0;
	}

div.selectpackage {
	width:205px;
	float:left;
	margin:0 10px 1em 0;
	padding:5px;
	position:relative;
}
div.selectpackage_alt {
	width:205px;
	float:left;
	margin:0 0 1em 0;
	padding:5px;
	position:relative;
}
	div.selectpackage input, div.selectpackage_alt input {
		position:absolute;
		top:5px;
		left:5px;
		width:13px;
		height:13px;
	}
	div.selectpackage label, div.selectpackage_alt label {
		display:block;
		margin-left:2em;
	}
	div.selectpackage a, div.selectpackage_alt a {
		margin-left:2em;
	}

div.infobox_subsselection_lower {
	margin:0 0 1.6em 0;
	padding:0 0 4px 0;
	background:url(../_img/hr.gif) bottom repeat-x;
}
div.infobox_subsselection_upper {
	padding:3px 0 0 0;
	background:url(../_img/hr.gif) top repeat-x;
}
div.infobox_subsselection_inner {
	line-height:1.4em;
	padding:12px;
	background-color:#f6dc84;
}
	div.infobox_subsselection_inner table {
	}
		div.infobox_subsselection_inner table td {
			vertical-align:top;
			padding:0 0 0.2em 0;
		}
		div.infobox_subsselection_inner label {
			float:left;
			width:145px;
			font-weight:bold;
			text-transform:uppercase;
		}
		div.infobox_subsselection_inner table tr.last td {
			padding-top:1em;
		}

div.addsingletickets {
	margin-bottom:1.6em;
}
	div.addsingletickets input.inputbutton {
		vertical-align:top;
	}

/** /subscriptions **/

/** plan your visit **/
div#affiliate_links {
	text-align:center;
}
div#affiliate_links img {
	display:inline;
	margin-top:3em;
}
div#affiliate_links a {
	display:inline;
}
/** /plan your visit **/

/** ticket search **/

div#fromCalDiv, div#toCalDiv {
	position:absolute;
	visibility:hidden;
	background-color:#ffffff;
}

img.calendar {
	display:inline;
	margin-left:6px;
}

table.selectperfdate {
	margin:0 0 1.6em;
	border:0px none;
	width:100%;
}
	table.selectperfdate tr.alt {
		background-color:#f7e39b;
	}
	table.selectperfdate td {
		height:22px;
		padding:0 6px;
		border:0px none;
	}
	table.selectperfdate td.first {
		width:16px;
	}
		table.selectperfdate input {
			width:16px;
		}
		table.selectperfdate label {
			margin-left:0.27em;
			position:relative;
			bottom:2px;
		}

div.infobox_selectdate_lower {
	margin:0 0 1.6em 0;
	padding:0 0 4px 0;
	background:url(../_img/hr.gif) bottom repeat-x;
}
div.infobox_selectdate_upper {
	padding:3px 0 0 0;
	background:url(../_img/hr.gif) top repeat-x;
}
div.infobox_selectdate_inner {
	line-height:1.4em;
	padding:12px 27px 12px 12px;
	background:url(../_img/stars.gif) right top no-repeat #f6dc84;
}

/** /ticket search **/

/** support sct - donate online **/

input#template_txt_Name {margin-top:0.5em;}

/** /support sct - donate online **/

/** support sct - where your money goes **/

div.sct_division {margin-bottom:0.5em;}
div.sct_division img {border:none;}

/** /support sct - where your money goes **/

/** support sct - donor benefits **/

div#contentarea_inner ul.donor_level li.joinbutton {
	list-style:none;
	margin-left:0;
	padding-top:0.5em;
	padding-left:2em;
}
	div#contentarea_inner ul.donor_level li.joinbutton a {
		display:block;
		width:127px;
	}

/** /support sct - donor benefits **/

/** news - reviews **/

div#contentarea_inner ul.reviewslist {list-style:none;}
div#contentarea_inner ul.reviewslist li {margin:0;}
div#contentarea_inner ul.reviewslist ul {margin-left:1.8em;}

/** news - photos **/

input#template_ib_Submit {position:relative;top:3px;}
div.photoarea {
	width:100%;
	margin:1em 0 1.4em 0;
	padding:0 0 1.4em 0;
	background:url(../_img/hr.gif) repeat-x bottom;
	font-size:0.9em;
	line-height:1.4em;
}

/** /news - photos **/

/** about us - company history - awards **/

strong.underline {
	text-decoration:underline;
}

/** about us - company history - awards **/

/** about us - sct team - board of trustees **/

img.president {
	float:none;
}
span.photocaption {
	font-style:italic;
	font-size:0.9em;
	display:block;
	margin:-0.8em 0 2em 3.5em;
}

/** /about us - sct team - board of trustees **/

/** about us - sct team - affiliate artists **/

div#artists {
	margin-top:2em;
	padding-left:2em;
}

/** /about us - sct team - affiliate artists **/

/** about us - contact us **/

div.left_col {float:left; width:60%;}
div.right_col {float:left; width:39%;}

/** about us - contact us **/

/** site map **/

div#contentborder ul.sitemap {
	list-style-type:none;
	margin:0;
	padding:0;
}
	div#contentborder ul.sitemap li {
		list-style-type:none;
		margin:0;
		padding:0 0 0.8em 0;
		font-weight:bold;
	}
		div#contentborder ul.sitemap li ul {
			list-style-type:disc;
			margin:0 0 0 1.6em;
			padding:0;
		}
			div#contentborder ul.sitemap li ul li {
				list-style-type:disc;
				padding:0.4em 0 0 0;
				font-weight:normal;
			}
				div#contentborder ul.sitemap li ul li ul {
					list-style-type:circle;
					margin:0 0 0.0 1.6em;
					padding:0;
				}
					div#contentborder ul.sitemap li ul li ul li {
						list-style-type:circle;
						padding:0;
					}

/** /site map **/

/** checkout - payment **/

div#template_pnl_Roundup {
	margin-left:18px;
}
	div#template_pnl_Roundup h4 {
		margin-left:0px;
	}
	div#template_pnl_Roundup input {
		margin-top:5px;
	}

/** /checkout - payment **/

/** checkout - thankyou **/

a#printpage {
	float:right;
	margin-top:10px;
	margin-right:60px;
}

/** /checkout - thankyou **/

/** _include - edform **/

table.checkboxlist {
	margin-bottom:1em;
}
table.checkboxlist input {
	margin-right:0.5em;
}
table.checkboxlist td {
	padding-bottom:0.5em;
}

/** /_include - edform **/

/***** /layout and unique css *****/

