body#login, body#landing {background-image: none; font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
background-color: #fff; }
#login #container, #landing #container {width: 470px;border:none;}
#login #content, #landing #container {width: 470px; margin-top: 70px; margin-left:370px;}

#login p.lostDetails {text-align: center; width: 100%; float: left;margin: 0px 0 0 -6;}
#login p.lostDetails a {color: #db2424; font-size: 0.9em; }
#login p.lostDetails a:hover {color:#0A94D6; font-size: 0.9em;  text-decoration:underline;}

#loginBox {width: 470px; position: relative; float: left;
background: url(/images/esm/login/bgLoginBoxTop.png) top left no-repeat; text-align: center;
padding: 22px 0 0 0; margin: auto;}

#landingBox {width: 310px; position: relative; float: left;
background: url(/images/esm/login/bgLandingTop.png) top left no-repeat; text-align: left;
padding: 60px 80px 0 80px; margin: 0 0 10px 0;}
#landingBox .close {width: 470px; height: 76px; position: relative; float: left;
background: url(/images/esm/login/bgLandingBot.png) bottom left no-repeat; margin: 0 0 -60px -80px;}
#landingBox .logo {margin: 0 0 30px 0;}

#loginBox form {padding: 0 75px; text-align: left;}
#loginBox .close {width: 470px; height: 79px; position: relative; float: left; background: url(/images/esm/login/bgLoginBoxBot.png) bottom left no-repeat;}
#loginBox h2 {color: #fff; font-size: 90%}
#loginBox img {margin: 40px 0 0 0;}

#loginBox #loginPass {margin: 0 0 30px 0;}
#loginBox label, #landingBox label {font-size: 0.9em;font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;}

div.MBbuttonLogin {background-image: url(/images/esm/login/bgButtonLogin.png) !important; background-image: url(/images/esm/login/bgButtonLogin.gif); background-attachment: scroll; background-repeat: no-repeat; background-position: top left; display: block; float: left; height: 23px; padding-right: 5px; margin: 13px 44px 10px 0; font-size: 90%; cursor: pointer; float: right; position: relative; bottom: 0px}
div.MBbuttonLogin input {background: transparent url(/images/esm/login/bgButtonLoginR.png) no-repeat 100% 0% !important; font-size: 0.9em; background-image: url(/images/esm/login/bgButtonLoginR.gif); display: block; padding: 2px 20px 5px 38px !important; margin: 0 -12px 0 0 !important; float: left; border: none; color: #4f4f4f; height: 23px; cursor: pointer;}
div.MBbuttonLogin input:hover {border: none; color: #ff0000}
div.MBbuttonLogin input:focus {border: none; background-color: inherit;}

.clearfix { display: inline-block; }
.formRow, .buttonRow {width: 335px;margin: 8px auto;}
.formImage {float:left;margin: -36px 2px 7 23;}
.formField {float:left;padding: 3px;background-color: #f2f2f2;}

#loginInputClass {background: transparent url(/images/esm/login/input_bg.jpg) no-repeat top;font-size: 0.9em;
font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif; text-align:center;padding: 6px;border: 1px solid #cecece;width: 230px;}