html { height: 100%; }
body { background-color: #ECEADD; font-family: Verdana,Arial,Helvetica,sans-serif; margin: 0px 10px; height: 100%; }
#page { width: 800px; min-height: 100%; border-left: 1px solid black; border-right: 3px solid #333333; }
.matchBg, .sandbox, #page, .miniShot { background-color: #000044; }
.content { padding: 10px; }

/*  H E A D E R    S T Y L E S  */
#header { width: 800px; height: 100px; border: 1px outset #999999; background: url("/img/headers/homepage.jpg") no-repeat #A6A6A6; position: relative; text-align: left; font: italic bold 14px/20px Verdana; color: white; position: relative; }
#header a:hover { text-decoration: none; }
.slogan { position: absolute; top: 65px; left: 100px; text-shadow: 2px 2px 2px #221100; text-transform: uppercase; }

#nav { height: 27px; background: url("/img/gradients/navGradient.gif") repeat-x #CCCCCC; width: 800px; text-align: center; text-shadow: 2px 2px 3px #666666; letter-spacing: 1px; }
#nav td { }
#nav a { font: bold 10px Georgia,"Times New Roman",serif; text-transform: uppercase; color: #000066; text-decoration: none; display: block; border: 1px outset #CCCCCC; width: 100%; height: 18px; padding-top: 8px; white-space: pre; }
#nav a:hover { border-style: inset; background-color: #BBBBBB; color: #0000FF; }

#footer { font-size: 10px; color: black; margin-top: 10px; }
#footer a { color: #4C4A44; letter-spacing: 1px; font-weight: bold; text-transform: uppercase; line-height: 16px; }
#footer a:hover { color: #000066; }
#footer .designCredit { font-size: 9px; }

#loginPrompt { width: 200px; height: 103px; border-bottom: 1px dotted #999999; }

h1 { font-size: 24px; }
h2, h3  { margin-top: 3px; }
h2 { font: bold 16px Verdana,Arial,Helvetica; color: #003399; margin-bottom: 0px; }
h3 { margin-bottom: 0px; font-size: 13px; }

.staticHeader { width: 800px; table-layout: fixed;  }
.staticHeader .staticLinks { height: 550px; }
.staticContent { vertical-align: top; background-color: #F5F5F5; color: #333333; }
.staticContent .content { padding: 10px; line-height: 21px; position: relative; left: 0px; }
.staticContent .banner { font: bold 26px Verdana,Ariel,Helvetica; color: #FFFFFF; text-shadow: 2px 2px 4px black; text-transform: uppercase; width: 100%; background-repeat: no-repeat; }
.staticLinks { background: url('/img/gradients/gradient_horizontal.jpg') -100px 0px; width: 200px; vertical-align: top;  border-right: 1px solid #EEEEEE; color: #333333; }
.staticLinks a, .staticLinks .activeLink { display: block; line-height: 22px; padding: 0px 5px; font-size: 10px; text-transform: uppercase; color: #333333; }
.staticLinks a:hover, .staticLinks .activeLink { text-decoration: none; background: url("/img/loginBg.jpg") 0px 21px; color: #000099; font-weight: bold; white-space: pre; }


/* M A I N    C O N T E N T  */
.sandbox { text-align: left; color: white; width: 800px; font-size: 12px; position: relative; top: 0px; left: 0px; }
a { color: #000066; text-decoration: none; }
a:hover { color: #990000; text-decoration: underline; }
a.quick { font-size: 10px; }
.nowrap { white-space: nowrap; }

.helpbar { width: 200px; color: white; line-height: 200%; font-size: 10px; padding-left: 10px; vertical-align: top; }
.helpbar b { display: block; font-weight: bold; text-transform: uppercase; font-size: 120%; }
.helpbar .help { display: none; }

.standardTable { table-layout: fixed; width: 768px; background-color: #C8CFD9; }
.standardTable .header { background: url("/img/gradients/header_Gradient.gif") repeat-x #BBBBBB; font-size: 13px; height: 30px; color: white; text-transform: uppercase; }
.standardTable .header a { color: white; font-weight: bold; }

.toolbar { background-image: url("/img/gradients/toolbarGradient.gif"); background-repeat: repeat-x; background-position: 0px 80%; background-color: #7F7F7F; height: 30px; border-bottom: 1px solid #666666; color: black; font-size: 10px; font-weight: bold; }

.medicine .toolbar { background-image: url("/img/gradients/toolbarGradient_medicine.gif"); }
.medicine .standardTable { background-color: #D9BAAF; }
.medicine .standardTable .content .section { border-color: #B2A098; }

.business .toolbar { background-image: url("/img/gradients/toolbarGradient_business.gif"); }
.business .standardTable { background-color: #D5C17C; }
.business .standardTable .content .section { border-color: #B1A77C; }

.legal .toolbar { background-image: url("/img/gradients/toolbarGradient_legal.gif"); }
.legal .standardTable { background-color: #BCC2Ce; }
.legal .standardTable .content .section { border-color: #98A0B2; }

a.button { display: block; padding: 2px 0px; width: 170px; background: url("/img/gradients/header_Gradient.gif") repeat-x 0px -15px #BBBBBB; color: white; border: 1px outset #999999; text-align: center; font-weight: bold; font-size: 10px; text-transform: uppercase; }
a.button:hover { border-style: inset; background: #FFCC00; color: black; text-decoration: none; }
.standardTable .content a.button { width: 170px; }
.standardTable .header  a.button { background: white; color: black; border-color: #999999; width: 170px; }
.standardTable .header  a.button:hover { background: #FFCC00; color: black; }
.standardTable .section a.button { padding: 1px 0px; width: 65px; }

.standardTable .content { padding: 10px 6px 10px 0px; vertical-align: top; color: black; font-size: 11px; }
.standardTable .content .section a, .formSegment .section a .standardTable .content .section b, .formSegment .section b { font-size: 11px; text-transform: uppercase; }
.standardTable .content .section { background-color: #F0F0F0; border: 2px solid #A3ADBE; width: 97%; margin: 0px 0px 10px 0px; padding: 5px 0px 0px 5px; position: relative; text-align: left; }
.standardTable .content .section .formTable, formSegment .section .formTable { padding: 5px 0px 5px 5px; }
.standardTable .content .section .date { font-size: 10px; font-style: italic; text-align: right; padding-right: 5px; }
.standardTable .content .section .comments { font-size: 10px; padding: 5px 5px 0px 0px; }

.red { color: #CC0000; }

.specialtyCheck { font-size: 9px; display: block; float: left; }
.specialtyCheck label, ...employerSizseCheck label { position: relative; top: -5px; }
.checked { background-color: #FFCC00; }

a.pageClock { color: #110000; font-size: 11px; font-weight: bold; height: 58px; text-align: center; background: url("/img/gradients/clockBg.jpg") repeat-x; display: block; border: 1px outset #999999; }
a.pageClock #prosumes_time { color: #552200; font-size: 140%; padding-top: 1px; }
a.pageClock .ampm { text-transform: uppercase; font-size: 65%; }
a.pageClock .weekday { text-transform: uppercase; font-size: 80%; letter-spacing: 1px; display: block;  padding: 5px 0px; }
a.pageClock:hover { text-decoration: none; border-style: inset; }

.tiny { font-size: 10px; }

/* P O P U P    F O R M S */
.formSegment .section .formTable td { padding: 1px 4px; font-size: 10px; }
form { display: inline; }
input { font-size: 11px; font-weight: bold; margin: 3px 0px; }
input.textField, select.textField { height: 16px; font-size: 11px; }
select { font-size: 11px; }
select.textField { height: 18px; }

.textField input, .textField select, .textField textarea { width: 100%; }
.textField input { width: 100%; color: #666666; }
.goodField { background-color: #FFCC33; color: black; }
.badField { background-color: #990000; color: white; }



.hidden { display: none; }

/* ADDED BY MATEEN. CHANGE OR DO WHATEVER YOU NEED TO DO IT */
.normal { font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: rgb(100,100,100); text-decoration: none; font-weight: normal; }
.normal_bold { font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: rgb(100,100,100); text-decoration: none; font-weight: bold; }

.links { font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: rgb(0,0,150); text-decoration: underline; font-weight: normal; }
.links:hover { font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: rgb(0,0,150); text-decoration: none; font-weight: normal; }

.links_bold { font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: rgb(150,150,150); text-decoration: underline; font-weight: bold; }
.links_bold:hover { font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: rgb(150,150,150); text-decoration: none; font-weight: bold; }

.website_link { font: normal 10px Arial, sans-serif; color: rgb(0,0,100); text-decoration: none; font-weight: normal; }
.website_link:hover { font: normal 10px Arial, sans-serif; color: rgb(0,0,100); text-decoration: underline; font-weight: normal; }