/* -=-=-=-=-=-=-==-= */
/* TF Bingo CSS File */
/* -=-=-=-=-=-=-=-=- */

html, body {
  height: 100%;
  font-family: Helvetica, Arial, sans-serif;
  line-height:14pt;
  font-size:10pt;
  background:#111111 repeat-y center center;
  color:#bec7d2;
  margin: 0;
  padding: 0;
}

/* -=-=- */
/* Bingo */
/* -=-=- */

#bingo {
  border:2px #aaa solid;
}

#bingo tr td { 
  cursor:pointer;
  width:93px;
  height:73px;
  text-align:center;
  border:1px #666 solid;
  background: #000; 
  font-size: 10pt;   
}

#bingo tr td { background:#000000; }
#bingo tr td:hover { background:#001122; }
#bingo tr td.selected {background: #000000}

#results {
  float:right;
  padding-top:20px;
  width:550px;
  margin: 0px auto;
}

#about_bingo {
  float: left;
  width: 410px;
}

#bingo td {
  width:93px;
  height:73px;
  text-align:center;
  border:1px #666 solid;
  background: #000;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
/* General Site stuff, applies to multiple areas of the site */
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

code {
  background:#000;
  font-size:12px;
  font-weight:bold;
  line-height:12px;
  padding:1px 5px;
  font-family: Courier New, Courier, monospace;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

strong {
  font-weight:normal;
  color: #fff;
}

#wrapper {
  margin:0px auto;
  padding-top:18px;
  padding-bottom:20px;
  width: 980px;
}

p {
  margin:0px;
  padding:0px;
  margin-bottom:10px;
}

h1 {
  font-weight:normal;
  font-size:18px;
  font-family:Georgia,Utopia,Palatino,'Palatino Linotype',serif;
  color: #bec7d2;
  margin-bottom:0px;
  margin-top:15px;
  text-align:center;
  border-top:1px #000 solid;
  border-bottom:1px #000 solid;
  background: #1a1a1a;
}

h1 a:link {color: #f7e279; text-decoration: none; }
h1 a:visited {color: #f7e279; text-decoration: none; }
h1 a:active {color: #fff; text-decoration: underline; }
h1 a:hover {color: #fff; text-decoration: underline; }

h2 {
  color: #e09456;
  font-size: 16px;
  font-weight:normal;
  padding-top:20px;
  margin-bottom:9px;
  font-style:italic;
  font-family:Georgia,Utopia,Palatino,'Palatino Linotype',serif;
  word-spacing:3px;
}

h3 {
  font-size: 15px;
  font-weight:bold;
  margin-top:15px;
  margin-bottom:9px;
  word-spacing:3px;
}

.note2 {
  color:#808080;
  font-size:11px;
  font-style:italic;
  line-height:12px;
  display:block;
  padding-top:3px;
  padding-bottom:3px;
}

table {
  width:100%;
  border-spacing: 0px;
  border-collapse: collapse;
  border-top: 1px #000 solid;
  border-bottom: 1px #000 solid;
  margin-bottom: 20px;
}

table tr td {
  background-color:#202020;
  padding-left:10px;
}

table tr th {
  border-bottom:1px #000 solid;
  color:#fff;
  background-color: #1e3294;
  background: -moz-linear-gradient(top, #2045c0 0%, #1e3294 100%); /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2045c0), color-stop(100%,#1e3294)); /* webkit */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2045c0', endColorstr='#1e3294',GradientType=0 ); /* ie */
}

table tr.alt td {
  background-color:#1a1a1a;
}

/* -=-=-=-=-=-=-=-=- */
/* New Bingo Buttons */
/* -=-=-=-=-=-=-=-=- */

#sortButtons {
  width:100%;
  height:40px;
  text-decoration: none;
}

.sortButton {
  cursor: pointer;
  font-weight:bold;
  text-shadow: #000 1px 1px 1px;
  color:#fff;
  margin-left: 6px;
  margin-right:2px;
  text-decoration: none;
  padding:5px 20px;
  text-align:center;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border-left: 2px solid #2339a4;
  border-right: 2px solid #1a2a88;
  border-top: 2px solid #244ca6;
  border-bottom: 2px solid #192686;
  background-color: #1e3294;
  background: -moz-linear-gradient(top, #2045c0 0%, #1e3294 100%); /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2045c0), color-stop(100%,#1e3294)); /* webkit */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2045c0', endColorstr='#1e3294',GradientType=0 ); /* ie */
}

.sortButton:hover {
  border-left: 2px solid #0f57ff;
  border-right: 2px solid #004af1;
  border-bottom: 2px solid #003cef;
  border-top: 2px solid #117aff;
  background-color: #004efd;
  background: -moz-linear-gradient(top, #106efd 0%, #004efd 100%); /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#106efd), color-stop(100%,#004efd)); /* webkit */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#106efd', endColorstr='#004efd',GradientType=0 ); /* ie */
  color:#edff29;
}

.sortButtonOff {
  border-left: 2px solid #252527;
  border-right: 2px solid #151517;
  border-top: 2px solid #2b2b2f;
  border-bottom: 2px solid #101015;
  background-color: #202024;
  background: -moz-linear-gradient(top, #30303b 0%, #202024 100%); /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#30303b), color-stop(100%,#202024)); /* webkit */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30303b', endColorstr='#202024',GradientType=0 ); /* ie */
}

.sortButtonOff:hover {
  border-left: 2px solid #454547;
  border-right: 2px solid #353537;
  border-top: 2px solid #4b4b4f;
  border-bottom: 2px solid #303035;
  background-color: #404050;
  background: -moz-linear-gradient(top, #505066 0%, #404050 100%); /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#505066), color-stop(100%,#404050)); /* webkit */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505066', endColorstr='#404050',GradientType=0 ); /* ie */
}