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

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

}

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

body {
	font-size: 12px;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-weight: normal;
	background: #FFFFFF url("../images/background.png") repeat-x top;
}

h1, h2, h3, h4, h5, h6 {
	color: #16588c;
}
h1 { font-size: 1.33em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.15em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1.0em; }
h1 em, h2 em, h3 em, h4 em, h5 em, h6 em{
	color: #16588c;	
	font-style: normal;
}

p {
	margin-top: 10px;
}

ul.data {
	list-style: none;
}

ul{
	margin-left: 15px;
}

hr {
	margin: 8px 0px;
	color: #b8b7b3;
	background-color: #b8b7b3;
	height: 1px;
}

a:link { color: #16588c; text-decoration: none; }
a:visited { color: #16588c; text-decoration: none; }
a:hover { color: #16588c; text-decoration: underline; }
a:active { color: #16588c; text-decoration: underline; }
		 
.border {
	border: 1px solid #e2dcc4;
}

.borderThick {
	border: 2px solid #bfb27c;
}

/* ====================================================================
  SHADOWS - PNG HACKS
-------------------------------------------------------------------- */

/* works for IE5+ win and IE5mac, but FF/moz ignore */
#shadowLeft {
	width: 5px;
	/* works for IE5+ win */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='"../images/shadow-left.png"', sizingMethod='scale');

	/* hides from everything but IE5mac */
	/*\*//*/
	background: url(shadow-left.png") repeat-y right;
	/**/
}
/* FF/Moz see this [class]fine and render it fine */
#shadowLeft[class] {
	background: url("../images/shadow-left.png") repeat-y right;
}

/* works for IE5+ win and IE5mac, but FF/moz ignore */
#shadowRight {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='"../images/shadow-right.png"', sizingMethod='scale');
	/*\*//*/
	background: url(shadow-left.png") repeat-y right;
	/**/
}
/* FF/Moz see this fine and render it fine */
#shadowRight[class] {
	background: url("../images/shadow-right.png") repeat-y left;
}

/* works for IE5+ win and IE5mac, but FF/moz ignore */
#shadowTop {
	height: 5px;
	/* works for IE5+ win */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='"../images/shadow-top.png"', sizingMethod='scale');
	/* hides from everything but IE5mac */
	/*\*//*/
	background: url(shadow-top.png") no-repeat;
	/**/
}
/* FF/Moz see this fine and render it fine */
#shadowTop[class] {
	background: url("../images/shadow-top.png") no-repeat;
}

/* works for IE5+ win and IE5mac, but FF/moz ignore */
#shadowBottom {
	height: 5px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='"../images/shadow-bottom.png"', sizingMethod='scale');
	/*\*//*/
	background: url(shadow-bottom.png") no-repeat;
	/**/
}
/* FF/Moz see this fine and render it fine */
#shadowBottom[class] {
	background: url("../images/shadow-bottom.png") no-repeat;
}



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

#innerTable{
	background-color: #FFFFFF;
	padding: 1px;
}

#headerTop {
	height: 66px;
	background: url("../images/header-continue.png") right no-repeat;
}

#header {
	height: 102px;
	background: url("../images/header.png") right no-repeat;
}

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

#content {
	/*padding: 10px 40px 30px 30px;*/
}

#footerTop {
	height: 27px;
	background: url("../images/footer-top.png");
}

#footer {
	height: 35px;
	background: url("../images/footer.png") repeat-x;
	
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
	color: #8d9092;
}

/* ====================================================================
  STYLES
-------------------------------------------------------------------- */

#welcome {
	padding: 20px;
}
#news {
	padding: 20px 10px;
}

h1.company-name {
	margin: 0px;
	padding: 0px;
	line-height: 50px;
	font-size: 24px;
	font-weight: bold;
	color: #00486f;
}
h1.header-info {
	margin: 0px;
	padding: 0px 0px 0px 35px;
	line-height: 80px;
	font-size: 26px;
	font-weight: Normal;
	color: #FFFFFF;
}

/* >> Main Menu Links */

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

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

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

   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: normal;
	color: #2983a6;
}

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

a.hmains { line-height: 21px; margin-left: 15px; }
a.hmains:link { color: #00486f; text-decoration: none; }
a.hmains:visited { color: #00486f; text-decoration: none; }
a.hmains:hover { color: #bd790d; text-decoration: none; }
a.hmains:active { color: #bd790d; text-decoration: none; }

.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;
 font-size: 1.2em;
 border: #DDD 1px solid;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#pagecell1{
	background: url("../images/table-background.png");
	background-repeat: repeat-x;
}

#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: pointer;
}
.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, .search
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	border: #DDD 1px solid;
}
 
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 **********************/