@font-face {
	font-family:		'rott2regular';
	src: 			url('../ef/rott2-webfont.eot');
	src:			url('../ef/rott2-webfont.eot?#iefix') format('embedded-opentype'),
				url('../ef/rott2-webfont.woff') format('woff'),
				url('../ef/rott2-webfont.ttf') format('truetype'),
				url('../ef/rott2-webfont.svg#rott2regular') format('svg');
	}

* {	
	font-family:		rott2regular,sans-serif;
	font-size:		12px;
	line-height:		16px;
	text-transform:		uppercase;
	}

#core { position:absolute;left:0px;top:0px;width:1px;height:1px;overflow:visible;z-index:1; }
.preload {
	display:		block;
	height:			1px;
	opacity:		0.01;
	overflow:		hidden;
	position:		absolute;
	right:			1px;
	top:			0px;
	width:			1px;
	}
	
BODY {
	background: #000;
	color: #447f64;
	cursor: default;
	padding:0;
	margin:0;
	-moz-user-select:	none;
	-webkit-user-select:	none;
	-ms-user-select:	none;
	-o-user-select:		none;
	-khtml-user-select:	none;
	user-select:		none;
	}

#wrap {	overflow:hidden;position:absolute;top:0;bottom:0;left:0;right:0;}

BODY.home #wrap[background="levels"] { 
	background: url('/ei/bg-levels.jpg') #000; /* W3C */
	background: -moz-linear-gradient(235deg,  hsla(161,91%,30%,0.5) 0%, hsla(162,52%,20%,0.25) 30%, hsla(162,52%,10%,0.0) 70%), url('/ei/bg-levels.jpg') #000; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,hsla(161,91%,30%,0.5)), color-stop(30%,hsla(162,52%,20%,0.5)), color-stop(70%,hsla(162,52%,10%,0))), url('/ei/bg-levels.jpg') #000; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(235deg,  hsla(161,91%,30%,0.5) 0%,hsla(162,52%,20%,0.5) 30%,hsla(162,52%,10%,0) 70%), url('/ei/bg-levels.jpg') #000; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(235deg,  hsla(161,91%,30%,0.5) 0%,hsla(162,52%,20%,0.5) 30%,hsla(162,52%,10%,0) 70%), url('/ei/bg-levels.jpg') #000; /* Opera 11.10+ */
	background: -ms-linear-gradient(235deg,  hsla(161,91%,30%,0.5) 0%,hsla(162,52%,20%,0.5) 30%,hsla(162,52%,10%,0) 70%), url('/ei/bg-levels.jpg') #000; /* IE10+ */
	background: linear-gradient(235deg,  hsla(161,91%,30%,0.5) 0%,hsla(162,52%,20%,0.5) 30%,hsla(162,52%,10%,0) 70%), url('/ei/bg-levels.jpg') #000; /* W3C */
	background-repeat: no-repeat;
	background-position:bottom left;
	background-size: cover;
	}

BODY.home #wrap[background="campaigns"] { 
	background: url('/ei/bg-campaigns.jpg') #000; /* W3C */
	background: -moz-linear-gradient(235deg,  hsla(186,91%,30%,0.5) 0%, hsla(162,52%,20%,0.25) 30%, hsla(162,52%,10%,0.0) 70%), url('/ei/bg-campaigns.jpg') #000; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,hsla(186,91%,30%,0.5)), color-stop(30%,hsla(162,52%,20%,0.5)), color-stop(70%,hsla(162,52%,10%,0))), url('/ei/bg-campaigns.jpg') #000; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(235deg,  hsla(186,91%,30%,0.5) 0%,hsla(162,52%,20%,0.5) 30%,hsla(162,52%,10%,0) 70%), url('/ei/bg-campaigns.jpg') #000; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(235deg,  hsla(186,91%,30%,0.5) 0%,hsla(162,52%,20%,0.5) 30%,hsla(162,52%,10%,0) 70%), url('/ei/bg-campaigns.jpg') #000; /* Opera 11.10+ */
	background: -ms-linear-gradient(235deg,  hsla(186,91%,30%,0.5) 0%,hsla(162,52%,20%,0.5) 30%,hsla(162,52%,10%,0) 70%), url('/ei/bg-campaigns.jpg') #000; /* IE10+ */
	background: linear-gradient(235deg,  hsla(186,91%,30%,0.5) 0%,hsla(162,52%,20%,0.5) 30%,hsla(162,52%,10%,0) 70%), url('/ei/bg-campaigns.jpg') #000; /* W3C */
	background-repeat: no-repeat;
	background-position:bottom left;
	background-size: cover;
}

#blocker { display:none;opacity:0.5;background-color:#000;position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden;z-index:19999;}
#strut { width:1px; }

#zoomnub, .scrollnub {
	cursor:n-resize;
	cursor:hand;
	cursor:-moz-grab;
	/* cursor:-webkit-grab; < broken */
	cursor:grab;
  }


.frame.scrolly {
	padding:0 !important;
	margin:0 !important;
	background:none !important;
	border:none !important;
	overflow:hidden !important;
	-moz-border-image:none !important;
	-webkit-border-image:none !important;
	-o-border-image:none !important;
	border-image:none !important;
}

.frame.scrolly[scrollregion="scrollregion"] > div {
	margin-right:		12px;
	}

#maplist .frame.scrolly {
	left: 5px;
	right: 5px;
	top: 54px;
	bottom:0px;
	}


.scrollbar {
	width:8px;
	right:0;
	position:absolute;
	}
.scrollnub {
	height:			48px;
	position:		absolute;
	left:			0px;
	width:			8px;
	top:			32px;
	}

.scrollyman { overflow:visible !important}



#mapWrap {
	position:absolute;
	top:0; bottom:0; right:0; left:0;
	overflow:hidden;
	cursor: 		default;
	background:none!important;
	background-image:none!important;
}
#map {
	height:			auto;
	left:			0px;
	overflow:		visible;
	padding:		0px;
	position:		relative;
	text-align:		left;
	top:			0px;
	width:			auto;
	z-index:		1;
	cursor: 		pointer;
	opacity:		0;
	-moz-transform: scale(0.001);
	-webkit-transform: scale(0.001);
	-o-transform: scale(0.001);
	transform: scale(0.001);
	
	-moz-transition: top 0.1s ease-out, left 0.1s ease-out, opacity 1s linear, transform 1s ease, -moz-transform 1s ease;
	-webkit-transition: all 1s ease, top 0.1s ease-out, left 0.1s ease-out, opacity 1s linear;
	-o-transition-property: -o-transform, opacity;
	-o-transition-duration: 0.5s, 0.5s;
	-o-transition-timing-function: ease, linear;
	-ms-transition: top 0.1s ease-out, left 0.1s ease-out, opacity 1s linear, transform 1s ease, -moz-transform 1s ease;
	-khtml-transition: top 0.1s ease-out, left 0.1s ease-out, opacity 1s linear, transform 1s ease, -moz-transform 1s ease;
	transition: top 0.1s ease-out, left 0.1s ease-out, opacity 1s linear, transform 1s ease, -moz-transform 1s ease, -webkit-transform 1s ease, -o-transform 1s ease;
	}

#map[bgBglitchFix="screen"] {
	box-shadow:0 0 9999px transparent;
}
#map[bgBglitchFix="edge"] {
	box-shadow:0 0 10px transparent;
}

#gridOverlay, #darkOverlay {
	position:absolute;
	-moz-transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	-khtml-transition: opacity 0.5s;
	transition: opacity 0.5s;
	}

#darkOverlay {top:-8px;left:-8px;right:-8px;bottom:-8px;z-index:89997;
	background:	-moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0) 20%, rgba(0,0,0,0) 80%, rgba(0,0,0,0.3) 90%, rgba(0,0,0,1) 100%),
						-moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0) 20%, rgba(0,0,0,0) 80%, rgba(0,0,0,0.3) 90%, rgba(0,0,0,1) 100%),
						-moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 100%);
	/* Chrome,Safari4+ */
	background:	-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(10%,rgba(0,0,0,0.3)), color-stop(20%,rgba(0,0,0,0)), color-stop(80%,rgba(0,0,0,0)), color-stop(90%,rgba(0,0,0,0.3)), color-stop(100%,rgba(0,0,0,1))),
						-webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,1)), color-stop(10%,rgba(0,0,0,0.3)), color-stop(20%,rgba(0,0,0,0)), color-stop(80%,rgba(0,0,0,0)), color-stop(90%,rgba(0,0,0,0.3)), color-stop(100%,rgba(0,0,0,1))),
						-webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(50%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.5))); 
	/* Chrome10+,Safari5.1+ */
	background:	-webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0.3) 10%,rgba(0,0,0,0) 20%,rgba(0,0,0,0) 80%,rgba(0,0,0,0.3) 90%,rgba(0,0,0,1) 100%),
						-webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.3) 10%,rgba(0,0,0,0) 20%,rgba(0,0,0,0) 80%,rgba(0,0,0,0.3) 90%,rgba(0,0,0,1) 100%),
						-webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 100%); 
	/* Opera 11.10+ */
	background:	-o-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0.3) 10%,rgba(0,0,0,0) 20%,rgba(0,0,0,0) 80%,rgba(0,0,0,0.3) 90%,rgba(0,0,0,1) 100%),
						-o-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.3) 10%,rgba(0,0,0,0) 20%,rgba(0,0,0,0) 80%,rgba(0,0,0,0.3) 90%,rgba(0,0,0,1) 100%),
						-o-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 100%);
	/* IE10+ */
	background:	-ms-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0.3) 10%,rgba(0,0,0,0) 20%,rgba(0,0,0,0) 80%,rgba(0,0,0,0.3) 90%,rgba(0,0,0,1) 100%),
						-ms-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.3) 10%,rgba(0,0,0,0) 20%,rgba(0,0,0,0) 80%,rgba(0,0,0,0.3) 90%,rgba(0,0,0,1) 100%),
						-ms-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 100%);
	/* W3C */
	background:	linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0.3) 10%,rgba(0,0,0,0) 20%,rgba(0,0,0,0) 80%,rgba(0,0,0,0.3) 90%,rgba(0,0,0,1) 100%),
						linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.3) 10%,rgba(0,0,0,0) 20%,rgba(0,0,0,0) 80%,rgba(0,0,0,0.3) 90%,rgba(0,0,0,1) 100%),
						radial-gradient(ellipse at center,  rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 100%); /* W3C */
	}

#gridOverlay {top:0;left:0;right:0;bottom:0;z-index:89998;
	background:url(../ei/grid.png) top left;
	}


/* map tiles */

#map TABLE TD, #map DIV SPAN, #map DIV DIV {
	background:		none;
	cursor: 		pointer;
	width:			32px;
	height:			32px;
	margin:			0px;
	padding:		0px;
	position:		relative;
	display:block;
	z-index:90000;
	border:0px none #000;
	}
#map.grid DIV SPAN {
	border:1px dotted #000;
	border: 1px solid rgba(0,0,0,0.1);
	width:			30px;
	height:			30px;
	}	
	
#map DIV SPAN {
	position:absolute;
	}
#map DIV SPAN[x="0"] {

	}
#map IMG {
	
	position:		absolute;
	z-index:10000;
	}

#map img[mode="spawnpoint"] { margin:-40px 0 0 -15px; }
#map img[tile="spawnpoint.earth.boss"] { margin:-67px 0 0 -28px; }
#map img[tile="spawnpoint.moon.boss"], #map img[tile="spawnpoint.mars.boss"] { margin:-91px 0 0 -39px; }
#map img[tile="spawnpoint.saturn.boss"] { margin:-107px 0 0 -42px; }
#map img[tile="spawnpoint.titan.boss"] { margin:-179px 0 0 -44px; }
#map img[tile="spawnpoint.titan.03"], #map img[tile="spawnpoint.saturn.04"] { margin:-52px 0 0 -15px; }
#map img[tile="spawnpoint.titan.04"] { margin:-76px 0 0 -15px; }

#map img[tile="spawnpoint.mars.04"], #map img[tile="spawnpoint.saturn.05"], #map img[tile="spawnpoint.titan.05"] { margin:-51px 0 0 -22px; }

#map img[mode="wall"] { margin:-8px 0 0 0px; }
#map img[tile="cliff"] { margin:-16px 0 0 0px; }

#map img[mode="road"] { margin:0px 0 0 0px; }
#map img[mode="road"][tile="road.03"]{ margin-left:8px; }
#map img[mode="road"][tile="road.09"]{ margin-right:8px; }
#map img[mode="road"][tile="road.05"]{ margin-top:8px; }

#map img[mode="crystal"], #map img[mode="base"]  { margin:-34px 0 0 -15px; }
#map img[mode="ruin"] { margin:-29px 0 0 -15px; }

.mars #map img[tile="ruin.4x1"] { margin:-39px 0 0 -15px; }
.saturn #map img[tile="ruin.2x2"] { margin:-49px 0 0 -15px; }

#map img.shadow { margin:-12px 0 0 -12px; background-color:transparent !important}
#map img.shadow[tile="cliff"] { margin:-20px 0 0 -12px;  }


#map img.spawnOverlay, #spawnHighlight {
	z-index:89998;
	width:80px;height:80px;
	margin:-36px 0 0 -24px;
	display:block;
	}
	
@-moz-keyframes spawnAnim { from {opacity:1;} to {opacity:0;} }
@-webkit-keyframes spawnAnim { from {opacity:1;} to {opacity:0;} }
@-o-keyframes spawnAnim { from {opacity:1;} to {opacity:0;} }
@keyframes spawnAnim { from {opacity:1;} to {opacity:0;} }

@-moz-keyframes highlightAnim { from {opacity:1; -moz-transform:scale(1,1);} to {opacity:0; -moz-transform:scale(1.5,1.5);} }	
@-webkit-keyframes highlightAnim { from {opacity:1; -moz-transform:scale(1,1);} to {opacity:0; -webkit-transform:scale(1.5,1.5);} }	
@-o-keyframes highlightAnim { from {opacity:1; -moz-transform:scale(1,1);} to {opacity:0; -o-transform:scale(1.5,1.5);} }	
@keyframes highlightAnim { from {opacity:1; -moz-transform:scale(1,1);} to {opacity:0; transform:scale(1.5,1.5);} }	
			
	
#map img.spawnOverlay {
	-moz-animation: spawnAnim 2s ease-out 0.5s infinite;
	-webkit-animation: spawnAnim 2s ease-out 0.5s infinite;
	-o-animation: spawnAnim 2s ease-out 0.5s infinite;
	animation: spawnAnim 2s ease-out 0.5s infinite;
}

#map img.spawnOverlay[highlight="on"]{display:none;}

#map img.spawnOverlay.boss, #spawnHighlight.boss {
	width:120px;height:120px;
	margin:-56px 0 0 -44px;
	}

#spawnHighlight {
	background:url('../ei/spawnpoint.png') no-repeat;
	-moz-animation: highlightAnim 1s ease-out 0s infinite;
	-webkit-animation: highlightAnim 1s ease-out 0s infinite;
	-o-animation: highlightAnim 1s ease-out 0s infinite;
	animation: spawnAnim 2s ease-out 0.5s infinite;
	}
#spawnHighlight.boss {
	background:url('../ei/spawnpoint.boss.png') no-repeat;
	}
	
#map #cursorFront, #map #cursorBack {
	position:absolute;
	width:32px;
	height:32px;
	padding:5px;
	-moz-transition: all 83.33ms;
	-webkit-transition: all 83.33ms;
	-o-transition: all 83.33ms;
	-khtml-transition: all 83.33ms;
	-ms-transition: all 83.33ms;
	transition: all 83.33ms;
	
}
#map #cursorFront {
		z-index:99999;
		margin:-8px 0 0 -8px;
		border:3px solid #fff;
		border-radius:4px;
		border-color:rgba(255,255,255,1);
}
#map #cursorBack {
		opacity:0.5;
		z-index:1;
		margin:-5px 0 0 -5px;
		background:#f00;
}

#editor {background:none;position:absolute;top:-25px;height:1px;left:45px;right:0;overflow:visible;white-space:nowrap}

#bio, #tiles, #spawns {
	display:		none;
	float:left;
	z-index:10000;
	margin:0 0 0 10px;
	width: 328px;
	height:32px;
	padding:20px 5px 3px;
	overflow:hidden;
	-moz-transition: width 0.25s, padding-bottom 0.25s;
	-webkit-transition: width 0.25s, padding-bottom 0.25s;
	-o-transition-property: width, padding-bottom;
	-o-transition-duration: 0.25s, 0.25s;
	-ms-transition: width 0.25s, padding-bottom 0.25s;
	-khtml-transition: width 0.25s, padding-bottom 0.25s;
	transition: width 0.25s, padding-bottom 0.25s;
	}

#spawns {width:296px;}

#bio:hover,  #bio[forceIEhover="true"]  {padding-bottom:40px;}
#spawns:hover {padding-bottom:8px;}

#bio[viewmode="true"]:hover  {padding-bottom:0px;}
#bio[viewmode="true"] table.description  {margin-bottom:10px;}

#bio div.buttons {
		left:10px;
		right:10px;
		position:absolute;
		bottom:-50px;
		margin:0;
	}

#bio:hover div.buttons,  #bio[forceIEhover="true"] div.buttons {
		bottom:10px;
	}

#bio h2, #spawns h2 {font-size:17px;letter-spacing:0.5px;} /* bit hacky < to get headings similar length in ff and chrome */

#bio h2 {padding-left:155px}
#bio select{display:hidden;}
#bio:hover select{display:block;}

#spawns h2 {padding-left:125px;}
#spawns:hover h2 {margin-bottom:0;}
#spawns table {	border-style: hidden; border-collapse: collapse; }
#spawns th.c, #spawns td.c { width:10%;padding-left:0;text-align:center;vertical-align:middle }
#spawns th .tooltip  {margin:20px 0 0 -40px;}
#spawns tbody td {height:30px;overflow:visible;cursor:pointer}
#spawns[viewmode="true"] tbody td {cursor:default;} 
#spawns tbody img {width:31px;height:40px;margin-left:5px;}
#spawns p {margin:15px 0 0 12px;}
#spawns .col1 { width:200px; }
#spawns .col2, #spawns .col3, #spawns .col4 { width:50px; }
#spawns .col5, #spawns .col6, #spawns .col7 { width:100px; padding-right:0px; }
#spawns .col8 { width:50px; padding-right:0px; }
#spawns td.col8 img { width:20px; height:16px; }

#bio #savebutton, #spawns #showGidsButton  {position:absolute;top:24px;left:12px;}

#tiles{
	position:absolute;bottom:-28px;left:0;overflow:visible;width:auto;padding:2px 5px 10px;height:50px;
}	

#spawns:hover, #bio:hover, #bio[forceIEhover="true"] {
	width: 			450px;
	height:			auto;
	min-height: 50px;
	max-height:1000px;
	margin-top:0px;
	}
#spawns:hover {
	width:			700px;
	}

#zoomer {
	z-index:10000;
	display:block;
	height:365px;
	position:absolute;
	width:35px;
	left:-70px;
	top:51px;
	margin:0;
	padding:0;
	overflow:visible;
	-moz-transition: left 0.25s ease 0.33s;
	-webkit-transition: left 0.25s ease 0.33s;
	-o-transition: left 0.25s ease 0.33s;
	-ms-transition: left 0.25s ease 0.33s;
	-khtml-transition: left 0.25s ease 0.33s;
	transition: left 0.25s ease 0.33s;
}
#zoomer[active=true] { left:-12px; }

#zoomer .scrollbar {position:absolute;top:30px;bottom:90px;left:19px;}
#zoomnubBounds {position:absolute;top:30px;bottom:90px;left:0;right:-10px;cursor:pointer}
#zoomnub {
	bottom:0%;
	top:auto;
	left:19px; 
 	-moz-transition: bottom 0.25s;
	-webkit-transition: bottom 0.25s;
	-o-transition: bottom 0.25s;
	-ms-transition: bottom 0.25s;
	-khtml-transition: bottom 0.25s;
	transition: bottom 0.25s;
  }

#zoomer .button, #mute .button {border-radius:4px; left:10px; min-width:16px;width:16px;padding:1px 4px 3px;position:absolute;}
#zoomer #zoomin.button {top:2px;bottom:auto}
#zoomer #zoomout.button {top:auto;bottom:60px}
#zoomer #gridToggle.button {top:auto;bottom:27px}
#zoomer #darkToggle.button {top:auto;bottom:1px}

/* dialog > login, register, recover, logged in, create level */

#message {
	position:		absolute;
	top:			-25%;
	left:			50%;
	-moz-transform:		scale(0.1);
	transform:		scale(0.1);
	-moz-transition:	all 0.5s ease;
	-ms-transition:		all 0.5s ease;
	-o-transition:		all 0.5s ease;
	-webkit-transition:	all 0.5s ease;
	-khtml-transition:	all 0.5s ease;
	transition:		all 0.5s ease;
	z-index:		25000;
	}
#message>DIV {
	margin-top:		-50%;
	margin-left:		-266px;
	}

#logo {	position:		absolute;
	top:			-50%;
	left:			50%;
	margin-left:		-210px;
	margin-top:		-76px;
	-moz-transition:	all 0.5s ease;
	-ms-transition:		all 0.5s ease;
	-o-transition:		all 0.5s ease;
	-webkit-transition:	all 0.5s ease;
	-khtml-transition:	all 0.5s ease;
	transition:		all 0.5s ease;
	}

#logo[visible] {top:35%;}

#version {position:absolute;bottom:-15px;right:80px}

#dialog {
	height:			1px !important;
	overflow:		visible;
	position:		absolute;
	left:			-500px;
	bottom:			15px;
	-moz-transition:	all 0.5s ease;
	-ms-transition:		all 0.5s ease;
	-o-transition:		all 0.5s ease;
	-webkit-transition:	all 0.5s ease;
	-khtml-transition:	all 0.5s ease;
	transition:		all 0.5s ease;
	}

#dialog .frame {
	position:absolute;
	bottom:0;
	right:auto;
	left:15px;
	width: 420px;
	height:auto;
	padding-bottom:55px;
	margin:0;
	overflow: visible;
	}

.valid {width:32px;text-align:center}

#dialog .frame.create {}

#dialog .frame.loggedin {
		bottom:-27px;
		left:-10px;
		width:285px;
		height:0px;
		overflow:visible;
		padding-bottom:40px;
		-moz-transition: all 0.2s;
		-webkit-transition: all  0.2s; 
		-o-transition: all  0.2s;
		-ms-transition: all  0.2s;
		-khtml-transition: all  0.2s;
		transition: all  0.2s;
}

#dialog .frame.loggedin:hover {
		height:auto;
		padding-bottom:60px;
}

#dialog .login TABLE {
	width:75%;
	margin:20px auto 5px;
	}

#dialog .recover TABLE {
	width:75%;
	margin:15px auto 0; 
	}

#dialog .changepass TABLE {
	width:90%;
	margin:20px auto 0; 
	}
	
#dialog .register TABLE {
	width:100%;
	margin:20px auto 0;
	}

#dialog .loggedin TABLE {
	width:100%;
	margin:5px auto 0;
	}

#dialog .create TABLE {
	width:80%;
	margin:30px auto 0; 
	}
#dialog .create TABLE + TABLE {
	width:80%;
	margin:10px auto 0; 
	}
#dialog .create TABLE + TABLE th {
	text-align:right;
	padding-left:15px;
	}

#dialog TABLE tbody td {
	padding: 4px;
	}

#dialog div.buttons {
		left:10px;
		right:10px;
		position:absolute;
		bottom:10px;
		margin:0;
	}


#dialog .frame.loggedin .buttons {

		bottom:9px;
		-moz-transition: all 0.2s;
		-webkit-transition: all  0.2s; 
		-o-transition: all  0.2s;
		-ms-transition: all  0.2s;
		-khtml-transition: all  0.2s;
		transition: all  0.2s;
}

#dialog .frame.loggedin .buttons .noButton,  #dialog .frame.loggedin table{
		opacity:0;
		-moz-transition: all 0.2s;
		-webkit-transition: all  0.2s; 
		-o-transition: all  0.2s;
		-ms-transition: all  0.2s;
		-khtml-transition: all  0.2s;
		transition: all  0.2s;
}

#dialog .frame.loggedin:hover .buttons {
		left:10px;
		right:10px;
		bottom:17px;
	}
#dialog .frame.loggedin:hover .buttons .noButton, #dialog .frame.loggedin:hover table {
		opacity:1;
}

#autologin {
		text-decoration:none;
		margin:0 -5px 0 0;
		display:block;
		line-height:25px;
}
#autologin .checkbutton {
		margin-left:10px;
}

#dialog .loggedin table {margin-bottom:8px;}
#dialog .loggedin tbody tr:first-child * {padding-top:8px;}

#dialog .buttons a.noButton {	
		padding:4px 0 0;
		margin-bottom:0;
	}

#dialog p {
		margin:15px 10px 0;
}

#sumessage {
	position:absolute;
	top:14px;
	right:14px;
	width:100%;
	text-align:right;
}


/* popup message */

.msg {	
	background:	rgba(32,0,0,0.8);
	border:			0px solid #000;
	padding:		16px;
	overflow: visible;
	width: 500px;
	}
.msg h2 {
	background-color:	rgba(128,0,0,0.6) !important;
	color:			#f00 !important;
	box-shadow: 0px 0px 12px rgba(255, 0, 0, 0.15) !important;
	text-shadow: 0px 0px 8px rgba(255, 0, 0, 0.15) !important;
	}
.msg DIV {
	padding:		8px;
	color: #c00
	}
.msg DIV em {
	color: #f00;
}

/* mute */

#mute {
	position:absolute;
	top:-12px;
	left:-13px;
	padding:10px 0 0 8px;
	width:30px;
	height:25px;
	z-index:50000;
	overflow:visible;
}

#audioToggle, #audioToggle[audio="true"] {display:block;width:18px!important;height:20px;background-position:top left;background-repeat:no-repeat;}
#audioToggle[audio="false"] {background-position:bottom left;}
#audioToggle:hover {background-position:top right;}
#audioToggle[audio="false"]:hover {background-position:bottom right;}


/* your levels, your campaigns, edit campaign form, hiscores*/

#maplist { box-shadow:		0px 0px 10px #fa0000 !important;
	-moz-transition:	opacity 0.5s ease;
	-ms-transition:		opacity 0.5s ease;
	-o-transition:		opacity 0.5s ease;
	-webkit-transition:	opacity 0.5s ease;
	-khtml-transition:	opacity 0.5s ease;
	transition:		opacity 0.5s ease;
	display:		none;
	}

#maplist .frame {
	position:absolute;
	top:15px;
	right:15px;
	left: 315px;
	bottom:15px;
	margin:0;
	min-width:665px;
	overflow: visible;
	}

#maplist h3 {
	margin:4px 0 0 0;
	padding:5px 10px 7px;
}

#maplist p {
	margin-left:15px
}

#maplist div.buttons {
		float:left;
		position:absolute;
		width:auto;
		right:15px;
		top:15px;
		margin:0;
}

#maplist div.controls {
		float:left;
		position:absolute;
		left:215px;
		width:auto;
		top:19px;
		margin:0;
}	
#maplist div.controls.campaigns {
		left:275px;
}	
#maplist div.controls.editcampaign {
		left:248px;
}	
#maplist div.controls.publishedcampaign {
		left:420px;
}	
#maplist div.controls.hiscores {
		left:165px;
}	

#maplist div.controls label, #maplist div.controls select, #maplist div.controls a{
	float: left;
}	
#maplist div.controls label {
padding:2px 4px 2px 10px;	
}
#maplist div.controls .button {
    border-radius: 4px 4px 4px 4px;
	width: 16px;
	min-width: 16px;
    padding: 1px 4px 3px;
	margin:1px 0 0;
}

#maplist div.controls select, #maplist div.controls select option {
		line-height:20px;
		padding:0 0 0 4px;
}
#maplist div.controls select {width:85px;margin-top:-2px; background:#000;background:rgba(0,0,0,0.35)}

#maplist span.name { 
		display:block;float:left;height:44px;padding:0 0 0 15px;line-height:44px;white-space:nowrap;
	}
#maplist[size="small"] span.name {
		height:24px; line-height:24px; font-size:14px; padding-left:10px;
	}

#maplist .intro {width:600px;margin:20px 30px;}
#maplist .intro  h3 {margin:30px 0 20px;}
#maplist .intro .button {margin:30px 10px 0 0;}

#maplist[size="small"] .frame .frame h3 {font-size:14px;padding:4px 10px}

#maplist table div.buttons {
		position:relative;
		top:auto;left:auto;right:auto;
		float:right;
		opacity:0;
		height:44px;padding:0;
		width:auto;
		-moz-transition: opacity 0.25s;
		-webkit-transition: opacity 0.25s;
		-o-transition: opacity 0.25s;
		-ms-transition: opacity 0.25s;
		-khtml-transition: opacity 0.25s;
		transition: opacity 0.25s;
	}
#maplist[size="small"] table div.buttons {
		height:24px;
	}
#maplist[size="small"] table div.buttons .button, #maplist[size="small"] table div.buttons .dudbutton {
		margin-top:2px; padding:1px 15px 3px; border-radius: 8px; 
	}
	
#maplist table#mylevels div.buttons	{margin-right:10px;}
	
#maplist table TR, #maplist table TR DIV.buttons {
		-moz-transition: opacity 0.25s;
		-webkit-transition: opacity 0.25s;
		-o-transition: opacity 0.25s;
		-ms-transition: opacity 0.25s;
		-khtml-transition: opacity 0.25s;
		transition: opacity 0.25s;
		}
#maplist table TR:hover div.buttons {
		opacity:1;
	}	
#maplist table .buttons .button,  #maplist table .buttons .dudbutton {
	float:right;margin:9px 0 9px 15px
	}

#maplist table {	border-style: hidden; border-collapse: collapse; }
#maplist tr { cursor:pointer;} 
#maplist th { border:4px solid transparent; border-width:0 0 4px; background-clip:padding-box;} 
#maplist td {padding:0; background-clip:padding-box;
	-moz-transition: background 0.25s ease-out, color 0.25s ease-out;
	-webkit-transition: background 0.25s ease-out, color 0.25s ease-out;
	-o-transition-property: background, color;
	-o-transition-duration: 0.25s, 0.25s;
	-o-transition-timing-function: ease-out, ease-out;
	-ms-transition: background 0.25s ease-out, color 0.25s ease-out;
	-khtml-transition: background 0.25s ease-out, color 0.25s ease-out;
	transition: background 0.25s ease-out, color 0.25s ease-out;
	}
	
#maplist table thead th:first-child  { padding-left:10px !important;}
#maplist[size="small"]  table thead th  { padding:4px 8px 2px;font-size:10px;}
#maplist TR .info {display:none;}
#maplist TR.deleted * {
	color:#a01010!important;
	-moz-transition: opacity 0.25s linear, height 0.25s linear 0.25s;
	}

 DIV.thumb {
	height:			40px;
	overflow:		hidden;
	width:			40px;
	float:left;
	margin:2px;
	padding:0;
	}	
#maplist[size="small"] DIV.thumb {
		height:20px; width:20px;
	}
#maplist DIV.thumb img {margin:0}


/* campaign and level preview */

#maplist #preview.frame {
	position:absolute;
	top:-10px;
	left:-274px;
	bottom:auto;
	right:auto;
	min-width:216px;
	width:216px;
	height:0px;
	opacity:0.0;
	display:block;
	overflow:hidden;
	padding:10px;
	-moz-transition: all 0.25s;
	-webkit-transition: all 0.25s;
	-o-transition: all 0.25s;
	-ms-transition: all 0.25s;
	-khtml-transition: all 0.25s;
	transition: all 0.25s;
	}	

 #maplist .frame:hover #preview {
	display:block;
	height:490px;
	opacity:1.0;
}
 #maplist .frame #preview:hover { opacity:0}

#maplist #preview .previewPic {
	height:216px;
	width:216px;
	background:#000 bottom right ;
	background-color:rgba(0,0,0,0.5);
	background-image:url('../ei/grid-small.png') ;
	margin:0 0 15px
}

#maplist #preview .previewPic.large { background-image:url('../ei/grid-large.png'); }
#maplist #preview .previewPic.medium { background-image:url('../ei/grid-medium.png'); }

#maplist #preview .previewPic.large.wide img { width:100%}
#maplist #preview .previewPic.medium.wide img { width:90%}
#maplist #preview .previewPic.small.wide img { width:80%}

#maplist #preview .previewPic.large.tall img { height:100%}
#maplist #preview .previewPic.medium.tall img { height:90%}
#maplist #preview .previewPic.small.tall img { height:80%}

#maplist #preview .previewPic.large.square img { height:82%}
#maplist #preview .previewPic.medium.square img { height:73%}
#maplist #preview .previewPic.small.square img { height:64%}


#maplist #preview table {width:100%;margin:0 0 15px;}
#maplist #preview table tr { height:auto; }
#maplist #preview table th { border:none; width:50%;}
#preview.level table.stats tbody tr:first-child th, #preview.level table.stats tbody tr:first-child td  {padding-top:12px!important; padding-bottom:4px!important;}
#maplist #preview.level table.stats td {padding-left:8px !important; background:none;}

#maplist #preview.campaign table td, #maplist #preview.level table.description td {padding:12px 0 12px 8px !important;background:none;}


/* edit campign form and new campaign form */

table.campaign {width:100%;}
#editcampaignform  table.campaign td, #newcampaignform  table.campaign td {vertical-align:top;padding:4px 8px;}
#editcampaignform  table.campaign td + td, #newcampaignform  table.campaign td + td {padding-right:13px;}
#editcampaignform  table.levels td {padding:4px 8px;}

table.campaign col.title, #editcampaignform  table.campaign td.title {width:300px}
table.campaign col.description {width:auto}

#editcampaignform  col.index, #editcampaignform  td.index {width:20px;text-align:right;}
#editcampaignform  col.thumb, #editcampaignform  td.thumb {width:48px;min-width:48px;text-align:right;}
#editcampaignform  col.level {width:250px;}
#editcampaignform  col.debriefing, #editcampaignform  td.debriefing{width:500px;}
#maplist[size="small"] #editcampaignform  td.debriefing {padding:2px;}

#editcampaignform table.addlevel { margin-top:6px;}

#editcampaignform input, #editcampaignform select, #editcampaignform textarea, #newcampaignform input, #newcampaignform textarea {
	margin:1px 0;
	}

#editcampaignform input, #newcampaignform input, #editcampaignform select {
	min-width:100px;
	}

#editcampaignform textarea, #newcampaignform textarea  {
	min-height:64px;
	overflow:hidden;
	max-width:600px;
	}
#newcampaignform textarea  {
	min-height:128px;
}
#editcampaignform .levels textarea {
	min-height:48px;
	min-width:150px;
	max-width:500px;
	float:left;
	}

#maplist[size="small"] #editcampaignform textarea {
	min-height:32px;
	height:32px;
	padding-top:3px;
	padding-bottom:3px
	}
	
#editcampaignform .campaign input, #newcampaignform .campaign input {
	width:329px;
	height:26px;
}

#editcampaignform table div.buttons, #maplist[size="small"] #editcampaignform table div.buttons {margin:0 0 0 15px;height:auto;float:left;width:180px}
#editcampaignform .buttons .red {margin:-15px 0 0 !important;}
#maplist[size="small"] #editcampaignform .buttons .red {margin:2px 0 0 !important;}


#editcampaignform table .buttons .button, #maplist table .buttons .dudbutton {
    float: left;
    margin: 0 10px 0 0;
}
#editcampaignform table .buttons .button:first-child, #maplist table .buttons .dudbutton:first-child { margin-bottom:6px; }

#maplist[size="small"] #editcampaignform table div.buttons {width:265px;}
#maplist[size="small"] #editcampaignform table div.buttons .button, #maplist[size="small"] #editcampaignform table div.buttons .dudbutton {clear:none;}

#editcampaignform DIV.thumb {
	height:			48px;
	width:			48px;
	margin:0;
	}
#maplist[size="small"] #editcampaignform DIV.thumb {
	height:			32px;
	width:			32px;
	}
#editcampaignform table  td {background:none; cursor:default;}

#editcampaignform  p .button {margin:0 5px;}


/* hiscores */

#hiscoresInfo {float:left;padding:13px 13px 20px;}

#hiscoresInfo p {float:left;margin:0;}
#hiscoresInfo p, #hiscoresInfo p em {font-size:28px;line-height:28px;}
#hiscoresInfo li, #hiscoresInfo li em {font-size:18px;line-height:18px}

#hiscoresInfo ul, #hiscoresInfo li  {display:block;float:left;margin:0;padding:0;list-style:none;}
#hiscoresInfo li {margin:7px 0 0 15px;}

#maplist .hiscores {clear:left;}

#maplist .hiscores td {cursor:default;padding:4px 8px 6px}
#maplist .hiscores td.score, #maplist .hiscores td.player {font-size:18px;line-height:18px;}
#maplist .hiscores td, #maplist .hiscores th{text-align:right;}

#maplist .hiscores td.rank {min-width:20px;}
#maplist .hiscores .player {text-align:left}
#maplist .hiscores td.score {min-width:80px;}
#maplist .hiscores td.date {min-width:95px;}

tr#r_1 td.rank {font-size:33px;line-height:33px;}
tr#r_2 td.rank {font-size:28px;line-height:28px;}
tr#r_3 td.rank {font-size:24px;line-height:24px;}
tr#r_4 td.rank {font-size:21px;line-height:21px;}
tr#r_5 td.rank {font-size:18px;line-height:18px;}

#maplist tr#r_1 td.player {font-size:48px;line-height:48px;padding-bottom:11px;padding-top:2px}
#maplist tr#r_2 td.player {font-size:40px;line-height:40px;padding-bottom:10px;padding-top:3px}
#maplist tr#r_3 td.player {font-size:33px;line-height:33px;padding-bottom:9px}
#maplist tr#r_4 td.player {font-size:27px;line-height:27px;padding-bottom:8px}
#maplist tr#r_5 td.player {font-size:22px;line-height:22px;padding-bottom:7px}



.note {
	width:100%;
	margin:30px 0 0;
}
.note  p {
	margin:0 10px 10px;
}

/* map details */

#bio TH, #bio TD {
	background:none;
	padding:0 5px;
	}

#bio TH + TD + TH {
	padding-left:10px;
	}

#bio table{
	width:100%;
	margin:15px 0;
	}

#bio  textarea {
	overflow:hidden; height:48px;width:425px;
	}

#bio table.description TH {
	padding-bottom:5px;
	}

#bio input {
	max-width:	130px;
	}
input#mapname {
	max-width:	320px;
	}

/* tile picker */

.tileSwatch {
	float:left;
	padding: 0 2px 0 2px;
	margin:0;
	position:relative;
	height:			40px;
	width:			40px;
	cursor:pointer;
	}

.gidrah .tileSwatch {padding: 0;margin:0;position:absolute;bottom:5px;left:28px;opacity:0.8}
.gidrahPicker .tileSwatch[tile$="boss"], .gidrahPicker .tileSwatch[tile="spawnpoint.titan.03"] {left:23px;}

.gidrah:hover .tileSwatch {opacity:1}

.tileSwatch[tile="crystal.small"]{margin-left:12px;}
.tileSwatch[tile="crystal.large"]{margin-right:12px;}
.tileSwatch[mode="ruin"] + .tileSwatch[mode="spawnpoint"]{margin-left:12px;}

.tileSwatch .hitbox {
	position:	absolute;
	top:-14px;
	left:0;
	right:0;
	margin:0;
	height: 200px;
	width: 40px;
	z-index:3000;
	background:rgba(0,0,0,0); /* < IE BUG FIX */
	/* border:1px dotted white;
	border-width:1px 0 0; */
	}
.tileSwatch[hover="on"] .hitbox {width:64px;top:-38px;z-index:4000;left:-12px;}
.tileSwatch[mode="spawnpoint"][hover="on"] .hitbox {top:-50px}

.tileSwatch[tile$="boss"] .hitbox, .tileSwatch[tile="spawnpoint.mars.03"] .hitbox, .tileSwatch[tile="spawnpoint.saturn.03"] .hitbox,
	.tileSwatch[tile="spawnpoint.titan.01"] .hitbox, .tileSwatch[tile="spawnpoint.titan.02"] .hitbox, .tileSwatch[tile="spawnpoint.titan.03"] .hitbox,
	.tileSwatch[tile="spawnpoint.mars.04"] .hitbox, .tileSwatch[tile="spawnpoint.saturn.05"] .hitbox, .tileSwatch[tile="spawnpoint.titan.05"] .hitbox	{
		top:-30px}
.tileSwatch[tile$="boss"][hover="on"] .hitbox, .tileSwatch[tile="spawnpoint.mars.03"][hover="on"] .hitbox, .tileSwatch[tile="spawnpoint.saturn.03"][hover="on"]  .hitbox,
	.tileSwatch[tile="spawnpoint.titan.01"][hover="on"] .hitbox, .tileSwatch[tile="spawnpoint.titan.02"][hover="on"] .hitbox, .tileSwatch[tile="spawnpoint.titan.03"][hover="on"] .hitbox,
	.tileSwatch[tile="spawnpoint.mars.04"][hover="on"] .hitbox, .tileSwatch[tile="spawnpoint.saturn.05"][hover="on"] .hitbox, .tileSwatch[tile="spawnpoint.titan.05"][hover="on"] .hitbox {
		top:-65px}

.tileSwatch[tile="spawnpoint.saturn.04"] .hitbox, .tileSwatch[tile="spawnpoint.titan.03"] .hitbox {
		top:-35px}
.tileSwatch[tile="spawnpoint.saturn.04"][hover="on"] .hitbox, .tileSwatch[tile="spawnpoint.titan.03"][hover="on"] .hitbox {
		top:-80px}

.tileSwatch[tile="spawnpoint.titan.04"] .hitbox,	.tileSwatch[tile="spawnpoint.moon.boss"] .hitbox,
	.tileSwatch[tile="spawnpoint.mars.boss"] .hitbox {
		top:-50px}
.tileSwatch[tile="spawnpoint.titan.04"][hover="on"] .hitbox,	.tileSwatch[tile="spawnpoint.moon.boss"][hover="on"] .hitbox,
	.tileSwatch[tile="spawnpoint.mars.boss"][hover="on"] .hitbox {
		top:-100px}

.tileBack {
	position:	absolute;
	top:0;
	left:0;
	height:			30px;
	width:			40px;
	border:			0px solid transparent;
	border-radius:		3px;
	background: #000;
	background: rgba(0,0,0,0.25);
	z-index:1000;
	-moz-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-khtml-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	}

.tileSwatch[tile$="boss"], .tileSwatch[tile$="boss"] .hitbox, .tileSwatch[tile$="boss"] .tileBack,
.tileSwatch[tile="spawnpoint.titan.03"], .tileSwatch[tile="spawnpoint.titan.03"] .hitbox, .tileSwatch[tile="spawnpoint.titan.03"] .tileBack {
	width:50px;}
.tileSwatch[tile="spawnpoint.titan.boss"] .hitbox, .tileSwatch[tile="spawnpoint.titan.boss"] .tileBack {
	width:60px;}


.tileSwatch .tileBack span {position:absolute;bottom:-10px;left:-10px;right:-10px;font-size:12px;text-align:center;overflow:visible;height:0px;opacity:0;}
.tileSwatch[hover="on"] .tileBack span {bottom:-6px;font-size:12px;opacity:1;}

.tileSwatch[hover="on"] .tileBack {
	top:-15px;
	left:-12px;
	z-index:2000; 
	width:64px;height:48px;
	}

#tiles .tileSwatch[hover="on"] .tileBack {
	top:-35px;
	}

.tileSwatch[hover="on"][tile$="boss"] .hitbox, .tileSwatch[hover="on"][tile$="boss"] .tileBack,
.tileSwatch[hover="on"][tile="spawnpoint.titan.03"] .hitbox, .tileSwatch[hover="on"][tile="spawnpoint.titan.03"] .tileBack {
	width:80px;}
.tileSwatch[hover="on"][tile="spawnpoint.titan.boss"] .hitbox, .tileSwatch[hover="on"][tile="spawnpoint.titan.boss"] .tileBack {
	width:96px;}
	
.tileIcon {
	position:absolute;
	bottom:-14px;
	left:-12px;
	z-index:1001;
	-moz-transform: 		scale(0.625);
	-ms-transform: 		scale(0.625);
	-o-transform: 			scale(0.625);
	-webkit-transform: 	scale(0.625);
	-khtml-transform: 	scale(0.625);
	transform: 				scale(0.625);
	
	-moz-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-khtml-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	}

.gidrahPicker .tileIcon {margin:-15px -20px 0;padding:15px 20px 0}

.saturn .tileSwatch[tile="ruin.2x2"] .tileIcon { bottom:-22px; }
.saturn .tileSwatch[tile="ruin.4x2"] .tileIcon { left:-15px; }

.tileSwatch[tile$="boss"] .tileIcon { bottom:-25px; left:-30px;}
.tileSwatch[tile="spawnpoint.earth.boss"] .tileIcon {	bottom:-18px;	left:-15px;}
.tileSwatch[tile="spawnpoint.saturn.boss"] .tileIcon {	bottom:-27px;	left:-33px;}
.tileSwatch[tile="spawnpoint.titan.boss"] .tileIcon {	bottom:-41px;	left:-33px;}

.tileSwatch[tile="spawnpoint.mars.03"]   .tileIcon, .tileSwatch[tile="spawnpoint.saturn.03"]  .tileIcon,
	.tileSwatch[tile="spawnpoint.titan.01"]  .tileIcon, .tileSwatch[tile="spawnpoint.titan.02"]  .tileIcon
	{ bottom:-18px;}

.tileSwatch[tile="spawnpoint.saturn.03"] .tileIcon, .tileSwatch[tile="spawnpoint.saturn.04"] .tileIcon { left:-22px}
.tileSwatch[tile="spawnpoint.titan.03"] .tileIcon { left:-20px}
.tileSwatch[tile="spawnpoint.saturn.04"] .tileIcon, .tileSwatch[tile="spawnpoint.titan.03"] .tileIcon { bottom:-22px;}
.tileSwatch[tile="spawnpoint.titan.04"] .tileIcon { bottom:-28px;}

.tileSwatch[tile="spawnpoint.mars.04"] .tileIcon, .tileSwatch[tile="spawnpoint.saturn.05"] .tileIcon,.tileSwatch[tile="spawnpoint.titan.05"] .tileIcon { 
	bottom:-20px;left:-36px }

.tileSwatch[hover="on"]  .tileIcon {
	z-index:2001;
	bottom:-2px;
	left:0;
	-moz-transform: 		scale(1.0);
	-ms-transform: 		scale(1.0);
	-o-transform: 			scale(1.0);
	-webkit-transform: 	scale(1.0);
	-khtml-transform: 	scale(1.0);
	transform: 				scale(1.0);
	}

.tileSwatch[tile="spawnpoint.saturn.03"][hover="on"]  .tileIcon, .tileSwatch[tile="spawnpoint.saturn.04"][hover="on"]  .tileIcon{ left:-11px}
.tileSwatch[tile="spawnpoint.titan.03"][hover="on"]   .tileIcon {left:-4px}
.tileSwatch[tile="spawnpoint.mars.04"][hover="on"] .tileIcon, .tileSwatch[tile="spawnpoint.saturn.05"][hover="on"] .tileIcon,
	.tileSwatch[tile="spawnpoint.titan.05"][hover="on"] .tileIcon { 
		left:-25px }

.saturn .tileSwatch[tile="ruin.2x2"][hover="on"] .tileIcon { bottom:0px; }
.saturn .tileSwatch[tile="ruin.4x2"][hover="on"] .tileIcon { left:0px; }

.tileSwatch[tile$="boss"][hover="on"] .tileIcon { left:-15px}
.tileSwatch[tile="spawnpoint.earth.boss"][hover="on"] .tileIcon { left:0}
.tileSwatch[tile="spawnpoint.saturn.boss"][hover="on"] .tileIcon { left:-18px}
.tileSwatch[tile="spawnpoint.titan.boss"][hover="on"] .tileIcon { left:-10px}

.tileSwatch[mode="road"]  .tileIcon {bottom:1px}
.tileSwatch[mode="road"][hover="on"]  .tileIcon {bottom:10px}


.tileSwatch .tiletip {
	padding: 8px 10px 20px;
	position:	absolute;
	margin:0 0 0 -32px;
	left:0;
	height:auto;
	display:block;
	bottom:-200px;
	width:270px;
	z-index: -1000;
	opacity:0;
	overflow:visible;
	-moz-transform:scale(0.001);
	-webkit-transform: scale(0.001);
	-o-transform: scale(0.001);
	transform: scale(0.001);
	
	-moz-transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	-ms-transition: all 0.2s ease-out 0s;
	-khtml-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
	}

.tileSwatch[showtip="on"] .tiletip {
	opacity:1;
	bottom:82px;	
	
	-moz-transform:scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	
	-moz-transition: all 0.25s ease 0s;
	-webkit-transition: all 0.25s ease 0s;
	-o-transition: all 0.25s ease 0s;
	-ms-transition: all 0.25s ease 0s;
	-khtml-transition: all 0.25s ease 0s;
	transition: all 0.25s ease 0s;
}

#tiles .tileSwatch[mode="empty"] .tiletip {margin-left:-5px;}
#tiles .tileSwatch[mode="ruin"] .tiletip, #tiles .tileSwatch[mode="spawnpoint"] .tiletip {margin-left:-240px;}

.tiletip h3 {	margin:0 0 10px; }
.tiletip .gidrah h3 { margin:15px 0 10px; }
.tiletip p { margin:0 0 6px; }
.tiletip .gidStats { margin-top:3px; }

.tiletip img.tilePic {
	float:left;
	background:none !important;
	margin:-8px 0 0 0;
}

.tiletip span.tilesize {	
	font-size:16px;
	line-height:20px;
	float:right;
	margin:0 0 0 4px;
}
.tiletip img.tilesize {	
	float:right;
	margin:2px 0 8px 10px;
}

#tilepaint {
	height:			64px;
	width:			64px;
	}
#menu {
	display:		block;
	left:			-999px;
	position:		absolute;
	top:			-999px;
	}
#menu h2 {
	margin-bottom:3px;
	}
TABLE.selector TD {
	border:			1px dotted #2a5d4d;
	margin:			0px;
	padding:		2px;
	padding-left:		10px;
	padding-right:		10px;
	}
TABLE.selector TD.preview, DIV.gameicon {
	background-color:	#a4a328!important;
	text-align:		center;
	vertical-align:		middle;
	}

/* gidrah and research select */

#popup {
	display:		none;
	height:			auto;
	position:		absolute;
	width:			auto;
	z-index:		20000;
	top:50%; left:50%;
	overflow:visible;
	}

#popup .description {
		margin: 0 0 0 10px;
}


/* gidrah select and gid info on tiles */

#popup.gidrahPicker {top:60px;right:auto;left:175px;margin:0;}

#popup .gidrahs {
	margin:10px 0 0;
}

#popup .gidrah { 
	width:750px;
	height:52px;
	border:0px solid none;
	padding:8px 0px 10px 12px;
	margin:0px;
	float:left;
	clear:none;
	cursor:pointer;
	clear:left;
	position:relative;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-khtml-transition: all 0.2s;
	transition: all 0.2s;
}	

#popup[viewMode="true"] .gidrah {cursor:default}

#popup .gidrah.boss {
	height:68px;
}

#popup .gidrah h3, #popup .gidrah p {margin:0 0 1px 100px;position:relative;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-khtml-transition: all 0.2s;
	transition: all 0.2s;
	}

.gidStats {
	display:block;
	margin:0 10px 0 0;
	float:left;
	position:relative;
	}

#popup .gidStats.hitpoints {margin-left:100px}

.gidStats.speed {
	margin-right:0;
}

.gidStats img {
	float:left;
	margin:0 3px 0 -2px;
	opacity:0.5;
}

.gidStats .tooltip {
	bottom:-24px;
	left:-2px;
}	

#popup .gidrahs .hitbox {position:absolute;top:0;left:0;right:0;bottom:0;z-index:3000;background:rgba(0,0,0,0);} /* < IE BUG FIX */

/* research select */

#popup.researchPicker { width:950px; }
#popup.researchPicker  A.button.close { }

#popup.researchPicker.viewMode { width:680px; }
#popup.researchPicker.viewMode .researchmenu { display:none; }


DIV.research {
	cursor:			pointer;
	float:			left;
	position: 		relative;
	width:			64px;
	height:			64px;
	padding: 		0 2px 2px 0;
	}
#popup.viewMode DIV.research { cursor:default}

DIV.researchQuantities {
	background-color:	#000;
	clear:			both;
	display:		block;
	float:			left;
	height:			auto;
	margin-top:		10px;
	padding-top:		6px;
	width:			100%;
	}
DIV.researchQuantities DIV.item {
	display:		block;
	float:			left;
	height:			14px;
	margin:			10px;
	margin-top:		0px;
	margin-right:		30px;
	opacity:		1;
	padding:		2px;
	-moz-transition: opacity 0.25s;
	-webkit-transition: opacity 0.25s;
	-o-transition: opacity 0.25s;
	-ms-transition: opacity 0.25s;
	-khtml-transition: opacity 0.25s;
	transition: opacity 0.25s;
	}
DIV.researchQuantities DIV.item SPAN {
	background-color:	#017650!important;
	border-radius:		4px;
	color:			black;
	display:		inline-block;
	padding-left:		1em;
	padding-right:		1em;
	margin-right:		0.5em;
	}
	
DIV.research.tech, DIV.research.tech .sp { width: 48px; height: 48px;}	
	
DIV.research .sp {
	float:left;
	overflow:hidden;
	padding:0;
	width:64px;
	height:64px;
	position:relative;
	}	
	
DIV.research IMG {
	position:relative;
	top:-64px;
	-moz-transition: background 0.25s;
	-webkit-transition: background 0.25s;
	-o-transition: background 0.25s;
	-ms-transition: background 0.25s;
	-khtml-transition: background 0.25s;
	transition: background 0.25s;
	}
	
DIV.research.tech IMG	{top:-48px;}
	
#r_extraction, #r_shielding , #r_droidbuff, #r_optics {margin-right:10px;}	
#r_advancedexplosives {clear:left;}	
	
DIV.research[on="on"] IMG {
	top:0;
	}
DIV.research:hover IMG {
	top:0;
	}
DIV.researchmenu {
	margin:10px 0 0;
	float: left;
	width: 250px;
	background:#000;
	padding:6px 0;
	}
DIV.researchitems {
	margin:10px 0 0;
	float:			right;
	width:			665px;
	background:#000;
	padding:10px 5px 10px 10px;
	}	

DIV.researchitems DIV.researchItemCat	{
	float:left;
	width:100%;
	font-size:8px;
	line-height:14px;
}

DIV.researchmenu DIV.researchSetItem {
	margin:0 8px;
	padding: 5px 8px 0;
	height: 21px;
	position: relative;
	border-radius: 4px;
	-moz-transition: background 0.2s;
	-webkit-transition: background 0.2s;
	-o-transition: background 0.2s;
	-ms-transition: background 0.2s;
	-khtml-transition: background 0.2s;
	transition: background 0.2s;
	}
	
DIV.researchmenu DIV.researchSetItem A, DIV.researchQuantities DIV.item A {
	border-radius:		4px;
	border:			0px solid transparent;
	margin:		0;
	padding:		0px;
	float:			right;
	width:20px;
	max-width:		20px;
	min-width:		20px;	
	height:16px;
	line-height:16px;
	margin-left:	4px;
	opacity:0.3;
	-moz-transition: opacity 0.2s;
	-webkit-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
	-khtml-transition: opacity 0.2s;
	transition: opacity 0.2s;
	}
DIV.researchQuantities DIV.item A {
	display:		inline-block;
	float:			none;
	}
DIV.researchmenu DIV.researchSetItem:hover A, DIV.researchQuantities DIV.item A:hover {
	opacity:1;
	}

.researchInfo {
	position:absolute;
	padding:0;
	top:32px;
	left:3px;
	z-index:30000;
	opacity:0;
	height:0;
	overflow:hidden;
	-moz-transition: all 0.2s linear 0.5s;
	-webkit-transition: all 0.2s linear 0.5s;
	-o-transition: all 0.2s linear 0.5s;
	-ms-transition: all 0.2s linear 0.5s;
	-khtml-transition: all 0.2s linear 0.5s;
	transition: all 0.2s linear 0.5s;
	}
	
.researchInfo p {
	background: #000;
	background: rgba(0,0,0,0.9);
	padding:10px 15px ;
	margin:0;
	display:none;
	}

.researchitems .researchInfo {	
	left:4px;
	top:72px;
	width:330px;
	}

.researchSetItem .researchInfo {	
	width:226px;
	}

.researchitems .tech .researchInfo { 
	top:55px; 
	width:240px; 
	left:4px!important;
	}

.researchInfo em {
	display:block;
	float:left;
	width:100%;
	margin:0 0 5px;
	}

.researchInfo.col6, .researchInfo.col7, .researchInfo.col8, .researchInfo.col9, .researchInfo.col10 { left:-270px;}	
	
.research:hover .researchInfo, .researchSetItem:hover .researchInfo {
	opacity:1;overflow:visible;
	}
.research:hover .researchInfo p, .researchSetItem:hover .researchInfo p {display:block;}

.research .researchInfo:hover, .researchSetItem .researchInfo:hover {
	opacity:0;overflow:hidden;
	-moz-transition: all 0s;
	-webkit-transition: all 0s;
	-o-transition: all 0s;
	-ms-transition: all 0s;
	-khtml-transition: all 0s;
	transition: all 0s;
	}


INPUT, SELECT, textarea, .checkbutton {
	border: none !important;
	color:			#000;
	border-radius:		4px;
	width:			100%;
	padding: 0 0 0 5px;
	margin:1px 0;
	height:25px;
	-moz-transition: background-color 0.2s, box-shadow 0.2s, color 0.2s;
	-webkit-transition: background-color 0.2s, box-shadow 0.2s, color 0.2s;
	-o-transition-property: background-color, box-shadow, color;
	-o-transition-duration: 0.2s, 0.2s, 0.2s;
	-ms-transition: background-color 0.2s, box-shadow 0.2s, color 0.2s;
	-khtml-transition: background-color 0.2s, box-shadow 0.2s, color 0.2s;
	transition: background-color 0.2s, box-shadow 0.2s, color 0.2s;
	}

 *[readonly]:hover {box-shadow:none!important}

SELECT {cursor:pointer;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* webkit only */
 select {
	 -webkit-appearance: none;
	 background-repeat:no-repeat !important;
	 background-position:top right !important;
	 }
select:hover {
	 background-position:bottom right !important;
	 }
}



 
#bio INPUT,  #bio SELECT {margin:3px 0}
 #bio INPUT {padding-left:8px;}
 
 textarea {
	padding:5px 5px 5px 8px;
	resize:vertical;
}

INPUT[type="checkbox"], INPUT[type="radio"] {
	background-color:	transparent;
	border:			none;
	box-shadow:		none;
	width:			auto;
	}
SELECT > OPTION {
	padding: 0 0 0 7px;
	border:none;
	}
*[readonly=""]{
	cursor:default;
}



TABLE TABLE {margin:0;}
TR { vertical-align:middle; }
TH { text-align:left; padding: 4px 8px; white-space: nowrap; font-weight:normal; }
thead th { padding: 6px 8px }
TD { padding: 4px 8px }
TD.gap { padding-right:10px; }
TD.gap+TD { padding-left:10px; }

THEAD TH {
	background-color: #1F3730; 
	color: #ffffff; 
	position:relative;
	}
THEAD TH img {
    position:relative;
	top:-1px;
    }
 .tooltip {
    opacity:0;position:absolute;
	background: #000;
	background: rgba(0,0,0,0.75);
    color:#fff;
    z-index:1000;
	padding:2px 8px;
	box-shadow: 0px 0px 8px 4px #24A48D;
	font-size:8px;
	-moz-transition: opacity 0.15s linear 0.25s;
	-webkit-transition: opacity 0.15s linear 0.25s;
	-o-transition: opacity 0.15s linear 0.25s;
	-ms-transition: opacity 0.15s linear 0.25s;
	-khtml-transition: opacity 0.15s linear 0.25s;
	transition: opacity 0.15s linear 0.25s;
    }
	
HEAD TH .tooltip {
	margin:-41px 0 0 -24px;	
	}

THEAD TH:hover .tooltip, .gidStats:hover .tooltip {
	opacity:1;
    }

TABLE.list { width:100%; }


.back { z-index:		10; }	
.middle { z-index:		30; }
.front { z-index:		50; }
	
.dark { color: #2a5d4d; }
.green { color: #2a5d4d; }

.red { color: #a01010; }
.white { color: #ffffff; }
.black { color: #000000; }

h1, h2 {		
	border:			0px solid transparent;
	border-radius:		2px;
	color:			#fff;
	font-size:		24px;
	line-height:		38px;
	margin:			0 0 10px;
	padding:		2px 12px 6px;
	text-shadow:		0px 0px 16px #2a5d4d;
	}
h2, .name, .index {
	font-size:		18px;
	line-height:		24px;
	padding:		4px 10px 6px;
	}
H3,H4,H5,H6 {
	color:			#fff;
	font-size:		16px;
	line-height:		20px;
	padding:		0px;
	margin:			0px;
	}
H4 {	font-size:		18pt; }
H5 {	font-size:		14pt; }
H6 {	font-size:		12pt; }
EM {	color:			#00ffaa;
		font-style:		normal;
	}
	
.clear { clear:both; }

.frame {
	position:relative;
	display:		block;
	overflow:		hidden;
	border: solid 10px #000;
	padding:5px;
	border-radius:		0px;
	-moz-border-image:url('../ei/box/box.corner.test.01.png') 10 repeat stretch;
	-webkit-border-image:url('../ei/box/box.corner.test.01.png') 10 repeat stretch;
	-o-border-image:url('../ei/box/box.corner.test.01.png') 10 repeat stretch;
	border-image:url('../ei/box/box.corner.test.01.png') 10 fill repeat stretch;

	}

.box {
	border-radius:		6px;
	border-style:		solid;
	border-width:		4px;
	}
.box>DIV { margin:10px; }
.box.dark {
	border-color:		#2a5d4d;
	border-radius:		16px;
	box-shadow:		0px 0px 8px #2a5d4d;
	}
 
.box.red {
	border-color:		#a01010;
	border-radius:		16px;
	box-shadow:		0px 0px 8px #a01010;
	}
.box.white {
	border-color:		#ffffff;
	border-radius:		16px;
	box-shadow:		0px 0px 8px #ffffff;
	}
	
.titlebar {
	position:		relative;
	margin-bottom:		10px;
	left:			-40px;
	width:			100%;
	}
.titlebar.full {
	left:			0px;
	}
.titlebar.full .title {
	margin-left:		0px;
	}	

.close {
	background-color:	#a01010;
	border:			0px solid transparent;
	border-radius:		6px;
	color:			#000000;
	cursor:			pointer;
	float:			right;
	margin-right:		-40px;
	text-align:		center;
	width:			30px;
	}
.close DIV {
	font-family:		Arial Black,sans-serif;
	line-height:		20px;
	padding:		4px; 
	}
.close:hover {
	background-color:	#fa0000;
	color:			#a01010;
	}

A, A:link, A:visited, A:hover, A:active, A:focus {
	color:			#2a5d4d;
	text-decoration:	underline;
	}
A:hover {
	color:			#00e098;
	}

INPUT.button, A.button, A.button:link, A.button:visited, A.button:hover, A.button:active, A.button:focus, .dudbutton, SPAN.button {
	background-color:	#017650;
	border-radius:		10px;
	border:			0px solid transparent;
	color:			#00e098;
	cursor:			pointer;
	display:		inline-block;
	margin-bottom:		1px;
	min-width:		48px;
	outline:		none;
	padding:		4px 15px 6px;
	text-align:		center;
	text-decoration:	none;
	width:			auto;
	white-space: nowrap;
	-moz-transition: background-color 0.2s, box-shadow 0.2s, color 0.2s;
	-webkit-transition: background-color 0.2s, box-shadow 0.2s, color 0.2s;
	-o-transition-property: background-color, box-shadow, color;
	-o-transition-duration: 0.2s, 0.2s, 0.2s;
	-ms-transition: background-color 0.2s, box-shadow 0.2s, color 0.2s;
	-khtml-transition: background-color 0.2s, box-shadow 0.2s, color 0.2s;
	transition: background-color 0.2s, box-shadow 0.2s, color 0.2s;
	}
INPUT.button:hover, INPUT.button.hot, A.button:hover, A.button.hot, SPAN.button.hot {
	background-color:	#00e098;
	box-shadow:		0px 0px 10px #00e098;
	color:			#017650;
	}
INPUT.button.red, A.button.red, INPUT.button.delete, A.button.delete  {
	background-color:	#970000 !important;
	color:			#fa0000 !important;
	}
INPUT.button.red:hover, INPUT.button.red.hot, A.button.red:hover, A.button.red.hot, 
INPUT.button.delete:hover, INPUT.button.delete.hot, A.button.delete:hover, A.button.delete.hot {
	background-color:	#fa0000 !important;
	box-shadow:		0px 0px 10px #fa0000 !important;
	color:			#970000 !important;
	}
A.button.close {
	border-radius:	2px;
	min-width:16px;
	max-width:16px;
	width:16px;
	position:absolute;
	margin:0;
	top:10px; right:10px;
	padding:4px 6px;
	}

A .checkbutton {
	display:block ;
	float:right;
	width:14px;
	height:14px;
	padding:5px;
	}
A .checkbutton .checkmarker {
	display:block;
	width:100%;
	height:100%;
	opacity:0;
	border-radius:2px;
	-moz-transition: background 0.2s;
	-webkit-transition: background 0.2s;
	-o-transition: background 0.2s;
	-ms-transition: background 0.2s;
	-khtml-transition: background 0.2s;
	transition: background 0.2s;
	}
A .checkbutton.hot .checkmarker {
	 display:block;
	 opacity:1;
	}

DIV.lrbuttons {
	height:			24px;
	margin-bottom:		10px;
	}
A.left { float:left; }
A.right { float: right; }

A.icon, A:link.icon, A:visited.icon, A:hover.icon, A:active.icon, A:focus.icon {
	background-color:	transparent;
	border:			4px solid #002519;
	color:			#00e098;
	margin-right:		10px;
	padding:		0px;
	width:			auto;
	}
A.icon DIV {
	background-color:	#285a4a;
	border:			0px solid transparent;
	border-radius:		3px;
	color:			#00e098;
	display:		block;
	margin:			4px;
	font-size:		30px;
	height:			40px;
	line-height:		40px;
	width:			40px;
	}
A.icon.big DIV {
	height:			100px;
	width:			100px;
	}
A.icon.wide DIV {
	width:			180px;
	}
A.icon:hover, A.icon.hot {
	border:			4px solid #00efa2;
	}
A.icon:hover DIV, A.icon.hot DIV {
	background-color:	#00e098;
	color:			#285a4a;
	}
 
 #nojs {
 	position:		absolute;
 	left:			50%;
 	top:			50%;
 	margin-left:		-200px;
 	margin-top:		-64px;
 	width:			400px;
 	height:			128px;
 	z-index:		50000;
 	}
 
.invert {
	background-color:	#2a5d4d;
	color:			white;
	}
.invbar, H2 {	
	background: -moz-linear-gradient(315deg,  rgba(42,193,165,0) 7px, rgba(42,193,165,1) 7px, rgba(42,193,165,0) 49%, rgba(51,99,86,0) 100%),
	-moz-linear-gradient(225deg,  rgba(51,99,86,0) 7px, rgba(51,99,86,0.75) 7px, rgba(51,99,86,0) 49%, rgba(51,99,86,0) 100%),
	-moz-linear-gradient(0deg,  rgba(51,99,86,0) 7px, rgba(51,99,86,1) 21px, rgba(51,99,86,0.6) 50%, rgba(51,99,86,0) 90%);
	}

.b { border: 1px solid #00e297; border-radius: 4px; }
.bm { margin-bottom:10px; }
.sbm { margin-bottom:4px; }
.bp { padding-bottom:10px; }
.c { text-align:center; }
.clb { clear:both; }
.cll { clear:left; }
.clr { clear:right; }
.fll { float:left; }
.flr { float:right; }
.h8 { height:8em; overflow-y:hidden; }
.h10 { height:10em; overflow-y:hidden; }
.h12 { height:12em; overflow-y:hidden; }
.h15 { height:15em; overflow-y:hidden; }
.il { float:left; margin-right:10px; margin-bottom:10px; }
.invisible { opacity:0.001; }
.ir { float:right; margin-left:10px; margin-bottom:10px; }
.j { text-align:justify; }
.l { text-align:left; }
.large { font-size: 150%; }
.lm { margin-left:10px; }
.slm { margin-left:4px; }
.lp { padding-left:10px; }
.m { margin:0 15px 10px 0; }	
.nm { margin:0px; }	
.nowrap { white-space: nowrap; }
.np { padding:0px; }	
.p { padding:10px; }	
.pointer { cursor:pointer; }
.rm { margin-right:10px; }
.srm { margin-right:4px; }
.rp { padding-right:10px; }
.sm { margin:4px; }
.sp { padding:4px;}
.tm { margin-top:10px; }
.stm { margin-top:4px; }
.tp { padding-top:10px; }
.w10 { width:10em; }
.w100 { width:100%; }
.w20 { width:20em; }
.w25 { width:25%; }
.w30 { width:30em; }
.w31 { width:31%; }
.w33 { width:33%; }
.w40 { width:40em; }
.w50 { width:50%; }
.w60 { width:60%; }
.w75 { width:75%; }
.wauto { width:auto; }
.noClick { cursor:default !important; }

.notm { margin-top:0px; }
.nolm { margin-left:0px; }
.norm { margin-right:0px; }
.nobm { margin-bottom:0px; }

BODY.none { background:-moz-linear-gradient(top, #000 0px, #666 25px, #666 125px, #000 150px)!important; background-repeat:repeat; }
BODY.none { background:-ms-linear-gradient(top, #000 0px, #666 25px, #666 125px, #000 150px)!important; background-repeat:repeat; }
BODY.none { background:-o-linear-gradient(top, #000 0px, #666 25px, #666 125px, #000 150px)!important; background-repeat:repeat; }
BODY.none { background:-webkit-linear-gradient(top, #000 0px, #666 25px, #666 125px, #000 150px)!important; background-repeat:repeat; }
BODY.none #outer { background:transparent; }
BODY.none DIV.frame { border:0px; border-radius:0px; box-shadow:none; }

OPTION {
	font-family:		rott2regular,monospace!important;
	}

/* hiscores anims */

@keyframes scoresAnim01 {0% {color:hsl(161,100%,100%);text-shadow:0 0 30px hsla(0,100%,50%,1);} 100% {color:hsl(161,100%,50%);text-shadow:0 0 10px hsla(161,100%,50%,0.5);}}
@keyframes scoresAnim02 {0% {color:hsl(161,100%,98%);text-shadow:0 0 30px hsla(0,100%,50%,1);} 97% {color:hsl(161,100%,50%);text-shadow:0 0 10px hsla(161,100%,50%,0.45);}}
@keyframes scoresAnim03 {0% {color:hsl(161,100%,95%);text-shadow:0 0 19px hsla(0,100%,50%,1);} 94% {color:hsl(161,97.8%,48.7%);text-shadow:0 0 9px hsla(161,100%,50%,0.4);}}
@keyframes scoresAnim04 {0% {color:hsl(161,100%,92%);text-shadow:0 0 19px hsla(0,100%,50%,1);} 91% {color:hsl(161,97.8%,48.7%);text-shadow:0 0 9px hsla(161,100%,50%,0.35);}}
@keyframes scoresAnim05 {0% {color:hsl(161,100%,89%);text-shadow:0 0 18px hsla(0,100%,50%,1);} 88% {color:hsl(161,96.7%,48.1%);text-shadow:0 0 8px hsla(161,100%,50%,0.3);}}
@keyframes scoresAnim06 {0% {color:hsl(161,100%,86%);text-shadow:0 0 18px hsla(0,100%,50%,1);} 85% {color:hsl(161,96.7%,48.1%);text-shadow:0 0 8px hsla(161,100%,50%,0.25);}}
@keyframes scoresAnim07 {0% {color:hsl(161,100%,83%);text-shadow:0 0 17px hsla(0,100%,50%,1);} 82% {color:hsl(161,95.6%,47.4%);text-shadow:0 0 7px hsla(161,100%,50%,0.2);}}
@keyframes scoresAnim08 {0% {color:hsl(161,100%,80%);text-shadow:0 0 17px hsla(0,100%,50%,1);} 79% {color:hsl(161,95.6%,47.4%);text-shadow:0 0 7px hsla(161,100%,50%,0.15);}}
@keyframes scoresAnim09 {0% {color:hsl(161,100%,77%);text-shadow:0 0 16px hsla(0,100%,50%,1);} 76% {color:hsl(161,94.4%,46.8%);text-shadow:0 0 6px hsla(161,100%,50%,0.0);}}
@keyframes scoresAnim10 {0% {color:hsl(161,100%,74%);text-shadow:0 0 16px hsla(0,100%,50%,0.95);} 73% {color:hsl(161,94.4%,46.8%);text-shadow:0 0 6px hsla(161,100%,50%,0.0);}}
@keyframes scoresAnim11 {0% {color:hsl(161,100%,71%);text-shadow:0 0 15px hsla(0,100%,50%,0.9);} 70% {color:hsl(161,93.3%,46.1%);text-shadow:0 0 5px hsla(161,100%,50%,0.0);}}
@keyframes scoresAnim12 {0% {color:hsl(161,100%,68%);text-shadow:0 0 15px hsla(0,100%,50%,0.85);} 67% {color:hsl(161,93.3%,46.1%);text-shadow:0 0 5px hsla(161,100%,50%,0.0);}}
@keyframes scoresAnim13 {0% {color:hsl(161,100%,65%);text-shadow:0 0 14px hsla(0,100%,50%,0.8);} 64% {color:hsl(161,92.2%,45.5%);text-shadow:0 0 4px hsla(161,100%,50%,0.0);}}
@keyframes scoresAnim14 {0% {color:hsl(161,100%,62%);text-shadow:0 0 14px hsla(0,100%,50%,0.7);} 61% {color:hsl(161,92.2%,45.5%);text-shadow:0 0 4px hsla(161,100%,50%,0.0);}}
@keyframes scoresAnim15 {0% {color:hsl(161,100%,59%);text-shadow:0 0 13px hsla(0,100%,50%,0.6);} 58% {color:hsl(161,91.1%,44.8%);text-shadow:0 0 3px hsla(161,100%,50%,0.0);}}
@keyframes scoresAnim16 {0% {color:hsl(161,100%,56%);text-shadow:0 0 13px hsla(0,100%,50%,0.5);} 55% {color:hsl(161,91.1%,44.8%);text-shadow:0 0 3px hsla(161,100%,50%,0.0);}}
@keyframes scoresAnim17 {0% {color:hsl(161,100%,53%);text-shadow:0 0 12px hsla(0,100%,50%,0.4);} 52% {color:hsl(161,90%,44.2%);text-shadow:0 0 2px hsla(161,100%,50%,0.0);}}
@keyframes scoresAnim18 {0% {color:hsl(161,97%,50%);text-shadow:0 0 11px hsla(0,100%,50%,0.3);} 49% {color:hsl(161,88.9%,43.5%);text-shadow:0 0 1px hsla(161,100%,50%,0.0);}}
@keyframes scoresAnim19 {0% {color:hsl(161,97%,47.5%);text-shadow:0 0 11px hsla(0,100%,50%,0.2);} 46% {color:hsl(161,88.9%,43.5%);text-shadow:0 0 1px hsla(161,100%,50%,0.0);}}
@keyframes scoresAnim20 {0% {color:hsl(161,97%,45.5%);text-shadow:0 0 11px hsla(0,100%,50%,0.1);} 43% {color:hsl(161,88.9%,43.5%);text-shadow:0 0 1px hsla(161,100%,50%,0.0);}}

@-moz-keyframes scoresAnim01 {0% {color:hsl(161,100%,100%);text-shadow:0 0 30px hsla(0,100%,50%,1);} 100% {color:hsl(161,100%,50%);text-shadow:0 0 10px hsla(161,100%,50%,0.5);}}
@-moz-keyframes scoresAnim02 {0% {color:hsl(161,100%,98%);text-shadow:0 0 30px hsla(0,100%,50%,1);} 97% {color:hsl(161,100%,50%);text-shadow:0 0 10px hsla(161,100%,50%,0.45);}}
@-moz-keyframes scoresAnim03 {0% {color:hsl(161,100%,95%);text-shadow:0 0 19px hsla(0,100%,50%,1);} 94% {color:hsl(161,97.8%,48.7%);text-shadow:0 0 9px hsla(161,100%,50%,0.4);}}
@-moz-keyframes scoresAnim04 {0% {color:hsl(161,100%,92%);text-shadow:0 0 19px hsla(0,100%,50%,1);} 91% {color:hsl(161,97.8%,48.7%);text-shadow:0 0 9px hsla(161,100%,50%,0.35);}}
@-moz-keyframes scoresAnim05 {0% {color:hsl(161,100%,89%);text-shadow:0 0 18px hsla(0,100%,50%,1);} 88% {color:hsl(161,96.7%,48.1%);text-shadow:0 0 8px hsla(161,100%,50%,0.3);}}
@-moz-keyframes scoresAnim06 {0% {color:hsl(161,100%,86%);text-shadow:0 0 18px hsla(0,100%,50%,1);} 85% {color:hsl(161,96.7%,48.1%);text-shadow:0 0 8px hsla(161,100%,50%,0.25);}}
@-moz-keyframes scoresAnim07 {0% {color:hsl(161,100%,83%);text-shadow:0 0 17px hsla(0,100%,50%,1);} 82% {color:hsl(161,95.6%,47.4%);text-shadow:0 0 7px hsla(161,100%,50%,0.2);}}
@-moz-keyframes scoresAnim08 {0% {color:hsl(161,100%,80%);text-shadow:0 0 17px hsla(0,100%,50%,1);} 79% {color:hsl(161,95.6%,47.4%);text-shadow:0 0 7px hsla(161,100%,50%,0.15);}}
@-moz-keyframes scoresAnim09 {0% {color:hsl(161,100%,77%);text-shadow:0 0 16px hsla(0,100%,50%,1);} 76% {color:hsl(161,94.4%,46.8%);text-shadow:0 0 6px hsla(161,100%,50%,0.0);}}
@-moz-keyframes scoresAnim10 {0% {color:hsl(161,100%,74%);text-shadow:0 0 16px hsla(0,100%,50%,0.95);} 73% {color:hsl(161,94.4%,46.8%);text-shadow:0 0 6px hsla(161,100%,50%,0.0);}}
@-moz-keyframes scoresAnim11 {0% {color:hsl(161,100%,71%);text-shadow:0 0 15px hsla(0,100%,50%,0.9);} 70% {color:hsl(161,93.3%,46.1%);text-shadow:0 0 5px hsla(161,100%,50%,0.0);}}
@-moz-keyframes scoresAnim12 {0% {color:hsl(161,100%,68%);text-shadow:0 0 15px hsla(0,100%,50%,0.85);} 67% {color:hsl(161,93.3%,46.1%);text-shadow:0 0 5px hsla(161,100%,50%,0.0);}}
@-moz-keyframes scoresAnim13 {0% {color:hsl(161,100%,65%);text-shadow:0 0 14px hsla(0,100%,50%,0.8);} 64% {color:hsl(161,92.2%,45.5%);text-shadow:0 0 4px hsla(161,100%,50%,0.0);}}
@-moz-keyframes scoresAnim14 {0% {color:hsl(161,100%,62%);text-shadow:0 0 14px hsla(0,100%,50%,0.7);} 61% {color:hsl(161,92.2%,45.5%);text-shadow:0 0 4px hsla(161,100%,50%,0.0);}}
@-moz-keyframes scoresAnim15 {0% {color:hsl(161,100%,59%);text-shadow:0 0 13px hsla(0,100%,50%,0.6);} 58% {color:hsl(161,91.1%,44.8%);text-shadow:0 0 3px hsla(161,100%,50%,0.0);}}
@-moz-keyframes scoresAnim16 {0% {color:hsl(161,100%,56%);text-shadow:0 0 13px hsla(0,100%,50%,0.5);} 55% {color:hsl(161,91.1%,44.8%);text-shadow:0 0 3px hsla(161,100%,50%,0.0);}}
@-moz-keyframes scoresAnim17 {0% {color:hsl(161,100%,53%);text-shadow:0 0 12px hsla(0,100%,50%,0.4);} 52% {color:hsl(161,90%,44.2%);text-shadow:0 0 2px hsla(161,100%,50%,0.0);}}
@-moz-keyframes scoresAnim18 {0% {color:hsl(161,97%,50%);text-shadow:0 0 11px hsla(0,100%,50%,0.3);} 49% {color:hsl(161,88.9%,43.5%);text-shadow:0 0 1px hsla(161,100%,50%,0.0);}}
@-moz-keyframes scoresAnim19 {0% {color:hsl(161,97%,47.5%);text-shadow:0 0 11px hsla(0,100%,50%,0.2);} 46% {color:hsl(161,88.9%,43.5%);text-shadow:0 0 1px hsla(161,100%,50%,0.0);}}
@-moz-keyframes scoresAnim20 {0% {color:hsl(161,97%,45.5%);text-shadow:0 0 11px hsla(0,100%,50%,0.1);} 43% {color:hsl(161,88.9%,43.5%);text-shadow:0 0 1px hsla(161,100%,50%,0.0);}}

@-webkit-keyframes scoresAnim01 {0% {color:hsl(161,100%,100%);text-shadow:0 0 30px hsla(0,100%,50%,1);} 100% {color:hsl(161,100%,50%);text-shadow:0 0 10px hsla(161,100%,50%,0.5);}}
@-webkit-keyframes scoresAnim02 {0% {color:hsl(161,100%,98%);text-shadow:0 0 30px hsla(0,100%,50%,1);} 97% {color:hsl(161,100%,50%);text-shadow:0 0 10px hsla(161,100%,50%,0.45);}}
@-webkit-keyframes scoresAnim03 {0% {color:hsl(161,100%,95%);text-shadow:0 0 19px hsla(0,100%,50%,1);} 94% {color:hsl(161,97.8%,48.7%);text-shadow:0 0 9px hsla(161,100%,50%,0.4);}}
@-webkit-keyframes scoresAnim04 {0% {color:hsl(161,100%,92%);text-shadow:0 0 19px hsla(0,100%,50%,1);} 91% {color:hsl(161,97.8%,48.7%);text-shadow:0 0 9px hsla(161,100%,50%,0.35);}}
@-webkit-keyframes scoresAnim05 {0% {color:hsl(161,100%,89%);text-shadow:0 0 18px hsla(0,100%,50%,1);} 88% {color:hsl(161,96.7%,48.1%);text-shadow:0 0 8px hsla(161,100%,50%,0.3);}}
@-webkit-keyframes scoresAnim06 {0% {color:hsl(161,100%,86%);text-shadow:0 0 18px hsla(0,100%,50%,1);} 85% {color:hsl(161,96.7%,48.1%);text-shadow:0 0 8px hsla(161,100%,50%,0.25);}}
@-webkit-keyframes scoresAnim07 {0% {color:hsl(161,100%,83%);text-shadow:0 0 17px hsla(0,100%,50%,1);} 82% {color:hsl(161,95.6%,47.4%);text-shadow:0 0 7px hsla(161,100%,50%,0.2);}}
@-webkit-keyframes scoresAnim08 {0% {color:hsl(161,100%,80%);text-shadow:0 0 17px hsla(0,100%,50%,1);} 79% {color:hsl(161,95.6%,47.4%);text-shadow:0 0 7px hsla(161,100%,50%,0.15);}}
@-webkit-keyframes scoresAnim09 {0% {color:hsl(161,100%,77%);text-shadow:0 0 16px hsla(0,100%,50%,1);} 76% {color:hsl(161,94.4%,46.8%);text-shadow:0 0 6px hsla(161,100%,50%,0.0);}}
@-webkit-keyframes scoresAnim10 {0% {color:hsl(161,100%,74%);text-shadow:0 0 16px hsla(0,100%,50%,0.95);} 73% {color:hsl(161,94.4%,46.8%);text-shadow:0 0 6px hsla(161,100%,50%,0.0);}}
@-webkit-keyframes scoresAnim11 {0% {color:hsl(161,100%,71%);text-shadow:0 0 15px hsla(0,100%,50%,0.9);} 70% {color:hsl(161,93.3%,46.1%);text-shadow:0 0 5px hsla(161,100%,50%,0.0);}}
@-webkit-keyframes scoresAnim12 {0% {color:hsl(161,100%,68%);text-shadow:0 0 15px hsla(0,100%,50%,0.85);} 67% {color:hsl(161,93.3%,46.1%);text-shadow:0 0 5px hsla(161,100%,50%,0.0);}}
@-webkit-keyframes scoresAnim13 {0% {color:hsl(161,100%,65%);text-shadow:0 0 14px hsla(0,100%,50%,0.8);} 64% {color:hsl(161,92.2%,45.5%);text-shadow:0 0 4px hsla(161,100%,50%,0.0);}}
@-webkit-keyframes scoresAnim14 {0% {color:hsl(161,100%,62%);text-shadow:0 0 14px hsla(0,100%,50%,0.7);} 61% {color:hsl(161,92.2%,45.5%);text-shadow:0 0 4px hsla(161,100%,50%,0.0);}}
@-webkit-keyframes scoresAnim15 {0% {color:hsl(161,100%,59%);text-shadow:0 0 13px hsla(0,100%,50%,0.6);} 58% {color:hsl(161,91.1%,44.8%);text-shadow:0 0 3px hsla(161,100%,50%,0.0);}}
@-webkit-keyframes scoresAnim16 {0% {color:hsl(161,100%,56%);text-shadow:0 0 13px hsla(0,100%,50%,0.5);} 55% {color:hsl(161,91.1%,44.8%);text-shadow:0 0 3px hsla(161,100%,50%,0.0);}}
@-webkit-keyframes scoresAnim17 {0% {color:hsl(161,100%,53%);text-shadow:0 0 12px hsla(0,100%,50%,0.4);} 52% {color:hsl(161,90%,44.2%);text-shadow:0 0 2px hsla(161,100%,50%,0.0);}}
@-webkit-keyframes scoresAnim18 {0% {color:hsl(161,97%,50%);text-shadow:0 0 11px hsla(0,100%,50%,0.3);} 49% {color:hsl(161,88.9%,43.5%);text-shadow:0 0 1px hsla(161,100%,50%,0.0);}}
@-webkit-keyframes scoresAnim19 {0% {color:hsl(161,97%,47.5%);text-shadow:0 0 11px hsla(0,100%,50%,0.2);} 46% {color:hsl(161,88.9%,43.5%);text-shadow:0 0 1px hsla(161,100%,50%,0.0);}}
@-webkit-keyframes scoresAnim20 {0% {color:hsl(161,97%,45.5%);text-shadow:0 0 11px hsla(0,100%,50%,0.1);} 43% {color:hsl(161,88.9%,43.5%);text-shadow:0 0 1px hsla(161,100%,50%,0.0);}}

@-o-keyframes scoresAnim01 {0% {color:hsl(161,100%,100%);text-shadow:0 0 30px hsla(0,100%,50%,1);} 100% {color:hsl(161,100%,50%);text-shadow:0 0 10px hsla(161,100%,50%,0.5);}}
@-o-keyframes scoresAnim02 {0% {color:hsl(161,100%,98%);text-shadow:0 0 30px hsla(0,100%,50%,1);} 97% {color:hsl(161,100%,50%);text-shadow:0 0 10px hsla(161,100%,50%,0.45);}}
@-o-keyframes scoresAnim03 {0% {color:hsl(161,100%,95%);text-shadow:0 0 19px hsla(0,100%,50%,1);} 94% {color:hsl(161,97.8%,48.7%);text-shadow:0 0 9px hsla(161,100%,50%,0.4);}}
@-o-keyframes scoresAnim04 {0% {color:hsl(161,100%,92%);text-shadow:0 0 19px hsla(0,100%,50%,1);} 91% {color:hsl(161,97.8%,48.7%);text-shadow:0 0 9px hsla(161,100%,50%,0.35);}}
@-o-keyframes scoresAnim05 {0% {color:hsl(161,100%,89%);text-shadow:0 0 18px hsla(0,100%,50%,1);} 88% {color:hsl(161,96.7%,48.1%);text-shadow:0 0 8px hsla(161,100%,50%,0.3);}}
@-o-keyframes scoresAnim06 {0% {color:hsl(161,100%,86%);text-shadow:0 0 18px hsla(0,100%,50%,1);} 85% {color:hsl(161,96.7%,48.1%);text-shadow:0 0 8px hsla(161,100%,50%,0.25);}}
@-o-keyframes scoresAnim07 {0% {color:hsl(161,100%,83%);text-shadow:0 0 17px hsla(0,100%,50%,1);} 82% {color:hsl(161,95.6%,47.4%);text-shadow:0 0 7px hsla(161,100%,50%,0.2);}}
@-o-keyframes scoresAnim08 {0% {color:hsl(161,100%,80%);text-shadow:0 0 17px hsla(0,100%,50%,1);} 79% {color:hsl(161,95.6%,47.4%);text-shadow:0 0 7px hsla(161,100%,50%,0.15);}}
@-o-keyframes scoresAnim09 {0% {color:hsl(161,100%,77%);text-shadow:0 0 16px hsla(0,100%,50%,1);} 76% {color:hsl(161,94.4%,46.8%);text-shadow:0 0 6px hsla(161,100%,50%,0.0);}}
@-o-keyframes scoresAnim10 {0% {color:hsl(161,100%,74%);text-shadow:0 0 16px hsla(0,100%,50%,0.95);} 73% {color:hsl(161,94.4%,46.8%);text-shadow:0 0 6px hsla(161,100%,50%,0.0);}}
@-o-keyframes scoresAnim11 {0% {color:hsl(161,100%,71%);text-shadow:0 0 15px hsla(0,100%,50%,0.9);} 70% {color:hsl(161,93.3%,46.1%);text-shadow:0 0 5px hsla(161,100%,50%,0.0);}}
@-o-keyframes scoresAnim12 {0% {color:hsl(161,100%,68%);text-shadow:0 0 15px hsla(0,100%,50%,0.85);} 67% {color:hsl(161,93.3%,46.1%);text-shadow:0 0 5px hsla(161,100%,50%,0.0);}}
@-o-keyframes scoresAnim13 {0% {color:hsl(161,100%,65%);text-shadow:0 0 14px hsla(0,100%,50%,0.8);} 64% {color:hsl(161,92.2%,45.5%);text-shadow:0 0 4px hsla(161,100%,50%,0.0);}}
@-o-keyframes scoresAnim14 {0% {color:hsl(161,100%,62%);text-shadow:0 0 14px hsla(0,100%,50%,0.7);} 61% {color:hsl(161,92.2%,45.5%);text-shadow:0 0 4px hsla(161,100%,50%,0.0);}}
@-o-keyframes scoresAnim15 {0% {color:hsl(161,100%,59%);text-shadow:0 0 13px hsla(0,100%,50%,0.6);} 58% {color:hsl(161,91.1%,44.8%);text-shadow:0 0 3px hsla(161,100%,50%,0.0);}}
@-o-keyframes scoresAnim16 {0% {color:hsl(161,100%,56%);text-shadow:0 0 13px hsla(0,100%,50%,0.5);} 55% {color:hsl(161,91.1%,44.8%);text-shadow:0 0 3px hsla(161,100%,50%,0.0);}}
@-o-keyframes scoresAnim17 {0% {color:hsl(161,100%,53%);text-shadow:0 0 12px hsla(0,100%,50%,0.4);} 52% {color:hsl(161,90%,44.2%);text-shadow:0 0 2px hsla(161,100%,50%,0.0);}}
@-o-keyframes scoresAnim18 {0% {color:hsl(161,97%,50%);text-shadow:0 0 11px hsla(0,100%,50%,0.3);} 49% {color:hsl(161,88.9%,43.5%);text-shadow:0 0 1px hsla(161,100%,50%,0.0);}}
@-o-keyframes scoresAnim19 {0% {color:hsl(161,97%,47.5%);text-shadow:0 0 11px hsla(0,100%,50%,0.2);} 46% {color:hsl(161,88.9%,43.5%);text-shadow:0 0 1px hsla(161,100%,50%,0.0);}}
@-o-keyframes scoresAnim20 {0% {color:hsl(161,97%,45.5%);text-shadow:0 0 11px hsla(0,100%,50%,0.1);} 43% {color:hsl(161,88.9%,43.5%);text-shadow:0 0 1px hsla(161,100%,50%,0.0);}}

.hiscores tr#r_1 td {
	animation: scoresAnim01 3s ease-out 2.4s infinite;
	-moz-animation: scoresAnim01 3s ease-out 2.4s infinite;
	-webkit-animation: scoresAnim01 3s ease-out 2.4s infinite;
	-o-animation: scoresAnim01 3s ease-out 2.4s infinite;
}	
.hiscores tr#r_2 td {
	animation: scoresAnim02 3s ease-out 2.3s infinite;
	-moz-animation: scoresAnim02 3s ease-out 2.3s infinite;
	-webkit-animation: scoresAnim02 3s ease-out 2.3s infinite;
	-o-animation: scoresAnim02 3s ease-out 2.3s infinite;
}		
.hiscores tr#r_3 td {
	animation: scoresAnim03 3s ease-out 2.2s infinite;
	-moz-animation: scoresAnim03 3s ease-out 2.2s infinite;
	-webkit-animation: scoresAnim03 3s ease-out 2.2s infinite;
	-o-animation: scoresAnim03 3s ease-out 2.2s infinite;
}	
.hiscores tr#r_4 td {
	animation: scoresAnim04 3s ease-out 2.1s infinite;
	-moz-animation: scoresAnim04 3s ease-out 2.1s infinite;
	-webkit-animation: scoresAnim04 3s ease-out 2.1s infinite;
	-o-animation: scoresAnim04 3s ease-out 2.1s infinite;
}	
.hiscores tr#r_5 td {
	animation: scoresAnim05 3s ease-out 2.0s infinite;
	-moz-animation: scoresAnim05 3s ease-out 2.0s infinite;
	-webkit-animation: scoresAnim05 3s ease-out 2.0s infinite;
	-o-animation: scoresAnim05 3s ease-out 2.0s infinite;
}	
.hiscores tr#r_6 td {
	animation: scoresAnim06 3s ease-out 1.9s infinite;
	-moz-animation: scoresAnim06 3s ease-out 1.9s infinite;
	-webkit-animation: scoresAnim06 3s ease-out 1.9s infinite;
	-o-animation: scoresAnim06 3s ease-out 1.9s infinite;
}	
.hiscores tr#r_7 td {
	animation: scoresAnim07 3s ease-out 1.8s infinite;
	-moz-animation: scoresAnim07 3s ease-out 1.8s infinite;
	-webkit-animation: scoresAnim07 3s ease-out 1.8s infinite;
	-o-animation: scoresAnim07 3s ease-out 1.8s infinite;
}		
.hiscores tr#r_8 td {
	animation: scoresAnim08 3s ease-out 1.7s infinite;
	-moz-animation: scoresAnim08 3s ease-out 1.7s infinite;
	-webkit-animation: scoresAnim08 3s ease-out 1.7s infinite;
	-o-animation: scoresAnim08 3s ease-out 1.7s infinite;
}	
.hiscores tr#r_9 td {
	animation: scoresAnim09 3s ease-out 1.6s infinite;
	-moz-animation: scoresAnim09 3s ease-out 1.6s infinite;
	-webkit-animation: scoresAnim09 3s ease-out 1.6s infinite;
	-o-animation: scoresAnim09 3s ease-out 1.6s infinite;
}	
.hiscores tr#r_10 td {
	animation: scoresAnim10 3s ease-out 1.5s infinite;
	-moz-animation: scoresAnim10 3s ease-out 1.5s infinite;
	-webkit-animation: scoresAnim10 3s ease-out 1.5s infinite;
	-o-animation: scoresAnim10 3s ease-out 1.5s infinite;
}	
.hiscores tr#r_11 td {
	animation: scoresAnim11 3s ease-out 1.4s infinite;
	-moz-animation: scoresAnim11 3s ease-out 1.4s infinite;
	-webkit-animation: scoresAnim11 3s ease-out 1.4s infinite;
	-o-animation: scoresAnim11 3s ease-out 1.4s infinite;
}	
.hiscores tr#r_12 td {
	animation: scoresAnim12 3s ease-out 1.3s infinite;
	-moz-animation: scoresAnim12 3s ease-out 1.3s infinite;
	-webkit-animation: scoresAnim12 3s ease-out 1.3s infinite;
	-o-animation: scoresAnim12 3s ease-out 1.3s infinite;
}		
.hiscores tr#r_13 td {
	animation: scoresAnim13 3s ease-out 1.2s infinite;
	-moz-animation: scoresAnim13 3s ease-out 1.2s infinite;
	-webkit-animation: scoresAnim13 3s ease-out 1.2s infinite;
	-o-animation: scoresAnim13 3s ease-out 1.2s infinite;
}	
.hiscores tr#r_14 td {
	animation: scoresAnim14 3s ease-out 1.1s infinite;
	-moz-animation: scoresAnim14 3s ease-out 1.1s infinite;
	-webkit-animation: scoresAnim14 3s ease-out 1.1s infinite;
	-o-animation: scoresAnim14 3s ease-out 1.1s infinite;
}	
.hiscores tr#r_15 td {
	animation: scoresAnim15 3s ease-out 1.0s infinite;
	-moz-animation: scoresAnim15 3s ease-out 1.0s infinite;
	-webkit-animation: scoresAnim15 3s ease-out 1.0s infinite;
	-o-animation: scoresAnim15 3s ease-out 1.0s infinite;
}	
.hiscores tr#r_16 td {
	animation: scoresAnim16 3s ease-out 0.9s infinite;
	-moz-animation: scoresAnim16 3s ease-out 0.9s infinite;
	-webkit-animation: scoresAnim16 3s ease-out 0.9s infinite;
	-o-animation: scoresAnim16 3s ease-out 0.9s infinite;
}	
.hiscores tr#r_17 td {
	animation: scoresAnim17 3s ease-out 0.8s infinite;
	-moz-animation: scoresAnim17 3s ease-out 0.8s infinite;
	-webkit-animation: scoresAnim17 3s ease-out 0.8s infinite;
	-o-animation: scoresAnim17 3s ease-out 0.8s infinite;
}		
.hiscores tr#r_18 td {
	animation: scoresAnim18 3s ease-out 0.7s infinite;
	-moz-animation: scoresAnim18 3s ease-out 0.7s infinite;
	-webkit-animation: scoresAnim18 3s ease-out 0.7s infinite;
	-o-animation: scoresAnim18 3s ease-out 0.7s infinite;
}	
.hiscores tr#r_19 td {
	animation: scoresAnim19 3s ease-out 0.6s infinite;
	-moz-animation: scoresAnim19 3s ease-out 0.6s infinite;
	-webkit-animation: scoresAnim19 3s ease-out 0.6s infinite;
	-o-animation: scoresAnim19 3s ease-out 0.6s infinite;
}	
.hiscores tr#r_20 td {
	animation: scoresAnim20 3s ease-out 0.5s infinite;
	-moz-animation: scoresAnim20 3s ease-out 0.5s infinite;
	-webkit-animation: scoresAnim20 3s ease-out 0.5s infinite;
	-o-animation: scoresAnim20 3s ease-out 0.5s infinite;
}	

#beta {
	position:		absolute;
	right:			-75px;
	bottom:			-25px;
	width:			220px;
	text-align:		center;
	height:			120px;
	background-color:#ff6200;
	z-index:		99999;
	box-shadow:		0px 0px 12px #f00;
	-moz-transform: 	rotate(-45deg);
	-moz-transition:	all 0.2s ease;
	-ms-transform: 		rotate(-45deg);
	-ms-transition:		all 0.2s ease;
	-o-transform: 		rotate(-45deg);
	-o-transition:		all 0.2s ease;
	-khtml-transform: 	rotate(-45deg);
	-khtml-transition:	all 0.2s ease;
	-webkit-transform: 	rotate(-45deg);
	-webkit-transition:	all 0.2s ease;
	}

#beta:hover {
	background-color:#ff9400;
	box-shadow:		0px 0px 20px #f10;
	}
#beta A {
	display:		block;
	position:absolute;
	top:0;left:0;right:0;bottom:0;
	padding:1px 0 0;
	font-size:		11px;
	line-height:15px;
	text-decoration:	none;
		color:			#ffd77d;
	}
#beta A em{
	display:		block;
	font-size:21px;
	line-height:32px;
	color:#000;
	}
#beta A:hover {
	color:#fff;
	}
#beta A:hover em{
	color:#7d1900;
	}	
	
#betaInfo {position:absolute;bottom:15px;right:15px;width:390px;padding:20px 25px 30px;z-index:99998;overflow:hidden;
	background:#ff6200;background:rgba(255,98,0,0.4);color:#fff;text-shadow:0px 0px 6px #000;
	border-radius:8px;
	-moz-transition: all 0.25s;
	-webkit-transition: all 0.25s;
	-o-transition: all 0.25s;
	-ms-transition: all 0.25s;
	-khtml-transition: all 0.25s;
	transition: all 0.25s;
}
#betaInfo h4 {font-size:20px;margin:0 0 20px;}
#betaInfo li {margin:10px 0;}
#betaInfo a {color:#ffd77d;margin:20px 0 0;display:block;}
#betaInfo a:hover {color:#fff;}
#betaInfo.loggedin	{bottom:-400px;height:0;padding:0 25px 0;opacity:0;}