/* 
    PALLETTE: 
    F6F7F7
    525252
    CCFFCC
*/

#divDisclaimer {position: relative;top: 0px;left: 0px; display:block; border: none; padding: 3px;text-align: left;}
#divLoginException {margin:10px;padding:3px;background:#ffff33;font: bold 8.5pt Verdana,Helvetica,sans-serif;color:#000; border: solid 1px #CCFFCC;width:50%;text-align: left;}
#divLoginException A {color:#f00;}
#divLoginException A:hover {color:#fc0;}
#divHeader {position: relative; top: 0px; left: 0px; width: 100%; height: 80px; background: #CCFFCC; margin-left:0.2em;text-align: left;}
#divFooter {clear:both; padding: 0.2em 1em;text-align: left;} 

#divHomepage {background-repeat: no-repeat;background-position: left top;width:600px;height:450px;margin: 0 auto;text-align: left;background-color:#CCFFCC;margin-top: 10px;}
#divHomepage H1 {color: #525252;}
#divHomepage H2 {color: #525252;}
#divHomepage .TextHomepage {color: #525252;}
#divHomepage .TextHomepage A {color: #525252;font-size:9.5pt;}
#divHomepage .TextHomepage A:hover {color: #525252;font-weight:bold;font-size:9.5pt;}
#divHomepage LI {color:#525252;}
#divHomepage .smallprint {color:#525252;font-weight:bold;}
#divHomepageText {position: relative;height: auto;width: 75%;left: 10px;top: 20px;}

#divFinish {background-repeat: no-repeat;background-position: left top;width:600px;height:450px;margin: 0 auto;text-align: left;background-color:#CCFFCC;margin-top: 10px;}
#divFinish H1 {color: #525252;}
#divFinish H2 {color: #525252;}
#divFinish .TextHomepage {color: #525252;}
#divFinish .TextHomepage A {color: #525252;font-size:9.5pt;}
#divFinish .TextHomepage A:hover {color: #525252;font-weight:bold;font-size:9.5pt;}
#divFinish LI {color:#525252;}
#divFinish .smallprint {color:#525252;font-weight:bold;}
#divFinishText {position: relative;height: auto;width: 95%;left: 10px;top: 10px;}

#divTechMsg {position: relative;width:95%;margin-top:100px;margin-left:0px;text-align: left;font-size:7.5pt;}

#divContent {float: left;width: 82%;margin-left: 0%;height: 100%;overflow: auto;text-align: left;}
* html #divContent {display: inline;}
#divMenu {float: right;width: 18%;text-align: left;}

.divReg {font-size: 0.7em;}

/* Start Mac IE5 filter \*/
#divContent, #divMenu {padding-bottom: 32767px !important;margin-bottom: -32767px !important;}
@media all and (min-width: 0px) {
    #divContent, #divMenu {padding-bottom: 0 !important;margin-bottom: 0 !important;}
    #divContent:before, #divMenu:before {content: '[ANYTHING]';display: block;background: inherit;padding-top: 32767px !important;margin-bottom: -32767px !important;height: 0;}
}
/* End Mac IE5 filter */

/* IE Win can be a bit out - you might need to adjust  
bottom value by -1px or as required */
.verticalalign{position: absolute;bottom: 0;}
#divContent .verticalalign{width: 85%;}
#divMenu .verticalalign{width: 15%;}

/* hack for Opera 7+ */
@media all and (min-width: 0px){
    .verticalalign {width: 100% !important;}
    /* But Opera 9 does it right, so CSS3 hax to the max */
    div[id^="divContainer"] #divContent .verticalalign {width: 85% !important;}
    div[id^="divContainer"] #divMenu .verticalalign {width: 15% !important;}
}

/* hack for IEs of all persuasions */
* html .verticalalign {width: 100% !important;}
.verticalalign p {position: absolute;bottom: 0;right: 0;margin: 0;padding: 0;background: #996666;}

 /* This hides the excess padding in non-IE browsers */
#divContainer 	{position: relative;overflow: hidden;}

/* we need this for IE 5.01 - otherwise the divContainer does not expand to the
necessary height */
#divContainer {float: left;float/**/: none;}

/* easy clearing */
#divContainer:after {content: '[ANYTHING]'; display: block; height: 0; clear: both; visibility: hidden;}
#divContainer 	{display: inline-block;}

/*\*/
#divContainer 	{display: block;}
/* end easy clearing */

/* Safari needs this - otherwise the ghost overflow, though painted 
correctly obscures links and form elements that by rights should be above it.
An unintended side-effect is that it cause such elements to vanish in IE 5.01
and 5.5, hence the child selector hack */
* > #footer, * > form, * > #notes, * > .output {position: relative;z-index: 1000;}
	
A {color: #525252; font-size: 8.5pt; text-decoration: none;}
A.active {color: #000;} 
A:hover {color: #fc0;}
BODY {margin-left:10px; padding:0; color: #525252; font: normal 8.5pt Verdana, Arial, sans-serif;text-align: center;background-color: #CCFFCC;}
BUTTON {color: #000; font: normal 8.5pt Verdana,Helvetica,sans-serif;}
FIELDSET, LEGEND {color: #525252; font: bold 10pt Verdana,Helvetica,sans-serif;}
H1 {color: #525252; font: bold 14pt Verdana,Helvetica,sans-serif;}
H2 {color: #525252; font: bold 12pt Verdana,Helvetica,sans-serif;}
H3 {color: #525252; font: bold 10pt Verdana,Helvetica,sans-serif;}
H4 {color: #525252; font: bold 9pt Verdana,Helvetica,sans-serif;}
IMG {vertical-align:middle;}
INPUT {color: #000; font: normal 8.5pt Verdana,Helvetica,sans-serif; border: solid 1px #CCFFCC}
LABEL {color: #525252;}
TD {color: #000; font: normal 8.5pt Verdana, Arial, sans-serif;}
TEXTAREA {color: #000; font: normal 8.5pt Verdana,Helvetica,sans-serif; border: solid 1px #CCFFCC}
UL {margin: 0px;color: #525252;}
OL {margin: 0px;color: #525252;}
LI {padding: 3px;color: #525252;font: normal 8.5pt Verdana,Helvetica,sans-serif;}
P {color: #525252;font: normal 8.5pt Verdana,Helvetica,sans-serif;}

.Title {color: #525252; font: bold 8.5pt Verdana,Helvetica,sans-serif;}
.Header {color: #525252; font: bold 8.5pt Verdana,Helvetica,sans-serif;}
.Highlight {background: yellow; font: bold 8.5pt Verdana,Helvetica,sans-serif;}
.Text {color: #525252; font: normal 8.5pt Verdana,Helvetica,sans-serif;}
.TextHomepage {color: #525252; font: bold 8.5pt Verdana,Helvetica,sans-serif;}
.Red {color: #f00;}
.White{color: #fff;}
.Orange{color: #fc0;}
.MsgText {color: #000; font: bold 8.5pt Verdana,Helvetica,sans-serif;}
.MsgError {color: #000; font: bold 8.5pt Verdana,Helvetica,sans-serif;}
.MsgTitle {color: #000; font: bold 12pt Verdana,Helvetica,sans-serif; margin-bottom: 5px; padding: 0px 0px 5px 5px;}
.icon {background-color:#CC3333; background-image: url(Images/bg_blank.gif); background-repeat: no-repeat; border:none; color:#fff; font: bold 10pt Verdana,Helvetica,sans-serif;cursor: pointer;}
.icon A:hover {color: #fc0; background-color:#CC3333;}
.highlightImg {border: solid 4px #f00}
.defaultImg {border: solid 4px #fff}
.mainImg {border: solid 4px goldenrod}
.inputLabel {color:#CCFFCC;}
.inputLabelException {color:#000;}
.Footer {width:100%; text-align:right;color: #525252; font: normal 6.5pt Verdana,Helvetica,sans-serif;}	
.InterviewA {color: #525252; font: bold 8.5pt Verdana,Helvetica,sans-serif;}
.InterviewQ {color: #525252; font: bold 8.5pt Verdana,Helvetica,sans-serif;}
.smallprint {color: #525252; font: normal 7.5pt Verdana,Helvetica,sans-serif;}
.Banner {font: bold 1.6em Verdana,Helvetica,sans-serif;margin: 0 1em 0 0.5em;}