/****************************************************************************/
/* Page defaults.                                                           */
/****************************************************************************/

body {
  background-color: #ffffff;
  color: #000000;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 10pt;
  margin: 0px;
}

a {
  color: #000080;
  font-weight: bold;
  text-decoration: none;
}

a:visited {
  color: #000080;
}

a:hover {
  color: #800000;
  text-decoration: underline;
}

h4 {
  font-size: 10pt;
}

ul {
  list-style-type: square;
}

/****************************************************************************/
/* Layout objects.                                                          */
/****************************************************************************/

#titleBar {
  background-color: #808080;
  border-top: 2px solid #c0c0c0;
  border-bottom: 2px solid #606060;
  color: #ffffff;
  font-size: 8pt;
  font-weight: bold;
  padding: 4px;
  padding-left: 1em;
  padding-right: 1em;
}

#status {
  float: right;
}

#title {
  color: #ffffff;
  font-size: 16pt;
  font-style: italic;
}

.menuBar {
  background-color: #c0c0c0;
  border-top: 1px solid #f0f0f0;
  border-bottom: 2px solid #808080;
  font-size: 8pt;
  font-weight: bold;
  padding: 2px;
  text-align: center;
}

#main {
  text-align: center;  /* Needed for IE 5.x. */
}

#wrapper {
  text-align: left;  /* Counteracts the above text alignment. */
  margin: 1em auto 1em auto;
}

#subTitle {
  color: #c0c0c0;
  font-size: 12pt;
  font-weight: bold;
  padding: 0px 1em 2px 0px;
  text-align: right;
}

#contact {
  float: left;
}

#copyright {
  border-top: 1px dotted #808080;
  font-size: 8pt;
  font-weight: bold;
  padding: 2px;
  padding-left: 1em;
  padding-right: 1em;
  text-align: right;
}

/****************************************************************************/
/* Tables.                                                                  */
/****************************************************************************/

td, th {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 10pt;
  padding: 2px;
  padding-left: .3em;
  padding-right: .3em;
}

td.freeform {
  padding: .25em .75em;
}

td.pick-cell {
    border: 2px solid #000; /* Darker border for picked teams */
/*    background-color: #f0f8ff; /* Light color highlight */
    font-weight: bold;
    white-space: nowrap; /* Prevent text from wrapping */	
}

table.main {
  border: 1px solid #000000;
  border-bottom-width: 0px;
  empty-cells: show;
  margin-left: auto;
  margin-right: auto;
}

table.main.multi {
  margin-left: 0px;  /* To make multiple tables flush left. */
}

table.main td, table.main th {
  color: #000000;
}

table.main td {
  border-bottom: 1px solid #000000;
}

table.main th {
  background-color: #808080;
  color: #ffffff;
  font-weight: bold;
  border-bottom: 1px solid #000000;
}

table.main th.afc {
  background-color: #802020;
}

table.main th.nfc {
  background-color: #202080;
}

table.main tr {
  border-bottom: 1px solid #000000;
}

table.main tr.alt {
  background-color: #d0d0d0;
}

/* For free form text and tables within the main table display. */

table.main div.freeForm {
  padding: .25em .75em;
}

table.main div.freeForm.text {
  width: 48em;
}

table.main div.freeForm table td, div.freeForm table th {
  border-style: none;
}


/****************************************************************************/
/* Form elements.                                                           */
/****************************************************************************/

input, select {
  background-color: #ffffff;
  color: #000000;
  font-size: 10pt;
}
input.button {
  background-color: #c0c0c0;
  border-color: #f0f0f0 #808080 #808080 #f0f0f0;
  border-style: solid;
  border-width: 2px;
  color: #000000;
  font-family: sans-serif;
  font-weight: bold;
}


input.largebutton {
  background-color: #c0c0c0;
  border-color: #f0f0f0 #808080 #808080 #f0f0f0;
  border-style: solid;
  border-width: 10px;
  color: #000000;
  font-family: sans-serif;
  font-weight: bold;
        font-size: 30px;
        color: #FF0000;
	width: 200px;
	height: 60px; 
}

input.checkbox, input.radio {
  background-color: #ffffff;
}

tr.alt input.checkbox, tr.alt input.radio {
  background-color: #d0d0d0;
}

tr.alt input[type="checkbox"], tr.alt input[type="radio"],
input[type="checkbox"], input[type="radio"] {
  background-color: #ffffff;
}

/****************************************************************************/
/* Text messages.                                                           */
/****************************************************************************/

.error, .info {
  border: 1px solid #000000;
  font-weight: bold;
  padding: 2px;
  padding-left: .5em;
  padding-right: .5em;
  white-space: nowrap;
}

.error {
  background-color: #ffff00;
  color: #800000;
}

.loser {
  color: #FF0000;
}

.info {
  background-color: #208020;
  color: #ffffff;
}

.small {
  font-size: 8pt;
}

.left-bold {
    font-weight: bold;
    text-align: left;
}

.right-align {
    text-align: right;
}
/* CSS to rotate header text vertically */
.verticalText {
	writing-mode: vertical-rl;      /* rotates text vertically */
	text-orientation: upright;       /* keeps letters upright */
    text-align: left; /* Centers the text */
    border: 1px solid black; /* Adds a border around each header */
	white-space: nowrap;
	padding: 5px;
}

/******************************************************************************
* Printer styles.                                                             *
******************************************************************************/

@media print {

  a, a:visited, table.main a, table.main a:visited {
    color: #000000;
    font-weight: normal;
  }

  body {
    background-color: #ffffff;
    color: #000000;
  }

  input.button {
    background-color: #d0d0d0;
    border: 1px outset;
  }

  input.checkbox, input.radio {
    background-color: #ffffff;
  }

  tr.alt input.checkbox, tr.alt input.radio {
    background-color: #e0e0e0;
  }

 #titleBar, #copyright {
    background-color: #ffffff;
    border-width: 0px;
    color: #000000;
  }

  #copyright {
    border-top: 1px solid #000000;
  }

  #title {
    color: #000000;
    font-size: 10pt;
  }

  .menuBar, #subTitle {
    display: none;
  }

  .error, .info {
    background-color: #e0e0e0;
    color: #000000;
  }

  table.main td {
    border-top-width: 0px;
    border-bottom: 1px solid #000000;
  }

  table.main th, table.main th.afc, table.main th.nfc {
    background-color: #c0c0c0;
    color: #000000;
    border-top-width: 0px;
    border-bottom: 1px solid #000000;
  }

  table.main tr {
    background-color: #ffffff;
  }

  table.main tr.alt {
    background-color: #e0e0e0;
  }
}