BODY {
margin:0; 
/*background:url(../i/all_bg.gif) center repeat-y;*/
background-color:#646464;
font-family:Arial, Helvetica, sans-serif;
font-size: 1.1em; /* 100% font size */
color:#333;
}
IMG {border:none;}

/*BODY * A {color:#663399; text-decoration:none;}*/
FORM {margin:0; padding:0;}

FORM *.text {border:1px solid #663399; padding:0 2px 0 2px;}

DL, DT {margin:0; padding:0;}


.or {color:#FF6600}

#masthead {
width:940px;
height:98px;
background:url(../i/mh_bg.gif) repeat-x;
text-align:left;
}

#masthead #logo {float:left; padding-left: 20px; width:25%;}

#masthead #links {
float:right;
width:70%;
text-align:right;
padding: 10px 20px 0 0;
color:#666;
font-weight:bold;
font-size: 70%;
}

#masthead #tab-wiz {float:right; position:relative; top:38px; right:10px;}


/*#masthead * A {color:#663399;}*/
#masthead * A:Hover {color:#FF6600; text-decoration:underline;}



#masthead-bot {
height:15px;
width:940px;
background:url(../i/mh_bot_bg.gif) repeat-x; 
}


#status-bar {font-size:70%; margin: 0 20px 10px 20px; clear:both;}

#pagefunctions{width:90%;font-size:60%; margin: 5px 20px 10px 20px; float:right; line-height:50px;}


#main {
background-color:#E3E8EC;
}

#content {
width:880px;
/*min-height: 600px;
display:table;*/
/*border:1px solid #C6D0D7;*/
background-color:#FFF;
}

#content H2 {font-size:130%; font-weight:bold; color:#FF6600; margin:0;}


/** ITSS home **/
#content #leftcol {
float:left; 
width: 55%;
padding-top:10px;
margin-left: 10px;
text-align:left;

}

#content #leftcol P {
font-size: 70%; 

}

#content #leftcol_2 {
font-size: 70%; 

}

#content #rightcol {
float:right; 
width:40%;
text-align:left;
padding-top:10px;
}

#content #login {
width:358px; 
background:url(../i/itss_log_top.gif) top left no-repeat; 
min-height:90px; 
font-size: 70%;
}

#content #login DIV {padding: 20px 0 10px 20px;}


#content SELECT {border:1px solid #663399; margin: 10px 0 10px 15px;}

#content .radio-btn {margin:10px 5px 0 15px;}


/*survey pages */

#content #survey {margin:40px 40px 0 40px; font-size:80%; text-align:left;}

#content #survey H2 {font-size: 130%; color:#000; margin:20px 0 10px 0;}

#content #survey DIV {
font-weight:bold; 
margin:20px 0 10px 0;
}

#content #survey TABLE {width:90%;}


#recommend_table {font-weight:normal;font-size:100%; }
#recommend_table td {padding:5px; }

#tellafriend_table td {font-size:80%; padding-bottom:3px }
#message_table td {font-size:80%; padding-bottom:3px }
#verification_table td {font-size:80%; padding-bottom:3px }

/**--- other content (info, about, why) ------------**/
#content #maincontent H1 {font-size: 180%; font-weight:bold; margin:0 0 5px 0; padding:0; color:#ff6600;}
#content #maincontent H3 {font-size: 120%; margin: 20px 0 0 0; color:#000;}
#content #maincontent UL {list-style:none; margin:15px 0 20px 0; padding:0;}
#content  #maincontent UL LI {line-height:180%;}

#content #maincontent {margin:20px 20px 20px 20px; text-align:left; font-size:70%; }


#content #contact H3 {font-size: 120%; }
#content #contact {font-size:70%;} /* more info - contact panel */

#content #info-form {font-size:70%; margin-bottom: 20px;}/* more info - form */




/** wizard home **/

#content #leftcol-wiz {
float:left; 
width:55%; 
font-size:90%; 
margin: 0 10px 0 20px;
text-align:left;
}


#content #rightcol-wiz {
float:right;
width:37%;
border-left:1px solid #C6D0D7; 
font-size:70%;
margin-top:15px;
padding: 0 10px 0 10px;
text-align:left;
}

#rightcol-wiz H2 {color:#663399; font-size: 18px; margin-bottom:10px;}

#rightcol-wiz  #profile {
width:320px; 
background:url(/i/wiz_pro_bg.gif) top right no-repeat;
padding: 0 10px 0 10px;
margin-bottom: 20px;
}
#rightcol-wiz #download-report {
width:320px; 
background:url(/i/wiz_dl_bg.gif) top right no-repeat;
padding: 0 10px 0 10px;
margin-bottom: 20px;
}


#rightcol-wiz #emailfriend {
width:320px; 
background:url(/i/wiz_em_bg.gif) top right no-repeat;
padding: 0 10px 0 10px;
margin-bottom: 20px;
}

#rightcol #emailfriend {
font-size:70%;
width:320px; 
background:url(/i/wiz_em_bg.gif) top right no-repeat;
padding: 0 10px 0 10px;
margin-bottom: 20px;
}

/*search criteria form */

#content #search-wiz {
width:880px;
font-size:70%;
border:1px solid #C6D0D7; 
display:table;
margin:20px 20px 0 20px;
}

#content #search-wiz-form {
text-align:left;
padding:10px 40px 10px 40px;
}

#content #search-wiz-form H1 {font-size:20px; color:#FF6600;}


#content #search-wiz-select {}
#content #search-wiz-select SELECT { 
margin:0; 
padding:0;
border:1px solid #C6D0D7;
font-size:100%;
}


#footer {
width:940px; 
text-align:left; 
font-size: 60%; 
height:60px;
background:url(../i/footer_bg.gif) repeat-x;
}

#footer P {padding: 5px 0px 10px 10px; /*border-top:1px solid #C6D0D7;*/ margin: 0px 15px 0 15px;}


/*clear fix*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

