html, body, div, p, li, ul, form, set, h1, h2, h3, h4, h5, h6 {
    margin:0;
    padding:0;
    list-style:none;
}
.none {
    display:none;
}
.hidden {
    visibility:hidden;
}
.fl {
    float:left !important;
}
.fr {
    float:right !important;
}
.left {
    text-align:left;
}
.right {
    text-align:right;
}
.center {
    text-align:center !important;
}
.bold {
    font-weight:bold;
}
.italic {
    font-style:italic;
}
.nomargin {
    margin:0 !important;
}
img {
    border:none;
}
a {
    outline-style:none;
}
html, body {
    height:90%;
}
body {
  /*background:#1c1f28 url('http://s019.radikal.ru/i635/1403/28/bb2fb4498459.jpg') no-repeat 50% 0;*/
  background-size: 100%;
  letter-spacing:0em;
}
 /* -- Links -- */
a, a:visited, a:active, a:link {
    color:#000;
    text-decoration:underline;
    outline:none;
}
a:hover {
    text-decoration:none;
}
/* -- Title -- */
h1, h2 {
    font-weight:normal;
}
h1 {
    font-size:2.750em;
    margin:0 0 30px;
}
h2 {
    font-size:2em;
    margin:0 0 20px;
}
 /* Font & color * ------------ */
 html {
    font-size:100%;
}
body {
    font:.750em Arial, sans-serif;
}
input, textarea {
    font:1em Arial, sans-serif;
}
h1, h2, h3 {
    color:#201917;
}
#content, input, textarea {
    color:#404040;
}

.login-panel{
  width:400px;
  height:200px;
  margin:0 auto;  
  margin-top:10%;
  border-top:1px #2a2a2a solid;
  border-radius:10px 10px 0 0;
}

.top{
  width:400px;
  height:158px;
  margin:0 auto;
  background:#3d3e42;
  border-top:1px #5c6671 solid;
  border-right:1px #2a2a2a solid;
  border-left:1px #2a2a2a solid;
  border-radius:10px 10px 0 0;
  border-bottom:1px #2a2a2a solid;
  opacity: 0.9;
}

.foot{
  width:400px;
  height:50px;
  position:relative;
  top:2px;
  margin:0 auto;
  background:#3d3e42;
  border-right:1px #2a2a2a solid;
  border-left:1px #2a2a2a solid;
  border-bottom:1px #2a2a2a solid;
  border-radius:0 0 10px 10px;
  border-top:1px #2a2a2a solid;
  opacity: 0.9;
}

.curl{
  width:12px;
  height:12px;
  border-radius:10px;
  position:relative;
  top:5px;
  left:5px;
  border:2px solid #2a2b2b;
  background: #7d7e7d;
  background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e));
  background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%);
  background: -o-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%);
  background: -ms-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%);
  background: linear-gradient(to bottom,  #7d7e7d 0%,#0e0e0e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 );  
}

/*.inputs{
  margin:0 auto;
}*/

.login-button{
  width:64px;
  height:64px;
  margin:0 auto;
  position:relative;
  bottom:32px;
  border-radius:50px;
  background-image: url('/imgs/loginBtnBefore.png');/*'http://s020.radikal.ru/i713/1403/6e/3423f594f39b.png');*/
}
.login-button:hover{  
  background-image: url('/imgs/loginBtnAfter.png');/*'http://s50.radikal.ru/i130/1403/7b/e056f8b6c6ea.png');*/
  box-shadow: #42f6ed 0 0 10px 5px, #42f6ed 0 0 40px, inset #42f6ed 0 0 20px;
}
.login-button:active{
  margin-top:1px;
}

#content input[type="text"],
#content input[type="password"] {
  -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 0 #070732, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-moz-box-shadow: 0 1px 0 #070732, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-ms-box-shadow: 0 1px 0 #070732, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-o-box-shadow: 0 1px 0 #070732, 0 -2px 5px rgba(0,0,0,0.08) inset;
	box-shadow: 0 1px 0 #070732, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background: #464646 url(http://s019.radikal.ru/i643/1403/02/90715c5becf2.png) no-repeat;
	border: 1px solid #2a2a2a;
	color: #fff;
	font: 13px Helvetica, Arial, sans-serif;
	margin: 10px 20px;
	padding: 5px 5px 5px 30px;
	width: 80%;
}
#content input[type="text"]:focus,
#content input[type="password"]:focus {
	-webkit-box-shadow: 0 0 2px #42f6ed inset;
	-moz-box-shadow: 0 0 2px #42f6ed inset;
	-ms-box-shadow: 0 0 2px #42f6ed inset;
	-o-box-shadow: 0 0 2px #42f6ed inset;
	box-shadow: 0 0 2px #42f6ed inset;
	background-color: #626264;
	border: 1px solid #42f6ed;
	outline: none;
}
#username { background-position: 2px 4px !important }
#password { background-position: 2px -59px !important }

.rem{
  margin-left:22px;
  color:#42f6ed;
  font: 10px/10px Calibri;
}

input[type=checkbox].css-checkbox {
							  position: absolute; 
							overflow: hidden; 
							clip: rect(0 0 0 0); 
							height:1px; 
							width:1px; 
							margin:-1px; 
							padding:0;
							border:0;
						}

						input[type=checkbox].css-checkbox + label.css-label {
							padding-left:20px;
							height:15px; 
							display:inline-block;
							line-height:15px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:15px;
							vertical-align:middle;
							cursor:pointer;
						}

						input[type=checkbox].css-checkbox:checked + label.css-label {
							background-position: 0 -15px;
						}
						
						  .css-label{ background-image:url(http://csscheckbox.com/checkboxes/dark-check-cyan.png); }