/* 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: General Module  */
/* ************************ */
#contentarea .modgeneral {
	margin: 20px 0 15px 0;
	padding: 6px;
	border: 1px solid #A8E0A0;/*changed ambily*/
	background-color: #F0F8E0; /*changed ambily*/
}
#contentarea .modgeneral p {
	margin: 0;
	font-size: 11px;
	line-height: 15px;
}
#contentarea .modgeneral ul {
	margin-top: 0;
	padding-left: 1px;
	font-size: 11px;
}
#contentarea .modgeneral ul ul {font-size: 11px;}
#contentarea .modgeneral h3 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 14px;
	color: #000;
}
#contentarea .modgeneral h3.margintop {
	margin-top: 12px;
}
#contentarea .modgeneral h3.marginbottom {
	margin-bottom: 8px;
}
#contentarea .modgeneral a:link,
#contentarea .modgeneral a:active,
#contentarea .modgeneral a:visited {
	font-size: 11px;
	color: #72634D;
}
#contentarea .modgeneral a:hover {
	color: #463d30;
}

/* ************************ */
/*  Module: Answer Center   */
/* ************************ */
#contentarea .modanswercenter {
	margin: 20px 0 15px 0;
	padding: 0 0 6px 0;
	border: 1px solid #9B9B9B;
}
#contentarea .modanswercenter h3 {
	margin: 0;
	padding: 2px 0 0 25px;
	height: 19px;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	background: #F6e6ce url(../images/icons/icon_answer_center.gif) top left no-repeat;
	border-bottom: 1px solid #9B9B9B;
}
#contentarea .modanswercenter p {
	font-size: 11px;
	line-height: 16px;
	padding: 6px;
	margin: 2px;
}
#contentarea .modanswercenter ul {font-size: 11px; margin-top: 8px;}
#contentarea .modanswercenter ul ul {font-size: 12px;}
#contentarea .modanswercenter a {font-size: 12px;}

/* ************************ */
/*  Module: Expert Tips     */
/* ************************ */
#modexperttip {
	margin: 22px 0 15px 0;
	padding: 8px;
	border: 1px solid #A8E0A0; /*changed ambily*/
	background-color: #F0F8E0; /*changed ambily*/
}
#modexperttip h3 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #000;
	border: none;
}
#modexperttip p {
	font-size: 11px;
	line-height: 16px;
	margin: 0 0 12px 0;
	padding: 0;
}
#modexperttip ul {font-size: 11px;}
#modexperttip ul ul {font-size: 12px;}
#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: 10px;
	line-height: 12px;}

#infohelp img.help {
	position: absolute;
	top: 7px;
	left: 0px;
}

/* ************************ */
/*  Module: PDF Large Icon  */
/* ************************ */
#modpdf {
	margin: 0 0 12px 0;
	padding: 1px;
	position: relative;
}
#modpdf p {margin: 0 0 0 105px;}
#modpdf img.acrobat {
	position: absolute;
	top: 1px;
	left: 1px;
}

/* ************************ */
/*  Module: Alert Message   */
/* ************************ */
#contentarea .modalertmessage {
	margin: 20px 0 15px 0;
	padding: 6px 6px 8px 0px;
	border-top: 2px solid #CC0000;
	border-bottom: 2px solid #CC0000;
	position: relative;
}
#contentarea .modalertmessage p.noicon {
	margin: 0 0 0 10px !important;
}
#contentarea .modalertmessage p {
	margin: 0 0 0 35px;
}
#contentarea .modalertmessage p.marginbottom {
	margin-bottom: 12px;
}
#contentarea .modalertmessage ul {
	margin-left: 43px;
}
#contentarea .modalertmessage ul li {
	font-size: 91.6667%;
}
#contentarea .modalertmessage img.alert {
	margin: 0 0 0 10px
	position: absolute;
}
#contentarea .modalertmessage img.embed {
	top: 3px;
}
#contentarea div.fast {
	border: 1px solid #F6DFA3;
	border-top: 2px solid #FFAA21;
}
#contentarea div.slow {
	border: 1px solid #F6DFA3;
	border-top: 2px solid #FFAA21;
}

/* ************************ */
/*  Module: Print Page      */
/* ************************ */
#modprintpage {
	margin: 5px auto 0 auto;
	font-size: 10px;
	text-align: right;
}
#modprintpage a,
#modprintpage a:link,
#modprintpage a:visited,
#modprintpage a:active {
	font-size: 11px;/* Allows fontsize to resize */
	color: #72634D;
}
#modprintpage a:hover {
	color: #463d30;
}

#modprintpage2 {
	margin: 5px auto 0 auto;
	font-size: 10px;
	text-align: right;
}
#modprintpage2 a,
#modprintpage2 a:link,
#modprintpage2 a:visited,
#modprintpage2 a:active {
	font-size: 11px;/* Allows fontsize to resize */
	color: #72634D;
}
#modprintpage2 a:hover {
	color: #463d30;
}

/* ************************ */
/*   Glossary Tip           */
/* ************************ */
/* the used style when just in a paragraph, div, or flow of text */
#contentarea a.glossarytip {
	color: #B65C06;
	border-bottom: 1px dashed #B65C06;
	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: 11px;
	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: 12px;}
#contentarea div.glossarytip h4 {
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #000;
	text-align: left;
}
#contentarea table div.glossarytip p {font-size: 11px;}
#contentarea div.glossarytip p {font-size: 11px; line-height: 14px; text-align: left; word-wrap: break-word;}

/* ************************ */
/*  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;
	display: block;
}
#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;
	display: block;
}
#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: #CA6500;
	font-size: 15px;
	display: block;
}
#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: #CA6500;
	font-size: 15px;
	display: block;
}
#contentarea div.display {display: block;}
#contentarea tr.display {display: table-row;}/* Mozilla uses table-row, IE defaults to block */
#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: 10px;
	font-weight: bold;
	line-height: 13px;
}
#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: 11px;
	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: #C60;
	text-decoration: underline;
	padding: 0 2px 0 7px;
	border-left: 1px solid #999;
	white-space: nowrap;
}
#contentarea p.intrapagenav a:hover {
	color: #D99959;
}
#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;}


/* ************************ */
/*  HBarGraph               */
/* ************************ */
#contentarea .horzbargraph {
	font-size: 11px;
}
#contentarea .horzbargraph .graphbox {
	width: 370px;
}
#contentarea .horzbargraph .graph1 {
	color: #FFF;
	background-color: #31659C;
}
#contentarea .horzbargraph .graph2 {
	color: #FFF;
	background-color: #669966;
}
#contentarea .horzbargraph .totalbox {
	font-weight: bold;
}

/* ************************ */
/*  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: 10px;
	line-height: 12px;
	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: #90C63D;
	border-left: 1px solid #fff;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

/* ************************ */
/*  Module: Task List       */
/* ************************ */
#contentarea .tasklist {
	margin: 50px 0 15px 0;
	padding: 0 0 6px 0;
	border: 1px solid #989898;
	font-size: 11px;
}
#contentarea .tasklist h3 {
	margin: 0;
	padding: 2px 0 0 5px;
	height: 19px;
	font-weight: bold;
	color: #000;
	background-color: #E6E6D5;
	border-bottom: 1px solid #989898;
}
#contentarea .taskbut {
	margin: 0;
	text-align:center;
}