.LoginControl li a {
    white-space: nowrap;
}
.LoginControl {
    border-radius: 5px 5px 0 0;
    margin: 0 auto;
}
.LoginControl .WrapAll {
    margin: 0 0 10px;
}
.LoginControl .LoginHeader {
background: rgba(18,170,230,1);
background: -moz-linear-gradient(top, rgba(18,170,230,1) 0%, rgba(90,178,237,1) 50%, rgba(7,120,200,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(18,170,230,1)), color-stop(50%, rgba(90,178,237,1)), color-stop(100%, rgba(7,120,200,1)));
background: -webkit-linear-gradient(top, rgba(18,170,230,1) 0%, rgba(90,178,237,1) 50%, rgba(7,120,200,1) 100%);
background: -o-linear-gradient(top, rgba(18,170,230,1) 0%, rgba(90,178,237,1) 50%, rgba(7,120,200,1) 100%);
background: -ms-linear-gradient(top, rgba(18,170,230,1) 0%, rgba(90,178,237,1) 50%, rgba(7,120,200,1) 100%);
background: linear-gradient(to bottom, rgba(18,170,230,1) 0%, rgba(90,178,237,1) 50%, rgba(7,120,200,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12aae6', endColorstr='#0778c8', GradientType=0 );
    border-radius: 10px 0px 0 0;
    height: 24px;
}
.LoginControl .LoginHeader .LoginTitle {
    color: #fff;
    font: bold 10pt/22px "Segoe UI",Tahoma,Verdana;
    padding-left: 15px;
}
.LoginControl .LoginContainer {
    padding: 0 5px 0 8px;
}
.LoginControl ul {
    display: block;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.LoginControl ul li {
    color: #222222;
    display: block;
    font: 9pt "Segoe UI",Tahoma,Verdana;
    margin: 5px 0;
}
.LoginControl ul li .txtUserName, .txtPassword, .txtEmail {
    display: block;
    height: 18px;
    width: 100%;
}
.LoginControl .LoginPanel .liButtonLogin {
    margin-top: 3px;
    text-align: center;
}
.LoginControl .LoginPanel .liButtonLogin > input {
    background: #10A3E1 none repeat scroll 0 0;
    border: 1px solid #eee;
    border-radius: 2px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 1px 2px 0 #b3b3b3;
    color: #ffffff;
    cursor: pointer;
    font: 13px arial;
    padding: 3px;
}
.LoginControl .LoginPanel .liButtonLogin > input:hover {
    background: #017fd3 none repeat scroll 0 0;
}
.LoginControl .LoginPanel .liLoginInfo {
}
.LoginControl .LoginPanel .liAdvance {
    text-align: center;
}
.LoginControl .LoginPanel .liAdvance a {
    display: inline-block;
    padding-left: 8px;
    padding-right: 8px;
    white-space: nowrap !important;
}
.LoginControl .liCapcha {
    display: inline-block !important;
}
.LoginControl .LoginContainer .CapchaContainer .Capcha {
    float: left;
}
.LoginControl .LoginContainer .CapchaContainer .Capcha .lblCapcha {
    display: inline-block;
    line-height: 22px;
    width: 70px;
}
.LoginControl .LoginContainer .CapchaContainer .Capcha .ImgCapcha {
    margin-right: 10px;
    width: 50px;
}
.LoginControl .LoginContainer .CapchaContainer .Capcha .txtCapcha {
    height: 18px;
    width: 100px;
    position: relative;
    top: -12px;
}
.LoginContainer .lblAccount {
    color: #222222;
    display: inline-block;
    font: bold 10pt "Segoe UI",Tahoma,Verdana;
}
.LoginContainer .lnkLogout {
    color: #222222;
    margin-right: 10px;
}
.UILoginMyAccount {
    background: #fdfdfd url("images/bg-noise.png") repeat scroll 0 0;
    border: 1px solid #bdbdbd;
    border-radius: 5px;
    margin: 20px 0;
    padding: 30px;
}
.UILoginMyAccount .Title {
    background: #ffffff none repeat scroll 0 0;
    border-bottom: 1px solid #e4e4e4;
    height: 45px;
    margin-bottom: 20px;
}
.UILoginMyAccount .Title span {
    color: #0067b2;
    font: 18px/41px "Segoe UI",Tahoma,Verdana;
    padding-left: 20px;
}
.UILoginMyAccount .Main {
}
.UILoginMyAccount .Main .Right .Title span {
    color: #555555;
    font: 18px/60px "Segoe UI",Tahoma,Verdana;
}
.UILoginMyAccount .Main .Right .Title {
    background: rgba(0, 0, 0, 0) url("images/tag-login.png") no-repeat scroll right -7px;
    border: medium none;
}
.UILoginMyAccount .Main .Left {
    background: #ffffff url("images/bg-wall.png") repeat scroll 0 0;
    border: 1px solid #e4e4e4;
    box-shadow: 0 1px 0 #ffffff inset;
    float: left;
    height: 370px;
    margin-right: 20px;
    width: 56%;
}
.UILoginMyAccount .Main .Left #ulGetPassword {
    list-style: outside none none;
    padding: 20px;
}
.UILoginMyAccount .Main .Left #ulGetPassword .liTitle {
    color: #555555;
    font: 18px arial;
    margin-bottom: 20px;
}
.UILoginMyAccount .Main .Left #ulGetPassword .liTextBox input {
    background: #fbfbfb none repeat scroll 0 0;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    color: #444444;
    font: italic 10pt "Segoe UI",Tahoma,Verdana;
    height: 30px;
    padding: 0 5px;
    width: 320px;
}
.UILoginMyAccount .Main .Left #ulGetPassword .liButton {
    margin-top: 20px;
}
.UILoginMyAccount .Main .Left #ulGetPassword .liButton .lnkSendMail, .liButton .lnkClose {
    background: #f89406 none repeat scroll 0 0;
    border: 1px solid #dc932c;
    border-radius: 2px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 1px 2px 0 #b3b3b3;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font: 14px arial;
    height: auto !important;
    margin-right: 10px;
    padding: 5px 8px;
    width: auto;
}
.UILoginMyAccount .Main .Left #ulGetPassword .liMailInfo {
    color: #ff0000;
    font: italic 10pt arial;
}
.UILoginMyAccount .Main .Right {
    background: #ffffff url("images/bg-wall.png") repeat scroll 0 0;
    border: 1px solid #e4e4e4;
    box-shadow: 0 1px 0 #ffffff inset;
    display: inline-block;
    height: 370px;
    position: relative;
    width: 41%;
}
.UILoginMyAccount .Main .Right .lblUserName {
    color: #333333;
    font: 14px arial;
    padding-left: 10px;
}
.UILoginMyAccount .Main .Right .lblPassword {
    color: #333333;
    font: 14px "Segoe UI",Tahoma,Verdana;
    padding-left: 10px;
}
.UILoginMyAccount .Main .Right .lblCapcha {
    color: #333333;
    font: 14px arial;
    padding-left: 10px;
}
.UILoginMyAccount .Main .Right .LoginForm input {
    background: #fbfbfb none repeat scroll 0 0;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    color: #444444;
    font: italic 10pt arial;
    height: 30px;
    margin-left: 10px;
    padding: 0 5px;
    width: 320px;
}
.UILoginMyAccount .Main .Right .LoginForm .txtCapcha {
    height: 25px;
    width: 100px;
}
.UILoginMyAccount .Main .Right .LoginForm .lblLoginInfo {
    color: #ff0000;
    font: italic 10pt "Segoe UI",Tahoma,Verdana;
    padding-left: 10px;
}
.UILoginMyAccount .Main .Right .LoginForm .ButtonLogin {
    background: #067edc none repeat scroll 0 0;
    border: 1px solid #0072cc;
    border-radius: 2px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 1px 2px 0 #b3b3b3;
    color: #ffffff;
    cursor: pointer;
    font: 14px arial;
    height: auto !important;
    margin-left: 8px;
    padding: 10px;
    width: auto;
}
.UILoginMyAccount .Block {
    margin: 5px 0 0 30px;
    padding: 15px 0 15px 60px;
}
.UILoginMyAccount .Block1 {
    background: rgba(0, 0, 0, 0) url("images/login-lock.png") no-repeat scroll left 30px;
}
.UILoginMyAccount .Block1 h4 {
    color: #0067b1;
    font: 10pt/24px arial;
    padding-left: 15px;
}
.UILoginMyAccount .Block2 {
    background: rgba(0, 0, 0, 0) url("images/index-paper.png") no-repeat scroll left 27px;
}
.UILoginMyAccount .Block2 .LinkReg {
    background: #f89406 none repeat scroll 0 0;
    border: 1px solid #dc932c;
    border-radius: 2px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 1px 2px 0 #b3b3b3;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font: 14px arial;
    height: auto !important;
    padding: 10px;
    width: auto;
}
.UILoginMyAccount .Block3 {
    background: rgba(0, 0, 0, 0) url("images/question.png") no-repeat scroll left center;
}
.UILoginMyAccount .Block3 .subTitle {
    color: #0067b1;
    font: italic 10pt arial;
}
.UILoginMyAccount .Block > div > span {
    color: #333333;
    font: 17px/40px arial;
}
@media only screen and (max-width: 768px) {
 .LoginControl .LoginContainer .CapchaContainer .Capcha .txtCapcha { 
    width: 30vw!important;
}
}