/*
Copyright 2011-2017 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
{
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)
{
.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 */
#PageHeader
{
width: 100%;
max-width: 100em;
height: auto;
margin-left: auto;
margin-right: auto;
background-image:url(https://cast.theatreinthepark.org/images/backgrounds/portal-2018-header.jpg);
background-repeat: no-repeat;
}
#SiteID
{
width: 9.9em;
height: 10.5em;
border-width: 0em 0em 0em 0em;
}
/* Site Navigation Styles */
#MainNavigation
{
width: 100%;
height: 3.5em;
background: #7fd6f7;
background: linear-gradient(to right, #FFFFFF 34%, #7fd6f7);
margin-top: 3.2em;
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;
min-height: 191.9em;
margin-left: auto;
margin-right: auto;
margin-top: 0.5em;
background-image:url(https://cast.theatreinthepark.org/images//backgrounds/portal-2018-header.jpg);background-repeat: no-repeat;background-position: left top;
background-image:url(https://cast.theatreinthepark.org/images/backgrounds/blue-trees-background.png);
background-repeat: no-repeat;
background-position: center top;
z-index: 2;
}
.PageBodyPadding, #PromoBarPadding
{
padding: 0.8em 0.8em 0.8em 0.8em;
}
/* 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
{
width: 45em;
height: auto;
margin-left: auto;
margin-right: auto;
margin-top: 2em;
}
#ParentContactInfo, #AuditionByVideo
{
display: none;
}
#AuditionSubmitButtons
{
width: 40em;
height: auto;
margin-right: auto;
margin-left: auto;
}
/* Donation Styles */
.DonationFormFieldsBox
{
width: 55em;
height: auto;
padding: 0.5em 0em 0em 0em;
margin-left: auto;
margin-right: auto;
}
/* Anytime Ticket Form Styles */
#add-to-cart-button-box { width: 90px; height: auto; margin-left: auto; margin-right: auto; padding-top: 10px; }
#error-box { width: 600px; height: auto; border: 1px solid yellow; margin-left: auto; margin-right: auto; }
#error-box ul li { color: yellow; }
.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; }
.chair-icon { width: 35px; height: 53px; border-width: 0px 0px 0px 0px; }
.chair-row-marker { width: 31px; height: auto; vertical-align: middle; font-weight: bold; }
#seating-table-box { width: 762px; height: auto; margin-left: auto; margin-right: auto; }
#reserved-seat-instructions { color: #000000; font-weight: normal; font-size: 0.82em; font-family: arial,Arial,helvetica,Helvetica,verdana,Verdana,'times new roman','Times New Roman',sans-serif; }
#reserved-seat-instructions li { padding-top: 8px; }
#reserved-seats-instruction-box { float: left; width: 365px; height: auto; }
#seat-map-key-box { float: left; width: 400px; height: auto; padding-top: 40px; padding-left: 40px; }
/* Shopping Cart Styles */
#cart-table { width: 375px; height: auto; margin-left: auto; margin-right: auto; }
.check-out-field-spacer
{
width: 1em;
height: 2em;
}
.cart-header { color: #000000; font-weight: bold; font-style: normal; font-size: 1em; 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; }
#check-out-form-box2 { width: 525px; height: auto; border: 1px solid #FFFFFF; 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: right; width: 115px; height: 55px; }
#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 { color: #000000; font-weight: normal; font-size: 0.82em; font-family: arial,Arial,helvetica,Helvetica,verdana,Verdana,'times new roman','Times New Roman',sans-serif; width: auto; height: auto; margin-top: 40px; }
.barcodebox { width: 242px; height: auto; margin-top: 40px; }
.barcodepadding { margin-top: 30px; }
#print-tickets-header-box { width: 541px; height: 101px; }
#print-tickets-header-img { width: 541px; height: 101px; border-width: 0px 0px 0px 0px; }
#print-tickets-footer-box { width: 541px; height: 30px; padding-top: 20px; }
#print-tickets-footer-img { width: 541px; height: 30px; border-width: 0px 0px 0px 0px; }
.page-break { page-break-before: always; }
.ticketiconcol { width: 76px; height: auto; vertical-align: top; }
.gateentryicon { width: 71px; height: 75px; border-width: 0px 0px 0px 0px; }
.reservedchairicon { width: 71px; height: 75px; border-width: 0px 0px 0px 0px; }
.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: 25px; height: auto; }
.ticketstatusbox { width: 129px; 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 */
.free-form-text-box { width: 300px; height: 100px; }
#survey-box { width: 570px; height: auto; margin-left: auto; margin-right: auto; }
#survey-submit-btn { width: 125px; height: auto; margin-left: auto; margin-right: auto; padding-top: 50px; }
/* 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: 300px; 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://cast.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: 125px; height: 88px; padding: 15px 0px 8px 0px; margin-left: auto; margin-right: auto; }
#archive-join-conversation-img { width: 125px; height: 88px; border-width: 0px 0px 0px 0px; }
.archive-comment-field { width: 200px; height: 290px; }
#archive-char-remaining-box { width: 200px; height: auto; padding-top: 8px; }
#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: 150px; height: auto; padding: 16px 0px 0px 0px; 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://cast.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://cast.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
{
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: 25em;
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: 400px;
height: auto;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
border: 1px solid #FFFFFF;
}
.VolunteerScheduleChangeBoxPadding
{
padding: 15px 15px 15px 15px;
}
#VolunteerSubmitBox2
{
width: 135px;
height: auto;
margin-left: auto;
margin-right: auto;
padding-top: 15px;
}
.g-recaptcha
{
width: 31em;
margin-top: 2em;
margin-left: auto;
margin-right: auto;
margin-bottom: 0.5em;
}