/* global styles */
h2 {font: 24px "arial black",arial,helvetica,sans-serif; line-height: 24px; letter-spacing: -.05em; margin: 0; color: #f33; background-color: transparent;}
body {margin: 0; font-family: arial,helvetica,sans-serif; text-align: center; color: #000; background: #fff url("../images/key120r.gif") no-repeat 50% 30px;}
a {font-weight: bold;}
a:link {color: #000; background-color: transparent;}
a:hover {color: #999; background-color: transparent;}
a:visited {color: #000; background-color: transparent;}
a:visited:hover {color: #999; background-color: transparent;}
p,li,input,select {font: 12px arial,helvetica,sans-serif;}
p.error {font: bold 14px arial,helvetica, sans-serif; color: #f33; background-color: transparent; text-align: center;}
h1 {font: bold 22px arial,helvetica,sans-serif; line-height: 22px; margin: 40px 0 10px 0;}
h1.error {color: #f33; background-color: transparent;}
.unavailable {color: #666; background-color: transparent;}
h3 {font: bold 17px arial,helvetica,sans-serif; line-height: 17px; margin: 0;}
h4 {font: bold 14px arial,helvetica,sans-serif; line-height: 14px; margin: 20px 0;}
#main {width: 500px; margin: 90px auto 20px auto; text-align: center; border: solid 0px #666;}
#mainbig {width: 95%; margin: 90px auto 20px auto; text-align: center;}
#main-l {width: 60%; margin: 90px auto 20px auto; text-align: left;}
form {display: inline; margin: 0;}
li.note {list-style-type: none; margin-top: 10px; font-style: italic;}

#listblock {width: 500px; margin: 20px auto; padding: 10px; color: inherit; background: #eee;  border: solid 1px #666; text-align: left;}
#listblock h4 {margin: 0 0 5px 0;}
#listblock ul {margin-top: 0; margin-bottom: 0;}

#footer {padding: 10px 0;}
#footer p {font: 10px arial,helvetica,sans-serif; line-height: 12px; text-align: center;}

/* login */
#formtb {text-align: center;}
#formtb table {width: auto; margin: 0 auto; border: solid 2px #ccc;}
#userlbl,#tokuserlbl {width: 50%; font: bold 13px arial,helvetica,sans-serif; text-align: right; padding: 10px 2px 2px 5px;}
#userfld,#tokuserfld {width: 50%; font: normal 13px arial,helvetica,sans-serif; text-align: left; padding: 10px 5px 2px 2px;}
#pwdlbl,#tokpwdlbl,#amethlbl {font: bold 13px arial,helvetica,sans-serif; text-align: right; padding: 2px 2px 3px 5px;}
#pwdfld,#tokpwdfld {font: normal 13px arial,helvetica,sans-serif; text-align: left; padding: 2px 5px 3px 2px;}
#pwdnlbl {font: bold 13px arial,helvetica,sans-serif; text-align: right; padding: 2px 2px 3px 5px;}
#pwdnfld {font: normal 13px arial,helvetica,sans-serif; text-align: left; padding: 2px 5px 3px 2px;}
#pwdn2lbl {font: bold 13px arial,helvetica,sans-serif; text-align: right; padding: 2px 2px 3px 5px;}
#pwdn2fld {font: normal 13px arial,helvetica,sans-serif; text-align: left; padding: 2px 5px 3px 2px;}
#btnleft,#tokbtnleft {text-align: right; padding: 10px 2px 15px 10px;}
#btnright,#tokbtnright {text-align: left; padding: 10px 10px 15px 2px;}
#user,#tokenuser {font: 13px arial,helvetica,sans-serif; width: 105px;}
#pwd,#tokpwd {font: 13px arial,helvetica,sans-serif; width: 105px;}
#pwdn {font: 13px arial,helvetica,sans-serif; width: 105px;}
#pwdn2 {font: 13px arial,helvetica,sans-serif; width: 105px;}
#user:focus,#pwd:focus {color: inherit; background: #ffc;}
#help {margin: 20px 0 0 0;}
#help p {font: 11px/11px arial,helvetica,sans-serif; text-align: center; margin: 3px 0;} 

button,#loginbtn,#tokloginbtn {display: block; width: 110px; height: 21px; font: bold 12px/21px arial,helvetica,sans-serif; text-align: center; border: none; color: #000; background: #fff url(../images/btn110.jpg) no-repeat 0 0;}
button:hover,#loginbtn:hover {color: #000; background: #fff url(../images/btn110.jpg) no-repeat 0 -21px;}
button:active,#loginbtn:active {color: #000; background: #fff url(../images/btn110.jpg) no-repeat 0 -42px;}

##main button {margin: 0 auto;}