/* CSS Document */

body, body p {  
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;	
	font-weight: normal;
	color: #68787E;
	background-color: #EDF5F9;
	margin: 5px;
	margin-bottom: 5px; 
	text-align: left;
	z-index: -10;
}

.pagefooter {
    margin-left: 10px; 
	background: url(images/footerbar.gif) left top no-repeat;
	clear:both;
	border: none; /*1px solid #5FDF92;*/
	font-size: 10px;
	font-weight: bold;
    color: 	#68787E;
	text-align: center;
	height: 100%;
}

.tellmemore a:hover {
   cursor:help;
}

.tellmemore {
   font: Arial, Helvetica, sans-serif;
   font-weight:bold;
}

.formhelpnotes {
	color: #000077;
	background-color:#EEDAB6;
    border: #180F91 solid 1px;
	padding: 3px 3px 3px 3px;
	font-size: 10px;
	position: absolute;	
	display: none;
	width: 300px;
	left: 485px;
	top: 661px;
	z-index: 30;
}

.formhelpheader {
    background-color: #003399;
	color:#FFFFFF;
	border: 1px dashed #ffffff;
	font-size: 12px;
	padding: 2px 2px 2px 2px;
	margin-top: -5px;    /* adjust the header to move it up to overcome the padding in the formhelpnotes */
	margin-left: -5px;  /* adjust the header to move it left to overcome the padding in the formhelpnotes */
	width: 100%
}

div.header {
   clear: both;
}

div.upgradegroup {
   width: 565px;
   float: left;
   border: #00000 solid 3px;
}

div.faqlistbox {
   float : left;
   width: 200px;
   border: #180F91 solid 1px;
}

div.faqlistheader {
   clear: both;
   background-color:#AEEBFF;
   text-align: center;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size:12px;
   padding-top: 5px;
   padding-bottom: 5px;
   color: #4E5A5E;
}

.faqQuestion {
   color: #4E5A5E;
   padding-top: 2px;
   padding-left: 3px;
   padding-right: 3px;
   background-color:#B5E4F9;
   padding-bottom: 5px;
   /*font-weight: bold;*/
   font-size: 10px;
   clear: both;
}

.faqAnswer {
   color: #68787E;  
   padding-left: 8px;
   padding-right: 3px;
   padding-bottom: 5px;
   clear:both;
   font-size: 10px;
}

div.pagelayer {
   width: 800px;
   padding-left: 5px;
}

div.upgradestep { 
   margin-left: 5px; 
   padding-left: 5px;
   clear: both;
}

.finishedstepnumber {
   background: url(images/bluecheckonblue.gif) no-repeat;
   background-position: 5px 45px;
}

div.stepnumber {
   border: none;
}

.error {
   text-align: right;
   color: #FF0033;
   font-size: 10px;
   display: none;
}

div.step {   
   background: url(images/stepblock.gif) left top no-repeat;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 72pt;
   text-align: center;
   width: 75px;
   vertical-align: middle;
   color: #68787E;
   float: left;
   height: 100%;
   z-index: 25;
}

div.stepblock {
   float:left;
}

div.stepheader {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 28pt;
   color: #68787E;
   text-align: left;   
   float:left;  
   clear:both;
}

div.spacer {
   font-size: 2px;
}

div.stepcontent {
  padding-left: 20px;  
  clear:both;
  font-size: 12px;
}

div.dataentry {
  float: left;
  margin-left: 2px;
  border: #0B6E0C solid 1px;
  background-color: #99E08F;
  padding-left: 15px;
  padding-right: 15px;
}

.dataentrytitle {
  background-color:#B5EAB4;
  text-align: left;
  color: #464646;
  position: relative;
  left: -10px;
  top: -5px;
  font-weight: bold;
}

label
{
width: 15em;
float: left;
font-weight:bolder;
text-align: right;
color: #464646;
margin: 0 1em 10px 0;
clear: both;
}

.input-box
{
margin-bottom: 10px;
color: #464646;
background: url(images/required.gif) center no-repeat;
background-color:#B5EAB4;
border: #0B6E0C solid 1px;
}

.formhelp 
{
width: 20px;
margin-bottom: 10px;
color: #464646;
float: left;
}

.submit-button
{
margin-left: 5em;
clear: both;
color: #000;
background: #fb0;
border: 2px #9cf outset
}

fieldset
{
border: #26a solid 1px;
width: 20em
}

legend
{
background: #fb0;
border: #26a solid 1px;
padding: 1px 10px
} 

.notehidden {
   display: none;
}

.noteshown {
   display: block;	
   position: absolute;	
   z-index: 10;
}


.notebody {	
	border: 1px solid #666666;
    padding: 2px;	
}

.notetitle { 
   font-weight: bold; 
   background: #EEDAB6; 
   color: #000077; 
   border-bottom: 1px dashed #666666; 
   padding: 1px; 
   width: 100%; 
   margin: 0px;  
   font-size: 12px;
}

.notebody p, .notebody {
    color: #000077; 
	background-color:#EEDAB6;    
	font-size: 12px;
}

#featurelist ul
{
	list-style: disc url(images/bluecheck.gif) outside;
	margin-top: 2px;
	padding-top: 2px;
}
