/*
BODY - default style applied to all pages that include this style sheet. Draws the left hand gray menu place holder.
*/
BODY 
{
	margin:0;
	padding:0;
	background: url(/images/workbench/leftnavbg.gif) repeat-y  #fff;
}

/*
BODY - this class should be applied to any page that draws its own body tag and doesn't want the gray border to appear.
e.x. pages that are being printed.
*/
.BodyOverride
{
	margin:0px;
	padding:0px;
	background-image:none;
	background-repeat:no-repeat;
}

/*
BODY, TD - this style sets the default font type, size, and color. In addition it sets all column heights to 16px. This might
cause some issues with html pages returned from ordered services, like DU or LP.
*/
BODY, TD 
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	color:#333333;
}

input, textarea { font-family:Arial, Helvetica, sans-serif; }

/*
A# - sets the default stylings for all links that appear on the page. The color and size differ from the generic font style.
*/
A, A:active, A:visited
{
	font-family:Arial, Helvetica, sans-serif;	
	font-size:12px;
	font-weight: normal;
	color:#143152;
}
A:hover 
{
	font-family:Arial, Helvetica, sans-serif;	
	font-size:12px;
	font-weight: normal;
	text-decoration:none;
	color:#000000;
}

/*
DarGrayBackgroundTitle - this is a special case style that should only be used for special circumstances where you need a 
style to take precedence over the standard SectionTitle style.
*/
.DarkGrayBackgroundTitle
{
	background-color:#999999;
	font-weight:bold;
	font-size:14px;
	color:#FFFFFF;	
	padding-bottom:5px;
	padding-top:5px;		
}

H3 
{
	font-size:12px;
	color:#143152;
	font-weight:normal;
	border-bottom:1px #CCCCCC solid;
	margin-bottom:22px;
	padding-bottom:5px;
}

/*
ErrorText - should be used for ALL error text that can be viewed via the workbench.
*/
.ErrorText
{
	font-family:Arial, Helvetica, sans-serif;	
	font-size:12px;
	font-weight:bold;
	color:#990000;	
}

.SuccessText
{
	font-family:Arial, Helvetica, sans-serif;	
	font-size:12px;
	font-weight:bold;
	color:green;	
}

.HelpText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	position: relative;
	bottom: 10px;
	color: #636563;
}

 /*
PageTitle - this style should be used on all pages, if possible, to draw the main page title.
*/
h1, .PageTitle, .ChooseHeader
{
	font-size:21px;
	color:#143152;
	font-weight:normal;
	border-bottom:1px #CCCCCC solid;
	margin-bottom:22px;
	padding-bottom:5px;	
}

.PdfChooseHeader
{
	font-size:21px;
	color:#143152;
	font-weight:normal;
	margin-bottom:22px;
	padding-bottom:5px;	
}

h1.nomargin
{
	margin-bottom:0px;
}

/*
SectionTitle - this style should be used for any row or section that needs to stand out on its own.
Consider this a sub-heading to PageTitle.
*/
.SectionTitle, table.grid > thead > th
{
	background-color:#143152;
	font-weight:bold;
	font-size:14px;
	color:#FFFFFF;	
	padding:5px;
}

/*
FormLabel - use this style for any text that represents a form field or column heading. Do NOT use this tyle
if you're using the ColumnHeaderRow style to draw a gray background
*/
.FormLabel, .formlabel
{
	font-size:12px;
	font-weight:bold;
	color:#143152;
}

table.forminput td { padding: .4em; vertical-align: top; }
td.formlabel > table.noBorder td { padding: 0;}

/*
FormLabelOverride - do NOT use this style unless you're modifying a page that also HAS to use the main site
style.css. Hopefully the need for this style will go away at some point.
*/
.FormLabelOverride
{
	font-size:12px;
	font-weight:bold;
	color:#143152;	
}

/*
FormLabelColumnHeader - this style is an alternative option to the regular FormLabel style. Use this style
only for column heading where you need the font size to be larger than 12 px and you're NOT using the
ColumnHeaderRow style.
*/
.FormLabelColumnHeader
{
	font-size:14px;
	font-weight:bold;
	color:#143152;
}

/*
FormHint - use this for all sub-text. E.x.(mm/dd/yyyy) following a date field
*/
.FormHint
{
	font-size:11px;
	font-weight:normal;
	color:#999999;	
}

/*
ColumnHeaderRow - This style can be used on a table row to draw a strong gray background designating a 
header bar. Use this style on the table columns within the row as well.
*/
.ColumnHeaderRow
{
	background-color:#D6D6D6;
	font-weight:bold;
}

/********************************************
 LOW APPLICATION - Styles that should only be found in the LOW Application
********************************************/
.NormalText
{
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;	
}
.BoldText
{
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}
.Bold
{
	font-size:11px;
	color:#333333;
	font-weight:bold;
	border-bottom:1px #CCCCCC solid;
	margin-bottom:22px;
	padding-bottom:5px;	
}

.SubTitle
{
	font-size:12px;
	font-weight:bold;
	color:#666666;
	border-bottom:1px #CCCCCC solid;
	margin-bottom:22px;
	padding-bottom:5px;	
	margin-top:22px;
	padding-top:5px;	
}

/********************************************
	Table Styles
********************************************/

/*
LowerNav - This style is only used for drawing buttons at the bottom of workbench pages. It adds a
dividing bar with a healthy amount of space above it.
*/
.LowerNav
{
	border-top:1px #CCCCCC solid;
	margin-top:22px;
	padding-top:5px;
}

/*SecondarySection - This style should be used in any table where you have multiple rows of data like a list
of borrowers or assets. Can be applied to every odd OR every even table row.
*/
.SecondarySection, .AlternatingRows tr:nth-child(even), .AlternatingOddRows tr:nth-child(odd)
{
	background-color:#F3F4F4;	
}

.LoanSummaryColumn
{
	padding-left: 5px;
	padding-right: 5px;
}

/*
BottomPaddingColumn - Can be used in any table column used for spacing. 
*/
.BottomPaddingColumn
{
	padding-bottom:10px;	
}
.indentOne {
    padding-left: 10px;
}
.indentTwo {
    padding-left: 20px;
}

/*
FullBorderColumn - This can be used on any column/row that you want seperated by a 1px border.
*/
.FullBorderColumn
{
	border-top:1px #CCCCCC solid;
	border-right:1px #CCCCCC solid;
	border-bottom:1px #CCCCCC solid;
	border-left:1px #CCCCCC solid;				
}

#pvheader 
{
	display:table-header-group;
}

#printbuttons
{
	position:absolute;
	left:120px;
	z-index:99;
	visibility:hidden;
}

/********************************************
 Generic BODY AREA - All these styles come from FactorUE
********************************************/
/* rightBody - this style is applied to the 780 px right hand body area. Sets default margins */
.rightBody, .rightbody { padding:20px 0px 45px 10px; }

.tier3NavBG { 
	background-color:#CCC;
	padding: 1px 10px 5px 1px;
	width:150px;
}
table.tier3NavBG td.leftnavlink { padding-top: 1px !important; }

.leftNavBG {
	background-color: #B8B7B7;
	min-width: 150px;
}

.leftNavBG.wider {
	min-width: 180px;
}

.leftNavStroke {
	border-bottom:1px #E6E6E6 solid;
}

.leftnavLink 
{
	font-family:Arial, Helvetica, sans-serif;		
	padding:0px 0px 0px 2px;
}

.leftnavLink a {
	display: inline-block; /*Because pointer-events: none does not work in IE 11 unless it is displaying inline.*/
}

.leftnavLink A, .leftnavLink A:active, .leftnavLink A:visited 
{
	font-family:Arial, Helvetica, sans-serif;	
	color:#333333;
	font-size:12px;
	text-decoration:none;
	padding:0px 0px 0px 2px;
}
.leftnavLink A:hover 
{
	font-family:Arial, Helvetica, sans-serif;	
	font-weight:bolder;
}
.leftNavOn {
	background:url(/images/workbench/leftnav_on.gif);
}
.leftNavOn A, .leftNavOn A:active, .leftNavOn A:visited {
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
}
.leftNavOn A:hover {
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
}
.leftNavOff {
	background:url(/images/workbench/leftnav_off.gif);
}
.leftNavOff A, .leftNavOff A:active, .leftNavOff A:visited {
	font-weight:normal;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
}
.leftNavOff A:hover {
	font-weight:normal;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
}


/********************************************
Workbench Specific Styles - Used only for the Pipeline page
********************************************/

.sectionTitleRow
{
	background-color:#143152;
	font-weight:bold;
	font-size:14px;
	color:#FFFFFF;	
}

.sectionTitleRow A, .sectionTitleRow A:visited, .sectionTitleRow A:active
{
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
	text-decoration:underline;	
}
.sectionTitleRow A:hover
{
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;			
	text-decoration:none;	
}
.sectionToolBar
{
	background-color:#F3F4F4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;		
}
.Button, .buttonDefault, .button
{
	color:#333;
	background-color:#E7EDF5;
	border:1px solid #213654;
	font-weight:bold;
	cursor:pointer;		
}

a.button, a.Button { text-decoration: none;	padding: 1px 6px; font-size: 13px; }
a.button:hover, a.Button:hover, a.button:active, a.Button:active, a.button:visited, a.Button:visited { font-weight: bold; font-size: 13px;}
a.button.inline { padding: 0 6px; font-size: 11px;}
/*
Firefox does not alter the appearance of buttons when they are disabled.
Use this class for disabled buttons.
*/
.DisabledButton
{
	color: #B8B7B7;
	background-color:#E7EDF5;
	border: 1px solid #213654;	
	font-weight:bold;	
}
.menuLinks A, .menuLinks A:visited, .menuLinks A:active
{
	color:#333333;
	font-weight:bold;
	font-size:14px;
	text-decoration:underline;	
}
.menuLinks A:hover
{
	color:#333333;
	font-weight:bold;
	font-size:14px;			
	text-decoration:none;	
}

.onRow
{
	background-color:#F0F0F0;
}


/********************************************
TAB Styles - Used for the tabs at the top of the low
********************************************/
.tabActiveCenter A, .tabActiveCenter A:visited, .tabActiveCenter A:active, .tabActiveCenter A:hover{
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
}

.tabActiveCenter {
	padding:7px 7px 0px 7px;
}

.tabOffCenter A, .tabOffCenter A:visited, .tabOffCenter A:active, .tabOffCenter A:hover{
	color:#E2E2E2;
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
}

.tabOffCenter {
	padding:9px 7px 0px 7px;
}

.tabOffCenter A:hover
{
	color:yellow;
}

.tabActiveCenter A:hover 
{
	color:#FFFFFF;
}

/*******************************************
	LOAN SUMMARY STYLE
******************************************/
.LoanSummaryFormContentHeader
{
	background-color:#D6D6D6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:Black;
	font-weight: bold;
	padding:1px;
}

/********************************************
				Form Styles
********************************************/
.formTitle
{
	font-weight:bold;
	font-size:14px;
	background-color:#143152;
	color:#FFFFFF;
}

.buttonSeparator
{
	border-top:1px #CCCCCC solid;
	margin-top:10px;
	padding-top:5px;
}

.LegacyInputStyle
{
    box-sizing: border-box;
}
/*
Same style as the LegacyInputStyle, but the text is grayed out to 
give the appearance of being disabled.  
*/
.DisabledLegacyInputStyle
{
	font-size:8.25pt;
	color:#B8B7B7
}

.DisabledTextBox
{
	color:#B8B7B7
}

A.WhiteUnderlinedNoHover:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #636563;
    FONT-FAMILY: verdana, geneva, sans-serif;
    TEXT-DECORATION: underline
}
A.WhiteUnderlinedNoHover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #636563;
    FONT-FAMILY: verdana, geneva, sans-serif;
    TEXT-DECORATION: underline
}
A.WhiteUnderlinedNoHover:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #636563;
    FONT-FAMILY: verdana, geneva, sans-serif;
    TEXT-DECORATION: underline
}
.backgroundWBorder
{
    BORDER-RIGHT: white 1px solid;
    BORDER-TOP: white 1px solid;
    BORDER-LEFT: white 1px solid;
    BORDER-BOTTOM: white 1px solid;
    BACKGROUND-COLOR: #f9f9f9
}
TD.HeaderCell1
{
    BACKGROUND-COLOR: #143152
}
.HeaderCell1WBorder
{
	BORDER-RIGHT: white 1px solid;
    BORDER-TOP: white 1px solid;
    BORDER-LEFT: white 1px solid;
    BORDER-BOTTOM: white 1px solid;
    BACKGROUND-COLOR: #efefef
}
.ChooseTableHeader
{
    BORDER-RIGHT: white 1px solid;
    BORDER-TOP: white 1px solid;
    BORDER-LEFT: white 1px solid;
    BORDER-BOTTOM: white 1px solid;
    BACKGROUND-COLOR: #efefef
}
.ChooseTableHeaderWBorder
{
    BORDER-RIGHT: white 1px solid;
    BORDER-TOP: white 1px solid;
    BORDER-LEFT: white 1px solid;
    BORDER-BOTTOM: white 1px solid;
    BACKGROUND-COLOR: #efefef
}
.ChooseTable
{
    BACKGROUND-COLOR: #f9f9f9
}
.ChooseTableWBorder
{
    BORDER-RIGHT: white 1px solid;
    BORDER-TOP: white 1px solid;
    BORDER-LEFT: white 1px solid;
    BORDER-BOTTOM: white 1px solid;
    BACKGROUND-COLOR: #f9f9f9
}
.TableHeader1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #636563;
    FONT-FAMILY: verdana, geneva, sans-serif   
}
.TableHeader2
{
	FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #636563;
    FONT-FAMILY: verdana, geneva, sans-serif;
}
.BgColorBorder
{
	border: 1px solid #ffffff;
}
.TLable2
{
	font-family:arial;
	font-size:11px;
	color:#000000;
}
A.PlainBlueUnderlineNoHover:visited
{
    FONT-SIZE: 10px;
    COLOR: #333366;
    FONT-FAMILY: verdana, geneva, sans-serif;
    TEXT-DECORATION: underline
}
A.PlainBlueUnderlineNoHover
{
    FONT-SIZE: 10px;
    COLOR: #333366;
    FONT-FAMILY: verdana, geneva, sans-serif;
    TEXT-DECORATION: underline
}
A.PlainBlueUnderlineNoHover:hover
{
    FONT-SIZE: 10px;
    COLOR: #333366;
    FONT-FAMILY: verdana, geneva, sans-serif;
    TEXT-DECORATION: underline
}
A.UnderlinedNoHover:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #333366;
    FONT-FAMILY: verdana, geneva, sans-serif;
    TEXT-DECORATION: underline
}
A.UnderlinedNoHover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #333366;
    FONT-FAMILY: verdana, geneva, sans-serif;
    TEXT-DECORATION: underline
}
A.UnderlinedNoHover:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #333366;
    FONT-FAMILY: verdana, geneva, sans-serif;
    TEXT-DECORATION: underline
}
.WaitMsgHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    COLOR: black;
    FONT-FAMILY: Arial
}
.WaitMsg
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: verdana
}

.buttontext
{
    FONT-SIZE: 10px;
    COLOR: #ebe2e2;
    FONT-FAMILY: Tahoma;
    TEXT-DECORATION: none
}
.buttontext:hover
{
    FONT-SIZE: 10px;
    COLOR: #ebe2e2;
    FONT-FAMILY: Tahoma;
    TEXT-DECORATION: none
}
.buttontext:active
{
    FONT-SIZE: 10px;
    COLOR: #ebe2e2;
    FONT-FAMILY: Tahoma;
    TEXT-DECORATION: none
}
.buttontext:visited
{
    FONT-SIZE: 10px;
    COLOR: #ebe2e2;
    FONT-FAMILY: Tahoma;
    TEXT-DECORATION: none
}

p.breakhere
{
	page-break-after: always;
}
.FaxCoverSheetToFrom{
	font-size: 12px;
	font-weight: bold;
	background: #000000;
	color: #FFFFFF;
}
.FaxCoverSheetTitle{
	font-size: 16px;
	font-weight: bold;
}
.FaxCoverSheetHeader{
	font-family: "Times New Roman";
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
.FaxCoverSheetDisclaimer{
	font-family: 'Times New Roman';
	font-size: 11px;
}
.filterRow 
{
	BACKGROUND: #9b9a92; 
	FONT: 10px Verdana, sans-serif; 
	COLOR: white; TEXT-INDENT: 10px
}
.invisible
{
	display:none;
}	

.GenericAppTableHeaderLinkFont
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #636563;
    FONT-FAMILY: verdana, geneva, sans-serif;
}

#loanData {
	width: 780px;
	font-size: 1.1em;
}

#topText {
	font-size: 1.1em;
	margin: 15px 0 15px 2px;
}

div.leftColumn {
	float: left;
	width: 370px;
	padding: 0px;
}

div.rightColumn {
	width: 370px;
	margin-left: 370px;
}

.error {
	color: #f66;
	font-size: 1.1em;
}

.info {
	color: #8b0000;
	font-size: 1.2em;
	font-weight: bold;
}

div.columnHeader {
	color: #143152;
	font-size: 1.1em;
	padding: 4px 0 5px 10px;
	margin-left: 3px;
	border: solid 1px #ccc;
	text-align: center;
	background-color: #efefef;
}

table.pricingSummary {
	width: 90%;
	border: solid 1px #ccc;
	margin: 10px;
}

table.pricingSummary td {
	font-size: 12px;
	padding: 4px;
}

table.pricingSummary td.summaryHeader {
	font-weight: bold;
	color: #143152;
	border-bottom: solid 1px #ccc;
	background-color: #eee;
}

table.pricingSummary td.pricingSection {
	font-weight: bold;
}

table.pricingSummary td.baseRow {
	border-bottom: solid 1px #ccc;
}

table.pricingSummary td.totalsRow {
	border-top: solid 1px #ccc;
}

#navButtons {
	text-align: right;
	width: 780px;
}

#infoText {
	padding: 10px;
}

ul.fieldList {
	list-style-type: none;
	margin-left: 0px;
}

ul.fieldList li {
	margin: 3px;
	padding: 0px;
}

ul.fieldList label {
	width: 175px;
	text-align: left;
	font-weight: bold;
	display: inline-block;
	padding: 4px;
	background-color: #f5f5f5;
}

ul.fieldList span {
	display: inline-block;
	padding: 4px;
}

ul.fieldList label span {
	padding: 0px;
}

DL.fieldList {
	width: 370px;
}

DL.fieldList DD {
	margin: 3px;
	padding: 0;
}

DL.fieldList label {
	width: 175px;
	text-align: left;
	font-weight: bold;
	display: inline-block;
	padding: 4px;
	background-color: #f5f5f5;
}

DL.fieldList span {
	width: 175px;
	display: inline-block;
	padding: 0;
	vertical-align: middle;
}

fieldset {
	margin: 10px;
	padding-left: -10px;
}

legend {
	font-size: 1.2em;
	font-weight: bold;
	color: #143152;
	padding: 5px;
	margin-left: 0px;
}

.mainContent
{
	display: block;	
	margin: 22px 0px 0px 165px;
	width: 780px;
}

.OrderPageLowerNav
{
	border-top:1px #CCCCCC solid;
	display: block;
	margin: 22px 0px 22px 165px;
	padding-top:5px;
	text-align: right;
	width: 780px;
	vertical-align: bottom;
}

dl.serviceResults {
	padding-left: 5px;
}

dl.serviceResults dt {
	width: 300px;
	font-size:12px;
	font-weight:bold;
	color:#143152;
	float: left;
	padding: 3px;
}

dl.serviceResults dd {
	padding: 3px;
}

tfoot.pagedFooter td.footerControl
{
	/*background-color:#E7EDF5;*/
	background-color:#F3F4F4;
	border: 1px solid #ddd;
}

tfoot.pagedFooter tr td a
{
	text-decoration: none;
	border-style: none;
}

tfoot.pagedFooter tr td input[type="image"]
{
	text-decoration: none;
	border-style: none;
	vertical-align: middle;
}

.pagerText {
	font-size:1.1em;
}

.pagerText input[type="text"] {
	font-size:0.9em;
	vertical-align: middle;
	width: 50px;
	text-align: center;
}

.pagerText select {
	font-size:0.9em;
	vertical-align: middle;
}

.sortIcon {
	vertical-align: middle;
}

.SectionTitle a {
	font-weight:bold;
	font-size:14px;
	color:#FFFFFF;
	text-decoration: none;
}

label.disabled {
	color: #bbb;
}

fieldset.disabled legend {
	color: #bbb;
}

.FormLabel2 {
	font-size:12px;
}

#tabs ul {
	list-style: none;
	padding: 20px 0 0 10px;
	margin: 0;
}
	
#tabs li {
	display: inline;
	border: 1px solid;
	border-bottom-width: 0;
	margin: 0 0.5em 0 0;
	padding: 5px 5px 1px 5px;
	background: #ccc;
}
	
#tabs li a {
	padding: 0 1em;
	text-decoration: none;
	color: #666;
}
	
#tabs #selected {
	padding-bottom: 2px;
	background: white;
}

#tabs #selected a {
	color: #143152;
}
	
#tabs h1 {
	margin-left:10px;
}

#content {
	border: none;
	margin: 0 0 0 10px;
}

#taxReturnContent {
	border: 1px solid;
	margin: 0 0 0 10px;
}
.disabled-link 
{
	color:#a0a0a0;
}
.tocFilter {
	margin-bottom: 10px;
	width: 250px;
	border: solid 1px #999;
}

.tocFilterWatermark {
	font-style: italic;
	background-color: #eee;
	border: solid 1px #999;
	color: #999;
}

.KBYOText
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#333333;
}

.please_wait
{
    display: block;
    position: fixed;
    z-index: 998;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #EEEEEE;
    text-align: center;
    opacity: 0.0;
    filter: alpha(opacity=0);
}

.please_wait_message
{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: none;
    z-index: 999;
    text-align: center;
}
.please_wait_message div
{
    width: 222px;
    height: 42px;
    margin: 0px auto -1px auto; 
    margin-top: 28%;
    #margin-left: 42%;
    background-color: #FFFFFF;
    padding: 24px 8px 16px 32px;
    border: 1px solid #575757;
    border-radius: 6px;
    text-align: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;    
    position: fixed;
    -moz-box-shadow: 3px 3px 4px #444;
    -webkit-box-shadow: 3px 3px 4px #444;
    box-shadow: 3px 3px 4px #444444;    
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444');
    
}

.please_wait_message h1
{
    display: inline;
    color: #575757;
    font-size: large;
    font-weight: bold;
    padding: 4px;
    margin: 6px 0 0 0;
    float: left;
    font-family: Arial,Helvetica,Sans-Serif;
    font-size: 15px;
    font-style: italic;
}
.please_wait_message img
{
    float: left;
    padding: 4px 16px 4px 4px;
    margin: 0;
}
.paddLeft35 {
	padding-left: 35px;
}
.underlineText {
	text-decoration: underline;
}
.textAlignRight {
	float: right;
}
.marginRight250 {
	margin-right: 250px;
}
.marginRight335 {
	margin-right: 335px;
	white-space: nowrap;
}

.floating-menu-fixed {
	position: fixed;
    top: 0;
}

.floating-menu-fixed a,
.floating-menu-fixed h3,
.floating-menu a, 
.floating-menu h3 {
	font-size: 1em;
	display: block;
	margin: 0.5em 0.5em;
	color: black;
    margin-right: 0px;
}
.floating-menu a:hover {
	font-weight: bold;
	font-size: 1em;
}

table.ValignTop td, table.ValignTop th { vertical-align: top; }

.alert { border: 1px solid transparent; margin: .5em 0 .5em 0; padding: 1em; }
.alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #a94442; }
.text-danger { color: #a94442; }
.field-danger { background-color: #ffffcc; border-width: 1px; /*border-color: initial; border-width: 1px; box-shadow: 0 0 4px #E31B23; */}
.alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; }
.text-success { color: #3c763d; }
.alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; }
.text-info { color: #31708f; }
.text-warning { color: #8a6d3b; }
.alert-warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; }
.alert p { background: transparent; margin: 0; color: inherit; border-width: 0 !important; }
.alert ul, .alert ul.validationmessagelist  { margin: 0;}

.text-muted { color: #b1b1b1;}
.bold { font-weight: bold; }
.indent { margin-left: 1.5em; margin-top: .5em;}
td.indent { padding-left: 1.5em; }
.hidden { display: none; }
.alignright { text-align: right; }

/* begin custom table.chart styles  */
table.chart { border: 1px solid #999; border-collapse:collapse; border-spacing: 0;}
table.chart.full { width: 99.9%; }
table.chart tr {background-color: #FFF; }
table.chart td{ text-align: left; padding: 3px; vertical-align:top; border: 1px solid #999; }
table.chart td.left, table td.left { text-align: left; }
table.chart.centered td, table td.center { text-align: center; }
table.chart td.alignright, table.chart.centered td.right, table td.right { text-align: right; }
table.chart td.th { background-color: #eee; border: 0 solid;}
table.chart th{ text-align: center; font-weight: bold; color: #111; padding: 4px; background-color: #eee; border: 1px solid #999; font-size: 12px; }
table.chart th > a { color: #111; text-decoration: none; }
table.chart th.sortable > a, table.chart th.sortable { color: #fff; text-decoration: underline; cursor: pointer; }
table.nolines, table.nolines td { border: 0 solid #000; padding: 6px 3px 6px 3px;}
table.nostyle td{ border: 0 solid #000; padding: 0; }
table.vertical th{ text-align: right; font-weight: bold; color: #333; padding: 2px 4px 2px 4px; background-color: #001e46; border: 1px solid #999; }
table.chart.striped tr:nth-child(odd) { background-color: #eee; }
table.chart tr.summary, table.chart tr.summary td { background-color: darkgray !important; font-weight: bold; }
table.chart tr.subheader th { font-size: 10px !important; }
table.chart thead th.sortable { padding-right: 2em; }
table.chart span.sub {font-size: 11px;}

table.closingdisclosure.chart { border: none;}
table.closingdisclosure.chart tr {background-color: #FFF; }
table.closingdisclosure.chart td, table.closingdisclosure.chart th { text-align: left; padding: 3px; vertical-align:top; border-right: 1px solid #000; border-bottom: 1px solid #000; }
table.closingdisclosure.chart th { text-align: left; font-weight: bold; color: #333; padding: 4px; background-color: #d3d3d3; }
table.closingdisclosure.chart tr > td:first-child, table.closingdisclosure.chart tr > th:first-child  { border-left: 1px solid #fff; font-weight: bold;}
table.closingdisclosure.chart tr > td:last-of-type, table.closingdisclosure.chart tr > th:last-of-type {border-right: 1px solid #fff; }

/*table.closingdisclosure.chart td:nth-child(0), table.closingdisclosure.chart th:nth-child(0) { border-left-width: 0;}*/


/* end custom table.chart styles  */
.wireframe_thumbnails {
	display: block;
	position: relative;
	margin: 0;
	padding: 0
}
.wireframe_thumbnails h3{text-align:center;border:1px solid #aaa;background-color:#eee;font-size:14px;padding:6px;margin:-1px -13px 6px -13px}
.wireframe_thumbnails h4{text-align:left;text-transform:none;font-style:normal;padding:2px 0 2px 0;margin:14px 0 0 0;border:none}
.wireframe_thumbnails > li{display:inline-block;width:216px;margin:8px 8px 8px 0;zoom:1;*display:inline;vertical-align:top;border:1px solid #aaa;padding:0 12px 18px 12px}
.wireframe_thumbnails li p{margin:2px 0 2px 0}
.wireframe_thumbnails ul.links,ul.links{display:block;padding:8px 0 0 0;text-align:right;list-style-type:none}
.wireframe_thumbnails ul.links li,ul.links li{border:none;padding:0;margin:12px 0 0 0;height:auto}
.wireframe_thumbnails ul.links li a{padding:0}

#Table3 td > a, #Table3 td > span { white-space: nowrap; }
td.globalRepeaterDivider:last-of-type { color: transparent; }

/* jquery-ui tooltip styles */
.ui-tooltip { padding: 7px 12px; color: #fff !important; border-radius: 5px; border: 2px solid #fff; box-shadow: none; font-size: 12px; 
			  min-width: 50px; width: 100px; max-width: 300px; }
.ui-tooltip, .arrow:after { background: #111 !important; border: 2px solid #fff; }
.arrow { width: 70px; height: 16px; overflow: hidden; position: absolute; left: 50%; margin-left: -35px; bottom: -16px; }
.arrow.top { top: -16px; bottom: auto; }
.arrow.left { left: 20%; }
.arrow:after { content: ""; position: absolute; left: 20px; top: -20px; width: 25px; height: 25px; box-shadow: 6px 5px 9px -9px black; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.arrow.top:after { bottom: -20px; top: auto; }

/* tab sprite */
.classic-tab-active-mid, .classic-tab-available-mid, .classic-tab-unavailable-mid, .classic-tab-whitebg-active-mid, .classic-tab-whitebg-available-mid, 
.classic-tab-active-left, .classic-tab-active-right, .classic-tab-available-left, .classic-tab-available-right, .classic-tab-unavailable-left, 
.classic-tab-unavailable-right, .classic-tab-whitebg-active-left, .classic-tab-whitebg-active-right, .classic-tab-whitebg-available-left, .classic-tab-whitebg-available-right
{ background: url(/images/workbench/tabsprite.png) no-repeat; overflow: hidden; text-align: left; }
 
.classic-tab-active-mid { background-position: 0 0; background-repeat: repeat-x; height: 22px; }
.classic-tab-available-mid { background-position: 0 -29px; background-repeat: repeat-x; height: 20px; }
.classic-tab-unavailable-mid { background-position: 0 -58px; background-repeat: repeat-x; height: 20px; }
.classic-tab-whitebg-active-mid { background-position: 0 -87px; background-repeat: repeat-x; height: 20px; }
.classic-tab-whitebg-available-mid { background-position: 0 -116px; background-repeat: repeat-x; height: 20px; }
.classic-tab-active-left { background-position: 0 -145px; width: 10px; height: 29px; }
.classic-tab-active-right { background-position: 0 -174px; width: 10px; height: 29px; }
.classic-tab-available-left { background-position: 0 -203px; width: 10px; height: 29px; }
.classic-tab-available-right { background-position: 0 -232px; width: 10px; height: 29px; }
.classic-tab-unavailable-left { background-position: 0 -261px; width: 10px; height: 29px; }
.classic-tab-unavailable-right { background-position: 0 -290px; width: 10px; height: 29px; }
.classic-tab-whitebg-active-left { background-position: 0 -319px; width: 10px; height: 29px; }
.classic-tab-whitebg-active-right { background-position: 0 -348px; width: 10px; height: 29px; }
.classic-tab-whitebg-available-left { background-position: 0 -377px; width: 10px; height: 29px; }
.classic-tab-whitebg-available-right { background-position: 0 -406px; width: 10px; height: 29px; }
/* end tab sprite */

.column { float: left; padding: 0; margin: 5px; }
.column.nomargin { margin: 0; }
.columns .column:last-child { margin-right: 0; padding-right: 0; margin-left: 1em;}

.column.half{ width: 46%;}

.column.sixty{ width: 58%;}
.column.fourty{ width: 38%;}

.column.seventy{ width: 71%;}
.column.thirty{ width: 26%;}

.column.twothirds { width: 67%;}
.column.onethird { width: 30%;}

.disabled {
	cursor: default;
	opacity: 0.5;
	pointer-events: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.ui-effects-transfer { border: 1px dotted gray; }

.workbench-container {
	display: flex;
}

.workbench-leftnav {
	width: 150px;
	min-height: 100vh;
}

.workbench-content {
	flex-grow: 1;
}

/* LoanFileDisplay */
table.loanfiledisplay-section thead td {
    font-size: 13px;
    font-weight: bold;
}

.toast ul {
	color: #FFFFFF;
}

@media print 
{
	.no-print, .no-print *
	{
		display: none !important;
		visibility: hidden;
	}
}

i.tooltipIcon {
	cursor: pointer;
	padding: 3px 3px 0 3px;
}

.required, .required-header {
    color: #c10000;
    text-align: right;
    font-weight: bold;
    padding-left: 4px;
}

.required-header {
    width: 100%;
    text-align: right;
    margin: 0 0 2px 0;
}

.required-field:after {
    content: " *";
    color: #c10000;
}

.required.fa {
    font-size: 5px;
    vertical-align: text-top;
}

.sr-only {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}