body {
	margin: 20px auto;
	max-width: 320px;
	min-width: 128px;
background: url('images/bg.jpg') no-repeat fixed 50% 0px #000;
	font-family: Arial,Tahoma,Verdana,sans-serif;
	font-size: 12px;
}
input,select,textarea{font-size: 100%;border: 1px solid gray;color:#000000;
    background-color:#EEEEEE;max-width:600px;}
textarea {width:100%;}
div img,h1 img,h2 img,a img,span img,img {vertical-align:middle;}
div,h1,h2,h3,h4{padding:0;}
a:link{text-decoration: none;color: #FFDF8C;}
a:visited{text-decoration: underline;color: #FFDF8C;}
ul,li {list-style:none; margin:0; padding:0;}
h1{font-size:120%;font-weight:bold;color:#FFFFFF;padding:2px 0;}
h2{font-size: 110%;font-weight:bold;color:#FFFFFF;padding:2px 0;}
em{font-style:normal;}
body {margin: 0 auto;background-color: #000000;font-size: 14px;}
table {font-size: 14px;}
div.main {background:rgb(36, 36, 40);border: 1px solid #27383b;padding: 0px;border-radius:0px;}

h1{font-size:120%;font-weight:normal;color:#FFFFFF;padding:0;}
h2{font-size: 105%;font-weight:normal;color:#FFFFFF;}

@media (max-width: 800px) {
  body {max-width: 480px;}
}
@media (min-width: 801px) {
  body {max-width: 420px;}
}

table {
    border-collapse:collapse;
}
table.bordered td {
    border: 1px solid burlywood;
}
.maps {
    font-size: 5pt;
    border: 1px outset gray;
    border-collapse: separate;
	background-color: gray;
}
.collect img {
		width:50px;
		background-image: url('../images/interface/collect.png');
		border: ridge 0px #27383b;
	}

ul.help {
    list-style:circle;
}

#but{
width:98%;background:#330000;font-weight:bold;cursor:pointer;color:#ffffff
}

.tit{
	color: #C7C99B;
	text-align: center;
	margin-top: 2px;
}

ul.help li {
    list-style:circle;
    margin-left:16px;
}
.small{
    font-size:80%;
}
.white {
    color:white;
}
.health {
    color:#FF9999;
}
.notify {
    color:#FFF559;
}
.fonred {
    color:#3d1e1e;
}
.energy {
    color:#9999FF;
}
.money {
    color:#CC9900;
}
.minor {
    color:gray;
}
.minor a{
    color:#8a8a8a;
}

.major {
    color:#DD6666;
}
.info {
    color:#6FCD72;
}
img {
	vertical-align: middle;
}
h1, h2 {
    margin: 0px;
    font-size: 16px;
    font-weight: normal;
    color: #BFC196;
    text-align: center;
}
h2 {
	font-size: 14px;
}
hr {
	border: none;
	border-bottom: 1px solid #8D673A;
width: 80%;
}
a {
text-decoration: none;
color: #FFDF8C;
}
h1 {
	margin: 0;
	padding: 3px;
	font-weight: normal;
	color: #BFC196;
	text-align: center;
	font-size: 14px;
}
.title {
	padding: 4px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #FFF5DE;
	background: url('images/title.png') center repeat-x #4D4634;
	border-bottom: 1px solid #343329;
	text-shadow: 1px 1px 1px #000;
}
.footer {
	padding: 8px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: center;
	color: #FFF5DE;
	background: url('images/title.png') center repeat-x #4D4634;
	border-bottom: 1px solid #343329;
	text-shadow: 1px 1px 1px #000;
}
.block {
	padding: 15px 10px ;
	background: url('images/bleft.png') repeat-y scroll 0px 0px, url('images/bright.png') repeat-y scroll 100% 0px, url('images/bbottom.png') repeat-x scroll 0px 100%, url('images/btop.png') repeat-x scroll 0px 0px #242428;
color: #A8A8A8;
}
.block22 {
	padding: 15px 10px ;
	background: url('images/bg11.jpg') repeat 0px 0px;
color: #A8A8A8;
}
.center {
	text-align: center;
}
.small {
	font-size: 10px;
}
.line {
	height: 4px;
	background:  url('images/linetb.png') top repeat-x #000;
}
.linetop {
	height: 4px;
	background:  url('images/line.png') top repeat-x #000;
}
.stone {
	height: 12px;
	background:  url('images/sep-stone.png') top repeat-x #000;
}
a.btn-blue{
text-decoration: none;
display: block;
padding: 7px 5px 5px 5px;
border-radius:10px;
min-height: 16px;
color: #FFFFCC;
border: none;
border-bottom: 2px solid #161f25;
background: url('images/btn-top.png') repeat-x 0 0, url('images/btns/btn-bg.png') repeat-x 0 -1px #27383b;
}
a.link {
text-decoration: none;
display: block;
padding: 9px 9px 8px 10px;
margin: 3px 2px;
color: #92ace4;
background: url('images/touch_left.png') no-repeat top left, url('images/touch_right.png') no-repeat top right, url('images/touch.png') repeat-x top;
list-style: none;
}
a.link2 {
text-decoration: none;
padding: 9px 9px 8px 10px;
margin: 3px 2px;
color: #92ace4;
background: url('images/touch_left.png') no-repeat top left, url('images/touch_right.png') no-repeat top right, url('images/touch.png') repeat-x top;
list-style: none;
}
a.gold {
text-decoration: none;
display: block;
padding: 7px 5px 5px 5px;
border-radius:10px;
min-height: 16px;
border: none;
border-bottom: 2px solid #622903;
border-style: none none solid;
border-color: -moz-use-text-color -moz-use-text-color #161F25;
background: url('images/btn-gold-top.png') repeat-x 0 0, url('images/btn-gold-bg.png') repeat-x 0 0 #814d14;
}
.btn {
	position: relative;
	border: ridge 1px #000000;
	color: rgb(198, 222, 221);
	background-color: #330000;
	margin: 2px;
	margin-top: 4px;
	color: #ffffff;
	padding: 4px;
	border-radius:8px;
	text-align: center;
display: inline-block;
}
input[type="text"], input[type="password"] {
	background: #ffffff;
	padding: 5px;
	color: grey;
	font-size: 15px;
	margin-top: 5px;
	margin-bottom: 2px;
	border-radius: 5px;
	width: 96%;
	border: none;
}
textarea {
	background: #ffffff;
	padding: 15px;
	color: grey;
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 2px;
	border-radius: 5px;
	width: 96%;
	border: none;
}
select {
	background: #ffffff;
	padding: 5px;
	color: grey;
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 2px;
	border-radius: 5px;
	width: 96%;
	border: none;
}
.oh{ 
float:left; 
padding:01%; 
margin:0; 
}
.icons {
	width: 16px;
	height: 16px;
}
.btn2{
margin:1px;
background: url('images/touch_left.png') no-repeat top left, url('images/touch_right.png') no-repeat top right, url('images/touch.png') repeat-x top;
border:1px solid #131313;
color:white;
text-align:center;
text-decoration:none;
display:inline-block;
height:18px;
padding:2px;
padding-left:10px;
padding-right:10px;
border-radius:3px;
 font-size:14px;

}
.btn2:hover {
background-image:url('images/btn2.png');
}
a.btn2 {
text-decoration: none; 
font-size: 14px;
}.grey{
color: grey;
}
.green-block {
padding: 8px 3px ;
background: url('images/green-panel-bg.png') #242428;
	color: #A8A8A8;
}
.grey-block {
	padding: 15px 10px ;
background: url('images/grey-panel-bg.png') #242428;
	color: #A8A8A8;
}
.mb10{margin-bottom:10px;}

.item-0{
color:#9b8869;
}
.item-1{
color:#9bcd69;
}
.item-2 {
color:#529ce4;
}

.item-3 {
color:#d67bfc;
}

.item-4 {
color:#f96c27;
}

.item-5{
color:#c91b1b;
}

.item-6{
color:#989898;
}
.block2 {
padding: 10 5;
	background: url('images/bleft.png') repeat-y scroll 0px 0px, url('images/bright.png') repeat-y scroll 100% 0px, url('images/bbottom.png') repeat-x scroll 0px 100%, url('images/btop.png') repeat-x scroll 0px 0px #242428;
	color: #A8A8A8;
}

.block2 li {
list-style:none;
border-bottom: black solid 1px;
margin:0;
}

.block2 li:hover {
background-color:#323232;
}

.block2 li.original:hover {
background-color:transparent;
}

.block2 li:last-child {
border:0;
}

.block2 a {
text-decoration:none;
display:block;
padding:15px;
color: grey;
}

.block2 a.inline {
display:inline-block;
text-decoration:none;
padding:0px;
	color: #694d2b;
}

.block2 img {
padding:0 5px 0 0;
}

.block2 p {
margin:0;
display:block;
padding:10px;
}

.item {
		text-align: left;
		padding-left: 4px;
		padding-right: 2px;
		padding-bottom: 4px;
		margin-top: 4px;

	}
	
	.item td {
		
		color: gold;
	}
	.item table .dopdop img{
		margin-right: 4px;
		margin-top: 2px;
		width: 40px;
		
		background-image: url('images/interface/itemfon.png');
		border: ridge 0px #27383b;
	}
	.item td a {
		color: #FFDF8C;
		text-decoration: underline;
	}
	.map { background: url('images/interface/main_fon.jpg') center top no-repeat;}
	.map tr, td {
		border: 0px;
	}
	.map td img {
		width: 24px;
		height: 24px;
	}
	.h1h6 {
		font-family: arial;
		color: #c7c99b;
		font-size: 16px;
		margin: 2px 0 2px 0;
		margin-left: 0px;
		text-align: center;
		background:none;
}
.submit{padding:2px 10px;}
.exp_in{height:7px;background-image:url(images/separ3.jpg);}
.exp{height:7px;background-image:url(images/separ1.jpg)}
.example3 {
    display:inline-block;   
    position:relative;
}
.example3 .example_text {
    display:block;
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    box-sizing:border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
     
    color:#fff;
         
    padding-bottom: 3px;
    padding-top: 3px;
background-color:rgba(0,0,0,.5);
}

.stat_bar {
margin:5px auto;
border:#000 solid 0px;
background-color:#fff;
max-width:50%;
}

.stat_bar .progress {
background-color:#FC3;
width:0;
padding-top:2px;
padding-bottom:2px;
}

.stat_bar .blue {
background-color:#99C;
}

.stat_bar2 {
margin-top:5px;
margin-bottom:5px;
border:#000 solid 0px;
background-color:#fff;
max-width:50%;
}

.stat_bar2 .progress {
background-color:#FC3;
width:0;
padding-top:2px;
padding-bottom:2px;
}

.stat_bar2 .blue {
background-color:#99C;
}.separ {
border:0;
max-width:50%;
border-bottom:#3e3d36 solid 1px;
border-top:#1f1f1a solid 1px;
margin:5px auto;
padding:0;
}
.st_1   {    
margin-left: 20px;
   margin-bottom: 0;
   border-style: solid;
border-color: transparent transparent gray transparent;
   border-width: 0px 0px 10px 10px;
   height: 0px;
   width: 0px;
   } 
   
.st_2    {   
margin: 3px;
   margin-top: 0;
border: 2px solid gray;
   padding: 5px;
color: gray;
   background-color: #ffc79e;
   -o-border-radius: 10px;
   border-radius: 10px;
   -moz-border-radius: 10px;
   word-wrap: break-word;
   background: url(carbon.png);
   }