body
{
	xdisplay: table;
	margin: 0;
	padding: 0;
	background-image: url(../images/sfmagic_background-trans.png);
	background-position: top right;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

#header
{
	margin: 0;
	padding: 0;
	height: 2em;
}

#navigation_top
{
	position: absolute;
	float: none;
	margin-top: 1em;
	padding: 0;
	margin: 0;
	white-space: nowrap;
}


#navigation_top a
{
	display: block;
	text-decoration: none;
}

#navigation_top ul
{
	padding: 0;
	margin: 0;
	list-style: none;
}
#navigation_top ul li
{
	display: block;
	float: left;
	margin: 0;
	margin-top: 1em;
	padding-left: 1em;
	padding-right: 1em;
	border-right: 1px solid black;
	border-top: 1px solid black;
	border-bottom: 1px solid black;

}

#navigation_top ul li ul
{
	display: none;
	padding: 0;
	margin: 0;
	list-style: none;
	border: none;
}

#navigation_top ul li ul li
{
	float: none;
	display: block;
	padding: 0;
	margin: 0;
	border: none;
	border-right: 1px solid transparent;
	border-top: 1px solid transparent;
	border-bottom: 1px solid black;
}

#navigation_top ul li:hover ul
{
	display: block;
	border: none;
	z-index:60;
}


#navigation_top ul li.statistics, #navigation_top ul li.info
{
	width: 3.5em;
}

#navigation_top ul li.statistics ul, #navigation_top ul li.info ul
{
	width: 5.5em;
	margin-left: -1em;
}

#navigation_top ul li.statistics ul li, #navigation_top ul li.info ul li
{
	width: 5.5em;
}

#navigation_top ul li ul li.separator
{
	height: .1em;
}

#main_para
{
	display: block;
	float:left;
	border: 1px solid black;
	width: 50em;
	max-width: 95%;
	margin-top: 2em;
	margin-left: 1em;
	margin-bottom: 1em;
	padding: .3em .3em .3em .3em;
}


td.name
{
	text-align:left;
}

.categoryTableDiv, .last5ChangeTableDiv
{
	float: left;
	padding: 0;
	margin-left: 1em;
	margin-bottom: 1em;
	text-align: center;
}

.categoryTableDiv
{
	padding-bottom: .3em;
}

.categoryTableDiv h3, .last5ChangeTableDiv h3
{
	padding: 0;
	margin:0;
	font-family: 'Arial', 'Helvetica', sans-serif;
	font-size: 1.1em;
}

.categoryTableDiv h3 a.headerLink
{
	color: #ffffff;
	text-decoration: none;
}

.categoryTableDiv table, .last5ChangeTableDiv table
{
	border-collapse: collapse;
	width: 15em;
	min-width: 15em;
	margin-top: .2em;
}

.categoryTableDiv table td, .categoryTableDiv table th, .last5ChangeTableDiv td, .last5ChangeTableDiv th
{
	border: 1px solid black;
	padding: .1em;
}


.categoryTableDiv table .up
{
	background-image: url(/images/rank_change_up.png);
	background-repeat: no-repeat;
	background-position: 1px 50%;
}

.categoryTableDiv table .down
{
	background-image: url(/images/rank_change_down.png);
	background-repeat: no-repeat;
	background-position: 1px 50%;
}

.categoryTableDiv table .static
{
	xbackground-image: url(/images/rank_change_static.png);
	background-repeat: no-repeat;
	background-position: center left;
}

.last5TableDiv
{
	float: left;
	xmargin:auto;
	xdisplay: table;
	
	width: auto;
	margin: 0;
	margin-left: 1em;
	margin-bottom: 1em;
	padding-bottom: .3em;
	text-align: center;
}

.last5TableDiv h3
{
	padding: 0;
	margin:0;
	font-family: 'Arial', 'Helvetica', sans-serif;
	font-size: 1.1em;
}

.last5TableDiv table
{
	border-collapse: collapse;
}

.last5TableDiv table td, .last5TableDiv table th
{
	border: 1px solid black;
	padding: .1em;
}

.last5TableDiv table th
{
	font-size: .75em;
	padding: 0;
}

#main_table th
{
	padding: 3px 7px 3px 7px;
}

.footer
{
	margin: 0;
	padding: 0;
	padding-left: 1em;
	border-top: 1px solid black;
}

.footer p
{
	margin: 0;
	padding-top: 0;
	font-size: .7em;
}

/*The following apply to all tables*/

th
{
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	white-space: nowrap;
}

td
{
	text-align: right;
	white-space: nowrap;
}



/*colors*/


body
{
	background-color: #ffFFFF;
}

table
{
	color: #000000;
	background-color: #ffffff;
}

#navigation_top ul li
{
	background-color: #c0c0c0;
	
}

#navigation_top ul li:hover
{
	background-color: #dfdfdf;
	
}

#navigation_top ul li ul li.separator
{
	background-color: #000000;
}

.categoryTableDiv, .last5ChangeTableDiv, .last5TableDiv
{
	color: #ffffff;
	background-color: #000000;
}

td.matches_won
{
	font-weight: bold;
	color: #009900;
}

td.matches_lost
{
	font-weight: bold;
	color: #990000;
}

td.games_won
{
	color: #009900;
}

td.games_lost
{
	color: #990000;
}

.odd
{
	/*background-color: #ccccd9;*/
	background-color: #c0c0c0;
}

.even
{
	/*background-color: white;*/
	background-color: #dfdfdf;
}

h3 a
{
	color: #6666ff;
}

.footer
{
	background-color: #dfdfdf;
}

.green
{
	background-color: #339933;
}


.blue
{
	background-color: #6699ff;
}

.grey
{
	background-color: grey;
}

.yellow
{
	background-color: #FFFF66;
}

.red
{
	background-color: red;
}

/*form CSS--should be in its own file */


form
{
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
}

form input
{
	border:1px solid grey;
	color: black;
	background-color: white;
	font-size: 11px;
	width: 2em;
}

form select
{
	border:1px solid grey;
	color: black;
	background-color: white;
	font-size: 9px;
}

.numeric input
{
	width:1.5em;
}

form .deck
{
	width:8em;
}

form .first_pick, .date
{
	width:10em;
}

#enter_tournament .date
{
	width: 8em;
}

form .tournament
{
	width:5.5em;
}

form .format, form .sets, form .superset, form .type
{
	width:5.5em;
}

#enter_tournament .format
{
	width: 10em;
}

#enter_tournament .sets, #enter_tournament .type
{
	width: 7em;
}

#enter_tournament .superset
{
	width: 2.5em;
}

form .resultInput
{
	width: inherit;
}