BODY
{
    FONT-SIZE: 8pt;
    COLOR: black;
    //LINE-HEIGHT: 9pt;
    FONT-FAMILY: 'Tahoma', Verdana, Arial;
    BACKGROUND-COLOR: white;
	background-image: url("images/blueback2.jpg");
  background-repeat: repeat-y;
  	margin-left: 3px !important;
	margin-top: 3px !important;

}

tr.headerrow {
	background-color: #008CE8;
	color: white;
}
tr.headerrow td {
	color: white;
}
tr.headerrow a, tr.headerrow a:link, tr.headerrow a:visited {
	color: white;
	text-decoration: none;
}
tr.headerrow:hover {
	background-color: #0070c0;
}
tr.headerrow a:hover {
	text-decoration: underline;
}
tr.headerrow b {
	color: white;
	text-decoration: underline;
}

td.headercell {
	color: red;
    FONT-SIZE: 8pt;
}

p.leftbar {
	line-height: 2.0;	
	font-color: white;
}

p.leftbar a:link {
  color: white;
  text-decoration: none;
}

/* unvisited link */
p.leftbar a:link {
  color: white;
   text-decoration: none;
}

/* visited link */
p.leftbar a:visited {
  color: white;
   text-decoration: none;
}

/* mouse over link */
p.leftbar a:hover {
  color: white;
  text-decoration: underline;
}

/* selected link */
p a:active {
  color: blue;
}

#players {
    font-family: 'Tahoma', Verdana, Arial;
    border-collapse: collapse;


}

#players td, #players th {
    border: 1px solid #ddd;
    padding: 2px;
    font-family: 'Tahoma', Verdana, Arial;
    font-size: 8pt;
}

#players tr:nth-child(even){background-color: #f2f2f2;}

#players tr:hover {background-color: #ddd;}


#players th {
    padding-top: 2px;
    padding-bottom: 2px;
    text-align: left;

}

#months {
    font-family: 'Tahoma', Verdana, Arial;
    border-collapse: collapse;
	cell-spacing: 0px;

}

#months td, #months th {
    border: 1px solid #ddd;
    padding: 5px;
}

#months tr:nth-child(even){background-color: #f2f2f2;}

#months tr:hover {background-color: #ddd;}


#months th {
    padding-top: 2px;
    padding-bottom: 2px;
    text-align: left;

}

#headerrow td {
    padding-top: 2px;
    padding-bottom: 2px;
    text-align: left;
	color: white;
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 75px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -35px;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  
  }


.style1 {
	font-size: medium;
}

TD
{
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: 'Tahoma', Verdana, Arial
}

/* unvisited link */
a:link {
  color: black;
}

/* visited link */
a:visited {
  color: black;
}

/* mouse over link */
a:hover {
  color: blue;
}

/* selected link */
a:active {
  color: blue;
}


SELECT
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: 'Tahoma', Verdana, Arial
}
INPUT
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: 'Tahoma', Verdana, Arial
}
TEXTAREA
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: 'Tahoma', Verdana, Arial
}

.darkTable A
{
    COLOR: white;
}
.lightTable A
{
    COLOR: black;
}

.disabled
{
    FONT-WEIGHT: lighter;
    COLOR: silver
}
.requiredFld
{
    FONT-WEIGHT: bolder;
    COLOR: orangered
}
.colorButton
{
    COLOR: black;
    BACKGROUND-COLOR: white
}
.secondaryTableDark
{
    COLOR: black;
    LINE-HEIGHT: 9pt;
    BACKGROUND-COLOR: #b8c299
}
.darkTable
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 2px;
    COLOR: black;
    PADDING-TOP: 2px;
    BACKGROUND-COLOR: f2f2f2;
}

.lightTable
{
    BACKGROUND-COLOR: white;
    FONT-COLOR: black;
}

.errorTable
{
    COLOR: black;
    LINE-HEIGHT: 9pt;
    BACKGROUND-COLOR: #b8c299
}
.secondaryTableDark A
{
    COLOR: #797950
}
.secondaryTableDark A:hover
{
    COLOR: #006600
}
.colorButton A
{
    COLOR: black
}
.errorTable A
{
    COLOR: #797950
}
.errorTable A:hover
{
    COLOR: #006600
}
.errorTableDark
{
    COLOR: white;
    LINE-HEIGHT: 9pt;
    BACKGROUND-COLOR: #b22222
}
.errorTableDark A
{
    COLOR: white
}
.errorTableDark A:hover
{
    COLOR: #cdcdcd
}
.secondaryTable A#menuBar
{
    COLOR: black
}
.secondaryTable A#menuBar:hover
{
    COLOR: #006600
}
.colorButton A:hover
{
    COLOR: #cdcdcd
}
.primaryTable A:hover
{
    ;COLOR: #d9dec8
    COLOR: black    
}
.heading
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14pt;
    LINE-HEIGHT: 16pt
}
.disabledTable
{
    BACKGROUND-COLOR: silver
}
TD .body
{
    LINE-HEIGHT: 9pt;
    BACKGROUND-COLOR: white
}
.primaryTable A#menuBar:hover
{
    COLOR: #d9dec8
}
.primaryTable A#menuBar
{
    COLOR: white
}
.disabledTable A
{
    COLOR: black
}
.disabledTable A:hover
{
    COLOR: gray
}
.item6sec
{
    COLOR: black;
    BACKGROUND-COLOR: #b580d6
}
.item6sec A
{
    COLOR: black
}
.item6sec A:hover
{
    COLOR: #5f1c89
}
.item6Main
{
}
.item6Main A
{
    COLOR: #b580d6
}
.item6Main A:hover
{
    COLOR: black
}
.item6
{
    COLOR: white;
    BACKGROUND-COLOR: #5f1c89
}
.item6 A
{
    COLOR: white
}
.item6 A:hover
{
    COLOR: #b580d6
}
.item5sec
{
    COLOR: black;
    BACKGROUND-COLOR: #956ab0
}
.item5sec A
{
    COLOR: black
}
.item5sec A:hover
{
    COLOR: #39005d
}
.item5Main
{
}
.item5Main A
{
    COLOR: #39005d
}
.item5Main A:hover
{
    COLOR: black
}
.item5
{
    COLOR: white;
    BACKGROUND-COLOR: #39005d
}
.item5 A
{
    COLOR: white
}
.item5 A:hover
{
    COLOR: #956ab0
}
.item4sec
{
    COLOR: black;
    BACKGROUND-COLOR: #5e6a8d
}
.item4sec A
{
    COLOR: black
}
.item4sec A:hover
{
    COLOR: #001536
}
.item4Main
{
}
.item4Main A
{
    COLOR: #001536
}
.item4Main A:hover
{
    COLOR: black
}
.item4
{
    COLOR: white;
    BACKGROUND-COLOR: #001536
}
.item4 A
{
    COLOR: white
}
.item4 A:hover
{
    COLOR: #5e6a8d
}
.item3sec
{
    COLOR: black;
    BACKGROUND-COLOR: #8895ba
}
.item3sec A
{
    COLOR: black
}
.item3sec A:hover
{
    COLOR: #002866
}
.item3Main
{
}
.item3Main A
{
    COLOR: #002866
}
.item3Main A:hover
{
    COLOR: black
}
.item3
{
    COLOR: white;
    BACKGROUND-COLOR: #002866
}
.item3 A
{
    COLOR: white
}
.item3 A:hover
{
    COLOR: #8895ba
}
.item2sec
{
    COLOR: black;
    BACKGROUND-COLOR: #93a7b9
}
.item2sec A
{
    COLOR: black
}
.item2sec A:hover
{
    COLOR: #004766
}
.item2Main
{
}
.item2Main A
{
    COLOR: #004766
}
.item2Main A:hover
{
    COLOR: black
}
.item2
{
    COLOR: white;
    BACKGROUND-COLOR: #004766
}
.item2 A
{
    COLOR: white
}
.item2 A:hover
{
    COLOR: #93a7b9
}
.item1sec
{
    COLOR: black;
    BACKGROUND-COLOR: #bfd9d9
}
.item1sec A
{
    COLOR: black
}
.item1sec A:hover
{
    COLOR: #006666
}
.item1Main
{
}
.item1Main A
{
    COLOR: #006666
}
.item1Main A:hover
{
    COLOR: black
}
.item1
{
    COLOR: white;
    BACKGROUND-COLOR: #006666
}
.item1 A
{
    COLOR: white
}
.item1 A:hover
{
    COLOR: #bfd9d9
}
.item0
{
    COLOR: white;
    BACKGROUND-COLOR: #008a8a
}
.item0Main
{
}
.item0sec
{
    COLOR: black;
    BACKGROUND-COLOR: #cfffff
}
.item0 A
{
    COLOR: white
}
.item0 A:hover
{
    COLOR: #cfffff
}
.item0Main A
{
    COLOR: #008a8a
}
.item0Main A:hover
{
    COLOR: black
}
.item0sec A
{
    COLOR: black
}
.item0sec A:hover
{
    COLOR: #008a8a
}
.admin
{
    COLOR: white;
    LINE-HEIGHT: 9pt;
    BACKGROUND-COLOR: #b22222
}
.admin A
{
    COLOR: white
}
.admin A:hover
{
    COLOR: #cdcdcd
}
H1
{
    LINE-HEIGHT: normal
}
H2
{
    LINE-HEIGHT: normal
}
H3
{
    LINE-HEIGHT: normal
}

/* ============================================================
   TEXT COLOR HELPERS
   (replaces inline <font color=...> and style="color:..." )
   ============================================================ */
.text-error   { color: red; }
.text-muted   { color: gray; }
.text-white   { color: white; }
.text-success { color: green; }

/* ============================================================
   TYPOGRAPHY
   ============================================================ */

/* Page/section title (replaces <font style="font-size:18px">) */
.page-title {
    font-size: 18px;
    font-family: 'Tahoma', Verdana, Arial;
}

/* Section heading (replaces <font size=4> or <b> section labels) */
.section-heading {
    font-size: 14pt;
}

/* ============================================================
   TABLE COLUMN STATES
   ============================================================ */

/* Active sort column in data rows (replaces inline <b> tags) */
.col-sorted { font-weight: bold; }

/* Blue header cell — individual <td> (replaces bgcolor="#008CE8")  */
/* Note: full-row headers use tr.headerrow which is already defined  */
td.col-header {
    background-color: #008CE8;
    color: white;
}
td.col-header a, td.col-header a:link, td.col-header a:visited {
    color: white;
    text-decoration: none;
}
td.col-header:hover {
    background-color: #0070c0;
}
td.col-header a:hover {
    text-decoration: underline;
}
td.col-header b {
    color: white;
    text-decoration: underline;
}

/* Score / rank totals column — subtle highlight on data rows only */
td.col-score {
    background-color: #e8e8e8;
}
tr.headerrow td.col-score,
#players tr.headerrow td.col-score,
table tr.headerrow td.col-score {
    background-color: #008CE8 !important;
    color: white !important;
}

/* ============================================================
   TABLE STRUCTURAL DEFAULTS
   (replaces cellspacing="0" on layout and data tables)
   ============================================================ */

/* Global: remove inter-cell spacing (was cellspacing="0") */
table {
    border-spacing: 0;
}

/* Data table with visible borders
   (replaces border="1" cellspacing="0" cellpadding="..." on tables
    that do not use id="players" or id="months")               */
table.data-table {
    border-collapse: collapse;
}
table.data-table td,
table.data-table th {
    border: 1px solid grey;
    padding: 3px;
}

/* Roster slot count exceeded threshold (replaces inline style="color:white;background-color:red;") */
.slot-exceeded {
    color: white;
    background-color: red;
}