body {
    background:#edf1f4;
    font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans",
    "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans serif;
    font-size:16px;
    color:#444;
}
ul, li {
    margin:0;
    padding:0;
    list-style-type:none;
}
#container {
    width:400px;
    padding:0px;
    background:#fefefe;
    margin:0 auto;
    border:1px solid #c4cddb;
    border-top-color:#d3dbde;
    border-bottom-color:#bfc9dc;
    box-shadow:0 1px 1px #ccc;
    border-radius:5px;
    position:relative;
}
h1 {
    margin:0;
    padding:10px 0;
    font-size:24px;
    text-align:center;
    background:#eff4f7;
    border-bottom:1px solid #dde0e7;
    box-shadow:0 -1px 0 #fff inset;
    border-radius:5px 5px 0 0; /* otherwise we get some uncut corners with container div */
    text-shadow:1px 1px 0 #fff;
}
form ul li {
    margin:10px 20px;
}
form ul li:last-child {
    text-align:center;
    margin:20px 0 25px 0;}
input {
    padding:10px 10px;
    border:1px solid #d5d9da;
    border-radius:5px;
    box-shadow: 0 0 5px #e8e9eb inset;
    width:328px; /* 400 (#container) - 40 (li margins) 
    -  10 (span paddings) - 20 (input paddings) - 2 (input borders) */
    font-size:1em;
    outline:0; /* remove webkit focus styles */
}
input:focus {
    border: 1px solid #b9d4e9;
    border-top-color: #b6d5ea;
    border-bottom-color :#b8d4ea;
    box-shadow: 0 0 5px #b9d4e9;}
label {
    color:#555;
}
#container span {
    background:#f6f6f6;
    padding:3px 5px;
    display:block;
    border-radius:5px;
    margin-top:5px;
}
button {
    background: #57a9eb; /* Old browsers */
    background: -moz-linear-gradient(top, #57a9eb 0%, #3a76c4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom,
    color-stop(0%,#57a9eb), color-stop(100%,#3a76c4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #57a9eb 0%,#3a76c4 100%); /* 
    Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #57a9eb 0%,#3a76c4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #57a9eb 0%,#3a76c4 100%); /* IE10+ */
    background: linear-gradient(top, #57a9eb 0%,#3a76c4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57a9eb',
    endColorstr='#3a76c4',GradientType=0 ); /* IE6-9 */
    border:1px solid #326fa9;
    border-top-color:#3e80b1;
    border-bottom-color:#1e549d;
    color:#fff;
    text-shadow:0 1px 0 #1e3c5e;
    font-size:.875em;
    padding:8px 15px;
    width:150px;
    border-radius:20px;
    box-shadow:0 1px 0 #bbb, 0 1px 0 #9cccf3 inset;
}
button:active {
    background: #3a76c4; /* Old browsers */
    background: -moz-linear-gradient(top, #3a76c4 0%, #57a9eb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a76c4),
    color-stop(100%,#57a9eb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #3a76c4 0%,#57a9eb 100%); /* Chrome10+,
    Safari5.1+ */
    background: -o-linear-gradient(top, #3a76c4 0%,#57a9eb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #3a76c4 0%,#57a9eb 100%); /* IE10+ */
    background: linear-gradient(top, #3a76c4 0%,#57a9eb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a76c4',
    endColorstr='#57a9eb',GradientType=0 ); /* IE6-9 */
    box-shadow:none;
    text-shadow:0 -1px 0 #1e3c5e;
}
/* Show password */
form {
    position: relative;
}
.show-password {
    position: absolute;
    display: inline-block;
    top: 40px;
    right: 40px;
    width: 20px;
    height: 20px;
    background: url(../img/eye.svg);
    z-index: 0;
}
.show-password.view::before {
    display: inline-block;
    content: '';
    position: absolute;
    top: 0px;
    right: 8px;
    width: 2px;
    height: 20px;
    transform: rotate(45deg);
    background: #000;
    border-radius: 10px;
    z-index: 10;
}
#pswd_info {
    position:absolute;
    bottom:-80px;
    bottom: -115px9; /* IE Specific */
    right:55px;
    width:250px;
    padding:15px;
    background:#fefefe;
    font-size:.875em;
    border-radius:5px;
    box-shadow:0 1px 3px #ccc;
    border:1px solid #ddd;
}
#pswd_info h4 {
    margin:0 0 10px 0;
    padding:0;
    font-weight:normal;
}
#pswd_info::before {
    content: "\25B2";
    position:absolute;
    top:-12px;
    left:45%;
    font-size:14px;
    line-height:14px;
    color:#ddd;
    text-shadow: none;
    display:block;
}
.invalid {
    background:url(../images/invalid.png) no-repeat 0 50%;
    padding-left:22px;
    line-height:24px;
    color:#ec3f41;
}
.valid {
    background:url(../images/valid.png) no-repeat 0 50%;
    padding-left:22px;
    line-height:24px;
    color:#3a7d34;
}
#pswd_info {
    display: none;
}

.content-title {
    text-align: center;
}
.content li {
    padding: 2.5px 20px;
}
.security {
    text-align: center;
}
.security.invalid {
    color: red;
}
.security.valid {
    color: green;
}

/* Стили для таблиц */
table {
    font-size: 16px;
    border-spacing: 0;
}
th {
    background: #BCEBDD;
    color: #000;
    padding: 10px 20px;
}
th, td {
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: white;
}
th:first-child, td:first-child {
    text-align: left;
}
td {
    padding: 10px 20px;
    background: #F8E391;
}
tr:last-child td:first-child {
    border-radius: 0 0 0 10px;
}
tr:last-child td:last-child {
    border-radius: 0 0 10px 0;
}
tr td:last-child {
    border-right: none;
}
.extrashow-minletter p,
.extrahide-minletter p,
.extraLetter p,
.extraReg p, 
.extraCapitalLetter p,
.extrashow-letter p,
.extrahide-letter p,
.extrashow-number p,
.extrahide-number p,
.extrashow-number-sequently p,
.extrahide-number-sequently p,
.extrashow-password p,
.extrahide-password p,
.extraRepeatLetter p,
.extraMultiLanguage p,
.extraSum p {
    display: none;
}
.extrashow-minletter.show p,
.extrahide-minletter.show p,
.extraLetter.show p,
.extraReg.show p, 
.extraCapitalLetter.show p,
.extrashow-letter.show p,
.extrahide-letter.show p,
.extrashow-number.show p,
.extrahide-number.show p,
.extrashow-number-sequently.show p,
.extrahide-number-sequently.show p,
.extrashow-password.show p,
.extrahide-password.show p,
.extraRepeatLetter.show p,
.extraMultiLanguage.show p,
.extraSum.show p {
    display: inline-block;
}