html,body 
{
	margin:			0px;
	padding:		0px 0px 20px 0px;
}

body 
{
	font:			76% arial,sans-serif;
	text-align:		center;
	background:		white;
}

a 
{
	color:			#006;
	cursor:				pointer;
}

/*
*	The rules for navigation start here. 
*	Heavily inspired by the following articles:
*		http://www.alistapart.com/articles/slidingdoors/
*		http://www.alistapart.com/articles/mountaintop/
*		http://www.alistapart.com/articles/sprites/
*/
#wrapper
{
	position:			absolute;
	top:				62px;
	float:				left;
	background:			white;
}

#header-wrap 
{
	position:		absolute;
	top:			0px;
	width:			100%;
	clear:			both;
	padding:		0px;
	margin:			0px;
	background: #acb0b6;
	/*background: #acb0b6 url("hdr-left3.jpg") no-repeat right bottom;*/
	/*background: #2e304a;*/
}

#header 
{
	width:			600px;
	padding:		0;
	line-height:	normal;
	font-size:		8pt;
	background:		#acb0b6;
	/*background:		#2e304a;*/
	float:			left;
}

#header ul 
{
	margin:			0px;
	padding:		0px;
	list-style:		none;
}

#header li 
{
	display:		inline;
	margin:			0px;
	padding:		0px;
}

/*
*	For the next two rules:	
*	1. A single image is used for the two doors, rather than one.
*	2. Ascetically, the 'font-weight:bold' was removed to closely mimic the www.digital-web.com tabs.
*	3. The padding was modified for personal preference.
*/

#header a 
{
	float:				left;
	background:			lightgrey url("sliding.gif") no-repeat left top;
	padding:			0px 0px 0px 9px;
	text-decoration:	none;
	color:				#000;
}

#header a span 
{
	float:				left;
	display:			block;
	background:			lightgrey url("sliding.gif") no-repeat right top;
	padding:			4px 15px 3px 6px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {float:none;}
/* End IE5-Mac hack */

/*
*	1. At this point many things are simplified. The hover and background colors are set,
*	and no positions are used because we aren't swapping images
*	2. 'padding-bottom:4px;' on the current span pushes that tab 1px higher than the others, 
*	exposing 1px of the background color of #header and giving the effect of an underline.
*/

#header #current a span 
{
	padding-bottom:		4px;
}

#header #admin a span, #header #admin a 
{
	background-color:	#0e0f50;;
	color:				white;
}

#header a:hover, #header a:hover span 
{
	background-color:	#E4F1BC;
	color:				#000;
}
#header #current a span, #header #current a 
{
	background-color:	white;
}

div#container
{
	text-align:			left; 
	background:			white;
	height:				100%;
}

div#header
{
	position:			relative;
}

div#header h1
{
	font-size:			10pt; 
	padding:			0px;
	margin:				0px
}

div#header-txt 
{
	height:				20px; 
	font-size:			10pt; 
	margin:				0px; 
	padding-left:		70px; 
	padding-top:		20px;  
	color:				white;  
	background: #acb0b6 url("hdr-left.jpg") no-repeat left top;
	/*background:  #2e304a*/
}

div#header-txt img
{
	padding: 0px;
}

div#content
{
	float:				left;
	width:				100%; 
	
}

div#content a
{
	text-decoration:	none;
}

div#content-txt
{
	padding:			0px;
}

div.content-title
{
	margin:				8px 8px 0px 8px;
	padding:			4px 4px 0px 4px;
	font-size:			10pt; 
	font-weight:		bold;
	
}

div.content-title a
{
	color:				blue;
	text-decoration:	none;
}

span.content-title-links a
{
  color:        lightgrey;
}

span.content-title-links a.content-title-selected,
span.content-title-links a.content-title-selected:hover 
{
  color:        blue;
}

span.content-title-links a:hover 
{
  color:        gray;
}

span.content-title-right
{
	float:				right;
}	

span.select-other
{
	font-size:			8pt;
	text-align:			right;
}

div.content-body
{
	margin:				0px 8px 8px 8px;
	padding:			4px 4px 4px 4px;
	line-height:		18px;
  
}

div.content-body a
{
	color:				blue;
}

.post 
{	
	margin:				0px 8px 8px 8px;
	padding:			4px 4px 4px 4px;
	line-height:		18px;
	background:			whitesmoke;
}

textarea.postEdit
{
	width:				100%;
	font-size:			9pt;
	font-family:		arial;
}

tr.postBreak td
{
	border-bottom:		1px solid gray;
}

.post-date 
{
	margin:				8px 8px 0px 8px;
	padding:			4px 4px 0px 4px;
	font-size:			10pt; 
	font-weight:		bold;
	border-bottom:		1px solid gray;
}

.posted-by
{
	color:				blue; 
	text-align:			right;
	font-size:			8pt;
}

div#navigation
{
	float:				right;
	width:				200px;
	background:			#154e96 url('tl-corner.gif') no-repeat top left;
	margin:				6px 0px 0px 0px;
}

div#navigation-txt
{
	margin:				4px 4px 2px 4px;
}

#select-league
{
	font-size:			8pt;
	padding:			2px 0px 4px 0px;
	text-align:			right;
	color:				white;
}

#select-league-drop
{
	font-size:			8pt;
	background:			whitesmoke;
	border:				1px solid gray;
	height:				15px;
}

div#extra
{
	float:				right;
	clear:				right;
	width:				200px;
	background:			#154e96;
	color:				white;
}

div#extra-txt 
{
	margin:				2px 4px 4px 4px; 
}

div#footer
{	
	width:				100%; 
	background:			lightgrey; 
	color:				black;
}

div#footer-txt
{
	padding:			4px;
}

div#footer p
{
	margin:				0px;
	padding:			5px 10px;
}

div#footer a
{
	display:			inline;
	padding:			0px;
	color:				gray;
}

div.category-hdr 
{
	color:				white;
	padding:			4px 4px 0px 4px;
	margin:				0px;
	font-size:			8pt;
}

table.suspensions 
{
	border:				1px solid gray;
	font-size:			8pt;
	width:				100%;
	background-color:	#e6e6e6;
	color:				black; 
}

table.suspensions a
{
  color: blue;
}

table.suspensions td
{
  padding: 2px;
  text-align: center;
}

table.suspensions tr.even 
{
	background:			white;
}

table.suspensions tr.odd 
{
	background:			whitesmoke;
}

div.main-suspensions
{
	margin: 10px;
}
table.main-suspensions
{
	width:				100%;
	background:			white;
}

div.standings 
{
	overflow:			hidden;
	padding:			8px;
}

table.standings 
{
	font-size:			9pt;
	text-align:			center;
	background:  #a1b1c5;		 	
  border-top:       1px solid gray;
  border-right:       1px solid gray;
  border-left:      1px solid gray;
  width:        100%;	
}

table.standings th 
{
	
  text-align:   center;
  padding:      4px;
  border-bottom:       1px solid gray;
  color:        white;	
}

table.standings a
{
  color: blue;
}

table.standings td 
{
	text-align:   center;
  padding:    4px;
  color:         black;  
  background: whitesmoke;   
  background: #f5f5f5;
  border-bottom: 1px solid gray;
}

table.standings td.status, table.standings th.status
{
  color: red;
}

table.standings th.status
{
  font-weight: strong;
}

/*table.standings td:hover
{
	background:			white;
	
}*/

div.overall-recap, div.recap
{
  float:        left;
  font-size:    10pt;
  text-align:   right;
  margin:      2px;
}

div.overall-recap
{
  width:        100%;
  text-align:   left;  
}

div.overall-recap-scoring
{
  float:        left;
  width:        48%;
  text-align:   center;
  padding:      4px;
}

div.overall-recap-penalty
{
  float:        right;
  width:        48%;
  text-align:   center;
  padding:      4px;
}

div.date {
  font-family:  georgia;
  font-size:    10pt;
  text-align:   center;
}

table.penalty, table.scoring, table.overall
{
  background:   #a1b1c5;      
  text-align:   left;
  font-family:  arial;
  font-size:    9pt;
  color:        white;
}

table.scoring, table.penalty
{
  border-top:       1px solid gray;
  border-right:       1px solid gray;
  border-left:      1px solid gray;
  width:        100%;  
}

table.overall
{
  border:       1px solid gray;
  width:        60%;
  text-align:   center;
  margin: auto auto;
}

table.penalty td.team, table.scoring td.team, table.overall td.team
{
  text-align:   center;
}

table.penalty th, table.scoring th, table.overall th {
  text-align:   center;
  padding:      4px;
  border-bottom:       1px solid gray;
}

table.penalty td, table.scoring td, table.overall td {
  text-align:   center;
  padding:    4px;
  color:         black;  
  background: whitesmoke; 
}

table.penalty td.team1, table.scoring td.team1 
{
  background: whitesmoke;
  border-bottom: 1px solid gray;
}

table.penalty td.team2, table.scoring td.team2 
{
  background: #e1e1e1;
  border-bottom: 1px solid gray;
}

table.recap
{
  width:        220px;
  border:       1px solid lightgrey;
  background:   whitesmoke;  
  margin:       4px;
  text-align:   left;
  font-size:    8pt;
}

table.recap td.boxscores
{
  text-align:   right;
}

table.recap td.date
{
  text-align:   center;
  color:         black;  
  background: lightgrey;
}

table.recap td.final
{
  font-weight: bold;
}

/** ADMIN STYLE **/

.login-body
{
	text-align:			center;
	margin:				20px;
}

table.admin {
	font-size:		9pt;
}

table.admin INPUT {
	font-size:		8pt;
}

.admin-menu
{
	background:			#babc0f url('tr-corner.gif') no-repeat top right;
	margin:				2px; 
	padding:			4px; 

}

.admin-menu a 
{
	text-decoration:	none;
	color:				blue;
}
.admin-menu-hdr 
{
	padding:			4px 4px 0px 0px;
	background:			#babc0f;
	color:				white;
	font-size:			9pt;
	font-weight:		bold;
}

.admin-menu-hdr-right a
{
	color:				blue;
}

.admin-menu-hdr-right
{
	float:				right; 
	padding:			4px 2px 0px 4px;
}

.admin-menu-body
{
	padding:			4px;
	background:			#f5f5f5;
	font-size:			8pt
}

.season-divisions
{
	padding-left:		4px;
	margin:				4px;
}

select.edit 
{
	border:				1px solid gray;
	font-size:			9pt;
	padding:			2px;
	width:				130px;
}

select.year 
{
	border:				1px solid gray;
	font-size:			9pt;
	padding:			2px;
}

input.edit
{
	border:				1px solid gray;
	font-size:			9pt;
	padding:			2px;
	color:				black;
}

input.changed
{	
	border:				1px solid gray;
	font-size:			9pt;
	padding:			2px;
	color:				black;	
}

input.action
{
	height:				18px;
	font-size:			9pt;
	background:			white;
	border:				1px solid lightgrey;
}

input.button
{
	font-size:			9pt;
	padding:			0px 4px;
}

div.message 
{
	background:			white;
	padding:			4px;
}

table.player-settings
{
	background:			#f5f5f5;
	width:				100%;
}

table.player-settings td
{
	vertical-align:		top;
	width:				50%;
}

table.league-settings
{
	background:			#f5f5f5;
	width:				100%;
	text-align:    left;
}

table.league-settings a
{
	text-decoration:	none;
}

table.league-settings td
{
  	background:			#f5f5f5;
}

table.league-settings td.name
{
	font-weight:		bold;
	width:				40%;
}

table.league-settings td.value, table.league-settings td.left-action
{
	
	text-align:			center;
}

table.league-settings td.left-action {
	width:				30px;
	padding:			2px;
}

table.league-settings td.user
{
	padding:			2px;
	text-align:			right;

}

table.league-settings td.action
{
	width:				90px;
	padding:			2px;
	text-align:			center;
	background:			#f5f5f5;
}

table.league-settings td.action a
{
	padding:			4px;
	cursor:				pointer;
}

table.league-settings td.user input,
table.league-settings td.reset input, 
table.league-settings td.action input
{
	font-size:			8pt;
		
}

table.league-settings td.reset
{
	width:				80px;
	padding:			2px;
	text-align:			right;
}

span.user
{
	color:				blue;
}

span.msg
{
	color:				blue;
}

span.error
{
	color:				red;
}

tr.schedule-row td 
{
	text-align:			center;
}

tr.schedule-row td select
{
	width:				90px;
	font-size:			8pt;
}

form
{
	padding: 0px;
	margin: 0px;
}

div.team-rosters
{
  width: 100%;
  padding: 2px;
  background: #efefef;
  border: 1px solid lightgrey;
}

span.teamname
{
  font-weight:    bold;
  font-size:      14px;
  text-align:     center;
  font-family:    georgia;
}

span.sub
{
  font-size: 8pt;
}

span.playoff
{
  color: red;
  cursor: hand;
}

div.playoffMode
{
  text-align: right;
}

a.active
{
  text-decoration:  none;
  color:            black;
  font-weight:      bold;
  cursor:           default;
}

a.inactive
{
  text-decoration:  none;
  color:            gray;    
}

a.inactive:hover
{
  text-decoration: underline;
  color:           blue;
}