body{
background: #eee url(blue/bg.png);
background-position: center top;
margin:auto;
max-width:410px;
font-size:14px;
color:#999;
font-family:Tahoma;

box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.head{
background:#c2c2c2 url(img/head.png) repeat-x;
background-position: bottom;
height: 98px;
padding:0px;
border-radius:5px 5px 0 0;
overflow: hidden;
}
.title{
background:#009188 url(img/title.png) repeat-x;
padding:8px 10px;
color:#ccc;
margin:1px 0;
}

a, a:link, a:active, a:visited {
color:#633a42;
text-decoration:none;
display:inline-block;
padding:3px 6px;
margin:1px 0;
}
a:hover {text-decoration: underline;}
img{
vertical-align:middle;
}


input, textarea, select{
padding:5px 10px;
border:1px solid #59544e;
color:#555;
margin:5px;
-khtml-border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
input[type=submit],input[type=button],input[type~=submit],input[type~=button]{
padding:6px 10px;
background:#009188  url(img/inp.png) repeat-x bottom;
color:#555;
margin:7px;
-webkit-box-shadow: 0px 2px 4px rgba(23, 209, 193, 0.52);
-moz-box-shadow:    0px 2px 4px rgba(23, 209, 193, 0.52);
box-shadow:         0px 2px 4px rgba(23, 209, 193, 0.52);
}

input[type="submit"]:active{

    background: #333 url(img/inp.png) repeat-x bottom;
    padding: 5px 9px;
}
textarea {
width: 90%;
}

#error {
background: #452b2b;
color: #990000;
border: 1px solid #6d4747;
padding: 4px;
}
#ok {
background: #174901;
color:green;
border: 1px solid #444e4f;
padding: 3px;
}

.text {
background:#009188 url(blue/name_text.png);
background-size: contain;
padding:6px 8px;
margin:1px 0;
border:1px #353029;
color:#555;
}
.text1{
background:#303a37;
padding:4px 6px;
margin:1px 0;
color:#555;
border:1px solid #41554d;
border-radius:5px;
}
.name{
background:#009188 url(blue/name_text.png);
background-size: contain;
padding:8px 10px;
color:#555;
margin:1px 0;
}
.row{
border:1px #353029;
background:#c2c2c2 url(blue/row.png) repeat-x;
padding:6px 8px;
margin:1px 0;
color: #555;
}

#link_button{
background:#009188 url(img/inp.png) repeat-x bottom;
padding: 7px;
border: 1px solid #999;
color: #555;
margin: 3px;
border-radius: 3px;
}
#link_button:hover{
text-decoration: none; 
background:#009188 url(img/inp.png) repeat-x bottom;
}

#center{
text-align: center;
}
.panel {
background:#c2c2c2;
border:1px #252525;
text-align: center;
font-size: 95%;
margin:1px 0;
}




.foot{
background:#009188 url(img/foot.png) repeat;
background-position: contain;
text-align: center;
padding:8px 10px;
color:#91b3aa;
overflow: hidden;
border-radius:0 0 5px 5px;

}


.lab{
	width: 30%;
	display:inline-block;
	text-align: center;
	padding: 5px;
	border: 1px solid #d0d0d0;
	font-size: 85%;
}
.lab a{
	padding: 0;
	margin: 0;
}


.login{
	color: #444; 
	font-weight: bold;
}

.opt_head {
background:#009188 url(blue/name_text.png);
position: relative;
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 12px 12px 0;
}