/********************************************
*  FOFL Site v3 -- November, 2006
*  CSS v2
*  Site design by Simon Cable
*  simon.cable@gmail.com
*  Default colour scheme: 
*  #ffffff (white)
*  #333333 (charcoal)
*  #b70004 (red)
*  #0d0458 (blue)
*  #b2b2b2 (grey)
*  #ff373d (light red for black backgrounds)
*********************************************/

/* GLOBAL STYLES
----------------------------------------------------------------*/
body {
	margin: 0;
	background-color: #666666;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}
td { vertical-align: top; }

a, a:visited { 
	color: #0d0458;
	padding-left: 0px;
	text-decoration: underline;
	text-transform: none;
}
a:hover { color: #b70004; }
select {
	background-color: #333333;
	border: 0px;
	font-family: Tahoma, verdana, helvetica;
	font-size: 10px;
	color: #cccccc;
	font-weight: normal;
	text-transform: uppercase;
	margin: 1px;
}

/* PAGE LAYOUT
----------------------------------------------------------------*/
table.main {
/*	width: 1000px; */
	max-width: 1200px;
	width: 99.0%;
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
	border-top: 0px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 0px;
	border-collapse: collapse;
}
td.left {
	width: 175px;
	border-right: 1px solid #000000;
	border-bottom: 0px;
	border-collapse: collapse;
	background: #333333;
	color: #ffffff;
}
td.header {
/*	width: 825px; */
	height: 115px;
	background: #B70004 url(../images/site/header_long.png) no-repeat;  

/*	background: #AF001D url(../images/site/fofl_header_v2.png) no-repeat;
	background-position: 10px 40px;*/
}
td.right { 
/*	width: 825px; */
}

/* MAIN CONTENT DIV
----------------------------------------------------------------*/
#content {
/*	width: 99%; */
	margin: 7px 6px 7px 6px;
	font-size: 11px;
}

/* TOP NAVIGATION BAR
----------------------------------------------------------------*/
#topnav {
	width: 100%;
	height: 25px;
	background: url(../images/site/topnav_bg.jpg) repeat-x;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	margin: 0px;
	padding: 0px;
}
#navlinks {
	text-align: left;
	margin: 0px;
	margin: 6px 0px 0px 5px;
	color: #ff373d;
	font-weight: bold;
}
.divider {
	font-weight: normal;
	color: #666666;
	padding-left: 4px;
	padding-right: 4px;
}
#navlinks a, #navlinks a:visited { color: #999999; text-decoration: none; }
#navlinks a:hover { color: #ffffff; }

/* FOOTER
----------------------------------------------------------------*/
#footer {
	width: 100%;
	height: 20px;
	background: #0d0458;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	margin: 0px;
	padding: 0px;
}
#copyright {
	text-align: left;
	text-transform: none;
	margin: 0px;
	margin: 5px 0px 0px 5px;
	color: #d3d3d3;
	font-weight: bold;
	font-size: 9px;
}
#copyright a, #copyright a:visited { color: #ffffff; font-weight: bold; text-decoration: underline; }
#copyright a:hover { color: #b2b2b2; }

/* LEFTNAV
----------------------------------------------------------------*/
#leftnav { 
	width: 155px;
	margin: 10px auto;
	text-align: left;
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 10px;
	color: #ffffff;
}
#leftnav h2 { 
	width: 95%;
	border-bottom: 1px solid #666666;
	padding: 0px;
	font-size: 11px; 
	font-weight: bold;
	color: #ff373d;
	text-transform: uppercase;
	text-align: left;
	margin: 8px 0px 5px 0px;
}
#leftnav h3 {
	font-weight: bold;
	font-size: 10px;
	color: #ffffff;
	text-transform: uppercase;
	margin-top: 6px;
	margin-bottom: 1px;
}
#leftnav form {
	width: 140px;
	background-color: #333333;
	border: 0px;
	margin-left: 5px;
	margin-bottom: 0px;
	margin-top: 1px;
	font-family: Tahoma, verdana, helvetica;
	font-size: 10px;
	color: #cccccc;
	font-weight: normal;
	text-transform: uppercase;
}
#leftnav select {
	width: 130px;
	background-color: #333333;
	border: 0px;
	font-family: Tahoma, verdana, helvetica;
	font-size: 10px;
	color: #cccccc;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0px;
}
#leftnav input {
	color: #ffffff;
	background: #666666;
	width: 120px;
	font-size: 11px;
	margin-left: 3px;
	margin-bottom: 0px;
	margin-top: 1px;
	border: 1px solid #cccccc;
	padding: 2px;
	text-transform: none;
	font-family: Tahoma, verdana, helvetica;	
}
* > #leftnav input { width: 125px; }
#leftnav .division { color: #ffffff; font-weight: bold; }
#leftnav a, #leftnav a:visited { 
	background: url(../images/site/empty_bullet.gif) 0 .4em no-repeat;
	color: #cccccc;
	padding-left: 9px;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
}
#leftnav a:hover { 
	background: url(../images/site/bullet.gif) 0 .4em no-repeat;
	color: #ffffff;
	font-weight: normal;
}

/* FOFL PLAYER PAGES
----------------------------------------------------------------*/
#player { 
/*	padding: 3px 0px 3px 3px; */
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 10px;
	color: #000000;
	margin: 10px 5px;
}

#player h1 {
	font-size: 18px;
	font-weight: bold;
}

#player h2 {
	font-size: 16px;
	color: #000000;
	text-align: left;
	font-weight: bold;
}
#player h3 {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}
#player h4 {
	font-size: 10px;
	font-weight: normal;
	text-align: right;
}	
#player h6 {
	width: 50%;
	padding: 5px;
	border-bottom: 2px solid #ac0021;
	display: block;
	margin: 10px auto;
}

#player .playername {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 0px;
	margin-bottom: 10px;
}

#player td, #player th {
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 11px;
}

#player a, a:visited { 
	color: #ac0021;
	padding-left: 0px;
	text-decoration: underline;
	text-transform: none;
}
#player a:hover { 
	color: #0d287b;
}

#player .teamlogo {
	float: right;
	width: 100px;
	height: 66px;
}

#teamhistory {

}
#teamhistory td {
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 10px;
}

#content table { font-size: 11px; }
tr .playerratings {background-color: white;  overflow: auto; white-space: nowrap; }
tr .playeryear {background-color: white; }
tr .inactive { opacity: .9; color: rgba(0, 0, 0, 0.75); }
tr .inactive a { opacity: .75; }
tr .playeryearsplit { background-color: #dddddd; }
td .playerqb {background-color: #FFEEEE; }
td .playerrb {background-color: #FFF0E0; }
td .playerwr {background-color: #FFEEFF; }
td .playerol {background-color: #DDEEFF; }
td .playerpk {background-color: #EEEEEE; }
td .playerdl {background-color: #FFFFDD; }
td .playerdb {background-color: #EEFFEE; }
tr .playeryearsplit { background-color: #dddddd; }
tr .playergame { background-color: #eeeeee; }
tr .playercareer { background-color: #cccccc; font-weight: bold;}

/* FRONT PAGE NEWS -- index.php
----------------------------------------------------------------*/

#news {
	float: left;
}

#news h1 { 
	width: 90%;
	font-size: 18px;
	color: #0d0458;
	text-transform: none;
	font-weight: bold;
	padding-bottom: 3px;
	border-bottom: 1px solid #b70004;
	text-align: left;
}
#news h2 {
	font-size: 14px;
	color: #000000;
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
}
#news h3 { font-size: 10px; font-weight: normal; -text-transform: uppercase; }
#news h4 { font-size: 10px; font-weight: normal; text-align: right; }	
#news h6 {
	width: 50%;
	padding: 5px;
	border-bottom: 1px solid #0d0458;
	display: block;
	margin: 10px auto;
}
#news a, #news a:visited { 
	color: #b70004;
	padding-left: 0px;
	text-decoration: underline;
	text-transform: none;
	font-weight: normal;
}
#news a:hover { color: #0d0458; }

/* RIGHT-HAND COLUMN STUFF ON THE HOME PAGE -- index.php
----------------------------------------------------------------*/
#champshome {
	width: 140px;
	padding: 3px 5px 3px 5px;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	background-color: #ffffff;
	margin-bottom: 10px;
}
#champshome img { margin-bottom: 10px; }
#champshome a, #champshome a:visited { 
	color: #0d0458;
	padding-left: 0px;
	text-decoration: underline;
	text-transform: none;
}
#champshome a:hover { color: #b70004; }
#champshome h2 {
	width: 130px;
	border-bottom: 1px solid #0d0458;
	border-left: 0px;
	padding: 2px 0px 2px;
	margin: 4px 0px;
	font-size: 11px; 
	font-weight: bold;
	color: #b70004;
	text-transform: uppercase;
	text-align: left;
}
#threads {
	width: 140px;
	border-top: 1px solid #b70004;
	border-left: 1px solid #b70004;
	text-align: left;
	color: #0d0458;
	padding: 3px 5px;
	margin-top: 10px;
}
#threads h2 {
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	border-bottom: 1px solid #b70004;
	border-left: 0px;
	padding-left: 15px;
	margin-left: -15px;
	width: 100%;
	color: #000000;
	text-transform: uppercase;
	margin-top: 2px;
	margin-bottom: 3px;
}
#threads a, #threads a:visited { color: #0d0458; padding-left: 3px; text-decoration: none; }
#threads a:hover { color: #b70004; }

#stats {
	width: 140px;
	border-top: 1px solid #b70004;
	border-left: 1px solid #b70004;
	text-align: left;
	color: #0d0458;
	padding: 3px 5px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#stats h2 {
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	border-bottom: 1px solid #b70004;
	border-left: 0px;
	padding-left: 15px;
	margin-left: -15px;
	width: 100%;
	color: #000000;
	text-transform: uppercase;
	margin-top: 2px;
	margin-bottom: 3px;
}
#stats table { width: 150px; margin-left: -2px; }
#stats a, #stats a:visited { color: #0d0458; padding-left: 0px; text-decoration: none; }
#stats a:hover { color: #b70004; }

/* EXPORT UPLOAD SCRIPT  -- /upload.php
----------------------------------------------------------------*/
#upload h2 {
	font-size: 18px;
	font-weight: bold;
	text-transform: none;
	text-align: left;
	color: #b70004;
	padding-bottom: 3px;
	border-bottom: 1px solid #0d0458;
	width: 80%;
}

/* HALL OF CHAMPIONS  -- /champs.php
----------------------------------------------------------------*/
#champs h1 {
	width: 80%;
	padding: 2px 0px 2px 0px;
	border-bottom: 1px solid #0d0458;
	margin-bottom: 5px;
	font-size: 18px; 
	font-weight: bold;
	color: #b70004;
	text-transform: none;
	text-align: left;
}
#champs h2 {
	width: 146px;
	margin: 4px auto;
	border-top: 1px solid #b70004;
    border-left: 1px solid #b70004;
	padding: 2px 0px 2px 4px;
	font-size: 11px; 
	font-weight: bold;
	color: #0d0458;
	text-align: left;
}
#champs td { text-align: center; }
#champs img { margin: 2px 0px; }
#champs p {
	width: 146px;
	margin: 2px auto;
	border-bottom: 1px solid #b70004;
	border-right: 1px solid #b70004;
	padding: 2px 4px 2px 0px;
	font-size: 10px; 
	color: #000000;
	text-align: right;
}

/* CONSTITUTION -- consitution.php ; const_print.htm
----------------------------------------------------------------*/
#constitution { padding: 3px 5px 3px 5px; font-family: Tahoma, Verdana, Arial; font-size: 11px; color: #000000; }
#constitution .menu { text-align: center; }
#constitution a { color: #b70004; text-decoration: underline; }
#constitution a:visited{ color: #b70004; text-decoration: underline; }
#constitution a:hover { color: #0d0458; }
#constitution a:active { color: #000000; }
#constitution .header { font-size: 18px; font-weight: bold; text-align: center; color: #333333; }
#constitution .preamble { font-style: italic; }
#constitution .sectionhead { font-size: 14px; color: #0d0458; font-weight: bold; border-bottom: 1px solid #b70004; width: 80%; }
#constitution .section { margin-left: 20px; }
#constitution .subsection { margin-left: 40px; }
#constitution .paragraph { margin-left: 60px; }
#constitution .subparagraph { margin-left: 80px; }

/* OWNER INFO PAGE - owners.php
----------------------------------------------------------------*/
#teamcontact .leaguehead {
	width: 90%;
	padding: 2px 0px 2px 0px;
	font-size: 18px; 
	font-weight: bold;
	color: #0d0458;
	text-transform: uppercase;
	text-align: left;
}
#teamcontact .divisionhead {
	width: 90%;
	border-top: 1px solid #0d0458;
	border-left: 1px solid #0d0458;
	padding: 2px 0px 2px 5px;
	font-size: 11px; 
	font-weight: bold;
	color: #b70004;
	margin-top: 20px;
	text-transform: uppercase;
	text-align: left;
}
#teamcontact .teamlogo { float: left; width: 100px; height: 66px; padding-right: 8px; }
#teamcontact .ownerinfo { line-height: 14px; font-size: 10px; text-align: left; }
#teamcontact a, #teamcontact a:visited { color: #b70004; text-decoration: underline; font-weight: bold; }
#teamcontact a:hover { color: #0d0458; }

/* DRAFT UTILITY - /draft/draft.php 
----------------------------------------------------------------*/
#draftutil h2 {
	font-size: 18px;
	font-weight: bold;
	color: #b70004;
	padding-bottom: 3px;
	border-bottom: 1px solid #0d0458;
	width: 80%;
	margin: 5px 0px 5px 0px;
}
#draftutil td.login { padding: 2px; margin: 5px 0px; }
#draftutil td.info { background-color: #f1f1f1; padding: 2px; }
#draftutil td.head {
	width: 100%;
	background-color: #0d0458;
	padding: 4px;
	margin-bottom: 3px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	color: #ffffff;
}
#draftutil td.sub { 
	background-color: #b70004; 
	padding: 2px; 
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold; 
	text-align: center; 
	color: #ffffff; 
}
#draftutil select {
	width: 225px;
	background-color: #ffffff;
	border: 0px;
	margin-left: 3px;
	margin-bottom: 0px;
	margin-top: 1px;
	font-family: Tahoma, verdana, helvetica;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	text-transform: none;
}
#draftutil a, #draftutil a:visited { 
	color: #b70004;
	padding-left: 0px;
	text-decoration: underline;
	text-transform: none;
	font-weight: normal;
}
#draftutil a:hover { color: #0d0458; }

/* DRAFT CLASS FOR THE DRAFT UTILITY - /draft/draftclass.php 
----------------------------------------------------------------*/
#draftclass h2 {
	font-size: 18px;
	font-weight: bold;
	color: #b70004;
	padding-bottom: 3px;
	border-bottom: 1px solid #0d0458;
	width: 80%;
}
#draftclass table { background-color: #cccccc; }
#draftclass td.draftclass { background-color: #ffffff; }
#draftclass th.draftclass { 
	background-color: #b70004; 
	font-weight: bold;
	color: #ffffff; 
	font-size: 11px;
	text-align: center;
}
#draftclass a, a:visited { 
	color: #b70004;
	padding-left: 0px;
	text-decoration: underline;
	text-transform: none;
}
#draftclass a:hover { color: #0d0458; }
#awards a:visited { padding-left: 0px; }

.row0 {
    background-color: #ffffff;
}
.row1 {
    background-color: #f6f6f6;
}

img.toggle_11 {  margin: 1px 1px -1px 1px; vertical-align: center; border: none; height: 11px; width: 11px; }

/* HALL OF FAME  -- /hof/
----------------------------------------------------------------*/
#halloffame h1 {
	width: 80%;
	padding: 2px 0px 2px 0px;
	border-bottom: 1px solid #0d0458;
	margin-bottom: 5px;
	font-size: 18px; 
	font-weight: bold;
	color: #b70004;
	text-transform: none;
	text-align: left;
}
#halloffame h2 {
	width: 348px;
	margin: 4px auto;
	border-top: 1px solid #b70004;
    border-left: 1px solid #b70004;
	padding: 2px 0px 2px 4px;
	font-size: 11px; 
	font-weight: bold;
	color: #0d0458;
	text-align: left;
}
#halloffame td { text-align: center; }
#halloffame img { margin: 2px 0px; }
#halloffame p {
	width: 348px;
	margin: 2px auto;
	border-bottom: 1px solid #b70004;
	border-right: 1px solid #b70004;
	padding: 2px 4px 2px 0px;
	font-size: 10px; 
	color: #000000;
	text-align: right;
}

/* HALL OF FAME SMALL -- /hof/
----------------------------------------------------------------*/
#halloffamesmall h1 {
	width: 80%;
	padding: 2px 0px 2px 0px;
	border-bottom: 1px solid #0d0458;
	margin-bottom: 5px;
	font-size: 18px; 
	font-weight: bold;
	color: #b70004;
	text-transform: none;
	text-align: left;
}
#halloffamesmall h2 {
	width: 160px;
	margin: 4px auto;
	border-top: 1px solid #b70004;
    border-left: 1px solid #b70004;
	padding: 2px 0px 2px 4px;
	font-size: 11px; 
	font-weight: bold;
	color: #0d0458;
	text-align: left;
}
#halloffamesmall td { text-align: center; }
#halloffamesmallimg { margin: 2px 0px; }
#halloffamesmall p {
	width: 160px;
	margin: 2px auto;
	border-bottom: 1px solid #b70004;
	border-right: 1px solid #b70004;
	padding: 2px 4px 2px 0px;
	font-size: 11px; 
	color: #000000;
	text-align: right;
}

#halloffamesmall a, a:visited, a:hover { 
	color: #b70004;
	padding-left: 0px;
	text-decoration: none;
	text-transform: none;
}