/* Shell-LiveWIRE Financial Action Planner */



/* TEXT LINK STYLES ************************************************************************************/

a.faplinks {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-decoration: none;
color: #4B4B4B;
}

a.faplinks:visited {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
font-weight: normal;
text-decoration: none;
color:#4B4B4B;
}

a.faplinks:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-decoration: underline; 
color:#4B4B4B;
}

a.color{font-size: 11px; color:#4B4B4B; text-decoration: none;}
a.color:visited{font-size: 11px; color:#4B4B4B; text-decoration: none;}
a.color:hover{font-size: 11px; color:#4B4B4B; text-decoration: underline;}
a.colorselect{color: white;text-decoration: none;font-size: 11px;}

a.lzlink{font-size: 11px; color:#4B4B4B; text-decoration: none;}
a.lzlink:visited{font-size: 11px; color:#4B4B4B; text-decoration: none;}
a.lzlink:hover{font-size: 11px; color:#4B4B4B; text-decoration: underline;}


/* BEGIN STYLES FOR GENERIC SECTION OF FINANCIAL ACTION PLANNER ********************************************************************************/

.help-header {
	background: #F6F6F6;
	padding: 5px;
	margin: 0px;
	text-align: right;
}
/* Top Section ************************************************************************************/

.topstripLeft {
border-left: 1px solid #DADADA;
border-top: 1px solid #DADADA;
border-bottom: 1px solid #55767A;
padding: 0 0 0 0;
background-color: #84B8BE;
}

.topstripCentral {
border-top: 1px solid #DADADA;
border-bottom: 1px solid #55767A;
background-color: #84B8BE;
padding: 3 0 1 0;
}

.topstripRight {
border-bottom: 1px solid #55767A;
padding: 0 0 0 6;
background-color: #84B8BE;
background-attachment: fixed;background-image: url(../images/top_strip_angle.gif);background-repeat: no-repeat;background-position: right middle;
background-color: #84B8BE;
}

.topstripRightAngle {
border-bottom: 1px solid #55767A;
}

/* Top Section Text ********************************************************************************/

.header {
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #595959; 
background-color: #A9E0E6; 
font-weight: bold; 
border-top: 1px solid #55767A;
border-left: 1px solid #55767A;
border-bottom: 1px solid #DADADA;
border-right: 1px solid #DADADA;
padding: 2 2 2 2;
margin-bottom: -35px;
}


/* Left Nav Section ********************************************************************************/

.leftnav {
border-top: 1px solid #DADADA;
border-bottom: 1px solid #55767A;
padding: 4 4 4 8;
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #595959; 
font-weight:normal;
background-color: #8DBFC5;
}

.leftnavBookmark {
border-top: 1px solid #DADADA;
border-left: 1px solid #DADADA;
border-bottom: 1px solid #55767A;
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #595959; 
font-weight:normal;
background-color: #8DBFC5;
}

.leftnavMain {
border-top: 1px solid #DADADA;
border-left: 1px solid #DADADA;
border-bottom: 1px solid #55767A;
padding: 4 4 4 8;
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
font-size: 11px;
background-color: #99CFD5;
}

.leftnavMainSelected {
border-top: 1px solid #DADADA;
border-left: 1px solid #DADADA;
border-bottom: 1px solid #55767A;
padding: 4 4 4 8;
font-family: Arial, Helvetica, sans-serif;  
color: white; 
font-weight:normal;
font-size: 11px;
background-color: #0E8998;
}

.leftnavLearningZoneHeader {
border-bottom: 1px solid #55767A;
padding: 4 4 4 1;
font-family: Arial, Helvetica, sans-serif;  
color: #595959; 
font-weight:normal;
font-size: 11px;
background-color: #A9E0E6;
}

.leftnavLearningZoneGrip {
border-left: 1px solid #DADADA;
border-bottom: 1px solid #55767A;
font-family: Arial, Helvetica, sans-serif;  
color: #595959; 
font-weight:normal;
font-size: 11px;
background-color: #A9E0E6;
}

.LearningZoneHighlight {
border-left: 1px solid #DADADA;
}

.LearningZoneArrow {
border-left: 1px solid #DADADA;
background-color: #A9E0E6;
}

.LearningZoneNav {
font-family: Arial, Helvetica, sans-serif;  
color: #595959; 
font-size: 11px;
background-color: #A9E0E6;
}

.leftBottomBlock {
border-right: 1px solid #55767A;
background-color: #C5EBEE;
}

.LearningZoneLinksHeader {
font-family: Arial, Helvetica, sans-serif;  
color: #0E8998; 
font-weight:bold;
font-size: 11px;
padding: 0 0 0 8;
}

.LearningZoneLinks{
font-family: Arial, Helvetica, sans-serif;  
color: #595959; 
font-size: 11px;
background-color: #A9E0E6;
}




/* Main Display Section ********************************************************************************/

p {
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #666666; 
font-weight: normal;
padding: 0 12 0 9;
}
.whitetext {
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: white; 
font-weight: normal;
padding: 0 12 0 9;
}
.mainDisplayHighlight {
border-top: 1px solid #FFFFFF;
}

.mainDisplaySection {
border-left: 1px solid #55767A;
border-bottom: 1px solid #E1E1E1;
border-right: 1px solid #55767A;
border-top: 1px solid #FFFFFF;
background-color: #D4EEED;
}

.mainDisplaySection2 {
border-left: 1px solid #55767A;
/* Changed by JR from #D4EEED, 18-03-2004 */
background-color: #C4EBE9;
}

.mainDisplaySection3 {
border-left: 1px solid #55767A;
border-right: 1px solid #55767A;
border-top: 1px solid #FFFFFF;
background-color: #D4EEED;
}

.autofillbg {
border-left: 1px solid #55767A;
border-bottom: 1px solid #55767A;
border-right: 1px solid #55767A;
border-top: 1px solid #55767A;
background-color: #D4EEED;
}

.mainHeader {
border-bottom: 1px solid #8ED5D1;
padding: 2 2 2 10;
}

.mainSectionOverview {
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #666666; 
font-weight: normal;
padding: 0 0 0 9;
}

.mainSectionMonth {
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #595959; 
font-weight: bold;
}

.mainSectionMonthNumbers {
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #595959; 
font-weight: bold;
}

.mainSectionMonthBox {
width: 60px;
height: 17px;
font-family: Arial, Helvetica, sans-serif; 
font-size: 9px; 
color: #666666; 
font-weight: normal;
border: 1px solid;
background-color: white; 
}

.mainSectionSubNav {
background: #f2f2f2;
padding: 10px 5px;
}

	.mainSectionSubNav p {
		margin: 0px;
		padding: 0px;
	}

	.mainSectionSubNav a {
		color: #535353;
	}

.buttonOne {
background: url('/fap/images/btn-plain.gif');
border: none;
width: 55px;
height: 19px;
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #595959; 
font-weight: bold;
background-color: #84B8BE;
}

/* END STYLES FOR GENERIC SECTION OF FINANCIAL ACTION PLANNER ********************************************************************************/


/* BEGIN STYLES FOR LOGIN SECTION OF FINANCIAL ACTION PLANNER ********************************************************************************/

.LoginTopStrip { 
border-left: 1px solid #DADADA;
border-top: 1px solid #DADADA;
border-right: 1px solid #55767A;
padding: 0 0 0 12;
background-color: #D4EEED;
}

.LoginHighlightDivider {
border-top: 1px solid #8ED5D1;
border-bottom: 1px solid #D4EEED;
}

.LoginMainDisplay {
border-left: 1px solid #DADADA;
border-right: 1px solid #55767B;
padding: 0 0 0 6;
background-color: #D4EEED;
}

.LoginOverview {
border-left: 1px solid #DADADA;
border-right: 1px solid #55767B;
padding: 0 0 0 12;
background-color: #D4EEED;
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px;
font-weight: bold;
color: #4B4B4B;
}

.LoginBrief {
border-left: 1px solid #DADADA;
border-right: 1px solid #55767B;
padding: 0 0 0 12;
background-color: #D4EEED;
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px;
font-weight: normal;
color: #4B4B4B;
}

.LoginBold {
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px;
font-weight: bold;
color: #4B4B4B;
padding: 0 0 0 5;
}

.LoginUnderline {
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px;
font-weight: bold;
font-style: underline;
color: #4B4B4B;
padding: 0 0 0 5;
}

.LoginBoldLink {
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px;
font-weight: bold;
font-style: underline;
color: #4B4B4B;
padding: 0 0 0 5;
}

.LoginRegister {
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px;
font-weight: bold;
color: #4B4B4B;
border-left: 1px solid #DADADA;
border-right: 1px solid #55767B;
padding: 0 0 0 12;
background-color: #D4EEED;
}

.LoginField {
width: 120px;
height: 17px;
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #666666; 
font-weight: normal;
border: 1px solid;
background-color: white; 
}

.LoginBottom {
border-left: 1px solid #DADADA;
border-bottom: 1px solid #55767A;
border-right: 1px solid #55767A;
background-color: #D4EEED;
}

.LoginButton {
border-bottom: 1px solid #55767A;
border-right: 1px solid #55767A;
border-top: 1px solid #DADADA;
border-left: 1px solid #DADADA;
width: 60px;
height: 20px;
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #595959; 
font-weight: bold;
background-color: #84B8BE;
}

/* END STYLES FOR LOGIN SECTION OF FINANCIAL ACTION PLANNER ************************************************************************************/


/* BEGIN STYLES FOR KEY INFO SECTION OF FINANCIAL ACTION PLANNER *******************************************************************************/

.KeyInfoBold {
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px;
font-weight: bold;
color: #4B4B4B;
padding: 0 0 0 0;
}

.KeyInfoField {
width: 170px;
height: 17px;
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #666666; 
font-weight: normal;
border: 1px solid;
background-color: white; 
}

.KeyInfoJumpMenu {
	width: 170px;
	font-size: 11px; 
	color: #666666; 
}

.KeyInfoButton {
border: none;
width: 55px;
height: 19px;
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px;
color: #595959; 
font-weight: bold;
background: url('/fap/images/btn-plain.gif');
}

/* END STYLES FOR KEY INFO SECTION OF FINANCIAL ACTION PLANNER ********************************************************************************/


/* BEGIN STYLES FOR YOUR FINANCIAL ACTION PLANS SECTION OF FINANCIAL ACTION PLANNER ***********************************************************/

.YourPlanTableText {
	border-top: 1px solid #999999;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	padding: 10px 5px;
	background-color: #F9F9F9;
	height: 30px;
}

.YourPlanTextLink {
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px;
font-weight: normal;
color: #4B4B4B;
font-style: underline;
}


/* END STYLES FOR YOUR FINANCIAL ACTION PLANS SECTION OF FINANCIAL ACTION PLANNER ***********************************************************/


/* BEGIN STYLES FOR YOUR SCENARIO PLANNING SECTION OF FINANCIAL ACTION PLANNER ***********************************************************/

.OverviewText {
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px;
font-weight: normal;
color: #4B4B4B;
font-style: normal;
padding: 10 0 20 0;
}

.OverviewTextSubNav {
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px;
font-weight: normal;
color: #4B4B4B;
font-style: normal;
padding: 0 0 0 10;
}


/* END STYLES FOR YOUR SCENARIO PLANNING SECTION OF FINANCIAL ACTION PLANNER ***********************************************************/


/* BEGIN STYLES FOR LEARNING ZONE SECTION OF FINANCIAL ACTION PLANNER ***********************************************************/

.LearningZoneHeader {
font-size: 11px; 
color: #595959; 
background-color: #FFFFFF; 
font-weight: bold; 
border-top: 1px solid #55767A;
border-bottom: 1px solid #DADADA;
padding: 2 2 2 10;
}

.LearningZoneGrip2 {
border-top: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-bottom: 1px solid #595959;
font-family: Arial, Helvetica, sans-serif;  
color: #595959; 
font-weight:normal;
font-size: 11px;
background-color: #0E8998;
}

.LearningZoneHeaderReverse {
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #595959;
border-right: 1px solid #595959;
padding: 4 4 4 1;
font-family: Arial, Helvetica, sans-serif;  
color: #FFFFFF; 
font-weight:normal;
font-size: 11px;
background-color: #0E8998;
}

.LearningZoneArrow2 {
border-left: 1px solid #DADADA;
background-color: #72C2CD;
}

.LearningZoneNav2 {
font-family: Arial, Helvetica, sans-serif;  
color: #595959; 
font-size: 11px;
background-color: #72C2CD;
}

.LearninZoneMainStrip {
	padding: 2px 5px 2px 15px;
	background: url('/fap/images/learning_zone_arrow_header.gif') no-repeat left center;
}

.LearninZoneMainStrip2 {
	padding: 2px 5px 2px 15px;
	background: #F0F0F0 url('/fap/images/learning_zone_arrow_header.gif') no-repeat left center;
}

.LearninZoneMainStrip3 {
	padding: 2px 5px 2px 15px;
	background: url('/fap/images/learning_zone_arrow_header.gif') no-repeat left center;
}

.LearninZoneBlueText {
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #0F8A9A; 
font-weight: normal;
padding: 0 0 0 0;
}

.LearningZoneDisplaySection {
border-left: 1px solid #55767A;
border-bottom: 1px solid #E1E1E1;
border-right: 1px solid #55767A;
border-top: 1px solid #FFFFFF;
background-color: #FFFFFF;
}


/* END STYLES FOR LEARNING ZONE SECTION OF FINANCIAL ACTION PLANNER ***********************************************************/


/* BEGIN STYLES FOR CASHFLOW POPUP SECTION OF FINANCIAL ACTION PLANNER ***********************************************************/

table.preview {
	border-collapse: collapse;
}

.CashFlowTopLeft {
	border-bottom: 2px solid #ababab;
}
	.CashFlowTopLeft img {
		visiblity: hidden;
	}

.CashFlowTopStrip {
	border-bottom: 2px solid #ababab;
}

.CashFlowHeader {
	font-weight: bold;
}

.CashFlowHeaderShadow {
}

.YearSelected {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #FFFFFF; 
	background-color: #ababab; 
	font-weight: bold; 
	border: #999999 1px solid;
	padding: 2 14 2 14
}

.YearUnselected {
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #FFFFFF; 
background-color: #85B7BE; 
font-weight: bold; 
border-top: 1px solid #557779;
border-left: 1px solid #557779;
border-bottom: 1px solid #CEEDEF;
border-right: 1px solid #CEEDEF;
padding: 2 14 2 14;
}

.CashFlowJumpMenu {
width: 170px;
height: 17px;
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #666666; 
font-weight: normal;
border: 1px solid;
background-color: white; 
}

.HeaderSummary {
	background-color: #dbdbdb; 
	padding: 5px 10px;
}

.HeaderMonth {
	background-color: #dbdbdb; 
	padding: 5px 10px;
	font-weight: bold;
}

.CashFlowBold {
	font-weight: bold; 
	padding: 5px 10px;
}

.CashFlowData {
	background-color: #e8e8e8; 
	padding: 5px;
	border: #FFFFFF 1px solid;
}

.CashFlowDataSummary {
	background-color: #dadada; 
	padding: 5px;
	border: #FFFFFF 1px solid;
	font-weight: bold;
}

.CashFlowHeaderShadow2 {
}

.CashFlowPrint {
	padding: 10px 0px;
}

.CashFlowSave {
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #FFFFFF; 
font-weight: bold; 
border-top: 1px solid #557779;
border-left: 1px solid #557779;
border-right: 1px solid #CFECF0;
border-bottom: 1px solid #CFECF0;
background-color: #91C6CC; 
padding: 0 4 0 4;
}


/* BEGIN STYLES FOR VIEW REPORTS OF FINANCIAL ACTION PLANNER ***********************************************************/

.ViewReports { 
border-left: 1px solid #DADADA;
border-top: 1px solid #DADADA;
border-right: 1px solid #55767A;
border-bottom: 1px solid #55767A;
padding: 2 0 4 0;
background-color: #D4EEED;
}

.Receipts {
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #4B4A48; 
background-color: #D4EEED; 
font-weight: normal; 
border-top: 1px solid #55767A;
border-left: 1px solid #55767A;
border-bottom: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
padding: 2 2 2 2;
margin-bottom: -35px;
}

.ReceiptsLeft {
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #4B4A48; 
background-color: #FFFFFF;
border-top: 1px solid #dbdbdb;
padding: 10 2 2 2;
}

.ReceiptsMid {
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #4B4A48; 
background-color: #FFFFFF;
border-top: 1px solid #dbdbdb;
padding: 10 2 2 2;
}

.ReceiptsRight {
background-color: #FFFFFF;
border-top: 1px solid #dbdbdb;
padding: 10px 2px;
}

.ReceiptsLeft img, .ReceiptsMid img {
	/*visibility: hidden;*/
}

span.grayout {
	/*visibility: hidden;*/
	color: #CCCCCC;
}