* {
	border: 0px;
	margin: 0px;
	padding: 0px;
	font-family: verdana;
	font-size: 10px;
	margin: 0px;
	line-height:140%;
}

body {
	background-color: #F6EFDD;
	background-image: url('/img/background_simple.jpg');
	background-position: left top;
	background-repeat: repeat-y;
	color: #404040;
	height: 101%;
	margin: 0;
	z-index: -20;
}

h1 {
	font-size: 18px;
}

h2 {
	font-size: 16px;
}

h3 {
	font-size: 14px;
}

h4,h5,h6 {
	font-size: 13px;
}

h1,h2,h3,h4,h5,h6 {
	margin-bottom: 6px;
	margin-top: 5px;
}

hr {
	background-color: #AAA;
	height: 1px;
	margin:5px;
}

.big {
	font-size:1.3em;
}
table.boxed th,table.boxed td {
	padding: 3px;
}

p {
	margin-bottom: 5px;
}

a {
	font-weight: bold;
	color: #404040;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

div#container {
	background-image: url('/img/background.jpg');
	background-position: center top;
	background-repeat: no-repeat;
	height: 791px;
	position: relative;
	width: 1000px;
}

div#top {
	background-image: url('/img/top_login.jpg');
	background-position: right top;
	background-repeat: no-repeat;
	position: relative;
	height: 122px;
	width: 620px;
}

div#top .city {
	left: 25px;
	margin-top: 8px;
	position: absolute;
	top: 22px;
	height:25px;
	font-weight: bold;
}

/** plus **/

img.plus {
    margin-left: 5px;
    vertical-align: text-bottom;
}

/*opera hack*/
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
	img.plus {
    	vertical-align: middle;
    	margin-bottom:1px;
	}
}


/** topinfo **/

#topinfo_lobby {
    background-image: url("/img/top_lobby.jpg");
    width:515px;
}

.topinfo {
    background-position: right top;
    background-repeat: no-repeat;
    height: 120px;
    margin-left: 20px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    width: 620px;
}


div#top .player,
div#topinfo_lobby .player {
	float: left;
	font-size: 1.5em;
	font-weight: bold;
	left: 25px;
	margin-top: 5px;
	position: absolute;
	text-align: left;
	top: 0px;
}

#playerinfo {
	position:absolute;
	text-align:right;
	top:0px;
	right:0px
}

#playerinfo table,
#topinfo_lobby .playerinfo {
	margin:5px 10px 0 0;
}

div#top #newmsg {
	position: absolute;
	top:55px;
	left:45px;	
}

div#incomingAttacks {
	display:inline-block;
	position:relative;
	width:50px;
	height:16px;
	padding:5px;
	text-align: center;
	top:-23px;
	left: 100px;
	background-color: #F1E7CC;
	border:1px solid #D8BC8A;
	z-index:5;
}

div#incomingAttacks a {
	line-height:16px;
	font-size: 14px;
	font-weight:bold;
	display:block;
	
}
div#incomingAttacks a:hover {
	text-decoration: none;
}


#wood {
	right: 464px;
}

#stone {
	right: 312px;
}

#iron {
	right: 166px;
}

#gold {
	right: 15px;
}

#login {
	height: 122px;
	background-image: url('/img/top_lobby_login.jpg');
	background-position: right top;
	background-repeat: no-repeat;
}

#mainview {

}

#right, #menuframe {
	width:180px;
}

#mainview {
	padding: 5px 13px 10px 13px;
}

#right {
}


.popup {
	display:none;
	position:absolute;
	z-index:5;
    background-color: #F6EFDD;
}

.citylist {
	top:20px;
	left:1020px;
}

#rounds div.gameconfig,
#roundsPlanned div.gameconfig,
#worlds div.gameconfig {
	display:none;
	background-color:#F5EDD6;
	width:400px;
	margin-top:15px;
}


/** MENU **/
.pngmenu {
	margin-bottom: 13px;
}

.menutop .pngmenu {
	margin-left:5px;
	width:170px;
}

.pngmenu a {
	padding: 0;
	height:20px;
}

.pngmenu li {
	background-image: url(/img/menu/menu_middle_170.png);
	background-repeat: no-repeat;
	list-style-type: none;
	padding-bottom: 4px;
	height: 20px;
	line-height: 20px;
	margin:0px;
}


.pngmenu li.active {
}

.pngmenu li.first,.pngmenu li.last {
	padding-bottom: 4px;
	text-align: center;
	background-repeat: no-repeat;
}

.pngmenu li.first {
	height: 9px;
	background-image: url(/img/menu/menu_top_170.png);
	background-position: left top;
	padding: 8px 0 4px;
}

.pngmenu li.last {
	height: 15px;
	background-image: url(/img/menu/menu_bottom_170.png);
	background-position: left bottom;
	padding: 0 0 8px;
}




.pngmenu.shoutbox {
	width:170px;	
}

.pngmenu.shoutbox li {
	height: auto;
	line-height: 13px;
	padding: 0 15px 0 15px;
	padding-bottom: 5px;
	word-wrap: break-word;
	background-repeat: no-repeat;
}

.pngmenu.shoutbox li.first,
.pngmenu.shoutbox li.last {
	height:15px;
}







img.res {
	vertical-align: top;
}

.ressi {
	font-size: 10px;
	line-height: 130%;
	position: absolute;
	text-align: right;
	top: 97px;
	width: 100px;
}

.ressi.full {
	color:#FF3300;	
}

input,textarea {
	padding: 2px;
	padding-left: 3px;
	padding-right: 3px;
	padding-left: 3px;
}

.selectbox,input,select,textarea,button {
	background-color: #FFF9EC;
	border: 1px solid #777777;
	color: #555555;
	font-family: verdana;
	font-size: 10px;
	height: 17px;
	line-height: 22px;
}

.selectbox, select {
	height:20px;
}

select.big,
select.big option  {
	font-size:14px;
}
select.big {
	height:26px;
	padding:2px;
}

select.big option {
	padding:5px;
}



textarea {
	line-height: 140%;
}


textarea {
	height:auto;
}

input[type="checkbox"] {
	border:0px;
	vertical-align: text-top;
	
}
input[type="radio"] { 
	border-style:none; 
}


button,
.btn {
	background-image: url('/img/button.jpg');
	border: 1px solid #777777;
	font-size: 1em;
	text-shadow:1px 1px 1px #fff;
	height: 22px;
	padding:0px 5px 2px 5px;
	vertical-align: top;
	line-height: 20px;
	font-weight: bold;
	color:#404040;
}

a.btn {
	display:inline-block;
	text-align: center;
	height:20px;
	padding:0px 15px;
}

.btn:hover,
.btnbig:hover {
	cursor: pointer;
	text-decoration: none;
}

.btnbig_red, .btnbig {
    background-image: url("/img/button_big.jpg");
    border: 1px solid #000000;
    color: #000000;
    font-size: 1.3em;
    font-weight: bold;
    height: 35px;
    margin: 10px;
    padding: 6px;
	text-shadow:1px 1px 1px #fff;
}
.btnbig_red {
    color: #EEE;
    text-shadow:1px 1px 1px #000;
    background-image: url("/img/button_bigred.jpg");
}

table.coords input {
    font-size: 15px;
    font-weight: bold;
    height: 23px;
    margin: auto;
    text-align: center;
}

table.padd5 td,
table.padd5 th {
	padding: 5px;	
}

.normal {
	font-weight: normal;
}
.bold {
	font-weight: bold;
}
.red {
	color:red;
}
.green {
	color:green;
}
.orange {
	color:orange;
}

.right {
    text-align: right;
}
.left {
    text-align: left;
}
.float_left {
	float:left;
}
.float_right {
	float:right;
}

.small {
	font-size:0.9em;
}

.boxed {
	border: 1px solid #888888;
	color: #555555;
	/* background-color: #FFF9EC;*/
}

table.boxed {
	margin-bottom: 10px;
}

.table_head_all th,
.table_head_all td,
.table_head th,
.table_head td {
	border-bottom: 1px solid #000;
}
.table_head_top th,
.table_head_top td,
.table_head_all th,
.table_head_all td {
	border-top: 1px solid #000;
}

.table_head, 
.table_head_top,
.table_head_all,
.table_2 {
	background-color: #FFF9EC;
}

.table_3 {
	background-color: #E2D0A8;
}

span
.percent,span.timer {
	display: none;
}

/* TABS */
.tabs {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 4px;
	margin-bottom: 0px;
	height: 25px;
	border-bottom: 1px solid #101010;
}

.tabs li {
	float: left;
	margin: 0 0 0 1px;
	width: auto;
	overflow: hidden;
}

.tabs a,.tabs span,.tabs a span {
	background-image: url('/img/bg_tabs.jpg');
	Background-repeat: no-repeat;
	background-position: left -59px;
	display: block;
	padding: 0 7px 0 10px;
	height: 25px;
	line-height: 25px;
	text-align: center;
}

.tabs a {
	font-size: 10px;
	line-height: 18px;
	padding-left: 0;
	position: relative;
	text-align: center;
	text-decoration: none;
	top: 1px;
	white-space: nowrap;
	z-index: 2;
	background-position: right -89px;
}

.tabs a span {
}

.tabs a.selected,
.tabs a.selected_over,
.tabs a:hover,
.tabs a:focus,
.tabs a:active {
	background-position: right -29px;
}

.tabs a.selected span,
.tabs a span:hover {
	background-position: left 0px;
	color: #000000;
}


.tabs li span img {
	vertical-align: bottom;
	margin-bottom:3px;
	margin-right:1px;
	
}


.tabs .newfolder a {
	color: #FFFF00;
}

.tabcontainer {
	margin-top: 10px;
	margin-bottom: 15px;
}

.tabcontainer div {
	margin-top: 0px;
	padding: 5px;
	margin-bottom: 10px;
	clear: both;
	border: 1px solid #999999;
	border-top: 0px;
	background: #F5EDD6;
}

.tabcontainer div div,
.tabcontainer div.noborder,
.tabcontainer div.noborder div {
	padding:0px;
	background: none;
	border: none;
}

/** ADS **/
#ad_inline {
	margin: 10px 0px;
}



body div.cmdunitspopup {
	position:absolute;
	display:none;
	margin-top:10px;
	padding:0px;
	border:1px solid #999;
	background-color: #F5EDD6; 
}


/** map **/

#map table {
  border-spacing:1px;
  border-collapse:separate;
  margin:auto;
}

#map .grid tr {
	height:15px;
}

#map .grid td {
	width:15px;
}

#map .grid td img {
	vertical-align: top;
}

#map .grid td .maparrow {
	margin:8px;
}

#map span {
	font-size:8px;
	display:block;
	width:15px;
	height:15px;
	background-image: url('/img/map_field.gif');
	background-repeat: no-repeat;
}

#map span.own {
	background-image: url('/img/map_own.gif');	
}

#map span.enemy {
	background-image: url('/img/map_enemy.gif');	
}

#map span.none {
	background-image: url('/img/map_none.gif');	
}


.flash-msg {
    height: auto;
    padding: 7px;
    margin-bottom: 15px;
    text-align: center;
    background: #ededed;
    font-size:11px;
    font-weight:bold;
    opacity: .6;
    filter: alpha(opacity=60);
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
}
.flash-msg.error {
    background: #FFBABA;
    border: 1px solid red;
    color: #ED000C;
}
.flash-msg.success {
    background: #e6ffe1;
    border: 1px solid green;
    color: #1c6b1c;
}
.flash-msg.info {
    background: #ededed;
    border: 1px solid #404040;
    color: #404040;
}

.numbers {
	display:inline-block;
	height:50px;
	width: 40px;
	overflow: hidden;
	background-image: url('/img/numbers/numbers_sprite.png');
}

.numbers.num0 { background-position: 0px 0; }
.numbers.num1 { background-position: -40px 0; }
.numbers.num2 { background-position: -80px 0; }
.numbers.num3 { background-position: -120px 0; }
.numbers.num4 { background-position: -160px 0; }
.numbers.num5 { background-position: -200px 0; }
.numbers.num6 { background-position: -240px 0; }
.numbers.num7 { background-position: -280px 0; }
.numbers.num8 { background-position: -320px 0; }
.numbers.num9 { background-position: -360px 0; }


.bar,
.bar span {
	display:inline-block;
	height:15px;
	width:200px;
	border:1px solid #131313;
	background-color: #DBC794;
	margin-bottom:5px;
    vertical-align: top;	
}

.bar span {
	background-color: #417531;
	padding:0;
	border:0;
}

#screens a {
    border: 1px solid #6C5835;
    display: inline-block;
    width: 100px;
    height: 86px;
    margin: 5px 8px;
    text-align:center;
}

#cboxContent {
	background-color: #F6EFDD;
}
#cboxLoadedContent {
	padding:15px;
}

#cboxTitle {
    background-color: #FFFFFF;
    display: block;
    float: left;
    font-size: 1.3em;
    font-weight: bold;
    height: 30px;
    line-height: 36px;
    bottom:0px;
}

.profile .avatar {
	margin:5px;
    border: 1px solid #C48B23;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    height: 200px;
    width: 200px;
    text-align: center;
    padding:8px;
    position: relative;
}

.profile .avatar img {
	position: absolute; 
	top: 0; bottom: 0; left: 0; right: 0; 
	margin: auto;
}




#mapContainer {
	width:580px;
	height:500px;
	border:1px solid #000;
	margin:auto;
	margin-top:3%;
	position: relative;
	overflow: hidden;
	background-color:#EFEFEF;
}

#tileContent {
	background-image: url('/img/map_field_border.gif');
	cursor: move;
/* 	border:1px solid red; */
}

.mapGrid {
	width:15px;
	height:15px;
/* 	border:1px solid #FFF; */
	float:left;
	line-height:15px;
	text-align: center;
	position: absolute;
	background-image:url('/img/map_sprite.gif');
	font-size:4px;
}

#mapContent, #legendTop {
	overflow: hidden;
}

.mapGrid.npc {
	background-position:0 0px;
	cursor: help;
}
.mapGrid.own {
	background-position:0 -15px;
	cursor: help;
}
.mapGrid.enemy {
	background-position:0 -30px;
	cursor: help;
}
.mapGrid.friend {
	background-position:0 -45px;
	cursor: help;
}


#legendTop, #legendLeft {
	background-color:#F3E8CC;
}

#legendTop {
	cursor: e-resize;
	height:20px;
	top: 20px;
	height:20px;
	text-align:right;
	line-height:20px
}

#legendTopContent div {
	float:left;
}

#legendLeft {
	cursor: n-resize;
	width:25px;
	float:left;
	padding-top:5px;
	text-align: center;
}

#legendTop div {
	float:left;	
	height:20px;
	line-height:20px;
}

#legendLeft div,
#legendTop div {
	font-size:8px;
	font-weight:bold;
}

#mapContext {
	border:1px solid #444;
	position:absolute;
	z-index:10;
	padding:10px;
	padding-right:38px;
	margin-right:5px;
	background-color: rgba(246, 239, 221, 0.85);
	background-image: url('/img/icon_plus.png');
	background-position: right 5px top 9px;
	background-repeat: no-repeat;
	left: -10000px;
}

#mapContext span {
	background-image: none;
	font-size:12px;
	font-weight:bold;
	white-space: nowrap;
	line-height:14px;
	width: auto;
	display:block;
}

#mapContext #contextCityname {
	margin-bottom: 10px;
}

#mapContext #contextCityscore {
	margin-bottom: 7px;
}

#mapContext #contextCityscore,
#mapContext #contextCityowner {
	font-size:10px;
	font-weight:normal;
	white-space: nowrap;
}

#mapContext a {
	line-height: 20px;
	display:block;
}

.gridLineY {
	position:absolute;
	top:0px;
	width:1px;
	height:100%;
	background-color:#EEE;
}
.gridLineX {
	position:absolute;
	left:0px;
	height:1px;
	width:100%;
	background-color:#EEE;
}

ul li img {
	vertical-align: middle;
}
div.changelog hr {
	margin:0;
}

div.changelog ul {
	margin-left: 20px;
}

div.changelog li p {
	line-height: 160%;
}