﻿/* Banjo Kazooie Leaderboards css 

	1.0 stuff
		1.1 things
	2.0 Choose World
		2.1 Individual links
	3.0 filter section
		3.1 Dropdown
		3.2 Searchbox 
		3.3 Choose results filter 
	4.0 main table 
	5.0 paginate 

*/

/* 1.0 STUFF ___________________________________________________________*/

.hide {
	display:none;
	}
	
table tr td a 
{
    color:#fff;
    font-weight:bold;
}
	
/* 1.1 THINGS ___________________________________________________________ */

#leaderboard {
	background-image:url(../images/leaderboards/leaderboards_frame_bg.jpg);
	background-repeat:no-repeat;
	width:900px;
	position:relative;
	/* For Firefox */
    padding-top:1px;
	min-height:897px;
	margin-top: -2px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 83px;
	padding-right: 0px;
	padding-left: 0px;
	/*for ie6*/
	height:auto!important;
	height:897px;
	}
	
/* 2.0 choose world ___________________________________________________________ */

#chooseworld {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:69px;
	left:228px;
	width:480px;
	height:85px;
	}
	
#chooseworld li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	}
	
#chooseworld li a {
	display:block;
	height:85px;
	background-position:top left;
	background-repeat:no-repeat;
	text-indent:-1000000px;
	outline:none;	
	position:relative;
	}
	

	
/* 2.1 individual links ___________________________________________________________ */
	
#chooseworld li a.nuttyacres {
	background:url(../images/leaderboards/nav-nuttyacres.gif);
	width:88px;
	}
	
#chooseworld li a.logbox720 {
	background:url(../images/leaderboards/nav-logbox720.gif);
	width:77px;
	margin-left:-14px;
	}	
	
#chooseworld li a.banjoland {
	background:url(../images/leaderboards/nav-banjoland.gif);
	width:77px;
	}	

#chooseworld li a.jiggosseum {
	background:url(../images/leaderboards/nav-jiggosseum.gif);
	width:85px;
	}

#chooseworld li a.terrarium {
	background:url(../images/leaderboards/nav-terrarium.gif);
	width:152px;
	margin-left:-37px;
	}

#chooseworld li a.spiralmountain {
	background:url(../images/leaderboards/nav-spiralmountain.gif);
	width:118px;
	margin-left:-66px;
	}

#chooseworld li a:hover,
#chooseworld li a.on {
	background-position:bottom left;
	}
	
/* 3.0 filter section ___________________________________________________________ */

#filtersection {
	position:absolute;
	width:405px;
	height:67px;
	top:205px;
	left:224px;
	z-index:999;
	}
	
#filtersection #GamercardOpponent {
	position:absolute;
	right:-228px;
	top:-15px;
	height:95px;
	width:205px;
	overflow:hidden;
	}
	
/* 3.1 Dropdown ___________________________________________________________ */
	
.dropdown {
	width:176px;
	height:21px;
	float:left;
	background:url(../images/leaderboards/dropdown-bg-arrow_off.jpg) top left no-repeat;
	color:#1f6a39;
	font-size:12px;
	font-weight:bold;
	padding-left:8px;
	padding-top:4px;
	z-index:1000;
	}
	
.dropdown:hover{
    background:url(../images/leaderboards/dropdown-bg-arrow_on.jpg) top left no-repeat;
}
	
.dropdownmenu {
	position:absolute;
	top:24px;
	left:0!important;
	width:182px;
	font-size:12px;
	background:#6ab783;
	border-left:1px solid #b7e3a0;
	border-right:1px solid #b7e3a0;
	z-index:1000;
	}
	
.dropdownmenu a {
	display:block;
	padding:4px 0 4px 7px;
	color:#1f6a39;
	font-size:12px;
	font-weight:bold;
	border-bottom:1px solid #b7e3a0;
	}
	
.dropdownmenu a:hover {
	background:#5aa072 url(../images/leaderboards/dropdown-bg-hover.jpg) top left repeat-x;
	color:#fff;
	}
	

/* 3.2 Searchbox ___________________________________________________________ */

.searchbackground
{
    width:204px;
	height:24px;
	background:url(../images/leaderboards/search-bg-blank.jpg) top left no-repeat;
	color:#1f6a39;	
	border:0;
	padding:4px 0 0 8px;
	margin:0 0 0 8px;
	float:left;
	font-family:Verdana;
	font-weight:bold;
	font-size:12px;
}

.searchbuttonmag {
	float:right;
	display:inline-block;
	outline:none;
	margin:0 0 0 8px;
	width:24px;
	height:24px;
	text-indent:-1000000px;
    position:relative;
	left:-30px;
	top:-28px;
	
	background:url(../images/leaderboards/searchmag.jpg) no-repeat;
	background-position:0 0px;
	z-index:3500;
	}
	
.searchbuttonmag:hover {
	background-position:0 -48px;
	}
	
/*.searchbuttonmag:active {
	background-position:0 -24px;
	}
*/
	
	
/* 3.3 Choose results filter ___________________________________________________________ */

#lblinks {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:54px;
	left:86px;
	width:335px;
	height:19px;
	}

#lblinks li {
	margin:0 18px 0 0;
	padding:0;
	list-style:none;
	float:left;
	}
	
#lblinks li a {
	text-indent:-1000000px;
	outline:none;
	display:block;
	height:19px;
	background-position:top left;
	background-repeat:no-repeat;
	}

#lblinks .topplayers {
	width:101px;
	background:url(../images/leaderboards/filter-topplayers.gif);
	}

#lblinks .yourposition {
	width:112px;
	background:url(../images/leaderboards/filter-yourposition.gif);
	}

#lblinks .friends {
	width:68px;
	background:url(../images/leaderboards/filter-friends.gif);
	}

#lblinks li a:hover,
#lblinks li a.on {
	background-position:bottom left;
	}
#lblinks li a:hover.nohover
{
    background-position:top left;

}

	
	
/* 4.0 main table ___________________________________________________________ */

#ctl00_phMainContent_GridView1 {
	width:424px;
	height:487px;
	position:absolute;
	top:325px;
	left:253px;
	}
	
#ctl00_phMainContent_GridView1 tr {
	height:26px;
	}

#ctl00_phMainContent_GridView1 tr td {
	color:#fff;
	padding:0;
	text-align:center;
	}

#ctl00_phMainContent_GridView1 tr td.rank {
	width:92px;
	}

#ctl00_phMainContent_GridView1 tr td.gamertag {
	letter-spacing:-1px;
	font-weight:bold;
	width:217px;
	}
	
#ctl00_phMainContent_GridView1 tr td.gamertag a {
	color:#fff;
	}

#ctl00_phMainContent_GridView1 tr td.icon {
	width:37px;
	}

#ctl00_phMainContent_GridView1 tr td.time {
	}

.ruled { /* hover state */
	background:#163823 url(../images/leaderboards/lbgrid-tr-hover-bg.gif) top left no-repeat;
	width:424px;
	height:26px;
	position:relative; /* fixes IE applying the background image to table cells instead of rows. used in combination with the td declaration coming up next */
	}

#ctl00_phMainContent_GridView1 tr.ruled td { 
	background:none;
	color:#f7d859;
	}

#ctl00_phMainContent_GridView1 tr.ruled td a {
	color:#f7d859;
	}

/* 5.0 paginate ___________________________________________________________ */

.pagingtable {
	position:absolute;
	bottom:33px;
	left:235px;
	width:447px;
	text-align:center;
	}
	
.pagingtable a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:8pt;
	}
	
.pagingtable a.on {
	color:#f7d859;
	}
	
.pagingtable a.off {
	color:#5a9070;
	text-decoration:none;
	}
	
.pagingtable a:hover.off {
	color:#5a9070;
	text-decoration:none;
	cursor:default;
	}

.pagingtable a.prev {
	margin:0 20px 0 0;
	}
	
.pagingtable a.next {
	margin:0 0 0 20px;
	}

.pagingtable a:hover {
	text-decoration:underline;
	color:#f7d859;
	}

/* Gamercard ___________________________________________________________ */


.resultsloading{
    z-index:4000;
    display:block;
    position:absolute;
    top:250px;
    left:375px;
}

.searchresults{
    z-index:4000;
    display:block;
    position:absolute;
    top:232px;
    left:420px;
}
