/* ************************ */
/*  Calculator              */
/* ************************ */
#calculator {
	margin: 20px 0 15px 0;
	padding: 2px;
	border: 1px solid #495180;
	width: 100%;
}
#calculator table tbody tr td,
#calculator table tbody tr th {
  border-bottom: 1px solid #D4E1EE;
}
#calculator table tr.firsthead td,
#calculator table tr.firsthead th {
	font-weight: bold;
	background-color: #BDCEDF;
	border: none;
}
#calculator table tr.secondhead th {
	font-weight: bold;
	border-bottom: 2px solid #FFF;
	background-color: #D4E1EE;
}
#calculator table tr.secondhead td {
	font-weight: normal;
	border-bottom: 2px solid #FFF;
	background-color: #D4E1EE;
}
#calculator table tr.tblruleblue td,
#calculator table tr.tblruleblue th {
	border-bottom: 1px solid #B3C4D6;
}
#calculator table tr.tblrulewhite td,
#calculator table tr.tblrulewhite th {
	border-bottom: 2px solid #FFF;
}
#calculator table tr.tblrulebluedouble td,
#calculator table tr.tblrulebluedouble th {
	border-bottom: 3px double #B3C4D6;
}
#calculator table tr td.bluecol {
	background-color: #E6EEF6;
}
#calculator table tr.net td,
#calculator table tr.net th {
	background-color: #EFF4F9;
	border-top: 1px solid #B3C4D6;
}
#calculator table tr.total {
	border-bottom: 2px solid #FFF;
	padding-bottom: 15px;
}
#calculator table tr.norule td,
#calculator table tr.norule th,
#calculator table td.norule {
	border-bottom: none !important;
}
#calculator input {
	border: 1px solid #859CB3;
	text-align: right;
}
#calculator input.totalcolor {
	background-color: #EFF4F9;
	border: none;
}
#calculator input.alignleft {
	text-align: left !important;
}
#calculator td.net-bottom {
	border-top: 1px solid #B3C4D6;
	border-bottom: 1px solid #B3C4D6;
	background-color: #FFF;
	font: 0px Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 2px;
	padding: 0px;
}

/* used for 3rd party logo image in generic module */
#contentarea .modcontent-clientlogo {
	padding: 10px 0 0 5px;
}
#contentarea .modtopright {
	margin: 15px 0 15px 0!important;
}


/* ************************ */
/*  Module: Font Widget     */
/* ************************ */
#modfontwidget {
	height: 32px;
}
#modfontwidget p {
	float: left;
	margin: 0px;
	font-size: 10px;
	font-weight: normal;
	line-height: 16px;
	color: #000;
}
#modfontwidget img {
	border: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/* ************************ */
/*  Module: Find It Fast    */
/* ************************ */
#modfindfast {
	margin: 0 0 10px 0;
	padding: 10px 6px 10px 6px;
	background-color: #E5CA85;
	border-right: solid #50462C 1px;
	border-bottom: solid #50462C 1px;
	border-left: solid #FFFFFF 1px;
	border-top: solid #FFFFFF 1px;
}
#modfindfast h3 {
	font-size: 100%;
	color: #000;
	margin: 0;
	padding: 0;
}
#modfindfast h4 {
	font-size: 91.6667%;
	margin: 8px 0 3px 0;
	color: #011533;
}
#modfindfast p {
	margin: 0 0 5px 0;
	font-size: 91.6667%;
	line-height: 133.3333%;
	color: #012861;
}
#contentarea .FIFcomboBox {position: relative;}
#contentarea .FIFdisplayBox {
	font-size: 11px;
	position: absolute;
	width: 69%;
	left: 0px;
	top: 0px;
	margin-top:1px;
	border: solid #829EB2 1px;
}
#contentarea .FIFselectBox {
	font-size: 11px;
	position: absolute;
	left:0px;
	top: 0px;
	margin-top:1px;
}
#contentarea .FIFsubmit {
	position: absolute;
	left:0px;
	top: 0px;
	padding: 0px;
	margin: 0 0px 0 3px;
	width: 25px;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: -1px;
	background:#DAE6EC;
	border-bottom: 1px single #829EB2;
	border-top: 1px single #FFFFFF;
	border-left: 1px single #FFFFFF;
	border-right: 1px single #829EB2;
}

/* ************************ */
/*  Module: General Module  */
/* ************************ */
#contentarea .modgeneral {
	padding: 10px 0 10px 0;
}
#contentarea .modgeneral p {
	margin: 0 0 12px 0;
	font-size: 91.6667%;
	line-height: 133.3333%;
	padding: 2px 6px 0 6px;
	color: #50462C;
}
#contentarea .modgeneral ul {
	font-size: 91.6667%;
	margin: 0 0 12px 0;
}
#contentarea .modgeneral ul ul {font-size: 100%;}
#contentarea .modgeneral h3 {
	margin: 0;
	padding: 2px 0 0 6px;
	font-size: 100%;
	color: #50462C;
}
#contentarea .modgeneral h3.margintop {
	margin-top: 12px;
}
#contentarea .modgeneral h3.marginbottom {
	margin-bottom: 8px;
}
#contentarea .modgeneral h4 {
	margin: 8px 0 3px 0;
	font-size: 91.6667%;
	color: #50462C;
}
#contentarea .modgeneral a:link,
#contentarea .modgeneral a:visited,
#contentarea .modgeneral a:active{
	font-size: 100%;
	color: #50462C;
}
#contentarea .modgeneral a:hover{
	color: #927C50;
}

/* ************************ */
/*  Module: Picture Module  */
/* ************************ */
#contentarea .modpicture {
	margin: 20px 0 15px 0;
	padding: 0 0 20px 11px;
}


/* ************************ */
/*  Module: Answer Center   */
/* ************************ */
#contentarea .modanswercenter {
	margin: 0 0 0 0;
	padding: 10px 0 10px 0;
	background-image: url(../images/demo_redesign_images/icon_answer_center.gif);
	background-repeat: no-repeat;
	background-position: 150px 15px;
}
#contentarea .modanswercenter h3 {
	margin: 0;
	padding: 2px 0 0 6px;
	height: 19px;
	font-size: 100%;
	font-weight: bold;
	color: #50462C;
}
#contentarea .modanswercenter p {
	font-size: 91.6667%;
	line-height: 133.3333%;
	padding: 6px;
	margin: 2px;
}
#contentarea .modanswercenter ul {
	font-size: 91.6667%;
	margin: 8px 0 0 0;
}

#contentarea .modanswercenter a:link,
#contentarea .modanswercenter a:visited,
#contentarea .modanswercenter a:active{
	font-size: 100%;
	color: #50462C;
}
#contentarea .modanswercenter a:hover{
	color: #927C50;
}

/* ************************ */
/*  Module: Expert Tips     */
/* ************************ */
#modexperttip {
	margin: 22px 0 15px 0;
	padding: 1px;
	background-image: url(../images/demo_redesign_images/mod_experttip_curve.gif);
	background-position: top right;
	background-repeat: no-repeat;
	background-color: #BECB9A;
}
.modrightcontainer #modexperttip {
	margin: 10px 0 10px 0;
	padding: 1px;
	background-image: url(../images/demo_redesign_images/mod_experttip_curve_right.gif);
	background-position: top right;
	background-repeat: no-repeat;
	background-color: #BECB9A;
}
#modexperttipinner {
	background-color: #FFFBE7;
	padding: 5px 0 5px 0;
}
#modexperttip h3 {
	margin: 0 9px 0 0;
	padding: 2px 0 3px 12px;
	font-size: 100%;
	color: #000;
	border: none;
	background-color: #B6D79A;
}
#modexperttip p {
	font-size: 91.6667%;
	line-height: 133.3333%;
	margin: 0;
	padding: 3px 12px 3px 12px;
}
#modexperttip ul {
	font-size: 91.6667%;
	margin: 0 0 0 0;
}
#modexperttip ul ul {font-size: 100%;}
#infohelp {
	margin: 20px 0 5px 0;
	padding: 6px 6px 0 0;
	border-top: 1px solid #CAB48C;
	position: relative;
}
#infohelp p {margin: 2px 0 0 22px;
	font-size: 83.3333%;
	line-height: 100%;}

#infohelp img.help {
	position: absolute;
	top: 7px;
	left: 0px;
}

/* ************************ */
/*  Module: Alert Message   */
/* ************************ */
#contentarea table #modalertmessage {font-size: 108.3333%;}
#modalertmessage {
	margin: 20px 0 15px 0;
	padding: 6px 6px 8px 0px;
	border-top: 2px solid #C00;
	border-bottom: 2px solid #C00;
	position: relative;
}
#modalertmessage p {margin: 0 0 0 35px;}
#modalertmessage ul {margin-left: 43px;}
#modalertmessage ul li {font-size: 91.6667%;}
#modalertmessage img.alert {
	position: absolute;
	top: 7px;
	left: 3px;
}

/* ************************ */
/*  Module: Print Page      */
/* ************************ */
#modprintpage {
	margin: 0px auto 0 auto;
	font-size: 91.6667%;
	text-align:right;
	background-image: url(../images/demo_redesign_images/mod_print_page_bg.gif);
	background-repeat: no-repeat;
	background-position: top right;
	height: 10px;
	left: auto;
	width: 738px;
	padding-left: 12px;
	background-color: #FFFFFF;
}

/* ************************ */
/*   Glossary Tip           */
/* ************************ */
/* the used style when just in a paragraph, div, or flow of text */
#contentarea a.glossarytip {
	color: #75A1DA;
	border-bottom: 1px dashed #75A1DA;
	text-decoration: none;
	cursor: default;
}
#contentarea a.glossarytip:link, #contentarea a.glossarytip:visited {cursor: pointer;}
/* the style used when inside a table as data */
#contentarea table a.glossarytip {
	font-size: 100%;
	color: #000;
	border-bottom: 1px dashed #000;
	text-decoration: none;
	cursor: default;
}
#contentarea div.glossarytip {
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	padding: 6px;
	border: 1px solid #9B9B9B;
	background-color: #FDF3E5;
	width: 275px;
}
#contentarea table div.glossarytip h4 {font-size: 100%;}
#contentarea div.glossarytip h4 {
	margin: 0;
	padding: 0;
	font-size: 91.6667%;
	color: #000;
	text-align: left;
}
#contentarea table div.glossarytip p {font-size: 100%;}
#contentarea div.glossarytip p {font-size: 91.6667%; line-height: 116.6667%; text-align: left;}

/* ************************ */
/*  Twistie                 */
/* ************************ */
#contentarea p.twistie {margin-bottom: 5px;}
#contentarea table p.twistie {margin-bottom: 0px;}
#contentarea p.twistie a:link,
#contentarea p.twistie a:visited {
	padding-left: 12px;
	background: url(../images/icons/icon_twistie_closed.gif) no-repeat left top;
}
#contentarea p.twistie a.open:link,
#contentarea p.twistie a.open:visited {
	padding-left: 12px;
	background: url(../images/icons/icon_twistie_open.gif) no-repeat left top;
}
#contentarea h2.twistie a:link,
#contentarea h2.twistie a:visited {
	padding-left: 12px;
	background: url(../images/icons/icon_twistie_h2_closed.gif) no-repeat 0px 4px;
	color: #75A1DA;
}
#contentarea h2.twistie a.open:link,
#contentarea h2.twistie a.open:visited {
	padding-left: 12px;
	background: url(../images/icons/icon_twistie_h2_open.gif) no-repeat 0px 4px;
	color: #75A1DA;
}
#contentarea .display {display: table-row;}/* table-row because of mozilla*/
#contentarea .nodisplay {display: none;}

/* ************************ */
/*  Intra Page Tabs         */
/* ************************ */
#contentarea p.intrapagetabs {
	margin: 5px 0px 10px 0px;
	padding-bottom: 2px;
	border-bottom: 2px solid #000;
	font-size: 83.3333%;
	font-weight: bold;
	line-height: 108.3333%;
}
#contentarea p.intrapagetabs a,
#contentarea p.intrapagetabs a:link,
#contentarea p.intrapagetabs a:visited,
#contentarea p.intrapagetabs a:active {
	margin-left: 6px;
	padding: 2px 6px 2px 6px;
	background: #DDD;
	border: 1px solid #999;
	border-bottom: none;
	color: #666;
	text-decoration: none;
}
#contentarea p.intrapagetabs a:hover {
	background: #EEE;
}
#contentarea p.intrapagetabs .on a,
#contentarea p.intrapagetabs .on a:link,
#contentarea p.intrapagetabs .on a:visited,
#contentarea p.intrapagetabs .on a:active {
	margin-left: 6px;
	padding: 2px 6px 2px 6px;
	background: #FFF;
	border: 2px solid #000;
	border-bottom: 2px solid #FFF;
	color: #000;
	text-decoration: none;
}
/* The block below needs to be deleted when span tags with class of 'on' go around the links instead of directly on the link */
#contentarea p.intrapagetabs a.on,
#contentarea p.intrapagetabs a.on:link,
#contentarea p.intrapagetabs a.on:visited,
#contentarea p.intrapagetabs a.on:active {
	margin-left: 6px;
	padding: 2px 6px 2px 6px;
	background: #FFF;
	border: 2px solid #000;
	border-bottom: 2px solid #FFF;
	color: #000;
	text-decoration: none;
}

/* ************************ */
/*  Intra Page Nav          */
/* ************************ */
#contentarea p.intrapagenav {
	font-size: 91.6667%;
	color: #B1B2B2;
	margin-top: -18px 0px 0px 0px;
	padding-bottom: 10px;
}
#contentarea p.intrapagenav a:link, #contentarea p.intrapagenav a:visited, #contentarea p.intrapagenav a:active {
	color: #75A1DA;
	text-decoration: underline;
	padding: 0 2px 0 7px;
	border-left: 1px solid #999;
	white-space: nowrap;
}
#contentarea p.intrapagenav a:hover {
	color: #A58CCC;
}
#contentarea p.intrapagenav .on a:link,
#contentarea p.intrapagenav .on a:visited,
#contentarea p.intrapagenav .on a:active {
	font-weight: bold;
	color: #000 !important;
	text-decoration: none !important;
}
#contentarea p.intrapagenav .first a:link,
#contentarea p.intrapagenav .first a:visited,
#contentarea p.intrapagenav .first a:active {
	padding-left: 0px !important;
	border-left: none !important;
}
/* The 2 blocks below needs to be deleted when span tags with class of 'on' or 'first' go around the links instead of directly on the link */
#contentarea p.intrapagenav .on {
	font-weight: bold;
	color: #000 !important;
	text-decoration: none !important;
}
#contentarea p.intrapagenav .first {padding-left: 0px !important; border-left: none !important;}


/* ************************ */
/*  Progress Bar            */
/* ************************ */
#contentarea ul.progressbar {margin:12px 0 0 0; padding:0 0 20px 0; text-align: center;}
#contentarea ul.progressbar li {
	display: block;
	float: left;
	width: 103px;
	margin: 0 6px 0 0;
	padding: 4px 6px 10px 6px;
	border-top: 2px solid #CCC;
	font-size: 83.3333%;
	color: #999;
}
#contentarea ul.progressbar li.complete {
	border-top: 2px solid #4A8CBD;
	color: #3C77A4;
}
#contentarea ul.progressbar li.on {
	font-weight: bold;
	color: #4A8CBD;
	background: url(../images/icons/icon_progress_bar_indicator.gif) no-repeat top center;
	border-top: 2px solid #4A8CBD;
}
#contentarea ul.progressbar li a:link, #contentarea ul.progressbar li a:visited, #contentarea ul.progressbar li a:active {color: #3C77A4;}

/* ************************ */
/*  Bill Cycle Timeline     */
/* ************************ */
#contentarea .billCycle	{
	margin-bottom: 20px;
}
#contentarea .billCycle table tr th,
#contentarea .billCycle table tr td {
	vertical-align: top;
	border-bottom: 0;
}
#contentarea .billCycle caption {
	font-weight: bold;
	text-align : left;
	padding: 0 0 3px 0;
}
#contentarea .billCycle table tr th {
	background: #3E78AB;
	border-left: 1px solid #fff;
	color: #fff;
	font-weight: bold;
	text-align: center;
}








#contentarea .navigation1 {
	width: 528px;
	background: #eee url(../images/nav/nav_ae_bg.gif) repeat-y;
}
#contentarea .navigation2 {
	width: 513px;
}
#contentarea .navigation2 .middle,
#contentarea .navigation2 .sidebarA,
#contentarea .navigation2 .sidebarB {
}
#contentarea .navigation1 .sidebarA,
#contentarea .navigation2 .sidebarA {
	float: left;
}
#contentarea .navigation1 .sidebarB,
#contentarea .navigation2 .sidebarB {
	float: right;
}
#contentarea .navigation1 .sidebarA {
	margin: 0 5px 0 0;
	width: 304px;
}
#contentarea .navigation1 .middle {
	margin: 0 112px 0 310px;
	text-align: center;
}
#contentarea .navigation1 .sidebarB {
	margin: 0 0 0 5px;
	text-align: center;
	width: 106px;
}
#contentarea .navigation2 .sidebarA {
	margin: 0 10px 0 0;
	width: 164px;
	background-color: #EFEBDB;
}
#contentarea .navigation2 .middle {
	margin: 0 172px 0 174px;
	background-color: #EFEBDB;
}
#contentarea .navigation2 .sidebarB {
	margin: 0 0 0 10px;
	width: 162px;
	background-color: #EFEBDB;
}
#contentarea .gap {border: 2px solid #fff;}
#contentarea .structureBottom {
	clear: both;
	margin: 0;
	padding: 0;
}
#contentarea .structureBottom .one1 {margin-left: 25px;}
#contentarea .structureBottom .one2 {margin-left: 100px;}
#contentarea .structureBottom .one3 {margin-left: 160px;}
#contentarea .structureBottom .one4 {margin-left: 225px;}
#contentarea .structureBottom .one5 {margin-left: 320px;}
#contentarea .structureBottom .one6 {margin-left: 430px;}
#contentarea .structureBottom .two1 {margin-left: 55px;}
#contentarea .structureBottom .two2 {margin-left: 225px;}
#contentarea .structureBottom .two3 {margin-left: 390px;}
#contentarea .navigation1 ul {
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#contentarea .navigation2 ul {
	height: 135px;
	margin: 0;
	padding: 0;
}
#contentarea .navigation1 ul li,
#contentarea .navigation2 ul li {
	font-size: 91.6667%;
	margin: 5px;
}
#contentarea .navigation1 ul li {
	padding: 0;
}
#contentarea .navigation2 ul li {
	margin-left: 20px;
	padding: 0;
}
#contentarea .navigation1 li.header {
	font-size: 158.3333%;
	font-weight: bold;
	margin: 0;
	padding: 2px 0 2px 3px;
	color: #FFFFFF;
}
#contentarea .navigation2 li.header {
	list-style: none;
	list-style-image: none;
	margin-left: 0;
	padding: 0;
}
#contentarea .navigation2 li.header,
#contentarea .navigation2 li.header h1 {
	color: #fff;
	font-size: 133.3333%;
	font-weight: bold;
	margin: 0;
	padding: 0 0 5px 5px;
	text-decoration: none;
}
#contentarea .navigation1 li.header a {
	color: #fff;
	text-decoration: none;
}
#contentarea ul.focus li.header {
	background-color: #96BD77;
}
#contentarea ul li.header {background: #69c;}
#contentarea .navigation1 ul.focus li.header a,
#contentarea .navigation1 li.header a:hover {
	color: #fff;
}
#contentarea ul.focus li.target a:link,
#contentarea ul.focus li.target a:visited,
#contentarea ul.focus li.target a:active,
#contentarea ul.focus li.target a:hover{
	color: #487C2A;
}
#contentarea .target a {
	color: #75A1DA;
	font-weight: bold;
	text-decoration: none;
}
#contentarea .navigation1 ul li a:link,
#contentarea .navigation1 ul li a:visited,
#contentarea .navigation1 ul li a:active,
#contentarea .navigation2 ul li a:link,
#contentarea .navigation2 ul li a:visited,
#contentarea .navigation2 ul li a:active{
	width: 100%;
	color: #51452C;
	
}
#contentarea .navigation1 ul li a:hover,
#contentarea .navigation2 ul li a:hover{
	color: #927C50;
}
html>body #contentarea ul li a {
	width: auto;
}
#contentarea .navigation1 table {
	height: 65px;
	width: 100%;
}
#contentarea .navigation1 table td {
	font-size: 108.3333%;
	width: 76px;
}
