html, body {
    height: 100%;
}
body {
margin: 0;
padding: 0;
font-family: times, serif;
font-size:75%;
color: black;
background: #e5e5e5;
}
a {text-decoration: none; color: #3366ff; font-weight: bold;}
a:hover {text-decoration: underline;} 
img {border: 0px; margin: 0px; padding: 0px}

#page {
    position: relative;
    min-height: 100%;
    height: 100%;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;
    background: #e5e5e5;
	}
	
html>body #page {
    height: auto;
}

#main {position: relative; left: 5%; width: 90%; z-index:2; text-align: left; font-size: 1.1em; padding-bottom: 30px;} 
	
#topfloat {z-index:96; position: fixed; top: 0px;  width:100%;}
/* hide from mac ie5 \*/
#topfloat {
  position: absolute;
  }
/* end hide from mac ie5 */
html>body #topfloat {
  position: fixed;
  }
  
.white {color:white;}
.white a {color:white;}

.ssbox {
border-top: 1px solid #cccccc;
width:100%; height: auto; min-height: 20px; _height: 20px; background:#666666; margin: 0 0 0 0; padding: 0 5px 5px 5px; 
color:white; font-family: Verdana, Tahoma, Helvetica, Arial; font-size:.9em;
}
.ssbox a {color:white;}
.ssbox .chevron {background: url('../images/white_bullet.gif') no-repeat top left;}

#orangebar {position:absolute; height:28px; top:10px; right:9px; background: url(../images/blend_off.gif) repeat-x;}
/* font-family: Verdana, Tahoma, Helvetica, Arial; font-size: .9em; color:#fff; padding:7px; padding-right:0px; */
#orangebar ul {padding: 0 1em 0 1em; _width:10%; white-space: nowrap; margin-top:0; margin-left: 0; background: url(../images/blend_off.gif) repeat-x; color: White;  height:28px; line-height:28px; font-family: arial, helvetica, sans-serif; }
#orangebar ul li { display: inline; }
#orangebar ul li a {padding: 0 2em; background: url(../images/blend_off.gif) repeat-x; color: White; text-decoration: none; float: left; _float: none; border-left: 1px solid #ff800b; }
#orangebar ul li a:hover {background: url(../images/blend_on.gif) repeat-x; color: #fff; }

.squarebox {padding:0; border: 1px solid #bbbbbb; background:#ffffff; color: #666666;font-family: Arial, Helvetica, sans-serif;}
.squarebox .titlebar {margin:1px; padding-left:.75em; height: 41px; line-height:41px; background: url(../images/squareboxtop.jpg) repeat-x; font-size:1.3em; font-family: Arial, Helvetica, sans-serif; color:white;}
.squarebox a {text-decoration: none; color: #df6c02; font-weight: bold;}
.squarebox a:hover {text-decoration: underline;}

.choosebook { color:white;}

#steps {position: relative; left: 5%; width: 90%; z-index:2; text-align: left; font-size: 1.1em;} 
#step2 {position: absolute; width: 33%; z-index:2; text-align: left; font-size: 11pt;} 
#step3 {position: relative; float: left; width: 33%; z-index:2; text-align: left; font-size: 1.1em;} 

.instructions {width:95%; padding: 10px; border: 1px solid silver;}
 
.qdetail {font-family: Verdana, Tahoma, Helvetica, Arial; font-size: .8em; font-weight:normal;}
.qdetail table {border-collapse:collapse;}
.qdetail table tr td {}
.qdetail table tr td p {margin:2px;}

.qdetailonhold  {background: url('../images/onhold3.png') no-repeat center bottom;}
.qdetailcalib  {background: url('../images/calibrating4.png') no-repeat center bottom;}
.qdetailretired  {background: url('../images/retired2.png') no-repeat center bottom;}
.qdetailpr  {background: url('../images/pr.png') no-repeat center bottom;}

.thermo {width:40px; height:100px; margin:0; position:relative; background-color:white;}
.thermo img {margin:0; position: absolute; bottom: 0; left: 0; display: block;}
.thermo span {margin:0; position: absolute; bottom: 14px; _bottom: 6px; left: 0; 
			display: block; width: 28px; height:7px; font-family: verdana, sans-serif;
			text-align: center; font-size: 12px; font-weight:bold; color:white;}
  
/* progress bar css */
.prog-border {height: 15px; width: 205px; background: #fff; border: 1px solid silver; margin: 0; padding: 0;}
.prog-bar {height: 11px; margin: 2px; padding: 0; background: #3366ff;}
.prog-text {height: 11px; margin: 0; margin-right:2px; padding: 0; text-align: right; font-size: 10px; color: #000000;}

.ML-bar {height: 15px; margin: 0px; padding: 0; background: #000000;}

.qdetail .prog-border {height: 11px; width: 205px; background: #fff; border: 1px solid silver; margin: 0; padding: 0;}
.qdetail .prog-bar {height: 7px; margin: 2px; padding: 0; background: #3366ff;}
.qdetail .prog-text {height: 11px; margin: 0; margin-right:2px; padding: 0; text-align: right; font-size: 9px; color: #000000;}

.qfamily {padding-left:100px;}

/* two-tone box css */
.chevron {margin:0; background: url('../images/gray_bullet.gif') no-repeat top left;
text-align:left;  padding-left: 20px; font-family:verdana; line-height: 16px; }

.help {float:right; padding-right:12px;font-size:.9em; }
.help a {font-weight:normal;}

.dashed {width:100%; height:1px; overflow: hidden; margin:0; padding:0; left:0; bottom:0px; background-color:#cccccc;}

.folderorange {position:relative; left:0px; background-color:#df6c02; width:32em; font-family: Verdana, Tahoma, Helvetica, Arial; font-size:.8em; color:white;}
.folderblue {position:relative; left:0px; background-color:#3000c1; width:32em; font-family: Verdana, Tahoma, Helvetica, Arial; font-size:.8em; color:white;}
.foldermedgray {position:relative; left:0px; background-color:#666666; width:32em; font-family: Verdana, Tahoma, Helvetica, Arial; font-size:.8em; color:white;}
.folderwhite {_position:relative; left:0px; background-color:#ffffff;}
.folderwhite2 {_position:relative; left:0px; background-color:#ffffff;}
.foldergray {_position:relative; left:0px; background-color:#dddddd;}
.folderdarkgray {_position:relative; left:0px; background-color:#4d4d4d; color:white;}

.ul {background: url(../images/foldul.gif) 0 0 no-repeat;}
.ur {background: url(../images/foldur.gif) 100% 0 no-repeat;}
.bl {background: url(../images/foldbl.gif) 0 100% no-repeat;}
.br {background: url(../images/foldbr.gif) 100% 100% no-repeat;}

.folderorange .ul {position:relative; background: url(../images/foldorange2ul.gif) 0 0 no-repeat;}
.folderorange .ur {position:relative; background: url(../images/foldorange2ur.gif) 100% 0 no-repeat;}
.folderorange .bl {position:relative; background: url(../images/foldorange2bl.gif) 0 100% no-repeat;}
.folderorange .br {position:relative; background: url(../images/foldorange2br.gif) 100% 100% no-repeat;}

.foldermedgray .ul {position:relative; background: url(../images/foldmedgrayul.gif) 0 0 no-repeat;}
.foldermedgray .ur {position:relative; background: url(../images/foldmedgrayur.gif) 100% 0 no-repeat;}
.foldermedgray .bl {position:relative; background: url(../images/foldmedgraybl.gif) 0 100% no-repeat;}
.foldermedgray .br {position:relative; background: url(../images/foldmedgraybr.gif) 100% 100% no-repeat;}

.folderwhite2 .ul, .folderdarkgray .ul {background: url(../images/foldwhite2ul.gif) 0 0 no-repeat;}
.folderwhite2 .ur, .folderdarkgray .ur {background: url(../images/foldwhite2ur.gif) 100% 0 no-repeat;}
.folderwhite2 .bl, .folderdarkgray .bl {background: url(../images/foldwhite2bl.gif) 0 100% no-repeat;}
.folderwhite2 .br, .folderdarkgray .br {background: url(../images/foldwhite2br.gif) 100% 100% no-repeat;}


.folderorange .chevron {background: url('../images/white_bullet.gif') no-repeat 0px 0px; padding-top:0px;}
.folderorange a, .folderorange .chevron a {color:white;}
.foldermedgray .chevron {background: url('../images/white_bullet.gif') no-repeat 0px 0px; padding-top:0px;}
.foldermedgray a, .foldermedgray .chevron a {color:white;}
.folderwhite .chevron, .foldergray .chevron {background: url('../images/gray_bullet.gif') no-repeat 0px 0px;}
.cat-box {width: 315px; background: white; text-align: left; color: white; font-family: Verdana, Tahoma, Helvetica, Arial;}
.cat-box a {font-weight: normal;}
.cat-box table tr td {font-size:1em;}

.cat-box-top {width: 311px; background: white; text-align: left; color: white; font-family: Verdana, Tahoma, Helvetica, Arial; padding-left:4px;}
.cat-box-top a {font-weight: normal;}
.cat-box-top table tr td {font-size:1em;}

.info-box {text-align: left; color: white; font-family: Verdana, Tahoma, Helvetica, Arial; font-size:.9em; font-weight:normal; }
.info-box tr td {padding:5px;}

.field {padding:10px; background-color:#f3f3f3; border:1px solid #666666;}
.field legend {color:#666666;}
.ssfield {padding:5px; margin:10px; margin-left:0; border:1px solid #999999;}

.bluehr {width:90%;color:#d4d5ff;background-color:#d4d5ff;height:1px;border:none;}

/* for css tabs */
	pre {text-indent: 30px}

	#tabmenu {
		
		color: #000;
		border-bottom: 1px solid gray;
		margin: 12px 0px 0px 0px;
		padding: 0px;
		z-index: 1;
		}

	#tabmenu li {
		display: inline;
		overflow: hidden;
		list-style-type: none;
		padding-left: 10px; }

	#tabmenu a, a.active {
		color: #000a98;
		background: #e5e5e5;
		font: bold 1em "Trebuchet MS", Arial, sans-serif;
		border: 1px solid gray;
		border-bottom: 0px;
		padding: 2px 5px 0px 5px;
		margin: 0;
		text-decoration: none; }

	#tabmenu a.active {
		background: #ffffff;
		border-bottom: 3px solid #ffffff; }

	#tabmenu a:hover {
		color: #000a98;
		background: #ffffff; }

	#tabmenu a:visited {
		color: #000a98; }

	#tabmenu a.active:hover {
		background: #ffffff;
		color: #000a98; }

	#content {
		/* font: 0.9em/1.3em "bitstream vera sans", verdana, sans-serif; */
		text-align: justify;
		background: #ffffff;
		padding: 0px;
		border: 1px solid gray;
		border-top: none;
		z-index: 2;	
		}
		
/* for css tooltips */	
a.info{
    position:relative; /*this is the key*/
    z-index:24; 
    color:#000;
    text-decoration:none;
    font-weight:normal;}

a.info:hover{z-index:25; }

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:2px solid #ff9900;
    background-color:#ffd699; color:#000;
    text-align: center}

#tooltip {text-decoration: none; font-size: 1em;}
    
input.bluesubmit {background-color:#343398; color:#c4c5ff; border:1px solid #6665cb; font-family: verdana, sans-serif; font-weight:normal;}
input.orangesubmit {background-color:#f2960c; color:#ffff9e; border:1px solid #f2c40c; font-family: verdana, sans-serif; font-weight:normal;}