/* ====================================================================
  GENERAL MARKUP
==================================================================== */

* {
	margin: 0px;
	padding: 0px;
	line-height: 1.16em;
}

img {
	border: none;
}

html, body {
	width: 100%;
	height: 100%;
}

body {
	font-size: 12px;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-weight: normal;
	background: #90A2AA url("../images/background.gif") repeat-y center;
}

h1, h2, h3, h4, h5, h6 {
	color: #00689c;
}
h1 { font-size: 1.66em; font-weight: normal;}
h2 { font-size: 1.16em; }
h3 { font-size: 1.08em; }
h5 { font-size: 1.em; }

p {
	margin-top: 10px;
}

a:link { color: #006fa3; text-decoration: none; }
a:visited { color: #006fa3; text-decoration: none; }
a:hover { color: #006fa3; text-decoration: underline; }
a:active { color: #006fa3; text-decoration: none; }



/* ====================================================================
  Header & Footer
-------------------------------------------------------------------- */

p.slogan {
	font-size: 14px;
	font-weight: bold;
	color: #6aafda;
}

p.company {
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	text-transform: uppercase;
	margin-top: 2px; 
}

p.support {
	font-size: 1.5em;
	color: #990300;
}

p.support-number {
	font-size: 1.3em;
	font-weight: bold;
	color: #990300;
	margin-top: 4px; 
}

#footer {
  font-size: 10px;
}


/* ====================================================================
  STARTPAGE SYLE
-------------------------------------------------------------------- */

h1 {
	margin-bottom: 15px;
}
h2 {
	margin-top: 35px;
}
p {
	line-height: 1.4em;
}
ul{
	margin: 20px 5px 10px 5px;
}
ul li {
	margin-top: 2px;
   padding-left: 15px;
	background: url("../images/list.png") no-repeat left;
	list-style: none;
}

/* ====================================================================
  LAYOUT
-------------------------------------------------------------------- */

#wrap {
  position: absolute;
  left: 50%; margin-left: -379px; 
  width: 756px;
  height: 100%;
}

#header {
	height: 92px;
}

#menu {
	height: 32px;
	background: url("../images/menu.png");
}

#submenu {
	height: 28px;
	background: url("../images/submenu.png") repeat-x left;
}

#content {
	background-color: #FFFFFF;
}

#footer {
  height: 37px;
  background-color: #afbcc2;
}

/*##########################################################################################################
============================================================================================================
Client-Side Display Elements
------------------------------------------------------------------------------------------------------------
This is the from default CMS stylesheet for all client-side (visitor facing).
============================================================================================================
##########################################################################################################*/

/* >> General */

.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.sohotext {
	font-family : Arial;
	font-size: 12px;
}

.SMtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.smtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.uptext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #000000;
}

/* Generic form button style. */
.FormLt1 {
	font-family : Arial;
	font-size : 8px;
	cursor: pointer;
}




/* >> Menu System - #VMENU# */


/* >> Main Menu Links */

/* This is the main vmenu table */
/* ---------------------------------------------------------------------- */
/* <table> */
   table.vmenu_mainz {
      width: 100%;
      border: 0px;
      padding: 0px 0px 0px 0px;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px; 
		font-weight: bold;
   }

 /* <tr> */  
 
  /* <td> ---- [<div><a>Main Page</a></div>] ---- </td>
  /*-----------------------------------------------------------*/
     td.vmenu_main_off {
        width: 100%;
        border: 0px;
        padding: 8px 5px 0px 10px;
        font-weight: normal;
     }
     td.vmenu_main_on {
        width: 100%;
        border: 0px;
        padding: 8px 5px 0px 10px;
        font-weight: bold;
     }
  
   /* <div> ---- [<a>Main Page</a>] ---- </div>
   /*-----------------------------------------------------------*/
      div.vmenu_main_off {
         width: 100%;
      }
      div.vmenu_main_on {
         width: 100%;
      }    
  
    /* <a> ---- [Main Page] ---- </a>
    /*-----------------------------------------------------------*/  
       a.vmenu_main_off:link { color: #FFFFFF; text-decoration: none; border-bottom: 0px solid #000000; }
       a.vmenu_main_off:visited { color: #FFFFFF; text-decoration: none; border-bottom: 0px solid #000000; }
       a.vmenu_main_off:hover { color: #4fabfd; text-decoration: none; border-bottom: 0px solid #000000; }
       a.vmenu_main_off:active { color: #4fabfd; text-decoration: none; border-bottom: 0px solid #000000; }
       
       a.vmenu_main_on:link { color: #FFFFFF; text-decoration: underline; }
       a.vmenu_main_on:visited { color: #FFFFFF; text-decoration: underline; }
       a.vmenu_main_on:hover { color: #4fabfd; text-decoration: underline; }
       a.vmenu_main_on:active { color: #4fabfd; text-decoration: underline; }
    
   /* </div> */
  /* </td> */
 /* </tr> */  

/* >> Sub Menu Links */
 
 /* <tr> */
 
  /* <td> ---- [<table><tr><td><div> >> </div></td><td><div><a>Main Page</a></div></td></table>] ---- </td>
  /*-------------------------------------------------------------------------------------------------------------*/
     td.vmenu_main_sub {
        width: 100%;
        border: 0px;
        padding: 0px 0px 0px 0px;
     }
   
   /* <table> Submenu link table */
   /*-----------------------------------------------------------*/   
      table.vmenu_subz {
        width: 100%;
        border: 0px;
        padding: 0px 0px 0px 0px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
      }
    
    /* <tr> */
    
     /* <td> Submenu Item Bullet */
     /*-----------------------------------------------------------*/        
        td.vmenu_sub_bull_off {
           width: 20px;
           padding: 3px 0px 0px 13px;
           font-size: 11px;
           font-weight: bold;
           color: #858585;
        }
        td.vmenu_sub_bull_on {
           width: 20px;
           padding: 3px 0px 0px 13px;
           font-size: 11px;
           font-weight: bold;
           color: #4fabfd;
        }
 
      /* <div> Contains an individual main menu link (within td)
      /*-----------------------------------------------------------*/        
         div.vmenu_sub_bull_off {
            padding: 0px;
            width: 100%;
         }
         
         div.vmenu_sub_bull_on {
            padding: 0px;
            width: 100%;
         }            
         
      /* </div> */
      
     /* </td> */
     
     /* <td> Submenu Item Link */
     /*-----------------------------------------------------------*/    
        td.vmenu_sub_off {
           width: 100%;
           border: 0px;
           padding: 3px 0px 0px 5px;
           font-size: 11px;
           font-weight: normal;
        }
        td.vmenu_sub_on {
           width: 100%;
           border: 0px;
           padding: 3px 0px 0px 5px;
           font-size: 11px;
           font-weight: bold;   
        }
        
      /* <div> Contains an individual main menu link (within td)
      /*-----------------------------------------------------------*/          
         div.vmenu_sub_off {
            width: 100%;
            border: 0px;
            padding: 0px 0px 0px 0px;
         
         }
         
         div.vmenu_sub_on {
            width: 100%;
            border: 0px;
            padding: 0px 0px 0px 0px;
        }

       /* <a href=> A cell containing an individual main menu link
       /*-----------------------------------------------------------*/ 
          a.vmenu_sub_off:link { color: #FFFFFF; text-decoration: none; }
          a.vmenu_sub_off:visited { color: #FFFFFF; text-decoration: none; }
          a.vmenu_sub_off:hover { color: #4fabfd; text-decoration: none; }
          a.vmenu_sub_off:active { color: #4fabfd; text-decoration: none; }
          
          a.vmenu_sub_on:link { color: #FFFFFF; text-decoration: none; }
          a.vmenu_sub_on:visited { color: #FFFFFF; text-decoration: none; }
          a.vmenu_sub_on:hover { color: #4fabfd; text-decoration: none; }
          a.vmenu_sub_on:active { color: #4fabfd; text-decoration: none; }
       /* </a> */    
      
      /* </div> */
      
     /* </td> */          
 
/* =========================================================== */



/* >> Menu System - #HMAINS# */

/* This is the main hsub table */
table.hmains {
   border: 0px;
   padding: 0px;

	margin: 0px 20px;
	height: 20px;

   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
	color: #FFFFFF;
}

/* This cell contains a submenu link */
td.hmains {
   border: 0px;
	padding: 0px 15px 0px 10px;
	background: url("../images/arrow.gif") no-repeat left;
}

a.hmains { line-height: 20px; margin-left: 5px; }
a.hmains:link { color: #FFFFFF; text-decoration: none; }
a.hmains:visited { color: #FFFFFF; text-decoration: none; }
a.hmains:hover { color: #4fabfd; text-decoration: underline; }
a.hmains:active { color: #4fabfd; text-decoration: none; }





/* >> Menu System - #HSUBS# */

/* This is the main hsub table */
table.hsubs {
   border: 0px;
   padding: 0px 0px 0px 0px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
}

/* This cell contains a submenu link */
td.hsubs {
   border: 0px;
   padding: 0px 10px 2px 10px;
}

a.hsubs:link { color: #FFFFFF; text-decoration: none; }
a.hsubs:visited { color: #FFFFFF; text-decoration: none; }
a.hsubs:hover { color: #d4d4d4; text-decoration: underline; }
a.hsubs:active { color: #d4d4d4; text-decoration: none; }




/* >> Menu System - #HSUBS# *** FOR FOOTER */

/* This is the main hsub table */
#footer table.hsubs {
   border: 0px;
   padding: 0px 0px 0px 0px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
}

/* This cell contains a submenu link */
#footer td.hsubs {
   border: 0px;
   padding: 0px 10px 2px 10px;
}

#footer a.hsubs:link { color: #000000; text-decoration: none; }
#footer a.hsubs:visited { color: #000000; text-decoration: none; }
#footer a.hsubs:hover { color: #FFFFFF; text-decoration: underline; }
#footer a.hsubs:active { color: #FFFFFF; text-decoration: none; }




/* >> #NEWSBOX# */

/* Newsbox
/*-----------------------------------------------------------*/

/* <font> */
.newsbox_date {
   font-family: arial, verdana, Courier New, Courier, mono;
   font-size: 10px;
   font-weight: normal;
   color: #939a9e;
}

.newsbox {
   font-family: arial, helvetica, sans-serif; 
   font-size: 11px;
	font-weight: bold;
	margin: 0px 0px 0px 5px;
}

a.newsbox:link { color: #003f7c; text-decoration: none; }
a.newsbox:visited { color: #003f7c; text-decoration: none; }
a.newsbox:hover { color: #003f7c; text-decoration: underline; }
a.newsbox:active { color: #003f7c; text-decoration: none; }

/* <font> */
.newsbox_tease {
   font-family: Arial, helvetica, sans-serif;
   font-size: 11px;
   font-weight: normal;
   color: #000000;
	margin: 2px 0px 15px 0px;
}

/* Full Ariticle Display
/*-----------------------------------------------------------*/
table.article_table {
   font-family: arial, helvetica, sans-serif;
   font-size: 12px;
   font-weight: normal;
   color: #000000;
}

td.article_title {
   font-family: Courier New, Courier, mono;
   font-size: 16px;
   font-weight: bold;
   color: #2E2E2E;
}

font.article_date {
   color: #336699;
}
      
td.article_content {
   padding: 4px;
}

/* >> Old Styles (to be phased out after obsolecense is assured) */
textarea {
	font-size:8pt;
	height:75px;
	width:175px;
}

.logohead {
	font-family : Arial;
	font-size : 25pt;
	font-weight : bold;
}

.logosub {
	font-family : Arial;
	font-size : 8pt;
	font-weight : bold;
}

.menusys {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

/* ##################################################################
 * Default style sheet
 * ##################################################################
 */

/********* form and related tag styles *********/

.alpform {
	margin: 0;
	padding: 0;
}

.alplabel{
  font-family : Verdana, Arial, Helvetica, sans-serif;
 color: #334d55;
}
				
.alpinput{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #334d55;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#pagecell1{
	background-color: #ffffff;
}

#tl {
	position:relative;
	top: -1px;
	left: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#tr {
	position:relative;
	top: -1px;
	right: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#masthead{
	position: relative;
	top: 0px;
	left: 2%;
	right: 2%;
	width:95.6%;
	
}

#pageNav{
	float: left;
	width:178px;
	padding: 0px;
	background-color: #F5f7f7;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font: small Verdana,sans-serif;
}

#content{
	padding: 0px 10px 0px 0px;
	margin:0px 0px 0px 178px;
	border-left: 1px solid #ccd2d2;
}


/***********************************************/
/* Component Divs                              */
/***********************************************/
#siteName{
	margin: 0px;
	padding: 16px 0px 8px 0px;
	color: #000000;
	font-weight: normal;
	display:none;
}

/************** pageName styles ****************/

#pageName{
	padding: 10px 0px 10px 10px;
	margin: 0px;
	border-bottom:1px solid #ccd2d2;
}

#pageName h2{
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin:0px;
	padding: 0px;
}

/*************** story styles ******************/

.story {
	padding: 2px 2px 2px 10px;
	font-size: 80%;
	halign : top;
}

.story h3{
	font: bold 125% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

.story p {
	padding: 0px 0px 10px 0px;
}

.story a.capsule{
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	color: #005FA9;
	display:block;
	padding-bottom: 5px;
}

.story a.capsule:hover{
	text-decoration: underline;
}

td.storyLeft{
	padding-right: 12px;
}


/************** siteInfo styles ****************/

#siteInfo{
	clear: both;
	border-top: 1px solid #cccccc;
	font-size: small;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
	margin-top: -1px;
}

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}


/************ sectionLinks styles **************/

#sectionLinks{
	margin: 0px;
	padding: 0px;

}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
}

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #21536A;
}

#sectionLinks a:hover{
	border-top: 1px solid #cccccc;
	background-color: #DDEEFF;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
}


/************* relatedLinks styles **************/

.relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	border-bottom: 1px solid #cccccc;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

.relatedLinks a{
	display: block; 
}

/************** tabs and tbody styles ********************/
tbody.on { 
    display:table-row-group; 
}
tbody.off { 
    display:none; 
}
.tabs {
  float:left;
  background-color: #ffffff;
  border: 1px solid #000000;
  border-bottom-width: 0px;
  padding: 4px 2px 4px 2px;
  text-decoration: none; 
  font-weight: bold;   
  font-size: x-small;
  color: #000000;
}
.tabs1 {
  float:left;
  background-color: #c0c0c0;
  border: 1px solid #000000;
  border-bottom-width: 0px;
  padding: 4px 2px 4px 2px;
  text-decoration: none; 
  font-weight: bold;   
  font-size: x-small;
  color: #000000;
  cursor: hand;
}
.tabs2 {
  float:left;
  background-color: #DDEEFF;
  border: 1px solid #000000;
  border-bottom-width: 0px;
  padding: 4px 2px 4px 2px;
  text-decoration: none;
  font-weight: bold; 
  font-size: x-small;
  color: #000000;
}
.tab_separator {
  float:left;
  background-color: #ffffff;
  border: 0px solid #000000;
  padding: 0px;
  text-decoration: none;    
}
div.tabContent {
  margin-top:20px;
  margin-right:4px;
  margin-bottom:4px;
  display: none;
  border: 1px solid #000000;
  padding:4px;
}
/**************tables**********************/
.accountlabFormTABLE
{
	background-color: white
}
.accountlabDataTD
{
	background-color: #FFFFFF;
	font-size: 11px;
}
.accountlabAltDataTD
{
	background-color: #EEEEEE;
	font-size: 11px;
}
.accountlabPlanDataHTD
{
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #000000;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #000000;
	background-color: #CCCCCC;
	color: #000000;
	font-size: 11px;
}
.accountlabButton
{
	color: #000000;
	background-color: #CCCCCC;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.accountlabInput
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
}
a.accountlabPlanLink:link,a.accountlabPlanLink:visited
{
	color: #000080;
	text-decoration: underline;
	font-size: 11px;
}
a.accountlabPlanLink:hover,a.accountlabPlanLink:active
{
	color: #FF0000;
	text-decoration: underline;
	font-size: 11px;
}
/********************* end **********************/