/*********************
*
* Generic Styles
*
**********************/
#dhtmltooltip{
position: absolute;
width: 150px;
height: 150px;
border: 1.5px solid black;
padding: 2px;
font-size:12px;
background-color: #FFF;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

h1 { font-size: 20px;}
h2 { font-size: 18px; margin-top: 0;}
h3, #content-inner .ep-main-content h3 { font-size: 16px; margin: 7px 0 7px 0; }
#availability h2 { margin-bottom: 0; }

code { font-weight: normal; font-size: 11px; }

.clear { clear: both; }
.clear5 { clear: both; height: 5px; }
.clear10 { clear: both; height: 10px; }
.clear20 { clear: both; height: 20px; }

.hr { height: 20px; margin-top: 20px; border-top: 1px dotted  #a19fa0;}

.hidden { display: none; }
.visible { display: block; }
.small-text { font-size: 90%; }
.performance-off-sale { font-size: 95%; color:red; }
.performance-off-sale-big { font-size: 110%; color:red;font-weight:bold;}
.note { font-size: 10px; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.loading { text-align: center; }
.normal-text { font-weight: normal; }
.float-right { float: right; }
.float-left { float: left; }
.bold { font-weight: 700; }
.field-error { color: red; font-weight: bold; }
.border { border: 1px solid #a19fa0; }
.border-light-right { border-right: 1px dotted  #a19fa0; }
.border-light-left { border-left: 1px dotted  #a19fa0; }
.border-light-bottom { border-bottom: 1px dotted  #a19fa0; }
.req { font-weight: 700; color: red; clear: right; }
.margin-left-10 { margin-left: 10px; }
.important { color: red; }

.error { 
	border: 1px solid red; 
	padding: 5px;
	font-size: 14px;
	font-weight: bold;
	background: url(../images/messagebox_warning.png) no-repeat 10px 50%;
	padding-left: 45px;
	display: none;
}

.alert {
	border: 1px solid red; 
	padding: 5px;
	font-size: 14px;
	font-weight: bold;
	background: url(../images/messagebox_warning.png) no-repeat 10px 50%;
	padding-left: 45px;
	margin-bottom: 10px;
}

#cartExpiresMessage { font-size: 12px; font-weight: bold; }

#epcartview {
	min-width: 235px;
	width: 235px;
	height: 50px;
	background: #EFEBEF;
	text-align: left;
	padding: 5px 10px;
	color: #333333;
	margin-bottom: 15px;
}
	#epcartview a:link,
	#epcartview a:active,
	#epcartview a:visited {
		color: #333333;
		font-weight: normal;
	}
	#epcartview a:hover {
		color: #999999;
	}
	
	#epcartview a.highlight:link,
	#epcartview a.highlight:active,
	#epcartview a.highlight:visited {
		color: #000000;
		font-weight: bold;
	}
	#epcartview a.highlight:hover {
		color: #999999;
	}

p.section-header {
	background: #737173;
	padding: 7px;
	color: #FFFFFF;
	font-weight: 700;
	font-size: 16px;
	margin: 0;
}
#content-inner {
	color: #000000;
}
#content-inner h1 {
	padding: 0;
	margin: 10px 0;
	font-size: 20px;
}

#leftnav {
	padding: 0;
	margin: 0;	
}

#leftnav li { 
	list-style: none;
	padding: 5px;
}

#leftnav li a:link,
#leftnav li a:active,
#leftnav li a:visited {
	font-weight: normal;
	color: #000000;
}

#wrapper_01 #right { padding-top: 0; width: 245px; margin: 0; padding: 0; }

/*********************
*
* Buttons 
*
**********************/
.buy-tickets-button { background: url(../images/buttons/buy-tickets-button.gif) no-repeat 0 -32px; width: 100px; height: 32px; display: block;  cursor: pointer; }
.buy-now-button { background: url(../images/buttons/buy-now.gif) no-repeat 0 -32px; width: 76px; height: 32px; display: block;  cursor: pointer; }
.add-to-cart-button { background: url(../images/buttons/add-to-cart.gif) no-repeat 0 -32px; width: 91px; height: 32px; display: block; border: 0; cursor: pointer; }
.continue-shopping-button { background: url(../images/buttons/continue-shopping.gif) no-repeat 0 -32px; width: 137px; height: 32px; display: block; border: 0; cursor: pointer; }
.continue-step-2-button { background: url(../images/buttons/continue-to-step-2.gif) no-repeat 0 -32px; width: 132px; height: 32px; display: block;  border: 0; cursor: pointer; }
.continue-step-3-button { background: url(../images/buttons/continue-to-step-3.gif) no-repeat 0 -32px; width: 132px; height: 32px; display: block;  border: 0; cursor: pointer; }
.continue-step-4-button { background: url(../images/buttons/continue-to-step-4.gif) no-repeat 0 -32px; width: 132px; height: 32px; display: block;  border: 0; cursor: pointer; }
.continue-step-5-button { background: url(../images/buttons/continue-to-step-5.gif) no-repeat 0 -32px; width: 132px; height: 32px; display: block;  border: 0; cursor: pointer; }
.continue-step-6-button { background: url(../images/buttons/continue-to-step-6.gif) no-repeat 0 -32px; width: 132px; height: 32px; display: block;  border: 0; cursor: pointer; }
.subscribe-now-button { background: url(../images/buttons/subscribe-now.gif) no-repeat 0 -32px; width: 114px; height: 32px; display: block;  cursor: pointer; }
.hide-choices-button { background: url(../images/hide-choices.jpg) no-repeat; width: 87px; height: 32px; display: block; border: 0; cursor: pointer; }
.show-choices-button { background: url(../images/show-choices.gif) no-repeat; width: 99px; height: 32px; display: block; border: 0; cursor: pointer; }
.add-button { background: url(../images/buttons/add.gif) no-repeat 0 -23px; width: 46px; height: 23px; display: block; border: 0; cursor: pointer; }
.remove-button { background: url(../images/buttons/remove.gif) no-repeat 0 -23px; width: 67px; height: 23px; display: block; border: 0; cursor: pointer; }
.checkout-button { background: url(../images/buttons/checkout.gif) no-repeat 0 -32px; width: 77px; height: 32px; display: block; border: 0; cursor: pointer; }
.update-email-button { background: url(../images/buttons/update-email.gif) no-repeat 0 -32px; width: 107px; height: 32px; display: block; border: 0; cursor: pointer; }
.go-button { background: url(../images/buttons/go.gif) no-repeat 0 -32px; width: 54px; height: 32px; display: block; border: 0; cursor: pointer; }

.preferred-seat-button { background: url(../images/buttons/prefer-seat-button.jpg) no-repeat; width: 100px; height: 38px; display: block; border: 0; cursor: pointer; }
.amex-express-seating-button { background: url(../images/buttons/amex-express-seating.jpg) no-repeat; width: 100px; height: 38px; display: block; border: 0; cursor: pointer; }
.gen-presale-button { background: url(../images/buttons/gen-presale-button.jpg) no-repeat; width: 100px; height: 38px; display: block; border: 0; cursor: pointer; }
.gen-public-sale-button { background: url(../images/buttons/gen-public-sale-button.jpg) no-repeat; width: 100px; height: 38px; display: block; border: 0; cursor: pointer; }
.general-seating-button { background: url(../images/buttons/general-seating-button.jpg) no-repeat; width: 100px; height: 38px; display: block; border: 0; cursor: pointer; }

.apply-button { background: url(../images/buttons/apply.gif) no-repeat 0 -32px; width: 54px; height: 32px; display: block; border: 0; cursor: pointer; }
.place-your-order-button { background: url(../images/buttons/place-your-order.gif) no-repeat 0 -32px; width: 126px; height: 32px; display: block; border: 0; cursor: pointer; }
.sign-in-button { background: url(../images/buttons/sign-in.gif) no-repeat 0 -32px; width: 61px; height: 32px; display: block; border: 0; cursor: pointer; }
.create-account-button { background: url(../images/buttons/create-account.gif) no-repeat 0 -32px; width: 114px; height: 32px; display: block; border: 0; cursor: pointer; }
.reset-password-button { background: url(../images/buttons/reset-password.gif) no-repeat 0 -32px; width: 118px; height: 32px; display: block; border: 0; cursor: pointer; }
.view-by-calendar-button { background: url(../images/buttons/view-by-calendar.gif) 0 -21px; height: 21px; width: 169px; display: block;  cursor: pointer;  border: 0; }
.view-by-ballet-button { background: url(../images/buttons/view-full-ballet.gif) 0 -21px; height: 21px; width: 169px; display: block;  cursor: pointer;  border: 0; }
.view-all-ballets-button { background: url(../images/buttons/view-all-ballets.gif) 0 -21px; height: 21px; width: 182px; display: block;  cursor: pointer; border: 0; }
.view-full-calendar-button { background: url(../images/buttons/view-full-calendar.gif) 0 -21px; height: 21px; width: 182px; display: block;  cursor: pointer;  border: 0; }
.view-ballets-back-button { background: url(../images/buttons/view-all-ballets-symbol.gif) 0 -32px; height: 32px; width: 155px; display: block;  cursor: pointer;  border: 0; }
.add-more-button { background: url(../images/buttons/add-more.gif) 0 -32px; height: 32px; width: 100px; display: block;  cursor: pointer;  border: 0; }
.click-by-ballet-button { background: url(../images/buttons/single-tickets-nav.gif) 0 -37px; height: 37px; width: 143px; display: block;  cursor: pointer;  border: 0; }
.click-by-calendar-button  { background: url(../images/buttons/single-tickets-nav.gif) 0 -148px; height: 37px; width: 143px; display: block;  cursor: pointer;  border: 0; }
.register-button { background: url(../images/buttons/register.gif) no-repeat 0 -32px; display: block; width: 75px; height: 32px; cursor: pointer;  border: 0; }
.submit-questionnaire-button { background: url(../images/buttons/submit-questionnaire.gif) no-repeat 0 -32px; display: block; width: 155px; height: 32px; cursor: pointer; border: 0; }
.register-or-login-button { background: url(../images/buttons/login-or-register.gif) no-repeat 0 -32px; display: block; width: 155px; height: 32px; cursor: pointer; border: 0; }
.tickets-on-sale-soon-button { background: url(../images/buttons/tickets-on-sale-soon.gif) no-repeat; display: block; width: 161px; height: 30px; cursor: pointer; border: 0; }



.add-to-cart-button:hover,
.buy-tickets-button:hover,
.buy-now-button:hover,
.continue-shopping-button:hover,
.continue-step-2-button:hover,
.continue-step-3-button:hover,
.continue-step-4-button:hover,
.continue-step-5-button:hover,
.continue-step-6-button:hover,
.subscribe-now-button:hover,
.add-button:hover,
.remove-button:hover,
.checkout-button:hover,
.update-email-button:hover,
.apply-button:hover,
.go-button:hover,
.place-your-order-button:hover,
.sign-in-button:hover,
.create-account-button:hover,
.reset-password-button:hover,
.view-by-calendar-button:hover,
.view-all-ballets-button:hover,
.view-by-ballet-button:hover,
.view-full-calendar-button:hover,
.view-ballets-back-button:hover,
.add-more-button:hover,
.click-by-ballet-button:hover,
.submit-questionnaire-button:hover,
.register-or-login-button:hover { background-position: 0 0; }

.click-by-calendar-button:hover { background-position: 0 -111px; }

.add-to-cart-button-disabled,
.add-to-cart-button-disabled:hover,
.buy-tickets-button-disabled,
.buy-tickets-button-disabled:hover,
.continue-step-2-button-disabled,
.continue-step-2-button-disabled:hover,
.continue-step-3-button-disabled,
.continue-step-3-button-disabled:hover { background-position: 0 -64px; cursor: default; }

.add-button-disabled,
.add-button-disabled:hover { background-position: 0 -46px; cursor: default; }

.click-by-ballet-button-disabled,
.click-by-ballet-button-disabled:hover { background-position: 0 -74px; cursor: default; }

.click-by-calendar-button-disabled,
.click-by-calendar-button-disabled:hover { background-position: 0 -185px; cursor: default; }

/*********************
*
* Giftshop
*
**********************/
.giftshop-feature {
	background: #000000;
	padding:5px 10px;
	width:230px;
	color: #FFFFFF;
	margin-top: 15px;
}
.giftshop-feature p {
	width: 160px;	
}

.giftshop-feature h2 {
	text-transform: uppercase;
	font-size: 18px;
	margin: 10px 0;
}

#right .giftshop-feature a:link,
#right .giftshop-feature a:active,
#right .giftshop-feature a:visited {
	color: #FFFFFF;
	font-weight: 700;
}
#right .giftshop-feature a:hover {
	color: #959595;	
}

.giftshop-home-feature-cat {
	width: 235px;
	min-height: 170px; !important
	height: 170px;
	float: left;
	margin-right: 10px;
	margin-top: 10px;
}

.giftshop-home-feature-cat img {
	margin-right: 10px;	
}

.giftshop-home-feature-cat p {
	color: #000000;	
}

.giftshop-home-feature-cat p.first {
	margin-top: 0;	
}

.giftshop-home-feature-cat p.desc {
	font-size: 11px;
}

#content-inner .giftshop-home-feature-cat a:link,
#content-inner .giftshop-home-feature-cat a:active,
#content-inner .giftshop-home-feature-cat a:visited {
	font-weight: 700;
}

.need-help {
	background: #737172;	
	padding:5px 10px;
	color: #FFFFFF;
	margin-top: 15px;
}
.need-help h2 {
	text-transform: uppercase;
	font-size: 18px;
	margin: 10px 0;
}

#recently-viewed {
	border: 1px solid #939393;	
	margin-top: 15px;
	margin-right: 10px;
	color: #000000;
	text-align: center;
}

#product-description {
	width: 520px;
}
	#product-description img {
		float: left;
	}
	
	#product-description .desc {
		float: right;
		width: 300px;
	}
	
	#product-description .options {
		margin-top: 15px;
	}
	
	#product-description .options table th {
		color: #000000;
		text-align: left;
		padding-right: 10px;
	}

#cross-sells .item {
	float: left;
	width: 160px;
	border: 1px solid #959595;
	margin-right: 10px;
	margin-top: 15px;
	font-size: 11px;
	color: #000000;
}
#cross-sells .item img.prod-img {
	float: right;
}

#cross-sells .desc {
	width: 70px;
	padding-left: 5px;
	padding-bottom: 5px;
}
/*********************
*
* Checkout - Sign In
*
**********************/
	
#reg-sign-in-wrapper{float:left; width:49%; color:#000;}
#reg-sign-in{width:280px; float:right; height:300px;}
.reg-sign-in-header{background:#737173; color:#fff; padding:9px; font-weight:bold; font-size:16px;}
.reg-sign-in-body{ padding: 10px 0 10px 0; }
#reg-sign-in-wrapper a:link, #reg-sign-in-wrapper a:visited, #reg-sign-in-wrapper a:active,
#first-time-login-wrapper a:link, #first-time-login-wrapper a:visited, #first-time-login-wrapper a:active {color:#3c3032; font-size:11px;}
#first-time-login { width: 400px; }
#become-member-wrapper{float:left; margin-left:20px; color:#000;}
#become-member{width:280px; height:300px;}
.become-member-header{ background:#737173; color:#fff; padding:9px; font-weight:bold; font-size:16px;}
.become-member-body{padding: 10px 0 10px 0; }

#first-time-login-wrapper { width:49%; margin: 0 auto; }

#signIn h2 {
	color: #4A4D4A;
	font-size: 16px;	
}

#signIn .seperator {
	float: left;
	height: 300px;
	width: 20px;
	border-right: 1px solid #737173;
}

#signIn p.legacy-success {
	color: #000;
	font-size: 16px;
	text-align: center;
	font-weight: bold;	
}

/*********************
*
* Subscriptions Landing Styles
*
**********************/
#sub-content {
	width: 525px;
	color: black;
	text-align: left;
	display: block;
	background: #FFFFFF;
}
#sub-content .instructional-copy { font-size: 200%; }


#landing-day-of-week { background: url(../images/day-of-week.jpg) no-repeat; padding-left: 110px; }
#landing-by-theme { background: url(../images/by-theme.jpg) no-repeat; padding-left: 110px; }
#landing-create-your-own { background: url(../images/create-your-own.jpg) no-repeat; padding-left: 110px; }

.subs-content-header { height: 32px; background: #eaeaea; margin-bottom: 2px;}
.subs-content-header a { }
#subs-content-header-button, #subs-content-footer-button { float: right; width: 114px; height: 32px; }
#subs-content-header-button input[type="button"], 
#subs-content-footer-button input[type="button"] { display: none; }
#content-inner .ep-main-content .subs-content-header h3 { width: 350px; float: left; margin:0; padding: 6px 0 0 5px; }
.subs-step-header { font-size: 14px; font-weight: bold; background: #737172; color: #FFFFFF; }


.custom-sub-container { position: relative; z-index: 0; }
.custom-sub-container .subs-step-header .show-choices-button { position: absolute; top: 0; right: 0; }
.subs-step-header div.title { width: 350px; float: left; padding: 6px 0 0 5px; }

.sub-container span.title { font-size: 14px; font-weight: bold; color: #767475; }

.sub-container .sub-list { width: 185px; float: left; }
.sub-container .sub-list .sub-list-item { font-size: 14px; padding: 10px 0 10px 10px; border-bottom: 1px dotted  #a19fa0; }
.sub-container .sub-list .no-border { border: none; }
.sub-container .sub-list .sub-list-item ul { padding: 0 0 0 25px; margin: 12px 0 0 0; }
.sub-container .sub-list .sub-list-item ul li { list-style-type: square; font-size: 12px; }
.sub-container .sub-list .sub-list-item a.custom-link { background: url(../images/arrow_black.gif) no-repeat 0 3px; padding-left: 10px; }
.sub-container .custom-sub-list .sub-list-item { font-size: 12px; padding: 5px 0 5px 10px; }

.sub-container .sub-info { width: 310px; float: left; padding: 10px 0 0 20px; }
.sub-container .sub-info .performance { margin: 10px 0 10px 0; }
.sub-container .sub-info .performance img { float: left; }
.sub-container .sub-info .performance .info { float: left; padding-left: 15px; width: 195px; }
.sub-container .sub-info .performance .info .ballet-title { text-transform: uppercase ;}
.sub-container .sub-info .performance .info a { font-size: 10px; }

.sub-container .sub-info .cyo-ballet-block { display: none; }
.sub-container .sub-info .cyo-ballet-block img.float-left { margin-right: 10px; margin-bottom: 10px; }


/*
 * CREATE YOUR OWN
 */
#custom-sub { width: 525px; }
#custom-sub .view-all-ballets-button { width: 168px; }
#custom-sub #CYO_selections .selections .selected-perf { position: relative; clear: both; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #999; }
#custom-sub #CYO_selections .selections .selected-perf .desc { float: left; width: 180px; }
#custom-sub #CYO_selections .selections .selected-perf .desc p { margin: 0 0 5px 0; }
#custom-sub #CYO_selections .selections .selected-perf a.remove-button { float: right; position: absolute; top: -4px; right: 0; }
#custom-sub .performing-reps { font-size:10px; text-align: left; padding-left: 5px;  }
#custom-sub #subs-content-header-button .view-ballets-back-button,
#custom-sub #subs-content-footer-button .view-ballets-back-button { float: right; }
#custom-step-1 .repThumb { width: 100px; height: 170px; float: left; text-align: center; margin: 0 13px 0 13px; }
#custom-step-1 .repThumb img { width: 100px; height: 100px; }
#custom-step-1 .rep-details { display: none; }
#custom-step-1 .rep-details .details { float: left; width: 325px; padding: 0 10px 0 5px; border-right: 1px solid #d8d8d8; }
#custom-step-1 .rep-details .details img { width: 200px; height: 200px; margin: 0 10px 10px 0; }
#custom-step-1 .rep-details .performances { float: left; width: 172px; margin-left: 10px;}
#custom-step-1 .rep-details .performances .list { font-size: 120%; color: 666666; font-weight: bold; }
#custom-step-1 .rep-details .performances .list div.perf { padding: 10px 5px 10px 0;  border-bottom: 1px solid #d8d8d8; display: table; margin:0; }
#custom-step-1 .rep-list {padding-top: 10px; }

#custom-step-2 .cyo-sellable-product-form { display: none; width: 445px; }

#CYO_selections { width: 275px; background: #eaeaea; position: absolute; top: 0; right: 0; z-index: 0; border-left: 1px solid #999999; display: none; }
#CYO_selections .selection-content {  padding: 10px 10px; }
#CYO_selections .selection-content .warning { font-weight: bold; color: #910000; }
#CYO_selections .selection-content .selections .cyo-performance-selection { width: 100% }
#CYO_selections .selection-content .selections .cyo-performance-selection td.perf-date { width: 175px; }
#CYO_selections .subs-step-header { border-left: 1px solid #FFFFFF;  position: relative; left: -1px; width: 255px; }
#CYO_selections .subs-step-header .hide-choices-button { position: absolute; top: 0; right: 0; }


/******************************
*
* SUBSCRIPTION PRODUCT PAGE
*
*
**********************************/
#sub-product {
	width: 525px;
}
	#sub-product h2 {
		font-size: 18px;
		text-transform: uppercase;
		color: #000000;
	}
	
	#sub-product .perf-summary .images {
		width: 150px;
		float: left;
	}
	
	#sub-product .perf-summary .images img {
		width: 150px;
		height: 150px;
	}
	
	#sub-product .perf-summary .images p { margin: 0 0 15px 0; text-align: center; font-size: 11px; }
	
	#sub-product .perf-summary .info {
		float: right;
		width: 350px;
	}
	
	#sub-product .perf-summary .perf-list {
		width: 350px;
		float: right;
	}
		#sub-product .perf-summary .perf-list h3 {
			font-size: 18px;
			text-transform: uppercase;
			color: #737173;
			margin-top: 0;
		}
		
		#sub-product .perf-summary .perf-list .last {
			margin-right: 0;
		}
		
		#sub-product .perf-summary .perf-list .perf {
			width: 165px;
			float: left;
			margin-right: 10px;
		}
				
			#sub-product .perf-summary .perf-list .perf .title {
				text-transform: uppercase;
			}
			
			#sub-product .perf-summary .perf-list .perf .rep-list a {
				font-size: 10px;
			}
			
	#sub-product .seating-selection {
		width: 350px;
		float: right;
	}
	
	#sub-product  .prod-list tr th { font-size: 14px; color: #000; padding: 3px; }
	#sub-product  .prod-list tr td { color: #6E6E6E; font-weight: 700; height: 20px; padding: 3px; vertical-align: middle; }
	#sub-product  .prod-list tr td.sku-name { width: 144px; }
	#sub-product  .prod-list tr td.qty { height: 30px; text-align: center; width: 120px; }
	#sub-product  .prod-list tr.sku-disabled td { color: #CECFCE; }
	#sub-product  .prod-list tr.sku-disabled td.qty { background: url("../images/buttons/sold-out.gif") no-repeat center;}
/******************************
*
* VIEW CART PAGE
*
*
**********************************/
#view-cart {
	width: 525px;
}
	#view-cart .note {
		width: 280px;
		padding: 10px;
		background: #949694;
		color: #FFFFFF;
		font-weight: 700;
	}
	
	.cart-item-container {
		/* border: 1px solid #737173; */
		padding: 1px;
		margin-top: 15px;
	}
		.cart-item-container .cart-item-sub-container {
			border-top: 1px solid #737173;
		}
	
		.cart-item-container-first {
			margin-top: 0;
		}
		
		.cart-item-container p.content {
			padding: 0 10px 0 10px;
		}
		
		.cart-item-container p.header {
			font-weight: 700;
			margin: 2px;
			padding: 7px 15px;
			background: #EFEBEF;
			color: #000000;
		}
		
		.cart-item-container p.copy {
			padding: 0 10px;
		}
			.cart-item-container p.copy textarea {
				width: 100%;
			}
	
		.cart-item-container table {
			width: 100%;
			margin-bottom: 5px;
		}
		
		.cart-item-container table.cart-section-table { 
			border: 1px solid #737173;
		}
		
			.cart-item-container table tr th {
				background: #EFEBEF;
				padding: 7px;
				color: #000000;
				font-weight: 700;
				font-size: 12px;
			}
			
			#content-inner .cart-item-container table tr td.options p {
				margin: 5px 0 5px 0;
			}
			
			#content-inner .cart-item-container table tr td.performance { width: 330px; }
			#content-inner .cart-item-container table tr td.qty { width: 60px; }
			#content-inner .cart-item-container table tr td.price { width: 75px; }
			#content-inner .cart-item-container table tr td.options { width: 50px; }
			
			#content-inner .cart-item-container table tr td.options a:link,
			#content-inner .cart-item-container table tr td.options a:active,
			#content-inner .cart-item-container table tr td.options a:visited,
			#content-inner .cart-item-container table tr td.performance a:link,
			#content-inner .cart-item-container table tr td.performance a:active,
			#content-inner .cart-item-container table tr td.performance a:visited {
				font-weight: 700;
			}
			
			.cart-item-container table tr td.performance img {
				vertical-align: text-top;
				border: 0;
				width: 55px;
				height: 62px;
			}
			
			.cart-item-container table tr td.date-time,
			.cart-item-container table tr td.seat,
			.cart-item-container table tr td.qty,
			.cart-item-container table tr td.price {
				text-align: center;
				font-weight: 700;
				padding: 10px;
				color: #000000;
			}
			
			.cart-item-container table tr.tickets-unavailable {
				background: #DFC3C3;
				opacity:.50;
				filter: alpha(opacity=50); 
				-moz-opacity: 0.5;
			}
				.cart-item-container table tr.tickets-unavailable td {
					font-size: 95%;
				}
				
				.cart-item-container table tr.tickets-unavailable td span.unavailable-text {
					color: #FF0000;
					font-weight: 700;
				}
			
	.total-bar {
		padding: 2px;
		margin-top: 20px;
	}
		.total-bar p {
			background: #EFEBEF;
			padding: 7px;
			margin: 0;
			color: #000000;
			font-weight: 700;
			text-align: right;
		}
	
	#view-cart p.shipping-handling {
		font-weight: bold;
		text-align: right;
		color: #000000;
	}
	
	#view-cart .promotional-code label,
	#view-cart .checkout label {
		padding-left: 10px;
		width: 250px;
		float: left;
		font-size: 11px;
	}
	
	#view-cart .promotional-code input { 
		margin: 5px 15px 0 75px;
		float: left;
	}
	
	#view-cart .promotional-code a.apply-button:link,
	#view-cart .promotional-code a.apply-button:active,
	#view-cart .promotional-code a.apply-button:visited {
		background: url(../images/apply.gif);
		height: 32px;
		width: 52px;
		display: block;
		float: left;
	}
	
	.promotional-code a.go-button:link,
	.promotional-code a.go-button:active,
	.promotional-code a.go-button:visited {
		background: url(../images/go.gif);
		height: 32px;
		width: 52px;
		display: block;
		float: left;
	}
		
	#view-cart .checkout {
		margin-top: 20px;
	}
	#view-cart .checkout a.continue-shopping-button:link,
	#view-cart .checkout a.continue-shopping-button:active,
	#view-cart .checkout a.continue-shopping-button:visited {
		background: url(../images/continue-shopping.gif);
		height: 32px;
		width: 137px;
		display: block;
		float: left;
		margin: 0 0 0 20px;
	}
	
	#view-cart .checkout a.checkout-button:link,
	#view-cart .checkout a.checkout-button:active,
	#view-cart .checkout a.checkout-button:visited {
		background: url(../images/checkout.gif);
		height: 32px;
		width: 77px;
		display: block;
		float: left;
		margin: 0 0 0 15px;
	}
	
/******************************
*
* REGISTRATION PAGE
*
*
**********************************/
.field-required {
	border: 1px solid red;	
}
#registration {
	width: 525px;
}
	#registration h3 {
		background: #EAEAEA;
		color: #000000;
		font-size: 14px;
		padding: 5px;
	}
#reg-form div {
	width: 430px;
	margin-bottom: 5px;
}
	#reg-form #additional-address {
		height: auto;
		display: none;
	}
	
	#reg-form div label {
		width: 200px;
		float: left;
	}
		#reg-form div label.required {
			font-weight: 700;
			color: #000000;
			font-family: Arial, Helvetica, Verdana;
		}
		#reg-form div label.requiredCustom {
			font-weight: 700;
			color: #000000;
			font-family: Arial, Helvetica, Verdana;
		}		
		#reg-form div label.one-column {
			width: 300px;
		}
		#reg-form div label.radio-inline {
			width: 175px;
		}
	#reg-form div input {
		float: left;
	}
		#reg-form div input[type="text"] {
			width: 200px;
		}
	
	#reg-form div.form-buttons {
		text-align: right;
		height: 32px;
		margin-top: 10px;
	}
		#add-address {
			background: url(../images/add-an-additional-address.gif) no-repeat;
			display: block;
			width: 183px;
			height: 32px;
			float: right;
			margin-left: 10px;
		}
		
		#reg-form .form-buttons .hide-additional-address {
			background: url(../images/hide-additional-address.gif) no-repeat;
		}
		
		#register {
			background: url(../images/register.gif) no-repeat;
			display: block;
			width: 75px;
			height: 32px;
			float: right;
			margin-left: 10px;
		}
	#reg-form div span.req {
		margin: 5px 0 10px 200px;
		font-weight: 700;
		color: red;
	}
	
/******************************
*
* CHECKOUT FLOW
*
*
**********************************/
.checkout-container { 
	width: 970px;
	margin: auto;
}
	#checkout-steps {
		margin-top: 10px;
		background: #949694;
	}
	
	#checkout-steps ul {
		margin: 0;
		padding: 10px;
	}
		#checkout-steps ul li {
			display: inline;
			list-style: none;
			color: #FFFFFF;
			text-align: center;
			padding: 0 15px 0 15px;
		}
		
		#checkout-steps ul li.active {
			font-weight: 700;
		}
	
	.checkout-container table.checkout-table-split {
		width: 100%;
	}
	
		.checkout-container table.checkout-table-split tr td {
			width: 50%;
			padding-left: 10px;
		}
			.checkout-container .cart-item-container table tr td {
				width: auto;
			} 
			.checkout-container table.checkout-table-split tr td.right-border {
				border-right: 1px solid #949294;
				padding-left: 0;
				padding-right: 10px;
			}
	.checkout-container table.normal {
		margin: 10px 0;
	}
	
	.checkout-container table.normal tr td {
		 width: auto;
	}
	
	
	.checkout-container .cell-content {
		padding: 10px;
		line-height: 16px;
	}
	
	.checkout-container .cell-container {
		border: 1px solid #949294;
		margin-top: 15px;
	}
	
		.checkout-container .cell-container h3 {
			background: #737173;
			font-size: 16px;
			color: #FFFFFF;
			padding: 5px 10px;
			margin: 0;
		}
		
		.checkout-container .cell-container h4 {
			background: #EFEBEF;
			font-size: 12px;
			font-weight: 700;
			padding: 5px 10px;
			margin: 2px;
		}
		
	#new-address-container, #new-credit-card-container {
		border-top: 1px solid #949294;
		display: none;
	}
		.checkout-container #new-address tr td {
			width: auto;
		}
	
	.checkout-container .action-buttons {
		float: right;
		margin-top: 15px;
	}
	

	.checkout-container .cart-item-container {
		padding: 0;
	}

#confirmation-donation { float: right; width: 550px; }
#confirmation-donation .total { width: 150px; text-align: right; }
#confirmation-donation, #confirmation-donation tbody, #confirmation-donation tr td {
	padding: 0;
	margin: 0;
}
#confirmation-donation tr td { padding-left: 10px; }

#deliveryOptions p { padding: 15px }
;
/******************************
*
* SINGLE TICKETS
*
*
**********************************/

#single-tickets { width: 525px; }
#single-tickets .info-wrapper .images { float: left; width: 150px; }
#single-tickets .info-wrapper .images p { margin: 0 0 15px; 0; font-size: 11px; text-align: center; }
#single-tickets .info-wrapper .info { width: 340px; float: right; margin-right: 15px; }
#single-tickets .info-wrapper .info .perf-list tr th { color: #757575; padding: 3px;}
#single-tickets .info-wrapper .info .perf-list-perspectives tr th { font-size: 12px;  color:#000; }
#single-tickets .info-wrapper .info .perf-list-perspectives tr td { vertical-align: middle; height: 32px; }
#single-tickets .info-wrapper .info .perf-list-perspectives tr td.perf-name { font-weight: bold; color: #757575;}
#single-tickets .info-wrapper .info .perf-list tr td { padding: 2px;}
#single-tickets .info-wrapper .info .seating-list { width: 100%; }
#single-tickets .info-wrapper .info .seating-list-nuts { padding: 0 7px; }
#single-tickets .info-wrapper .info .seating-list tr th { color: #000000; font-size: 14px; padding: 3px; text-align: left; }
#single-tickets .info-wrapper .info .seating-list tr.sku-disabled td { color: #CECFCE; }
#single-tickets .info-wrapper .info .seating-list tr.sku-disabled td.qty { background: url("../images/buttons/sold-out.gif") no-repeat center;}
#single-tickets .info-wrapper .info .seating-list-nuts tr th { font-size: 11px; padding: 7px; text-align: left; color: #000000; }
#single-tickets .info-wrapper .info .seating-list tr td { color: #6E6E6E; font-size: 12px; padding: 3px; font-weight: 700; height: 20px; vertical-align: middle;}
#single-tickets .info-wrapper .info .seating-list tr td input { height: 20px; }
#single-tickets .info-wrapper .info .seating-list tr td.add-to-cart {height: 32px; }
#single-tickets .info-wrapper .info .seating-list tr td input.add-to-cart-button,
#single-tickets .info-wrapper .info .seating-list tr td input.tickets-on-sale-soon-button { height: 32px; } 
#single-tickets .info-wrapper .info .seating-list tr td.qty { text-align: center; height: 30px; width: 120px; }
#single-tickets .info-wrapper .info .seating-list tr td.sku-name { width: 144px; } 
#single-tickets .info-wrapper .info .seating-list .add-to-cart-button { }
#single-tickets .accordian-header { padding: 5px; background: #6F6F6F; color: #FFFFFF; font-weight: 700; font-size: 14px;  margin-bottom: 2px; }
#single-tickets .accordian-content { padding: 15px 0; display: none; }
#single-tickets .accordian-content-visible { display: block; }
#single-tickets .sweets-highlight { padding: 0 7px; border: 1px solid #6F6F6F; }
#single-tickets .expand { cursor: pointer; background: #6F6F6F url(../images/expand.gif) no-repeat 97% 7px; }

#single-tickets #content-nut-step-2, #single-tickets #content-nut-step-3 { padding-top: 0; }

/*NON BLOCK SINGLE*/
#main-nav { background: #CCCCCC;  height: 37px; }

#single-tickets-non-block .ballet { width: 520px; margin-bottom: 3px; }
#single-tickets-non-block .ballet img { float: left; width: 100px; height: 100px; }
#single-tickets-non-block .ballet strong { font-size: 11px; font-weight: bold; }
#single-tickets-non-block .ballet .content a:link,
#single-tickets-non-block .ballet .content a:active,
#single-tickets-non-block .ballet .content a:visited { color: black; font-size: 12px; }
#single-tickets-non-block .ballet .content a:hover { color: #6F6F6F; }
#single-tickets-non-block .ballet .content { float: left; width: 255px; margin-left: 3px; font-size: 10px; padding-right: 5px; }
#single-tickets-non-block .ballet .content p { margin: 5px 0; }
#single-tickets-non-block .ballet .desc { width: 145px; }
#single-tickets-non-block .spacer { height: 9px; background: url(../images/d8d8d8.gif) repeat-x 4px; clear:both; }
#single-tickets-non-block .navigation { height: 21px; margin-bottom: 5px; overflow: hidden; }
#single-tickets-non-block .navigation .current { height: 20px; font-size: 130%; padding: 1px 0 0 5px; margin: 0; background: #CCCCCC; text-transform: uppercase;}
#single-tickets-non-block .details h2 { font: 18px Tahoma; margin-top: 5px; }

#by-ballet .navigation .current { float: left; width: 356px; }
#by-ballet .navigation .back { float: left; width: 169px; }
#by-ballet .results { display: none; }

#by-ballet-details .navigation .current { float: left; width: 343px; }
#by-ballet-details .navigation .back { float: left; width: 182px; }

#by-calendar .navigation .current { float: left; width: 356px; }
#by-calendar .navigation .back { float: left; width: 169px; }

#by-calendar-details .navigation .current { float: left; width: 343px; }
#by-calendar-details .navigation .back { float: left; width: 182px; }

#by-ballet-details .details { float: left; width: 337px; padding-right: 10px; border-right: 1px solid #d8d8d8; }
#by-ballet-details .details img { width: 200px; height: 200px; margin: 0 10px 10px 0; }
#by-ballet-details .performances { float: left; width: 172px; margin-left: 10px;}
#by-ballet-details .performances .list { font-size: 120%; color: 666666; font-weight: bold; }
#by-ballet-details .performances .list .perf { padding: 10px 0 10px 0; border-bottom: 1px solid #d8d8d8;}
#by-ballet-details .performances .performing-reps { font-size:10px; text-align: left; padding-left: 5px;  }

#by-calendar .cal { width: 345px; }
#by-calendar .cal .title { background: #959595; font-size: 130%; font-weight: bold; color: #FFF; padding: 10px 0 10px 10px; }
#by-calendar .cal .week-days-container { background: #959595; font-size: 130%; color: #FFF; height: 21px; padding: 0 0 0 5px; }
#by-calendar .cal .week-days-container div { float: left; width: 48px; text-align: center; }
#by-calendar .cal .days-container { padding: 5px 0 5px 8px; }
#by-calendar .cal .days-container div.day { font-weight: bold; float: left; width: 45px; height: 25px; line-height: 25px; text-align: center; background: #eaeaea; margin: 0 3px 3px 0; padding:0; }
#by-calendar .cal .days-container div.perf-avail { color: #FFF; background: black; cursor: pointer; }

#by-calendar-details .details { width: 520px; }
#by-calendar-details .details img { width: 125px; height: 125px; }
#by-calendar-details .details .rep-container { width: 125px; margin-right: 5px; float: left; text-align: center; }
#by-calendar-details .details p.title { font-weight: bold; font-size: 130%; }

#easyTooltip { background: #EAEAEA; border: 1px solid #000; padding: 5px; }
#easyTooltip p.header { font-weight: bold; }

/******************************
*
* TICKET AVAILABILITY
*
*
**********************************/
.tbl-availability { font-size: 11px; }
.tbl-availability tr.odd { background: #EAEAEA; }
.tbl-availability tr.even { background: #e2e0e1; }
.tbl-availability tr th { color: #FFF; background:#737172; font-size: 11px; }
.tbl-availability tr th.performance { width: 150px; }
.tbl-availability tr td { text-align: center; }
.availability-key table { width: 100%; }
.availability-key table td { line-height: 16px; }
.availability-key table img { vertical-align: middle; }
.dataTables_info { width: 60%; float: left; }
.dataTables_paginate { width: 34px; float: right; }
.dataTables_paginate .paginate_disabled_previous { float:left; width: 16px; height: 16px; background: url(../images/page-prev-disabled.gif) }
.dataTables_paginate .paginate_enabled_previous { float:left; width: 16px; height: 16px; background: url(../images/page-prev.gif) }
.dataTables_paginate .paginate_disabled_next { float:right; width: 16px; height: 16px; background: url(../images/page-next-disabled.gif) }
.dataTables_paginate .paginate_enabled_next { float:right; width: 16px; height: 16px; background: url(../images/page-next.gif) }

/******************************
*
* ACCOUNT MANAGEMENT
*
*
**********************************/
#account-personal-info { width: 350px; }
#account-personal-info-edit { width: 400px; }
#account-address-book, #account-credit-cards, #account-order-history { width: 700px; }
#account-address-book .cart-section-table tr td, 
#account-credit-cards .cart-section-table tr td,
#account-order-history .cart-section-table tr td { text-align: center; }

/******************************
*
* Club Robbins
*
*
**********************************/
#club-robbins { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; line-height: 18px; padding-right: 150px; }
#club-robbins strong { color: #000; }
#club-robbins a:link,
#club-robbins a:active,
#club-robbins a:visited { text-decoration: underline; }
#robbins-reg-form {}
#robbins-reg-form div { clear: left; margin-bottom: 10px; }
#robbins-reg-form label { width: 150px; float: left; }
#robbins-reg-form label.required { color: #000; font-weight: bold; }

#robbinsSurveyForm p.question {  font-size: 18px; color: #000; font-family: "Trebuchet MS", Helvetica, sans-serif; }
#robbinsSurveyForm div { margin-bottom: 10px; }

/******************************
*
* Control Panel CSS
*
*
**********************************/
#control-panel .login-panel { margin: 0 auto; width: 150px; }
#control-panel .login-panel label { display: block;  font-weight: bold; }

#control-panel input[type="submit"] {  background: #efefef; border: 1px solid #000; padding: 3px; font-weight: bold; cursor: pointer; }
#control-panel input.submit-small { background: #ffffff; border: 1px solid #000; padding: 3px; font-weight: bold; cursor: pointer;  }
#control-panel input.refresh { padding-left: 20px; background: #efefef url(../images/control-panel/refresh.png) no-repeat 5px 4px; }
#control-panel input.cross { padding-left: 20px; background: #efefef url(../images/control-panel/cross.png) no-repeat 5px 4px; }
#control-panel input.power { padding-left: 20px; background: #efefef url(../images/control-panel/power.png) no-repeat 5px 4px; }
#control-panel input.sync-single { width: 30px; height: 30px; display: block; border: 0;  background: url(../images/control-panel/refresh-large.png) no-repeat; cursor: pointer;  }
#control-panel input.show-details { width: 30px; height: 30px; display: block; border: 0;  background: url(../images/control-panel/gears-large.png) no-repeat; cursor: pointer;  }
#control-panel input.close-details { width: 16px; height: 16px; display: block; border: 0;  background: url(../images/control-panel/cross.png) no-repeat; cursor: pointer;  }

#control-panel h2 { font: 24px "Trebuchet MS", Helvetica, sans-serif; color: #000; }
#control-panel h3 { font: 18px Tahoma, Geneva, serif; color: #000; }

#control-panel tr th, #control-panel tr td { text-align: left; padding: 3px 5px 3px 5px; vertical-align: middle; }
#control-panel .order-details tr td {  vertical-align: top; }
#control-panel tr th { font-size: 14px; }
#control-panel tr.row0 { background: #EFEFEF; }
#control-panel tr.row1 { background: #DFDFDF; }
#control-panel tr td.action { width: 125px; }
#control-panel tr td.action input { float: left; }
#control-panel tr td.action .action-item { float: left; text-align: center; width: 40px; }

#control-nav { list-style: none; margin: 10px 0 0 0; padding: 0; }
#control-nav li { float: left; margin-right: 10px; }

#control-panel .order-details { width: 600px; display: none; }
#control-panel .order-details .pane { height: 450px; overflow: auto; }
#control-panel .order-details tr th { font-size: 12px; }
#control-panel .order-details .close-details { position: absolute; top: 0; right: 0; outline: none; }

/******************************
*
* jQuery Modal CSS
*
*
**********************************/
#htmlModal { border: 1px solid #a19fa0; display: none;  }
#htmlModal .title-bar { background: #959595; height: 25px; }
#htmlModal .title-bar .title { color: #FFF; font-weight: 700; float: left; padding: 5px 0 0 5px; }
#htmlModal .title-bar .close { float: right; }
#htmlModal .jqmContent { height: 450px; overflow:auto; background: #FFF; }
#jqmContent{ width:99%; height:99%; display: block; clear:both; margin:auto; border: 0; margin-top:10px; margin-bottom: 10px; background:#fff; }
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 5%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

#shoppingcart .jqmWindow { width: 800px; margin-left: -400px; }


/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
