﻿@media screen and (min-width: 1200px) {
	html { zoom: 120%; }
		html.modal { zoom: 100%; }
}

@media screen and (max-width: 950px) {
	html:not(.modal) { zoom: 80%; }
}

html { font-size: 11px; font-family: Arial; }
h1 { font-size: 16px; }
h2 { font-size: 14px; margin-bottom: 0; margin-top: 1em;}
h3, h2 small { font-size: 12px; }
h4 { font-size: 11px; font-weight: bold; }
p { font-size: 11px; }
a { text-decoration: none; }
hr { color: #DEDEDE; background-color: #DEDEDE; border: 0; height: 1px; }
.content a { color: #006699; }
	.content a:hover { text-decoration: underline; }
.content .important { font-weight: bold; color: #ed7c03; }
b, strong { font-weight: bold; }

body { background: #DEDEDE; margin: 0; padding: 0; background-image: url('/images/main/bg.jpg'); background-position: center top; background-repeat: no-repeat; }
#background_grad { height: 455px; background: url('/images/main/grad_y_wide.png') top repeat-x; position: relative; }
#header { position: relative; height: 120px; margin: 0 auto; }
#shell { margin: -335px 0px 0px 0px; background: transparent; }
#main { position: relative; width: 939px; margin: 0px auto; background: transparent; }

/* Header logo and utility bar */
#logo { position: absolute; top: 8px; left: 71px; margin: -115px 0 0 0; }
.utility { position: absolute; top: 30px; right: 0; margin: -100px 0 0 0; text-align: center; }
	.utility .utility-bar { position: absolute; top: 0; right: 0; width: 800px; text-align: right; margin: -23px auto 0 auto; padding: 0 15px 0 0; color: #fff; }
		.utility .utility-bar a { color: #fff; border-left: 1px solid #fff; padding: 0 5px; }
			.utility .utility-bar a:hover { text-decoration: underline; }
			.utility .utility-bar a:first-child { border: 0; }
	.utility .donate-button { position: absolute; top: 0; right: 30px; }
#configEnvironment {
	position: absolute;
	top: -32px; left: 200px;
	-ms-opacity: .5;
	opacity: .5;
	background-color: rgb(217, 235, 245);
	padding: 4px 1ex;
	-ms-border-radius: 5px;
	border-radius: 5px;
}

/* global message */
#globalMessage { position: absolute; top: -85px; left: 260px; width: 230px; margin: 0 auto; padding: .5em; background-color: #fff; opacity: 0.9; filter: alpha(opacity=90); border: 1px solid #f04d23; color: #000; }

/* regular message */
.msg { border: 1px solid #ecce20; background-color: #faf5d7; padding: 10px; margin-bottom: 10px; }

/* Menus */
.menu { position: relative; z-index: 600; height: 25px; }
	.menu img.main-menu-bar { position: absolute; top: 0; left: 0; }

	.menu ul.topnav { height: 25px; overflow: visible; }
		.menu ul.topnav li.level1 { position: relative; display: inline; margin: 0 0 0 15px; padding: 0; float: left; }
			.menu ul.topnav li.level1:first-child { margin-left: 30px; }
			.menu ul.topnav li.level1 > a { display: block; height: 23px; padding: 0 7px; margin: 0 0 5px 0; color: #fff !important; font-size: 10px; line-height: 22px; font-family: Verdana; text-transform: uppercase; z-index: 610; border: 1px solid transparent; }
				.menu ul.topnav li.level1 > a.at { background-color: #151d23; color: #3fc7ec !important; }
			.menu ul.topnav li.level1 > img.glow { display: none; position: absolute; top: -20px; padding: 0; }

		.menu ul.topnav li.level1-search { position: absolute; right: 0px; top: 0px; font-family: arial; }
		.menu ul.topnav input.search-input { padding: 2px; width: 124px; border: #587F96 solid 1px; background: #fff; font-size: 10px; }
#search-button { border: 0; background-color: #12181E; color: #fff; font-size: 10px; height: 25px; padding: 0 7px; }

/* drop down list */
.menu ul.topnav li.level1 > ul { display: none; position: absolute; top: -1px; margin: 30px 0 0 0; left: 1px; padding: 5px; background: #141414; font-weight: normal !important; width: 160px; }

/* nested menus */
.menu ul.topnav li.level1 ul > li.level2 { display: block; position: relative; padding: 2px 0px 3px 0; border-top: 1px solid #666; line-height: 15px !important; margin: 0 6px 0 0; }
	.menu ul.topnav li.level1 ul > li.level2:first-child { border-top: 0; }
.menu ul.topnav li.level1 ul li#bottom { border-bottom: 0 !important; }
.menu ul.topnav li.level1 ul li.level2 > a { display: block; position: relative; padding: 1px 0 0px 5px; font-size: 11px; color: #FFFFFF; }
.menu ul.topnav li.level1 ul li.level2 > ul { position: relative; top: 0; padding: 0; background: transparent; font-weight: normal !important; }
.menu ul.topnav li.level1 ul li.level2 ul li.level3 { margin: 0 0 4px 17px; padding: 0 0 0 0; list-style-type: disc; line-height: 13px !important; color: #3fc7ec; }
	.menu ul.topnav li.level1 ul li.level2 ul li.level3:first-child { margin-top: 2px; }
	.menu ul.topnav li.level1 ul li.level2 ul li.level3 a { font-size: 11px; color: #3fc7ec; }
.menu ul.topnav li.level1 ul li.level2 a:hover { text-decoration: underline; }

/* Global Classes */
a.button, p.button a, input.button,
a.button-sm, p.button-sm a, input.button-sm {
	display: inline-block;
	-moz-min-width: 75px;
	-ms-min-width: 75px;
	-o-min-width: 75px;
	-webkit-min-width: 75px;
	min-width: 75px;

	border: 2px solid rgba(183, 183, 183, 100);
	background: #d5d5d5;
	-ms-border-radius: 3px;
	border-radius: 3px;
	padding: 0 .5em;
	background: #cccccc;
	background: -moz-linear-gradient(top,  #fefefe 0%, #cfcfcf 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#cfcfcf));
	background: -webkit-linear-gradient(top,  #fefefe 0%,#cfcfcf 100%);
	background: -o-linear-gradient(top,  #fefefe 0%,#cfcfcf 100%);
	background: -ms-linear-gradient(top,  #fefefe 0%,#cfcfcf 100%);
	background: linear-gradient(to bottom,  #fefefe 0%,#cfcfcf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#cfcfcf',GradientType=0 );

	font-size: 12px; line-height: 150%; color: #5089AF; text-transform: uppercase; text-align: center; cursor: pointer;
}

a.button-sm, p.button-sm a, input.button-sm {
	-moz-min-width: 75px;
	-ms-min-width: 75px;
	-o-min-width: 75px;
	-webkit-min-width: 75px;
	min-width: 75px; font-size: 9px;
}

a.button-lg, p.button-lg a, input.button-lg { display: block; width: 129px; height: 44px; background-image: url('/images/button_lg_notext.png'); background-repeat: no-repeat; font-size: 18px; line-height: 46px; color: #333; text-transform: uppercase; text-align: center; border: 0; cursor: pointer; background-color: transparent; }

a.button:hover, a.button-sm:hover, a.button-lg:hover,
	p.button a:hover, p.button-sm a:hover, p.button-lg a:hover { text-decoration: none; color: #ed7c03; }
input.button { border: 0; }
	a.button.buttonClicked, input.button.buttonClicked, button.button.buttonClicked, input.button-sm.buttonClicked { background: transparent; border: none; color: #666; width: auto; }
input.linkButton { display: inline; border: none; background: none; width: auto; height: auto; font-size: inherit; text-transform: none; color: #006699; text-align: inherit; cursor: pointer; background-color: transparent; padding: 3px; }
	input.linkButton:hover { text-decoration: underline !important; }
a.button.buttonDisable, input.button.buttonDisabled, button.button.buttonDisabled, input.button-sm.buttonDisabled { opacity: 0.7; filter: alpha(opacity=70); color: #999; cursor: default; }

a.cancel { margin: 15px; line-height: 275%; }

.right { float: right; }
.left { float: left; }
.center { text-align: center; }
.clear { clear: both; }
.hidden { display: none; }
.normal { font-weight: normal; }
.pad-bottom { padding-bottom: 10px; }
.required { font-weight: bold; }


.firstcolumn { float: left; width: 37%; border-right: 1px solid #eee; }
.secondcolumn { float: left; width: 38%; margin: 0 0 0 25px; }
	.firstcolumn h2, .secondcolumn h2 { margin-top: 0; }

.content .halfpagecolumn { float: left; width: 49%; }
	.content .halfpagecolumn:first-child { margin-right: 15px; }

.content .thirdpagecolumn { float: left; width: 31%; margin-left: 15px; }
	.content .thirdpagecolumn:first-child { margin-left: 0; }

/* Banner - All Pages */
.banner { position: relative; width: 939px; margin: 0 0 -8px 0; overflow: hidden; background-color: #094b6c; }

/* Banner - Home Page */
.home .banner { height: 278px; }
/* node arrows */
.banner a.node-previous { display: inline; position: absolute; left: 12px; margin-top: -17px; padding-top: 34px; top: 48%; width: 34px; height: 0; }
.banner a.node-next { display: inline; position: absolute; right: 12px; margin-top: -17px; padding-top: 34px; top: 48%; width: 34px; height: 0; }
.banner a.node-previous { overflow: hidden; background: url('/images/sprite.png') 0px 0px; opacity: 0; filter: alpha(opacity=0); }
.banner a.node-next { overflow: hidden; background: url('/images/sprite.png') -34px 0; opacity: 0; filter: alpha(opacity=0); }
/* on hover */
.banner:hover a.node-previous { opacity: 1; filter: alpha(opacity=100); }
.banner:hover a.node-next { opacity: 1; filter: alpha(opacity=100); }
.banner a.node-previous:hover { background: url('/images/sprite.png') 0 -34px; }
.banner a.node-next:hover { background: url('/images/sprite.png') -34px -34px; }
/* banner images */
.banner img { width: 939px; }
.banner .banner-images { width: 939px; height: 254px; position: absolute; top: 0; left: 0; overflow: hidden; }
	.banner .banner-images a { display: none; position: absolute; top: 0; left: 0; }
		/* display inline for slider */
		.banner .banner-images a:first-child { display: block; }
/*bottom control*/
.banner .banner-bottom { position: absolute; top: 254px; width: 939px; height: 24px; left: 0; margin: 0; background: url('/images/slider_grad.png') repeat-x; text-align: center; }
	.banner .banner-bottom > span { display: table; margin: 0 auto; }
	.banner .banner-bottom span > a { display: inline; }
		.banner .banner-bottom span > a img { display: inline; height: 9px; width: 9px; padding: 9px 2px; }

/* Home Page Content*/
.content-home-page { background: transparent; margin: 35px 0 0 0;position: relative;}
	.content-home-page h3 { padding: 8px 0 3px 0; }

	.content-home-page .left-nav-main { display: inline-block; float: left; display: inline-block; background: #fff; width: 610px;  
										border-left: 1px solid #C4C4C4; border-right: 1px solid #C4C4C4; border-bottom: 1px solid #C4C4C4; }
		.content-home-page .left-nav-main table p { font-size: 13px; }

		.content-home-page .left-nav-main table { width: 590px; margin: 0 10px 10px 10px; }
			.content-home-page .left-nav-main table:first-child { margin-top: 10px; }

			.content-home-page .left-nav-main table th { border: 1px solid #eee; border-left: 0; width: 5%; padding: 0 15px 0 10px; vertical-align: top; }
				.content-home-page .left-nav-main table th:first-child { border-right: 0; border-left: 1px solid #eee; }

			.content-home-page .left-nav-main table td { border: 1px solid #eee; border-left: 0; border-right: 0; }
				.content-home-page .left-nav-main table td.rowbreak { border: 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }

	.content-home-page h2 { text-transform: uppercase; margin-bottom: -5px; }
		.content-home-page h2.shows { color: #00abbd; }
		.content-home-page h2.education { color: #f99e43; }
		.content-home-page h2.news { color: #f04d23; }

	/* Twitter Feed */
	.content-home-page #feed-container {
		 float: right; margin-top: -12px; width: 294px; background: url(/images/twitterfoldover.png) no-repeat;
		padding-top: 35px;
	}

.clear, .clearboth { clear: both; }

/* Inner Page Content*/
.content { position: relative; min-height: 300px; padding: 15px 15px 30px 15px; margin: 5px 0 0 0; background: #fff; line-height: 150%; border: #C2C2C2 1px solid; border-top: 0;}
	.processing h1, .content h1 { color: #ed7c03; font-weight: bold; }
		.content h1 span { color: #ccc; font-weight: normal; }
	.content h2 { color: #3fc7ec; font-weight: normal;text-transform: uppercase;}
	.content h2 small{ color: #333333;text-transform: none;font-weight: normal;}
	.content h3, b.header { color: #006699; text-transform: uppercase; }
	.content h4{ color: #333333; font-weight: bold; margin-bottom: -12px;}

	.content p { color: #333333; }
		.content p.quote { font-family: Georgia; font-style: italic; text-indent: 25px; background-image: url('/images/BottomQuotes.png'); background-position: left -2px; background-repeat: no-repeat; }
	.content .intro, .content .intro p { color: #006699; font-size: 12px; font-weight: bold; }
	.content p.note, .note { color: #999; font-size: 10px; }

.content-separator { background-image: url('/images/bg_content_leftnav.gif'); background-repeat: repeat-y; margin: 5px 0 0 0; }

.content ul { margin-left: 12px; }
	.content ul li { list-style-type: disc; font-size: 11px; }
.content ol { margin-left: 16px; }
	.content ol li { list-style-type: decimal; font-size: 11px; }

.content table th { padding: 2px .5ex; text-align: left; vertical-align: top; font-weight: bold; }
.content table td { padding: 2px .25em; text-align: left; vertical-align: top; }

table.chart { border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-collapse: collapse; }
	table.chart td { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
	table.chart th { background-color: #006699; color: #fff; }

table.form-table {}
    table.form-table h3 { margin:0; }
    table.form-table th, table.form-table td {}
    table.form-table th { padding-right:10px; }
    table.form-table td.cell-right { text-align:right; }
    table.form-table td.cell-center { text-align:center; vertical-align:middle; }
    table.form-table th span { font-weight:normal; }
    table.form-table input.wide, table.form-table textarea.wide { width:100%; }
    table.form .nowrap{ white-space:nowrap; }

.content table.pagelist { width: 100%; border: 0; }
	.content table.pagelist th { width: 1%; border: 0; padding: 0; background-color: transparent; }
	.content table.pagelist td { width: 99%; border: 0; padding: 0; }
	.content table.pagelist th, .content .center-column table.pagelist td { vertical-align: top; }
		.content table.pagelist th img { margin: 12px 20px 10px 0; }
.content table.pagelist tbody tr:first-child td p {
    margin-top: 0;
}
.content .breadcrumbs { display: block; padding: 0 0 5px 0; margin: 0 0 10px 0; color: #ccc; }
	.content .breadcrumbs a { text-transform: uppercase; color: #333; font-size: 10px; }
		.content .breadcrumbs a.at { color: #006699; }
		.content .breadcrumbs a:hover { color: #ed7c03; }


/* Left navigation */
.content ul.left-nav { display: inline; float: left; width: 130px; padding: 0; margin: 8px 0 300px 0; }
	.content ul.left-nav li { line-height: 120%; margin-bottom: 3px; list-style-type: none; }
	.content ul.left-nav a { font-style: normal; }
	.content ul.left-nav > p { padding: 0 0 15px 0; }
	.content ul.left-nav h4 { text-transform: uppercase; font-weight: normal; margin: -3px 0 5px 0; color: #333; }
		.content ul.left-nav h4 a { color: #333 !important; }
	/*t2...*/
	.content ul.left-nav li { padding: 8px 0 0 0; }
		.content ul.left-nav li a { color: #006699; }
		.content ul.left-nav li > a.at { color: #ed7c03; }
		/*t3...*/
		.content ul.left-nav li > ul { padding: 0 0 0 15px; }
		.content ul.left-nav li ul li { padding: 5px 0 0 0; list-style-image: url('/images/li.arrow2.gif'); }
			.content ul.left-nav li ul li:first-child { margin-top: 5px; }
			.content ul.left-nav li ul li a { color: #333; }
			.content ul.left-nav li ul li > a.at { color: #006699; }

		/* hover */
		.content ul.left-nav li:hover > a { color: #ed7c03; }
		.content ul.left-nav li ul li:hover > a { color: #ed7c03; }

/* horizontal-nav */
ul.horizontal-nav { margin: 0; padding: 0; overflow: auto; list-style-type: none; }
	ul.horizontal-nav li { list-style-type: none; float: left; margin: 0 0 0 0; padding: 0 10px; border-left: 1px solid #ccc; }
		ul.horizontal-nav li:first-child { border: 0; padding-left: 0; }

/* Center column */
.content .center-column { display: inline-block; width: 520px; padding: 0 0 0 25px; margin: 10px 0 10em 0px; }
	.content .center-column.no-right { display: inline-block; width: 710px; padding: 0 0 0 25px; margin: 10px 0 10em 0px; }
	.content .center-column h1 { margin-top: 0; }
.widepage .content .center-column, .calendar .content .center-column, .search .content .center-column { padding: 0; border: 0; width: 680px; }
.widepage .content-separator, .calendar .content-separator, .search .content-separator { background-image: none; }
.tier1.School .content .center-column { width: 750px; }

/* Center tabs */
/*.content .center-tabs{ display:inline-block; width:520px; padding:0px 0 0 25px; margin-top:10px; border-left:1px #ccc solid; }*/
#tabholder { width: 520px; position: relative; margin: 25px 0; }
#tabnavs { text-transform: uppercase; }
	#tabnavs a { display: block; padding: 5px 10px 3px 10px; margin: 0 5px 0 0; float: left; background-color: #ccc; color: #333; text-decoration: none; }
		#tabnavs a.at { background-color: #3399cc; color: #fff; }
#tabcontents { border: 1px solid #eee; clear: both; }
	#tabcontents .tabcontent { display: none; padding: 5px 15px; position: relative; overflow: auto; }
	#tabcontents .tabmedia { padding: 15px; }
#dateholder { float: right; height: 230px; margin: 0 0 0 15px; }
	#dateholder h3 { text-align: center; color: #006699; font-size: 11px; text-transform: uppercase; margin: 15px 0 5px 0; }

.tabcontent img { float: left; margin: 0 5px 5px 0; }


/* Right column */
.content .right-column { float: right; width: 190px; border: 1px solid #dedede; border-top: 0; border-bottom: 0; margin: 8px 0 0 0; padding: 0; }
	.content .right-column h3 { background: url('/images/grad_whitetogrey.png') repeat-x; color: #333; font-weight: normal; text-align: center; text-transform: uppercase; margin: 0; padding: 3px 0 2px 0; font-size: 11px; border-top: 1px solid #dedede; }
	.content .right-column p, .content .right-column ul, .right-column h4 { margin-left: 15px; margin-right: 15px; font-size: 11px; }
		.content .right-column p a { font-size: 11px; }
.content div.inline { margin: 0 10px 10px 10px; }
.content .right-column .right-column-end { border-bottom: 1px solid #dedede; }

/* Shows */
.content .show { display: inline-block; width: 82%; padding: 0px 0 0 25px; border-left: 1px #ccc solid; }
	.content .show .show-top { display: inline-block; width: 70%; padding: 0 0 25px 0; }
		.content .show .show-top img { display: inline; }
		.content .show .show-top > p { display: inline; }
	.content .show ul.show-info-menu li { display: inline; padding: 5px 15px; border-right: 5px solid #fff; }
		.content .show ul.show-info-menu li a { width: 200px; }
		.content .show ul.show-info-menu li.nav-item-current { background: #3399cc; }
			.content .show ul.show-info-menu li.nav-item-current a { color: #dedede; }
		.content .show ul.show-info-menu li.nav-item { background: #CCCCCC; }
			.content .show ul.show-info-menu li.nav-item a { color: #333333; }
	.content .show .show-info { border: 1px solid #EEE; padding: 15px 20px; }
		.content .show .show-info span { font-style: bold; }
	.content .show .show-info-left { display: inline-block; width: 300px; }
		.content .show .show-info-left p { width: 300px; }
		.content .show .show-info-left h3 { width: 300px; }
		.content .show .show-info-left span { width: 300px; font-weight: bold; }
	.content .show .show-info-right { display: inline; float: right; width: 200px; }
		.content .show .show-info-right h3 { width: 200px; }
		.content .show .show-info-right img { display: inline; width: 200px; padding: 10px 0 0 0; }
.content .ads { padding: 0 0 0px 160px; font-style: italic; }
	.content .ads img { display: block; padding: 5px 0 20px 160px; }
	.content .ads p { display: block; padding: 5px 0 0px 160px; font-family: Georgia; }

.content #sponsors table { border: 0; }
.content #sponsors td { vertical-align: middle; padding: 0 15px 0 0; border: 0; }
.content #sponsors img { max-width: 150px;}

.content .performanceTable { padding: 0; margin: 0 0 5px 0; position: relative; width: auto; }
	.content .performanceTable tr:hover { background-color: #eee; cursor: pointer; }
		.content .performanceTable tr:hover a { text-decoration: underline; }
	.content .performanceTable td { font-size: 11px; padding: 3px 2em; border-top: 1px solid #eee; }
	.content .performanceTable tr.at, .performanceTable tr.at a { background-color: #006699; color: #fff; cursor: default; }
	.content .performanceTable .time { text-align: right; }
	.content .performanceTable .shortDate { display: none; }

.right-column .performanceTable { max-height: 20em; overflow: auto; }
	.right-column .performanceTable table { width: 100%; }
	.right-column .performanceTable td { padding: 3px 4px !important; }
		.right-column .performanceTable td.longDate { display: none; }
		.right-column .performanceTable td.shortDate { display: table-cell; text-align: center; padding-right: 0 !important; }
	.right-column .performanceTable .shortDate.day { text-align: left; }

div#sponsors { width: 100%;}
    div#sponsors table { width: 100%;border-collapse: collapse; }
	div#sponsors table td {height: 160px; width: 210px; padding: 10%; border: 20px solid #efefef !important; vertical-align: middle;text-align: center;}

/* Seat selection form */
.content table.chooseSeats th { font-weight: bold; padding: .5em 1em .5em 2em; text-align: right; }
.content table.chooseSeats td.divider { width: 1em; border-left: 1px solid #eee; }
.content table.chooseSeats td { padding: .5em 0; }
	.content table.chooseSeats td.button { margin-left: 1em; }
	.content table.chooseSeats td.price { text-align: right; }
.content table.chooseSeats select { font-size: 11px; }

p.dateheader { font-size: 12px; font-weight: bold; }
#SpecialRequest { width: 15em; height: 5em; }
.right-column input#PromoCode { width: 5em; margin: 1px 1em 0 0; float: left; }
.right-column #PromotionCode b { color: #ed7c03; }

/* Events */
.content .events { display: inline-block; width: 55%; padding: 0px 0 25px 25px; border-left: 1px #ccc solid; }
	.content .events span { display: block; padding: 0 0 20px 0px; }
		.content .events span img { display: inline; vertical-align: top; }
		.content .events span div { display: inline-block; vertical-align: top; padding: 0 0 0 15px; }
			.content .events span div h3 { width: 400px; padding: 0; }
				.content .events span div h3:hover { text-decoration: underline; }
			.content .events span div p { width: 400px; }



/* Educators */
.content #educators { display: inline-block; width: 55%; padding: 5px 0 25px 25px; border-left: 1px #ccc solid; }
	.content #educators a { font-style: italic; color: #3fc7ec; font-family: Georgia; }

/* Drama school */
.content #drama-school { display: inline-block; width: 55%; padding: 0px 0 25px 25px; border-left: 1px #ccc solid; }

/*Footer */
#footer { width: 939px; padding: 40px 0px 20px 0px; background: url('/images/main/spotlight_shadow.png'); background-repeat: no-repeat; }
	#footer table { margin: 10px auto; width: 830px; }
		#footer table td { width: 20%; vertical-align: top; padding: 0 0 0 15px; background: url('/images/sep.png') top left no-repeat; }
			#footer table td:first-child { background-image: none; padding: 0; }
	#footer h3 { font-size: 15px; color: #006699; }
	#footer a { color: #006699; text-transform: uppercase; }
		#footer a:hover { text-decoration: underline; }
	#footer img { margin-right: 3px; }

/* Advertising bar */
#adbar { background: #000; color: #fff; }
	#adbar table { width: 938px; margin: 0 auto; }
	#adbar td { vertical-align: middle; width: 49%; padding: 5px 15px; text-align: left; white-space: nowrap; }
		#adbar td:first-child { text-align: right; }
	#adbar p { margin: 0; }
	#adbar a { color: #fff; }
		#adbar a:hover { text-decoration: underline; }
	#adbar img { vertical-align: middle; margin: 0 0 0 5px; }

/* cart */
table.orderSummary { border: none; width: 100%; margin-bottom: 2em; }
	table.orderSummary th, table.orderSummary td { border: none; }
	table.orderSummary .price { width: 10em; text-align: right; }
	table.orderSummary .empty { height: 0px; padding: 0px; }
	table.orderSummary .buttons { width: 8em; }

.continue { float: right; margin: 0 40px 0 0; }

fieldset { border: none; border-bottom: 1px solid #eee; padding: 1em 0; margin: 0 0 15px 0; overflow: visible; }
	fieldset legend { font-size: 14px; color: #3fc7ec; padding: 0; margin: 0; }

.Cart fieldset { border: 1px solid #ccc; padding: 5px 15px; margin: 0 0 15px 0; min-height: 172px; overflow: visible; }
	.Cart fieldset legend { font-size: 14px; color: #3fc7ec; padding: 0; margin: 0; }
	.Cart fieldset .fsContent table { margin-top: -5px; }

	.Cart fieldset.donationCallout { width: 33%; float: left; min-height: 0px; }
fieldset.donationCallout input[type=text] { width: 6em; }
fieldset.donationCallout table { float: right; margin-bottom: 1em; }
	fieldset.donationCallout table td { vertical-align: middle; }
fieldset.donationCallout div.validation-summary-errors { }

.Cart #SecurityCode { width: 3em; }
.modal .content{ min-height: 0; }
.modal .Cart fieldset { min-height: inherit; }

#paymentForm legend { margin: 0 0 5px 0; }
#deliveryForm #habo { margin: 10px 0 5px 0; }
#deliveryForm #newAddress { margin-left: 16px; }

/* Subscriptions */
.subscriptionDescToggle { font-size: 12px; font-weight: bold; }
a.subscriptionDescToggle:hover { text-decoration: none; }
dl.choices dd { margin-bottom: 2em; width: 430px; }
dl.choices dt {margin-left: 1em; float: right; }
.package-list a.button{ margin-right: 1em;}

/* Subscriptions pricing grid */
table.priceTabs { width: 500px; border-collapse: collapse; background-color: #3fc7ec; cursor: pointer;}
table.priceTabs th { text-align: center; padding: 5px 1em; color: #FFF; border: 1px solid #FFF; }	
	table.priceTabs th.selected, .priceTabs th:hover { background-color: #6fd5f1; cursor: pointer; text-decoration: none; }
	table.priceTabs th.selected { color: #444; }
	
table.priceTable{display: none; width: 500px; border-collapse: collapse;}
table.priceTable th { padding: 5px .5em; text-align: center; border: 1px solid #FFFFFF; background-color: #444; color: #FFF;}
table.priceTable td { padding: 4px .5em; text-align: center; border: 1px solid #FFFFFF;}
table.priceTable tr:nth-child(odd) td { background-color: #EAEAEA;}

/* forms */
input, textarea, select { font-family: Arial; font-size: 11px; }

input.input-qty { width:30px; }
input.input-table-amt, input.input-ticket-amt, input.input-group-a, input.input-group-b, input.input-group-donate{ width:50px; }

.editor-label, .display-label { width: 110px; margin: 0; padding: 5px 1em 5px 0; float: left; clear: both; text-align: right; border-right: 1px solid #eee; }
.content td.editor-label, .content td.display-label { float: none; clear: none; width: auto; padding: 5px 1em 5px 0; text-align: right; }

.editor-field, .display-field { min-height: 16px; margin: 0 0 0 -1px; padding: 5px 0 5px 1em; float: left; border-left: 1px solid #eee; }
.content .editor-field{ max-width: 385px; }
.content td.editor-field, .content td.display-field { float: none; width: auto; padding: 5px 0 5px 1em; }

.editor-field input.text-box, .display-field input.text-box { width: 15em; font-size: 11px; }
.editor-field select, .display-field select { font-size: 11px; }
.editor-field span, .display-field span { display: block; padding: 1px 0 0 0; color: #f04d23; }
.editor-field textarea, .display-field textarea { width: 30em; height: 5em; }

label div.editor-field, label div.display-field { cursor: pointer; }



.editor-button { padding: 1em 0 1em 12em; clear: both; }
.editor-button-noclear { padding: 1em 0 1em 12em; }
.editor-button p.left { margin: 0; }

.middle { width: 32em; }

.validation-summary-errors { border: 1px solid #ecce20; background-color: #faf5d7; color: #f04d23; padding: 1em; margin-bottom: 1em; }
	.validation-summary-errors ul { margin: 0; padding: 0; }
		.validation-summary-errors ul li { list-style-type: none; }
	.validation-summary-errors p, .field-validation-error { color: #f04d23; }
    

/* Modals */
body.modal { background: none; width: auto; margin: 0; padding: 0; }
	body.modal #main { position: relative; margin: 1em auto; width: 400px; padding: 1em; background: #FFFFFF; -moz-border-radius: 5px; border-radius: 5px; }

	body.modal .content, div#cboxLoadedContent .content { border-width: 0; background-color: transparent; padding: 0; margin: 0; }
	body.modal .accountform { width: 75%; margin: 0 auto; }
	body.modal .downloads { border: 1px solid #eee; padding: 10px; line-height: normal; overflow: auto; }
		body.modal .downloads div { display: block; float: left; }
			body.modal .downloads div img { height: 90px; margin: 0 5px 5px 0; }

/* Calendar */
#calendarLoading { display: none; margin: 5em; text-align: center; font-weight: bold; font-size: large; }

/* drama school table */
table.ds-classes { width: 100%; margin-top: 63px; }
	table.ds-classes tr.ds-dateRange th { background: #333333 url(/images/arrow_open.png) no-repeat 4px 16px; cursor: pointer; color: #ffffff; font-size: 18px; padding: 16px 4px 8px 24px; text-transform: uppercase; }
		table.ds-classes tr.ds-dateRange th:hover { background-color: #444444; }
	table.ds-classes tr.ds-dateRange.closed th { background-image: url(/images/arrow_closed.png); }
	table.ds-classes tr.ds-location th { background: #858585 url(/images/arrow_open.png) no-repeat 4px 8px; cursor: pointer; color: #eeeeee; font-weight: normal; font-size: 14px; padding: 8px 4px 8px 24px; text-transform: uppercase; }
		table.ds-classes tr.ds-location th:hover { background-color: #969696; }
	table.ds-classes tr.ds-location.closed th { background-image: url(/images/arrow_closed.png); }
	table.ds-classes tr.ds-fieldTitles th { cursor: pointer; color: #333333; padding: 4px 4px 4px 16px; text-transform: uppercase; }
		table.ds-classes tr.ds-fieldTitles th:hover { text-decoration: underline; }

		table.ds-classes tr.ds-fieldTitles th.sort { margin-left: -8px; }
			table.ds-classes tr.ds-fieldTitles th.sort:before { content: "↓ "; }
			table.ds-classes tr.ds-fieldTitles th.sort.desc:before { content: "↑ "; }
	table.ds-classes td { padding: 4px 4px 4px 16px; }
		table.ds-classes td:first-child, table.ds-classes tr.ds-fieldTitles th:first-child { padding-left: 24px; }
	table.ds-classes tbody tr.hover.odd > td,
	table.ds-classes tbody tr.hover.even > td,
	table.ds-classes.with-open-class tbody tr.hover.odd > td,
	table.ds-classes.with-open-class tbody tr.hover.even > td { background: #f6e790; cursor: pointer; color: #006699; text-decoration: underline; }
	table.ds-classes td.prc { text-align: right; }
	table.ds-classes td.age { white-space: nowrap; }
	table.ds-classes td.tim { white-space: nowrap; }
	table.ds-classes tbody tr.odd > td { background: #ffffff; }
	table.ds-classes tbody tr.even > td { background: #eaeaea; }

	table.ds-classes.with-open-class tbody tr.open td { font-weight: bold; border-top: 1px solid #eaeaea; background: #f6e790; }
		table.ds-classes.with-open-class tbody tr.open td:first-child, table.ds-classes tbody tr.ds-class td:first-child { border-left: 1px solid #eaeaea; }
		table.ds-classes.with-open-class tbody tr.open td:last-child, table.ds-classes tbody tr.ds-class td:last-child { border-right: 1px solid #eaeaea; }
	table.ds-classes.with-open-class tbody tr.ds-class td { font-weight: normal; padding-top: 1em; padding-bottom: 2em; border-bottom: 1px solid #eaeaea; background: #ffffff; }
	table.ds-classes.with-open-class tbody tr.ds-class input.button { margin: 26px auto 0 auto; }
tr.ds-class td h4 { margin: 0; }

div.ds-filters { position: absolute; margin-left: -1px; margin-right: -10px; }
div.ds-filter { width: 186px; border: 1px solid #FFFFFF; padding: 0; float: left; }
	div.ds-filter label { font-size: 16px; text-transform: uppercase; }
	div.ds-filter.ttl label { color: #3fc7ec; }
	div.ds-filter.age label { color: #ed7c03; }
	div.ds-filter.loc label { color: #f8482e; }
	div.ds-filter.avl label { color: #64b970; }
	div.ds-filter div.filter { color: #FFFFFF; font-size: 14px; max-height: 320px; overflow: auto; }
	div.ds-filter.ttl div.filter { background-color: #3fc7ec; }
	div.ds-filter.age div.filter { background-color: #ed7c03; }
	div.ds-filter.loc div.filter { background-color: #f8482e; }
	div.ds-filter.avl div.filter { background-color: #64b970; }
	div.ds-filter div.filter ul { display: block; margin: 0; padding: 0; }
		div.ds-filter div.filter ul li { display: none; list-style: none; border-top: 1px solid #eaeaea; padding: 0 5%; cursor: pointer; }
		div.ds-filter div.filter ul.open li { display: block; background-image: none; line-height: 24px; }
		div.ds-filter div.filter ul li.selected { display: block; line-height: 32px; background: url(/images/arrow_open.png) no-repeat 95% 9px; }
		div.ds-filter div.filter ul.open li.selected { background-image: none; line-height: 24px; }
		div.ds-filter div.filter ul.open li:first-child { line-height: 32px; background: url(/images/arrow_open.png) no-repeat 95% 9px; }
		div.ds-filter div.filter ul.open li.hidden { display: none; }
	div.ds-filter div.filter select { float: right; margin-top: 5px; margin-right: 24px; width: 4em; background: #f8c3a0; border: none; }
	div.ds-filter div.filter .selected select { margin-top: 8px; }
	div.ds-filter.ttl div.filter ul.open li:hover { background-color: #6fd5f1; color: #666; }
	div.ds-filter.age div.filter ul.open li:hover { background-color: #f29d42; color: #666; }
	div.ds-filter.loc div.filter ul.open li:hover { background-color: #fa7662; color: #666; }
	div.ds-filter.avl div.filter ul.open li:hover { background-color: #8bcb94; color: #666; }

/* Tickets Pricing */
.pricingTable { }
.pricingTable td { width: 100px; padding-bottom: 20px !important; }
.pricingTable thead td { font-weight: bold; padding-bottom:20px; }
.pricingTable td:first-child { font-weight: bold; padding: 0 0 10px 0; }
