h1 {
	letter-spacing: 8pt;
	font-weight: normal;
	font-size: 11px;
	margin: 0;
	padding: 0;
}

a:link, a:visited, a:hover, a:visited:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 11px;
}
a:link img, a:visited img, a:hover img, a:visited:hover img { border-width: 0 }
a:link { color: #44481c }
a:visited { color: #002f40 }
a:hover { color: #c50000 }
a:active { color: #dc0000 }

body, td, th, p, img {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #015C7E
}


html, body, #gameDiv {
	height: 100%;
}
.leftBody {
	padding-top: 4px;
	vertical-align: top;
	background-repeat: no-repeat;
	background-position: left 4px;
}
.leftFoot {
	padding-top: 25px;
	max-width: 700px;
	text-align: center;
}
.b_button {
	position: relative;
	float: left;
	width: 138px;
	height: 130px;
	text-align: center;
}
.leftFoot IMG {
	vertical-align: middle;
}

.tableHead {
	border: 1px solid #B3D39F;
	background-color: #FEFFF2;
}

.tableError {
	border: 1px solid #CC0000;
	background-color: #FEFFF2;
}

.tableRow {
	border: 1px solid #EBEBEB;
}

.tableForm {
	border: 0 solid #EBEBEB;
	padding-top: 1px;
	padding-bottom: 1px
}

.state {
	font-size: 11px;
	background-color: #fbfff9;
	cursor: pointer;
	height: 17px;
	border: 1px solid #b3d39f;
	padding-left: 3px;
	white-space: nowrap;
}
.state img { border-width: 0 }

#loadDiv {
	visibility: hidden;
	position: absolute;
	vertical-align: middle;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 200;
	background-color: #fbfff9
}
/*
*	 ======	Citizen Panel	======	 */
/* citizen main menu */
.panel {
	padding: 4px 2px;
	background-color: #fefff2;
	height: 100%;
	width: 300px;
}
.panel div, .panel img { vertical-align: middle }
#citizenMenu {
	width: 292px;
	padding: 2px 0;
	border: 1px solid #b3d39f;
	text-align: center;
	vertical-align: middle;
}
.menu { font-size: 4px }
.menu img { vertical-align: middle; margin: 0 2px }
.menu p {
	display: inline;
	padding: 0;
	margin: 0;
}
/* popup for submenu */
.subMenuBody {
	position: absolute;
	background-color: #fbfff9;
	border: 1px solid #fff;
}
.subMenuBody p { display: block }
.menu a:hover img, .menu a:visited:hover img { background-color: #55f }

/* Information panel */
.panelInfo, .panelState, .panelBiz { width: 300px; margin: 3px 0 }
.panelInfo td { width: 50% }
.panelInfo td, .panelBiz td { padding: 0 5px }
.panelInfo td, .panelState td, .panelBiz td {
	height: 17px;
	font-size: 11px;
	background-color: #fbfff9;
	border: 1px solid #b3d39f;
}
.panelState p {
	padding: 2px 0;
	margin: 0 2px;
	font-weight: bold;
	font-size: 9px;
}
.panelState div { position: relative; height: 15px }
.normal { background-color: #070 }
.warning { background-color: #c90 }
.extreme { background-color: #f44 }
.normal p, .warning p { color: #fff }
.extreme p { color: #444 }
.percent {
	font-weight: bold;
	font-size: 9px;
	color: #fff
}
/*	 ======	/ Citizen Panel	======	 *
*/
/*
*	 ======	Tables	======	 */
/* Citizen Panel in chat mode */
.usersTable, #chatHome, #chatCity, .panelTableWithChat, #smileTable, .prodTable, #chatColor {
	position: absolute;
	visibility: hidden;
	background-color: #fefff2;
	z-index: 11;
	opacity: 0.9;
/*	filter: alpha(opacity:90); !!! fix for IE select !!! */
}
.panelTableWithChat {
	top: 4px;
	left: 305px;
}
.prodTable {
	cursor: pointer;
	top: 3px;
	left: 304px;
	width: 100px;
}
.prodTable table { background-color: #fff }
.prodTable td, .prodTable th, #smileTable th {
	font-size: 11px;
	background-color: #fdfaf2;
	border: 1px solid #dad9c0;
}
.prodTable td, #leaseTable th { white-space: nowrap }
.prodTable th { text-transform: capitalize }
.trActivMyProd td { background-color: #fca }
.trLeaseOwn th, .trLeaseOwnHvr th { background-color: #cfb }
.trLeaseHvr td { background-color: #fde }
.trLeaseOwnHvr td, .trActivMyProdHvr td { background-color: #efd }
.trActiveHvr td { background-color: #fed }
/*	 ======	/ Tables  ======	 *
*/
/*
*	 ======	Chat	======	 */
#tdChat {
	position: relative;
	width: 284px;
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: top;
	background-color: #fbfff9;
	border: 1px solid #b3d39f;
}
#chatText {
	position: relative;
	overflow: auto;
	width: 100%;
	height: 100%;
}
#chatText div {
	position: relative;
	padding: 2px;
	margin: 2px;
	border-left: 1px solid #b3d39f;
	border-bottom: 1px solid #b3d39f;
}
#chatText p {
	padding: 2px;
	margin: 0;
	border-bottom: 1px dotted #b3d39f;
	font-size: 10px;
	color: #99a;
}
#chatText p span {
	margin: 0 15px 0 7px;
	font-size: 11px;
	cursor: pointer;
}
#chatText .separ {
	border-width: 0;
	position: relative;
	height: 25px;
}
.usersTable, #chatHome, #chatCity, #smileTable, #chatColor {
	left: 300px;
	z-index: 90;
}
#smileTable { width: 343px; height: 313px }
#chatHome, #chatCity { width: 200px; padding: 3px; }
#chatHome p, #chatCity p {
	white-space: nowrap;
	margin: 1px 10px;
	text-align: left;
	border-bottom: 1px dotted #eea;
}
#chatCity div {
	font-weight: bold;
	padding: 1px 0;
	border-bottom: 1px solid #b3d39f;
	border-top: 1px solid #b3d39f;
}
#chatColor { width: 215px; padding: 3px; margin: 0 }
#chatColor P {
	float: left;
	width: 15px;
	height: 15px;
	margin: 1px;
	border: 1px solid #444;
	padding: 0;
	cursor: pointer;
}
* HTML #chatColor P { width: 17px; height: 17px } /* For IE only */
#chatHome img, #chatCity img { margin: 0 5px; vertical-align: top }
#smileTable TH { width: 50px; cursor: pointer }
#smileTable P { cursor: pointer; margin: 0 0 3px; font-weight: bold; white-space: nowrap; background-color: #fff }
/*	 ======	/ Chat	======	 *
*/
/*
*	 ======	History	======	 */
.tbHistory td {
	border: 1px solid #b3d39f;
	background-color: #fefff2;
	padding: 3px 7px;
	cursor:pointer;
}
.tbHistory td.cur {
	font-weight: bold;
}
/*	 ======	/ History	======	 *
*/

/*
*	 ======	Pager	======	 */
.pager p, .pagerCur p {
	display: inline;
	padding: 1px 3px;
}
.pagerCur p {
	border: 1px dotted #bbb;
}
.pager:link, .pager:visited, .pager:hover, .pager:visited:hover,
.pagerCur:link, .pagerCur:visited, .pagerCur:hover, .pagerCur:visited:hover {
	margin: 1px;
	vertical-align: middle;
	text-decoration: none;
}
.pager img, .pagerCur img {
	vertical-align: middle;
}
.pagerCur p {
	background-color:	#f0f0f0;
}
.pager:hover p, .pager:visited:hover p,
.pagerCur:hover p, .pagerCur:visited:hover p {
	color: #522;
	background-color: #e0e0e0;
	text-decoration: underline;
}

/*	 ======	/ Pager	======	 *
*/

/*
*	 ======	Dynamic JS Tables	======	 */
.jsTable {
	border: 1px solid #dec;
	cursor: default;
}
.fb, .fb th, .fb td { font-weight: bold }
.cr, .cr th, .cr td { color: #822 }
.cg, .cg th, .cg td { color: #282 }
.cb, .cb th, .cb td { color: #228 }
.br, .br th, .br td { background-color: #fee }
.bg, .bg th, .bg td { background-color: #efe }
.bb, .bb th, .bb td { background-color: #eef }
.al, .al th, .al td { text-align: left }
.ac, .ac th, .ac td { text-align: center }
.ar, .ar th, .ar td { text-align: right }

.jsTable th {
	padding: 2px 4px;
	border: 1px solid #fca;
	background-color: #fefff2;
}
.jsTable .hSep th {
	padding: 0;
	height: 1px;
	border-width: 0;
	background-color: #b3d39f;
}
.jsTable td {
	padding: 3px 3px;
	border: 1px solid #fefff2;
	border-bottom-color: #b3d39f;
	border-left-color: #b3d39f;
	background-color: #fefff2;
}
.jsTrHvr td {
	border-top-color: #b3d39f;
	border-right-color: #b3d39f;
	background-color: #efd;
}
.jsTable a { text-decoration: underline }
/*	 ======	/ Dynamic JS Tables	======	 *
*/

/*
*	 ======	Challenge	======	 */
.divChall { padding: 5px 3px }
.challInterval {
	position: relative;
	width: 400px;
	margin-bottom: 5px;
	padding: 10px 0 1px 5px;
	border-bottom: 1px solid #ede;
	word-spacing: 10px;
}
.challInterval a {
	font-size: 12px;
	word-spacing: 1px;
}
#divChallenge {
	padding-left: 5px;
}
/*	 ======	/ Challenge	======	 *
*/

.menudown {
	visibility: hidden;
	cursor: pointer;
	position: absolute;
	top: 33px;
	z-index: 1;
	font-size: 11px;
	background-color: #FBFFF9;
	border: 1px solid #B3D39F;
}

.info {
	position: absolute;
	top: 4px;
	left: 4px;
	max-width: 650px;
	width: 296px;
	border: 1px solid #A0C3FC;
	z-index: 2;
	visibility: hidden;
	cursor: pointer
}
.infoHead { background-color: #F2F5F9 }
.infoText {
	background-color: #E4F2DF;
	line-height: 13px;
	opacity: 0.90;
	filter: alpha(opacity:90);
}
SPAN.ttl {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	visibility: hidden;
}

.buttonMain, .jsTable input {
	border: 1px solid #aac07c;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #fbfff9;
	font-size: 11px;
	color: #015c7e
}

.buttonBack {
 border: 1px solid #AAC07C;
 padding-top: 1px;
 padding-bottom: 1px;
 background-color: #FBFFF9;
 font-size: 11px;
 color: #015C7E;
 cursor:pointer;
}

.vipadmenuMain {
	border: 1px solid #aac07c;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #fbfff9;
	font-size: 11px;
	color: #015c7e
}

.pole, select {
	font-family: tahoma, arial, helvetica, sans-serif;
	border: 1px solid #aac07c;
	padding: 0;
	background-color: #fbfff9;
	font-size: 11px;
	color: #015c7e
}


body {
	scrollbar-face-color: #daead0;
	scrollbar-highlight-color: #aace95;
	scrollbar-shadow-color: #677b3c;
	scrollbar-3dlight-color: #d8e0c5;
	scrollbar-arrow-color: #435027;
	scrollbar-track-color: #e4f2df;
	scrollbar-darkshadow-color: #e9edde;
}

.boardHead { background-color: #F2F5F9 }
.boardText { opacity: 0.50; filter: alpha(opacity:50) }
.board {
 width:600;
 height:100;
 cursor: pointer;
 border: 0 solid #A0C3FC;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 2
}

.error
{
 font-weight: bold;
 color: #CC0000
}

.norm
{
 font-weight: bold;
 color: #007700
}

.prodList
{
	width:250;
	height:150;
	font-weight:bold;
	color:#009900
}

.line1 { background-color: #FEFFF2 }
.line2 { background-color: #F2FFEC }
.line3 { background-color: #FFCCAA }
.bgpekarnaSH { background-color: #F9F3D1 }
.bgmelnSM { background-color: #F7FBFD }
.bgfarmZK { background-color: #FBF0E3 }
.ambul { background-color: #F6FAFD }
.bguniverIW { background-color: #F4F1E1 }
.bankIMP { background-color: #FDF7DB }
.house { background-color: #FDFDF5 }
.auction { background-color: #FDF7E8 }
.market { background-color: #F7F4E8 }
.pigfarm { background-color: #F5F3F1 }
.kill { background-color: #FBF7F4 }
.meat { background-color: #F9F7EC }
.hcr { background-color: #F5F9F0 }
.fc { background-color: #FCFDFE }
.cowfarm { background-color: #F2F4E1 }
.milkfarm { background-color: #E9F5F8 }
.milk { background-color: #FFFFFF }
.sport { background-color: #FDFEF1 }
.pf { background-color: #FDFEF1 }
.pp { background-color: #FEF7DE }
.bee { background-color: #FFFAD7 }

.disabled {
	color: silver !important
}

.govstat td {
	border: 1px solid #B3D39F;
}

/** ***************************
*	MINIMAP	&&	MAP
*************************** **/
#mMap {
	position:absolute;
	top:40px;
	left:10px;
	z-index: 6;
	visibility: hidden;
	cursor: pointer;
	background-color: #a0c3fc;
}
#mMap table {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	border-collapse: collapse;
}
#mMap table div {
	position: absolute;
	width: 1px;
	height: 1px;
	visibility: hidden;
	overflow: hidden;
}
#mMap td {
	border: 1px dashed #aaa;
}
#mMapConvas {
	background-color: #a0c3fc;
	z-index: 8;
}
#mMapFocus {
	position: absolute;
	top: 1px;
	left: 1px;
	z-index: 9;
	background-color: #fff;
	border: 1px solid #222;
	opacity: 0.2;
	filter: alpha(opacity:20);
}
#mapDisplay, #mapConvas, .mapLoader {
	position: absolute;
	width: 700px;
	height: 700px;
	z-index: 5;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
#mapConvas {
	background: transparent repeat top left scroll;
}
#mapDisplay {
	top: 4px;
	border: 0 solid #B3D39F;
}
#mapConvas img {
	position: absolute;
	border-width: 0;
}
.mapLoader {
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 6;
	background: #fff url(../images/loading.gif) no-repeat center center;
}
#mInf {
	visibility: hidden;
	cursor: pointer;
	border: 1px solid #A0C3FC;
	position: absolute;
	top: 50px;
	left: 150px;
	z-index: 15;
}
#mInf td {
	white-space: nowrap;
}

/** ***************************
*	Menu in Building
*************************** **/
.menu_build {
	display: block;
	position: relative;
	width: 100%;
	padding-bottom: 7px;
	border-bottom: 3px double #ccc;
	margin-bottom: 7px;
}
.menu_build P {
	display: inline;
	line-height: 21px;
}
.menu_build A:link, .menu_build A:visited, .menu_build A:hover, .menu_build A:visited:hover,
.fr A:link, .fr A:visited, .fr A:hover, .fr A:visited:hover {
	position: static;
	padding: 2px 5px;
	border: 1px solid #b3d39f;
	margin: 0 1px;
	background-color: #fefff2;
	font-size: 11px;
	white-space: nowrap;
}
.menu_build A:hover, .menu_build A:visited:hover,
.fr A:hover, .fr A:visited:hover {
	border: 1px solid #ccc;
	background-color: #f2ffec;
	color: #015c7e;
}
.fr { float: right; margin: 0 }

/** ***************************
*	Clouds on MAP
*************************** **/
.cloudBody {
	position: absolute;
	width: 100%;
	height: 100%;
}
.cloudBody IMG {
	position: relative;
	visibility: hidden;
	z-index: 7;
	border: 0 none transparent;/*1px solid #f33;*/
	background-color: transparent;
}