.blocks 	{position: absolute; display: none; width:640px; height:480px;}
#info {position:absolute;top:-25px;left:0;background-color:yellow;width:64px;z-index:20000}
#info_panel {position:absolute;top:0px;width:175px;height:24px;background-color:darkblue;color:white;font-weight:bold;z-index:10005}
#info_panel2 {position:absolute;top:0px;width:100%;height:24px;color:white;font-weight:bold;z-index:10000}
.house {display:block;z-index:5;border:0px white dotted;position:absolute; cursor:move}
.move {position:relative;clear:right;float:right;right:-20px;top:-100px;margin-top:2px;background-color:#336;width:20px;height:20px; text-align:center; vertical-align:middle;cursor:pointer}
.move:hover {background-color:red}
.move_handler {background-color:red;width:20px;height:20px;text-align:center; vertical-align:middle;position:absolute;left:-20px;top:0px;cursor:move;color:white}
#map {z-index:0; position: absolute; cursor: move}
img.build_icon {cursor:pointer; margin: 5px; padding: 3px }
img.build_icon.active {border: 2px solid white}
#edge {
	position: relative;
	

width:700px;
height:700px;
	border: 4px white solid;
	
	z-index:0;


	overflow:hidden;
}
.none {display:none}
.sector {position:absolute;z-index:-1}
.land, .mark {position:absolute;border:0px white dotted;}
div.land img {z-index:50}
.land_but {cursor:pointer;border:1px solid white;margin-right:2px;width:16px;height:16px;float:left}
#ok {background: url("b_ok.png");}
#sell {background: url("b_sell.png");}
#del {background: url("b_del.png");}
#inf {background: url("b_inf.png");}

.land_but:hover {border: 1px solid red; z-index:100}	
button {border:1px black solid}
button:hover {background-color: #0072bc;color:white; cursor:pointer}
button.buy:hover {background-color: red;color:white; cursor:pointer}
button:active {background-color:red; color:white}
button.button_pressed {background-color:green;color:white}
button[disabled]:hover,button[disabled]:active {background-color: #white;color: gray; cursor:default;}
div.mark span{position:absolute;color:white;font-size:14px;top:30%;left:30%;width:80px; line-height:14px}
div.scape span, div.arch span{display:none}
.build_panel {
	position:absolute;
	bottom:0px;
	width:100%;
	height:150px;


	z-index:1000}
.preview_panel {text-align:center; position:absolute;bottom:0px;right:5px; padding: 5px; width:18%;height:150px;border:3px solid black; background-color: white;  z-index:1000}
ul.build {padding: 0px; margin: 0px; }
.op75 {filter:alpha(opacity=75);opacity: 0.75;-moz-opacity:0.75;}
.op50 {filter:alpha(opacity=60);opacity: 0.6;-moz-opacity:0.6;}
.op100 { {filter:alpha(opacity=100);opacity: 1;-moz-opacity:1;}}
ul.build li  {list-style:none; background-color:#900; color: white; padding: 2px; margin-bottom:2px; width:100px; font-family: sans-serif; text-align:left; }
ul.build li.active {background-color:yellow; color: black; }
ul.build li.active:hover {background-color:yellow; color: black; } 
ul.build li:hover, ul.build li.pressed {background-color: #C00; cursor:pointer; color: white;}
.build-block {margin-left:5px; float:left; display:block; width:64px; height:64px; vertical-align:middle;}
.build-block .active {border: 1px dashed red; padding: 2px}
.build-block:hover {cursor:pointer;}
.build-block img {max-width: 64px;max-height:64px}
.build_panel_blocks {overflow-y:scroll; overflow-x: hidden ; height:145px}
.load_panel {display:none;position:absolute; right:0px; bottom:0px; width:250px;height:200px;border:solid 1px red;background-color:white;z-index:1000}
.up_button {border: 2px solid red;z-index:55000;position:absolute;left:30%;top:0px;background-color:white;width:200px}
.up_button:hover {border: 2px solid green;z-index:55000}
.scape, .arch, .mark, .traf {cursor:pointer; -webkit-user-select: none; and -moz-user-select:none}

.land_control {position:absolute;z-index:20000;}
.land_control div {position:relative;top:-8px}
.move_off {background: url("b_move_off.png");}
.move_on {background: url("b_move_on.png")}
.movable {border:dashed 2px yellow;cursor:move}
input[type=text]{border:solid 1px grey}

.point {cursor:move;background-repeat: no-repeat;}
.road:hover .point {border:1px dotted; border-color:yellow;}
.span-off {color:lightgrey;border:1px dotted black;padding:2px;background: white}
.span-on {color:red;}
.p_nums {border:1px solid black; width:16px; height:16px;z-index:10000;vertical-align: top;color:black;margin-bottom:5px}
.water, .wadebo {z-index:5;  }
.cross{cursor:pointer}
#saveroad:active{background-color:red}
.invite {z-index:10000;cursor:pointer}
.control img {cursor:pointer}
.blue_title {font-size:14pt;background-color:#0072bc;color:white;width:100%;display: block; padding: 2px; margin-bottom:5px}
.cham_title {font-size:14pt;color:white;width:100%;display: block;margin-bottom:5px}
.color_block {color:white;width:60px;height:16px;padding:4px;margin-right:15px;margin-left:10px;display:inline-block; text-align:center}
.auction_high {width: 650px;line-height:36pt; display:block; text-align:left;background-color: green; color:white;font-size:16pt;}
.auction_low {width: 650px;line-height:36pt; display:block; text-align:left;background-color: grey; color:white;font-size:16pt;}
.centred {
	position: absolute;
	top: 50%;
	left: 50%;
	width:30em;
	height:18em;
	margin-top: -9em; /*set to a negative number 1/2 of your height*/
	margin-left: -15em; /*set to a negative number 1/2 of your width*/
	border: 1px solid #ccc;
	background-color: #f3f3f3;
	z-index:10000;
}
h1 {font-size:18pt;font-weight:bold;line-height:18pt;height:18pt}
input.big {font-size:14pt;width:64px;color:red}
#paywindow tr td {font-family:sans-serif; font-size:12pt}
textarea {font-family: sans-serif;overflow:auto;font-size:10pt;}
textarea[disabled] {background-color:white;color:black;border:0px; }
.site_sticker {font-family:sans-serif;background-image:url("trans_bg.png");text-decoration:none}
.site_sticker a:link,.site_sticker a:active, .site_sticker a:visited {color:black;font-size:11pt;padding:3px;}
.site_sticker a:hover {color:red; background-color:white;padding:3px;}
.namebox {font-family: sans-serif;overflow:auto;font-size:10pt;border:1px solid red;border:1px solid grey}
.namebox[disabled] {background-color:white;color:black;border:0px; font-weight:bold }
table.big_table 
table.big_table thead tr td {font-size:12pt; background-color: darkgreen; color: white; padding:5px;}
table.sortable  {font-size:12pt;background-color:white}
table.sortable thead {
    background-color:#eee;
    color:green;
   
    font-weight: bold;
    cursor: pointer;
}
table.sortable thead tr td {padding:8px;color:green;text-align: left}
table.sortable tr td {padding:12px;font-size:10pt;font-weight:bold;color: #666666}
.invite {cursor: pointer}
.water{z-index: 1}
.capital_flag,.flag_title{cursor:pointer}
img.select_village{background-image:url('/imap/land_highlight.png')}
table#village_info tr td{font-size: 11pt}
#buy_button {font-size: 18pt; color: white; background-color: red}
#buy_button.disabled{background-color: grey}
.price_button.on {background-color: red; color: white}
#help {overflow: hidden; padding: 5px; background-color: white; font-size: 11pt; width: 300px; position: fixed; right: 0; z-index: 1000}
#help.off {width:64px !important; height:64px; background: none !important}
img.flag_selected {border: 1px solid red !important}
.account_land_holder {
	clear: right;
	border: 1px dashed #d50000;
	background-color:white;
`	width: 100%;
	position: relative;
	height:24px;
	top: 0px;
	text-align:center;
	margin-bottom:20px;
	overflow: hidden; 
	width: 500px;
}
.invites {
	float: right;
	width: 490px;
	border:#0072bc 2px solid;
	padding:0px;
	margin:10px;
	text-align:center;
	vertical-align: center
}
.anons_text {
	padding: 2px;
	background-color: #fbff8a;
	margin: 2px;
	font-size: 10pt;
	width: auto;
	max-width: 200px;
	}
#anons_table {border: 5px solid white}
	
	#anons_table tr + tr + tr {background-color: white; }
	#anons_table tr + tr + tr + tr {font-weight: bold }
	#anons_table tr td {
		text-align: center;
		padding: 2px;
	}

.zoom_mini {position: absolute; background-image: url('/images/grass.gif'); display:none }