body, table td, select, input, textarea { font-family:wf_segoe-ui_normal,Segoe UI,Segoe WP,Tahoma,Arial,sans-serif; font-size:14px; margin:0px; padding:0px }

/*body { background: url(/img/login/background1.png) no-repeat center top }*/
body { background: #f1f1f1 }
#login { width: 800px; height: 300px; background: url(/img/login/background.png) repeat-y; margin: 180px auto 0px auto; position: relative; box-shadow: 0px 0px 10px #2b2b2b; border-radius: 10px }
#login #loginform, #login #lostpassform { padding: 20px 30px 0px 20px; margin: 0px auto; width: 400px; float: left }

.fieldholder { background-repeat: no-repeat; background-position: 5px 10px; margin-bottom: 15px; position: relative; height: 45px }
.fieldholder .title { float: left; padding: 11px 5px 11px 0px; width: 60px; color: white }
.fieldholder:before {
    font-family: FontAwesome;
    left: 8px;
    position: absolute;
    top: 8px;
    font-size: 24px;
    color: #1B181C
}

#emailholder.fieldholder:before { font-size: 20px; top: 10px }

#trakkeylogo { clear:both; width: 60px; height: 74px; background: url(/img/trakkey.png) no-repeat 0px 70px; margin: 20px auto 0px auto; padding: 14px 0px 0px 170px; padding-top: 84px; color: #737373; font-weight: bold }

.field { width: 310px; padding: 11px 5px 11px 5px; height: 18px; background: white; border: 0px; margin-left: 5px; border: 1px solid #33B6CA }

#loginhoder, #resetholder { position: relative; float:right; margin-right: 7px }
.login, #resetpassbutton { width: 180px; height: 40px; border: 1px solid #dedede; background: #31354a; color: #fff }

#login #lostpassform { width: 300px; padding-right: 0px }
#login #lostpassform .field { width: 200px; }
#login #lostpassform .fieldholder .title { color: black }

.loginformtitle { text-align: center; height: 20px; color: white }
#lostpassform .loginformtitle { color:#000 }

/*
#loginhoder:before { font-size: 24px; color:#fff; font-family: FontAwesome; position: absolute; content: "\f08b"; top: 8px; left: 50px; }
#resetholder:before { font-size: 24px; color:#fff; font-family: FontAwesome; position: absolute; content: "\f08b"; top: 8px; left: 20px; }
*/
#resetpassbutton { background-position: 45px 9px; color: #fff; float: right; margin-top: 60px }

.smalllink { position: absolute; bottom: 16px; right: 16px }
.errormessage { text-align:center; height:20px; color:#ff3300; font-size: 15px; margin-bottom: 10px }

a { color: #1B181C; text-decoration: none }
a:hover { text-decoration: underline }
a:visited { text-decoration: none }

input:-webkit-autofill,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: black;
}