body{
background: #252525 url(img/bg.gif) repeat;
/*background: #252525 url(img/background.png) no-repeat;*/
background-position: center top;
margin:auto;
min-width: 100px;
max-width:410px;
font-size:14px;
color:#999;
font-family:Tahoma;

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

a, a:link, a:active, a:visited {
color:#4b5a56;
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:3px;
-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:#303a37  url(img/inp.png) repeat-x bottom;
color:#ccc;
margin:3px;
-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:#303a37;
padding:6px 8px;
margin:1px 0;
border:1px #353029;
}
.text1{
background:#303a37;
padding:4px 6px;
margin:1px 0;
color:#ccc;
border:1px solid #41554d;
border-radius:5px;
}
.name{
background:#303a37 url(img/name.gif) repeat-x;
background-size: contain;
padding:8px 10px;
color:#ccc;
margin:1px 0;
}
.row{
border:1px #353029;
/*border-top: 5px solid #303a37;*/
background:#2e2e2d url(img/row.gif) repeat-x;
padding:6px 8px;
margin:1px 0;
}

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


.panel {
background:#303a37;
border:1px #252525;
text-align: center;
font-size: 95%;
margin:1px 0;
}
/*
.panel a{
background: #415653 url(img/inp.png) repeat-x bottom;
color: #ccc;
border: 1px solid #4b5a56;
text-shadow: 1px 1px 1px rgba(0,0,0,.2);
border-radius: 6px;
padding: 6px;
margin: 0 1px;
}
.panel a:hover{
	color: #555;
	background: #b5ddd7 url(img/inp.png) repeat-x bottom;
	transition: .5s;
	text-decoration: none;
}

*/



.foot{
background: #303a37 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 #343434;
	font-size: 85%;
}
.lab a{
	padding: 0;
	margin: 0;
}

.login{
	color: #88b775; 
	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 12px 12px 0;
}
