/* undo.css removes margins, padding and the whatnot */
@import url("cleanstomp.css");

body {
	text-align: 		center; 
	background-color: 	#222266;
	background-color: 	#003366;
	margin: 			0;
	font-family: 		Helvetica, Arial, sans-serif;
}

img {
	border:				0;
}

#whole_page {
	width: 				50em;
	margin: 			auto;
	padding: 			0;
	text-align: 		left;
	border-width:	 	0 3px 6px 3px;
	border-color: 		black;
	border-style: 		solid;
}

/* link for an authors */
a.otheruser {
	color:				black;
	font-weight:		bold;
	text-decoration:	none
}
a.otheruser:hover {
	color:				#dd7766;
}

div#header {
	background: 		#FFFFDD;
	color:				white;
	font-size: 			24pt;
}

div#contentheader {
	border:			0px black solid;
	color:			white;
	background: 	#888833;
	font-size: 		18pt;
	font-weight:	bold;
	padding-top:	10px;
	padding-left:	10px;
	padding-bottom:	4px;
	margin-bottom: 	-5px;
}
#contentheader-right {
	background: 		transparent;
	border:				0px blue solid;
	color:				#f9f9f9;
	font-size: 			12pt;
	margin-top: 		-5px;
	padding-top:		0px;
	padding-right:		10px;
	padding-bottom:		0px;
	padding-left:		15px;
	right:				40px;
	text-align:			right;
	width: 				200px;
}

div#subheader {
	color:				black;
	background: 		#FFFFDD;
	height:				1.4em;
	color:				#003300;
	font-size: 			10pt;
	padding-top:		2px;
	padding-left:		10px;
	vertical-align:		top;
	border-right: 		10px solid #888833;
	border-left: 		10px solid #888833;
}
span#subheader-right {
	border:				0px black solid;
	font-family: 		Helvetica, Arial, sans-serif;
	font-weight:		bold;
	padding-left:		5px;
	text-align: 		right;
}

div#navigation {
	background:		#FFFFDD;
	color:			#003300;
	font-size: 		12pt;
	font-weight: 	bold;
	height:			1.3em;
	padding: 		2px 3px;
}

#navigation a, #navigation a:visited {
	color: #006633;
	text-decoration: none;
}

#navigation a:hover {
	color: #339900;
	border-bottom: 2px dotted #339900;
}
div#content {
	height:				100%;
	width:				47.5em;
	background-color:	white;
	border-top: 		0px 	solid 	#888833;
	border-right: 		10px 	solid 	#888833;
	border-bottom: 		5px 	solid 	#888833;
	border-left: 		10px 	solid 	#888833;
	margin: 			0px;
	padding-right:		10px;
	padding-bottom:		10px;
	padding-left:		10px;
	overflow: 			hidden;
}
div#version {
	color:				#FFFFDD;
	background: 		#888833;
	height:				10px;
	font-size: 			8pt;
	padding-right:		10px;
	text-align:			right;
}
div#google {
	background:			#888833;
	text-align:			center;
}

div#navigation {
	background:			#FFFFDD;
	color:				#003300;
	font-size: 			12pt;
	font-weight: 		bold;
	height:				1.3em;
	padding: 			2px 3px;
}


div.nav-right-side {
	text-align: 		right;
	font-size: 			9pt;
	width:				100%;
	height:				.75em;
	margin-top: 		-16px;
}

div.version-number {
	float: 			right; 
	margin-right:	0px;
	vertical-align:	bottom;
	color:			black;
	font-size:		8pt; 
}

.list-line-odd {
	background-color: #ccddaa;
}

.line-line-even {
	background-color: #ddeecc;
}

.look-line-odd {
	background-color: #ccdddd;
}

.look-line-even {
	background-color: #aacccc;
}
td.statistic {
	font-size: 		10pt;
	font-family: 	'lucida grande', helvetica, arial, 'sans-serif';
	text-align: 	right;
}
td.statistic a {
	color:				black;
	font-weight:		bold;
	text-decoration:	none;
}
td.team {
	text-align: 	left;
}

.columnheading {
	font-size: 		10pt;
	font-weight:	bold;
	font-family: 	'lucida grande';
	text-align: 	right;
}

/* Target form (or maybe all forms) */
label {
	background:		#ddbb66;
	color:			#222266;
	width: 			150px;
	height:			1.5em;
	font-size: 		12pt;
	font-weight:	bold;
	font-family:	'lucida grande', helvetica, arial, 'sans-serif';
	padding-right:	5px;
	padding-left:	10px;
	border-top: 	8px solid #ddbb66;
/*	margin-top:		-8px;*/
	vertical-align:	top;
}
div.form_row {
	padding-bottom:	0.5em;
	padding-top:	0.5em;
	width:			600px;

	height:			1.5em;
	background:		#eeddbb;
	font-size: 		11pt;
	font-family:	'lucida grande', helvetica, arial, 'sans-serif';
	border: 		2px solid #ddbb66;
	margin:			3px;
	vertical-align:	top;
}

/* The comment display on a player */

td#commentheader {
	background-color:	#66aaaa;
	text-align:			center;
	font-size:			12pt;
	font-weight:		bold;
	color:				white;
	vertical-align:		bottom;
	width:				100px;
}
td.bid {
	background-color:	#66aaaa;
	color:				#222266;
	font-weight:		bold;
	font-size:			16pt;
	padding-right:		20px;
	text-align:			right;
	vertical-align:		bottom;
}
div.bidtag {
	display:			inline;
	color:				#222266;
	font-size:			8pt;
}
td.watcher {
	background-color:	#ffcc33;
}
td.watchlist {
	background-color:	#66aaaa;
	height:				15px;
	text-align:			center;
	font-size:			10pt;
	color:				white;
}
td#rest {
	background-color:	#66aaaa;
	height:				15px;
	text-align:			right;
	font-size:			1em;
	font-weight:		normal;
	padding-right:		20px;
	color:				white;
}
td.author {
	font-size:		10pt;
	font-weight:	bold;
	vertical-align: top;
}
div.time {
	display:		inline;
	font-weight:	normal;
	font-size:		8pt;
	font-weight:	italic;
	text-align:		right;
	vertical-align:	top;
}
tr.comment-row {
	vertical-align: top;
}
td.comment {
	vertical-align: top;
}
tr.comment-odd {
	background-color: #aacccc;
}
tr.comment-even {
	background-color: #ccdddd;
}
tr.news {
	background-color: #ffaa33;
}

.manglebox {
	background:		#bde;
	border:			1px solid #236;
	margin:			0.25em;
	margin-bottom:	-13px;
	text-align:		center;
	width:			600px;
}

img#spinner {
	background:	white;
	float:		right;
	margin:		10px;
}
.icons {
	height: 20px;
	text-align: right;
	vertical-align: bottom;
}
img.icon {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 10px;
}

/* Lists of players */
fieldset.playerlist {
	background:		#eeeedd;
	border:			2px solid #222266;
	width:			400px;
}
legend.playerlist {
	border:			1px solid #222266;
	background:		#ddbb88;
	padding:		2px;
	padding-right:	5px;
	padding-left:	5px;
}
div.playername {
	display:		inline;
	font-size:		12pt;
	text-align:		left;
	width:			200px;
}
div.playerinfo {
	display:		inline;
	font-size:		10pt;
	padding-left:	0.2em;
	text-align:		right;
}

/* Debug Style */ 
.debug_dump { 
  text-align: left; 
  border-top: 1px dashed black; 
  background: #ccc; 
  margin: 0; 
  padding: 0.5em; 
  font-size: 8pt; 
}

/* Error Reporting Styles */ 
.fieldWithErrors { 
	background-color:	red; 
	display:			inline; 
	margin:				3px;
	padding:			3px;
} 

#errorExplanation { 
  border:			2px solid red; 
  padding:			7px; 
  padding-bottom:	12px; 
  margin-bottom:	20px; 
  background-color:	#f0f0f0; 
} 

#errorExplanation h2 { 
  text-align:		left; 
  font-weight:		bold; 
  padding: 			5px 5px 5px 15px; 
  font-size: 		12pt; 
  margin: 			-7px; 
  background-color:	#c00; 
  color:			#fff; 
} 

#errorExplanation p { 
  color:			#333; 
  margin-bottom:	0; 
  padding:			5px; 
} 

#errorExplanation ul li { 
  font-size: 11pt; 
  list-style: square; 
} 

/* Flash Notice Style */ 
#notice { 
  border: 3px solid #003333; 
  padding: 1em; 
  margin: 1em; 
  margin-bottom: 2em; 
  background-color: #f0f0f0; 
  font: bold smaller sans-serif; 
}

/* Flash Error Style */ 
#error { 
  border: 3px solid #ff0000; 
  padding: 1em; 
  margin: 1em; 
  margin-bottom: 2em; 
  background-color: #ff9999; 
  font: bold smaller sans-serif; 
}