#login { width: 300px; height: 360px; padding-top: 10px; border: 0px; box-shadow: none }
#login #lostpassform { display: none }
#trakkeylogo { padding: 0px; background-position: 0px; width: 200px; height: 50px; background-image: url('/templates/left/img/logo.png')  }
body.gray #trakkeylogo { margin-top: 0px; height: 70px; }

.fieldholder { margin-bottom: 25px }

.fieldholder .title { display: none }
.fieldholder .field { width: 290px !important; margin-left: 0px; border-radius: 4px; box-shadow: 3px 3px 3px #404040; -webkit-box-shadow : 3px 3px 3px #404040; padding: 15px 10px 15px 10px}

#login #loginform, #login #lostpassform { width: 300px; padding:0px; }

.errormessage { margin: 10px; color: #ffff00; font-weight: bold; max-height: 30px }
body.gray .errormessage { color: #8c0101 }

#loginhoder, #resetholder { float: none; width: 312px !important }
#loginhoder .login, #resetpassbutton { width: 312px !important; box-shadow: 3px 3px 3px #404040; border-radius: 4px; cursor: pointer; height: 50px }

.loginscreentoggler { text-align: center; margin-top: 40px; cursor:pointer }

#resetpassbutton { float: none; margin-top: 0px; margin-bottom: 69px }

#lostpassform .loginformtitle { color:white }