/* base styles */
body { margin: 0 0 0 0; background: #cccccc; }
div { margin: 0; padding: 0px; font-family: Verdana, Arial,  Helvetica, sans-serif; font-size: 9pt; color: #003366; line-height: 14px; }
form { margin: 0; padding: 0px; }
img { border: 0px; }
table { padding: 0px; border: 0px; }
td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #003366; }
h1, h2, h3, h4, h5 { padding: 0px; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #003366; }
h1 { font-size: 10pt; color: #DA2824; line-height: 18px; }
h2 { font-size: 8pt; }
h3 { font-size: 9pt; }
p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #003366; }
input, textarea { padding: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; }
select { padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; }
a:link { color: #999999; text-decoration: underline; }
a:visited { color: #999999; text-decoration: underline; }
a:hover { color: #666666; text-decoration: underline; }

.input { padding-top: 3px; padding-bottom: 3px;}
.input label { width: 9em; float: left; text-align: left; margin-right: 0.5em; display: block; }

.variablewidthinput { padding-top: 3px; padding-bottom: 3px;}
.variablewidthinput label { float: left; text-align: left; margin-right: 0.5em; display: block; }

.timetableinput { padding-bottom: 3px;}
.timetableinput label { width: 12em; float: left; text-align: left; margin-right: 0.5em; display: block; }

/* custom base styles */
.bold { font-weight: bold; }
.italic { font-style: italic; }

/* container */
#container { display: block; width: 790px; margin: auto; padding-top: 5px; }
#login-container { display: block; width: 480px; padding-top: 80px; margin: auto; }

/* header */
#header { display: block; width: 790px; height: 175px; padding-top: 5px; background: url(../images/header.gif) no-repeat; }
#versionnumber { float: left; width: 778px; padding-right: 12px; height: 25px; line-height: 25px; text-align: right; font-size: 7pt; color: #000000; }
#headersection { display: block; float: left ; width: 300px; padding-left: 159px; padding-top: 100px; height: 25px; line-height: 25px; text-align:left; font-size: 9pt; font-weight: bold; color: #000000;-}
#headeruser { display: block; float: right ; width: 300px; padding-right: 12px; padding-top: 100px; height: 25px; line-height: 25px; text-align:right; font-size: 8pt;}
#headertext { display: block; float: left ; width: 778px; padding-right: 12px; padding-top: 0px; height: 25px; line-height: 25px; text-align:right; font-size: 8pt;}
#search { float: left; width: 172px; height: 23px; padding-top: 2px; }
#searchfield { width: 110px; height: 12px; }
#searchbutton { width: 52px; height: 22px; }

/* login */

#login .submit { display: block; float: left; width: 100px; padding-left: 100px; height: 50px; padding-top: 15px;}



/* content */
#content-container { float: left; width: 770px; padding-top: 10px; padding-left: 10px; padding-right: 10px; background-color: #ffffff;}
#login-screen-box { float: left; width: 410px; height: 140px; padding-top: 190px; padding-left: 70px; padding-right: 0px; background: url(../images/login.gif) no-repeat; }
#footer { float: left; width: 770px; height: 35px; padding-top: 10px; padding-bottom: 10px; font-size: 7pt; color: #666666; text-align: right; background-color: #ffffff;}
#footer a { height: 13px; padding-left: 16px; padding-right: 16px; background: url(../images/common/page_icon.gif) no-repeat; line-height: 13px; }
#footer a:link { color: #999999; text-decoration: underline; }
#footer a:visited { color: #999999; text-decoration: underline; }
#footer a:hover { color: #666666; text-decoration: underline; }