body{
background: #ccc url(era/bg.png) repeat;
background-position: center top;
margin:auto;
min-width: 100px;
max-width:410px;
font-size:14px;
color:#999;
font-family:Tahoma;
}
a, a:link, a:active, a:visited {
color:#9b4f03;
text-decoration:none;
display:inline-block;
padding:3px 6px;
margin:1px 0;
text-shadow: 1px 0 0px rgba(0,0,0,.1);
}
a:hover {text-decoration: underline;}
.head{
background:#303a37 url(era/head.gif) repeat-x;
background-position: bottom;
height: 98px;
padding:0px;
border-radius:5px 5px 0 0;
overflow: hidden;
}
.title {
background: url(era/title.png) #23578B;
background-size: contain;
color: #f1f1f1;
padding:8px 10px;
margin: 1px 0;
}
img{
vertical-align:middle;
}
.row{
background: url(era/row.png) #ccc;
background-size: contain;
padding:6px 8px;
margin:1px 0;
color: #606060;
}
#l3{
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;

}
#l3:hover{
	opacity: .7;
}
.text {

background: url(era/name.png) #5078a0;
background-size: contain;
color: #333;
padding:8px 10px;
margin: 1px 0;
}
.name {
background: url(era/text.png) #23578B;
background-size: contain;
color: #f1f1f1;
padding:8px 10px;
margin: 1px 0;
}
.name a{
	color: #aaa;
	text-shadow: 1px 1px 1px rgba(0,0,0,.3);
}
input, textarea, select{
background: url(era/name.png) #5078a0;
background-size: contain;
padding:5px 10px;
border:1px solid #59544e;
color:#333;
margin:3px;
-khtml-border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
input[type=submit],input[type=button],input[type~=submit],input[type~=button]{
padding:6px 10px;
background: url(era/text.png) #5078a0;
background-size: contain;
color:#fff;
margin:3px;
border: 1px solid #999;
border-bottom: 3px solid #999;
}

input[type="submit"]:active{

    background: url(era/text.png) #5078a0;
    background-size: contain;
    padding: 5px 9px;
    border: 1px solid #999;
	}
textarea {
width: 90%;
}
.panel{
background: url(era/name.png) #5078a0;
background-size: contain;
font-size: 85%;
text-align: center;
}
.foot{
background: url(era/text.png) #23578B;
background-size: contain;
text-align: center;
padding: 8px;
border-radius: 0 0 5px 5px;
}
#error {
background: #452b2b;
color: #990000;
border: 1px solid #6d4747;
padding: 4px;
}
#ok {
background: #174901;
color:green;
border: 1px solid #444e4f;
padding: 3px;
}
.lab{
	width: 30%;
	display:inline-block;
	text-align: center;
	padding: 5px;
	border: 1px solid #aaa;
	font-size: 85%;
}
.lab a{
	padding: 0;
	margin: 0;
}

.login{
	color: #333; 
	font-weight: bold;
}
.opt_head {
position: relative;
background: #ccc url('header_data_panel_progressbar_scale_bg.png') 0 -40px repeat-x;
height: 10px;
overflow: hidden;
}
.opt_head2{
height: 10px;
background: #ddd url('header_data_panel_progressbar_scale_bg.png') 0 -60px repeat-x;
border-radius: 0 15px 15px 0;
}
#link_button{
background: url(era/text.png) #5078a0;
background-size: contain;
padding: 7px;
border: 1px solid #999;
border-bottom: 3px solid #999;
color: #fff;
margin: 3px;
border-radius: 5px;
}



.hp_mp{
background: #ccc url('era/hp_mp.png') repeat-x;
height:13px;
min-width:100px;
width:75%;
display: inline-block;
border-radius: 12px;
overflow: hidden;
margin: 0 10px;
box-shadow: 2px 1px 8px rgba(0,0,0,.8);
}
#hp_mp_span{
float:right; 
font-size:80%;
font-weight:bold;
line-height:13px; 
margin-right:5px; 
}
.hp_user{
    background: rgba(255,255,255,.0);
    color: #222;
}
.mp_user{
    background: rgba(255,255,255,.0);
    color: #222;
}
#hp{
    background: #732635 url('era/hp_mp.png') 0 -20px repeat-x;
    height:13px;
    border-radius: 0  10px 10px 0;
    box-shadow: 0 3px 1px rgb(0,0,0);
}
#mp{
    background: #007FFF url('era/hp_mp.png') 0 -40px repeat-x;
    height:13px;
    border-radius: 0 10px 10px 0;
    box-shadow: 0 3px 1px rgb(0,0,0);
}
.refresh {
background: url(era/title.png) #5078a0;
background-size: contain;
border: 1px solid #252525;
border-radius:  5px 5px 0 0;
/*margin-bottom: -19px;*/
margin-left: -15px;
position:relative;
bottom: -12px;
right: 0;
padding: 4px;
}
.refresh_chat{
background: url(era/title.png) #5078a0;
background-size: contain;
border-radius:  5px 5px 0 0;
border: 1px solid #252525;
position:relative;
bottom: -5px;
padding: 6px;
box-shadow: 1px -1px 2px rgba(0,0,0,.6);
}
