body {
background: #E8EEF0 url(images/fon.jpg);
}
#loginForm {
width: 290px;
padding: 24px 24px 0;
margin: 100px auto 0;
background: #FEFEFE;
border: 1px solid #CAD8DE;
border-radius: 8px;
box-shadow: 0 1px 2px rgba(0,0,0,0.08);
font: 14px/18px Arial, Tahoma, sans-serif;
color: #444;
}
#loginForm .field {
margin: 0 0 18px;
}
#loginForm .field .input {
border-radius: 4px;
}
#loginForm .field input {
font: 12px Arial, Tahoma, sans-serif;
color: #444;
width: 262px;
padding: 9px 13px;
border: 1px solid #D2D9DC;
border-radius: 3px;
box-shadow: inset 2px 2px 6px #EBEBEB, 0 0 0 5px #F7F9FA;
outline: none;
}
#loginForm .field input:focus {
border-color: #B7D4EA;
box-shadow: inset 2px 2px 6px #EBEBEB, 0 0 4px #D0E6F6, 0 0 0 5px #F2F8FC;
}
#forgot {
float: right;
font-size: 11px;
color: #ababab;
text-decoration: none;
margin: 0;
}
#forgot:hover {
color: #444;
text-decoration: underline;
}
#loginForm .submit {
overflow: hidden;
margin: 30px -24px 0;
padding: 22px 24px;
background: #F0F5F7;
border-top: 1px solid #DDE0E8;
border-radius: 0 0 4px 4px;
box-shadow: inset 0 1px #FFF, inset -1px -1px #F7FAFB, inset 1px 0 #F7FAFB;
font-size: 11px;
}
#loginForm .submit input {
padding: 6px 20px;
height: 30px;
border-top: 1px solid #98CCE7;
border-bottom: 1px solid #7DB0CC;
border-left: 1px solid #8CBFD9;
border-right: 1px solid #8CBFD9;
border-radius: 15px;
color: #FFF;
font: bold 13px Arial, Tahoma, sans-serif;
box-shadow: inset 0 1px #D4EBF7, 0 1px 3px #B8BEBE;
background: -moz-linear-gradient(top, #badff3 0%, #7acbed 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#badff3), color-stop(100%,#7acbed));
background: -webkit-linear-gradient(top, #badff3 0%,#7acbed 100%);
background: -o-linear-gradient(top, #badff3 0%,#7acbed 100%);
background: -ms-linear-gradient(top, #badff3 0%,#7acbed 100%);
background: linear-gradient(top, #badff3 0%,#7acbed 100%);
background-color: #9FD7F0;
cursor: pointer;
text-shadow: 0 -1px rgba(0,0,0,0.15);
outline: none;
}
#loginForm .submit input::-moz-focus-inner{
border:0
}
.button_blue {
margin: 3px 1px 5px 3px;
padding: 1px 5px 1px 5px;
display: inline-block;
cursor: default;
color: #ffffff;
text-shadow: 1px 1px 1px #8992A3;
width: 120px;
background: #5FA4FF;
text-align: center;
border: none; border-radius: 3px;
box-shadow: 1px 1px 3px 0px #7183A6;
}
.button_green {
margin: 3px 1px 5px 3px;
padding: 1px 5px 1px 5px;
display: inline-block;
cursor: default;
color: #ffffff;
text-shadow: 1px 1px 1px #8992A3;
width: 50px;
background: #00FF7F;
text-align: center;
border: none; border-radius: 3px;
box-shadow: 1px 1px 3px 0px #7183A6;
}
.button_red {
margin: 3px 1px 5px 3px;
padding: 1px 5px 1px 5px;
display: inline-block;
cursor: default;
color: #ffffff;
text-shadow: 1px 1px 1px #8992A3;
width: 50px;
background: #FF6A6A;
text-align: center;
border: none;
border-radius: 3px;
box-shadow: 1px 1px 3px 0px #7183A6;
}
.button_grey {
margin: 3px 1px 5px 3px;
padding: 1px 5px 1px 5px;
display: inline-block;
cursor: default;
color: #ffffff;
text-shadow: 1px 1px 1px #8992A3;
width: 310px;
background: #999999;
text-align: center;
border: none;
border-radius: 3px;
box-shadow: 1px 1px 3px 0px #7183A6;
}
.button_info {
margin: 3px 1px 5px 3px;
padding: 1px 5px 1px 5px;
display: inline-block;
cursor: default;
color: #ffffff;
text-shadow: 1px 1px 1px #8992A3;
background: #999999;
text-align: center;
border: none;
border-radius: 3px;
box-shadow: 1px 1px 3px 0px #7183A6;
}