body { font: .8em Verdana, Helvetica, sans-serif; padding: 10px 0 40px 0;}


#header { width: 850px; margin: 0 auto 10px auto; position:relative;}
#header img { display:block; float: left; margin-right: 20px;}

#member-panel { position:absolute; right: 110px; top: -8px; }

#report-broken-video { float:right; margin-top: 4px;}
#fight-options { margin-bottom: 6px; overflow:auto; }
#notice { border: 1px solid #aa0000; padding: 6px; text-align:center; width: 600px; margin: auto; }
.textbox-filter { width: 50px; margin: auto; }
.long { margin-left: 5px; width: 150px; }
#wrapper { width: 600px; margin: auto; clear:both;}
#clear-filters {width:1000px;margin:auto;text-align:right;}
/*
.display-table { 	border-collapse: separate;	border-spacing: 1px; cursor: default; margin: 0 auto;}
.display-table td, .display-table th { padding: 5px; }
.display-table #headers { background: #ccc !important; }
.display-table #headers th {font-weight: bold;font-size:1em;}
.display-table tr { background: #fafafa }
.display-table tr:hover { background: #f4f4f4; }
.display-table #filters { background: #e5e5e5 !important; }
.display-table .title-fight { text-align:center; }
*/

/* tables */
table.display-table {
	font-family:arial;
	background-color: #fff;
	margin: auto;
	font-size: 8pt;
	text-align: left;
	border-spacing: 1px;
}
table.display-table thead tr th, table.display-table tfoot tr th {
	background-color: #ccc;
	font-size: 1.2em;
	padding: 4px;
}


table.display-table td label { color: #888; }
table.display-table #filters td {
	background-color: #dfdfdf;
	padding: 2px 0 4px 4px;
}

table.display-table tbody td a { display:block; position:relative; }
table.display-table tbody td a:active { background-color: #aa0000; color:#FFF; }
table.display-table tbody tr:hover td { background: #eee !important; }

table.display-table thead tr .header {
	background-image: url(/images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.display-table tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #f8f8f8;
	vertical-align: top;
}
table.display-table tbody tr.odd td {
	background-color:#f4f4f4;
}
table.display-table thead tr .headerSortUp {
	background-image: url(/images/asc.gif);
}
table.display-table thead tr .headerSortDown {
	background-image: url(/images/desc.gif);
}
table.display-table thead tr .headerSortDown, table.display-table thead tr .headerSortUp {
background-color: #bbb;
}

/* RAndom */
a { color: #aa0000; text-decoration:none; }
a:visited { color: #aa0000; text-decoration:none; }
a:hover { text-decoration:underline; }
strong { font-weight: bold; }
p.msg { text-align:center; }
p.msg img { position:relative; top: 3px; left: -4px }
.textbox { border: 1px solid #888; padding: 2px; font: .8em Verdana, Arial, Helvetica, sans-serif; }
.submit { font: .8em Verdana, Arial, Helvetica, sans-serif;  }
h1 { font: 2em "Trebuchet MS", Arial, Helvetica, Sans-serif; text-align:center;}
h2 { font-size: 1em; }
.center { text-align:center; }
/* Footer */
#footer { color: #ddd; border-top: 1px solid #ddd; margin-top: 20px; padding: 6px 2px; font-size: .8em; }
.clear { clear:both; }

/* Navigation
#navigation { text-align:center;  width:600px; margin: 0 auto 14px auto}
#navigation li { display:inline; }
#navigation li a { padding: 4px 8px; background: #fafafa; border-bottom: 2px solid #eee;}
#navigation li a:hover {background: #eee; text-decoration:none; }
*/

#navigation { float:left; margin-top:13px;}
#navigation li { float:left;}
#navigation li a { padding: 0 10px; font: 2em/70px "trebuchet ms", arial, helvetica, sans-serif; color: #555; border: 2px solid #fff;}
#navigation li a:hover { background: #eee; ;text-decoration:none; border:2px solid #ddd}