* {margin: 0; padding: 0}
html, body {height: 100%}
body {display: table; width: 100%; background: #fff; color: #0b333c; text-align: center; font: 13px Verdana, 'Lucida Grande', sans-serif}
a img {border: 0}

h1, h2, h3, h4, h5, h6 {font-family: Verdana, Arial, sans-serif; color: #0b333c; font-weight: normal}
h1 {font-size: 26px}
h2 {font-size: 19px; margin-bottom: 14px}
h3 {font-size: 14px; font-weight: bold; padding: 7px 0; margin-bottom: 10px}

#wrapper {display: table-cell; vertical-align: middle}
#content {width: 741px; margin: 0 auto; text-align: left}
#main {background: url("images/login_bg.gif") top repeat-y; width: 741px}
#top {background: url("images/login_top.gif") top no-repeat; width: 741px; height: 11px; font-size: 1px}
#bottom {background: url("images/login_bottom.gif") top no-repeat; width: 741px; height: 11px; font-size: 1px}
#logo {display: block; width: 189px; height: 20px; margin: 0 0 25px 15px}
#logo img {display: block}

table {margin: 90px auto 73px; border-collapse: collapse}
td {padding-bottom: 17px}
input.text, input.password {background: #fdfdfd url("images/input.gif") bottom repeat-x; padding: 2px 1px 0 1px; height: 18px; width: 190px; border: 1px solid #999c9e}
table .title {text-align: right; padding-right: 23px}
.button {background: #fafafa url("images/b_g66.gif") no-repeat; color: #0b333c; width: 66px; height: 23px; padding: 0 9px 1px 11px; margin-top: 5px; border: none; text-align: left; font-size: 11px; font-weight: bold; cursor: hand; cursor: pointer}
.button:hover {background-color: #f6f6f6; color: #1a4954}