/* ================== GLOBAL STYLES ================== */
body {font-family: verdana, tahoma, courier new, sans-serif; font-size: 11px; color: #000000;
	background-color: #D7E6EB; 
	scrollbar-face-color: #7480B7; 
	scrollbar-shadow-color: #000000; 
	scrollbar-highlight-color: #ffffff; 
	scrollbar-3dlight-color: #000000; 
	scrollbar-darkshadow-color: #ffffff; 
	scrollbar-track-color: #ffffff; 
	scrollbar-arrow-color: #000000;
	margin: 0px;
	text-align: center;}
			
#body {background-color: #ffffff; 
	width: 780px; 
	border-left: solid 1px #000000; 
	border-right: solid 1px #000000; 
	text-align: left;}

p, td, input, textarea, select, ul, ol {font-family: verdana, arial, sans-serif; font-size: 11px; color: #000000;}
a:link, a:visited, a:active {color: #004400; text-decoration: underline; font-weight: bold;}
a:hover {color: #660000; text-decoration: underline; font-weight: bold;}

#footerlinks {color: #000000; font-weight: bold;}
#footerlinks a:link, #footerlinks a:visited, #footerlinks a:active {color: #660000; text-decoration: none;}
#footerlinks a:hover {color: #006600; text-decoration: none;}

#footer {color: #000000; font-size: 10px;}
#footer a:link, #footer a:visited, #footer a:active {color: #000066; text-decoration: none;}
#footer a:hover {color: #660000; text-decoration: none;}

#menuarea {padding: 0px 5px;}

h1, h2, h3, h4, h5 {font-weight: bold; color: #283D58; margin: 0px;}
h1 {font-size: 20px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4 {font-size: 12px;}
h5 {font-size: 11px;}

small {font-size: 10px;}
big {font-size: 16px; font-weight: bold;}
input, select, textarea {font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: bold; background-color: #ffffff; color: #333333; border: solid 1px #000000; padding-left: 3px;}
input.radiocheckboxes {border: 0px; background-color: transparent;}
input.submit {font-family: verdana, arial, sans-serif; font-size: 11px; background-color: #000000; font-weight: bold; color: #ffffff; border: 1px solid #ffffff;}
.status {font-weight: bold; color: #ff0000; font-size: 11px;}
div.status {border: solid 1px #777777; padding: 8px; background-color: #f5f5f5;}
div.topdate {width: 170px; text-align: center; font-family: arial; font-size: 11px; color: #ffffff; font-weight: bold; border: solid 1px #000000; padding: 0px 4px; background: url(/spec/images/bg-grid.gif);}

/* ================== LOGIN PAGE ================== */
div.login {text-align: center;}
table.login {width: 250px; border: solid 1px #000000; border-collapse: collapse;}
td.loginstatus {background-color: #f5f5f5; text-align: left; vertical-align: middle; padding: 4px;}
td.loginleftcol {width: 40%; background-color: #f5f5f5; text-align: right; vertical-align: middle; padding: 3px 2px;}
td.loginrightcol {width: 60%; background-color: #f5f5f5; text-align: left; vertical-align: middle; padding: 3px 2px;}
td.logincol2 {background-color: #f5f5f5; text-align: center; vertical-align: middle; padding: 3px 2px;}

/* ================== PASSWORD RETRIEVAL PAGE ================== */
div.pretrieve {text-align: center;}
table.pretrieve {width: 300px; border: solid 1px #000000; border-collapse: collapse;}
td.pretrievestatus {background-color: #f5f5f5; text-align: left; vertical-align: middle; padding: 4px;}
td.pretrieveleftcol {width: 45%; background-color: #f5f5f5; text-align: right; vertical-align: middle; padding: 3px 2px;}
td.pretrieverightcol {width: 55%; background-color: #f5f5f5; text-align: left; vertical-align: middle; padding: 3px 2px;}
td.pretrievecol2 {background-color: #f5f5f5; text-align: center; vertical-align: middle; padding: 3px 2px;}
div.pretrievesent {width: 400px; border: solid 1px #000000; background-color: #f5f5f5; padding: 8px; text-align: center;}

/* ================== SIGN UP PAGE ================== */
div.signup {text-align: center;}
table.signup {width: 400px; border: solid 1px #000000; border-collapse: collapse;}
td.signupstatus {background-color: #f5f5f5; text-align: left; vertical-align: middle; padding: 4px;}
td.signupleftcol {width: 40%; background-color: #f5f5f5; text-align: right; vertical-align: middle; padding: 3px 2px;}
td.signuprightcol {width: 60%; background-color: #f5f5f5; text-align: left; vertical-align: middle; padding: 3px 2px;}
td.signupcol2 {background-color: #f5f5f5; text-align: center; vertical-align: middle; padding: 3px 2px;}