/* ================== GLOBAL STYLES ================== */
body {font-family: verdana, arial, sans-serif; font-size: 11px; color: #000000; 
      margin: 10px; scrollbar-face-color:#7286a5; scrollbar-highlight-color:#d7deff; 
      scrollbar-3dlight-color:#030e4c; scrollbar-darkshadow-color:#030e4c; scrollbar-shadow-color:#d7deff; 
      scrollbar-arrow-color:#ffffff; scrollbar-track-color:#030e4c;}

p {font-family: verdana, arial, sans-serif; font-size: 11px; color: #000000; text-align: justify;}
td, input, textarea, select, ul, ol {font-family: verdana, arial, sans-serif; font-size: 11px; color: #000000;}

a:link, a:visited, a:active {color: #993399; text-decoration: none;}
a:hover {color: #003399; text-decoration: underline;}

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;}

.copyright {font-family: verdana, arial, sans-serif; font-size: 10px; color: #91A7BD;}
A.copyright:link {color: #91A7BD; text-decoration: none;}
A.copyright:visited {color: #91A7BD; text-decoration: none;}
A.copyright:active {color: #91A7BD; text-decoration: none;}
A.copyright:hover {color: #6685A3; text-decoration: none;}

.title {font-family: verdana, arial, sans-serif; font-size: 12px; color: #663366; font-weight: bold;}
.pagetitle {font-family: verdana, arial, sans-serif; font-size: 18px; color: #663366; font-weight: bold;}
.subtitle {font-family: verdana, arial, sans-serif; font-size: 11px; color: #003366; font-weight: bold;}

.news {font-family: tahoma,ms sans serif,geneva,verdana,helvetica,arial; color: #003366; font-size: 11px; font-weight: bold;}
A.news:link {color: #003366; text-decoration: none;}
A.news:visited {color: #003366; text-decoration: none;}
A.news:active {color: #003366; text-decoration: none;}
A.news:hover {color: #993399; text-decoration: none;}

.menu {font-family: tahoma,ms sans serif,geneva,verdana,helvetica,arial; font-size: 11px; font-weight: bold; padding-left: 10px; padding-right: 10px; padding-top: 6px; padding-bottom: 6px;}
A.menu:link {color: #FFFFFF; text-decoration: none;}
A.menu:visited {color: #FFFFFF; text-decoration: none;}
A.menu:active {color: #FFFFFF; text-decoration: none;}
A.menu:hover {color: #DCB4DC; text-decoration: none;}

.globalfooter {font-family: verdana,tahoma,ms sans serif,geneva,helvetica,arial; font-size: 10px; padding-left: 6px; padding-right: 6px; padding-top: 6px; padding-bottom: 6px;}
A.globalfooter:link {color: #ffffff; text-decoration: none;}
A.globalfooter:visited {color: #ffcc00; text-decoration: none;}
A.globalfooter:active {color: #ffffff; text-decoration: none;}
A.globalfooter:hover {color: #ffcc00; text-decoration: underline;}

/* ================== 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;}