body, select, table, input
{
  font-family: verdana, arial, sans-serif;
  font-size: 10pt;
}

body
{
  background-image: url(/itsagame.png);
  margin-top: 7em;
  margin-bottom: 1em;
}

.loggedinas
{
  position: absolute;
  top: 3em;
  width: 100%;
  text-align: right;
}

.loggedinas a
{
  z-index: 99999;
}

.bannerimg
{
  position: absolute;
/*  top: 12px;
  left: 50px;*/
  top: 10px;
  left: 10px;
  z-index: 102;
}
.bannerbar
{
  position: absolute;
  /*background: #8894C0;*/
  border: 1px solid #BBB;
  background: url(/chrometheme/chromebg.gif) center center repeat-x; /*Theme Change here*/
  padding: 2px 0px 1px 0px;
  height: 2ex;
  width: 99%;
  left: 0.5%;
  top: 26px;
}
.bannertxt
{
  position: absolute;
  left: 190px;
  top: 55px;
  height: 2em;
  color: #8894C0;
}
.copyright
{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 99%;
  font-size: 70%;
  text-align: right;
}

table
{
  margin: 10px;
}
th
{
  color: #400000;
  vertical-align: top;
}
td
{
  color: #005050;
  vertical-align: top;
}
.checked
{
  border-bottom: 1 dotted transparent;
  text-align: center;
}
.unchecked
{
  text-align: center;
}
li
{
  font-weight: bold;
  color: #00c000;
}
.error-message, .result-message
{
  font-weight: bold;
}
.error-message
{
  color: red;
}
.result-message
{
  color: blue;
}

table.categories
{
  width: 96%;
}
table.categories td
{
  text-align: center;
}
table.categories select
{
  width: 100%;
  background: transparent;
  scrollbars: 0;
}
td.teams
{
  width: 25%;
}
input.editname
{
  border: 0px;
  text-align: center;
  background: transparent;
}
input.info
{
  border: 0px;
  text-align: center;
  background: transparent;
}

table.static
{
  margin-left: 30%;
  height: 60%;
  width: 40%;
}
.static td
{
  vertical-align: middle;
  text-align: center;
}
table.registration
{
  margin-left: 15%;
  width: 70%;
  height: auto;
}
.registration td
{
  vertical-align: middle;
  text-align: left;
}
img
{
  border: none;
}
.register table
{
  margin-left: 20%;
  height: 80%;
  width: 60%;
}
.register td
{
  vertical-align: middle;
  text-align: left;
}
.menu, .help, .hidehelp
{
  padding-left: 1em;
  padding-right: 1em;
}
.help
{
  font-style: italic;
}
.hidehelp
{
  display: none;
}
input.email
{
  background-color: white;
}

.money, .db, .cr
{
  text-align: right;
  vertical-align: middle;
}
.db
{
  color: red;
}
.cr
{
  color: blue;
}
.even
{
  color: black;
}

input.image
{
  background: no-repeat center center;
  width: 25px;
}

.notices
{
  position: absolute;
  top: 30%;
  left: 25%;
  width: 50%;
}

span.notices
{
  border: 3px ridge white;
  color: white;
  background-color: #8894C0;
  padding: 10 15 10 15;
  z-index: 99;
  text-align: justify;
}

iframe.notices
{
  height: 50%;
  z-index: 98;
}

.preview td
{
  color: white;
  padding: 0px;
  vertical-align: middle;
}

.games td
{
  padding: 0px 10px;
  vertical-align: middle;
}

.inner, inner td
{
  margin: 0px -2px;
  border: 0px;
  padding 0px;
}

.games td td
{
  padding: 0px;
}

.gameno
{
  font-size: 200%;
  vertical-align: middle;
}

.games .right
{
  text-align: right;
}

.games .left
{
  text-align: right;
}

.inner .sides
{
  font-size: 80%;
  padding-left: 30px;
}

.eventdate
{
  margin: 0px;
  padding: 0px;
  border-bottom: 1px solid #BBB;
}

.eventdate input
{
  border: none;
  margin: 0;
  background: transparent;
  font-weight: normal;
}

.eventdate thead :hover
{
  font-weight: bold;
}

.eventdate thead td
{
  font-size: 70%;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}

.eventdate tbody td
{
  font-size: 80%;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
}

.eventdate .eventyear
{
  font-size: 90%;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
}

.eventdate a
{
  display: block;
  border: none;
  padding: 0px;
  text-decoration: none;
  color: #7F7F7F;
}

.eventdate a:hover
{
  background-color: yellow;
  color: #555;
}

.eventdate thead .hover
{
  color: red;
  cursor: hand;
}

.nextdate a
{
  background-color: red;
  color: white;
}

.nextdate a:hover
{
  background-color: yellow;
  color: darkred;
}

.special a
{
  color: red;
}

.special a:hover
{
  background-color: yellow;
  color: darkred;
}

.currdate a
{
  background-color: green;
  color: white;
}

.currdate a:hover
{
  background-color: yellow;
  color: green;
}

iframe.calendar
{
  position: absolute;
  visibility: hidden;
  z-index: 8;
  background-color: red;
}

div.calendar
{
  position: absolute;
  visibility: hidden;
  z-index: 9;
  border: 1px solid #BBB;
  background: white;
}

table.calendar
{
  margin : 2px;
  background: white;
  padding: 0px;
}

.calendar td
{
  padding: 0px;
  font-size: 80%;
  text-align: center;
  vertical-align: middle;
}

.calendar thead td
{
  border: none;
  padding: 2px;
  text-decoration: none;
  font-weight: bold;
  color: #7F7F7F;
}

.calendar tbody td
{
  border: none;
  padding: 0px;
  text-decoration: none;
  font-weight: normal;
  color: #7F7F7F;
}

.calendar input
{
  border: none;
  background: transparent;
  font-weight: normal;
}

.calendar thead .hover
{
  font-weight: bold;
}

.calendar tbody .origdate
{
  font-weight: bold;
  color: red;
}

.calendar tbody .hover
{
  background-color: yellow;
  color: #555;
  cursor: hand;
}

.inbox td, .inbox th
{
  padding: 5px;
}

.inbox tbody td
{
  border-bottom: 1px solid #E0E0FF;
}

.inbox thead td
{
  padding-bottom: 15px;
  vertical-align: bottom;
}

.inbox th
{
  border: 1px solid #000080;
  background-color: #E0E0FF;
  margin-top: 20px;
  padding: 1px 5px;
  text-align: left;
  vertical-align: middle;
  font: normal #8080FF;
}

.inbox .check
{
  padding: 5px 1px 1px;
  text-align: center;
}

.inbox th.check
{
  padding: 1px;
}

body.msg
{
  background: #F0F0FF;
  margin: 0.3em;
  font-size: 80%;
}

.inbox .sender
{
  color: blue;
}

.inbox .address
{
  color: darkred;
}

.inbox .subject
{
  color: blue;
}

.inbox .analysis
{
  font: italic;
  color: black;
}

.inbox .analysis span
{
  color: gray;
  padding-left: 1em;
}

.options td
{
  padding: 0px 10px;
  vertical-align: middle;
}

.options td.diaryEvery
{
  vertical-align: top;
  padding-top: 5px;
}

.options table,
{
  padding: 0px 0px;
  vertical-align: middle;
}

.options th
{
  padding: 5px 10px;
  text-align: left;
  vertical-align: middle;
  border-top: 1px solid #88A;
  background-color: #EEF;
}

table.options
{
  border-bottom: 1px solid #88A;
}

.options input
{
  background: transparent;
  padding: 1px 4px;
}

.options .meaning
{
  font: italic;
  padding: 1px 20px;
}

.options
{
  margin-left: 4%;
}

.payin
{
vertical-align: middle
}

.printteams
{
  visibility: hidden;
}
@media print
{
  .copyright, .bannerbar
  {
    visibility: hidden;
  }
  .bannertxt
  {
    top: 28px;
    visibility: visible;
    color: green;
    z-index: 1;
  }
  .payin input
  {
    font-size: 95%;
  }
  .notices
  {
    visibility: hidden;
  }

  .printteams
  {
    visibility: visible;
    page-break-before: always;
  }
  .printteamsnext
  {
    visibility: visible;
    margin-top: 5em;
  }
  .loggedinas
  {
    display: none;
  }
}