/*

	OLMSTED PERFORMING ARTS
	------------------------

	@file 		style.css
	@version 	1.0.0b
	@date 		2010-03-18 20:35:37 -0400 (Thu, 18 Mar 2010)
	@author 	Jacob Wadenpfuhl <jacob@klosstudio.com>

	Copyright (c) 2010 Jacob Wadenpfuhl <http://klosstudio.com>

*/
/*************************************
  Based on Eric Meyer's Browser Reset (Reloaded)
**************************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0}:focus{outline:0}body{line-height:1;color:#000;background:#fff}caption{text-align:left;font-weight:400}blockquote:before,blockquote:after,q:before,q:after{content:""}
/*************************************
  END RESET
**************************************/

/*************************************
	GLOBAL FONT
**************************************/
body {
	background:#000;
	color:#222;
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:62.5%;
	line-height:1.3em;
}
h1 {font-size:2.2em;}
h2 {font-size:2em;}
h3 {font-size:1.8em;}
h4 {
	font-size:1.4em;
	line-height:1.4em;
}
a {
	color:#04396c;
	text-decoration:underline;
}
a:hover {text-decoration:none;}
p {
	font-size:1.1em;
	margin:0 0 1em 0;
	line-height:1.4em;
}
table {font-size:1.1em;}
table td {vertical-align:top;}
ul {margin:0 0 1em 30px;}
li {
	font-size:1.1em;	
	line-height:1.4em;
}
.red {color:red !important;}
em,i {font-style: italic;}
big {font-size:120%;}
/*-------------------------------------
	GLOBAL CONTAINERS
-------------------------------------*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#siteWrapper {
	background:url(../images/bgBody.jpg) no-repeat;	
	margin:0 auto;
	width:1080px;
}
#wrapper {
	margin:0 auto;
	width:940px;
}
.fullContentContainer {
	float:left;
	padding:1em 20px 1em 20px;
	width:620px;
}
.fullContentContainer h3 {
	font-weight:bold;
	margin:0 0 .5em 0;
}
.fullContentContainer h4 {
	font-weight:bold;
}
.fullContentContainer img {
	margin:8px;
}
/*-------------------------------------
	HEADER
-------------------------------------*/
#headerContainer {
	background:url(../images/bgHeader.jpg) no-repeat;
	float:left;
	height:175px;
	width:100%;
}
#headerFlash {
	float:left;
	height:144px;
	width:700px;
}
#headerSearch {
	background:url(../images/bgSearchContainer.png) no-repeat;
	display: none;
	float:right;
	height:40px;
	padding:7px 0 0 9px;
	width:229px;
}
#headerSearch input.searchInput {
	background:url(../images/bgSearchInput.png) no-repeat;
	border:0px;
	height:32px;
	padding:0 8px;
	width:139px;
}
#headerSearch input.searchSubmit {
	background:url(../images/btnSearch.png) no-repeat;
	border:0;
	cursor: pointer;
	height:32px;
	vertical-align: top;
	width:65px;
}
/*-------------------------------------
	MAIN NAV
-------------------------------------*/
#mainNavContainer {
	float:left;
	position: relative;
	margin:143px 0 0 0;
	width:100%;
}
#mainNavContainer #menuTL {
	background:url(../images/bgMenuTL.png) no-repeat;
	height:2px;
	left:0;
	position:absolute;
	top:0;
	width:2px;
}
#mainNavContainer #menuTR {
	background:url(../images/bgMenuTR.png) no-repeat;
	height:2px;
	right:0px;
	position:absolute;
	top:0;
	width:2px;
}
#mainNavContainer ul {
	background:url(../images/bgMainNavItemOff.png) repeat-x;
	list-style: none;
	height:32px;
	margin:0;
	width:100%;
}
#mainNavContainer li {
	border-left:1px solid #6896c2;
	border-right:1px solid #1b4975;
	float:left;
	font-size:1.4em;
	height:32px;
	line-height:14px;
	text-shadow:-1px 1px #103559;
	text-transform:uppercase; 
}
#mainNavContainer li a {
	background:url(../images/bgMainNavItemOff.png) repeat-x;
	color:#FFF;
	float:left;
/* 	margin-right:2px; */
	padding:9px 25px;
	text-align: center;
	text-decoration:none;
}
#mainNavContainer li.link7 a {padding:9px 28px 9px 28px;}
#mainNavContainer li a:hover,#mainNavContainer li#current a {background:url(../images/bgMainNavItemOn.png) repeat-x;}
/*-------------------------------------
	CONTENT CONTAINER
-------------------------------------*/
#twoColContentContainer {
	background:url(../images/bgTwoColContentContainer.png) repeat-y;
	float:left;
	width:100%;
}
#twoColContentContainer #menuShadowShort {
	background:url(../images/bgMenuShadow.png) repeat-x;
	float:right;
	height:5px;
	width:280px;
}
#twoColContentContainer #menuShadowFull {
	background:url(../images/bgMenuShadow.png) repeat-x;
	float:left;
	height:5px;
	width:100%;
}
#oneColContentContainer {
	background:#FFF;
	float:left;
	width:100%;
}
#oneColContentContainer #menuShadowShort {
	background:url(../images/bgMenuShadow.png) repeat-x;
	float:right;
	height:5px;
	width:280px;
}
#oneColContentContainer #menuShadowFull {
	background:url(../images/bgMenuShadow.png) repeat-x;
	float:left;
	height:5px;
	width:100%;
}
/*-------------------------------------
	LEFT COLUMN
-------------------------------------*/
#leftColumn {
	float:left;
	width:660px;
}
#leftColumn h2 {
	margin: 10px 0 0 18px;
}
#homeGalleryContainer {
	background:#181818;
	float:left;
	height:434px;
	padding:0 0 20px 0;
	width:660px;
}
/*-------------------------------------
	ABOUT US
-------------------------------------*/
#aboutUsContent {
	float:left;
	width:100%;
}
#aboutUsContent h2 {
	background:url(../images/bgAboutUsH2.png) repeat-x;
	margin:0;
	padding:14px 0 14px 20px;
}
#aboutUsContent p {
	padding:10px 20px;
}
/*-------------------------------------
	WHAT'S NEW
-------------------------------------*/
#whatsNewContent {
	float:left;
	position: relative;
	width:100%;
}
#whatsNewContent h2 {
	background:url(../images/bgWhatsNewH2.png) repeat-x;
	padding:17px 0 17px 20px;
	margin:0 0 1em 0;
}
a.whatsNewRss {
	background:url(../images/btnRss.png) no-repeat;
	height:24px;
	position:absolute;
	right:20px;
	top:20px;
	width:45px;
}
a.whatsNewRss:hover {background:url(../images/btnRss.png) bottom no-repeat;}
#whatsNewContent #leftContainer {
	float:left;
	margin:0 20px;
	width:300px;
}
.contentBlock {
	background:url(../images/dividerDotted.gif) bottom repeat-x;
	float:left;
	margin:1em 0 0 0;
	padding:0 0 1em 0;
	width:100%;
}
.contentBlock h3 {
	color:#a63600;
	font-size:1.8em;
	font-weight:bold;
	line-height:1.1em;
}
#whatsNewContent #rightContainer {
	float:left;
	width:300px;
}
ul.pdfLinkList {
	list-style: none;
	margin:0;
}
ul.pdfLinkList li {
	background:url(../images/bgPdfLink.png) 0 3px no-repeat;
	display:block;
	line-height:2.1em;
	padding:0 0 0 22px;
}
ul.importantAnnouncement li {
	background:url(../images/bgExclaim.png) 0 3px no-repeat;
	display:block;
	line-height:1.5em;
	padding:0 0 0 22px;
}
ul.extras {
	list-style:none;
	margin:0;
}
ul.extras li {display:block;}
li.email {
	background:url(../images/bgMailLink.png) 0 6px no-repeat;
	line-height:2.1em;
	padding:0 0 0 22px;
}
li.facebook {
	background:url(../images/bgFacebookLink.png) 0 4px no-repeat;
	line-height:2.1em;
	padding:0 0 0 22px;
}
li.twitter {
	background:url(../images/bgTwitterLink.png) 0 4px no-repeat;
	line-height:2.1em;
	padding:0 0 0 22px;
}
li.youtube {
	background:url(../images/bgYouTubeLink.png) 0 4px no-repeat;
	line-height:2.1em;
	padding:0 0 0 22px;
}
/*-------------------------------------
	AD CONTAINER
-------------------------------------*/
#adContainer {
	float:left;
	margin:190px 0 0 0;
	padding:0 20px;
	width:620px;
}
/*************************************
	RIGHT COLUMN
**************************************/
#rightColumn {
	color:#FFF;
	float:left;
	padding:15px 0 0 0;
	width:280px;
}
#rightColumn a {color:#FFF;}
/*-------------------------------------
	CAST LOGIN
-------------------------------------*/
#castLoginContainer h2 {
	float:left;
	margin:0 0 1em 20px;
	width:260px;
}
#castLogin {
	float:left;
	margin:0 0 0 20px;
	width:240px;
}
#castLogin label {
	float:left;
	font-size:12px;
	font-weight:bold;
	margin:.5em 0;
	padding:0 0 0 3px;
	width:60px;
}
#castLogin .clInputUsername, #castLogin .clInputPassword {
	background:url(../images/bgLoginInput.png) no-repeat;
	border:0;
	float:left;
	height:32px;
	padding:0 8px;
	width:224px;
}
#castLogin .clSubmit {
	background:url(../images/btnLogin.png) no-repeat;
	border:0;
	cursor:pointer;
	float:right;
	height:32px;
	width:57px;
}
#castLogin .clLogOut {
	background:url(../images/btnLogout.png) no-repeat;
	border:0;
	cursor:pointer;
	height:32px;
	margin:0 0 0 84px;
	width:69px;
}
.formError {
	background:#FFF;
	color:red;
	display:block;
	float:left;
	font-weight:bold;
	margin:0.5em 0;
	opacity:0.7;
	filter: alpha(opacity = 70);
	padding:1px;
	text-align:center;
	text-transform:uppercase;
	width:140px;
}
/*-------------------------------------
	CLASS LOGIN
-------------------------------------*/
#classLoginContainer h2 {
	float:left;
	margin:0 0 1em 20px;
	width:260px;
}
#classLogin {
	float:left;
	margin:0 0 0 20px;
	width:240px;
}
#classLogin .clInputUsername, #classLogin .clInputPassword {
	background:url(../images/bgLoginInput.png) no-repeat;
	border:0;
	float:left;
	height:32px;
	padding:0 8px;
	width:224px;
}
#classLogin .clSubmit {
	background:url(../images/btnLogin.png) no-repeat;
	border:0;
	cursor:pointer;
	float:right;
	height:32px;
	width:57px;
}
#rememberPassword {
	float:left;
	width:140px;
}
#formHelp {
	float:left;
	margin:1em 0 0 0;
	text-align: center;
	width:100%;
}
/*-------------------------------------
	UPCOMING SHOWS
-------------------------------------*/
#upcomingShows h2 {
	float:left;
	margin:0 0 1em 20px;
	width:100%;
}
#upcomingShows .showContainer {
	float:left;
	color:#FFF;
	margin:0 0 2em 20px;
	text-shadow:-1px 1px #2b5986;
	width:260px;
}
#upcomingShows .showImageContainer {
	border:3px solid #FFF;
	height:74px;
	overflow:hidden;
	position: relative;
	width:234px;
}
#upcomingShows .showImageContainer img {
	position:absolute;
	top:-50px;
	width:234px;
}
#upcomingShows .showContainer h3 {
	color:#FFF;
	font-size:1.8em;
	font-weight:bold;
	margin:0 0 10px 0;
}
#upcomingShows .showContainer h4 {
	color:#FFF;
	font-size:1.4em;
	font-weight:normal;
	margin:10px 0 0 0;
}
#upcomingShows .showContainer .showDescription {
	float:left;
	font-size:1.1em;
	line-height:1.4em;
	width:240px;
}
.showInfo {
	background:url(../images/bgShowsExtras.png) bottom no-repeat;
	float:left;
	height:12px;
	margin:0 0 2em 0;
	padding:11px 20px;
	width:240px;
}
/*-------------------------------------
	RIGHT COLUMN EXTRAS
-------------------------------------*/
#rightColumn .contentBlock {
	background:transparent;
	float:left;
	margin:1em 0 0 0;
	padding:0 0 1em 20px;
	width:260px;
}
#rightColumn .contentBlock h3 {
	color:#FFF;
	font-size:1.8em;
	font-weight:bold;
	line-height:1.1em;
}
/*************************************
	ICON LINKS
**************************************/
a.infoLink {
	background:url(../images/bgInfoLink.png) no-repeat;
	display:inline-block;
	margin:0 10px 0 0;
	padding:0 0 5px 18px;
	width:60px;
}
a.ticketLink {
	background:url(../images/bgTicketLink.png) no-repeat;
	display:inline-block;
	padding:0 10px 5px 24px;
	width:35px;
}
a.auditionLink {
	background:url(../images/bgAuditionLink.png) no-repeat;
	display:inline-block;
	padding:0 10px 5px 24px;
	width:75px;
}
a.castListLink {
	background:url(../images/bgAuditionLink.png) no-repeat;
	display:inline-block;
	padding:0 10px 5px 24px;
	width:75px;
}
a.emailQuestionLink {
	background:url(../images/bgQuestionLink.png) no-repeat;
	display:inline-block;
	padding:0 10px 5px 20px;
	width:80px;
}
a.ticketFormLink {
	background:url(../images/bgTicketFormLink.png) no-repeat;
	display:inline-block;
	padding:0 10px 5px 18px;
	width:92px;
}
a.seatingChartLink {
	background:url(../images/bgSeatingChartLink.png) no-repeat;
	display:inline-block;
	padding:0 10px 5px 20px;
	width: 65px;
}
a.mapLink {
	background:url(../images/bgMapLink.png) no-repeat;
	display:inline-block;
	padding:0 10px 5px 20px;
	width:60px;
}
/*************************************
	SEASON
**************************************/
.fullShow {
	/*
	background:url(../images/bgFullShow.png) bottom repeat-x;
	border-bottom:1px solid #FFF;
	*/
	float:left;
	padding:1em 20px 1em 17px;
	width:623px;
}
.fullShowImage {
	border:3px solid #FFF;
	-moz-box-shadow: 0 0 4px #999; /* For shadow effect to work in supported versions of Mozilla */
	-webkit-box-shadow: 0 0 4px #999; /* For shadow effect to work in supported versions of Safari */
	float:left;
	margin:0 17px 0 0;
	width:200px;
}
.fullShowImage img {
	width:200px;
}
.fullShowDescription {
	float:left;
	width:396px;
}
.fullShowDescription h3 {
	color:#ff5401;
	font-size:1.8em;
	font-weight:bold;
	line-height:1.1em;
	margin:0 0 .1em 0;
}
.fullShowDescription h4 {
	color:#04396c;
	font-weight:bold;
	margin:0 0 .2em 0;
}
.fullShowDetails {
	background:url(../images/bgShowsFullExtra.png) repeat-x;
	float:left;
	height:28px;
	padding:12px 20px 0 20px;
	width:620px;
}
.fullShowDetails a {
	color:#FFF;
}
/*-------------------------------------
	CAST LIST
-------------------------------------*/
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
} 
.window {
  position:absolute;
  left:0;
  top:0;
  width:475px;
/*   height:200px; */
  display:none;
  z-index:9999;
  padding:20px;
}
#dialog {
  width:475px; 
/*   height:203px; */
  padding:10px;
  background-color:#ffffff;
}

/*************************************
	AUDITIONS
**************************************/
.auditionTable {
	border-left:1px solid #DDD;
	border-top:1px solid #DDD;
	width:620px;
}
.auditionTable td {
	border-bottom:1px solid #DDD;
	border-right:1px solid #DDD;
	padding:5px;
	text-align:center;
	vertical-align: middle;
}
.auditionTable td.time {
	background:#ff5605;
	color:#FFF;
}
.auditionTable tr.alt {
	background:#EEE;
}
.auditionTable tr.over {
	background:#ff5605;
	color:#FFF;
}
.auditionTable tr.over a {
	color:#FFF;
}
.formList .btnSubmit {
	background:url(../images/btnSubmit.png) no-repeat;
	border:0;
	cursor:pointer;
	float:right;
	height:32px;
	margin:1em 0 0 0;
	width:64px;
}
.displayAuditioners {}
.displayAuditioners tr.alt {
	background:#EEE;
}
.displayAuditioners tr.over {
	background:#ff5605;
	color:#FFF;
}
.displayAuditioners tr.over a {
	color:#FFF;
}
.btnDelete {
	background:url(../images/btnDelete.png) no-repeat;
	border:0;
	cursor:pointer;
	float:left;
	height:32px;
	width:64px;
}
/*************************************
	TICKETS
**************************************/
.ticketTable {
	margin:0 0 2em 0;
	width:620px;
}
.ticketTable th {
	padding:.5em 5px;
	text-align: left;
}
.ticketTable td {
	border:1px solid #EEE;
	font-size:11px;
	padding:.5em 5px;
}
.fullContentContainer h4 {
	font-weight:bold;
	margin:0 0 .5em 0;
/* 	padding:0 20px; */
}
ul.ticketOrderList {
	border-bottom:1px solid #DDD;
	float:left;
	list-style: none;
	margin:0;
	width:100%;
}
ul.ticketOrderList li {
	clear:left;
	float:left;
	margin:0 0 1em 0;
}
ul.ticketOrderList li label {
	float:left;
	font-size:1.2em;
	font-weight:bold;
	margin:7px 10px 0 0;
	text-align: right;
	width:80px;
}
.showSingleTickets {
	background:url(../images/btnSingleTickets.png) no-repeat;
	cursor:pointer;
	display: block;
	height:32px;
	margin:0 auto;
	text-indent:-9999em;
	width:106px;
}
.showGroupTickets {
	background:url(../images/btnGroupTickets.png) no-repeat;
	cursor:pointer;
	display: block;
	height:32px;
	margin:0 auto;
	text-indent:-9999em;
	width:106px;
}
.singleTickets {
	float:left;
	width:49%;
}
.singleTickets .fullContentContainer,.groupTickets .fullContentContainer {
	padding-bottom:0 !important;
	width:80%;
}
.singleTickets h4,.groupTickets h4 {
	padding:0 !important;
}
.groupTickets {
	float:right;
	width:49%;
}
.showSingleTickets:hover,.showGroupTickets:hover {
	background-position: bottom;
}
.ticketType {width:100%;}
.ticketType td {
	text-align: center;
}
.ticketTypeDetails {
	width:100%;
}
.btnAddToCart {
	background:url(../images/btnAddToCart.png) no-repeat;
	border:0;
	cursor:pointer;
	float:right;
	height:32px;
	width:94px;
}

/*************************************
	CLASSES
**************************************/
/*
#classesContainer {
	float:left;
	padding:1em 20px 1em 17px;
	width:623px;
}
*/
#classSortBy {
	float:left;
	margin:0 0 1em 0;
	padding:1em 20px 0 17px;
	width:623px;
}
.class {
	float:left;
	padding:1em 20px 0 17px;
	width:623px;
}
.class h3 {
	color:#ff5401;
	font-size:1.8em;
	font-weight:bold;
	line-height:1.1em;
	margin:0 0 .1em 0;
}
.class h4 {
	color:#04396c;
	font-weight:bold;
	margin:0 0 .2em 0;
}
.classDetails {
	background:url(../images/bgShowsFullExtra.png) repeat-x;
	color:#FFF;
	float:left;
	height:28px;
	padding:12px 20px 0 20px;
	position: relative;
	width:620px;
}
.classDetails ul {
	list-style:none;
	margin:0;
}
.classDetails li {
	border-right:1px solid #FFF;
	float:left;
	margin:0 10px 0 0;
	padding:0 10px 0 0;
}
a.register {
	background:url(../images/btnRegister.png) no-repeat;
	height:24px;
	position:absolute;
	right:20px;
	text-indent:-1000em;
	top:10px;
	width:75px;
}
a.register:hover {background-position: bottom;}
span.registerInfo {
	bottom:28px;
	position:absolute;
	width:100px;
	right:8px;
}
span.registerInfo .registerInfoTop {
	background:url(../images/bgRegisterInfoTop.png) no-repeat;
	float:left;
	height:4px;
	overflow:hidden;
	width:100px;
}
span.registerInfo .registerInfoMiddle {
	background:url(../images/bgRegisterInfoMiddle.png) repeat-y;
	color:#444 !important;
	float:left;
	padding:0 5px;
	text-align:center;
	width:90px;
}
span.registerInfo .registerInfoBottom {
	background:url(../images/bgRegisterInfoBottom.png)  no-repeat;
	float:left;
	height:12px;
	width:100px;
}
/*************************************
	CLASS REGISTRATION
**************************************/
ul.formList {
	float:left;
	list-style: none;
	margin:0;
	width:440px;
}
ul.formList li {
	clear:left;
	float:left;
	margin:0 0 1em 0;
}
ul.formList li label {
	float:left;
	font-size:1.2em;
	font-weight:bold;
	margin:7px 10px 0 0;
	text-align: right;
	width:80px;
}
ul.formList li p {
	float:left;
	margin:0;
}
ul.formList li.error {
	margin:0;
	padding:0;
}
ul.formListSubmitted {
	float:left;
	list-style: none;
	margin:0;
	width:440px;
}
ul.formListSubmitted li {
	clear:left;
	float:left;
	margin:0 0 1em 0;
}
ul.formListSubmitted li label {
	float:left;
	font-size:1.2em;
	font-weight:bold;
	margin:7px 10px 0 0;
	text-align: right;
	width:80px;
}
ul.formListSubmitted li span {
	float:left;
	font-size:1.2em;
	margin:7px 10px 0 0;
	padding:1px 0 0 0;
}
ul.radioList {
	list-style:none;
	margin:0 0 1em 0;	
}
ul.radioList li .radio {
	margin:0 5px 0 0;
	vertical-align: middle;
}
input.largeInput {
	background:url(../images/bgLargeInput.png) no-repeat;
	border:0;
	float:left;
	height:32px;
	padding:0 8px;
	width:306px;
}
input.mediumInput {
	background:url(../images/bgMediumInput.png) no-repeat;
	border:0;
	float:left;
	height:32px;
	padding:0 8px;
	width:206px;
}
input.smallInput {
	background:url(../images/bgSmallInput.png) no-repeat;
	border:0;
	float:left;
	height:32px;
	padding:0 8px;
	width:106px;
}
input.xSmallInput {
	background:url(../images/bgXsmallInput.png) no-repeat;
	border:0;
	float:left;
	height:32px;
	padding:0 8px;
	width:40px;
}
.classRegisterDetails {
	float:right;
	width:180px;
}
.classRegisterDetailsTop {
	background:url(../images/bgClassRegisterDetailsTop.png) no-repeat;
	float:left;
	height:6px;
	overflow: hidden;
	width:180px;
}
.classRegisterDetailsMiddle {
	background:url(../images/bgClassRegisterDetailsMiddle.png) repeat-y;
	float:left;
	width:180px;
}
.classRegisterDetailsGradient {
	background:url(../images/bgClassRegisterDetailsGradient.png) bottom repeat-x;
	float:left;
	margin:0 0 0 3px;
	padding:10px;
	width:154px;
}
.classRegisterDetailsGradient h3 {margin:0 0 .5em 0;}
.classRegisterDetailsBottom {
	background:url(../images/bgClassRegisterDetailsBottom.png) no-repeat;
	float:left;
	height:6px;
	width:180px;
}
input.register {
	background:url(../images/btnFormRegister.png) no-repeat;
	border:0;
	cursor:pointer;
	float:right;
	height:32px;
	margin:1em 0 0 0;
	width:74px;
}
input.continue {
	background:url(../images/btnContinue.png) no-repeat;
	border:0;
	cursor:pointer;
	float:right;
	height:32px;
	margin:1em 0 0 0;
	width:78px;
}
input.btnMakePayment {
	background:url(../images/btnMakePayment.png) no-repeat;
	border:0;
	cursor:pointer;
	float:right;
	height:32px;
	margin:1em 0 0 0;
	width:104px;
}
/*************************************
	ABOUT US
**************************************/
.staffTable {}
.staffTable h4 {
	border:1px solid #ddd;
	padding:10px;
	font-size:1.2em;
}
/*************************************
	REGISTER
**************************************/
#registerFormContainer {
	margin:3em auto;
	width:240px;
}
#registerFormContainer .clInputUsername, #registerFormContainer .clInputPassword, #registerFormContainer .clEmail {
	background:url(../images/bgLoginInput.png) no-repeat;
	border:0;
	float:left;
	height:32px;
	padding:0 8px;
	width:224px;
}
#registerFormContainer .clSubmit {
	background:url(../images/btnFormRegister.png) no-repeat;
	border:0;
	cursor:pointer;
	float:right;
	height:32px;
	margin:1em 0 0 0;
	width:74px;
}
#registerFormContainer .btnSubmit {
	background:url(../images/btnSubmit.png) no-repeat;
	border:0;
	cursor:pointer;
	float:right;
	height:32px;
	margin:1em 0 0 0;
	width:64px;
}
#registerFormContainer .clGetNewPassword {
	background:url(../images/btnGetNewPassword.png) no-repeat;
	border:0;
	cursor:pointer;
	float:right;
	height:32px;
	margin:1em 0 0 0;
	width:130px;
}
#registerFormContainer label {float:left;font-size:1.4em;margin:.5em 0;width:100%;}
/*************************************
	GALLERY
**************************************/
#galleryContainer {
	background:#1c1c1c url(../images/bgGalleryContainer.png) repeat-x;
	background-position:bottom;
	height:500px;
	margin:17px 0 0 0;
	position:relative;
	width:660px;
	z-index:3;
}
#curtainLeft {
	background:url(../images/bgCurtainLeft.png) no-repeat;
	height:316px;
	left:0;
	position:absolute;
	top:0;
	width:152px;
	z-index:2;
}
#curtainRight {
	background:url(../images/bgCurtainRight.png) no-repeat;
	height:316px;
	position:absolute;
	right:0;
	top:0;
	width:152px;
	z-index:2;
}
#galleryContainer #gallery {
	height:350px;
	left:150px;
	position:absolute;
	top:0;
	width:370px;
	z-index:1;
}
/*************************************
	ADMIN SECTION
**************************************/
#oneColContentContainer .fullContentContainer h3 {
	font-weight:bold;
	margin:0 0 .5em 0;
	padding:0 20px;
}
#oneColContentContainer .fullContentContainer h4 {
	font-weight:bold;
	margin:0 0 .5em 0;
	padding:0 20px;
}
#oneColContentContainer .fullContentContainer p {
	padding:0 20px 0 0;
	text-align:right;
}
#oneColContentContainer .fullContentContainer img {
	margin:8px;
}
#oneColContentContainer .fullContentContainer {
	float:left;
	padding:1em 0;
	width:940px;
}
#oneColContentContainer h2, #oneColContentContainer h3 {
	float:left;
	margin: 10px 0 0 18px;
	width:50%;
}
#oneColContentContainer h3 {
	float:left;
	margin: 10px 0 1em 18px;
	width:50%;
}
.displayTable {width:100%;}
.displayTable th {
	border-bottom:1px solid #666;
	border-top:1px solid #666;
	font-size:110%;
	font-weight:bold;
	padding:.5em 6px;
	text-align:left;
}
.displayTable th.header {
	background:url(../images/iconSortable.gif) right no-repeat;
	cursor:pointer;
}
.displayTable th.headerSortUp {
	background:url(../images/iconSortableUp.gif) right no-repeat;
}
.displayTable th.headerSortDown {
	background:url(../images/iconSortableDown.gif) right no-repeat;
}
.displayTable td {
	font-size:11px;
	padding:.5em 5px;
}
.displayTable tr.alt {
	background:#EEE;
}
.displayTable tr.over {
	background:#ff5605;
	color:#FFF;
}
.displayTable tr.over a {
	color:#FFF;
}

.auditionTable {width:100%;}
.auditionTable th {
	border-bottom:1px solid #666;
	border-top:1px solid #666;
	font-size:110%;
	font-weight:bold;
	padding:.5em 6px;
	text-align:left;
}
.auditionTable td {
	font-size:11px;
	padding:.5em 5px;
}
.auditionTable tr.alt {
	background:#EEE;
}
.auditionTable tr.over {
	background:#ff5605;
	color:#FFF;
}
.auditionTable tr.over a {
	color:#FFF;
}

ul#adminMenu {
	float:right;
	height:32px;
	list-style: none;
	margin:8px 18px 0 0;
	width:387px;	
}
ul#adminMenu li {
	float:left;
	height:32px;
}
ul#adminMenu li a {
	background:url(../images/bgAdminMenu.png) no-repeat;
	float:left;
	height:32px;
	text-indent:-9999em;
	overflow:hidden;
}
li.students a {
	width:77px;
}
li.classes a {
	background-position:-77px 0 !important;
	width:64px;
}
li.pricesPerMonth a {
	background-position:-141px 0 !important;
	width:120px;
}
li.roster a {
	background-position:-261px 0 !important;
	width:61px;
}
li.logout a {
	background-position:-322px 0 !important;
	width:65px;
}
li.students a:hover {background-position:0 -32px !important;}
li.classes a:hover {background-position:-77px -32px !important;}
li.pricesPerMonth a:hover {background-position:-141px -32px !important;}
li.roster a:hover {background-position:-261px -32px !important;}
li.logout a:hover {background-position:-322px -32px !important;}
textarea.classDescription,textarea.showDescription {
	height:100px;
	width:153px;
}
#oneColContentContainer .btnSubmit {
	background:url(../images/btnSubmit.png) no-repeat;
	border:0;
	cursor:pointer;
	float:left;
	height:32px;
	margin:1em 0 0 0;
	width:64px;
}
#oneColContentContainer .btnUpload {
	background:url(../images/btnUpload.png) no-repeat;
	border:0;
	cursor:pointer;
	float:left;
	height:32px;
	margin:1em 0 0 0;
	width:68px;
}
span.supplmentalLink {
	float:right;
	text-align:right;
	width:40%;
}
span.supplmentalLink p {
	padding:0 20px 0 0;
}
#footerContainerAdmin {
	background:url(../images/bgFooterAdmin.png) center no-repeat;
	clear:both;
	color:#fff;
	height:6px;
	margin:0 auto;
	padding:20px;
	width:908px;
}
#footerContainerAdmin a {color:#FFF;}
/*************************************
	FOOTER
**************************************/
#footerContainer {
	background:url(../images/bgFooter.png) center no-repeat;
	clear:both;
	color:#fff;
	height:6px;
	margin:0 auto;
	padding:20px;
	width:908px;
}
#footerContainer a {color:#FFF;}