body,h1,h2,h3,div,span,p,td,fieldset,label,a { font-family:tahoma,verdana,sans-serif; }
.hpblankl,.hp0l,.hp1l,.hp2l,.hp3l,.hp4l,.hp5l,.hp6l,.hp7l,.hp8l,.hp9l { width:5px;height:9px;overflow:hidden;background-image:url('http://micro.reigngame.com/images/game/hp.gif');float:left; }
.hpblankr,.hp0r,.hp1r,.hp2r,.hp3r,.hp4r,.hp5r,.hp6r,.hp7r,.hp8r,.hp9r { width:6px;height:9px;overflow:hidden;background-image:url('http://micro.reigngame.com/images/game/hp.gif');float:left; }

.hpblankl { background-position:left top; }
.hp0l { background-position:left top; } /* -9px */
.hp1l { background-position:left -18px; }
.hp2l { background-position:left -27px; }
.hp3l { background-position:left -36px; }
.hp4l { background-position:left -45px; }
.hp5l { background-position:left -54px; }
.hp6l { background-position:left -63px; }
.hp7l { background-position:left -72px; }
.hp8l { background-position:left -81px; }
.hp9l { background-position:left -90px; }

.hpblankr { background-position:right top; }
.hp0r { background-position:right -9px; }
.hp1r { background-position:right -18px; }
.hp2r { background-position:right -27px; }
.hp3r { background-position:right -36px; }
.hp4r { background-position:right -45px; }
.hp5r { background-position:right -54px; }
.hp6r { background-position:right -63px; }
.hp7r { background-position:right -72px; }
.hp8r { background-position:right -81px; }
.hp9r { background-position:right -90px; }



#chat { padding:6px;padding-top:2px; }
#map {
	background:top left no-repeat;
	position:relative;
	z-index:75;
	cursor:move;
}
#map_move { width:950px;height:409px; }
#move_actions {
	color:#FFFFFF;font-weight:800;
	position:absolute;top:20;
	text-align:center;
	z-index:999;cursor:default;
}
.hud_metal, .hud_trude, .hud_upkeep, .hud_time, .hud_end_turn, .hud_end_turn_hover, .hud_grid_off, .hud_grid_hover, .hud_grid_on {
	background:url("http://micro.reigngame.com/images/game/hud.png") no-repeat;
	width:10px;height:17px;float:left;
}
.hud_metal { background-position:-9px top; }
.hud_trude { background-position:-19px top; }
.hud_upkeep { background-position:left top;width:9px; }
.hud_time { background-position:-29px top;width:17px;float:right; }
.hud_end_turn, .hud_end_turn_hover { background-position:-195px top;width:73px;height:23px;float:right;padding-right:15px;cursor:pointer; }
.hud_end_turn_hover { background-position:-195px -23px; }
.hud_grid_off, .hud_grid_hover, .hud_grid_on { background-position:-249px -46px;float:right;width:27px;height:14px;cursor:pointer; }
.hud_grid_hover { background-position:-222px -46px; }
.hud_grid_on { background-position:-195px -46px; }
.hud_metal_txt, .hud_trude_txt, .hud_upkeep_txt, .hud_time_txt {
	cursor:default;
	font-family:tahoma,arial,sans-serif;
	padding-top:2px;
	font-size:11px;
	color:#FFFFFF;
	float:left;
}
.hud_metal_txt { color:#b1b1b1; }
.hud_trude_txt { color:#4dc7ff; }
.hud_upkeep_txt { color:#facea7; }
.hud_time_txt { color:#fe72cf;float:right; }
.grid {
	position:absolute;
	top:0;left:0;
	z-index:99;
	background-image:url('http://micro.reigngame.com/images/grid.png');
}

.user {
	position:relative;
	width:100%;
	height:27px;
	margin-left:3px;
	margin-right:-3px;
}
.user .color_marker {
	position:absolute;
	top:0;left:0;
	height:25px;
	width:2px;
	overflow:hidden;
}
.user .icon_marker {
	position:absolute;
	top:0;left:3px;
	width:25px;height:25px;
	background-image:url('http://micro.reigngame.com/images/avatars/default.gif');
	overflow:hidden;
}
.user .name_marker {
	position:absolute;
	top:5px;left:33px;
}
.user .turn_marker {
	position:absolute;
	top:4px;right:10px;
	width:16px;height:16px;
	background:url('http://micro.reigngame.com/images/game/hud.png') -62px 0px;
}



.selected3,.attack3 {
	background:left top url('http://micro.reigngame.com/images/game/circles.png') no-repeat;
	width:66px;height:66px;
}
.selected4,.attack4 {
	background:left -66px url('http://micro.reigngame.com/images/game/circles.png') no-repeat;
	width:88px;height:88px;
}
.selected5,.attack5 {
	background:left -154px url('http://micro.reigngame.com/images/game/circles.png') no-repeat;
	width:110px;height:110px;
}
.selected6,.attack6 {
	background:left -264px url('http://micro.reigngame.com/images/game/circles.png') no-repeat;
	width:132px;height:132px;
}
.attack3 { background:-66px top url('http://micro.reigngame.com/images/game/circles.png') no-repeat; }
.attack4 { background:-99px -66px url('http://micro.reigngame.com/images/game/circles.png') no-repeat; }
.attack5 { background:-110px -154px url('http://micro.reigngame.com/images/game/circles.png') no-repeat; }
.attack6 { background:-132px -264px url('http://micro.reigngame.com/images/game/circles.png') no-repeat; }

#unit_selector { position:absolute;z-index:105;overflow:hidden; }



.Transposer { z-index:110;position:absolute; }
.Transposer .unitimg {
	background:top left url('http://micro.reigngame.com/images/game/units.png') no-repeat;
	width:20px;height:27px;
}

.Soldier { z-index:110;position:absolute; }
.Soldier .unitimg {
	background:20px top url('http://micro.reigngame.com/images/game/units.png') no-repeat;
	width:20px;height:27px;
}

.unithp {
	width:11px;height:9px;z-index:110;
	position:absolute;left:-7px;
}


.Headquarters { z-index:110;position:absolute; }
.Headquarters .unitimg {
	background: top left url('http://micro.reigngame.com/images/game/structures.png') no-repeat;
	width:44px;height:44px;
}

.Mine { z-index:110;position:absolute; }
.Mine .unitimg {
	background: -88px top url('http://micro.reigngame.com/images/game/structures.png') no-repeat;
	width:33px;height:33px;
}

.Greenhouse { z-index:110;position:absolute; }
.Greenhouse .unitimg {
	background: -44px top url('http://micro.reigngame.com/images/game/structures.png') no-repeat;
	width:44px;height:44px;
}

.Barracks { z-index:110;position:absolute; }
.Barracks .unitimg {
	background: -121px top url('http://micro.reigngame.com/images/game/structures.png') no-repeat;
	width:44px;height:44px;
}

.Academy { z-index:110;position:absolute; }
.Academy .unitimg {
	background: -165px top url('http://micro.reigngame.com/images/game/structures.png') no-repeat;
	width:44px;height:44px;
}


.msel, .msel * { cursor:pointer; }
.mdef, .mdef * { cursor:default; }



/* GENERAL STYLES */

div.menu {
	position: absolute;
	top: 0;
	left: 0;
	font-family: verdana;
}
div.menu a {
	display: block;
	text-decoration: none;
	cursor: default;
	outline: none;
	font-size: 11px;
}
.menu .separator {
	height: 1px;
	padding: 0;
	overflow: hidden;
	display: block;
	font-size: 1px;
}
.menu ul, .menu li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.menu li {
	list-style-position: outside;
}

/* GOOGLE STYLES */

.menu.google {
	width: 8em;
	background: #fff;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #676767;
	border-right: 1px solid #676767;
}
.menu.google a {
	color: #00c;
	text-decoration: none;
	padding: 2px 5px;
	cursor: pointer;
	font-size: 12px;
}
.menu.google a:hover {
	background: #D3E3FE;
}
.menu.google a.disabled {
	color: #bbb;
}
.menu.google a.disabled:hover {
	background: #fff;
	color: #bbb;
}
.menu.google .separator {
	background: #ccc;
}
/* @other stuff for menu */
.menu.desktop li.separator {
	height: 1px;
}
.menu.desktop li.separator {
	border-bottom: 1px solid #fff;
	background: #aaa;
	margin: 1px 1px 0 1px;
	line-height: 1px !important;
}
.menu.desktop a.new {
  background: #f9f8f7 url('http://micro.reigngame.com/images/page.png') 2px 50% no-repeat;
}

/* we need explicit enabled class to overcome css deficiences (without creating unnecessary markup)
.menu.desktop a.enabled:hover {
	background-color: #0A246A;
	color: #fff;
}*/