@charset "utf-8";
/* CSS Document */

/* Title */
.leaderboards-title {height: 50px; width: 700px; margin: 0px;}
/* Some titles are long!  Let browser decides width of title instead of hard-coding to 700px */
.leaderboards-title.expanded {height: 50px; width: auto; margin: 0px;}
.leaderboards-title#overview {background: url('../images/leaderboards-point-leaders.gif') no-repeat bottom;}

/* Spacing Formatting */
.leaderboard-buffer {padding: 0px 13px;}
.leaderboard-buffer-b {padding: 15px 231px; width: 900px;}
.leaderboard-a#wide {width: auto;}
#align-r { text-align: right;}
/* A replacement for #align-r selector as multiple use of id="align-r" in mockup leaderboard page causes a non-compliant with xhtml standard */
.align-r { text-align: right;}
#float-r { float: right;}
/* A replacement for #float-r selector as multiple use of id="float-r" in mockup leaderboard page causes a non-compliant with xhtml standard */
.float-r { float: right;}
#float-l { float: left; width: auto;}
#align-l { text-align: left;}
#va-mid img { vertical-align: middle; padding: 4px 10px 4px 0px;}
/* A replacement for #va-mid img selector as multiple use of id="va-mid" in mockup leaderboard page causes a non-compliant with xhtml standard */
.board-logo-n-title img { vertical-align: middle; padding: 4px 10px 4px 0px;}
.clear {clear: both;}
#center { text-align: center;}
/* A replacement for #center selector as multiple use of id="center" in mockup leaderboard page causes a non-compliant with xhtml standard */
.center { text-align: center;}

/* Leaderboard Element Formatting */
.leaderboard-a {width: 438px; padding: 10px 12px; float: left;}
.leaderboard-b {width: 438px; padding: 10px 12px;}
.leaderboard-a#gb { padding: 0px 12px 20px 12px;}
/* A replacement for #gb selector as multiple use of id="gb" in mockup leaderboard page causes a non-compliant with xhtml standard */
.leaderboard-a.gb { padding: 0px 12px 20px 12px;}
td#g {color:#006600; text-align: center;}
/* A replacement for #g selector as multiple use of id="g" in mockup leaderboard page causes a non-compliant with xhtml standard */
td.wins {color:#006600; text-align: center;}
td#r {color:#990000; text-align: center;}
/* A replacement for #r selector as multiple use of id="r" in mockup leaderboard page causes a non-compliant with xhtml standard */
td.losses {color:#990000; text-align: center;}
.leaderboard-a .heading-data, .leaderboard .heading-data {border-top: none;}
.leaderboard-buffer .table-wrapper, leaderboard-buffer .heading-data table, .leaderboard-buffer-b .table-wrapper, leaderboard-buffer-b .heading-data table
{	width: 436px;
	margin: 0px 0px;
	padding: 0px;
}
.leaderboard-a .rank, leaderboard-b .rank {display: table-cell;}
/* Override selector .rank in all.css which causes all class with name 'rank' to display as block */
td.rank {display: table-cell; text-align: center; }
/* New.  Add a right padding to column 'Points'. */
.leaderboard-a .table-wrapper td.points, .leaderboard-b .table-wrapper td.points {padding-right: 10px;}
tr.leaderboard {background-color: #666666; color: #FFFFFF;}
.leaderboard-a .table-wrapper td, .leaderboard-b .table-wrapper td {padding: 0px 0px;}
.leaderboard-a .heading-data td, .leaderboard-b .heading-data td {padding: 0px 0px; }
/* Gameboard Element Formatting */
.gameboard-header {font-size: 1.25em; font-weight: bold; margin: 3px;}
.g-table-holder { border: 1px #666666 solid;}
#fifa {background: url('../images/info-box.jpg') no-repeat right top; padding: 0px; margin: 0px;}
/* A replacement for #fifa selector as multiple use of id="fifa" in mockup leaderboard page causes a non-compliant with xhtml standard */
.fifa {background: url('../images/info-box.jpg') no-repeat right top; padding: 0px; margin: 0px;}

/* Height Measures 17pixels per row plus 2pixels */
.table-wrapper#tenrows {height: 187px;}
/* A replacement for .table-wrapper#tenrows selector as multiple use of id="tenrows" in mockup leaderboard page causes a non-compliant with xhtml standard */
.table-wrapper.tenrows {height: 187px;}
.table-wrapper#fiverows {height: 104px;}
/* A replacement for .table-wrapper#fiverows selector as multiple use of id="fiverows" in mockup leaderboard page causes a non-compliant with xhtml standard */
.table-wrapper.fiverows {height: 104px;}
/* Removed fixed height by changing it to 'auto'
.table-wrapper#fiftyrows {height: 867px; background: transparent url(../images/ten-of-fifty.jpg) repeat-x scroll center top;}
 */
.table-wrapper#fiftyrows {height: auto; background: transparent url(../images/ten-of-fifty.jpg) repeat-x scroll center top;}

/* Borders */
#grey-border {border: solid #666666 1px; padding: 0px; margin: 0px;}
#g-border {border: solid #009933 1px;}
#ghost-border{border: solid #999999 1px;}
/* A replacement for #ghost-border selector as multiple use of id="ghost-border" in mockup leaderboard page causes a non-compliant with xhtml standard */
.ghost-border{border: solid #999999 1px;}
/* Not used.  Replaced with inline css in template */
tr.striped#cutoff {border-bottom: solid #333333 1px;}

/* Background Imaging Formatting */
#fiverows .striped, .leaderboard-b .striped {background: url('../images/trans.png') repeat;}
/* Original.  Has been replaced by selector '.more-bottom a' so as to include the right-arrow button in the anchor link.
.more-bottom
{	background: url('../images/moretab-bottom.jpg') no-repeat right;
	height: 18px;
	padding: 3px 30px 0px 350px;
	vertical-align: middle;
	text-align: right;
}
*/
.more-bottom a
{	background: url('../images/moretab-bottom.jpg') no-repeat right;
	height: 18px;
	padding: 3px 30px 0px 350px;
	vertical-align: middle;
	text-align: right;
        float: right;
}
.game-leaderboards
{	background: url('../images/bg-photo-area.gif') repeat-x;
	overflow: auto;
}
.results-pager#leaderboard
{	background: url('../images/bg-search-leaderboard.jpg') no-repeat; margin-top: 15px;}
#leaderboard.results-pager
{	background: url('../images/bg-search-leaderboard.jpg') no-repeat; margin-top: 15px;}

/* Misc formatting */
.small-link	{font-size: .818em;}
.no-text {display: none;}
.a .img {border: none;}
hr.page-divider {clear: both; margin: 0px 12px; border:none; border-top: dotted #999 1px; height: 0px;}
.one-hundred{	width: 100px; float: left;}
.checkbox span#float-r { padding: 0px 8px;}
/* A replacement for .checkbox span#float-r selector as multiple use of id="float-r" in mockup leaderboard page causes a non-compliant with xhtml standard */
.checkbox span.float-r { padding: 0px 8px;}