
html {
	height: 100%;
	
	
}
body {
	margin: 0;
	padding: 0;
	height: 100%;
	background-repeat: no-repeat;
	background-position: top left;
  margin: 1px auto 0;
}
a {
    text-decoration : none;
	color: blue;
}
a:hover {
    text-decoration : underline;
}
a.active {
    color : rgb(80, 80, 80);
}
.link a {
    text-decoration : none;
    color : #000000;
}
.link a:hover {
}
.link a.active {
    color : rgb(80, 80, 80);
}
.link.active
{
	background: #fff;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.link:hover
{
	background: #ddd;
    margin-top: -2px;
	border-bottom: 3px outset #000;
	border-right: 1px solid #000;
}
.menulink
{
	float:right;
	
}
.link
{
    font: 1em arial, verdana, sans-serif;
    font-weight: bold;
    float:left;
    height: 20px;
    padding-right:5px;
    padding-left:5px;
    padding-top:3px;
    margin-left:7px;
    background: rgb(195, 195, 195);
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}
.sublink {
    margin-top:3px;
    padding-top:2px;
    font: 0.6em arial, verdana, sans-serif;
    height: 15px;
}
#pList .pBox:hover
{
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
	
}
.pImg
{
	margin-right:5px;
	float: left;
}
.pImgBig
{
	margin-right:5px;
	height: 25px;
	float: left;
	vertical-align:middle;
}
#editText
{
	width:100%;
	height:700px;
}
.pName
{
	vertical-align:top;
	float: left;
	height:16px;
	width: 100px;
}
.pInfo
{
	float: left;
	font: 0.8em arial, verdana, sans-serif;
}
.pTitle
{
}
.pGroup
{
	font: 1em arial, verdana, sans-serif;
}
.notice
{
	font: 2em arial, verdana, sans-serif;
	font-style: italic;
}
.pBox
{
	background: rgb(195, 195, 195);
	font: 1.2em arial, verdana, sans-serif;
	width: 180px;
	padding: 5px;
	height: 18px;
	margin:5px;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	float:left;
	overflow:hidden;
	white-space:nowrap;
}
.pBox.pCitizen
{
	background: rgb(0, 200,0);
	background: rgba(0, 200,0,0.2);
}
.pBox.pAdmin
{
	background: rgb(0, 0, 255);
	background: rgba(0, 0, 255,0.3);
}
.pBox.pMod
{
	background: rgb(0,255,255);
	background: rgba(0,255,255,0.2);
}
.pBox.pRegistered
{
	background: rgb(217, 217, 217);
	background: rgba(217, 217, 217, 0.8);
}
.pBox.pRegistered:hover
{
	background: rgb(216, 216, 216);
}
.pBox.pCitizen:hover
{
	background: rgb(216, 216, 216);
}
.pBox.pAdmin:hover
{
	background: rgb(216, 216, 216);
}
.pBox.pMod:hover
{
	background: rgb(216, 216, 216);
}
.pBox.pOnline:hover
{
	background: rgb(216, 216, 216);
}
.pBox.pOnline
{
	border-left: 2px inset green;
	border-right: 2px inset green;
	width: 176px;
}

.tophint {
	font-size:1.2em;
	margin-right: 20px;
}
#debug {

	position: fixed;
	max-height: 300px;
	overflow:auto;
	top: 5px;
	left: 5px;
	width: 300px;
	height: 300px;
	background: rgb(200, 200, 200);
	border: 1px solid #ff0000;
	z-index: 10000;
}
#loaderGif
{
	width:300px;
}
#infoWrap
{
    display:block;
    width:100%;
}
#pageheader
{
	margin-top:10px;
	margin-left:10px;
	height:70px; 
	background: url('../img/logo.png') 0px 0px no-repeat;
	background-repeat: no-repeat;
}
#logooverlay
{
    display: none;
    float:left;
	height:70px; 
	background: url('../img/blocks/Grass.png') 0px 0px no-repeat;
	margin-top: 6px;
    margin-left: 8px;
    background-size: 38px;
    -moz-background-size: 38px auto !important; 
    -o-background-size: 38px;           /* Opera 9.5 */  
    -webkit-background-size: 38px;           /* Safari 3.0 */  
	background-repeat: no-repeat;
    width: 335px;
    opacity:0.7;
    filter:alpha(opacity=70); /* For IE8 and earlier */
    position: absolute;
}
#logooverlay2
{
    display: none;
    float:left;
	height:70px; 
	background: url('../img/blocks/Ice.png') 0px 0px no-repeat;
	margin-top: 6px;
    margin-left: 8px;
    background-size: 38px;
    -moz-background-size: 38px auto !important; 
    -o-background-size: 38px;           /* Opera 9.5 */  
    -webkit-background-size: 38px;           /* Safari 3.0 */  
	background-repeat: no-repeat;
    width: 335px;
    opacity:0.7;
    filter:alpha(opacity=70); /* For IE8 and earlier */
    position: absolute;
}

.topright
{
	font: 0.7em arial, verdana, sans-serif;
	float:right;
    margin: 0px;
    padding:0px;
    padding-top:4px;
    max-height: 24px;
    width: 550px;
}
#pagenav
{
	background: rgb(210, 210, 210);
	height: 25px;
	margin-bottom:6px;
}
#pagesubnav
{
	background: rgb(210, 210, 210);
	margin-bottom:6px;
	height: 25px;
}
#pagecontent
{

	font: 0.7em arial, verdana, sans-serif;
	padding:10px;
	min-height:650px;
}
#wrap
{
	position:absolute;
	margin-top:10px;
	left:0px;
	width:100%;
	overflow:hidden;
}
#backgroundimage
{
	height:2048px;
}
#loginbutton
{
	visibility:hidden;
	width:0px;
	height:0px;
	float:left;
}
#loginstatus
{
	font: 0.7em arial, verdana, sans-serif;
	width:60px;
	color: red;
	float:left;
	height: 18px;
	padding-right:5px;
	padding-left:5px;
	padding-top:5px;
}
#pagenavlogin
{
	float: right;
	margin-right:7px;
}
input.textwidget
{
	width:150px;
}
input, textarea, select { margin: 2px }
input, select { vertical-align: middle }
input[type=button], input[type=submit], input[type=reset] {
 background: rgb(233, 233, 233);
 color: #222;
 border: 1px outset rgb(199, 199, 199);
 padding: .1em .5em;
}
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
 background: rgb(199, 199, 182);
}
input[type=button][disabled], input[type=submit][disabled],
input[type=reset][disabled] {
 background: rgb(241, 241, 241);
 border-style: solid;
 color: rgb(148, 148, 148);
}
input[type=text], input[type=password], input.textwidget, textarea { border: 1px solid #d7d7d7; background: #dddddd; }
input[type=text], input[type=password], input.textwidget { padding: 0.25em 0.5em }
input[type=text]:focus, input[type=password]:focus, input.textwidget:focus, textarea:focus {
 border: 1px solid #886;
 background: #ffffff;
}
.highscores {
	padding-left:30px;
}
.highscore {
	width: 465px;
	margin-left: 70px;
}
.highscore .pBox {
	width: 445px;
}
.highscore {
	float:left;
	height: 245px;
	background: rgb(238, 238, 238);
	margin:5px;
	margin-left: 70px;
	margin-bottom: 25px;
	padding:3px; 
    border-left: 2px rgba(255, 255, 255, 0.6) solid; 
    border-top: 2px rgba(255, 255, 255, 0.6) solid; 
    border-right: 2px rgba(0, 0, 0, 0.6) solid; 
    border-bottom: 2px rgba(0, 0, 0, 0.6)solid;
	
}
.highscore .pName {
	width: 20px;
}
.pScore { text-align:right;
}
.pRank {
	float:left; text-align:left; width:18px;
}
.pHighscoreIcon {
	margin-right:8px;
	margin-top:3px;
	float: left;
	height:32px;
}

.pSmallIcon {
	margin-right:8px;
	float: left;
	height:20px;
}
.statsDiv {
	float:left;
	background: rgb(233, 233, 233);
	margin:5px;
	padding:3px; 
    border-left: 2px rgba(255, 255, 255, 0.6) solid; 
    border-top: 2px rgba(255, 255, 255, 0.6) solid; 
    border-right: 2px rgba(0, 0, 0, 0.6) solid; 
    border-bottom: 2px rgba(0, 0, 0, 0.6) solid;
	padding-left:8px;
	margin-left: 30px;
	
}
.pStatsListSmall {
	max-height: 318px;
	overflow-y:auto; 
	overflow-x:hidden;
	
}
.pStatsList {
	overflow-y:auto; 
	overflow-x:hidden;
    padding-bottom: 10px;
}
.overallStats {
    width: 340px;
    height: 670px;
}
.overallStats .pStatsList {
    height: 620px;
	overflow-y:auto; 
	overflow-x:hidden;
}
.overallStats .pBox {
    width: 302px;
    height: 20px;
    padding: 3px;
    margin: 1px;
    margin-left: 6px;
}
.overallStats .pBox .pName{
    height: 18px;
}
.blockStats .pBox {
    width: 202px;
    padding: 3px;
    height: 20px;
    margin: 1px;
    margin-left:16px;
}
.map_link {
    background-size: 24px;
    float: left;
    width: 160px;
    margin-top: 4px;
}
.map_link span {
 padding-left:30px;
    font-size: 1.8em;
}



.map_link span:hover {
}
.map_link:hover {
    
}
.gradient {
background: rgb(233, 233, 233); /* Old browsers */
background: -moz-linear-gradient(left,  rgb(233, 233, 233) 0%, rgb(210, 210, 210) 38%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgb(233, 233, 233)), color-stop(38%,rgb(210, 210, 210))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgb(233, 233, 233) 0%,rgb(210, 210, 210) 38%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgb(233, 233, 233) 0%,rgb(210, 210, 210) 38%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgb(233, 233, 233)0%,rgb(210, 210, 210) 38%); /* IE10+ */
background: linear-gradient(left,  rgb(233, 233, 233) 0%,rgb(210, 210, 210) 38%); /* W3C */


	}


