/* Fonts */
@font-face {
  font-family: 'Open Sans Bold';
  font-style: normal;
  font-weight: 700;
  src: url(https://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHZ2MAKAc2x4R1uOSeegc5U.eot);
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHZ2MAKAc2x4R1uOSeegc5U.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans Italic';
  font-style: italic;
  font-weight: 400;
  src: url(https://themes.googleusercontent.com/static/fonts/opensans/v6/xjAJXh38I15wypJXxuGMBmfQcKutQXcIrRfyR5jdjY8.eot);
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/xjAJXh38I15wypJXxuGMBmfQcKutQXcIrRfyR5jdjY8.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans Bold Italic';
  font-style: italic;
  font-weight: 700;
  src: url(https://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxrFt29aCHKT7otDW9l62Aag.eot);
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxrFt29aCHKT7otDW9l62Aag.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxjqR_3kx9_hJXbbyU8S6IN0.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans Semibold Italic';
  font-style: italic;
  font-weight: 600;
  src: url(https://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxo8mkAiYpFywqG2RvpzBnTU.eot);
  src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxo8mkAiYpFywqG2RvpzBnTU.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxn5HxGBcBvicCpTp6spHfNo.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans Semibold';
  font-style: normal;
  font-weight: 600;
  src: url(https://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSnZ2MAKAc2x4R1uOSeegc5U.eot);
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSnZ2MAKAc2x4R1uOSeegc5U.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

/* Animations */
@-webkit-keyframes nodeinit {
	from {
		opacity:0;
		/*margin-top:50px;
		margin-left:32px;*/
		transform: translate(32px,50px) translateZ(0);
		-ms-transform: translate(32px,50px) translateZ(0);
		-webkit-transform: translate(32px,50px) translateZ(0);
	}
	to {
		opacity:1;
		transform: translate(0,0) translateZ(0);
		-ms-transform: translate(0,0) translateZ(0);
		-webkit-transform: translate(0,0) translateZ(0);
	}
}
@keyframes nodeinit {
	from {
		opacity:0;
		margin-top:50px;
		margin-left:32px;
	}
	to {
		opacity:1;
		margin-top:0;
		margin-left:0;
	}
}
@-webkit-keyframes popin {
	from {
		opacity:0;
	}
	to {
		opacity:1;
	}
}
@keyframes popin {
	from {
		opacity:0;
	}
	to {
		opacity:1;
	}
}
@-webkit-keyframes popout {
	from {
		opacity:1;
		display:block;
	}
	to {
		opacity:0;
		display: none;
	}
}
@keyframes popout {
	from {
		opacity:1;
		display:block;
	}
	to {
		opacity:0;
		display: none;
	}
}
@-webkit-keyframes sprite30fps {
    from { background-position: 0px;  -webkit-transform:translateZ(0);}
    to { background-position: -3750px;  -webkit-transform:translateZ(0);}
}

@-moz-keyframes sprite30fps {
    from { background-position: 0px;  -moz-transform:translateZ(0);}
    to { background-position: -3750px;  -moz-transform:translateZ(0);}
}

@keyframes sprite30fps {
    from { background-position: 0px; transform:translateZ(0);}
    to { background-position: -3750px; transform:translateZ(0);}
}

@-ms-keyframes blink {
	0% {
		opacity:.5;
	}
	50% {
		opacity:1;
	}
	100% {
		opacity:.5;
	}
}
@-webkit-keyframes blink {
	0% {
		opacity:.5;
	}
	50% {
		opacity:1;
	}
	100% {
		opacity:.5;
	}
}
@keyframes blink {
	0% {
		opacity:.5;
	}
	50% {
		opacity:1;
	}
	100% {
		opacity:.5;
	}
}

/*
@-webkit-keyframes sprite30fps {
	0% {
		background-position: 0 0;
	}
	0.0001% {
		background-position: -125px 0;
	}
	3.33% {
		background-position: -125px 0;
	}
	3.3301% {
		background-position: -250px 0;
	}
	6.66% {
		background-position: -250px 0;
	}
	6.6601% {
		background-position: -375px 0;
	}
	9.99% {
		background-position: -375px 0;
	}
	9.9901% {
		background-position: -500px 0;
	}
	13.32% {
		background-position: -500px 0;
	}
	13.3201% {
		background-position: -625px 0;
	}
	16.65% {
		background-position: -625px 0;
	}
	16.6501% {
		background-position: -750px 0;
	}
	19.98% {
		background-position: -750px 0;
	}
	19.9801% {
		background-position: -875px 0;
	}
	23.31% {
		background-position: -875px 0;
	}
	23.3101% {
		background-position: -1000px 0;
	}
	26.64% {
		background-position: -1000px 0;
	}
	26.6401% {
		background-position: -1125px 0;
	}
	29.97% {
		background-position: -1125px 0;
	}
	29.9701% {
		background-position: -1250px 0;
	}
	33.3% {
		background-position: -1250px 0;
	}
	33.3001% {
		background-position: -1375px 0;
	}
	36.63% {
		background-position: -1375px 0;
	}
	36.6301% {
		background-position: -1500px 0;
	}
	39.96% {
		background-position: -1500px 0;
	}
	39.9601% {
		background-position: -1625px 0;
	}
	43.29% {
		background-position: -1625px 0;
	}
	43.2901% {
		background-position: -1750px 0;
	}
	46.62% {
		background-position: -1750px 0;
	}
	46.6201% {
		background-position: -1875px 0;
	}
	49.95% {
		background-position: -1875px 0;
	}
	49.9501% {
		background-position: -2000px 0;
	}
	53.28% {
		background-position: -2000px 0;
	}
	53.2801% {
		background-position: -2125px 0;
	}
	56.61% {
		background-position: -2125px 0;
	}
	56.6101% {
		background-position: -2250px 0;
	}
	59.94% {
		background-position: -2250px 0;
	}
	59.9401% {
		background-position: -2375px 0;
	}
	63.27% {
		background-position: -2375px 0;
	}
	63.2701% {
		background-position: -2500px 0;
	}
	66.6% {
		background-position: -2500px 0;
	}
	66.6001% {
		background-position: -2625px 0;
	}
	69.93% {
		background-position: -2625px 0;
	}
	69.9301% {
		background-position: -2750px 0;
	}
	73.26% {
		background-position: -2750px 0;
	}
	73.2601% {
		background-position: -2875px 0;
	}
	76.59% {
		background-position: -2875px 0;
	}
	76.5901% {
		background-position: -3000px 0;
	}
	79.92% {
		background-position: -3000px 0;
	}
	79.9201% {
		background-position: -3125px 0;
	}
	83.25% {
		background-position: -3125px 0;
	}
	83.2501% {
		background-position: -3250px 0;
	}
	86.58% {
		background-position: -3250px 0;
	}
	86.5801% {
		background-position: -3375px 0;
	}
	89.91% {
		background-position: -3375px 0;
	}
	89.9101% {
		background-position: -3500px 0;
	}
	93.24% {
		background-position: -3500px 0;
	}
	93.2401% {
		background-position: -3625px 0;
	}
	96.57% {
		background-position: -3625px 0;
	}
	96.5701% {
		background-position: -3750px 0;
	}
	100% {
		background-position: -3750px 0;
	}
}
*/
 /* Disables Selection Effect */
*::selection {
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
*:focus {
	outline:none;
	-webkit-tap-highlight-color: transparent;
}

* {
	-webkit-tap-highlight-color: transparent;
}

html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #f1f1f1;
	background: #000; /* Old browsers */
}
strong {
	font-family: "Open Sans Bold", Arial, Helvetica, sans-serif;
	font-weight: normal;
}
#page {
	height: 100%;
	width: 100%;
}

h1 {
	font-size: 45px;
	line-height: .8em;
	color: #ebbdff;
}
h2 {
	font-size: 18px;
	line-height: .8em;
	letter-spacing: -1px;
	color: #ebbdff;
	text-shadow:0 1px 0 #7b00b3,
				0 2px 0 #7b00b3,
				0 3px 0 #7b00b3;

}
#overlayDim {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.50);
	z-index: 30;
	pointer-events:none;
	-webkit-transform:translateZ(0);
	-moz-transform:translateZ(0);
	-ms-transform:translateZ(0);
	transform:translateZ(0);
}
.popout {
		
}
#loading {
	position: absolute;
	left: 50%;
	bottom: 50%;
	width: 50%;
	/* height: 250px; */
	margin: 0 0 -125px -25%;
	padding: 25px;
	z-index: 150;
	background: rgba(0,0,0,0.85);
	border-radius: 5px;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
	box-sizing:border-box;
}
.titleBar {
	margin: -25px -25px 10px -25px;
	height: 30px;
	padding:0;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(44,44,44,1) 50%, rgba(0,0,0,0.75) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.75)), color-stop(50%,rgba(44,44,44,1)), color-stop(100%,rgba(0,0,0,0.75))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.75) 0%,rgba(44,44,44,1) 50%,rgba(0,0,0,0.75) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0.75) 0%,rgba(44,44,44,1) 50%,rgba(0,0,0,0.75) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0.75) 0%,rgba(44,44,44,1) 50%,rgba(0,0,0,0.75) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf000000', endColorstr='#bf000000',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(0,0,0,0.75) 0%,rgba(44,44,44,1) 50%,rgba(0,0,0,0.75) 100%); /* W3C */
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	overflow: hidden;
	/* cursor: move; */
}
.titleBar h1 {
	display:block;
	margin: 0;
	padding: 0 25px 0 25px;
	font-size: 10px;
	font-weight: normal;
	color: rgba(256,256,256,.5);
	line-height: 30px;
}
.closeBtn { 
	display: block;
	border-left: 1px rgba(256,256,256,.1) solid;
	height: 30px;
	float: right;
	font-size: 18px;
	line-height: 30px;
	padding: 0 10px;
	cursor: pointer;
}
.enterBtn { 
	width: 80%;
	margin: 0 auto;
	letter-spacing: .25em;
	text-transform:uppercase;
	display: block;
	font-size: 16px;
	font-weight:bold;
	line-height: 30px;
	padding: 10px 25px;
	cursor: pointer;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	border-radius: 5px;
	color: rgba(226,226,0, 1);
	text-shadow: 0 0 10px rgba(235,189,255, .2);
	box-shadow: 0 0 20px rgba(226,226,0, .2);
	-webkit-transition: all .5s ease-in;
	   -moz-transition: all .5s ease-in;
	    -ms-transition: all .5s ease-in;
	     -o-transition: all .5s ease-in;
		    transition: all .5s ease-in;
background: -moz-linear-gradient(top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0) 49%, rgba(0,0,0,0.95) 100%), rgba(255,255,0, .2); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.95)), color-stop(49%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.95))), rgba(255,255,0, .2); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.95) 0%,rgba(0,0,0,0) 49%,rgba(0,0,0,0.95) 100%), rgba(255,255,0, .2); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0.95) 0%,rgba(0,0,0,0) 49%,rgba(0,0,0,0.95) 100%), rgba(255,255,0, .2); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0.95) 0%,rgba(0,0,0,0) 49%,rgba(0,0,0,0.95) 100%), rgba(255,255,0, .2); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2000000', endColorstr='#f2000000',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(0,0,0,0.95) 0%,rgba(0,0,0,0) 49%,rgba(0,0,0,0.95) 100%), rgba(255,255,05, .2); /* W3C */
}
.enterBtn:hover { 
	color: rgba(0,0,0,1);
	text-shadow: 0 0 10px rgba(226,226,0,1);
	box-shadow: 0 0 30px rgba(226,226,0,.75);
background: -moz-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 49%, rgba(0,0,0,0.75) 100%), rgba(255,255,0, 1); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.75)), color-stop(49%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.95))), rgba(255,255,0, 1); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 49%,rgba(0,0,0,0.75) 100%), rgba(255,255,0, 1); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 49%,rgba(0,0,0,0.75) 100%), rgba(255,255,0, 1); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 49%,rgba(0,0,0,0.75) 100%), rgba(255,255,0, 1); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2000000', endColorstr='#f2000000',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 49%,rgba(0,0,0,0.75) 100%), rgba(255,255,0, 1); /* W3C */
}
.closeBtn:hover { 
	background: rgba(256,256,256,.1);
}
#newSticker {
	position: absolute;
	right: 18%;
	top: -15%;
	width:15%;
	max-width:100px;
	cursor: pointer;
	-webkit-transition: all .5s ease-in;
	   -moz-transition: all .5s ease-in;
	    -ms-transition: all .5s ease-in;
	     -o-transition: all .5s ease-in;
		    transition: all .5s ease-in;
	-webkit-transform: rotate(0deg) scale(.5);
	   -moz-transform: scale(.5);
	     -o-transform: scale(.5);
	    -ms-transform: scale(.5);
	        transform: scale(.5);
}
#newSticker:hover {
	-webkit-transform: rotate(360deg) scale(1);
	   -moz-transform: scale(1);
	     -o-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
}
#newSticker img {
	width:100%;
	height:100%;
}
#logoxy {
	width: 100%;
	height: 100%;
	margin: 0;
	text-align:center;
	position:relative;
}
#logo {
	width: 100%;
	max-width: 694px;
	height:auto;
	margin: 0 auto;
}
#logo img {
	width: 100%;
	max-width: 694px;
	height:auto;
	margin: 0 auto;
}
#genikMap {
	width: 100%;
	height:100%;
	min-height: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
* html #genikMap {
height: 100%;
}
#mapStage {
	pointer-events:none;	
}
#mapInputStage {
	z-index:100;
	height:100%;
	width:100%;
}
.ultra #mapInputStage {
	box-shadow:inset 0 0 500px rgba(0,0,0,1), inset 0 0 500px rgba(0,0,0,1);
}

.node {
	/*
	-webkit-transition: all .75s ease-in;
	   -moz-transition: all .75s ease-in;
	    -ms-transition: all .75s ease-in;
	     -o-transition: all .75s ease-in;
		    transition: all .75s ease-in; */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}
#mapInputStage .node {
	border-radius: 40px;
	/* border: 1px red solid; */
	margin-left:15px;
	cursor: pointer;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	transform: none;
}
.node:hover {
	/*
	-webkit-transform: translate(0,-10px);
	   -moz-transform: translate(0,-10px);
	     -o-transform: translate(0,-10px);
	    -ms-transform: translate(0,-10px);
	        transform: translate(0,-10px);
	-webkit-transition: all .25s ease-in;
	   -moz-transition: all .25s ease-in;
	    -ms-transition: all .25s ease-in;
	     -o-transition: all .25s ease-in;
		    transition: all .25s ease-in; */
}
.node > div {
	opacity:0;
	margin-top:50px;
	margin-left: 32px;	
}
.node:active {
	/* -webkit-transform: translate(0,10px);
	   -moz-transform: translate(0,10px);
	     -o-transform: translate(0,10px);
	    -ms-transform: translate(0,10px);
	        transform: translate(0,10px); */
}
.node > div.show {
	-webkit-animation: nodeinit 1s;
	animation: nodeinit 1s;
	opacity:1;
		margin-top:0;
		margin-left:0;

}
.sprite30fps {

	-webkit-animation: sprite30fps 1s steps(30, end) infinite;
    -moz-animation: sprite30fps 1s steps(30, end) infinite;
    animation: sprite30fps 1s steps(30, end) infinite;	

	/*
	-webkit-animation: sprite30fps 1s; 
	animation: sprite30fps 1s;

	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	*/
}
.hit {
	border: 1px red solid;
	cursor: pointer;	
}
.node.heightHigh {
	margin-top: -5px;
}
.node.heightHigher {
	margin-top: -10px;
}
.nodeLabel, .nodeLabelShadow {
	position: absolute;
	height: 25px;
	width: 125px;
	display: none;
	text-align: center;
	top: 42px;
	font-size: 8px;
	color: #29291e;
	text-indent: -30px;
}
.nodeLabelShadow {
	color: #6a6a4d;
	padding-top:1px;
	text-indent: -29px;
}
.nodeSelectBack, .nodeSelectFront {
	opacity: 0;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url(images/SelectBack125.png);
	/*
	-webkit-transition: all 1.75s ease-in;
	   -moz-transition: all 1.75s ease-in;
	    -ms-transition: all 1.75s ease-in;
	     -o-transition: all 1.75s ease-in;
		    transition: all 1.75s ease-in;
	*/
}
.nodeSelectFront {
	background-image: url(images/SelectFront125.png);
}
.node:hover .nodeSelectBack, .node:hover .nodeSelectFront {
	/*
	opacity: 1;
	-webkit-transition: all .25s ease-in;
	   -moz-transition: all .25s ease-in;
	    -ms-transition: all .25s ease-in;
	     -o-transition: all .25s ease-in;
		    transition: all .25s ease-in;
	*/
}
.node.HexBasic .nodeLabel, .node.HexBumps .nodeLabel {
	display:block;
}
.node.HexBasic .nodeLabelShadow, .node.HexBumps .nodeLabelShadow {
	display:block;
}
.node.HexBumps .nodeLabel {
	color: #29291e;
}
.node.HexBumps .nodeLabelShadow {
	color: #5c5c43;
}
.HexBlank .nodeTerrain {
	
}
.HexBasic .nodeTerrain {
	background: url(images/HexBasic125.png) 0 0 no-repeat;
}
.HexBumps .nodeTerrain {
	background: url(images/HexBumps125.png) 0 0 no-repeat;
}
.HexTall .nodeTerrain {
	background: url(images/HexTall125.png) 0 0 no-repeat;
}
.HexWater .nodeTerrain {
	background: url(images/HexBasic125.png) 0 0 no-repeat;
	opacity: .5;
}
.node.HexWater, .node.heightHigher.HexWater, .node.heightHigh.HexWater {
	margin-top: 5px;
}
.nodeAgent {
	display:none;
}
.nodeAgent.removed {
	-webkit-transition: .5s ease-in;
	-moz-transition: all .5s ease-in;
	-ms-transition: all .5s ease-in;
	transition: all .5s ease-in;
	margin-top:-100px;
	opacity: 0;
}
.node.HexBasic .nodeAgent, .node.HexBumps .nodeAgent {
	display:block;
}
.node.AgentCubeBasic .nodeAgent {
	background: url(images/Key125.png);
	background-position: 0 0;
	background-repeat: no-repeat;

}
.node.AgentCoinGold .nodeAgent {
	background: url(images/CoinGold125.png);
	background-position: 0 0;
	background-repeat: no-repeat;

}
.node.AgentCubeHoverBlackGreen .nodeAgent {
	background-position: 0 0;
	background-repeat: no-repeat;

	background-image: url(images/CubeBasic125.png);
}
.node.AgentCubeChest .nodeAgent {
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url(images/Chest125.png);
}
.nodeShadow {
	background: none;
}
.node.AgentCubeBasic .nodeShadow, .node.AgentCubeDome .nodeShadow, .node.AgentCoinGold .nodeShadow, .node.AgentCubeHoverBlackGreen .nodeShadow, .node.AgentCubeChest .nodeShadow {
	background: url(images/shadow.png) 0 0 no-repeat;
}
.node.AgentCoinGold .nodeShadow {
	opacity: 1;
}
.node.AgentCubeBasic .nodeShadow {
	opacity: .5;
}
.node.AgentCubeBasic:hover .nodeAgent, .node.AgentCoinGold:hover .nodeAgent, .node.AgentCubeHoverBlackGreen:hover .nodeAgent, .node.AgentCubeChest:hover .nodeAgent {
	/* margin-top: -10px; */
}
.node.AgentCubeDome .nodeAgent {
	background: url(images/CubeDome125.png) 0 0 no-repeat;
}
.node.AgentCubeDome:hover .nodeAgent {
	/* background: url(images/CubeDome125.png) 0 -5px no-repeat; */
}

.node.AgentTerminal .nodeAgent {
	background: url(images/Terminal125.png) 0 0 no-repeat;
}
.node.AgentTerminal:hover .nodeAgent {
	/* background: url(images/CubeDome125.png) 0 -5px no-repeat; */
}
.node.AgentTurret .nodeAgent {
	background: url(images/Turret125.png) 0 0 no-repeat;
}
.node.AgentTurret:hover .nodeAgent {
	/* background: url(images/Turret125.png) 0 -5px no-repeat; */
}
.node.AgentTree .nodeAgent {
	background: url(images/Tree125.png) 0 0 no-repeat,url(images/shadow.png) 0 0 no-repeat;
}
.node.AgentTree:hover .nodeAgent {
	background: url(images/Tree125.png) 0 -5px no-repeat,url(images/shadow.png) 0 0 no-repeat;
}
.node.HexTall:hover, .node.HexWater:hover{
	-webkit-transform: none;
	   -moz-transform: none;
	     -o-transform: none;
	    -ms-transform: none;
	        transform: none;
}
#copyright {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 145;
	padding: 5px;
	background: rgba(0,0,0,.85);
	color: rgba(255,255,255,.25);
	font-size: 10px;
	width:100%;
	box-sizing:border-box;
	text-align:center;
	text-transform:uppercase;
}
#controls {
	display: none;
	background: url(images/Controls-95.png) 0 0 no-repeat;
	height: 78px;
	width: 95px;
	cursor: pointer;
	-webkit-transition: all .25s ease-in;
	   -moz-transition: all .25s ease-in;
	    -ms-transition: all .25s ease-in;
	     -o-transition: all .25s ease-in;
		    transition: all .25s ease-in;
}
#controls:hover {
	-webkit-transform: translate(0,-5px);
	   -moz-transform: translate(0,-5px);
	     -o-transform: translate(0,-5px);
	    -ms-transform: translate(0,-5px);
	        transform: translate(0,-5px);

}
#statusDisplay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 55;
	padding: 25px 50px 0 50px ;
}
#statusDisplay span.displayGroup {
	display: inline-block;
	padding: 0;
	background: rgba(0,0,0,.50);
	border-radius: 10px;
	color: #f1f1f1;
	font-size: 10px;
	line-height: 14px;
	overflow:visible;
	margin:1px;
}
#levelSummaryDisplay {
	color: rgba(256,256,256,.60);
	font-size: 10px;
	line-height: 14px;
	-webkit-transition: all .25s ease-in;
	   -moz-transition: all .25s ease-in;
	    -ms-transition: all .25s ease-in;
	     -o-transition: all .25s ease-in;
		    transition: all .25s ease-in;
}
#levelSummaryDisplay .currencyTotalSummary {
	-webkit-animation: popin .25s;
	animation: popin .25s;	
}
#messageHighScore {

}
#messageHighScoreTxt {
	margin-top:10px;
}
.emphasis {
	-webkit-animation: blink 1s infinite;
	animation: blink 1s infinite;
}
.AgentCoinGoldDisplayTxt, .bonusTxt {
	display: inline-block;
	overflow:visible;
	line-height: 14px;
	margin: 3px 3px 3px 3px;
	padding: 2px 3px 2px 3px;
	border-radius: 7px;
}
.AgentCoinGoldDisplayTxt {
	margin: 3px 3px 6px 4px;
	padding: 2px 3px 2px 3px;
	border-radius: 7px;
	background: rgba(251,210,40,1);
	color: #806B15;
	-webkit-box-shadow: -1px 3px 0 0 rgba(128, 107, 21, 1);
	-moz-box-shadow: -1px 3px  0 0 rgba(128, 107, 21, 1);
	box-shadow: -1px 3px  0 0 rgba(128, 107, 21, 1);

}
.AgentCoinGoldDisplayTxt + .AgentCoinGoldDisplayTxt{
	margin-left: -10px;
}
.bonusTxt {
	color: #fff;
	padding-left: 0;
}
.relative {
	position:relative;	
}
/* Settings Display */
#settingsDisplay {
	position:absolute; 
	bottom:0; 
	width:250px;
	right:-250px; 
	color:#666; 
	background: rgba(0,0,0,.2);; 
	padding: 3px 6px; 
	font-size:10px;
	text-transform:uppercase; 
	z-index:5000;
	text-align: left;
	cursor: pointer;
	height: 100%;
	-webkit-transition: all .25s ease-in;
	   -moz-transition: all .25s ease-in;
	    -ms-transition: all .25s ease-in;
	     -o-transition: all .25s ease-in;
		    transition: all .25s ease-in;
}
#settingsDisplay:hover {
	height: 100%;
	right:0; 
	background: rgba(0,0,0,.75);
}
.settingsPanel {
	position:absolute;
	bottom:0;
	right:0;
	height: 100%; 
	width:250px;
	z-index:4750;
	color: #fff;
	text-transform: none; 
	-webkit-transition: all .25s ease-in;
	   -moz-transition: all .25s ease-in;
	    -ms-transition: all .25s ease-in;
	     -o-transition: all .25s ease-in;
		    transition: all .25s ease-in;	
}
#settingsDisplay:hover .settingsPanel {
	bottom:0;
}
.setting {
	margin: 2px 20px;
	padding: 1px 5px;	
	background: rgba(0,0,0,.55);
	border-radius: 5px;
}
.setting:first-child {
	margin-top: 20px;	
}
.panelTitle {
	position:absolute;
	width: 50px;
	bottom:0;
	left:-50px;
}
.settingsPanel label {
	color:#666;	
	margin-right: 10px;
}