body 
{ 
}

.MasterPage_Header
{
	background-image: url(Images/Header.jpg);
}

.MasterPage_Divider
{
	background-image: url(Images/Shim.gif);
}

/*Theme Setup for general components*/
.Divider_Row
{
	background-color: #56110e;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	text-align: center;
	font-size: 9pt;
	height: 15px;
}

.Heading_Bold
{
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #56110e;
	text-decoration: underline;
}

.TextBold
{
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #56110e;
}

.PageHeading
{
	font-size: 9pt;
	font-weight: bold;
	color: dimgray;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 15pt;
}






.TabNavigation
{
	font-size: 9pt;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-weight: bold;
}

.RadioButton
{
	font-size: 9pt;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}

.Validation
{
	font-size: 9pt;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}

/* JJIA Added here for login validation 3/12*/
.LoginValidationSummary
{	
	font-size: 9pt;
	color: Red;
	font-family: Arial, Helvetica, sans-serif;
}

.ValidationSummary
{	
	font-size: 9pt;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}





/* This is used for the menu bar at the side of the page in the Welcome Page by JERRY*/
.LoginTitle
{
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	color: dimgray;
}
.LoginText
{
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	color: dimgray;
}
.LoginTextBlod
{
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	color: dimgray;
}

/* JJIA added for button*/
.ButtonStyle
{
	height: 12px;
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
}

.HelpDialogueFlyoutOpen
{
    display: none;
    z-index: 3;
    opacity: 0;
    filter: (progid:DXImageTransform.Microsoft.Alpha(opacity=0));
    font-size: 11px;
    border: 2px solid #000080;
    background-color: #FFFFFF;
    padding: 5px;
    font-family: Arial, Helvetica, sans-serif;
} 

.flyOutDivCloseX
{
 background-color: #666666; 
 color: #FFFFFF; 
 text-align: center; 
 font-weight: bold; 
 text-decoration: none; 
 border: outset thin #FFFFFF; 
 padding: 5px; 
} 

.HelpDialogue
{
    font-size: 11pt;
    color: #56110e;
    font-family: Helvetica;
    text-align: left;
    font-weight: normal;
    text-decoration: none;
}

/************ COLLAPSIBLE PANEL PARAMETERS *******/
.CollapsiblePanel
{
    overflow:hidden
}

/*********** MODAL POPUP PARAMETERS*******/

.ModalPopupBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
    overflow: hidden;
    position: inherit;
    top: 0px;
    left: 0px;
    z-index: 0;
    Height: -1;
    
}

.test
{
z-index: 2;
}
/********* Page Heading style *****/
.Page_Heading
{
    font-size: large;
    font-family: Arial, Helvetica, sans-serif;

}


.Page_Heading
{
    font-size: large;
    font-family: Arial, Helvetica, sans-serif;

}


/********** The style for the heading of the modal poplu that allows the user to switch between scenarios*******/

.Scenario_Select_Heading
{
    font-size: 10pt;
    color: #56110e;
    font-family: Helvetica;
    text-align: left;
    font-weight: normal;
    text-decoration: underline;
}

/******** DATA ENTRY PAGE PARAMETERS *******/


.DataEntry_Section_Heading
{
    font-size: 12pt;
    color: #56110e;
    font-family: Helvetica;
    text-align: left;
    font-weight: bold;
    text-decoration: underline;
}
.DataEntry_Line_Item_Description
{
    font-size: small;
    color: #56110e;
    font-family: Arial, Helvetica, sans-serif;
    text-indent: 0px;
    text-align: left;
}

.DataEntry_Line_Item_Description
{
    font-size: small;
	color: #56110e;
	font-family: Arial, Helvetica, sans-serif;
	text-indent: 0px;
	text-align:left;
}


.DataEntry_Line_Item_Leads
{	
	font-size: 11pt;
	color: #56110e;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}


.DollarSign
{
    font-size: small;
    color: #284775;
    font-family: Arial, Helvetica, sans-serif;
    text-align: right;
    width: 5%;
}

.PercentSign
{
    font-size: small;
    color: #284775;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;

}

.PercentTextBox
{
	font-size: small;
	color: #56110e;
	text-align: left;
}

.DollarTextBox
{
	font-size: small;
	color: #56110e;
	text-align: left;
}
        

.ColumnHeader                    /* this is used in the consumer debt page, amortization, and other pages as the header for the columns*/
{
	font-size: small;
	color: #56110e;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-weight: normal;
}


.SideBoxEntry_Description       /* the heading of the input descriptions in the right column*/
{
    font-size: small;
    color: #284775;
    font-family: Arial, Helvetica, sans-serif;
    text-indent: 0px;
    text-align: left;
    height: 30px;
    vertical-align: middle;
}


.Body_Text       /* the heading of the input descriptions in the right column*/
{
    font-size: small;
    color: #56110e;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    vertical-align: middle;
}

.Body_Text_Heading
{
    font-size: small;
    color: #56110e;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    vertical-align: middle;
    text-decoration: underline;
}


.ButtonSeparator                /*the row that separates an "Update" button from the rest of the controls (used in the right entry column)*/
{
    height: 0px;
}

.VerticalFiller
{
    height: auto;
}

.LeftPanelButtonBackground
{
    border: 1px solid #adadad;
    width: 100%;
    height: 22px;
    background-image: url(    '~/Images/Backgrounds/LeftPanelHeaderBackground.jpg' );
    background-repeat: repeat-x;
    font-family: Arial, Helvetica, sans-serif;
}

.LeftPanelButtonBackgroundSelected
{
    border: 1px solid #adadad;
    width: 100%;
    height: 22px;
    background-image: url(   '~/Images/Backgrounds/LeftPanelHeaderBackgroundSe.jpg' );
    background-repeat: repeat-x;
    text-indent: 20px;
}

.LeftPanelButton
{
    font-size: small;
    color: #56110e;
    font-family: Arial, Helvetica, sans-serif;
}

.UpdateLinkButton
{
    font-size: small;
    color: #56110e;
    font-family: Arial, Helvetica, sans-serif;
    text-align: right;
    font-style: oblique;
}


.ExpenseColumnHeading
{
    font-size: small;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #56110e;
    text-decoration: underline;
}

.MenuBar
{
    font-size: small;
    font-family: Arial, Helvetica, sans-serif;
    color: blue;
    text-indent: 5px;
}

.ProcessPanel
{
    font-size: small;
    font-family: Calibri;
    color: #284775;
    text-indent: 4px;
}


.TextBoxWaterMark
{
    color: #C0C0C0;
    font-style: italic;
}


/******** PRESENTATION PARAMETERS ***********/
/* The summary headers at the top of each control in the presentation screen */
.Presentation_Summary_Header
{
    
}

/* PRESENTATION HEADING */
.Presentation_Section_Heading
{
    font-size: small;
    color: #56110e;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    font-weight: bold;
    text-decoration: underline;
}

/* PRESENTATION LINE ITEMS */

.Presentation_Section_Summary_Description
{
    font-size: small;
    color: #56110e;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    font-weight: bold;
    text-decoration: underline;
}

.Presentation_Line_Item_Description
{
    border-color: #adadad;
    font-size: small;
    color: #56110e;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
}

.Presentation_Line_Item_Leads
{
    background-position: center;
    font-size: small;
    color: #56110e;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
}

.Presentation_Line_Item_DollarSign
{	
	font-size: small;
	color: #56110e;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	text-indent: 20px;
}

.Presentation_Line_Item_Value
{
	font-size: small;
	color: #56110e;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
}

.Presentation_Line_Item_Value_Positive
{
    font-size: small;
    color: #006600;
    font-family: Arial, Helvetica, sans-serif;
    text-align: right;
}

.Presentation_Line_Item_Value_Negative
{
	font-size: small;
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
}

/* PRESENTATION BOTTOM LINE (NEGATIVE VALUES) */

.Presentation_BottomLine_Description_Negative
{
    font-size: small;
    color: #FF0000;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    font-weight: bold;
    background-color: #E5E5E5;
}

.Presentation_BottomLine_Leads_Negative
{	
	font-size: small;
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight: bold;
	background-color: #E5E5E5;
}

.Presentation_BottomLine_DollarSign_Negative
{	
	font-size: small;
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	text-indent: left;
	font-weight: bold;
	background-color: #E5E5E5;
}

.Presentation_BottomLine_Value_Negative
{
    font-size: small;
    color: #FF0000;
    font-family: Arial, Helvetica, sans-serif;
    text-align: right;
    font-weight: bold;
    background-color: #E5E5E5;
}


/* PRESENTATION BOTTOM LINE (POSITIVE VALUES) */

.Presentation_BottomLine_Description_Positive
{
    font-size: small;
    color: #006600;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    font-weight: bold;
    background-color: #E5E5E5;
}

.Presentation_BottomLine_Leads_Positive
{	
	font-size: small;
	color: #006600;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight: bold;
	background-color: #E5E5E5;
}

.Presentation_BottomLine_DollarSign_Positive
{	
	font-size: small;
	color: #006600;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	text-indent: 20px;
	font-weight: bold;
}

.Presentation_BottomLine_Value_Positive
{
    font-size: small;
    color: #006600;
    font-family: Arial, Helvetica, sans-serif;
    text-align: right;
    font-weight: bold;
    background-color: #E5E5E5;
    
}

/* PRESENTATION BOTTOM LINE (NEUTRAL VALUES) */

.Presentation_BottomLine_Description_Neutral
{
    font-size: small;
    color: #56110e;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    font-weight: bold;
    background-color: #E5E5E5;
}

.Presentation_BottomLine_Leads_Neutral
{	
	font-size: small;
	color: #56110e;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight: bold;
	background-color: #E5E5E5;
}

.Presentation_BottomLine_DollarSign_Neutral
{	
	font-size: small;
	color: #56110e;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	text-indent: 20px;
	font-weight: bold;
	background-color: #E5E5E5;
}

.Presentation_BottomLine_Value_Neutral
{
    font-size: small;
    color: #56110e;
    font-family: Arial, Helvetica, sans-serif;
    text-align: right;
    font-weight: bold;
    background-color: #E5E5E5;
}


/*Consumer Site Settings */

/*The style of a heading at the top of the page where a tool sits*/
.ToolHeading
{
    font-family: Calibri;
    font-size: 17px;
    font-weight: bold;
    color: #284775;
    text-decoration: underline;
    height: 35px;
}

/*The style of a sub-heading at the top of the page where a tool sits*/
.ToolSubHeading
{
    font-family: Calibri;
    font-size: 16px;
    font-weight: bold;
    color: #284775;
    text-decoration: underline;
}

/*The style of the introduction/instructions for a tool at the top of the page*/
.ToolIntroduction
{
    font-family: Calibri;
    font-size: 16px;
    font-weight: normal;
    color: #284775;
    line-height: 23px;
}

/*The style of a body of text at the bottom of the page where a tool sits that explains the numbers*/
.ToolDefinitions
{
    font-family: Calibri;
    font-size: 15px;
    font-weight: normal;
    color: #284775;
    line-height: 20px;
}

/*The style of the headers at the input panel on the left side of the page*/
.InputPanelHeading
{
    font-size: small;
    color: #56110e;
    font-family: Arial, Helvetica, sans-serif; /*border: 1px solid #adadad;*/
    width: 100%;
    height: 25px;
    background-image: url(  '/../../Images/Backgrounds/LeftPanelHeaderBackground.jpg' );
    background-repeat: repeat-x;
    background-color: #F5F5F5;
}


/****************************PRESENTATION SETTINGS*************************/

/*The style of the the Heading in a given section in a presentation (eg. At A Glance)*/
.PresentationControlHeading
{
    font-size: small;
    color: #56110e;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    font-weight: bold;
    text-decoration: underline;
}


/*The style of the the Value of a control eading in a given section in a presentation (eg. $10000)*/
.PresentationControlHeadingValue
{
    font-size: small;
    color: #56110e;
    font-family: Arial, Helvetica, sans-serif;
    text-align: right;
    font-weight: bold;
}

/*The style of the sub-Heading in a given section in a presentation (eg. Lender Fees in Estimated Closing Costs)*/
.PresentationControlSubHeading
{
    font-size: small;
    color: #56110e;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    font-weight: bold;
    text-decoration: underline;
}

/*The style of the description text in a presentation line item (eg. Property Purchase Price)*/
.PresentationControlLineItemDescription
{
    border-color: #adadad;
    font-size: small;
    color: #56110e;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left; 
}


/*The style of a positive value in a presentation line item (eg. $5000)*/
.PresentationControlLineItemValue
{
	font-size: small;
	color: #56110e;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
}




/****************************GUESTBOOK SETTINGS*************************/

/*The style of the cell where an interview control sits*/
.GuestBookCell
{
    position: absolute; top: 0; left: 0;
    width: 100%;
}


/****************************INTERVIEW SETTINGS*************************/

.InterviewCell
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

/*The style of the interview control*/
.InterviewControl
{
    border: 2px outset #E1E1E1;
    background-color: #F4F4F4;
    width: 900px;
}

.InterviewControl
{
    border: 2px outset #E1E1E1;
    background-color: #F4F4F4;
    width: 900px;
}

/*The style of a heading at the top of an interview control*/
.InterviewHeading
{
    font-family: Calibri;
    font-size: large;
    font-weight: bold;
    color: #284775;
    text-decoration: underline;
    height: 35px;
}

/*The style of a sub-heading at the top of an interview control*/
.InterviewSubHeading
{
    font-family: Calibri;
    font-size: medium;
    font-weight: bold;
    color: #284775;
}

/*The style of the introduction/instructions for an interview*/
.InterviewIntroduction
{
    font-family: Calibri;
    font-size: 16px;
    font-weight: normal;
    color: #284775;
}

.InterviewLineItemDescription
{
    font-family: Calibri;
    font-size: 16px;
    font-weight: normal;
    color: #284775;
    text-align: left;
}

.InterviewLineItemLeads
{
    background-position: center;
    font-size: small;
    color: #56110e;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
}

.InterviewLineItemDollarSign
{	
    font-family: 'Times New Roman' , Times, serif;
    font-size: small;
    font-weight: normal;
    color: #284775;
	text-align: right;
	text-indent: 20px;
}

/*The style of the column headings in a table */
.ColumnHeading
{
    font-family: Calibri;
    font-size: 14px;
    font-weight: bold;
    color: #284775;
    text-align: left;
    text-decoration: underline;
}


/*The style of the data in a table */
.TableValue
{
    font-family: Calibri;
    font-size: 14px;
    font-weight: normal;
    color: #284775;
    text-align: left;
}

/*The style of the login panel*/
.LoginPanelStyle
{
    font-family: calibri;
    font-size: small;
    color: #284775;
}


/*The small text/controls that are added to the bottom of graphs eg(*/
.GraphBottomStyle
{
    font-family: calibri;
    font-size: 14px;
    color: #284775;
}

/*The explanatory text under each graph that asks people to connect with the advertising org (request from NW)*/
.GraphBottomText
{
    font-family: 'Trebuchet MS';
    font-size: 14px;
    color: #1A3B69;
}

/*The text and controls that are in the bar at the top of calculator bodies*/
.CalculatorHeading
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #284775;
    
}

/*The style of the expand/collapse control at the top of calcultor bodies*/
.ExpandCollapseControl
{
    font-family: 'Times New Roman' , Times, serif;
    font-size: small;
    font-weight: normal;
    color: #284775;
    text-align: right;
}

/* Used for the Rating control */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar
{
    background-image: url( '/../../Images/Backgrounds/FilledStar.png' );
}

.emptyRatingStar
{
    background-image: url( '/../../Images/Backgrounds/SavedStar.png' );
}


.CalculatorHeadingBackground
{
    background-color: #F5F5F5;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #284775;
}


.AccordionHeader
{
    border-color: #DCDCDC;
    border-style: none none solid none;
    border-width: 1px;
    background-image: url('/../../Images/NavigationButtons/MenuRootBackground.png');
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #284775;
    font-weight: bold;
    height: 30px;
    background-repeat: repeat-x;
    vertical-align: middle;
}


.AccordionHeader
{
    border-color: #DCDCDC;
    border-style: none none solid none;
    border-width: 1px;
    background-image: url('/../../Images/NavigationButtons/MenuRootBackground.png');
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #284775;
    font-weight: bold;
    height: 30px;
    background-repeat: repeat-x;
    vertical-align: middle;
}

.MenuRoot
{
    border-color: #DCDCDC;
    border-style: none none solid none;
    border-width: 1px;
    background-image: url('/../../Images/NavigationButtons/MenuRootBackground.png');
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #284775;
    font-weight: bold;
    height: 30px;
    background-repeat: repeat-x;
    vertical-align: middle;
}

.MenuRootLinkStyle
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #284775;
    font-weight: bold;
}

.MenuRootSelected
{
    border-color: #DCDCDC;
    border-style: none none solid none;
    border-width: 1px;
    background-image: url('/../../Images/NavigationButtons/MenuRootBackgroundSelected.png');
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #284775;
    font-weight: bold;
    height: 30px;
    background-repeat: repeat-x;
    vertical-align: middle;
}

.MenuSubLevel1
{
    border-style: none none solid none;
    border-width: 1px;
    border-color: #DCDCDC;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #284775;
    font-weight: normal;
    height: 25px;
    text-indent: 5px;
}

.ContactForm
{
    border-style: none none solid none;
    border-width: 1px;
    border-color: #DCDCDC;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #284775;
    font-weight: normal;
    line-height: 20px;
}