﻿/* Color Code Cheat Sheet 
Light Blue - #0095E9
Blue - #006DAB
Light Green - #5CD452
Green - #3FA036
Gray - #A3A3A3
White - #FFFFFF
*/

body 
{
    margin:0px; padding:0px;
    font-family: Sans-Serif;
    font-size:12px;
    text-align:center;
    background-color:#FFFFFF;
}


div
{
 border: solid 0px #FF0000;
 padding:0px 0px 0px 0px;
 margin:0px 0px 0px 0px;
 border-collapse:collapse;
 color:#006DAB; font-family: Sans-Serif; 
 
}

td.alignCenter { text-align:center;}
td.alignRight { text-align:right;}
td.alignLeft { text-align:left;}
td {  text-align:left;}

/*Product Benefits Control*/

li.benefits {color:#5CD452}
li.benefits span {color:#006DAB; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:12px;}
p.benefits {color:#006DAB}

/* product features   */
/*
li.features {color:#006DAB}
li.features span {color:#006DAB; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:2;}
p.features {color:#006DAB}
*/

b { font-weight:bold; }

p { color:#006DAB; margin:5px 10px 5px 10px; padding:5px 10px 5px 10px; }
ul { color:#006DAB; margin:5px 10px 5px 20px; padding:5px 10px 5px 20px; }
ol { color:#006DAB; margin:5px 10px 5px 20px; padding:5px 10px 5px 20px; }

h1{ color:#006DAB; margin:3px 10px 3px 4px; padding:3px 10px 3px 4px;  font-family: Sans-Serif; font-weight:bold; font-size:20px; }
h2{ color:#006DAB; margin:3px 10px 3px 6px; padding:3px 10px 3px 6px;  font-family: Sans-Serif; font-weight:bold; font-size:16px; }
h3{ color:#006DAB; margin:3px 10px 3px 8px; padding:3px 10px 3px 8px;  font-family:Sans-Serif; font-weight:bold; font-size:12px; }

table.margins { color:#006DAB; margin:0px 10px 0px 10px; padding:0px 10px 0px 10px; border: solid 0px #000000;  text-align:left;}
table.chart1 { color:#006DAB; margin:0px 10px 0px 10px; padding:0px 10px 0px 10px; border: solid 1px #000000;  text-align:left; border-collapse:collapse;}
td.chart1 { color:#006DAB; border: solid 1px #000000;  text-align:left;}

a.bold {  margin:0; padding:0; font-weight:bold;color: #FF0000}
a.bold:link {color: #006DAB}     /* unvisited link */
a.bold:visited {color: #006DAB}  /* visited link */
/*a.bold:hover {color: #5CD452}*/   /* mouse over link */
/*a.bold:active {color: #5CD452}*/   /* selected link */
a.bold:hover {color: #000000}   /* mouse over link */
a.bold:active {color: #000000}   /* selected link */

a.features:link {color: #5CD452}     /* unvisited link */
a.features:visited {color: #5CD452}  /* visited link */
/* a.features:hover {color: #F0871B} */   /* mouse over link */
a.features:hover {color: #000000}
/*a.features:active {color: #F0871B} */  /* selected link */
a.features:active {color: #000000}


a:link {color: #4BC341}     /* unvisited link */
a:visited {color: #4BC341}  /* visited link */
/* a:hover {color: #F0871B} */  /* mouse over link */
a:hover {color: #000000}
/*a:active {color: #F0871B}*/   /* selected link */
a:active {color: #000000}

a.main:link {color: #006DAB}     /* unvisited link */
a.main:visited {color: #006DAB}  /* visited link */ 
a.main:hover {color: #000000} /* a.main:hover {color: #5CD452} */ /* mouse over link */
a.main:active {color: #000000}   /*a.main:active {color: #5CD452} */  /* selected link */

.small {  font-family: Sans-Serif; font-size:10px;}
.smallItalic {  font-family: Sans-Serif; font-size:10px;}
.large {  font-family: Sans-Serif; font-size:14px;}

.ratePadLeft, .rateLighter,.rateLightest, .rateWhite, .rateHEL, .rateFooterLightest, .rateFooterWhite 
{margin:0px 0px 0px 0px; padding:3px 0px 3px 12px;}

.rateDark { margin:0px 12px 0px 12px; padding: 2px 2px 2px 2px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; background-color:#006DAB; text-align:left }
.rateLighter {  background-color:#C1CBDC; color: #000000; text-align:left; font-weight:bold}
.rateLightest {  background-color:#DCE2EC; color: #000000; font-weight:normal;}
.rateWhite { background-color:#FFFFFF; color: #000000; font-weight:normal;}

.rateHEL {background-color:#DCE2EC; color: #000000; }
.rateFooterLightest {background-color:#DCE2EC; font-size: 8pt;  color: #000000; font-weight:normal;}
.rateFooterWhite { background-color:#FFFFFF; font-size: 8pt;  color: #000000; font-weight:normal;}


.bold { margin-right: 5px; margin-left: 5px; margin-top:2px; margin-bottom:1px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; list-style-type: none}
.indent1{ margin-right: 5px; margin-left: 20px; margin-top:-2px; margin-bottom:1px; font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal; font-size:90%; list-style-type: none}
.indent2{ margin-right: 5px; margin-left: 38px; margin-top:-2px; margin-bottom:1px; font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal; font-size:85%; list-style-type: none}
.bulleted{ margin-left:15px; margin-right:0px;  padding-left:15px; padding-right:0px; font-weight:normal; list-style-type: disc}
.numbered{margin-left:15px; margin-right:0px;  padding-left:15px; padding-right:0px; font-weight:normal; list-style-type: decimal}
.requiredfield{font-weight:bold; color:Red}

.MasterText
{
    font-family:Verdana; font-size:10px; 
    font-weight:bold; 
      
}

.MasterTextLarge
{
    font-family:Verdana; font-size:11px; 
    font-weight:bold; 
      
}

/* launch page single pixel borders   ************************  ***********************************************************************  */

a.launch {font-size:16px; font-weight:bold; text-decoration:none; font-style:italic;}
a.launch:link {color: #005EB0}     /* unvisited link */
a.launch:visited {color: #005EB0}  /* visited link */
a.launch:hover {color: #55B152}   /* mouse over link */
a.launch:active {color: #55B152}   /* selected link */

.launchRate
{
      color:#55B152; font-size:14px; font-weight:bold; text-decoration:none; font-style:italic;         
}

.launchRateText
{
      color:#006dAB; font-size:13px; font-weight:bold; text-decoration:none; font-style:italic;
}

img.launchCorner
{
 border: solid 0px #00FF00;
 padding:0px;
 vertical-align:baseline;    /* vertical-align set to bottom caused the cell to be approx. as tall as a line of text for some reason */

} 

td.launchBorderedTop
{
   border:solid 0px #006DAB;
   border-top-width: 1px;
   margin:0px;
   padding:0px;
}

td.launchBorderedRight
{
    border:solid 0px #006DAB;
    border-right-width: 1px;
    margin:0px;
   padding:0px;
}

td.launchBorderedBottom
{
    border:solid 0px #006DAB;
    border-bottom-width: 1px;
    margin:0px;
    padding:0px;
}

td.launchBorderedLeft
{
    border:solid 0px #006DAB;
    border-left-width: 1px;
    margin:0px;
    padding:0px;
}

/* ***************************************************************masterPage   */

/*
img
{
 border: solid 0 #FFFFFF;
 padding:0px;
 vertical-align:bottom; display:block also solved problem of extra space added by IE below img 

} 
*/


img.alignBottom
{
 border: solid 0 #FFFFFF;
 padding:0px;
 vertical-align:bottom;  /*display:block also solved problem of extra space added by IE below img */

} 

img.spacer
{
 height:0px;
 border: solid 0 #FFFFFF;
 padding:0px;
 }

table.noBorder
{
     border-width:0px; 
     border-collapse:collapse;
     padding:0px;   /* margin did nothing in FF,IE */
     margin:0px;
} 

/* 11-3-2011 FF Fix - Changed from td to table*/
table.tabContainer
{
  
   padding: 0px;
   border-left:solid 3px #006DAB;
   border-right:solid 3px #006DAB;
   border-top: solid 3px #006DAB;
   border-bottom:solid 0px #000000;
}

/* 11-3-2011 FF Fix - Added Style*/
table.leftAndRightBordered
{
   border-left:solid 3px #006DAB;
   border-right:solid 3px #006DAB;
   border-top: solid 0px #000000;
   border-bottom:solid 0px #000000;
   padding: 0px;
}
td.bordered, td.whitespaceBordered, td.greenThinBordered, td.blueThinBordered, td.blueThickBordered
{
   /* 11-3-2011 FF Fix
   border-left:solid 3px #006DAB;
   border-right:solid 3px #006DAB;
   border-top: solid 0px #000000;
   border-bottom:solid 0px #000000;
   */
   padding: 0px;
   
}

td.noBorder,  td.whitespaceNoBorder, td.greenThinNoBorder, td.blueThinNoBorder, td.blueThickNoBorder
{
   border-left:solid 0px #006DAB;
   border-right:solid 0px #006DAB;
   border-top: solid 0px #000000;
   border-bottom:solid 0px #000000;
   padding: 0px;
   
}

td.borderedThickRight, td.blueThinBorderedThickRight
{
    /* 11-3-2011 FF Fix*/
    border-left:solid 0px #006DAB;
    border-right:solid 8px #006DAB;
    border-top: solid 0px #000000;
    border-bottom:solid 0px #000000;
    padding: 0px;
    /*margin:12px; not sure what this was originally used for*/
}

td.whitespaceBordered, td.whitespaceNoBorder
{
     height:2px;
}

td.greenThinBordered, td.greenThinNoBorder
{
   height:3px;    
   background-color:#5CD452;
}

td.blueThickBordered, td.blueThickNoBorder
{
   height:11px;    
   background-color:#006DAB;
}

td.blueThinBordered, td.blueThinBorderedThickRight, td.blueThinNoBorder
{
   height:3px;    
   background-color:#006DAB;
}

td.blueFooter
{
   border-width:0px;  
   padding:0px 0px 0px 0px;
   height:12px;    
   /* 11-3-2011 FF Fix
   border-top: solid 3px #000000;
   border-bottom:solid 3px #000000;
   border-left:solid 0px #006DAB;
   border-right:solid 0px #006DAB;
   */
   background-color:#006DAB;
}

td.tab
{
  border-color: #CCCCCC;
  border: solid 0px #000000;
  font-family:Verdana;
  font-weight:bold;
  font-size:11px;
  text-align:center;
  color:White;
  height:22px; /* works in IE  and FF*/
  padding:0px; 
   /*width:122px;   doesn't work in FF, if goes below this width it works in IE   */
   /*min-width:122px;
   max-width:122px;*/  
}

/*
td.tab
{
  background-image:url(../../Images/nav_button_bg2.jpg);
  background-position: 0px 0px; 

  border-color: #CCCCCC;
  border: solid 0px #000000;
  font-family:Verdana;
  font-weight:bold;
  font-size:11px;
   text-align:center;
   color:White;
   height:22px;
   padding:0px; 
 
}
*/

td.tabHover
{
  /*background-image:url(../../Images/nav_button_bg2.jpg);*/
  background-position: 0px 22px; 
  border-color: #CCCCCC;
  border: solid 0px #000000;
  font-family:Verdana;
  font-weight:bold;
  font-size:11px;
   text-align:center;
   color:White;
   height:22px; /* works in IE  and FF*/
   padding:0px; 
   /*width:122px;   doesn't work in FF, if goes below this width it works in IE   */
   /*min-width:122px;
   max-width:122px;*/  
}

a.tab { width:100%; text-decoration:none; color:rgb(255,255,255); text-align:center; 
	font-family:Verdana, sans-serif; font-weight:bold;  font-size:11px;  background-color:transparent;  border:solid 0px #000000; } 

.btnLogin
{
  background-image:  url(../../Images/login.gif);
  border-color: #CCCCCC;
  border-style:solid;
  border-width:1px;   /* was 2 */
  font-family:Verdana;
  font-weight:normal;
  font-size:10px;
   text-align:center;
   vertical-align:middle;
   color:White;
   height:20px; /* works in IE  and FF*/
   padding:0px 2px 0px 2px;
   width:60px;
}

.btnSearch
{
  background-image:  url(../../Images/search.gif);
  border-color: #CCCCCC;
  border-style:solid;
  border-width:1px;   /* was 2 */
  font-family:Verdana;
  font-weight:normal;
  font-size:10px;
   text-align:center;
   vertical-align:middle;
   color:White;
   height:20px; /* works in IE  and FF*/
   padding:0px 2px 0px 2px;
   width:60px;
}

.btnLabel
{
  font-family:Verdana;
  font-weight:normal;
  font-size:10px;
   text-align:left;
   vertical-align:middle;
   
}

.tb1
{
  font-family:Verdana;
  font-weight:normal;
  font-size:10px;
   text-align:left;
   width:132px;
}


     
 /* these made no difference in FF/IE 
     height:25px;     min-height:25px;     max-height:25px;    */
  /*border-spacing :0px;*/
 /* outline:#000000 solid 0px; no effect   */
 /*margin-top:0px;
 margin-bottom:0px; */
 /* margin-left:6px;
  margin-right:6px;  */
 /*   made no difference in FF/IE */  
   /*min-height:27px;
    max-height:27px;   */
 

