/* end-user styles */

table.stats {
    font-size:85%;
    color:#484848;
}

table.stats .title {
    background:#008080;
    color:white;
    font-weight: bold;
    text-align:left;
    padding:5px;
}

table.stats .header {
    background:#CCCCCC;
    font-weight: bold;
    text-decoration:none;
    text-align:left;
}

table.stats .odd-row {
    background:white;
}

table.stats .even-row {
    background:#EFEFEF;
}

table.stats th,
table.stats td {
    text-align:center;
    padding:5px;
    font-size:95%;
}

table.stats td.data-column {
    text-align:center;
    width:30px;
}

table.stats td.player-column {
    text-align:left;
    padding:10px;
    font-size:90%;
}

table.stats td.stat-value {
    font-weight:bold;
}

table.stats td.compare-checkbox {
    vertical-align:top;
}

table.stats .first-column {
    text-align:right;
    white-space:nowrap;
}

table.stats .footer {
    border-top:1px solid #CCCCCC;
    background:#CCCCCC;
    font-size:100%;
}

table.stats input {
    font-size:80%;
}

/* This makes the scrolling table work */

div.scrollTableContainer {
	height: 285px;	
    overflow: auto;
	width: 745px;
	margin: 15px 0 0 0;
	position: relative;
}

/* The different widths below are due to the way the scroll bar is implamented */

/* All browsers (but especially IE) */
div.scrollTableContainer table {
	width: 727px;
}

/* Modern browsers (but especially firefox ) */
html>/**/body div.scrollTableContainer table {
    width: 745px;
}

/* Modern browsers (but especially firefox ) */
html>/**/body div.scrollTableContainer table>tbody	{  
    overflow: auto; 
    height: 225px;
    overflow-x: hidden;
}

div.scrollTableContainer thead tr	{
	position:relative; 
	top: expression(offsetParent.scrollTop); /*IE5+ only*/
	/* fixes the header being over too far in IE, doesn't seem to affect FF */
    left: -1px;
}

/*prevent Mozilla scrollbar from hiding cell content*/
div.scrollTableContainer td:last-child {padding-right: 20px;}