body { background-color: #fff; font-family: Arial, sans-serif; 
  color: #e06f40; font-size: 14px }

input, textarea, select { border: 1px solid #e06f40; margin: 2px; font-size: 1em }

.login { position: absolute; left: 30%; width: 40%; background-color: #ffff80; 
  text-align: center;
  padding: 1em; padding-top: 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

.footer { margin-top: 1em; font-size: 10px; text-align: center; }

form { width:100%; float: left; text-align: left }
form div#label { float: left; clear: both; font-weight: bold; width: 30%; text-align: right; }
form div#field { float: right; width: 68% }
form #ex { font-size: 10px; display: block; margin-bottom: .75em }

.memo { display: inline; cursor: default; background-color: #fff }

.main { margin: .5em }

.masthead { margin-bottom: 1em; background-color: #ffff80; width: 100%; padding: .5em;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
.masthead h2 { margin: 0 0 0 1em }
.masthead #greeting { float: right; margin-right: 1em; text-align: right }
.masthead a#home, a#home:link, a#home:visited, a#home:hover { color: #e06f40; text-decoration: none }

.menubar { margin: 0 0 1em 0; border-bottom: 3px solid #ffff80; padding: 1em 0 .5em 1em; 
  width: auto; font-weight: bold; }

.menubar p { display: inline; background-color: #ffff80; text-align: center;
  border-left: 3px solid #fff; border-right: 3px solid #fff; cursor: pointer;
  padding: .5em 1em .5em 1em; margin: .5em 0 0 .5em; position: relative; z-index: 99 }

.menubar p#selected {
  cursor: default;
  background-color: #fff; 
  border-top: 3px solid #ffff80; 
  border-right: 3px solid #ffff80; 
  border-left: 3px solid #ffff80; 
  border-bottom: 3px solid #fff }

.content { border: 2px solid #ffff80; padding: .5em }
.content h2 { text-align: center }

.showhidebullet { margin: 2px 2px 1px 0; cursor: pointer; }

#searchresults { margin: 0; padding-left: 1em; float: left; width: 95% }
#searchresults span { display: block; margin: 5px; cursor: pointer }
#searchresults span:hover { background-color: #d3d3d3; }

#browseindex { float: left; width: 99%; text-align: center; font-weight: bold }
#browseindex div.letter { float: left; display: inline; cursor: pointer; margin-bottom: 1em; width: 3% }
#browseindex div.missing { color: #ccc; cursor: default }
#browseindex div.letter#selected {  cursor: default; border: 1px solid #e06f40 }

.venue { padding-top: 1em; width: 100%; float: left; }

.seatinfo-h3 { margin-top: 17px; margin-left: .5em; width: 20%; float: left; }
.seatinfo { margin-left: .5em; width: 20%; float: left; display: inline; clear: left }
.seatinfo form { margin-left: .5em }
.seatinfo p { margin-left: 0; font-weight: italic }

.seatmap { width: 76%; float: right; display: inline; }

#submitresult { float: left; width: 99% }

.controls { clear: left; float: left; width: 75%; margin: 1em 0 1em 2.5em; padding: 5px; z-index: -1 }
.controls p { color: #000; border: 2px solid #e06f40; display: inline; 
  margin-right: 1em; padding: 3px; cursor: pointer; z-index: 99 }
.controls p.hide { display: none }
.controls div { padding-top: 1em }

.seatcol { float: left; display: inline; margin: 0 0 0 0; }

.oneseat { margin: 0; padding: 0; }
.oneseat p { border: 2px solid #ddd; margin: 4px 4px 0 0; padding: 6px 6px 10px 6px; cursor: pointer; }
.oneseat p#rowname { width: auto; font-weight: bold; border: 2px solid #fff; }
.oneseat img { width: auto; border: 2px solid #fff; cursor: pointer; margin: 4px; padding: 4px }
.oneseat div.flag { border: 0; margin: -11px 0 0 2px; padding: 0; display: inline; float: left; font-size: 10px; }
.oneseat div.sub { font-size: 1px; width: 5px; height: 5px; border: 0; 
  margin: 2px 0 0 2px; padding: 0; display: inline; float: left }
.oneseat div.sub#hall { background-color: #f00 }
.oneseat div.sub#event { background-color: #00f }
.oneseat div.sub#sold { background-color: #3ed521 }
.oneseat p#selected { border-color: #444; }
.oneseat p.seathist { font-style: italic; font-weight: bold }
.oneseat p.seatnotes { font-style: italic }
.missing p { border: 2px solid #fff; margin: 4px 4px 0 0; padding: 6px 6px 10px 6px; color: #fff; }
.oneseat p.taken { background-color: #ddd }

#patroninfo { float: left; width: 100%; background-color: #ffff80; padding: 2px; margin-top: .5em;
  border: 1px solid #e06f40; display: none }
#patroninfo h3 { background-color: #e06f40; color: #ffff80; margin: 0; text-align: center  }
#patroninfo div, #patroninfo form { margin: 0; padding: 0; float: left; width: 100% }
#patroninfo input { margin: 0 0 2px 1px;  }
#patroninfo textarea { margin: 1px 0 1px 0; width: 100% }

#patronname p span { cursor: pointer; text-decoration: underline; }

#patronprevious { float: left; width: 100%; margin-top: 1em }
#patronprevious div { margin: 0 0 .5em 0 }
#patronprevious div h4 { font-style: italic; text-decoration: underline }
#patronprevious div p { margin: 0 0 0 .5em }
#patronprevious div p.prevrcs { cursor: pointer }

#patron-id { position: fixed; right: .5em; bottom: .5em; color: grey; }

#seathistorypop { background-color: #ffff80; border: 1px solid #e06f40; 
  padding: 2px; font-size: 12px; display: none }

#bodetail, #reportdetail { margin-top: 1em }

.seatdash {  }
#seathover { 
  font-size: .9em;
  position: fixed; left: 10px; bottom: 10px; width: 25%; 
  height: 4em; 
  background-color: transparent;
  z-index: 99; padding: 0; margin: 0;
}

#seathover p { margin: 2px; }

#overlaycontrols span { margin-left: 1em }
#overlaycontrols #hall { color: #f00 }
#overlaycontrols #event { color: #00f }
#overlaycontrols #sold { color: #3ed521 }
#overlaycontrols #taken { background-color: #ddd }
#overlaycontrols #seathist {  font-style: italic; font-weight: bold }

#reportdetail h2 { text-align: center }
#reportdetail h3 { text-align: center }

.reportrow { width: 100%; float: left; margin: 0; color: #000; padding: 2px }
.reportrow#row0 { background-color: #fff; border: 2px solid #ddd }
.reportrow#row1 { background-color: #ddd; border: 2px solid #ddd; padding-top: 0; padding-bottom: 0 }
.reportrow#title { background-color: #999; color: #000; font-style: italic; border: 2px solid #ddd }
.reportrow .reportitem { float: left; display: inline; margin-right: .5em }
.reportrow .reportitem#col1 { width: 40% }
.reportrow .reportitem#colright { float: right }

#printit { width: auto; float: left; display: inline; cursor: pointer; margin-top: 1em; border: 1px solid #ffff80 }

#copyright { padding-top: 1em; width: 100%; clear: both }

.notice
{
  border: 2px solid #CF9B00;
  background-color: #FFFABF;
  color: black;
  margin: 1em; padding: 1em
}

.notice p { margin: 0; padding: 0 }

.notice#fail
{ 
  background-color: #ffbfbf;
  border-color: #f00;
}

.notice#pass
{ 
  background-color: #bfffc2;
  border-color: #009f07;
}

.veil {
  background-color: #ddd;
  left: 0px;
  top: 0px;
  opacity: 0.5;
  filter:alpha(opacity=50);
  position: absolute;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 100;
}

#quickaction
{ 
  color: #000; float: right; margin: 2px 2px;
}

#quickaction input { font-size: 10px }

#quickaddpatron { display: none }
#quickaddpatron h4 { width: 100%; margin: 0; font-size: .8em }
#quickaddpatron p { float: right; margin: 2px; padding: 2px; cursor: pointer; 
  border: 1px solid #e06f40;  color: #e06f40; background-color: #fff }

#externidsearchresults { display: none; position: absolute; left: 70%; 
			 width: 25%; height: 50%; 
			 float: right; margin: 0;
			 background-color: #fff;
 }

#externidsearchresults h4 { text-align: center; margin: 0; padding-bottom: 5px;
			 background-color: #ffff80;
}

#externidsearchresults span { text-align: left; margin: 0; padding: 3px;
			 background-color: #ffff80; display: block; cursor: pointer; 
}