/*
Copyright 2011-2019 Skyway Networks, LLC. All rights reserved. This software, in whole or any part, may only be licensed for use by written permission exclusively by Skyway Networks, LLC. Any other infringing use, or removal of this copyright statement, is prohibited and will be prosecuted to the full extent of United States of America and international copyright law.
*/
/* Global Styles */
html
{
background-color: #FFFFFF;
margin: 0em 0em 0em 0em;
}
body
{
background-color: #FFFFFF;
margin: 0em 0em 0em 0em;
font-size: 62.5%;	/* Changes browser default font from 16px to 10 px. Sets 1em = 10px font */
}
img, object
{
max-width: 100% !important;
border-width: 0em 0em 0em 0em;
}
@font-face
{
font-family: 'WeblySleek UI Semibold';
src: url(/fonts/weblysleekuisb.ttf);
}
a
{
text-decoration: none;
color: #3399ff;
font-weight: bold;
font-style: normal;
}
a:hover
{
text-decoration: underline;
}
.BlackText
{
color: #000000;
}
ul
{
margin-top: 0.2em;
margin-bottom: 0.5em;
}
ul li
{
color: #662d91;
}
table tbody tr td
{
vertical-align: top;
}
table tr td
{
vertical-align: top;
}
h1
{
color: #000000;
font-weight: bold;
font-size: 2em;
font-family: arial,Arial,helvetica,Helvetica,sans-serif;
line-height: 1.4;
margin: 0em 0em 0em 0em;
}
p
{
color: #000000;
font-weight: normal;
font-size: 1.4em;
font-family: 'WeblySleek UI Semibold',arial,Arial,helvetica,Helvetica,sans-serif;
line-height: 1.4;
margin: 0em 0em 0em 0em;
}
.FormBox
{
max-width: 80em;
margin-left: auto;
margin-right: auto;
margin-bottom: 3em;
clear: both;
}
#ErrorBox, .BrowserCompatibilityWarningBox
{
width: 100%;
height: auto;
border: 0.2em solid #F00F00;
}
#ErrorBox ul li
{
color: #000000;
}
@media (min-width: 800px)
{
.FormFieldsBox
{
width: 60em;
height: auto;
padding: 0.5em 0em 0em 0em;
}
.FormFieldsBox2
{
width: 45em;
height: auto;
padding: 0.5em 0em 0em 0em;
}
.FormFieldsBox3
{
width: 75em;
height: auto;
padding: 0.5em 0em 0em 0em;
}
.FormFieldLabel
{
display: inline-block;
width: 20em;
margin: 0.5em 0.5em 0em 0em;
text-align: right;
}
.FormFieldLabel2
{
display: inline-block;
width: 20em;
height: 7em;
margin: 0.5em 0.5em 0em 0em;
text-align: right;
vertical-align: top;
}
.FormFieldValue
{
display: inline-block;
width: 15em;
margin-top: 0.5em;
}
.FormFieldValue2
{
display: inline-block;
width: 28em;
margin-top: 0.5em;
}
.FormFieldValue3
{
display: inline-block;
width: 25em;
height: 7em;
margin-top: 0.5em;
}
}
@media (max-width: 799px)
{
aside
{
display: none;
}
.FormFieldsBox, .FormFieldsBox2, .FormFieldsBox3
{
width: 30em;
height: auto;
padding: 1.5em 0em 0em 0em;
}
.FormFieldLabel
{
display: inline-block;
width: 20em;
margin: 0.5em 0.5em 0em 0em;
}
.FormFieldLabel2
{
display: inline-block;
width: 20em;
height: 7em;
margin: 0.5em 0.5em 0em 0em;
vertical-align: top;
}
.FormFieldValue, .FormFieldValue2
{
display: inline-block;
width: 10em;
margin-top: 0.5em;
}
.FormFieldValue3
{
display: inline-block;
width: 25em;
height: 7em;
margin-top: 0.5em;
}
}
.formcopy, .FormText
{
color: #000000;
font-weight: normal;
font-size: 1.4em;
font-family: 'WeblySleek UI Semibold',arial,Arial,helvetica,Helvetica,sans-serif;
}
#FormSubmitBtnBox
{
width: 8em;
height: auto;
margin-top: 2em;
margin-left: auto;
margin-right: auto;
}
.largefrmfield
{
width: 20em;
height: auto;
}
.medfrmfield
{
width: 15em;
height: auto;
}
.xsmallfrmfield
{
width: 4em;
height: auto;
}
.submitbtnbox
{
width: 7em;
height: auto;
margin-right: auto;
margin-left: auto;
}
.alignright
{
text-align: right;
}
.AlignCenter
{
text-align: center;
}
/* Header Styles */
#HeaderSiteID
{
display: table;
width: 100%;
height: auto;
}
#PageHeader
{
width: 100%;
max-width: 100em;
height: auto;
margin-left: auto;
margin-right: auto;
}
/* Site Navigation Styles */
#MainNavigation
{
width: 100%;
height: 3.5em;
background: #7fd6f7;
background: linear-gradient(to right, #FFFFFF 34%, #7fd6f7);
margin-top: 0em;
z-index: 3; 
}
#MainNavigation > ul
{
margin: 0em 0em 0em 0em;
padding: 0em 0em 0em 0em;
}
#MainNavigation > ul > li
{
display: inline-block;
}
#MainNavigation > ul > li a:link, #MainNavigation > ul > li a:visited
{
display: block;
font-size: 1.5em;	/* 1.4em = 14px = 10.5pt */
font-family: 'WeblySleek UI Semibold',arial,Arial,helvetica,Helvetica,sans-serif;
font-weight: normal;
font-style: normal;
color: #000000;
text-decoration: none;
padding: 0.4em 1em 0.5em 1em;
}
#MainNavigation > ul > li a:hover
{
background-color: #f7bd56;
}
.SubNavMenu
{
position: absolute;
width: 25.5em;
height: auto;
background-color: #FFFFFF;
background: linear-gradient(#FFFFFF, #7fd6f7);
box-shadow: 0.5em 0.8em 0.5em #CCCCCC;
display: none;
top: 0em;
left: 0em;
z-index: 10;
}
@media (max-width: 799px)
{
.SubNavMenu
{
display: none;
}
}
.SubNavMenu > ul
{
list-style-type: none;
margin: 0em 0em 0em 0em;
padding: 0em 0.8em 0.8em 0.8em;
}
.SubNavMenu > ul > li
{
padding-top: 0.8em;
line-height: 1.4;
}
.SubNavMenu > ul > li > a:link, .SubNavMenu > ul > li > a:visited
{
display: block;
font-size: 1.5em;
font-family: 'WeblySleek UI Semibold',arial,Arial,helvetica,Helvetica,sans-serif;
font-weight: normal;
font-style: normal;
color: #000000;
text-decoration: none;
padding: 0.6em 1.5em 0.7em 1.5em;
z-index: 10;
}
.SubNavMenu > ul > li a:hover
{
background-color: #f7bd56;
}
/* Mobile Navigation Styles */
@media (min-width: 800px)
{
#MobileNavMenu
{
display: none;
}
#MobileNavBox
{
display: none;
}
}
@media (max-width: 799px)
{
#MainNavigation
{
display: none;
}
#MobileNavMenu
{
width: 100%;
height: 3.5em;
background: #7fd6f7;
background: linear-gradient(to right, #FFFFFF 34%, #7fd6f7);
margin-top: 0.5em;
z-index: 3; 
display: block;
}
#MobileNavMenu a
{
display: inline-block;
}
#MobileNavMenu a:link, #MobileNavMenu a:visited
{
display: inline-block;
font-size: 1.5em;	/* 1.4em = 14px = 10.5pt */
font-family: 'WeblySleek UI Semibold',arial,Arial,helvetica,Helvetica,sans-serif;
font-weight: normal;
font-style: normal;
color: #000000;
text-decoration: none;
}
.MobileNavImg
{
padding: 0.4em 0.5em 0em 1em;
vertical-align: bottom;
max-width: 100%;
border-width: 0em 0em 0em 0em;
}
.MobileNavText
{
padding: 0em 1.5em 0em 0em;
vertical-align: middle;
}
#MobileNavBox
{
display: none;
position: relative;
top: 5%;
left: 50%;
width: 30em;
height: auto;
background: #7fd6f7;
background: linear-gradient(#FFFFFF 34%, #7fd6f7);
margin-left: -15em;
z-index: 10;
outline: 9999em solid rgba(0,0,0,0.5);
}
#MobileMainNav > ul
{
list-style-type: none;
margin: 0em 0em 0em 0em;
padding: 0em 0em 0em 0em;
}
#MobileMainNav > ul > li
{
border-bottom: 0.1em solid #666666;
}
#MobileMainNav > ul > li:first-child
{
border-top: 0.1em solid #666666;
}
#MobileMainNav > ul > li a:link, #MobileMainNav > ul > li a:visited
{
display: block;
font-size: 1.5em;	/* 1.4em = 14px = 10.5pt */
font-family: 'WeblySleek UI Semibold',arial,Arial,helvetica,Helvetica,sans-serif;
font-weight: normal;
font-style: normal;
color: #000000;
text-decoration: none;
padding: 1em 1.5em 1em 1.5em;
}
.MobileSubNavMenuItem
{
display: none;
padding-left: 3.5em;
}
.MobileMainNavCloseText
{
font-size: 1.5em;	/* 1.4em = 14px = 10.5pt */
font-family: 'WeblySleek UI Semibold',arial,Arial,helvetica,Helvetica,sans-serif;
font-weight: normal;
font-style: normal;
color: #000000;
text-align: right;
padding: 0.4em 0.4em 0em 0em;
}
.MobileMainNavCloseText a:link, .MobileMainNavCloseText a:visited
{
display: block;
color: #000000;
text-decoration: none;
}
}
/* Page Body Styles */
#PageBody
{
width: 100%;
max-width: 100em;
height: auto;
margin-left: auto;
margin-right: auto;
margin-top: 0.5em;
background-image:url(https://theatreinthepark.org/images/backgrounds/light-green-global-page-background.png);
background-repeat: no-repeat;
background-position: center top;
z-index: 2;
}
.PageBodyPadding, #PromoBarPadding
{
padding: 0.8em 0.8em 0.8em 0.8em;
}
#BodyBGBottomImage
{
width: 100%;
height: 10em;
background-image:url(https://theatreinthepark.org/images/site-elements/white-bottom-fade.png);
background-repeat: no-repeat;
background-position: top center;
z-index: -3;
}
/* Footer Styles */
.footercopy
{
color: #000000;
font-weight: normal;
font-size: 1em
font-family: 'WeblySleek UI Semibold',arial,Arial,helvetica,Helvetica,sans-serif;
line-height: 1.6;
}
#PageFooter
{
width: 100%;
max-width: 100em;
height: auto;
margin-top: 2.5em;
margin-left: auto;
margin-right: auto;
z-index: 2;
clear: both;
}
.row
{
clear: both;
}
.smallfrmfield { width: 100px; height: auto; }
.tinyfrmfield { width: 25px; height: auto; }
.fadedformcopy
{
color: #9792A1;
}
.aligncenter { text-align: center; }
.aligntop { vertical-align: top; }
.alignmiddle
{
vertical-align: middle;
}
.nomargins { margin: 0px 0px 0px 0px; }
.blacktext { color: #000000; }
/* Audition-Related Styles */
.RequiredAuditionField
{
color: #ff5f1b;
}
.SmallFormFieldValue
{
display: inline-block;
width: 5em;
margin-top: 0.5em;
}
#AuditionContactInfo, #AuditionShowPref, #AuditionTrainingSkills, #AuditionSchedulingComments, #AuditionVolunteering, #AuditionWaiver, #AuditionSelectTime1, #AuditionSelectTime2, #AuditionSelectTime3, #AuditionSelectTime4
{
width: 45em;
height: auto;
margin-left: auto;
margin-right: auto;
margin-top: 2em;
}
#ParentContactInfo, #AuditionByVideo
{
display: none;
}
#InPersonAuditionScheduleNote1 > ul > li, #VideoAuditionScheduleNote1 > ul > li, #InPersonAuditionScheduleNote2 > ul > li, #VideoAuditionScheduleNote2 > ul > li
{
color: #000000;
}
#AuditionSubmitButtons
{
width: 40em;
height: auto;
margin-right: auto;
margin-left: auto;
}
#AuditionSubmitButtons div
{
display: inline-block;
}
.AuditionStepPending
{
width: 33rem;
min-height: 5.5rem;
background-color: #FFFFFF;
border: 0.2rem dashed #00aeef;
margin-top: 2rem;
}
.AuditionStepPending:first-child
{
margin-top: 1rem;
}
.AuditionStepComplete
{
width: 33rem;
min-height: 5.5rem;
background-color: #8ec741;
border: 0.1rem solid #00aeef;
margin-top: 2rem;
}
.AuditionStepComplete:first-child
{
margin-top: 1rem;
}
.AuditionStepComplete a
{
color: #FFFFFF;
}
/* Donation Styles */
.DonationFormFieldsBox
{
width: 55em;
height: auto;
padding: 0.5em 0em 0em 0em;
margin-left: auto;
margin-right: auto;
}
/* Anytime Ticket Form Styles */
#AddToCartButtonBox
{
width: 9em;
height: auto;
margin-left: auto;
margin-right: auto;
padding-top: 1em;
}
.info-window-copy { color: #000000; font-weight: normal; font-size: 0.82em; font-family: arial,Arial,helvetica,Helvetica,sans-serif; line-height: 1.4; margin: 0px 0px 0px 0px; }
/* Reserved Chair Form Styles */
.white-text
{
color: #FFFFFF;
}
.show-date-list li
{
margin-top: 0.8em;
font-weight: normal;
font-size: 1.4em;
font-family: 'WeblySleek UI Semibold',arial,Arial,helvetica,Helvetica,sans-serif;
}
#show-section-box
{
width: 71em;
height: auto;
margin-left: auto;
margin-right: auto;
}
.show-date-cell
{
width: 50em;
height: auto;
}
.reserved-seating-map { width: 750px; height: 757px; border-width: 0px 0px 0px 0px; margin-left: auto; margin-right: auto; }
.ChairIcon
{
width: 3.5em;
height: 5.3em;
border-width: 0em 0em 0em 0em;
}
.ChairRowMarker
{
width: 3.1em;
height: auto;
vertical-align: middle;
font-weight: bold;
}
#SeatingTableBox
{
width: 76.2em;
height: auto;
margin-left: auto;
margin-right: auto;
}
#ReservedSeatInstructions li
{
padding-top: 8px;
}
#ReservedSeatsInstructionBox
{
float: left;
width: 36.5em;
height: auto;
}
#SeatMapKeyBox
{
float: left;
width: 40em;
height: auto;
padding-top: 4em;
padding-left: 4em;
}
/* Shopping Cart Styles */
#cart-table
{
width: 37.5em;
height: auto;
margin-left: auto;
margin-right: auto;
}
.ShoppingCartQtyField
{
width: 2em;
height: auto;
}
.check-out-field-spacer
{
width: 1em;
height: 2em;
}
.cart-header { color: #000000; font-weight: bold; font-style: normal; font-size: 1.6em; font-family: arial,Arial,helvetica,Helvetica,sans-serif; }
/* Check Out Styles */
#error-box2 { width: 600px; height: auto; border: 1px solid #ff5f1b; margin-left: auto; margin-right: auto; margin-bottom: 10px; }
#error-box2 ul li { color: #ff5f1b; }
#cards-accepted { width: 124px; height: 25px; border-width: 0px 0px 0px 0px; }
#card-sec-code-img { width: 126px; height: 80px; border-width: 0px 0px 0px 0px; }
#card-sec-code-box { float: right; width: 126px; height: 80px; margin-right: 40px; }
#check-out-form-box { width: 475px; height: auto; margin-left: auto; margin-right: auto; }
#PatronComments
{
width: 27em;
height: 5em;
}
#check-out-form-box2
{
width: 52.5em;
height: auto;
border: 0.1em solid #000000;
margin-left: auto;
margin-right: auto;
}
#padlock-img { width: 39px; height: 55px; border-width: 0px 0px 0px 0px; }
#padlock-img-box { float: left; width: 39px; height: 55px; padding-right: 8px; }
#site-seal-box { float: left; width: 115px; height: 55px; padding-right: 8px; }
#next-step-instructions
{
width: 47.5em;
height: auto;
margin-left: auto;
margin-right: auto;
}
/* Print Tickets Styles */
.barcodecopy { color: #000000; font-weight: bold; font-size: 1em; font-family: arial,Arial,helvetica,Helvetica,verdana,Verdana,'times new roman','Times New Roman',sans-serif; }
.barcodedesc { margin-top: 4em; }
.barcodebox
{
width: 10em;
height: auto;
margin-top: 4em;
}
.barcodepadding
{
margin-top: 1em;
}
#print-tickets-header-box
{
width: 54.1em;
height: 10.1em;
}
#print-tickets-header-img
{
width: 54.1em;
height: 10.1em;
border-width: 0em 0em 0em 0em;
}
#print-tickets-footer-box
{
width: 54.1em;
height: 3em;
padding-top: 2em;
}
#print-tickets-footer-img { width: 541px; height: 30px; border-width: 0px 0px 0px 0px; }
.page-break { page-break-before: always; }
.ticketiconcol
{
width: 7.6em;
height: auto;
vertical-align: top;
}
.gateentryicon
{
width: 7.1em;
height: 7.5em;
border-width: 0em 0em 0em 0em;
}
.reservedchairicon
{
width: 7.1em;
height: 7.5em;
border-width: 0em 0em 0em 0em;
}
.reservedparkingicon { width: 76px; height: 75px; border-width: 0px 0px 0px 0px; }
.bonusitemsicon { width: 70px; height: 75px; border-width: 0px 0px 0px 0px; }
.picnicicon { width: 71px; height: 75px; border-width: 0px 0px 0px 0px; }
/* Ticket Central Styles */
.ReprintCheckBox
{
width: 2.5em;
height: auto;
}
.TicketStatusBox
{
width: 12.9em;
height: auto;
vertical-align: top;
}
/* Picnic In The Park Styles */
.picnic-select-img { width: 90px; height: 44px; border-width: 0px 0px 0px 0px; }
.click-to-choose-box { width: 90px; height: 44px; margin-left: auto; margin-right: auto; }
.picnic-select-box { width: 110px; height: auto; vertical-align: bottom; }
.picnic-selection-sub-header { width: 285px; height: 45px; padding-top: 15px; }
.picnic-selection-sub-header-img { width: 600px; height: 34px; border-width: 0px 0px 0px 0px; }
.picnic-choices-table { padding-left: 15px; }
.picnic-entree-img { width: 110px; height: 147px; border-width: 0px 0px 0px 0px; }
/* Patron Survey Styles */
#SurveyBox
{
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
}
#SurveySubmitBtn
{
width: 12.5em;
height: auto;
margin-left: auto;
margin-right: auto;
padding-top: 5em;
}
.SurveyTextBox
{
width: 30em;
height: 10em;
}
/* Photo and Video Archive Styles */
#ttip-archive-logo-box { float: left; width: 100px; height: 125px; }
#ttip-archive-logo-img { width: 100px; height: 116px; border-width: 0px 0px 0px 0px; }
#archive-outer-caption-box { float: right; width: 649px; height: auto; border-left: 2px solid #00adef; border-bottom: 2px solid #00adef; border-right: 2px solid #00adef; clear: right; margin-right: 68px; }
#archive-copyright-box
{
float: right;
width: 30em;
height: auto;
text-align: right;
}
.archive-copyright-text { color: #000000; font-weight: normal; font-size: 0.7em; font-family: arial,Arial,helvetica,Helvetica,sans-serif; line-height: 1.4; margin: 0px 0px 0px 0px; }
#archive-jcprd-logo-box { float: right; width: 94px; height: 97px; margin-top: 5px; margin-right: 50px; }
#archive-jcprd-logo-img { width: 94px; height: 97px; border-width: 0px 0px 0px 0px; }
#archive-comment-bar { float: left; width: 220px; height: auto; margin: 0px 10px 10px 0px; background-image:url(https://theatreinthepark.org/images/backgrounds/promo-background.png); background-repeat: repeat; border: 1px solid #000000; }
#archive-mailing-list-img { width: 63px; height: 56px; border-width: 0px 0px 0px 0px; }
#archive-join-conversation-box
{
width: 12.5em;
height: 8.8em;
padding: 1.5em 0em 0.8em 0em;
margin-left: auto;
margin-right: auto;
}
#archive-join-conversation-img { width: 125px; height: 88px; border-width: 0px 0px 0px 0px; }
.archive-comment-field
{
width: 15em;
height: 29em;
}
#archive-char-remaining-box
{
width: 21.5em;
height: auto;
padding-top: 0.8em;
}
#archive-name-box { width: 200px; height: auto; padding: 15px 0px 0px 0px; }
.archive-name-field { width: 151px; height: auto; }
#archive-email-box { display: none; visibility: hidden; }
#archive-submit-btn-box
{
width: 15em;
height: auto;
padding: 1.6em 0em 2em 0em;
margin-left: auto;
margin-right: auto;
}
#archive-filmstrip-box { float: left; width: 652px; height: 105px; padding-bottom: 5px; margin-left: 48px; }
#archive-filmstrip-items { width: 652px; height: 105px; overflow: auto; }
#back-to-arrchive-btn-box { width: 125px; height: 125px; margin-left: auto; margin-right: auto; }
#back-to-arrchive-btn-img { width: 125px; height: 125px; border-width: 0px 0px 0px 0px; }
.archive-arrow-box { float: left; width: 32px; height: 92px; }
.archive-arrow-img { width: 32px; height: 92px; border-width: 0px 0px 0px 0px; }
#archive-large-photo-outer-frame { width: 800px; height: auto; border: 2px solid #00adef; margin-left: auto; margin-right: auto; }
#archive-photo-caption-box { float: left; width: 649px; height: auto; background-image:url(https://theatreinthepark.org/images/archive/photo-caption-bg.png); background-repeat: repeat-y; border-top: 2px solid #8dc63f; border-bottom: 2px solid #8dc63f; }
.archive-photo-comment-box { float: right; width: 645px; height: auto; background-image:url(https://theatreinthepark.org/images/archive/visitor-comment-bg.png); background-repeat: repeat-y; margin-right: 68px; margin-top: 10px; clear: right; }
#archive-viewing-file-status-box { float: right; width: 645px; height: auto; margin-right: 68px; padding: 3px 0px 3px 0px; clear: right; }
#archive-social-media-box { float: right; width: 160px; height: auto; margin: 0px 0px 8px 8px; }
#archive-facebook-box { width: 160px; height: auto; text-align: right; }
#archive-twitter-box { width: 160px; height: auto; margin: 8px 0px 0px 0px; text-align: right; }
/* Volunteer and Ambassador Sign-up Forms */
#VolunteerPerformances, #VolunteerContactInfo
{
display: inline-block;
width: 45em;
height: auto;
vertical-align: top;
}
#VolunteerPerformances legend, #VolunteerContactInfo legend, #AuditionContactInfo legend, #AuditionShowPref legend, #AuditionTrainingSkills legend, #AuditionSchedulingComments legend, #AuditionVolunteering legend, #AuditionWaiver legend, #AuditionSelectTime1 legend, #AuditionSelectTime2 legend, #AuditionSelectTime3 legend, #AuditionSelectTime4 legend
{
color: #000000;
font-weight: bold;
font-size: 2em;
font-family: arial,Arial,helvetica,Helvetica,sans-serif;
line-height: 1.4;
margin: 0em 0em 0em 0em;
}
#VolunteerPerformances input[type="checkbox"]
{
display: inline-block;
}
#VolunteerPerformances label
{
display: inline-block;
width: 28em;
height: auto;
padding: 1em 0.5em 0em 0em;
}
#VolunteerContactInfo label
{
display: inline-block;
width: 13em;
height: auto;
text-align: right;
padding: 1em 1em 0em 0em;
}
#VolunteerContactInfo input[type="text"]
{
display: inline-block;
}
#VolunteerSubmitBox
{
width: 70px;
height: auto;
margin-left: auto;
margin-right: auto;
padding: 15px 0px 0px 0px;
}
#VolunteerScheduleChangeBox
{
width: 40em;
height: auto;
margin-left: auto;
margin-right: auto;
margin-top: 2em;
border: 0.1px solid #000000;
}
.VolunteerScheduleChangeBoxPadding
{
padding: 1.5em 1.5em 1.5em 1.5em;
}
#VolunteerSubmitBox2
{
width: 13.5em;
height: auto;
margin-left: auto;
margin-right: auto;
padding-top: 1.5em;
}
.g-recaptcha
{
width: 31em;
margin-top: 2em;
margin-left: auto;
margin-right: auto;
margin-bottom: 0.5em;
}
/* AHC Ticket Sales Styles */
#AHCBoxOfficeWrapper
{
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
}
#AHCSeatingChartBox
{
display: inline-block;
width: 72em;
height: 65em;
vertical-align: top;
}
#AHCSeatingChart
{
width: 60em;
height: 60em;
border: 0.1em solid #000000;
margin: 1em 0em 0em 0em;
}
.AHCSeatAvailableLegend
{
background-color: #7fd6f7;
}
.AHCSeatAvailable
{
fill: #7fd6f7;
}
.AHCAccessibleSeatAvailableLegend
{
background-color: #cb7ff7;
}
.AHCAccessibleSeatAvailable
{
fill: #cb7ff7;
}
.AHCHearingImpairedSeatAvailableLegend
{
background-color: #f7a57f;
}
.AHCHearingImpairedSeatAvailable
{
fill: #f7a57f;
}
.AHCSeatSoldLegend
{
background-color: #000080;
}
.AHCSeatSold
{
fill: #000080;
}
.AHCSeatHoldLegend
{
background-color: #29a000;
}
.AHCSeatHold
{
fill: #29a000;
}
.AHCSeatSelectedLegend
{
background-color: #f7bd56;
}
.AHCSeatSelected
{
fill: #f7bd56;
}
#AHCControlsAndCartBox
{
display: inline-block;
width: 26em;
height: auto;
margin: 0em 0em 0em 1em;
vertical-align: top;
}
#AHCControlsBox
{
width: 25em;
height: auto;
border: 0.2em solid #000000;
padding-bottom: 0.5em;
}
#AHCShoppingCartBox
{
width: 25em;
height: auto;
border: 0.2em solid #000000;
}
#AHCLegendBox
{
width: 25em;
height: auto;
margin-top: 1em;
border: 0.2em solid #000000;
}
.AHCLegendTable
{
display: table;
border-spacing: 0.2em;
margin-top: 0.5em;
}
.LegendKeyRow
{
display: table-row;
}
.LegendKey
{
width: 2.5em;
height: 1em;
display: table-cell;
}
.LegendKeyLabel
{
width: 15em;
height: 2em;
display: table-cell;
padding-left: 0.5em;
vertical-align: middle;
}
.AHCBOFormFieldLabel
{
display: inline-block;
width: 10em;
margin: 0.5em 0.5em 0em 0em;
text-align: right;
}
.AHCBOSmallFormFieldValue
{
display: inline-block;
width: 5em;
margin-top: 0.5em;
}
.AHCBOAddlFieldInfo
{
display: inline-block;
width: 11em;
margin-left: 0.5em;
}
#AHCTicketSearchBtn
{
width: 7em;
height: auto;
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: auto;
margin-right: auto;
}
#AHCStatusBox 
{
display: none;
position: fixed;
top: 50%;
left: 50%;
width: 29.4em;
height: 4em;
margin-left: -15em;
margin-top: -5em;
z-index: 10;
border: 0.2em solid #000000;
background-color: #FFFFFF;
}
#AHCBusyStatusIndicator
{
display: table-cell;
width: 5em;
height: auto;
padding: 1em 0.5em 1em 0.5em;
vertical-align: middle;
}
#AHCStatusBoxMsg
{
display: table-cell;
width: 22.4em;
height: auto;
padding: 1em 0.5em 1em 0.5em;
vertical-align: middle;
color: #000000;
font-weight: bold;
font-size: 1.4em;
font-family: 'WeblySleek UI Semibold',arial,Arial,helvetica,Helvetica,sans-serif;
}
#AHCAddToCartBtn
{
width: 17em;
height: auto;
margin-left: auto;
margin-right: auto;
margin-top: 1em;
margin-bottom: 1em;
}
#CartItemsPadding
{
padding: 0em 0.5em 0em 0.5em;
}
#TicketTimerBoxText
{
color: red;
font-weight: normal;
font-size: 1.6em;
font-family: 'WeblySleek UI Semibold',arial,Arial,helvetica,Helvetica,sans-serif;
line-height: 1.4;
margin: 0em 0em 0em 0em;
padding: 0.5em 0.5em 0.5em 0.5em;
}
@media (min-width: 800px)
{
#TicketTimerBox
{
position: fixed;
right: 0;
top: 50%;
width: 20em;
height: auto;
border: 0.2em solid red;
background-color: #FFFFFF;
margin: 0em 0em 0.5em 0.5em;
}
}
@media (max-width: 799px)
{
#TicketTimerBox
{
position: fixed;
right: 0;
top: 0;
width: 20em;
height: auto;
border: 0.2em solid red;
background-color: #FFFFFF;
margin: 0em 0em 0.5em 0.5em;
}
}
/* Season Ticket Styles */
.SeasonTicketQtyLabel
{
display: inline-block;
width: 7em;
margin: 0.5em 0.5em 0em 0em;
text-align: right;
}
.SeasonTicketQtyField
{
display: inline-block;
width: 2em;
margin-top: 0.5em;
}
.SeasonTicketsList li
{
color: #000000;
font-weight: normal;
font-size: 1.4em;
font-family: 'WeblySleek UI Semibold',arial,Arial,helvetica,Helvetica,sans-serif;
}
.SeasonTicketParkingQtyLabel
{
display: inline-block;
width: 12em;
margin: 0.5em 0.5em 0em 0em;
text-align: right;
}
.SeasonTicketParkingQtyField
{
display: inline-block;
width: 2em;
margin-top: 0.5em;
}
.Donors > ul
{
padding-left: 1.8em;
}
.Donors > ul li
{
color: #000000;
font-weight: normal;
font-size: 0.85rem;
font-family: 'WeblySleek UI Semibold',arial,helvetica,sans-serif;
line-height: 1.4;
margin: 0em 0em 0em 0em;
}