html
{
	height: 100%;
}


body 
{
    height: 100%;
	background-color: #F8F8F8;
	margin: 0; 
    padding: 0;
    font-family: Arial, Verdana;
    font-size:11px;
}


#nonFooter
{
	position: relative;
	min-height: 100%;
	background: #F8F8F8 url(images/pagehover.gif) repeat-y center top;
    margin:0 auto; 
    width: 800px;
}

* html #nonFooter
{
	height: 100%;
}

#footer
{
	position: relative;
	margin: -58px auto 0 auto;
	width: 800px;
}

/* A CSS hack that only applies to IE -- specifies a different height for the footer */
* html #footer
{
	margin-top: -57px;
}
        
#pageContainer 
{
    padding:0; 
    width: 768px;
    background-color:#ffffff;
    margin-left: 16px;
}
     
#footerContainer 
{
    padding:0; 
    width: 768px;
    background-color:#ffffff;
    margin-left: 16px;
}
   

#contentContainer { padding: 20px 20px 40px 20px; }


a:link, a:visited { color: #0577BD; text-decoration: underline; }
a:hover { color: #F37F17; text-decoration: underline;  } 

form {margin: 0; padding: 0; }
input,select,textarea,label { font-family: Arial,Verdana;  font-size: 12px; }
p { font-size: 12px; line-height: 16px; margin: 0 0 12px 0; }

.APIParam { font-size: 14px; margin: 0 0 3px 0; font-weight:bold; color:#E20030; }

li { font-size: 12px; line-height: 16px; margin: 0; padding-top:3px; }

td { font-size: 11px; }
            
#header 
{ 
    width: 100%; background: #EAEAEA; 
    border-bottom: none; 
    padding: 0px; 
    margin: 0px; 
    text-align: left; 
}

#subHeader 
{ 
    background: #F8F8F8 url(images/headerbg.bmp) repeat-x; 
    height: 31px;
}

#subHeader td
{
    color: #000000;
    font-size: 11px;
    font-weight:bold;
    font-family: Arial, Verdana;
}

#subHeader a, #subHeader a:link, #subHeader a:visited
{
    color: #3C87B6;
    font-size: 14px;
    font-weight:bold;
    font-family: Arial, Verdana;
    text-decoration: none;
    text-transform:uppercase;
    outline: #00000 solid 2px;
}

#subHeader a:hover
{
    text-decoration: none;
    color: #F37F17
}

#subHeader .active a, #subHeader .active a:link, #subHeader .active a:visited,  #subHeader .active a:hover
{
    text-decoration: none;
    color: #F37F17
}
 
.optionTable
{
    background-image:url(images/headeroption.bmp);
    background-repeat:repeat-x;
    width:100%;
} 

.optionTable td
{
    font-size: 12px;
    line-height: 16px;
} 

.optionTable td a:link, .optionTable td a:visited
{
    font-size: 12px;
    text-decoration: underline;
} 

.optionTable td a:hover
{
    text-decoration: underline;
    color: #F37F17
}

.activeOption a, .activeOption a:link, .activeOption a:visited, .activeOption a:hover
{
    text-decoration: underline;
    color: #F37F17
}


.optionTableTitle
{
    color: #000000;
    font-size:12px;
    font-weight:bold;
    
}
 
#leftColumnWide
{
    float:left;
    width:500px;    
    margin-right:20px;
}

#leftColumnNarrow
{
    float:left;
    width:208px;    
    margin-right:20px;
}

#rightColumnWide
{
    float:right;
    width:500px;    
}

#rightColumnNarrow
{
    float:right;
    width:208px;    
}


.pageDesc
{
    margin: 0px 0px 15px 0px;
    padding: 0;
    font-size: 14px; 
}

.pageError
{
    margin: 0px 0px 15px 0px;
    padding: 0;
    font-size: 14px; 
    color: Red;
}

.pageOk
{
    margin: 0px 0px 15px 0px;
    padding: 0;
    font-size: 14px; 
    color: Green;
}


.topicTitle 
{ 
    margin:0px 0px 15px 0px;
    padding:0;
    font-size: 18px; 
    font-weight: bold;
    color: #3C87B6;
    border-bottom: solid 1px #EAEAEA;
    line-height:25px;
}

.topicSubTitle 
{ 
    margin:0px 0px 15px 0px;
    padding:0;
    font-size: 14px; 
    font-weight: bold;
    color: #3C87B6;
    border-bottom: solid 1px #EAEAEA;
    line-height:25px;

}


.REOTitle
{ 
    margin:0px 0px 15px 0px;
    padding:0;
    font-size: 16px; 
    font-weight: bold;
    color: #3C87B6;
    line-height:25px;
}

.REOTitle img { margin-right:5px; }
      
.topicDesc
{
    margin: 0;
    padding: 0;
    font-size: 12px; 
}

.signUp label{ width:125px; float:left; text-align:right; padding-top:4px; padding-right:7px;}

.editorPreview 
{
    text-align: center;
    font-weight:bold;
    line-height:20px; 
    font-size:13px; 
    border-top:dotted 1px #99ECFF; 
    border-bottom:dotted 1px #99ECFF; 
    background-color:#D9F8FF;
    margin-bottom:15px;
} 
     
.breakDownTable{ width:100%}

.breakDownTable td {padding-bottom: 15px;}

.breakDownTable img{ border: solid 2px #EAEAEA; margin-right:15px; }

.breakDownTable span{ color:#3C87B6; font-size:14px; font-weight:bold;}

.breakDownTable p{ font-size:12px; line-height:18px; margin: 10px 0px 0px 0px;}


#footerTable
{ 
    background: #F8F8F8 url(images/footerbg.bmp) repeat-x; 
    height: 57px;
    color: #A3A3A3;
}

#footerTable a:link, #footerTable a:visited
{
    color: #A3A3A3;
    font-size: 11px;
    font-weight:bold;
    font-family: Arial,Verdana;
    text-decoration: none;
}

#footerTable a:hover
{
    text-decoration: underline;
}





#policywrapper
{
    width: 620px;
	margin: 0 auto;
	margin-top: 60px;
	min-width: inherit;
	padding: 20px 20px 20px 20px;
	text-align: left;
    border: solid 2px #CFCFCF;
}

#policywrapper h1
{
    text-align:center;
    color:#0000ff;
    font-size:16pt;
}

#policywrapper h4
{
    text-align:center;
    color:#000000;
    font-size:6pt;
}

#policywrapper h2
{
    text-align:left;
    color:#0000ff;
    font-size:12pt;
}

#policywrapper h3
{
    text-align:left;
    color:#000000;
    font-size:10pt;
}

#policywrapper p
{
    text-align:left;
    color: #000000;
    font-size:8pt;
    margin-top:15px;
    margin-bottom:15px;
    
}

#policywrapper ol{ margin-left:35px;}

.pricetable{ border-collapse:collapse; border: solid 1px #0000ff; }

.pricetable td{padding:5px;}

#DBFieldTable{background-color:#EBECEF;}
#DBFieldTable td{border-bottom: solid 1px #AFAFAF; font-size:12px;}