html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
body{font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted invert}hr{border-color:#ccc;border-style:solid;border-width:1px 0 0;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:square}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin: 0 3px 5px 3px}

#feed{
	position:absolute;
	width:250px;
	border-left:1px dashed #a7a7a7;
	right:0;
	height:95%;
	margin:0.5em;
	text-align:left;
	padding:0 0.5em 0.5em 1em;
	background-color:white;
}

#feed p{
	font-size:11px;
	padding-bottom:7px;
	border-bottom:1px solid #e7e7e7;
}

#feed .foot{
	font-size:12px;
	text-align:center;
}

#feed h2{
	font-size:1.6em;
	padding-bottom:0;
	margin-top:0;
	margin-bottom:0;
}

@charset "utf-8";
/* CSS Document */

html,body{
	margin:0;
	padding:0;
	height: 100%;
	width:100%;
	text-align:center;
}

html{
	background-color:black;
	background-repeat:repeat-x;	
}

#navigation{
	background-color:#1f9f17;
}

/********** TEXT AND HEADERS **********/ 

h1{
	margin:0 0 0.2em 0.1em;
	font-size:1.7em;
}

#fronth1{
	margin:3px 0 0 0;
	padding:0;
	font-size:1.4em;
}

h2{
	margin:1em 0 0.2em 0.1em;
	font-size:1.2em;
}

h3{
	margin:0 0 0.3em 0.1em;
	font-size:1.1em;
}

p{
	font-size:0.95em;
	margin:0 0 0 0.2em;
	margin-bottom:5px;
	color:#1e1e1e;
}

em{
	color:red;	
}

.trooplist p{
	padding:0;
	margin:0 5px 0 5px;
}
.villagelist p{
	padding:0;
	margin:0 5px 0 5px;
}

a{color:#0086bc;}

/********** FORMS **********/ 

.error-msg, .success-msg, .notice-msg, .note-msg {
    min-height:23px !important;
    margin-bottom:1em !important;
    border-style:solid !important;
    border-width:1px !important;
    background-repeat:no-repeat !important;
    background-position:10px 10px !important;
    padding:8px 8px 8px 32px !important;
    font-size:.95em !important;
    font-weight:bold !important;
}
.error-msg, .success-msg, .notice-msg{margin-bottom:.2em; }
.error-msg {
    border-color:#f16048;
    color:#df280a;
    background-color:#faebe7;
    background-image:url(http://media.konoro.org/media/error_msg_icon.gif);
}
.success-msg {
    border-color:#446423;
    color:#3d6611;
    background-color:#eff5ea;
    background-image:url(http://media.konoro.org/media/success_msg_icon.gif);
}

label{
	min-width:7em;
	float:left;
	margin-right:0.5em;
	display:block;
	font-weight:bold;
}

#search_box {
	width: 160px;
	height: 31px;
	background: url('http://media.konoro.org/media/field.png') no-repeat;
}

#search_box #s {
	float: left;
	padding: 1px;
	margin: 5px 0 0 6px;
	border: 1px solid #d3d3d3;
	width: 120px;
	background: none;
	font-style:italic;
}
#search_box #go {
	float: left;
	margin: 3px 1em 0 0;
}

#rank_box {
	width: 89px;
	height: 31px;
	background: url('http://media.konoro.org/media/rank.png') no-repeat;
}
#rank_box #s {
	float: left;
	padding: 1px;
	margin: 5px 0 0 6px;
	border: 1px solid #d3d3d3;
	width: 49px;
	background: none;
	font-style:italic;
}
#rank_box #go {
	float: left;
	margin: 3px 1em 0 0;
}

.editbtn{
	cursor:pointer;
}

.loginform{
	width:380px;
	background:url('http://media.konoro.org/media/back.jpg') no-repeat;
	margin:1em 1em 1em 0.3em;
	padding:4.5em 1em 1em 1em;
}

.loginform input[type=submit]{
	margin:0 0 0.5em 7.2em;
}

.loginform a{
	margin:0 0 0 7.5em;
}

form input[type=submit]{
	position:relative;
	overflow:hidden;
	height:25px;
	width:100px;
	border:0;
	padding:0 0 3px 0;
	margin:0 0 0.5em 0;
	cursor:pointer;
	color:white;
	background: #FFF url(http://media.konoro.org/media/login3.png);
}

#vill_id{
	width:200px;
}

.delete{
	background: #FFF url(http://media.konoro.org/media/delete.png)!important;
}

.color-1{color:red;}
.color-2{color:#0c7b00;}
.color-3{color:#0226ff;}


/********* TABLES **********/

#clanNotesBox{
	float:left;width:450px;border:1px solid #a1a1a1;
}

#clanNotesHeader{
	display:block;
	font-weight:bold;
	padding:0.3em;
	background:#02abfe url(http://media.konoro.org/media/thead.png) repeat-x;
}

#clanNotesContent{
	max-height:115px;overflow:auto;padding:0.2em;
}	

.clanNote{
	font-size:11px;
	display:block;
	padding:0.3em;
	border-bottom:1px solid #d7d7d7;
}

.clanNote span{
	font-weight:bold;color:red;
}

#clanNotesEdit{
	display:block;padding:0.2em;
}

.deluxemenu a{
	color:#005aff;
	font-weight:bold;
}

.deluxemenu a span{
	color:red;
}

.viewlist{
	width:650px;
}

.combatsimtable tbody td{
	padding:0.25em;
}

.combatsimtable td input{
	text-align:center;
}

.combatsim div{
	float:left;
	width:400px;
}

.combatsim label{
	width:10em;
}

.luckbar{
	width:200px;height:20px;
	border:1px solid black;
	text-align:center;
}

.luckbar p{
	display:inline-block;
	padding:0;
	margin:0 auto;
	width:50%;
}

.hpbar{
	position:relative;
	display:inline-block;
	left:5px;top:3px;
	min-width:120px;
	max-width:140px;height:13px;
	border:1px solid black;
	text-align:center;
}

.hpbar span{
	float:left;
	height:13px;
}

.top10{
	float:left;
	margin:1em 0 0.5em 0;
}

.top10 table{
	width:380px;
	margin:0 2em 0 0;
}

.top10 table thead td:last-child{
	text-align:center;
}

.top10 table tbody td:last-child{
	text-align:center;
}

.even{background-color:#f0f0f0;}

.selectedrow{border:2px solid #06C!important; background-color:#CAEAFF!important;}

.viewlog tbody tr td{
	padding:0.2em 1em 0.2em 1em;
}

.viewunitqueue tbody tr td{
	padding:0.2em 0 0.2em 0;
}

.unit:hover{
	cursor:pointer;
}

.viewmovement tbody tr td{
	padding:0.2em 1em 0.2em 1em;
}

table{
	width:100%;
}

table thead{
	font-weight:bold;
	border:1px solid #09C;
}

table thead td{
	padding:0.3em 0.5em 0.3em 0.5em;
	background:#02abfe url(http://media.konoro.org/media/thead2.png) repeat-x;
}

table tbody{
	font-size:12px;
	color:#404040;
	border:1px solid #09C;
}

table tbody tr{
	border:1px solid #09C;
}

table tbody td{
	border-top: 1px solid #b7b7b7;	
	padding:0.3em 0.5em 0.3em 0.5em;
	height:20px;
	vertical-align:middle;
}

table tbody td a{
	text-decoration:none;
	color:black;
	display:inline;
}

table tbody td img{
	padding:0 1em 0 0;
}

td{
	padding:0.2em 1em;
}	

table tfoot td{
	padding:0.5em;
	vertical-align:middle;
}

table tfoot td input{
	margin:0;
}

.log_units tbody td{
	background-color:white;
	text-align:center;
	padding:0.2em 0;
}

.log_units img{
	margin:0;
	padding:0;
}

.log_units td input{
	text-align:center;
}

.max{
	cursor:pointer;
}

.verifybox{
	line-height:40px;
	width:350px;
	height:40px;
	margin:0.5em 0.5em 0.5em 0;
}

.verifybox p{
	float:left;
}

.verifybox img{
	border:1px solid grey;
	float:right;
}

/********** DIVS **********/

#season-weather{
	position:relative;
	display:inline;
	float:left;
	min-width:150px;
	left:380px;
	top:4px;
}

#season-weather img{
	margin:1em 0.5em;
}

#banner_icons{
	position:relative;
	display:inline;
	top:3px;
	float:right;
	min-width:130px;
	font-size:14px;
}

#banner_icons a{
	position:relative;
	display:inline-block;
	text-decoration:none;	
	text-align:center;
	height:75px;
	max-width:90px;
	vertical-align:top;
	padding:0;
	margin:0 1em 0 0;
}

#banner_icons a span{	
	position:relative;
	color:black;
	display:block;
	text-align:center;
	font-weight:bold;
	height:18px;
	max-width:50px;
	padding:0 0 0 0;
}

#questicon{
	width:85px;
}

#mail_read, #mail_unread{
	display:inline-block;
	margin:0 auto;
	overflow:hidden;
	text-decoration:none;
	height:47px;
	background: url('http://media.konoro.org/media/mail.png') no-repeat;
}
	
#mail_read { background-position: 0 0; width: 55px;} 
#mail_unread { background-position: -62px 0; width: 51px;}

#logs, #logs2, #logs3{
	position:relative;
	display:inline-block;
	margin:0 auto;
	overflow:hidden;
	text-decoration:none;
	background: url('http://media.konoro.org/media/logs.png') no-repeat;
}

#logs { background-position: 0 0; width: 40px; height: 42px; } 
#logs2 { background-position: -50px 0; width: 40px; height: 42px; } 
#logs3 { background-position: -100px 0; width: 40px; height: 42px; } 

.movementlist{
	position:relative;
	float:left;
	width:250px;
	height:100%;
	margin:5px;
	padding:5px;
}

#languagebar{
	margin:0 auto;
	width:230px;
	height:20px;
}

#en,#fr,#de,#it,#cn,#pt,#sv,#ro,#cs{
	margin: 5px;
	float:left;
	width:16px;
	height:11px;
	overflow:hidden;
	background-image: url('http://media.konoro.org/media/flags.png');
}

#en{
	background-position: 0 0;
}
#fr{
	background-position: -16px 0;
}
#de{
	background-position: -32px 0;
}
#it{
	background-position: -48px 0;
}
#cn{
	background-position: -64px 0;
}
#pt{
	background-position: -80px 0;
}
#se{
	background-position: -96px 0;
}
#ro{
	background-position: -112px 0;
}
#cs{
	background-position: -128px 0;
}

.languages{padding:0.2em;margin:0;text-align:center;}
.languages img{margin:0.1em 0.5em 0 0;border-style:none;}

.languages span a{
	color:#e7e7e7;
	font-size:10px;
}

#container{
	clear:both;
	position:relative;
	margin:0.1em auto;
	width:960px;
	}
#header{
	clear:both;
	position:relative;
	overflow:hidden;
	height:75px;
	background:url(http://media.konoro.org/media/konoro-banner.png) no-repeat;
	}
#navigation{
	position:relative;
	background-color: #1f9f17;
	overflow:hidden;
	--background: #b70e0d!important;
	border:1px solid #032701;
	height:22px;
	}
#nav {
	float:left;
	text-align:left;
	list-style:none;
	height:22px;
	margin:0;
	padding:0;
}
#nav li{
	float:left;
	margin:0;
	padding:0;
	line-height:22px;
}
#nav li a{
	color:#ffffff;
	text-decoration:none;
	display:block;
	padding:0 0.6em;
}
#content{
	position:relative;
	top:-1px;
	overflow:hidden;
	background:white;
	padding:0;
	margin:0;
	min-width:958px;
	min-height:450px;
	border:1px solid black;
	border-bottom:0;
	zoom:1;
	}
#subnav{
	position:relative;
	float:left;
	width:105px;
	padding: 0.5em 0 0 0.7em;
	}

#subnav a img{
	margin: 0 0.4em 0.7em;
	}

#nav-village,#nav-fields,#nav-map,#nav-stats{
	margin: 0 0.4em 0.7em;
	float:left;
	width:100px;
	height:88px;
	overflow:hidden;
	background-image: url('http://media.konoro.org/media/subnav.png');
}

#nav-village{
	background-position: 0 0;
}
#nav-fields{
	background-position: -100px 0;
}
#nav-map{
	background-position: -200px 0;
}
#nav-stats{
	background-position: -300px 0;
}
	
#subcontent{
	position:relative;
	float:left;
	text-align:left;
	width:820px;
	max-width:820px;
	padding:0.3em 0.3em 0 1em;
}

#footer{
	clear:both;
	position:relative;
	text-align:center;
	background:url('http://media.konoro.org/media/footer.png') no-repeat;
	height:100%;
	top:-1px;
	padding:1.2em 0 0 0;
	margin:0 0 0 0;
	font-size:0.8em;
}
#footer p{
	color:grey;
}
#executiontime{
	color:#0e0e0e;
}
.subtitle{
	margin-bottom:1.2em;	
}
#sdetails{
	display:inline-block;
	width:145px;
}

#quicklinks{
	clear:both;
	border-top:1px dashed #a7a7a7;
	margin:0.3em 1em 0 1em;
	text-align:left;
}

#quicklinks .ql{
	display:inline-block;
	margin:0.5em 0.2em 0.2em 0.2em;
	padding:0.1em 0.5em 0.1em 0.5em;
	border:1px solid black;
	height:16px;
	font-size:12px;
	text-align:center;
	text-decoration:none;
	background:url('http://media.konoro.org/media/link-bg.png') repeat-x;
	color:black;
}

#quicklinks .addlink{
	display:inline-block;
	margin:0.5em 0.2em 0.2em 0.2em;
	padding:0.1em 0.5em 0.1em 0.5em;
	border:1px solid black;
	height:16px;
	font-size:12px;
	text-align:center;
	text-decoration:none;
	background:url('http://media.konoro.org/media/al-bk.png') repeat-x;
	color:black;
}

.clear{
	clear:both;	
}

/********** NAV **********/

.links{
	margin:0 0 0.6em 0.2em;
	color:#d0d0d0;
}

.links a{
	margin:0.1em;
}

/******** RESOURCES **************/

#resources {
	float:right;
	list-style: none;
	padding:0;
	margin:0;
}

#resources li{
	display:inline;
	float:left;
	margin:0;
	padding:0 0.1em 0 0;
}

#resources li a{
	padding:0.2em 1em 0.2em 0.6em;
	margin:0;
	font-size:0.95em;
	text-decoration:none;
	font-weight:bold;
	color:white;
}

.u0-1,
.u1-1,
.u10-1,
.u11-1,
.u12-1,
.u13-1,
.u14-1,
.u15-1,
.u2-1,
.u3-1,
.u4-1,
.u5-1,
.u6-1,
.u7-1,
.u8-1,
.u9-1{
	margin:0 auto;
	width:27px;
	height:21px;
	overflow:hidden;
	text-decoration:none;
	background: url('http://media.konoro.org/media/troops/1.png') no-repeat;
}

.u0-2,
.u1-2,
.u10-2,
.u11-2,
.u12-2,
.u13-2,
.u14-2,
.u15-2,
.u2-2,
.u3-2,
.u4-2,
.u5-2,
.u6-2,
.u7-2,
.u8-2,
.u9-2{
	margin:0 auto;
	width:27px;
	height:21px;
	overflow:hidden;
	text-decoration:none;
	background: url('http://media.konoro.org/media/troops/2.png') no-repeat;
}

.u0-3,
.u1-3,
.u10-3,
.u11-3,
.u12-3,
.u13-3,
.u14-3,
.u15-3,
.u2-3,
.u3-3,
.u4-3,
.u5-3,
.u6-3,
.u7-3,
.u8-3,
.u9-3{
	margin:0 auto;	
	width:27px;
	height:21px;
	overflow:hidden;
	text-decoration:none;
	background: url('http://media.konoro.org/media/troops/3.png') no-repeat;
}

.u0-1,.u0-2,.u0-3 { background-position: 0 0; } 
.u1-1,.u1-2,.u1-3 { background-position: -32px 0; } 
.u2-1,.u2-2,.u2-3 { background-position: -64px 0; } 
.u3-1,.u3-2,.u3-3 { background-position: -96px 0; } 
.u4-1,.u4-2,.u4-3 { background-position: -128px 0; } 
.u5-1,.u5-2,.u5-3 { background-position: -160px 0; } 
.u6-1,.u6-2,.u6-3 { background-position: -192px 0; } 
.u7-1,.u7-2,.u7-3 { background-position: -224px 0; } 
.u8-1,.u8-2,.u8-3 { background-position: -256px 0; } 
.u9-1,.u9-2,.u9-3 { background-position: -288px 0; } 
.u10-1,.u10-2,.u10-3 { background-position: -320px 0; } 
.u11-1,.u11-2,.u11-3 { background-position: -352px 0; } 
.u12-1,.u12-2,.u12-3 { background-position: -384px 0; } 
.u13-1,.u13-2,.u13-3 { background-position: -416px 0; } 
.u14-1,.u14-2,.u14-3 { background-position: -448px 0; } 
.u15-1,.u15-2,.u15-3 { background-position: -480px 0; } 

#queues{
	position:absolute;
	top:7px;left:462px;
	width:375px;
	font-size:10px;
}

#queues span{
	position:relative;
	top:4em;
	color:black;
	display:block;
	text-align:center;
}

#q1,#q2,#q3,#q4,#q5,#q6,#q7{
	margin: 0 1.1em 0 0;
	padding:0;
	float:left;
	width:40px;
	height:52px;
	overflow:hidden;
	text-decoration:none;
	background-color:#FFFFFF;
	background: url('http://media.konoro.org/media/queues.png') no-repeat;
}

#q8,#q9{
	margin: 0 0.4em 0 0!important;
	float:left;
	width:29px;
	height:52px;
	overflow:hidden;
	background: url('http://media.konoro.org/media/queues.png') no-repeat;
}

#q1 { background-position: 0 0; } 
#q2 { background-position: -45px 0; } 
#q3 { background-position: -90px 0; } 
#q4 { background-position: -135px 0; } 
#q5 { background-position: -180px 0; } 
#q6 { background-position: -225px 0; } 
#q7 { background-position: -270px 0; } 
#q8 { background-position: -315px 0; } 
#q9 { background-position: -349px 0; } 

.wood,.crystal,.metal,.food,.upkeep,.merchants{	
	position:relative;
	display:inline-block;
	margin:2px 5px 0 0;
	width:18px;
	height:12px;
	overflow:hidden;
	background-image: url('http://media.konoro.org/media/resources.png');
}

.wood{
	background-position: 0 0;
}
.crystal{
	background-position: -18px 0;
}
.metal{
	background-position: -36px 0;
}
.food{
	background-position: -54px 0;
}
.upkeep{
	background-position: -72px 0;
}
.merchants{
	background-position: -90px 0;
}

#resources a span{display:none;}
#resources a:hover{position:relative;cursor:default;}
#resources a:hover span {
	display: block;
   	position: absolute;
}
#resources a:hover span {
	top: -22px;left: -25px;
	height:18px; min-width:80px;
	white-space:nowrap;
	padding:0 0.5em 0 0.5em;
	background-color:#F4F4F4;
	border:1px solid #666;
	font-weight:bold;
	color:#292929;
	text-align:center;
	z-index:100;
}

/********** MAP **********/

#map{
	position:relative;
	margin:0 0 0.5em 0;
	float:left;
}

#map a{
	position:relative;
	border:none;
	float:left;
	width:52px;
	height:40px;
}

#map a img{
	width:52px;
	height:40px;
}

#map a.mapy{
	padding-left:10px;
	padding-top:10px;
	height:30px;
	width:40px;
	text-decoration:none;
	font-size:11px;
	text-align:left;
}

#map a.mapx{
	padding-top:5px;
	height:20px;
	text-decoration:none;
	font-size:11px;
	text-align:center;
}

#bigmap{
	position:relative;
	margin:0.4em;
	padding:0.5em;
	float:left;
	width:1440px;
	background-color:white;
}

#mapcontrol{
	position:relative;
	width:185px;
	text-align:center;
	float:left;
	margin:0.5em 0 0 0;
}

.activity{
	position:relative;
	height:120px;
	margin:0 0 4.5em 0;
}

.activity p{
	padding: 0.5em 0 0 0;	
}

.activity a{
	padding: 0.5em 0 0 0;	
}

#mapcontrol form{
	position:relative;
	text-align:center;
	margin:3em 0 0 0;
}

#arrows{
	position:relative;
	width:80px;
	height:70px;
	margin:2.5em auto;
}

#a-c,#a-d,#a-l,#a-ld,#a-lu,#a-r,#a-rd,#a-ru,#a-u {
	position:absolute;
	background: url('http://media.konoro.org/media/map/map-nav.png') no-repeat top left;
}

#a-c {
	background-position: 0 0;
	width:25px; height:25px;
	left:27px;top:27px;
} 
#a-d {
	background-position: -30px 0;
	width:32px; height:19px;
	left:24px;top:60px;
} 
#a-l {
	background-position: -67px 0;
	width:19px; height:32px;
	left:0;top:25px;
} 
#a-ld {
	background-position: -91px 0; 
	width:19px; height:19px;
	left:5px;top:55px;
} 
#a-lu {
	background-position: -115px 0;
	width:19px; height:19px;
	left:5px;top:5px;
} 
#a-r {
	background-position: -139px 0; 
	width:19px; height:32px;
	left:60px;top:25px;
} 
#a-rd {
	background-position: -163px 0;
	width:19px; height:19px;
	left:55px;top:55px;	
} 
#a-ru {	
	background-position: -187px 0;
	width:19px; height:19px;
	left:55px;top:5px;
} 
#a-u {
	background-position: -211px 0;
	width:32px; height:19px;
	left:24px;top:0px;
} 

.explored{
	height:200px;
	width:200px;
}

.surrounding{
	float:left;
	height:120px;
	width:160px;
	margin:1.5em 4em 1em 0;
}

.surrounding a{
	position:relative;
	border:none;
	float:left;
	width:52px;
	height:40px;
}

.surroundingtext{
	float:left;
	margin:0.5em 0 1em 0;
}

.surroundingtext p{
	margin:1em 2em 1em 0;
	padding:0 0 0.1em 0;
}

.rightdiv{
	float:left;
	width:550px;
}

.rightdiv h2{
	margin:0 0 0 0;
}

#mapcontrols3d{
	position:absolute;
	top:370px;
	right:50px;
	width:150px;
	height:70px;
	margin:2.5em auto;
	z-index:101;
	text-align:right;
}

#arrows3d{
	position:absolute;
	top:70px;
	right:70px;
	width:80px;
	height:70px;
	margin:2.5em auto;
	z-index:101;
}

#mapactivity3d{
	position:absolute;
	top:323px;
	left:30px;
	width:120px;
	height:70px;
	margin:2.5em auto;
	z-index:101;
	text-align:left;
}

#a3d-c,#a3d-d,#a3d-l,#a3d-ld,#a3d-lu,#a3d-r,#a3d-rd,#a3d-ru,#a3d-u {
	position:absolute;
	background: url('http://media.konoro.org/media/map/map-nav.png') no-repeat top left;
}

#a3d-c {
	background-position: 0 0;
	width:25px; height:25px;
	left:27px;top:27px;
}
#a3d-ld {
	background-position: -30px 0;
	width:32px; height:19px;
	left:24px;top:60px;
}
#a3d-lu {
	background-position: -67px 0;
	width:19px; height:32px;
	left:0;top:25px;
}
#a3d-l {
	background-position: -91px 0;
	width:19px; height:19px;
	left:5px;top:55px;
}
#a3d-u {
	background-position: -115px 0;
	width:19px; height:19px;
	left:5px;top:5px;
}
#a3d-rd {
	background-position: -139px 0;
	width:19px; height:32px;
	left:60px;top:25px;
}
#a3d-d {
	background-position: -163px 0;
	width:19px; height:19px;
	left:55px;top:55px;
}
#a3d-r {
	background-position: -187px 0;
	width:19px; height:19px;
	left:55px;top:5px;
}
#a3d-ru {
	background-position: -211px 0;
	width:32px; height:19px;
	left:24px;top:0px;
}


#map3d{
	position:relative;
	margin:0 0 0.5em 0;
	width:780px;
	height:380px;
	float:left;
}

#map3d .row span {
	background: url('http://media.konoro.org/media/3d_map/mapSprite-3d.png') no-repeat;
	margin: 0;
	float:left;
	overflow:hidden;
	text-decoration:none;
}

.map3d_x{ background: none !important; width:68px; height: 58px; }
.map3d_y{ background: none !important; width:68px; height: 58px; }

/** Old map **/

.mt1-1 ,
.mt1-2 ,
.mt1-3 ,
.mt1 ,
.mt10 ,
.mt2 ,
.mt21 ,
.mt22 ,
.mt23 ,
.mt24 ,
.mt3 ,
.mt4 ,
.mt5 ,
.mt6 ,
.mt7 ,
.mt8 ,
.mt9 ,
.mt30 ,
.mt31 ,
.fog {
	background: url('http://media.konoro.org//media/map/terrains.png') no-repeat;
	margin: 0;
	float:left;
	width:52px;
	height:40px;
	overflow:hidden;
	text-decoration:none;
}

.mt1-1 { background-position: 0 0; }
.mt1-2 { background-position: -57px 0; }
.mt1-3 { background-position: -114px 0; }
.mt1 { background-position: -171px 0; }
.mt10 { background-position: -228px 0; }
.mt2 { background-position: -285px 0; }
.mt21 { background-position: -342px 0; }
.mt22 { background-position: -399px 0; }
.mt23 { background-position: -456px 0; }
.mt24 { background-position: -513px 0; }
.mt3 { background-position: -570px 0; }
.mt4 { background-position: -627px 0; }
.mt5 { background-position: -684px 0; }
.mt6 { background-position: -741px 0; }
.mt7 { background-position: -798px 0; }
.mt8 { background-position: -855px 0; }
.mt9 { background-position: -912px 0; }
.mt30 { background-position: -969px 0; }
.mt31 { background-position: -1026px 0; }
.fog { background-position: -1083px 0; } 

/** Red tint **/
.fog3d-red { background-position: 0 0 !important; width: 68px; height: 58px; }
.mt3d-red-1-1 { background-position: 0 -63px !important; width: 68px; height: 58px; }
.mt3d-red-1-2 { background-position: 0 -126px !important; width: 68px; height: 58px; }
.mt3d-red-1-3 { background-position: 0 -189px !important; width: 68px; height: 58px; }
.mt3d-red-1-4 { background-position: 0 -252px !important; width: 68px; height: 58px; }
.mt3d-red-1-5 { background-position: 0 -315px !important; width: 68px; height: 58px; }
.mt3d-red-2-1 { background-position: 0 -378px !important; width: 68px; height: 58px; }
.mt3d-red-2-2 { background-position: 0 -441px !important; width: 68px; height: 58px; }
.mt3d-red-2-3 { background-position: 0 -504px !important; width: 68px; height: 58px; }
.mt3d-red-3 { background-position: 0 -567px !important; width: 68px; height: 58px; }
.mt3d-red-4 { background-position: 0 -630px !important; width: 68px; height: 58px; }
.mt3d-red-5-1 { background-position: 0 -693px !important; width: 68px; height: 58px; }
.mt3d-red-5-2 { background-position: 0 -756px !important; width: 68px; height: 58px; }
.mt3d-red-5-3 { background-position: 0 -819px !important; width: 68px; height: 58px; }
.mt3d-red-6-1 { background-position: 0 -882px !important; width: 68px; height: 58px; }
.mt3d-red-6-2 { background-position: 0 -945px !important; width: 68px; height: 58px; }
.mt3d-red-6-3 { background-position: 0 -1008px !important; width: 68px; height: 58px; }
.mt3d-red-7 { background-position: 0 -1071px !important; width: 68px; height: 58px; }
.mt3d-red-8 { background-position: 0 -1134px !important; width: 68px; height: 58px; }
.mt3d-red-9 { background-position: 0 -1197px !important; width: 68px; height: 58px; }
.mt3d-red-10 { background-position: 0 -1260px !important; width: 68px; height: 58px; }
.mt3d-red-21 { background-position: 0 -1323px !important; width: 68px; height: 58px; }
.mt3d-red-22 { background-position: 0 -1386px !important; width: 68px; height: 58px; }
.mt3d-red-23 { background-position: 0 -1449px !important; width: 68px; height: 58px; }
.mt3d-red-24 { background-position: 0 -1512px !important; width: 68px; height: 58px; }
.mt3d-red-30-1 { background-position: 0 -1575px !important; width: 68px; height: 58px; }
.mt3d-red-30-2 { background-position: 0 -1638px !important; width: 68px; height: 58px; }
.mt3d-red-30-3 { background-position: 0 -1701px !important; width: 68px; height: 58px; }
.mt3d-red-50 { background-position: 0 -1764px !important; width: 68px; height: 58px; }

/** Green basic **/
.fog3d-green { background-position: -73px 0 !important; width: 68px; height: 58px; }
.mt3d-green-1-1 { background-position: -73px -63px !important; width: 68px; height: 58px; }
.mt3d-green-1-2 { background-position: -73px -126px !important; width: 68px; height: 58px; }
.mt3d-green-1-3 { background-position: -73px -189px !important; width: 68px; height: 58px; }
.mt3d-green-1-4 { background-position: -73px -252px !important; width: 68px; height: 58px; }
.mt3d-green-1-5 { background-position: -73px -315px !important; width: 68px; height: 58px; }
.mt3d-green-2-1 { background-position: -73px -378px !important; width: 68px; height: 58px; }
.mt3d-green-2-2 { background-position: -73px -441px !important; width: 68px; height: 58px; }
.mt3d-green-2-3 { background-position: -73px -504px !important; width: 68px; height: 58px; }
.mt3d-green-3 { background-position: -73px -567px !important; width: 68px; height: 58px; }
.mt3d-green-4 { background-position: -73px -630px !important; width: 68px; height: 58px; }
.mt3d-green-5-1 { background-position: -73px -693px !important; width: 68px; height: 58px; }
.mt3d-green-5-2 { background-position: -73px -756px !important; width: 68px; height: 58px; }
.mt3d-green-5-3 { background-position: -73px -819px !important; width: 68px; height: 58px; }
.mt3d-green-6-1 { background-position: -73px -882px !important; width: 68px; height: 58px; }
.mt3d-green-6-2 { background-position: -73px -945px !important; width: 68px; height: 58px; }
.mt3d-green-6-3 { background-position: -73px -1008px !important; width: 68px; height: 58px; }
.mt3d-green-7 { background-position: -73px -1071px !important; width: 68px; height: 58px; }
.mt3d-green-8 { background-position: -73px -1134px !important; width: 68px; height: 58px; }
.mt3d-green-9 { background-position: -73px -1197px !important; width: 68px; height: 58px; }
.mt3d-green-10 { background-position: -73px -1260px !important; width: 68px; height: 58px; }
.mt3d-green-21 { background-position: -73px -1323px !important; width: 68px; height: 58px; }
.mt3d-green-22 { background-position: -73px -1386px !important; width: 68px; height: 58px; }
.mt3d-green-23 { background-position: -73px -1449px !important; width: 68px; height: 58px; }
.mt3d-green-24 { background-position: -73px -1512px !important; width: 68px; height: 58px; }
.mt3d-green-30-1 { background-position: -73px -1575px !important; width: 68px; height: 58px; }
.mt3d-green-30-2 { background-position: -73px -1638px !important; width: 68px; height: 58px; }
.mt3d-green-30-3 { background-position: -73px -1701px !important; width: 68px; height: 58px; }
.mt3d-green-50 { background-position: -73px -1764px !important; width: 68px; height: 58px; }

/** Blue tint **/
.fog3d-blue { background-position: -146px 0 !important; width: 68px; height: 58px; }
.mt3d-blue-1-1 { background-position: -146px -63px !important; width: 68px; height: 58px; }
.mt3d-blue-1-2 { background-position: -146px -126px !important; width: 68px; height: 58px; }
.mt3d-blue-1-3 { background-position: -146px -189px !important; width: 68px; height: 58px; }
.mt3d-blue-1-4 { background-position: -146px -252px !important; width: 68px; height: 58px; }
.mt3d-blue-1-5 { background-position: -146px -315px !important; width: 68px; height: 58px; }
.mt3d-blue-2-1 { background-position: -146px -378px !important; width: 68px; height: 58px; }
.mt3d-blue-2-2 { background-position: -146px -441px !important; width: 68px; height: 58px; }
.mt3d-blue-2-3 { background-position: -146px -504px !important; width: 68px; height: 58px; }
.mt3d-blue-3 { background-position: -146px -567px !important; width: 68px; height: 58px; }
.mt3d-blue-4 { background-position: -146px -630px !important; width: 68px; height: 58px; }
.mt3d-blue-5-1 { background-position: -146px -693px !important; width: 68px; height: 58px; }
.mt3d-blue-5-2 { background-position: -146px -756px !important; width: 68px; height: 58px; }
.mt3d-blue-5-3 { background-position: -146px -819px !important; width: 68px; height: 58px; }
.mt3d-blue-6-1 { background-position: -146px -882px !important; width: 68px; height: 58px; }
.mt3d-blue-6-2 { background-position: -146px -945px !important; width: 68px; height: 58px; }
.mt3d-blue-6-3 { background-position: -146px -1008px !important; width: 68px; height: 58px; }
.mt3d-blue-7 { background-position: -146px -1071px !important; width: 68px; height: 58px; }
.mt3d-blue-8 { background-position: -146px -1134px !important; width: 68px; height: 58px; }
.mt3d-blue-9 { background-position: -146px -1197px !important; width: 68px; height: 58px; }
.mt3d-blue-10 { background-position: -146px -1260px !important; width: 68px; height: 58px; }
.mt3d-blue-21 { background-position: -146px -1323px !important; width: 68px; height: 58px; }
.mt3d-blue-22 { background-position: -146px -1386px !important; width: 68px; height: 58px; }
.mt3d-blue-23 { background-position: -146px -1449px !important; width: 68px; height: 58px; }
.mt3d-blue-24 { background-position: -146px -1512px !important; width: 68px; height: 58px; }
.mt3d-blue-30-1 { background-position: -146px -1575px !important; width: 68px; height: 58px; }
.mt3d-blue-30-2 { background-position: -146px -1638px !important; width: 68px; height: 58px; }
.mt3d-blue-30-3 { background-position: -146px -1701px !important; width: 68px; height: 58px; }
.mt3d-blue-50 { background-position: -146px -1764px !important; width: 68px; height: 58px; }

/********** BUILDINGS **********/

.buildingmenu{	
	margin:1em;
	padding:1em 0 0.5em 0;
	width:810px;
	border-top:1px solid #E2E2E2;
}

.build{	
	padding:1.5em 0 1.5em 0;
	margin:1em 0 1em 0;	
	width:810px;
	min-height:100px;
	border-top:1px solid #E2E2E2;
}

.buildpic{
	position:relative;
	top:-15px;
	float:left;
}
.buildpic2{
	position:relative;
	top:-15px;
	float:left;
}

.text{
	position:relative;
	float:left;
	width:450px;
	margin:0 0 0.2em 1.5em;	
}

#fieldset{
	float:left;
	position:relative;
	height:350px;
	width:414px;
	margin:0 0 1em 0;
	padding:0 0 0 0;
}

#fieldset .field{
	position:relative;
	float:left;
	width:138px;
	height:118px;
	text-align:center;
	margin:0;
	padding:0;
}

#f-nw{background:url('http://media.konoro.org/media/b/fields/nw.jpg')}
#f-ne{background:url('http://media.konoro.org/media/b/fields/ne.jpg')}
#f-sw{background:url('http://media.konoro.org/media/b/fields/sw.jpg')}
#f-se{background:url('http://media.konoro.org/media/b/fields/se.jpg')}

#fieldset .field a{
	position:absolute;
	width:69px;
	height:42px;
	color:black;
	font-weight:bold;
	text-decoration:none;
	font-size:14px;
	padding-top:17px;
	vertical-align:middle;
}

.fdetails{
	float:left;	
	position:relative;
	width:280px;
	margin:0 0 0 7em;
	padding:0 0 0 0;
}

.fdetails p{
	padding:0em;	
}

.mini-view{
	border:1px solid black;
	height:15px; width:15px;
	margin:0.1em 0.5em 0 0;
	float:left;
}

.field51{position:absolute;top:0px; left:0px;}
.field52{position:absolute;top:0px; left:69px;}
.field53{position:absolute;top:59px; left:0px;}
.field54{position:absolute;top:59px; left:69px;}

.resf911{background-image:url('http://media.konoro.org/media/b/fields/911.gif');}
.resf912{background-image:url('http://media.konoro.org/media/b/fields/912.gif');}
.resf913{background-image:url('http://media.konoro.org/media/b/fields/913.gif');}
.resf914{background-image:url('http://media.konoro.org/media/b/fields/914.gif');}

.resf921{background-image:url('http://media.konoro.org/media/b/fields/921.gif');}
.resf922{background-image:url('http://media.konoro.org/media/b/fields/922.gif');}
.resf923{background-image:url('http://media.konoro.org/media/b/fields/923.gif');}
.resf924{background-image:url('http://media.konoro.org/media/b/fields/924.gif');}

.resf931{background-image:url('http://media.konoro.org/media/b/fields/931.gif');}
.resf932{background-image:url('http://media.konoro.org/media/b/fields/932.gif');}
.resf933{background-image:url('http://media.konoro.org/media/b/fields/933.gif');}
.resf934{background-image:url('http://media.konoro.org/media/b/fields/934.gif');}

.resf941{background-image:url('http://media.konoro.org/media/b/fields/941.gif');}
.resf942{background-image:url('http://media.konoro.org/media/b/fields/942.gif');}
.resf943{background-image:url('http://media.konoro.org/media/b/fields/943.gif');}
.resf944{background-image:url('http://media.konoro.org/media/b/fields/944.gif');}

#town{
	position:relative;
	width:815px;
	height:372px;
	border:0px solid #004305;
	background: url('http://media.konoro.org/media/konoro-village.jpg') no-repeat;
}

#vmap{
	width:815px;height:372px;z-index:50;	
}

#town img{position:absolute;}
.pos1{left: 232px; top: 125px;z-index:2;}

.pos2{position:absolute;left: 163px; top: -24px;z-index:1;}
.pos3{position:absolute;left: 135px; top: 17px;z-index:2;}

.pos4{left: 437px; top: 5px;z-index:2;}
.pos5{left: 503px; top: -7px;z-index:1;}
.pos6{left: 85px; top: 38px;z-index:3;}
.pos7{left: 230px; top: 63px;z-index:1;}

.pos8{left: 476px; top: 68px;z-index:4;}

.pos9{left: 68px; top: 170px;z-index:7;}

.pos10{left: 131px; top: 151px;z-index:6;}

.pos11{left: 290px; top: 180px;z-index:3;}
.pos12{left: 527px; top: 134px;z-index:6;}
.pos13{left: 580px; top: 160px;z-index:7;}
.pos14{left: 461px; top: 193px;z-index:3;}
.pos15{left: 541px; top: 201px;z-index:8;}

.pos21{left: 25px; top: 90px;z-index:4;}
.pos22{left: 98px; top: 118px;z-index:5;}
.pos23{left: 353px; top: 71px;z-index:1;}
.pos24{left: 596px; top: 15px;z-index:3;}
.pos25{left: 390px; top: 142px;z-index:2;}
.pos26{left: 387px; top: 219px;z-index:4;}

.pos31{left: 290px; top: 0px;z-index:1;}
.pos32{left: 583px; top: 100px;z-index:5;}
.pos33{left: 215px; top: 221px;z-index:7;}

.pos40{left: 0px; top: 0px;z-index:1;margin-left:23px!important;margin-top:23px!important;}

.stage_ttip{
	z-index:10;
	margin-left:70px;
	margin-top:80px;
	position:absolute;
	display:none;
	text-align:center;
	border:1px solid black;
	min-width:20px;
	padding:1px;
	background-color:white;
}

.stage_ttip a{
	color:black;
	text-decoration:none;
}

.stage_ttip  .maxed{font-weight:bold;}
.stage_ttip  .upgrading{color:#119300;}
.stage_ttip  .constructing{color:#119300;}
.stage_ttip .repairing{color:#0078ff;}
.stage_ttip .destroying{color:grey;}
.stage_ttip .degrading{color:grey;}
.stage_ttip .damaged{color:red;}

#show_stages{
	color:black;
	cursor:pointer;
	z-index:200;
	display:inline-block;
	font-size:14px;
	position:absolute;
	right:5px;
	bottom:0;
	margin:0;
	padding:0;
	font-weight:bold;
}
 
 .resSwapPane div{
	display:inline-block;
	padding:3px;
 }
 
 .resSwapPane div a{
	color:black;
	text-decoration:none;
 }


/************ QUEUES ***********/

#attacks{
	color:red;
	font-weight:bold;
}

/******** COLOUR PICKER **************/

div.color_picker {
  height: 16px;
  width: 16px;
  padding: 0 !important;
  border: 1px solid #ccc;
  background: url('http://media.konoro.org/media/arrow.gif') no-repeat top right;
  cursor: pointer;
  line-height: 16px;
}

div#color_selector {
  width: 110px;
  position: absolute;
  border: 1px solid #598FEF;
  background-color: #EFEFEF;
  padding: 2px;
}
  div#color_custom {width: 100%; float:left }
  div#color_custom label {font-size: 95%; color: #2F2F2F; margin: 5px 2px; width: 25%}
  div#color_custom input {margin: 5px 2px; padding: 0; font-size: 95%; border: 1px solid #000; width: 65%; }

div.color_swatch {
  height: 12px;
  width: 12px;
  border: 1px solid #000;
  margin: 2px;
  float: left;
  cursor: pointer;
  line-height: 12px;
}


/* styles adopted from Nidahas - Forms markup and CSS (http://nidahas.com/2006/12/06/forms-markup-and-css-revisited/) */
/* General styles */

/* Form styles */

div.controlset {display: block; float:left; width: 100%; padding: 0.25em 0;}

div.controlset label, 
div.controlset input,
div.controlset div { display: inline; float: left; }

div.controlset label{
	font-size:12px;
	width:90px;
}

#atffc { display: none; }

.changelog{
	list-style-type:none;
	margin:0;
	padding:0 0 0 1em;
	color:#222;
}

.changelog li b{
	display:inline-block;
	text-align:left;
	width:4em;
	margin-right:20px;
	color:#000;
}

.changelog li{
	padding:0;
	margin:0;
	line-height:1.4em;
}

.changelog .added{
}

.changelog .changed{
}

.changelog .fixed{
}