body {
	font-family: "Trebuchet MS", Verdana, Arial, san-serif;
	font-size: 12px;
	color: #1d1d4b;
	background-image: url(./images/bg.jpg);
	background-repeat: repeat-x;
	background-color: #2b0f01;
}

#popup, 
#popup p  {
	font-size: 15px;
	color:#1D1D4B;
}

#popup a {
	color:#0D469B;
}
#popup a:hover {
	color:#e7063d;
}

#tabs {
	position: absolute;
	top: 66px;
	left: 10px;
}

#tabs .active-left,
#tabs .inactive-left,
#tabs .inactive-right,
#tabs .active-right {
	width: 5px;	
}

#tabs .active-middle,
#tabs .inactive-middle {
	height:28px;
	padding:4px 0px 0px 0px;
	cursor:pointer;
	background: url(./images/ui/tab-middle-inactive.jpg) repeat-x;color: #fff;
}

#tabs .active-left {background: url(./images/ui/tab-left-active.jpg) no-repeat;}
#tabs .active-middle {background: url(./images/ui/tab-middle-active.jpg) repeat-x;color: #fde801;}
#tabs .active-right {background: url(./images/ui/tab-right-active.jpg) no-repeat;}
#tabs .inactive-left {background: url(./images/ui/tab-left-inactive.jpg) no-repeat;}
#tabs .inactive-middle {background: url(./images/ui/tab-middle-inactive.jpg) repeat-x;color: #fff;}
#tabs .inactive-right {background: url(./images/ui/tab-right-inactive.jpg) no-repeat;}

#tabs .tab {
	font-size: 13px;
	text-decoration:none;
	font-weight:bold;
	
}
#tabs .tab:hover {
	color: #fde801;
}

#codeInfo {
	position:absolute;
	left:3px;
	top:89px;
	width:402px;
	background-color: #b3f0fe;
	font-size:11px;
	padding-left:8px;
}
#categories {
	padding-left: 10px;
	position:relative;
	left:0px;
	top: -4px;
}
#categories,
#categories td {
	font-size:13px;
	cursor:pointer;
	text-align:center;
	padding: 0px 5px 0px 5px;
	text-decoration:none
}
#categories .categoryLabel {
	text-align:left;
	width:125px;
}

#categories .category:hover {
	background-color: yellow;
}

#categories .active {
	background-color: #b3f0fe;
}
#categories .inactive {
	background-color: #fff;
}

#inputCode {
	border:0px;
	width:160px;
	height:22px;
	position:absolute;
	left:236px;
	top:41px;
	background: url(./images/ui/inputCode.jpg) no-repeat;
	padding-top:2px;
	padding-left:5px;
	padding-right:5px;
	
	
}
#buttonSubmitCode {
	background: url(./images/ui/button-submit-inactive.jpg) no-repeat;
	color:#fff;
	font-weight:bold;
	text-align:center;
	width:74px;
	height:25px;
	padding-top:5px;
	cursor:pointer;
	position:absolute;
	top:64px;
	left:336px;
}
#buttonSubmitCode:hover {
	background: url(./images/ui/button-submit-active.jpg) no-repeat;
	color:#fde801;
} 

#leaderboardHelp {
	position:absolute;
	top:98px;
	left:12px;
	font-weight:bold;
	color:#f8235b;
	background-color: #fff;
	border:1px dashed #f8235b;
	padding:5px;
	z-index:1;
	
}
#loading {
	display:none;
	position:absolute;
	top: 50px;
	left:180px;
	z-index:1;

}

#statsPane {
	position:absolute;
	top:33px;
	left:18px;
	border:0px solid #000;
	width: 565px;
	height: 90px;
	background-color:#fff;
	overflow:auto;
}
#singleStatsPane {
	position:absolute;
	top:33px;
	left:111px;
	border:0px solid #000;
	width: 470px;
	height: 90px;
	background-color:#fff;
	display: none;
	overflow:auto;
	
}
#centerThis {
	height:80px;
	text-align:center;
	top: 50%;
	display: table-cell; 
	vertical-align: middle;
	padding:0px 10px 0px 10px;
	overflow: auto;
}
#singleStatsPane td {
	font-size:14px;
	width:100px;
	text-align: top;
	font-weight:bold;
	overflow: hidden;
}
#singleStatsPane #centerThis {
	overflow: hidden;
}
#myCodesSelect {
	font-size:12px;
	background-color:#f8235b;
	border:0px solid #fff;
	color:#fff;
	padding:0px;
	margin:0px;
	position:relative;
	top:-1px;
}
#nick {
	font-weight: bold;
	color: #f8235b;
	font-size: 12px;
}