/* CSS for this page only (from original SquareSpace page but modified by SG) */
body {margin:0px;padding:0px;
      background-color:#000000; /* old color: #871407 */
      background-position: top left;
      background-size: auto;
      background-attachment: scroll;
      background-repeat: repeat;}
/*.header {background:black;color:white;font-size:1.0em;width:100%;height:80px;text-align:center;display: table; overflow: hidden;} */
.header {background:#1f1e1d;color:white;line-height:1em;font-size:1.2em;font-weight:700;width:100%;height:60px;text-align:center;display: table; overflow: hidden;}
.header2 {font-family:"Arial" !important;background:#82051C;color:white;border: 1px solid #82051C;}
/* Fix to 1000px width */
.main1 {background:#f5f5f5;width:1000px;margin: 0 auto;margin-top:10px;margin-bottom:20px;}
a {text-decoration:underline;}
button {color:white;font-size:0.8em;background:#76141e;padding:10px;margin:3px;border:1px solid;border-radius:10px;cursor:pointer;}
/* Desktop doesn't see list of events */
.listEvents {display:none;}
.notification {color:#82051C;} /* notify message to user */

/*table {max-width:400px;border-spacing:2px;}*/
.mainTable {border:1px solid #999a9b;max-width:400px;}
input {font-size:1em;color:#000000;padding:3px;margin:3px;}
input.small {font-size:1em;color:#999399;}
td.dollar {color:#000000;font-size:0.8em;width:40dip;text-align:right;vertical-align:middle;}
td.amount {color:#000000;text-align:right;vertical-align:middle;}
.cast {width:100px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;}
.tickets {border-spacing:1px;max-width:80% !important;}
.errormessage {color:red;}
h4 {font-size:14sp;color:#000000;}

/* mobile specific styles */
/* NOTE: requires 'viewport' meta tag to be set */
@media only screen and (max-width: 700px) {
  .calendar {display:none;}
  .listEvents {display:inline;}
  .main1 {width:100%;padding:0px;margin:0;}
  .MobileSelect {font-size:1em;}
  .MobileList {width:160px;}
}
@media only screen and (max-width: 1100px) {
  .calendar {display:none;} /* div holding the calendar is 1100px so only display calendar when screen is 1100px+ */
  .listEvents {display:inline;}
  .main1 {width:100%;padding:0px;margin:0;}
  .MobileSelect {font-size:1em;}
  .MobileList {width:160px;}
}