/* CSS Document */
body
{ 
  color:                black; 
  background:           white;
  background-image:     url('/images/Background.png');
  background-repeat:    repeat-x;
  margin-left:          5%; 
  margin-right:         5%;
  margin-top:           40px; 
  font-family:          Verdana;
  font-size:            12px; 
}

body.picks
{
  width:                900px;
  color:                black; 
  background:           white;
  margin-left:          5%; 
  margin-right:         5%;
  margin-top:           20; 
  font-family:          Verdana;
  font-size:            12px; 
}

.rules
{
  width:                900px;
  padding-left:         10px;
  padding-right:        10px;  
  overflow:             hidden;
  border-bottom:        1px solid black; 
}

.rules ol.outer
{
  padding:              0;
  padding-left:         10px;
  list-style-type:      decimal
}
.rules ol.middle
{
  padding:              0;
  padding-left:         10px;
  list-style-type:      lower-alpha
}
.rules ol.inner
{
  padding:              0;
  padding-left:         10px;
  list-style-type:      lower-roman
}
.rules li
{
  font-family:          Verdana;
  font-size:            12px 
}



table
{ 
  width:                900px;
  border:               none;
  vertical-align:       top; 
  border-spacing:       8px; 
}
td
{
  vertical-align:       top; 
  border:               none;
  font-size:            x-small;
  padding:              0;
  margin:               0
} 
td.DidYouKnow
{ 
  border:               1px solid green;
  background:           #CCFFCC;
  font-size:            x-small;
  color:                navy;
  padding:              10px;
}
td.BonusData
{ 
  border:               1px solid #333300;
  background:           #FFFFCC;
  font-size:            x-small;
  color:                navy;
  padding:              10px;
}
td.NewsLink
{ 
  border:               1px solid #333333;
  background:           white;
  font-size:            x-small;
  color:                navy;
  padding:              10px;
}
td.Info
{ 
  border:               1px solid navy;
  background:           #CCCCFF; 
  font-size:            x-small;
  color:                navy;
  padding:              10px;
  vertical-align:       top; 
}
td.password
{ 
  border:               1px solid black;
  background:           none; 
  font-size:            x-small;
  color:                darkgreen;
  padding:              10px;
  vertical-align:       top;
  text-align:           center; 
}
td.Error
{ 
  border:               none;
  background:           none; 
  font-size:            x-small;
  color:                red;
  padding:              10px;
  vertical-align:       top;
  text-align:           center; 
}
td.Comment
{ 
  border:               1px solid black;
  background:           #CCFFFF; 
  font-size:            x-small;
  color:                black;
  padding:              10px;
  vertical-align:       top;
  text-align:           left; 
}
.tiny
{ 
  color:                navy;
  background:           white; 
  font-weight:          normal;
  font-size:            xx-small
}

.title
{ 
  color:                green;
  background:           white; 
  font-weight:          bold;
  font-size:            large
}  


.tabs
{
  width:                900px;
  padding-left:         10px;
  padding-right:        10px;  
  overflow:             hidden;
  border-bottom:        1px solid black; 
  background:           black;
}

.tabs ul
{
  margin:               0;
  padding:              0;
  padding-left:         10px; /*offset of tabs relative to browser left edge*/
  font:                 bold 12px Verdana;
  list-style-type:      none;
}

.tabs li
{
  display:              inline;
  margin:               0;
}

.tabs li a
{
  float:                left;
  display:              block;
  text-decoration:      none;
  margin:               0;
  padding:              7px 8px; /*padding inside each tab*/
  border-right:         1px solid black; /*right divider between tabs*/
  color:                #009900;
  background:           #333333; /*background of tabs (default state)*/
}

.tabs li a:visited
{
  color:                #009900;
}

.tabs li a:hover, .mattblacktabs li.selected a
{
  background:           black; 
  color:                darkgreen;
}


.header
{
  width:                900px;
  height:               109px;
  padding:              5px;
  background-image:     url('/images/LineOfScrimmage.jpg');
  background-repeat:    no-repeat;
  background-position:  top right;
  background-color:     #006600;

}

.header H1
{
  margin-right:         250px;
  margin-top:           10px;
  margin-bottom:        10px;
  text-align:           center;
  color:                #FFFFCC;
  font-family:          arial;
  font-weight:          bold;
  font-size:            30px;
}

.header H3
{
  margin-right:          250px; 
  text-align:            center;
  color:                 #FFFFCC;
  font-family:           arial;
}

.news
{
  width:                900px;
  padding:              10px;
  background:           #FFFFCC;
  color:                black;
  font-family:          arial;
}
.news H1
{
  text-align:           center;
  color:                #333333;
  font-family:          arial;
  margin-top:           5px;
  margin-bottom:        2px;
}

.news .date
{
  color:                #006600;
  text-align:           center;
  font-weight:          normal;
  font-size:            xx-small;
}


.SignUp table
{ 
  width:                900px;
  border:               none;
  border-spacing:       8px; 
}

.newSignUp
{
  width:                270px;
  padding:              10px;
  vertical-align:       top; 
  color:                black;
  font-family:          arial;
}

.newSignUp table
{ 
  width:                250px;
  vertical-align:       top; 
  border:               none;
  border-spacing:       8px; 
}

.oldSignUp
{
  width:                270px;
  padding:              10px;
  vertical-align:       top; 
  color:                black;
  font-family:          arial;
}

.oldSignUp table
{ 
  width:                250px;
  vertical-align:       top; 
  border:               none;
  border-spacing:       8px; 
}

.passwordHelp
{
  width:                270px;
  padding:              10px;
  vertical-align:       top; 
  color:                black;
  font-family:          arial;
}

.passwordHelp table
{ 
  width:                250px;
  vertical-align:       top; 
  border:               none;
  border-spacing:       8px; 
}

.admin
{
  width:                900px;
  padding:              5px;
  font-family:          Verdana;
  font-size:            14px;
  color:                Navy;   
}

.admin table
{ 
  width:                900px;
  border:               1px solid black;
  border-collapse:      collapse;
  vertical-align:       top;  
}
.admin td
{
  vertical-align:       top; 
  border:               1px solid black;
  font-family:          Verdana;
  font-size:            14px;
  padding:              2px;
  margin:               2px;
} 
.admin th
{
  vertical-align:       top; 
  border:               1px solid black;
  font-family:          Verdana;
  font-size:            14px;
  font-weight:          bold;
  text-align:           center; 
  padding:              2px;
  margin:               2px;
}

.standings
{
  width:                900px;
  padding:              5px;
  font-family:          Verdana;
  font-size:            14px;
  color:                Navy;
  text-align:           center;    
}
.standings H1
{
  text-align:           center;
  color:                #333333;
  font-family:          arial;
  margin-top:           5px;
  margin-bottom:        2px;
}
.standings table
{ 
  width:                900px;
  border:               2px solid black;
  vertical-align:       top; 
  border-spacing:       0px;
  border-collapse:      collapse; 
}
.standings td
{
  vertical-align:       top; 
  border:               2px solid black;
  padding:              0;
  margin:               0
} 

