@font-face 	{font-family: DejaVu; src: url(Fonts/DejaVuSansCondensed.ttf); }
@font-face 	{font-family: DejaVu; src: url(Fonts/DejaVuSansCondensed-Bold.ttf); font-weight: bold; }

body	{background-color: #FFFFFF; margin: 0px; }

h1	{font-family: DejaVu; font-weight: bold; font-size: 20px; }
h2	{font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; }
a.InternalLink 	{color: #000000; }

.InternalLInk 	{color: #000000; }
p.InternalLink	{color: #000000; }

div#divPageContainer	{position: relative; top: 0px; width: 950px; margin-left: auto; margin-right: auto; min-height: 300px;}
div#divPageHeader	{position: absolute: width: 100%;  min-height: 100px; border-bottom-style: solid; border-bottom-width: 0px; border-bottom-color: #555; }
img#imgTitleLogo	{display: inline-block; height: 150px; margin-top: 30px; margin-bottom: 20px; }
div#divPageHeaderOptions	{display: inline-block; float: right; margin-top: 40px; font-family: DejaVu; font-size: 20px; text-align: right; font-weight: normal; }
div#divContentBlock	{position: absolute; width: 100%; min-height: 200px; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; }
a.aHeaderLink	{text-decoration: none; cursor: pointer; color: #000; font-weight: bold; }
a.aHeaderLink:hover	{color: #888; }
div#divPageHeaderSocialLinks	{position: absolute; top: 95px; right: 0px; text-align: right; }
img.imgSocialIcon	{width: 25px; height: 25px; cursor: pointer; }
span#spanTitleEmail	{font-size: 16px; }
div#divSocialLinks	{position: fixed; top: 0px; right: 0px; padding-right: 20px; padding-top: 10px; }
img.imgSocialIcon		{height: 25px; width: 25px; cursor: pointer; }
div#divPaypalDonate	{position: fixed; top: 50px; right: 0px; padding-right: 20px; }

table.tblSessionMessages	{width: 400px; margin-bottom: 20px; }
td.tdStandardFormWarn {text-align: center; font-size: inherit; background-color: #F3E2A9; font-weight: bold; border-style: solid; border-width: 1px; border-color: #FF8000; }
td.tdStandardFormError {text-align: center; font-size: inherit; background-color: #F8E0E0; font-weight: bold; border-style: solid; border-width: 1px; border-color: red; }
td.tdStandardFormMsg {text-align: center; font-size: inherit; background-color: #BCF5A9; font-weight: bold; border-style: solid; border-width: 1px; border-color: green; }

table#tblTicketPaymentResult	{width: 700px; margin-right: auto; margin-left: auto; }
tr#trTicketPaymentResultTitle	{font-weight: bold; }
table#tblPerformanceList	{width: 950px; }
table#tblProductionList		{width: 700px; }
tr.trPerformanceList:hover	{background-color: #FBEFEF; }
tr#trPerformanceListTitle	{font-weight: bold; }
input.inputTicketTypeQuantity	{width: 30px; }
input.inputTicketTypeCMDetail	{width: 150px; }
span.spanTicketSelectBookingCharge	{font-size: 10px; font-style: italic; }
td.tdCustomerConfirmationName	{font-weight: bold; }
td.tdCustomerConfirmationDiscount	{font-weight: bold; }
table#tblTicketConfirmation	{width: 850px; }
tr.trTicketConfirmationTitle	{font-weight: bold; font-size: 11px; }
a.aTicketSelectRemove	{font-size: 10px; color: blue; cursor: pointer; text-decoration: none; }

input.inputTicketTypeCMEmail {width: 250px; }


@keyframes spinner {
    from {
      -moz-transform: rotateY(0deg);
      -ms-transform: rotateY(0deg);
      transform: rotateY(0deg);
    }
    to {
      -moz-transform: rotateY(-360deg);
      -ms-transform: rotateY(-360deg);
      transform: rotateY(-360deg);
    }
  }
  
    #stage {
    margin: 1em auto;
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -ms-perspective: 1200px;
    perspective: 1200px;
  }
  
  #spinner {
    -webkit-animation-name: spinner;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 6s;

    animation-name: spinner;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 6s;

    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }

  #spinner:hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
  }