html, body, form{width: 100%; height: 100%; margin:0; padding:0;}

body {background-color:#6d6d6d; font-family:Arial; font-size:12px; color:#000;}


.loginContainer {
    background-color:#fff;
    width: 300px;
    height: 275px;
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding:20px;
    border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.45);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.45);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.45);
}

.oh{overflow:hidden}
.fl{float:left}
.fr{float:right}

.username, .pass{
    border:1px solid #dcd9d9;
    background-color:#EAEAEA;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FAFAFA),color-stop(1, #EAEAEA));
    background-image: -o-linear-gradient(bottom, #FAFAFA 0%, #EAEAEA 100%);
    background-image: -moz-linear-gradient(bottom, #FAFAFA 0%, #EAEAEA 100%);
    background-image: -webkit-linear-gradient(bottom, #FAFAFA 0%, #EAEAEA 100%);
    background-image: -ms-linear-gradient(bottom, #FAFAFA 0%, #EAEAEA 100%);
    background-image: linear-gradient(to bottom, #FAFAFA 0%, #EAEAEA 100%);
    border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px;
}

.username{margin-top:20px;}
.pass{margin-top:10px;}

.username .ico, .pass .ico{
    content:" "; width:16px; height:16px;
    background-repeat:no-repeat;
    margin-left:10px;
    background-position:center;
    margin-top:4px;
}

.username .ico{ background-image:url(../images/cms/user-yellow.png);}
.pass .ico{background-image:url(../images/cms/asterisk.png);}

.inputElement {
    font-family:Arial;
    color:#000;
    font-size:12px;
    padding:5px 5px 5px 7px;
}

.inputElement{
    width:247px;
    border:none;
    border-left:1px solid #dcd9d9;
    border-radius:0px 7px 7px 0px;-moz-border-radius:0px 7px 7px 0px; -webkit-border-radius:0px 7px 7px 0px;
}

.btnLogin{
    margin-bottom:5px;
    display:inline-block;
    cursor:pointer;
    font-family:Arial;
    color:#000;
    font-size:12px;
    margin-top:20px;
    border:1px solid #dcd9d9;
    border-radius:7px;-moz-border-radius:7px; -webkit-border-radius:7px;
    background-color:#EAEAEA;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FAFAFA),color-stop(1, #EAEAEA));
    background-image: -o-linear-gradient(bottom, #FAFAFA 0%, #EAEAEA 100%);
    background-image: -moz-linear-gradient(bottom, #FAFAFA 0%, #EAEAEA 100%);
    background-image: -webkit-linear-gradient(bottom, #FAFAFA 0%, #EAEAEA 100%);
    background-image: -ms-linear-gradient(bottom, #FAFAFA 0%, #EAEAEA 100%);
    background-image: linear-gradient(to bottom, #FAFAFA 0%, #EAEAEA 100%);
    -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;
}

.btnLogin:hover{
    background-color:#FAFAFA;
    background-image:none;
}

.btnLogin div{
    display:inline-block;
    padding:10px 15px 10px 30px;
    background-image:url(../images/cms/lock.png);
    background-repeat:no-repeat;
    background-position:5px 8px;
    font-weight:bold;
}

.error{color:#ff0000;padding-top:30px;display:block;}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #999;
    font-style:italic;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #999;
    opacity:  1;
    font-style:italic;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #999;
    opacity:  1;
    font-style:italic;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #999;
    font-style:italic;
}

.captcha_off {border:1px solid #d3d3d3;background:#f9f9f9;height:74px;width:100%;border-radius:3px;box-shadow:0 0 4px 1px rgba(0,0,0,0.08);box-sizing: border-box;display:flex;align-items:center;justify-content:center;color:#ff0000;font-weight:bold;}