/********************************************************************************
  MAIN CSS FILE                                                                  
********************************************************************************/


/*****************************************************
 DEfAULT SETTINGS                                     
*****************************************************/

h1, p, body {
	font-family: arial,geneva;
}

a {
  font-family: arial,geneva;
  text-decoration: none;
  color: #0000FF;
}

a:hover,
a:active
{
  text-decoration: underline;
}


label {
	cursor: pointer;
}

textarea {
	border:2px solid #C2CAD4;
}
          
.dynamic {
	display: inline;
	font-weight: bold;
	color: #0000FF;
}

/* set all attributes back to defaults */
.reset td {
	background-color: transparent;
	padding: 0px;
}


/* make codecharge-generated field labels uniform:
     same size, color, margin, etc
     right aligned and vertically aligned
     with the field (instead of hugging the top) */
.thspamhero_200901 label, .th label { 
	display: block;
	position: relative;
	top: 6px;
	margin-left: 20px;
	font-weight: normal;
}

/* make input boxes the sames size and color */
input { 
	width: 200px;
	background-color: #FFFFFF;
	border: 2px solid #C2CAD4;
	font-size: 13pt;
	margin-right: 25px;
	color: #395279;
}

/* listbox style */
select {
	width: 204px;
	background-color: #FFFFFF;
	border: 2px solid #C2CAD4;
	font-size: 13pt;
	color: #395279;
	height: 25px;
}

/* ensure that submit buttons retain their size */
.Bottom input, .Bottomspamhero_200901 input {
	width: auto;
	margin: 15px;
}


/* make sure the submit buttons don't hug the sides */
.Bottom td {
	padding-right: 10px;
	padding-bottom: 10px;
}

/* exceptions for radio buttons and checkboxes */
input.radio, input.checkbox {
	width: auto;
	border: 0px;
	background-color: transparent;
	margin-right: 5px;
	cursor: pointer;
}


/*****************************************************
 HEADER NAVIGATION BAR                                
*****************************************************/

a.freetrial_mini {
                display: block;
    width: 148px;
    height: 50px;
    background: url("/images/button_trial-mini-2-1.gif") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.freetrial_mini {
    background-position: 0 -50px;
} 


.navbar td {
  padding-left: 1px;
  background: url(/images/navbar-divider.gif) no-repeat;
	color: #FFFFFF;
}

a.navbar,
a.navbar:link,
a.navbar:visited,
a.navbar:active {
  display: block;
  height: 35px;
	width: automatic;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 5px;
  background: url("/images/navbar-button.gif") 0 0 repeat-x;
  text-decoration: none;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 14pt;
  font-face: arial,geneva;
}

a.navbar:hover {
    background-position: 0 -40px;
} 



.navbar2 td {
  background: url(/images/navbar-divider2.gif) no-repeat;
  line-height: 24pt;
	color: #FFFFFF;
}

a.navbar2,
a.navbar2:link,
a.navbar2:visited,
a.navbar2:active {
  display: block;
  height: 35px;
	width: automatic;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 5px;
  padding-bottom: 0px;
  background: url("/images/navbar-button2.gif") 0 0 repeat-x;
  text-decoration: none;
  color: #FFFFFF;
  font-weight: normal;
  font-size: 14pt;
  font-face: arial,geneva;
}


a.navbar2:hover {
    background-position: 0 -40px;
} 



/*****************************************************
 LINKS                                                
*****************************************************/

a.navlink:link, 
a.navlink:visited {
	color: #FFFFFF;
	text-decoration: none;
	margin-top: 1px;
	font-family: arial, geneva; 
	font-size: 12pt;
	font-weight: bold;
}

a.navlink:hover, 
a.navlink:active { 
	text-decoration: underline;
}

a[target="_blank"] {
	background-color: transparent;
	background: url(/images/icon-newwindow.gif) 99% 40% no-repeat;
	padding-right: 15px;
	opacity: 1;
}

a.pageMenuLink:link,
a.pageMenuLink:visited {
	color: #0000FF;
	font-size: 14pt;
	text-decoration: none;
}

a.pageMenuLink:hover,
a.pageMenuLink:active {
	text-decoration: underline;
}

/********************************************
 KB Area CSS                              
********************************************/

/****
.kb-box 
{

}
*****/

.kb-updated {
        font-size: 10pt;
        float: right; 
        color: #aaaaaa;
        MARGIN-RIGHT: 5px;
}

.kb-hr 
{
        color: transparent;
        margin-top: -5px;
        margin-bottom: -20px;
}

a.kb-parenttopic-link,
a.kb-subtopic-link,
a.kb-relatedtopic-link
{
        color: #0000FF;
        text-decoration: none;
        font-size: 10pt; 
}

a.kb-toc-link
{
        color: #0000FF;
        text-decoration: none;
        font-size: 14pt;
        margin-bottom: 8px;
        display: block;
}

a.kb-faq-link
{
        color: #0000FF;
        text-decoration: none;
        font-size: 12pt;
}

a.kb-parenttopic-link:active,
a.kb-subtopic-link:active,
a.kb-relatedtopic-link:active,
a.kb-faq-link:active,
a.kb-faq-link:hover,
a.kb-toc-link:active,
a.kb-toc-link:hover,
a.kb-relatedtopic-link:hover,
a.kb-subtopic-link:hover,
a.kb-parenttopic-link:hover
{
        text-decoration: underline;
        color: #0000FF;
}


.faq_qtitle 
{
        color: #003466;
        font-size: 14pt;
        font-weight: bold;
}

/********************************************
 quick tour CSS                              
********************************************/

a.tourlink {
        display: block;
        margin-top: 2px;
        margin-left: 15px;
        color: #FFFFFF;
        text-decoration: none;
        width: auto;
}

a:hover.tourlink {
        text-decoration: underline;
}


/*************************/
a.button_goback {
    display: block;
    width: 250px;
    height: 60px;
    background: url("/images/button-goback.jpg") 0 0 no-repeat;
    text-decoration: none;
}

a:hover.button_goback {
    background-position: 0 -60px;
} 

/*************************/
a.button_continue {
    display: block;
    width: 250px;
    height: 60px;
    background: url("/images/button-continue.jpg") 0 0 no-repeat;
    text-decoration: none;
}

a:hover.button_continue {
    background-position: 0 -60px;
} 

/*************************/
a.button_startfreetrial {
    display: block;
    width: 250px;
    height: 60px;
    background: url("/images/button-startfreetrial.jpg") 0 0 no-repeat;
    text-decoration: none;
}

a:hover.button_startfreetrial {
    background-position: 0 -60px;
} 



/*****************************************************
 TEXT STYLES                                          
*****************************************************/

.cptitle{
	color: #013465; 
	font-size: 22pt; 
	font-weight: normal; 
	margin-bottom: 25px;
}

.cpsubtitle{
	color: #787878;
	font-size: 11pt;
	font-weight: bold;
	margin-top: -23px;
	margin-bottom: 25px;
}

.cptitle2{
	color: #013465;
	font-size: 14pt;
	margin-bottom: 20px;
}

.cpsidebar_title {
	color: #545454;
	width=100%;
	font-size: 14pt; 
	background: #EAF2FA;
	padding: 8px;
	margin-top: 15px;
	margin-bottom: 10px;
}

.cpsidebar_text {
	color: #013465;
	margin-left: 8px;
	margin-right: 8px;
	margin-bottom: 8px;
	font-size: 9pt;
	font-weight: bold;
}

.cpsidebar_text a:link, .cpsidebar_text a:visited, .cpsidebar_text a:hover {
	margin-left: 0px;
	font-size: 9pt;
	color: #0000FF;
	text-decoration: none;
}

.cpsidebar_text a:hover {
	text-decoration: underline;
}

.cpsidebar_text ul{
	margin-top: -15px;
	padding: 10px;
}

.cpsidebar_text li{
	margin-top: 8px;
}

.cpsidebar_text li{
	margin-top: 8px;
}



.formsubtitle{
	color: #395279;
	font-size: 10pt;
	font-weight: bold;
	margin-left: 10px;
	margin-top: 10px;
}

.formhelp{
	font-size: 10pt;
	font-weight: normal;
	margin-top: 4px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.formfieldhelp{
	color: #395279;
	font-size: 8pt;
	font-weight: normal;
	width: 200px;
}




.banner {
	color: #FFFFFF;
	font-size: 38pt; 
	font-weight: bold; 
	font-family: arial bold,arial,geneva;
}

.banner2 {
	color: #FFFFFF;
	font-size: 32pt;
	font-weight: bold;
	font-family: arial bold,arial,geneva;
	line-height: 95%;
}

.banner3 {
	color: #FFFFFF;
	font-size: 14pt;
	font-weight: bold;
	font-family: arial bold, arial,geneva;
}

.smalltitle{
	color: #395279;
	font-size: 11pt;
	font-weight: bold;
}

.sidebartitle{
	color: #395279;
	font-size: 11pt;
	font-weight: bold;
	margin-top: 25px;
}

.smalltext{
color: #395279;
font-size: 10pt;
}

.bigtext{
color: #395279;
font-size: 14pt;
}


/*****************************************************
 BACKEND TAB STYLE                                    
*****************************************************/

.tab_active {
		margin: 0px;
		background: #c9def1;
		font-weight: bold;
}

.tab_inactive {
		margin: 0px;
		background: #1366B5;
		font-weight: bold;
}

a:hover.tab_active {
    text-decoration: none;
} 

a.tab_inactive:link, 
a.tab_inactive:active,
a.tab_inactive:visited {
		margin: 5px;
		font-size: 14pt;
		color: #C9DEF1;
    text-decoration: none;
		font-weight: bold;
		background: #1366B5;
}

.tab_hover,
a.tab_hover:link,
a.tab_hover:active,
a.tab_hover:visited {
		margin: 5px;
		font-size: 14pt;
		font-weight: bold;
		color: #004586;
		background: #E3F1FF;
}

a.tab_inactive:hover {
    text-decoration: underline;
} 

a.tab_active:link,
a.tab_active:active,
a.tab_active:visited {
		margin: 5px;
		font-size: 14pt;
		color: #003465;
    text-decoration: none;
		font-weight: bold;
}


/* sub-tab links....    */
.tab_sublinkContainer {
		font-size: 10pt;
		color: #014282;
    text-decoration: none;
		font-weight: bold;
		margin: 0px;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 10px;
		padding-right: 20px;  
		text-align: left;
}

a.tab_sublink:link, 
a.tab_sublink:active,
a.tab_sublink:visited {
		font-size: 10pt;
		color: #014282;
    text-decoration: none;
		font-weight: bold;
		text-align: left;
}

a.tab_sublink:hover {
		color: #0000FF;
		text-decoration: underline;
		text-align: left;
}


/* grid & form tabs....  */
a.tab2_active:link,
a.tab2_active:active,
a.tab2_active:visited {
		margin: 8px;
		font-size: 11pt;
		color: #003465;
    text-decoration: none;
		font-weight: bold;
}

.tab2_active {
		margin: 35px;
		color: #003465;
		background: #E4EDF9;
		font-weight: bold;
}

a.tab2_inactive:link, 
a.tab2_inactive:active,
a.tab2_inactive:visited {
		margin: 8px;
		font-size: 11pt;
		color: #FFFFFF;
    text-decoration: none;
		font-weight: bold;		
}

a:hover.tab2_active {
    text-decoration: none;
} 

.tab2_inactive {
		margin: 0px;
		background: #A2B3C2;
		font-weight: bold;
}

a.tab2_inactive:hover {
    text-decoration: underline;
} 

a.tab_sublinks_hover,
.tab_sublinks_hover {
	background: #E3F1FF;
	padding: 10px;
	border: 1px solid #D8E6F3;
	border-top: 0px;
  text-align: left;
  line-height: 25px;
  z-index: 1000;
}


/*****************************************************
 FRONTEND NAVIGATION BAR                              
*****************************************************/



/****************/
a.navbar_home {
    display: block;
    width: 130px;
    height: 60px;
    background: url("/images/frontend-navbar.gif") 0 0 no-repeat;
    text-decoration: none;
}

a:hover.navbar_home {
    background-position: 0 -60px;
} 


/****************/
a.navbar_learnmore {
    display: block;
    width: 176px;
    height: 60px;
    background: url("/images/frontend-navbar.gif") no-repeat;
		background-position: -130px 0;
    text-decoration: none;
}

a:hover.navbar_learnmore {
    background-position: -130px -60px;
} 

/****************/
a.navbar_faq {
    display: block;
    width: 104px;
    height: 60px;
    background: url("/images/frontend-navbar.gif") no-repeat;
		background-position: -306px 0;
    text-decoration: none;
}

a:hover.navbar_faq {
    background-position: -306px -60px;
} 

/****************/
a.navbar_start {
    display: block;
    width: 177px;
    height: 60px;
    background: url("/images/frontend-navbar.gif") no-repeat;
		background-position: -410px 0;
    text-decoration: none;
}

a:hover.navbar_start {
    background-position: -410px -60px;
}


/*****************************************************
 MISC                                                 
*****************************************************/

.radioBox {
		margin: 20px;
		padding: 5px;
		border: 1px solid transparent;
}

.radioBox td {
		padding: 0px;
}

.radioBox:hover {
		cursor: pointer;
		border: 1px solid #4079BB;
		background-color: #E9F3FF;
}

/******/
.checkboxRow_empty td {
		border-top: 1px solid transparent;
		background-color: #E9F3FF;
}

.checkboxRow_other td {
		background-color: #E9F3FF;
		border-top: 1px solid transparent;
		border-bottom: 1px solid transparent;
}

.checkboxRow td {
		cursor: pointer;
		background-color: #E9F3FF;
		border-top: 1px solid transparent;
		border-bottom: 1px solid transparent;
}

.checkboxRow:hover,
.checkboxRow:hover td,
.checkboxRow_other:hover td {
		border-top: 1px solid #4079BB;
		border-bottom: 1px solid #4079BB;
		background-color: #F2F8FF;
}


/******/
.clickableRow_empty td {
		border-top: 1px solid transparent;
		background-color: #E9F3FF;
}

.clickableRow_other td {
		background-color: #E9F3FF;
		border-top: 1px solid transparent;
		border-bottom: 1px solid transparent;
}

.clickableRow td {
		cursor: pointer;
		background-color: #E9F3FF;
		border-top: 1px solid transparent;
		border-bottom: 1px solid transparent;
}

.clickableRow:hover,
.clickableRow:hover td,
.clickableRow_other:hover td {
		border-top: 1px solid #4079BB;
		border-bottom: 1px solid #4079BB;
		background-color: #F2F8FF;
}



/******/
.popdownRow td {
		cursor: pointer;
		background-color: #E9F3FF;
		border-top: 1px solid transparent;
}

.popdownRow_empty td {
		background-color: #E9F3FF;
}

.popdownRow_control td {
		cursor: pointer;
		background-color: #F2F8FF;
		border-bottom: 1px solid #4079BB;
}

.popdownRow_on td,
.popdownRow:hover,
.popdownRow:hover td {
		cursor: pointer;
		border-top: 1px solid #4079BB;
		background-color: #F2F8FF;
}


div[hovertip_unused] {
	background-color: transparent;
	background: url(/images/icon-hovertip3.gif) 99% 40% no-repeat;
	padding-left: 10px;
	padding-right: 15px;
	min-width: 32px;
	display: inline;
	cursor: help;
}

.required {
	font-size: 8pt;
	color: #FF0000;
	display: inline;
	vertical-align:top;
}







/****
#E4EDF9
#e9f3ff
                     <div class="{rowClass}" style="PADDING-RIGHT: 0px; MARGIN-TOP: 0px; PADDING-LEFT: 0px; MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px" onclick="document.getElementById('doAction_{rowNumber}').checked=!(document.getElementById('doAction_{rowNumber}').checked)">


.gridCSS:hover
{
    background-color: #d3e4ed;
}
.gridAlternateCSS
{
    background-color: #fff5b3;
}
.gridAlternateCSS:hover
{
    background-color: #d3e4ed;
}

****/