body {
  background-color:#ffffff;
  color:#333333;
  font:13px Arial,Sans-serif;
  height:100%;
  margin:0;
  padding:0;
  }
a:link, a:visited {
  color:#356AA0;
  text-decoration:none;
  }
a:hover {
  text-decoration:underline;
  }

h1, h2 {
  font-weight:bold;
  margin:0;
  padding:0;
  }
h1 {
  margin:0;
  color:#C3D9FF;
  font-size:300%;
  }
h2 {
  font-size:150%;
  font-weight:normal;
  margin:0;
  padding:0;
  display:inline;
  }

#header {
  background:transparent url("images/gradients.gif") 0 0 repeat-x;
  height:79px;
  margin:0;
  padding:5px 0;
  }
#header h1 {
  padding:0 10px;
  }
#body {
  margin:1em 0 0;
  padding:0 1em;
  }
#footer {
  margin:0;
  padding:0 1em 1em;
  font-size:10px;
  clear:both;
  }
.bar {
  display:block;
  width:100%;
  margin:0 0 15px;
  padding:1px 0 0;
  clear:both;
  }

.badge {
  display:block;
  float:left;
  background:transparent url('images/boxes.gif') 0 -138px no-repeat;
  margin:0 10px 15px 0;
  width:120px;
  height:50px;
  font-size:30px;
  font-weight:bold;
  text-align:center;
  white-space:nowrap;
  }
.badge.red {
  color:#FF1A00;
  }
.badge.green {
  color:#008C00;
  }
.badge.blue {
  color:#356AA0;
  }
.badge small {
  display:block;
  font-size:10px;
  text-transform:uppercase;
  color:#333333;
  }
.button {
  display:block;
  float:left;
  background:transparent url('images/boxes.gif') 0 -190px no-repeat;
  margin:0 10px 15px 0;
  width:194px;
  height:29px;
  text-align:center;
  }
.button.alt {
  background:transparent url('images/boxes.gif') 0 -221px no-repeat;
  }
.button a:link, .button a:visited, .button a:hover {
  font-size:15px;
  font-weight:bold;
  white-space:nowrap;
  color:#ffffff;
  line-height:25px;
  text-decoration:none;
  }

.results, .week {
  border:0;
  padding:0;
  margin:0;
  }
.results {
  margin:0 0 15em;
  clear:both;
  }
.results a:hover {
  text-decoration:none;
  }
.results thead tr, .results tfoot tr {
  background:transparent url("images/gradients.gif") 0 -131px repeat-x;
  }
.results thead th span, .results tfoot td span {
  display:block;
  background:transparent url('images/boxes.gif') 0 -63px no-repeat;
  margin:0 5px 3px 0;
  width:50px;
  height:30px;
  font-size:15px;
  font-weight:bold;
  text-align:center;
  }
.results thead th span a, .results tfoot td span a {
  color:#333333;
  }
.results thead th small, .results tfoot td small {
  display:block;
  font-size:10px;
  font-variant:small-caps;
  }
.results tbody tr {
  background:transparent url("images/gradients.gif") 0 -136px repeat-x;
  }
.results tbody tr, .week tbody tr {
  height:20px;
  margin:0;
  padding:0;
  }
.admin tbody tr {
  background:none;
  }
.results tbody td, .week tbody td {
  font-weight:bold;
  white-space:nowrap;
  }
.results tbody td div, .week thead th span {
  display:block;
  background:transparent url("images/boxes.gif") 0 -94px no-repeat;
  margin:0 10px 3px 0;
  padding:0 0 0 10px;
  height:20px;
  width:145px;
  line-height:20px;
  }
.week thead th span {
  margin:0 auto 3px;
  }
.results tbody td .unpaid {
  font-style:italic;
  }
.results tbody td .out {
  background:transparent url("images/boxes.gif") 0 -115px no-repeat;
  }
.results tbody td a {
  color:#333333;
  }
.week tbody td.score {
  text-align:center;
  line-height:20px;
  }
.results tbody td.team div {
  font-size:0;
  }
.results tbody td.team div, .week tbody td.team div, .week tbody td.score div {
  display:block;
  background:transparent url('images/boxes.gif') 0 0 no-repeat;
  width:50px;
  height:20px;
  padding:0;
  margin:0 0 3px;
  }
.week tbody td.score div {
  width:25px;
  height:20px;
  }
.results tbody td.team .win, .week tbody td.team .win {
  background:transparent url('images/boxes.gif') 0 -21px no-repeat;
  }
.week tbody td.score .win {
  background:transparent url('images/boxes.gif') -53px -21px no-repeat;
  }
.results tbody td.team .loss, .week tbody td.team .loss {
  background:transparent url('images/boxes.gif') 0 -42px no-repeat;
  }
.week tbody td.score .loss {
  background:transparent url('images/boxes.gif') -53px -42px no-repeat;
  }
.results tbody td.team span, .week tbody td.team span, .week tbody td.score span {
  display:block;
  height:20px;
  }
.ARI { background:transparent url("images/teams.gif") no-repeat 0 0; }
.ATL { background:transparent url("images/teams.gif") no-repeat -50px 0; }
.BAL { background:transparent url("images/teams.gif") no-repeat -100px 0; }
.BUF { background:transparent url("images/teams.gif") no-repeat -150px 0; }
.CAR { background:transparent url("images/teams.gif") no-repeat -200px 0; }
.CHI { background:transparent url("images/teams.gif") no-repeat -250px 0; }
.CIN { background:transparent url("images/teams.gif") no-repeat -300px 0; }
.CLE { background:transparent url("images/teams.gif") no-repeat -350px 0; }
.DAL { background:transparent url("images/teams.gif") no-repeat 0 -50px; }
.DEN { background:transparent url("images/teams.gif") no-repeat -50px -50px; }
.DET { background:transparent url("images/teams.gif") no-repeat -100px -50px; }
.GB { background:transparent url("images/teams.gif") no-repeat -150px -50px; }
.HOU { background:transparent url("images/teams.gif") no-repeat -200px -50px; }
.IND { background:transparent url("images/teams.gif") no-repeat -250px -50px; }
.JAC { background:transparent url("images/teams.gif") no-repeat -300px -50px; }
.KC { background:transparent url("images/teams.gif") no-repeat -350px -50px; }
.MIA { background:transparent url("images/teams.gif") no-repeat 0 -100px; }
.MIN { background:transparent url("images/teams.gif") no-repeat -50px -100px; }
.NE { background:transparent url("images/teams.gif") no-repeat -150px -100px; }
.NO { background:transparent url("images/teams.gif") no-repeat -100px -100px; }
.NYG { background:transparent url("images/teams.gif") no-repeat -200px -100px; }
.NYJ { background:transparent url("images/teams.gif") no-repeat -250px -100px; }
.OAK { background:transparent url("images/teams.gif") no-repeat -300px -100px; }
.PHI { background:transparent url("images/teams.gif") no-repeat -350px -100px; }
.PIT { background:transparent url("images/teams.gif") no-repeat 0 -150px; }
.SD { background:transparent url("images/teams.gif") no-repeat -50px -150px; }
.SEA { background:transparent url("images/teams.gif") no-repeat -100px -150px; }
.SF { background:transparent url("images/teams.gif") no-repeat -150px -150px; }
.STL { background:transparent url("images/teams.gif") no-repeat -200px -150px; }
.TB { background:transparent url("images/teams.gif") no-repeat -250px -150px; }
.TEN { background:transparent url("images/teams.gif") no-repeat -300px -150px; }
.WAS { background:transparent url("images/teams.gif") no-repeat -350px -150px; }

#JT {
  position:absolute;
  z-index:100;
  background-color:#ffffff;
}
#JT_copy {
  padding:8px;
}
.JT_loader {
  background-image:url(images/jtip_loader.gif);
  background-repeat:no-repeat;
  background-position:center center;
  width:100%;
  height:12px;
}
.jTip {
  cursor:help;
}

.boxy-wrapper {
  position:absolute;
  }
.boxy-wrapper.fixed {
  position:fixed;
  }
.boxy-modal-blackout {
  position:absolute;
  background:black;
  left:0;
  top:0;
  }
.boxy-wrapper {
  empty-cells:show;
  }
.boxy-wrapper .top-left, .boxy-wrapper .top-right, .boxy-wrapper .bottom-right, .boxy-wrapper .bottom-left {
  width:8px;
  height:8px;
  padding:0
  }
.boxy-wrapper .top-left {
  background:url('images/boxy.png') 0 0 no-repeat;
  }
.boxy-wrapper .top-right {
  background:url('images/boxy.png') -8px 0 no-repeat;
  }
.boxy-wrapper .bottom-right {
  background:url('images/boxy.png') -8px -8px no-repeat;
  }
.boxy-wrapper .bottom-left {
  background:url('images/boxy.png') 0 -8px no-repeat;
  }
.boxy-wrapper .top, .boxy-wrapper .bottom {
  height:8px;
  background:#00457B;
  opacity:0.6;
  filter:alpha(opacity=60);
  padding:0;
  }
.boxy-wrapper .left, .boxy-wrapper .right {
  width:8px;
  background:#00457B;
  opacity:0.6;
  filter:alpha(opacity=60);
  padding:0;
  }
.boxy-wrapper .title-bar {
  background:transparent url("images/gradients.gif") 0 -57px repeat-x;
  padding:6px 6px 12px;
  position:relative;
  cursor:move;
  }
.boxy-wrapper .title-bar.dragging {
  cursor:move;
  }
.boxy-wrapper .title-bar h2 {
  font-size:14px;
  font-weight:bold;
  text-transform:uppercase;
  color:#ffffff;
  line-height:1em;
  margin:0;
  padding:0;
  white-space:nowrap;
  }
.boxy-wrapper .title-bar .close {
  color:#ffffff;
  position:absolute;
  top:6px;
  right:6px;
  font-size:90%;
  line-height:1em;
  }
.boxy-inner {
  background-color:#ffffff;
  padding:0;
  }
.boxy-content {
  padding:8px;
  }
.boxy-wrapper .question {
  width:350px;
  min-height:80px;
  }
.boxy-wrapper .answers {
  text-align:right;
  }

#lavaLamp {
  position:relative;
  height:22px;
  padding:0 15px;
  margin:5px 0 0;
  overflow:hidden;
  }
#lavaLamp li {
  float:left;
  list-style:none;
  }
#lavaLamp li.back {
  background:url("images/lava.gif") no-repeat right -22px;
  width:9px;
  height:22px;
  z-index:8;
  position:absolute;
  }
#lavaLamp li.back .left {
  background:url("images/lava.gif") no-repeat top left;
  height:22px;
  margin-right:7px; /* 7px is the width of the rounded shape */
  }
#lavaLamp li a {
  font-weight:bold;
  font-size:14px;
  color:#ffffff;
  outline:none;
  text-align:center;
  top:3px;
  text-transform:uppercase;
  letter-spacing:0;
  z-index:10;
  display:block;
  float:left;
  height:22px;
  position:relative;
  overflow:hidden;
  margin:auto 10px;
  }
#lavaLamp li a:hover, #lavaLamp li a:active, #lavaLamp li a:visited {
  border:none;
  text-decoration:none;
  }

.blog {
  display:block;
  float:left;
  width:180px;
  margin:0 5px 1.5em;
  padding:5px 0 0;
  }
.blogSeparator {
  display:block;
  float:left;
  width:5px;
  height:50px;
  margin:10px 0 0;
  border-left:1px solid #dddddd;
  }
.cal, .cal .m, .cal .d {
  position:relative;
  background:url("images/calendar.png") no-repeat 0 0;
  margin:0 5px 1.5em 0;
  }
.cal {
  display:inline-block;
  float:left;
  position:relative;
  width:64px;
  height:64px;
  }
.cal .m {
  position:absolute;
  top:17px;
  left:7px;
  width:17px;
  height:8px;
  text-indent:-9999em;
  }
.m1 .m  { background-position:-62px 0; }
.m2 .m  { background-position:-84px 0; }
.m3 .m  { background-position:-105px 0; }
.m4 .m  { background-position:-126px 0; }
.m5 .m  { background-position:-147px 0; }
.m6 .m  { background-position:-168px 0; }
.m7 .m  { background-position:-188px 0; }
.m8 .m  { background-position:-211px 0; }
.m9 .m  { background-position:-231px 0; }
.m10 .m { background-position:-253px 0; }
.m11 .m { background-position:-274px 0; }
.m12 .m { background-position:-295px 0; }
.cal .d {
  position:absolute;
  top:25px;
  left:17px;
  width:32px;
  height:25px;
  text-indent:-9999em;
  }
.d1 .d, .d2 .d, .d3 .d, .d4 .d, .d5 .d, .d6 .d, .d7 .d, .d8 .d, .d9 .d {
  left:24px;
  width:17px;
  }
.d1 .d  { background-position:-63px -9px; }
.d2 .d  { background-position:-80px -9px; }
.d3 .d  { background-position:-97px -9px; }
.d4 .d  { background-position:-115px -9px; }
.d5 .d  { background-position:-131px -9px; }
.d6 .d  { background-position:-147px -9px; }
.d7 .d  { background-position:-165px -9px; }
.d8 .d  { background-position:-182px -9px; }
.d9 .d  { background-position:-199px -9px; }
.d10 .d { background-position:-216px -9px; }
.d11 .d { background-position:-245px -9px; }
.d12 .d { background-position:-275px -9px; }
.d13 .d { background-position:-306px -9px; }
.d14 .d { background-position:-337px -9px; }
.d15 .d { background-position:-368px -9px; }
.d16 .d { background-position:-399px -9px; }
.d17 .d { background-position:-429px -9px; }
.d18 .d { background-position:-459px -9px; }
.d19 .d { background-position:-63px -38px; }
.d20 .d { background-position:-95px -37px; }
.d21 .d { background-position:-126px -37px; }
.d22 .d { background-position:-159px -37px; }
.d23 .d { background-position:-192px -37px; }
.d24 .d { background-position:-224px -37px; }
.d25 .d { background-position:-257px -37px; }
.d26 .d { background-position:-288px -37px; }
.d27 .d { background-position:-320px -37px; }
.d28 .d { background-position:-352px -37px; }
.d29 .d { background-position:-384px -37px; }
.d30 .d { background-position:-416px -37px; }
.d31 .d { background-position:-447px -37px; }
.cal.ie {
  background:transparent url("images/boxes.gif") -89px -10px no-repeat;
  width:40px;
  height:40px;
  padding:12px;
  }
.cal .mie, .cal .die {
  display:block;
  position:static;
  top:0;
  left:0;
  background:none;
  width:40px;
  margin:0;
  font-weight:bold;
  text-align:center;
  text-indent:0;
  }
.cal .mie {
  height:15px;
  color:#ffffff;
  padding:0;
  font-size:12px;
  line-height:15px;
  }
.cal .die {
  height:25px;
  padding:0;
  font-size:18px;
  line-height:25px;
  }
.comments {
  position:absolute;
  text-align:center;
  top:-4px;
  left:40px;
  width:30px;
  height:24px;
  font-weight:bold;
  padding:3px 0;
  background:url("images/bubble.png") no-repeat 0 0;
  }

.highlight p {
  border:1px solid #356AA0;
  color:#ffffff;
  background:#356AA0;
  margin:0 0 0 10px;
  }

