#LoginWrapper{max-width: 990px; background: #b8d3e5;padding-bottom: 60px;padding-top: 10px; padding-left: 15px;}
.LoginContainer{float: left; width: 63%; background: #fff; padding: 15px; margin: 0 0 0 5px;}
.LoginContainer LogintxtUserName, .LoginContainer .LogintxtPassword{padding: 5px; border: 1px solid #cccccc; font-weight: normal; font-family: sans-serif; -webkit-border-radius: 0; line-height: 1.1em;color: #5b5b5b;  background: #f6f6f6;}
.LoginlblPassword{padding-right: 14px;}
input[type=password]:focus, input[type=url]:focus, input[type=text]:focus, input[type=date]:focus, input[type=email]:focus, select:focus, textarea:focus {
  color: #5e5e5e;
  outline: 1px solid rgba(35, 180, 175, 0.35);
  outline-offset: 0;
}

/*IPhone portrait mode:*/
@media all and (min-width: 0px) and (max-width: 320px) {
.LoginContainer{width: 92%;}
}

/*IPhone landscape mode:*/
@media all and (min-width: 421px) and (max-width: 520px) {

}

/*Samsung portrait mode:*/
@media all and (min-width: 321px) and (max-width: 420px) {
.LoginContainer{width: 92%;}
}

/*Samsung landscape mode:*/
@media all and (min-width: 521px) and (max-width: 640px) {

}

/*IPad/IPad mini portrait mode:*/
@media all and (min-width: 721px) and (max-width: 840px) {

}

/*IPad/IPad mini landscape mode:*/
@media all and (min-width: 921px) and (max-width: 1040px) {

}