body {
    background: url(../images/default/login/bg-login.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color:#fff;
    font-family:verdana,tahoma,arial,verdana,sans-serif;
    font-size:11px;
}
p { margin:12px 0; }
a { color:#ffcc33; }
img { border:0 none; }
input, textarea { font-family:verdana,tahoma,arial,verdana,sans-serif; font-size:12px; padding:3px; }
.key { text-decoration:underline; }
#qo-panel { height:177px; left:67%; top:55%; position:absolute; bottom:0%; width:320px; }
#qo-logo { left:5%; bottom:70px; position:absolute; color:white; font-family:arial; font-size:11px}
.qo-benefits { left:52px; top:140px; width:300px; }
.qo-label {
    color: black;
    width: 100px;
    display:inline-block;
    font-size: medium;
    text-shadow: 0px 1px 1px white;
}
input:hover {
    -webkit-box-shadow:0 0 15px #ffcc33;
    -moz-box-shadow: 0 0 15px #ffcc33;
    box-shadow:0 0 15px #ffcc33;
}

.text-login1 {
    color: #065166;
    font-size: 25px;
    font-weight: 600;
    text-align: center;
}
.text-login2 {
    color: #065166;
    font-size: 23px;
    font-weight: 400;
    margin-bottom: 30px;
    text-align: center;
}
.login-rounded {
    /* font-size: 15px; */
    border-radius: 25px;
    border: 1px solid #f0cb00;
    background-color: #EAE9E7;
    padding: 10px 20px;
    width: 280px;
    height: 25px;
}

.select-rounded {
    border-radius: 25px;
    border: 1px solid #f0cb00;
    background-color: #EAE9E7;
    padding: 10px 20px;
    width: 320px;
    height: 45px;
    font-size: 15px;
    margin-bottom:10px;
}

.btn-rounded {
    border-radius: 25px;
    border: 1px solid #5bcdd8;
    background-color: #5bcdd8;
    padding: 10px 20px;
    width: 320px;
    height: 45px;
    font-size: 17px;
}

.btn-rounded:hover {
    border-radius: 25px;
    border: 1px solid #008aa8;
    background-color: #008aa8;
    padding: 10px 20px;
    width: 320px;
    height: 45px;
    font-size: 17px;
    color: #edce00;
}


.text-footer-login {
    color: #065166;
    font-family: verdana;
    font-size: 12px;
    font-weight: 500;
/*    margin-bottom: 30px;*/
    margin-left: 10%;
    bottom: 30px;
    position:absolute; 
}

.qo-submit { 
    border-radius: 25px;
    border: 1px solid #D9D3D0;
    background-color: #94CC2B;
    padding: 10px 20px;
    width: 320px;
    height: 45px;
}
.qo-submit-over { 
    border-radius: 25px;
    border: 1px solid #D9D3D0;
    background-color: #94CC2B;
    padding: 10px 20px;
    width: 320px;
    height: 45px; 
}

input:focus {
    -webkit-box-shadow:0 0 15px #ffcc33;
    -moz-box-shadow: 0 0 15px #ffcc33;
    box-shadow:0 0 15px #ffcc33;
}

.qo-form-spacing {
    margin: 0 0 10px 0;
}

.qo-extjs-logo { background:transparent url(../images/default/login/logo-extjs.gif) no-repeat; height:18px; left:52px; top:469px; width:85px;}
.qo-library { left:54px; top:489px; }
.qo-library a { color:#0000ff; }
.qo-supported { color:#ffffff; left:618px; top:45px; }
.qo-back-link { left:627px; top:478px; }
.qo-signup-link { left:495px; top:478px; }
.qo-signup-link a, .qo-forgot-link a, .qo-back-link a { color:#000; }
.qo-forgot-link { left:625px; top:478px; }
/*
#field1-label { left:30px; top:390px; }
#field1 { left:28px; top:410px; width:180px; }
#field2-label { left:228px; top:390px; }
#field2 { left:228px; top:410px; width:180px; }
#field3-label { left:46px; top:220px; }
#field3 { left:22px; top:245px; width:200px; }
*/
/*
.qo-submit { background:transparent url(../images/default/login/login.gif) no-repeat 0 0; height:22px; left:431px; top:411px; width:43px; }
.qo-submit-over { background:transparent url(../images/default/login/login.gif) no-repeat 0 -38px; height:22px; left:431px; top:411px; width:43px; }
*/
.qo-submit-btn{
    text-align: center;
    background: rgb(245,246,246); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(245,246,246,1) 0%, rgba(219,220,226,1) 21%, rgba(184,186,198,1) 49%, rgba(221,223,227,1) 80%, rgba(245,246,246,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,246,246,1)), color-stop(21%,rgba(219,220,226,1)), color-stop(49%,rgba(184,186,198,1)), color-stop(80%,rgba(221,223,227,1)), color-stop(100%,rgba(245,246,246,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 ); /* IE6-9 */
    width:295px;
    height: 40px;
    display:inline-block;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #404040;
    font-size: 14px;
    letter-spacing: 1px;
    color: #222;
    text-shadow: 0px 1px 1px #fff;
}

.qo-copyright{
    color: black;
    display: inline-block;
    font-size: 10px;
    margin-top: 18px;
}