﻿/* Style Reset */
body,form,input,textarea,button,div,h1,h2,h3,h4,h5,h6,p,ul,ol,pre,th,td{margin:0;padding:0}

/* Site */
body{background:#F9E2AA url(../images/layout/background.png) repeat-x;color:#333;font:10px/12px Verdana,Arial,Helvetica,sans-serif;padding:5px 0 20px}
h1{color:#CC3A3D;font:700 16px/20px Arial,Helvetica,sans-serif;margin:0 0 3px}
h2{color:#DE7436;font:700 12px/16px Arial,Helvetica,sans-serif;margin:0 0 2px}
h3{font-size:11px;line-height:14px;margin:0 0 4px}
h4{font-size:10px;font-weight:400;line-height:12px;margin:0 0 8px}
h4 a{color:inherit}
h5{font-size:12px;line-height:14px;margin:0 0 8px}
p{line-height:14px;margin:0 0 10px}
img{border:none}
a{color:#DE7436}
a:visited{color:#999}
a:hover{text-decoration:none}
ul,ol{line-height:14px;margin:0 0 10px;padding-left:30px}
.mb0{margin-bottom:0!important}
.nw{white-space:nowrap}
.clear{clear:both}

/* Liquid Layout */
.colmask{clear:both;float:left;overflow:hidden;padding-top:15px;position:relative;width:100%}
.col1{border-left:solid 1px #CCC;float:left;left:173px;position:relative;width:100%}
.col2{border-right:solid 1px #CCC;float:right;left:-302px;position:relative;width:100%}
.col3{float:left;left:129px;padding:0 0 2px;position:relative;width:200%}
.col4{float:right;left:-50%;position:relative;width:50%}
.colmiddle{margin:0 129px 0 174px;padding:0 13px;position:relative}
.colright{float:right;font-size:10px;padding: 35px 10px 0 11px;position:relative;width:107px}
.colleft{float:left;position:relative;width:173px}

/* Layout */
#page{background:#FFF;margin:0 auto;width:772px}
#skips{float:left;margin:0;min-height:20px;overflow:hidden;position:relative}
#skips a{clear:both;float:left;left:-100%;margin-bottom:-14px;position:relative;white-space:nowrap}
#skips a:focus{left:0}
#nav-secondary{float:right;line-height:inherit;list-style:none;margin:0;min-height:20px;padding:0}
#nav-secondary li{float:left;margin:0 0 0 28px}
#banner{clear:both;margin:0}
#footer{border-top:solid 1px #CCC;clear:both;margin:0 15px;padding:9px 0 7px}
#footer i{margin:0 4px}
#footer .highlight{color:#CC3A3D;font:700 11px Arial,Helvetica,sans-serif;text-transform:uppercase}
#footer .facebook{background:url(../images/icons/facebook.gif) no-repeat 0 center;display:inline-block;padding-left:20px}
#left p{border-top:solid 1px #CCC;margin:0 10px 10px;padding-top:10px}
#left p img{padding-bottom:5px}
#right .highlight{line-height:12px;margin:0 0 15px}
#right .highlight br{display:none}
#right .highlight span{display:block;margin:0 0 10px;padding:1px}
#right .highlight a{color:#CC3A3D;display:block;font-size:12px;font-weight:700;text-decoration:none}
#right .highlight a:hover{color:#DE7436}
#right .construction{margin-top:4px}
#right .construction span{padding:1px}
#right .download{color:#666}
#right .tickets{margin: -37px 0 -3px -25px;position: relative}

/* Menu */
#mainmenu,#mainmenu ul{list-style:none;margin:0 0 25px;padding-left:7px}
#mainmenu li{position:relative}
#mainmenu ul{display:none;margin:0}
#mainmenu ul li a{background:#DE7436;border-bottom-color:#FFF;color:#FFF;font-weight:400;text-transform:none;width:150px}
#mainmenu ul li a:hover{background:#CC3A3D;border-bottom-color:#FFF;color:#FFF}
#mainmenu a{border-bottom:dotted 1px transparent;color:#59529D;display:block;font-size:11px;font-weight:700;line-height:1.3em;padding:5px 10px 5px 5px;text-decoration:none;text-transform:uppercase}
#mainmenu a:hover,#mainmenu li:hover > a{border-bottom-color:#9BB6D2;color:#DE7436}
#mainmenu li:hover > ul{display:block;left:100%;padding:0;position:absolute;top:0}
#mainmenu .space{margin:0 0 20px}

/* Status Display */
.status{background:#EEE;border:solid 1px #000;padding:12px}
.status-good{background:#90EE90 url(../images/icons/status-good.png) no-repeat 12px center;border-color:green;min-height:16px;padding-left:40px}
.status-bad{background:#F4A460 url(../images/icons/status-bad.png) no-repeat 12px center;border-color:#A52A2A;min-height:16px;padding-left:40px}

/* General */
h1 br,.op{display:none}

div.tickets{color:#733022;min-height:225px;position:relative}
.tickets h2{border-bottom:solid 2px #733022;color:#471416;font-size:12px;margin:0 0 10px;text-transform:uppercase}
.tickets table.alignTop td{vertical-align:top}
.tickets table.order{border-collapse:collapse;margin:0 0 20px;width:100%}
.tickets table.order-small{width:auto}
.tickets table.order td.button a,.tickets table.order td.button span{margin-top:2px}
.tickets table.order td,.tickets table.order th,.tickets .options td{padding:5px 0 5px 13px}
.tickets table.order td:first-child,.tickets table.order th:first-child,.tickets .options td:first-child{padding-left:0}
.tickets .options{border-collapse:collapse;float:none;margin:0 0 20px}
.tickets .options p{float:none}
.tickets .more-info{color:#999;display:block;font-size:9px;margin:3px 0 0}
.tickets .ticketsLeft{background:url(../images/icons/tickets-left.png) no-repeat;height:110px;margin:0;overflow:hidden;position:absolute;right:5px;text-indent:-5000px;top:-50px;width:110px}
.tickets .ticketsLeft .text{font-size:12px;height:42px;left:25px;position:absolute;text-align:center;text-indent:0;top:34px;width:60px}
.tickets .ticketsLeft .number{font-size:18px;font-weight:700}
.tickets .card-logos img{margin:5px 5px 0 0}

div.soiree{background:url(../images/2010-symphony-soiree/background.jpg) no-repeat;color:#733022;min-height:225px;padding:80px 13px 13px 13px;position:relative}
.soiree .video{padding:17px 50px 50px;position:relative}
.soiree .shadow{background:url(../images/2010-symphony-soiree/shadow-317x256.png) no-repeat;height:256px;padding:0 12px 12px 0;width:317px}
.soiree .shadow-2{background:url(../images/2010-symphony-soiree/shadow-317x380.png) no-repeat;height:380px;padding:0 12px 12px 0;width:317px}
.soiree .shadow-3{background:url(../images/2010-symphony-soiree/shadow-317x420.png) no-repeat;height:420px;padding:0 12px 12px 0;width:317px}
.soiree .buynow{margin:0;position:absolute;right:5px;top:-50px}
.soiree .buynow a{background:url(../images/icons/buy-tickets-now.png) no-repeat;display:block;height:110px;overflow:hidden;text-indent:-5000px;width:110px}
.soiree h2{border-bottom:solid 2px #733022;color:#471416;font-size:12px;margin:0 0 13px;text-transform:uppercase}
fieldset{border:none;float:left;margin:0;padding:0;width:100%}
fieldset legend{display:none}
fieldset p{clear:both;float:left;width:100%}
.field-2-column{float:left;margin:0 0 20px;width:100%}
.field-column-1{float:left;margin-right:13px;width:273px}
.field-column-1 input[type=text]{width:269px}
.field-column-2{float:left;width:130px}
fieldset select,fieldset input[type=text],fieldset input[type=password],.field-firstname input[type=text],.field-lastname input[type=text],.field-city input[type=text],.field-column-1 .field-phone input[type=text],.field-column-1 .field-email input[type=text]{border:solid 1px #471416;font:12px Arial;padding:1px;width:126px}
fieldset input[type=checkbox]{margin-right:5px}
fieldset select{padding:0;width:130px;}
.field-firstname,.field-city,.field-column-1 .field-phone{margin-right:13px;width:130px}
.field-lastname,.field-column-1 .field-email{clear:none;float:left;width:130px}
.field-state{clear:none;float:left;margin-right:13px;width:53px}
.field-state input[type=text]{width:49px}
.field-zip{clear:none;float:left;width:62px}
.field-zip input[type=text]{width:58px}
.field-expiration span{display:block;float:left;text-align:center;width:100%}
.field-expiration input.field-month,.field-expiration input.field-year,.field-cardverificationvalue input[type=text]{float:left;width:50px}
.field-expiration input.field-year{float:right}
.field-cardverificationvalue a{display:inline-block;float:right;line-height:19px}
.field-checkbox input{float:left}
div.field-termsandconditions{border:solid 1px #471416;clear:both;height:100px;margin:0 0 10px;overflow:auto;padding:10px;position:relative}
div.field-termsandconditions p{float:none}
p.field-termsandconditions{margin:0 0 20px}

.navigation{clear:both;float:left;width:100%}
.navigation a{background:url(../images/icons/next-button.png) no-repeat;float:right;line-height:16px;padding-left:20px;white-space:nowrap}
.navigation .prev{float:left}

.soiree .video .buynow{right:-8px;top:-113px}
.soiree .video #sectionMenu{left:50px;top:-60px}
.soiree #sectionMenu{left:13px;list-style:none;margin:0;padding:0;position:absolute;top:3px}
.soiree #sectionMenu li{float:left;line-height:14px;margin:0 12px 0 0}
.soiree #sectionMenu a{color:#733022;float:left;font-weight:700}
.soiree .qna{margin:0 0 20px}
.soiree .qna h3{color:#733022;font-size:10px;line-height:14px;margin:0}
.soiree .qna ul{padding-left:20px}
.soiree .qna li{margin:0 0 5px}

.ticket-options{list-style:none;margin:20px 0 0;padding:0}
.ticket-options a{color:#000;display:block;padding:5px 10px;text-decoration:none}
.ticket-options li.odd{background:url(../images/overview-gradient.png) repeat-y}

.style1 .section{margin:0 0 20px}
.style1 .section h3{color:#471416;font-size:18px;letter-spacing:-1px;line-height:20px;margin:0 0 10px;text-transform:uppercase}
.soiree #sectionMenu .fire-button{background:url(../images/icons/fire-button.png) no-repeat;clear:left;display:inline-block;margin-top:6px;padding:0 10px 10px 0;text-transform:uppercase}
.fire-button a{padding:5px 10px;width:135px}

/* Seasonal Ticket Styling */
.uc{text-transform:uppercase}
.pricing-chart{border-bottom:solid 1px #000;border-collapse:collapse;margin:0 0 1em;position:relative;width:100%}
.pricing-chart th,.pricing-chart td{padding:2px 5px}
.pricing-chart .package{border-left:solid 1px #000;border-right:solid 1px #000}
.pricing-chart .series-title{background:#FFF0C7;border:solid 1px #000;font-size:14px;font-weight:700;line-height:16px}
.pricing-chart .series-title small{font-weight:400}
.pricing-chart .seat-option-platinum{background:#A1C4E8}
.pricing-chart .seat-option-gold{background:#E7C76A}
.pricing-chart .seat-option-silver,.pricing-chart .seat-option-vip{background:#C5CED7}
.pricing-chart .seat-option-bronze{background:#D9B187}
.pricing-chart .seat-option-platinum,.pricing-chart .seat-option-gold,.pricing-chart .seat-option-silver,.pricing-chart .seat-option-vip,.pricing-chart .seat-option-bronze{min-width:50px;padding-left:5px;padding-right:5px}
.seating-info{margin:0 0 2em}
.seating-info img{margin:0 0 10px 10px}
.ticket-purchase-options{margin:0 0 10px;position:relative;width:100%}
.ticket-field-group{line-height:14px;margin:0 0 10px}
.ticket-field-group td{padding-right:10px}
.ticket-field-group input{margin-right:3px}
.ticket-selection{margin:0 0 20px}
.ticket-selection .ticket-purchase-options{margin:0}

#blank{background:none;padding:0}
#blank .pricing-chart{margin:0;width:auto}
.gap2em{margin-bottom:20px}
.contribution{margin-bottom:10px}
.contribution th{font-weight:400;padding-right:10px}

/* Un-Styling */
#overlays{display:none}
div.tickets{color:inherit}
.tickets h2{border-bottom-color:#DE7436;color:#DE7436;text-transform:none}
.uc{text-transform:none}
