
*{
	margin:0;
	padding:0;
	outline:0
}

body{
	font-family: Verdana, Arial, Helvetica;
	background:#fff;
	color:#27532A
}

a{	font-size:11px;
	color:inherit;
}

input, textarea{
	background: none repeat scroll 0 0 #fff;
	border: 1px ridge #888;
	padding: 2px;
}
#content input,#content textarea{
	border:0;
}
input[type=submit]{
	padding:0 2px 2px;
}
input[type=file]{
	margin: 3px 0 0;
}

.b{
	height:20px;
	margin:3px 0;
	background:#BBB;
	border: 1px ridge #5F5F5F;
	color: #000;
	font-size:12px;
}


input::placeholder {
  color: #ff7f97;
  /*color: red;*/
  font-size: 1em;
  font-style: italic;
}

#ddr {
    margin: 0 30px;
}

#myaddress {
	display: inline-block;
}

#code{
	width:100%;
	max-width:470px;
	height:100px;
	float: right;
	font:12px monospace;
	resize: vertical;
}

#main_wrap{
	width:100%;
	max-width:1000px;
	margin:0 auto;
}
#heder{
	position:relative;
	/* height:65px; */
	width:98%;
	 font-size: 11px;
	margin:0 auto;
	background:#f3f3f3;
	box-shadow: 0 0 5px #C0C0C0;
}

#line_hed1 {
    display: inline-block;
    /* float: right; */
    height: 30px;
    width: 50%;
}
.title_task {
    color: #5C5C5C;
    font: bold 12px verdana;
    position: absolute;
    padding: 7px 0 0 3px;
    text-shadow: none;
    top: -3px;
}

/*	margin:20px auto;
	display: inline-block;
    position: relative;
    width: 100%;
	font-size:15px
*/
#contentaz{
	margin: 20vh auto 0;
	position: relative;
	width: 98%;
	height: 79vh;
	font-size: 15px;
	/*border: 1px solid blue;*/
}



.cntnt_box{
	width:90%;
	margin: 0 auto;
}


.inp_top{
	max-width:350px;
	width:98%;
	background:#eee;
	margin: 55px auto 0;
	border-color:#aaa #aaa #bbb #aaa;
	border-style:solid;
	border-width:1px;
}
.inp_top td{
	padding:2px;
	font-size:13px
}
.inp_top th{
	height: 23px;
	font-size:14px
}

.lent_remas{
	max-width: 930px;
	border:#555 1px solid;
	border-collapse: collapse;
	font:12px verdana,arial;
	margin:auto
}
.lent_remas td{
	padding:2px;
	border: 1px solid;
}

.pages{
	font: bold 14px verdana;
	text-align:center;
}

.do_tt{
	padding:3px;
	text-decoration:none;
	font:bold 13px Verdana
}

.statline{
	/* height: 25px; */
	margin: 3px;
	float: left;
	font:13px Tahoma;
	position: relative;
    width: 100%;
}

.stat_date, .stat_hits{
	float:left;
	margin: 0 5px 0 0;
}
.wrap-bar{
	max-width:300px;
	width:100%;
	float:left;
}
.bar{
	float:left;
	height: 14px;
	padding: 1px;
	background:lightgreen;
	border: 1px solid #0000A5;
}
.unic{
	height:100%;
	background:darkgreen;
	font:11px arial;
	color:#fff;
}

.stat_hits{
	width:80px;
	position:absolute;
	right:5px;
	text-align: right
}

#stat_guide{
	font: 13px Tahoma;
}

/*------------- ===== SYS MESSAGE ===== ------------------*/

.mess_wrg{
	max-width: 680px;
    width: 95%;
	padding:3px 5px;
	margin:10px auto;
	font:bold 13px verdana;
	
	color:#800000;
	background: pink;
	border:1px red solid;
	border-radius: 3px;
}

.mess_ok{
	max-width: 680px;
    width: 95%;
	margin:10px auto;
	padding:3px 5px;
	font:bold 13px verdana;
	
	background:#CCFECC;
	border: 1px solid #55AE55;
	border-radius: 5px;
	color: #008500;
}



/*------------------------------------------------*/
a.fb_login, a.goog_login,a.twit_login{
	width:180px;
	display:inline-block;
	color: #fff;
	font: bold 12px verdana;
	padding: 3px 10px;
	margin: 0 0 8px;
	text-transform: none;
}
	
a.fb_login {
	background: none repeat scroll 0 0 #3251a5;
	border: 1px solid #2e246d;
	box-shadow: 0 0 2px #5e84b3;
}
a.fb_login:hover{
	background: none repeat scroll 0 0 #3251a5;
	box-shadow: 0 0 3px #5e84b3;
}

a.goog_login{
	background: none repeat scroll 0 0 #c11d1d;
	border: 1px solid #e80000;
	box-shadow: 0 0 2px #ef7913;
}
a.goog_login:hover{
	background:none repeat scroll 0 0 #c11d1d;
	/*box-shadow:0 0 3px #ef7913;*/
	box-shadow:0 0 7px #ef7913, 0 0 7px -2px #fffe00 inset;
	/*0 0 5px -2px #9c9c9c, -1px -1px 2px 0 #ffffff inset*/
	
}

a.twit_login{
	background: none repeat scroll 0 0 #3aa1f4;
	border: 1px solid #157efc;
	box-shadow: 0 0 2px #5e84b3;
}
a.twit_login:hover{
	background:none repeat scroll 0 0 #3aa1f4;
	/* box-shadow:0 0 3px #157efc; */
	box-shadow:0 0 7px #ef7913, 0 0 7px -2px #fffe00 inset;
}

.link{
	padding:3px;
	text-decoration:none;
	font:bold 14px Verdana;
}
.ready{
	color:#555;
}
.waiting{
	color:#aaa;
}
