@charset "utf-8";
/* Mir3 Game Profile CSS Document (Page Specific) */

body {
	margin: 0px;/*	background:#000 url('../images/bg-main-sides.jpg') no-repeat fixed top center;*/
	background:#6cf url('../images/bg-main-tile.jpg') repeat-x;
	font-family: Arial, Helvetica, MS Sans Serif;
	font-size: .9em;
}
img
{
	border:0px;
}
a
{
	color:#6cf;
	text-decoration:none;
}
#bgWrapper {
	width:100%;
	/*background: url('../images/bg-main-04.jpg') no-repeat top center;*/
}
#rootWrapper {
	/* for centering the main wrapper */
	width: 960px;
	padding-left: 50%;
}
#mainWrapper {
	/* background:#000 url('../images/bg-main.jpg') no-repeat scroll top center; */
	/* for centering the nested divs */
	width:960px;
	margin-left:-480px;
}
#header {
	background-image:url('../images/header.png');
	background-repeat:no-repeat;
	background-position:10px;
	width:inherit;
	height:60px;
}
#spacer {
	width:inherit;
	height:246px;
}
#titlebar {
	width: inherit;
	height: 60px;
    background-repeat:no-repeat;
	background-position:10px;
	background-image:url('../images/title-leaderboards.png');
}
.title-tab 
{
    position:relative;float:left;cursor:pointer;
}
.titlebar-TopPlayers 
{
    background-image:url('../images/title-leaderboards-topPlayers.png');
}
.titlebar-FastMovers
{
    background-image:url('../images/title-leaderboards-fastMovers.png');
}
#contentWrapper {
	width:inherit;
	background: url(../images/bg-content.gif) repeat-y 10px 0px;
}
#contentBottomEdge 
{
	clear:both;
	height:2px;
	padding-left:11px;
	padding-right:11px;
	padding-bottom:55px;
}
#contentTopCornerR {
	position:relative;
	float:right;
	top:-11px;
}
#contentBottomCornerR {
	position:relative;
	float:right;
}
#contentBottomCornerL {
	position:relative;
	float:left;
}
#content {
	width: 735px;
	min-height:580px;
	float:left;
	padding:20px 20px 20px 30px;
	color: #888;
}
#advertisement {
	float:right;
	width: 153px;
	padding:11px;
	left: 787px;
}
#footer {
	width:inherit;
	height:45px;
	background-image: url(../images/footer-bg.jpg);
	background-repeat: no-repeat;
	background-position: 10px bottom;
	padding-top:30px;
	padding-left:10px;
}
#footerInfo {
	position: relative;
	border-style: none;
	float: left;
}
#navbar {
	position:relative;
	float:right;
	width:340px;
	height:38px;
	padding-top:13px;
	z-index:1;
}
.navbar-button {
	position: relative;
	float:left;
	border-style: none;
	height:25px;
	width: 45px;
	display:inline;
}
#navbar-home {
	left: 33px;
	width:40px;
}
#navbar-profile {
	left: 58px;
	width:43px;
}
#navbar-settings {
	left: 79px;
	width:52px;
}
#navbar-logout {
	left: 103px;
	width: 45px;
}
.ad-skyscraper {
	position:relative;
	top:-1.9em;
	border:1px solid #963;
}
#leaderboardContainer {
	width:100%;
	border:thin groove #6cf;
	border-collapse:collapse;
	padding:0px;
}
.evenTR {
	background: url('../images/leaderboardTableBG.jpg');
	height:30px;
}
.oddTR {
	background: url('../images/leaderboardTableBG2.jpg');
	height:30px;
}
.evenTD {
	border-bottom:thin groove #6cf;
	padding: 0em .5em 0em .5em;
	text-align:left;
}
.oddTD {
	border-bottom:thin groove #6cf;
	padding: 0em .5em 0em .5em;
	text-align:left;
}
.classButton {
	display:inline;
	margin-right:-4px;
}
#currentPage {
	text-align:center;
	font-weight: bold;
	color: #6cf;
	font-size: 1.25em;
}
#classes-navigator{
	background:url(../images/currentPage.png) no-repeat 82px;
}
#leaderboardSelectionMenu a 
{
 margin-right:20px;   
 font-size:1em;
 font-weight:bold;
 color:#6cf;
}
#currentBoard
{
    position:relative;
    top:35px;
    left:150px;
    width:200px;
    height:50px;
    text-align:center;
    color:#fc0;
    font-size:1.25em;
    font-weight:bold;
}
#leaderboardSelectionMenu img 
{
    vertical-align:middle;  
    border:none;  
}
#previousPage {
	position:relative;
	top:2px;
}
#nextPage {
	position:relative;
	top:2px;
	left:45px;
}
.streakIcon
{
	width:25px;
	height:25px;
}
.murderer
{
	color:#b00;
}
.famous
{
	color:#a6a;
}
.leader1
{
    color:#fc6;
    font-size:1.33em;
    font-weight:bold;
}
.leader1Row
{
    color:#fc6;
}
.leader2
{
    color:#ccc;
    font-size:1.17em;
    font-weight:bold;
}
.leader2Row
{
    color:#ccc;
}
.leader3
{
    color:#b85;
    font-size:1em;
    font-weight:bold;
}
.leader3Row
{
    color:#b85;
}
.classIcon
{
	width:30px;
	height:30px;
}
#resultsPPForm 
{
    position:relative;
    float:right;
    top:0px;
    left:0px;
    font-style:italic;
    font-size:.8em;
}
#resultsPPForm select 
{
    background-color:#999;
    color: #333;
    font-weight:bold;
}
#searchForm
{
    width:287px;
    height:22px;
    background:url(../images/search-field.png) no-repeat;
    position:relative;
    clear:right;
    float:right;
    margin-top:1em;
}
#characterSearchName 
{
    background-color:Transparent;
    position:absolute;
    top:0px;
    left:4px;
    width:160px;
    height:22px;
    border:0;
    color:#fc6;
    font-weight:bold;
}
#characterSearchButton 
{
    position:absolute;
    top:0px;
    left:166px;
    vertical-align:middle;
}
#characterClearButton 
{
    position:absolute;
    top:0px;
    left:227px;
    vertical-align:middle;
}
.searchCharacter
{
    font-size:1.33em;
    font-weight:bold;
    background-image:none;
    background-color:#345;
    height:60px;
}
.achievementIcon
{
	width:15px;
	height:15px;
}
.rankChangeIcon
{
	width:20px;
	height:20px;
	margin-right:4px;
}
.rankChangeUpLabel
{
	font-weight:bold;
	color:#3b3;
}
.rankChangeDownLabel
{
	font-weight:bold;
	color:#b33;
}
.timeInPositionLabel
{
	font-weight:bold;
	color:#bb3;
}
.rankLabel
{
	font-weight:bold;
	font-size:1.2em;
}
.rankColumn
{
	width:1px;
}

/* =============achievements */
#profile-achievement-details
{
	display:none;
	position:absolute;
	z-index:10;
	width:200px;
	background-color:#ccc;
	border:solid 2px white;
	padding:4px;
}
.profile-achievement-details-achieved-message
{
	color:Yellow;
}
.profile-achievement-details-locked-message
{
	color:red;
}