/* Sytles specific to Asbury Cafe signup */

/* Common elements... */

.invisible {
  visibility: hidden;
  }
.notice {
  color: red;
  }
.indented {
  margin-left: 2em;
  margin-right: 2em;
  }
.center {
  text-align: center;
  }
.small {
  font-size: 0.8em;
  }
  
img#pie {
  float: right;
  width: 200px;
  }

img#certificate,
img#security {
  width: 45%;
  margin: 1em;
  }

/* ######################################## */
/* Anchor definitions...                    */
/* ######################################## */

a {
  font-weight: bold;
  text-decoration: none;
  }
a:link {
  color: #00C0C0;
  }
a:visited {
  color: #999999;
  }
a:hover {
  color: #C000FF;
  text-decoration: underline;
  }
a:active {
  color: #808080;
  }

/* Common form elements... */
/* ######################################## */
/* Form styles...                           */
/* ######################################## */

/* input fields */
select, button, input {
  font-size: 12pt;
  font-style: italic;
  font-weight: bolder;
  }
button {
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-top: 0.125em;
  padding-bottom: 0.125em;
  color: brown;
  }

button#backup {
  float: right;
  }

div#browserdata {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid brown;
  }
  
/* TABBOX elements implement the top level tab appearance... */
#tabbox {
  }
#tabbar {
  display: block;
  font-weight: bold;
  }
#tabbar div {
  border: 1px solid black;
  display: inline;
  background-color: #CCCCCC;
  font-weight: bold;
  margin-left: 1em;
  margin-right: 0em;
  margin-top: 0.25em;
  margin-bottom: 0em;
  padding: 4px;
  padding-bottom: 0px;
  }
div#tabbar div.selected {
  border-bottom: 1px solid white;
  background-color: white;
  }

div#tabbar div.unselected {
  border-bottom: 1px solid black;
  background-color: #CCCCCC;
  }

#tabbar div a {
  text-decoration: none;
  color: black;
  }
#tabbar div a:hover {
  }
#tabbar div img {
  width: 16px;
  height: 16px;
  padding-right: 4px;
  }
#tabcontents {
  display: block;
  width: auto;
  margin: 1em;
  margin-top: 0em;
  border:1px solid black;
  padding: 1em;
  }

/* Signup  specific... */
div#choice {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  }
div#choice button {
  margin: 2em;
  }
table#openslots td {
  padding-left: 1em;
  }
div#hours {
  font-size: 10pt;
  float: right;
  margin: 4em;
  background-color: #CCCCFF;
  line-height: 90%;
  }
table#shifthours  {
  border: solid thick #9966CC;
  }
table#shifthours td {
  padding-left: 0.25em;
  padding-right: 0.25em;
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  }
table#shifthours tr.hdr td {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  }
div.signupsheet tr.hdr {
  font-size: 11pt;
/*   font-weight: bold; */
  }
div.signupsheet td {
/*   font-size: 11pt; */
  padding-left: 1em;
  }
div.signupsheet tr.subhdr td {
/*   font-size: 11pt; */
  font-weight: bold;
  color: red;
  line-height: 90%;
  }
div.signupsheet td.phoneslot {
  border-bottom: 2px solid black;
  width: 6em;
  }
div.signupsheet td.nameslot {
  border-bottom: 2px solid black;
  width: 14em;
  }
div.signupsheet td.phoneslotfilled,
div.signupsheet td.phoneslotvoid {
  background-color: #CCCCCC;
  width: 6em;
  }
div.signupsheet td.nameslotfilled,
div.signupsheet td.nameslotvoid {
  background-color: #CCCCCC;
  width: 14em;
  }
div.signupsheet td.phoneslotdaily {
  font-weight: bold;
  width: 6em;
  }
div.signupsheet td.nameslotdaily {
  font-weight: bold;
  width: 14em;
  }
div.signupsheet h3 {
  font-size: 16pt;
  font-weight: bold;
  color: red;
  line-height: 90%;
  }
div.signupsheet p.notice {
  font-size: 8pt;
  }


/* Master Schedule specific... */
div#slotpopup {
  visibility: hidden;
  background-color: #CCFFFF;
  border: 1px solid black;
  position: absolute;
  width: auto;
  top: 0px;
  left: 0px;
  margin-left: auto;
  margin-right: auto;
  padding: 0.5em;
  font-size: 10pt;
/*   min-width: 20em; */
/*   min-height: 23em; */
  line-height: 0.8em;
  }
div#slotbar {
  width: 100%;
  text-align: center;
  font-weight: bold;
  }
div#slotpopup select,
div#slotpopup button {
  font-size: 8pt;
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-top: 0.125em;
  padding-bottom: 0.125em;
  color: #996600;
  }

div#alertpopup {
  position: relative;
  background-color: #CC99CC;
  margin: auto;
  width: 50%;
  top: -100px;
  visibility: hidden;
  }

table#mstr{
  line-height: 0.9em;
  }
table#mstr td {
  text-align: center;
  }
table#mstr td.day {
  font-size: 10pt;
  }
table#mstr td.lefthdr {
  text-align: left;
  margin-right: 1em;
  }
table#legend {
  font-size: 9pt;
  border: 1px solid black;
  padding-left: 0.5em;
  padding-right: 0.5em;
  text-align: center;
  margin-left: 1em;
  line-height: 0.85em;
  }
table#legend tr.box td {
  border: 1px solid black;
  padding-left: 1em;
  padding-right: 1em;
  }
td.OPEN {
  color: red;
  font-weight: bold;
  }
td.RESERVED {
  background-color: green;
  color: white;
  font-weight: bold;
  }
td.CONFIRMED {
  color: black;
  }
td.CONFIRMED_ALT {
  color: black;
  background-color: white;
  font-weight: bold;
  }
td.CANCELLED {
  font-weight: bold;
  color: white;
  background-color: red;
  }
td.CONFLICT {
  font-weight: bold;
  color: blue;
  }
td.OPTIONAL {
  color: #999999;
  font-style: italic;
  font-weight: bold;
  }
td.VOID {
  background-color: #999999;
  color: white;
  font-weight: bold;
  }