/*****************************************
General Use Classes
*****************************************/
html
{
    font-size: 0.95em;
	color: #464646;
	font-family: Arial;
	background-color: transparent;
}

html, body {
    min-height: 100%;
}

body {
    position: relative;
}

h4
{
    margin: 2px;
    padding: 2px 2px 2px 2px 
}

table tr td
{
    text-align: left;
}

/*Format General Site Text*/
.Text, p
{
	font-size: 0.95em;
	color: #464646;
	font-family: Arial;
	background-color: transparent;
}

hr
{
    background-color: #CCCCCC;
	height: 1px;
	width: 100%;
	border: 0px;
}

TextArea
{
    font-size: 0.75em;
	border: 1px solid #CCCCCC;
	color: #464646;
}

input.extralarge
{
    width: 318px; 
    font-size: 0.75em;
	border: 1px solid #CCCCCC;
	color: #464646;
	height: 22px;
}

input.large, select.large
{
    width: 258px; 
    font-size: 0.95em;
	border: 1px solid #CCCCCC;
	color: #464646;
	height: 22px;
}

input.medium, select.medium
{
    width: 122px; 
    font-size: 0.75em;
	border: 1px solid #CCCCCC;
	color: #464646;
	height: 22px;
}

input.small
{
    width: 70px; 
    font-size: 0.75em;
	border: 1px solid #CCCCCC;
	color: #464646;
	height: 22px;
}

.instructionalText
{
    font-size: 0.70em;
    font-style: italic;
    color: #666;
}

/*Format General Site Text*/
.TextBold
{
	font-weight: bold;
	font-size: 0.95em;
	color: #464646;
	font-family: Arial;
	background-color: transparent;
}
/*Format General Site Links*/
A.TextLink
{
	font-size: 0.95em;
	color: #2a5db0;
	/*font-family: Arial;
	text-decoration: underline;*/
    outline: none;
    background-color: transparent;
}
/*Format General Site Links*/
A.TextLink:hover
{
	/*font-size: 0.95em;*/
	color: #2a5db0;
	/*font-family: Arial;
	text-decoration: none;*/
    background-color: transparent;
    cursor: pointer;
}

/*Format General Site Text*/
.GrayText
{
	font-size: 0.95em;
	color: #000000;
	font-family: Arial;
	background-color: transparent;
}
/*Format General Site Text*/
.BlackText
{
	font-size: 0.7em;
	color: #000000;
	font-family: Arial;
	background-color: transparent;
}
/*Format General Site Text*/
.BlackTextLarge
{
	font-size: 0.95em;
	color: #000000;
	font-family: Arial;
	background-color: transparent;
    font-weight:bold;
}
/*Format General Site Links*/
A.GrayTextLink
{
	font-size: 0.95em;
	color: #404040;
	font-family: Arial;
	text-decoration: none;
    background-color: transparent;
}
/*Format General Site Links*/
A.GrayTextLink:hover
{
	font-size: 0.95em;
	color: #404040;
	font-family: Arial;
	text-decoration: underline;
    background-color: transparent;
}
/*Format Text for paragraph headings*/
.TextHeading
{
	font-weight: bold;
	font-size: 0.83em;
	color: #00539b;
	font-family: Arial;
}
/*Format Text for section/page headings*/
.TextSectionHeading, h1
{
	font-weight: bold;
	font-size: 1em;
	color: #00539b;
	font-family: Arial;
	/*width: 565px;*/
	display: inline-block;
}

/*General Text Links*/
A.TextLinkHeading
{
	font-weight: bold;
	font-size: 0.8em;
	color: #660000;
	font-family: Arial;
	text-decoration: none;
    background-color: transparent;
}
/*General Text Links*/
A.TextLinkHeading:hover
{
	font-weight: bold;
	font-size: 0.8em;
	color: #999900;
	font-family: Arial;
	text-decoration: underline;
    background-color: transparent;
}
/*Used for the blue bar under section titles*/
.SectionBorder
{
	background-color: #CCCCCC;
	height: 2px;
	width: 100%;
	border: 0px;
}

/*Formats buttons for the entire site*/
.Button
{
	font-weight:bold;
	font-size: 0.75em;
	vertical-align:middle;
 	text-align:center;
	font-family:Arial;
	height: 1.25em;
	padding-left:12px;
	padding-right:12px;
	hex:#ffffff;
    color:#ffffff;
 	background: -webkit-gradient(linear, left bottom, left top, from(#00539b), to(#00539b)); 
    background: -moz-linear-gradient(bottom, #00539b, #00539b);
    background: linear-gradient(to top, #00539b, #00539b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00539b , endColorstr=#00539b);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00539b , endColorstr=#00539b)";
    border: #BABABA 1px solid;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
}

.Button:disabled
{
	color:#cccccc;
}


.Button:hover:enabled
{
	background: -webkit-gradient(linear, left bottom, left top, from(#00539b), to(#00539b)); 
    background: -moz-linear-gradient(bottom, #00539b, #00539b);
    background: linear-gradient(to top, #00539b, #00539b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00539b, endColorstr=#00539b);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00539b, endColorstr=#00539b)";
	background-color:#DFDFDF;
	cursor:pointer;
    -moz-box-shadow:inset 0px 0px 10px #ccc;
    -webkit-box-shadow:inset 0px 0px 10px #ccc;
    box-shadow:inset 0px 0px 10px #ccc;
    Blendcolor:yellow;
    Basecolor:red;
    BlendMode: Multiply;
    Opacity: 30%;
    Angle: 144 degrees;
    Distance: 1px;
    Spread: 0px;
    Size: 2px;
    choke:0px;
    -moz-BlendMode: Multiply;
    -moz-Opacity: 30%;
    -moz-Angle: 144 degrees;
    -moz-Distance: 1px;
    -moz-Spread: 0px;
    -moz-Size: 1px;
    -moz-choke: 0px;
}


.NavigationLeftSide
{
	font-weight: bold;
	font-size: 0.55em;
	color: #ffffff;
	font-family: Arial;
	background-color: #CFCFCF; /* 999966 */
	text-align: center;
}
A.NavigationLeftSide
{
	font-weight: bold;
	font-size: 0.55em;
	color: #ffffff;
	font-family: Arial;
	background-color: #CFCFCF; /* 999966 */
	text-align: center;
	text-decoration: none;
}
A.NavigationLeftSide:hover
{
	font-weight: bold;
	font-size: 0.55em;
	color: #ffffcc;
	font-family: Arial;
	background-color: #CFCFCF; /* 999966 */
	text-align: center;
	text-decoration: underline;
}
.NavigationRightSide
{
	font-weight: bold;
	font-size: 0.55em;
	color: #ffffff;
	font-family: Arial;
	background-color: #CFCFCF; /* 6666cc */
	text-align: center;
}
A.NavigationRightSide
{
	font-weight: bold;
	font-size: 0.55em;
	color: #ffffff;
	font-family: Arial;
	background-color: #CFCFCF; /* 6666cc */
	text-align: center;
	text-decoration: none;
}
A.NavigationRightSide:hover
{
	font-weight: bold;
	font-size: 0.55em;
	color: #ffffcc;
	font-family: Arial;
	background-color: #CFCFCF; /* 6666cc */
	text-align: center;
	text-decoration: underline;
}
/*****************************************
Form & Datatable Classes
*****************************************/
/*Colors the table to create the gridlines between cells*/
.FormTable
{
	background-color: #FFFFFF;
	border-collapse: separate;
}

.FormTable tbody tr td
{
    padding-top: 6px;
}

/*Used to set format for table/grid cells bgcolor and text*/
.FormBody, .FormBodyTop
{
	font-weight: normal;
	font-size: 0.95em;
	color: #464646;
	font-family: Arial;
	background-color: white;
	text-align: left;
}

.FormBodyTop
{
    vertical-align:text-top;
}


/*In forms where a radio button list is bound to, .net puts both the inputs and the labels
  inside a span with the class assigned.  If you use FormBody the background-color setting of
  FormBody causes the radio buttons to be invisible in Netscape.  Use the class below instead. */
.FormRadioButton
{
	font-weight: normal;
	font-size: 0.95em;
	color: #464646;
	font-family: Arial;
	text-align: left;
}
/*Used to set format for table/grid cells bgcolor and text*/
.FormText, .FormTextRequired, .FormTextTop, .FormTextEm {
    font-size: 0.95em;
    color: #464646;
    font-family: Arial;
    background-color: white;
    text-align: left;
}

.FormTextEm {
    font-style: italic;
}

.FormTextRequired
{
    font-weight: bold !important;
}

.FormTextTop
{
   vertical-align:top;
}

/*Used to format the Heading row of a table/grid*/
.FormHeading, h2 {
    font-weight: bold;
    font-size: 0.95em;
    color: #00539b;
    font-family: Arial;
    background-color: #FFFFFF;
}
/*Used to format the subHeading row of a table/grid*/
.FormSubHeading, h3
{
	font-size: 0.95em;
	color: #00539b;
	font-style: italic;
	font-family: Arial;
	background-color: #FFFFFF;
}
/*Formats form textboxes - pins height and sets font*/
.FormTextBox
{
	font-size: 0.7em;
	font-family: Arial;
	height: 18px;
}
.FormField
{
	font-size: 0.75em;
	font-family: Arial;
}
.FormField A
{
	color: #660000;
	text-decoration: underline;
    background-color: transparent;
}
/*Used to format the Resource Center table*/
.ResourceCenterTable
{
	font-weight: bold;
	font-size: 0.70em;
	color: #ffffcc;
	font-family: Arial;
	background-color: #FFFFFF;/*#999999;*/
	border: solid 1px #000000;
}


/****************************
Calendar Classes (DatePicker)
****************************/
.DayHeader
{
	background-color: #eeeeee;
	color: #990000;
	font-size: 0.7em;
	font-family: Arial;
	font-style: italic;
}
.Day
{
	font-family: Arial;
	font-size: 0.7em;
}
.NextPrev
{
	font-family: Arial;
	font-size: 0.7em;
	color: #ffffcc;
}
.OtherMonthDay
{
	font-family: Arial;
	font-size: 0.7em;
	color: #cccccc;
}
.SelectedDay
{
	font-family: Arial;
	font-size: 0.7em;
	font-weight: bold;
	background-color: #999999;
	color: #ffffcc;
}
.CalendarTitle
{
	font-family: Arial;
	font-size: 0.7em;
	font-weight: bold;
	background-color: #999999;
	color: #ffffcc;
}
.TodayDay
{
	font-family: Arial;
	font-size: 0.7em;
	background-color: #dcdcdc;
}
/*****************************************
Custom Classes
*****************************************/
/*Formats text for company info on the bottom left of the login block*/
.LoginBlockCompanyInfo
{
	font-size: 0.7em;
	color: #999999;
	font-family: Arial;
	text-align: center;
}
/*Format the components of the general rates block on the home page.*/
.TodaysRatesHeader
{
	font-weight: bold;
	font-size: 0.70em;
	color: #ffffff;
	font-family: Arial;
	background-color: #000000;
	text-align: center;
}
/*Format the components of the general rates block on the home page.*/
.TodaysRatesProductName
{
	font-size: 0.55em;
	clip: rect(auto auto auto auto);
	color: #000000;
	font-family: Arial;
	background-color: #ffffff;
}
/*Format the components of the general rates block on the home page.*/
.TodaysRatesProductDetails
{
	font-size: 0.55em;
	color: #ffffff;
	font-family: Arial;
	background-color: #5e5757;
}
/*Format the components of the general rates block on the home page.*/
.TodaysRatesProductNameAlternate
{
	font-size: 0.55em;
	clip: rect(auto auto auto auto);
	color: black;
	font-family: Arial;
	background-color: #cccccc;
}
/*Format the components of the general rates block on the home page.*/
.TodaysRatesProductDetailsAlternate
{
	font-size: 0.55em;
	color: black;
	font-family: Arial;
	background-color: #cccccc;
}
/*Format the components of the general rates block on the home page.*/
A.TodaysRatesFooterLink
{
	font-size: 0.7em;
	color: black;
	font-family: Arial;
	background-color: white;
	text-decoration: none;
}
/*Formats all error messages throughout the site.*/
.ErrorMessages, .error
{
	font-size: 0.75em;
	color: #ff0000 !important;
	font-family: Arial;
	font-weight: normal;
}

input.error, textarea.error
{
    border: 1px solid red;
}

/*Format Dropdown Navigation pieces on all subpages*/
.NavigationTable
{
	border-right: #666666 1px solid;
	padding-right: 1px;
	border-top: #666666 1px solid;
	padding-left: 1px;
	padding-bottom: 1px;
	border-left: #666666 1px solid;
	padding-top: 1px;
	border-bottom: #666666 1px solid;
	background-color: #cccccc;
}
/*Format Dropdown Navigation pieces on all subpages*/
.DivMenu
{
	z-index: 100;
	left: -200px;
	width: 100px;
	position: absolute;
	top: -1000px;
}
/*Format Dropdown Navigation pieces on all subpages*/
.TDMenu
{
	font-size: 70%;
	width: 100%;
	cursor: default;
	color: darkblue;
	font-family: Arial;
	background-color: #ffffff;
}
/*Formats colored text for the login block on all pages.*/
.LoginPanelText
{
	font-size: 0.70em;
	color: #660000;
	font-family: Arial;
}
/*Formats Existing Loan Links down the left hand side of the site.*/
.ExistingLoanLink
{
	font-size: 0.7em;
	color: black;
	font-family: Arial;
	background-color: transparent;
}
/*Format Existing Loan Status Text down the left hand side of the site.*/
.ExistingLoanStatusText
{
	font-size: 0.7em;
	color: #999999;
	font-family: Arial;
	background-color: transparent;
}
/*Formats Rate Tracker Links down the left hand side of the site.*/
.RateTrackerLink
{
	font-size: 0.7em;
	color: black;
	font-family: Arial;
	background-color: transparent;
}
/*****************************************
Report Classes
*****************************************/
.ReportPageTitle
{
	font-weight: bold;
	font-size: 0.8em;
	color: #660000;
	font-family: Arial;
}
.ReportParameters
{
	font-size: 0.875em;
	color: black;
	font-family: Arial;
}
.ReportTitle
{
	font-weight: bold;
	font-size: 0.875em;
	color: black;
	font-family: Arial;
}
.ReportSectionTitle
{
	font-weight: bold;
	font-size: 0.875em;
	font-style: italic;
	color: black;
	font-family: Arial;
}
.ReportGridHeading
{
	font-weight: bold;
	font-size: 0.875em;
	background-color: #dcdcdc;
	color: black;
	font-family: Arial;
}
.ReportGridHeading A
{
	color: #660000;
	text-decoration: underline;
    background-color: transparent;
}

.ReportGridItem
{
	font-size: 0.875em;
	background-color: white;
	color: black;
	font-family: Arial;
}
.ReportGridItem A
{
	color: #660000;
	text-decoration: underline;
    background-color: transparent;
}

.ReportGridAlternatingItem
{
	font-size: 0.875em;
	background-color: #dcdcdc;
	color: black;
	font-family: Arial;
}

.ReportGridAlternatingItem A
{
	color: #660000;
	text-decoration: underline;
    background-color: transparent;
}
/*****************************************
Home Page Classes 
*****************************************/
/*Formats text for the homepage top section descriptions*/
.HomepageSectionText
{
	font-weight: bold;
	font-size: 1em;
	color: #ffffcc;
	font-style: italic;
	font-family: Arial;
}
/*Formats the links on the homepage body*/
A.HomePageLink
{
	font-size: 0.83em;
	color: #950101 !important;
	font-family: Arial;
	text-decoration: none;
    background-color: transparent;
}
/*Formats the links on the homepage body*/
    A.HomePageLink:hover {
        font-size: 0.83em;
        color: #950101 !important;
        font-family: Arial;
        text-decoration: underline;
        background-color: transparent;
    }
/*Formats text for the homepage bottom section descriptions*/
.HomePageSectionTextSmall
{
	font-weight: bold;
	font-size: 0.83em;
	color: #000000;
	font-style: italic;
	font-family: Arial;
}

.DesignMode 
{
    border: 2px solid #000000;
    padding: 2px 2px 2px 2px;
    background-color: Transparent;
} 

.DesignModeLink
{
    vertical-align: bottom;
    text-align: right;
    background-color: Transparent;
}       

.RenderInlineCompositeControl, .RenderAboveCompositeControl, .RenderBelowCompositeControl
{
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-top: 3px;
}

div.formRow
{
    padding-top: 8px;
}

div.formRow:first-child div
{
    clear: both;
}

INPUT.InvisibleCompositeControl, SELECT.InvisibleCompositeControl
{
    font-weight: normal;
	font-size: 0.95em;
	font-family: Arial;
	background-color: #C0C0C0;
	text-align: left;
}

.InvisibleCompositeControl_Label
{
    color: #C0C0C0;
    font-weight: normal;
	font-size: 0.95em;
	font-family: Arial;
	background-color: white;
	text-align: left;
} 

.InvisibleCompositeControl LABEL
{
    color: #C0C0C0;
    font-weight: normal;
	font-size: 0.95em;
	font-family: Arial;
	text-align: left;
}

.LeftNavSectionHeading 
{
    font-size: 0.75em;
    font-weight: bold;
    color: #00539b;
    font-family: Arial;  
} 

TD.LeftNavSectionHeading
{
	background-color: #CCCCCC;
}    

.scroll
{
    overflow-y:scroll; height: 100px; border:1px solid gray;
    list-style-type: none;
    padding:0; margin:0;
}
/***************************************************************
    Tooltip
*****************************************************************/
.tooltip-icon {
    margin-left: .50em;
    display: inline;
}

.clearfix:after {
	content: ".";
	display: table;
	visibility: hidden;
	height: 1px;
}
 
.clearfix:after 
{
    clear: both;
}

html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/* footer 
.footer
{
    margin: 66px 0px 0px 0px;
    font-size: 0.7em;
    font-family: Arial;
    position: relative;
    height: 28px;
    padding: 0px 0px 0px 0px;
    width: 1000px;
}

.footer, .footer-left, .footer-right
{
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-radius: 5px;
    -moz-border--radius: 5px;
    border-bottom: 1px solid #CCC;
    background: -webkit-gradient(linear, left bottom, left top, from(#CFCFCF), to(#F6F6F6)); 
    background: -moz-linear-gradient(bottom, #CFCFCF, #F6F6F6);
    background: linear-gradient(to top, #CFCFCF, #F6F6F6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F6F6F6, endColorstr=#CFCFCF);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#F6F6F6, endColorstr=#CFCFCF)"; 
    display: inline-block;
    padding: 5px 0px 0px 10px;
}

.footer-left
{
    margin: 60px 0px 0px 0px;
    width: 995px;
    height: 28px;
}

.footer-left a, .footer-left a:hover
{   
    padding: 0px 0px 0px 0px;
    color: #3888D8;
    text-decoration: none;
    font-size: 0.83em;
    background-color: transparent;
}

.footer-left a:hover
{
    text-decoration: underline;
}

.footer-right
{
    width: 225px;
    height: 28px;
    margin: 60px 0px 0px 10px;
    padding: 0px 0px 5px 5px;
    vertical-align: top;
    display: inline-block;
    font-family: Arial;
    font-size: 0.7em;
}

.footer-right-div
{
    float : right;
    padding : 0px 25px 0px 0px;
}

.footer-right span 
{
    position: relative;
    top: 5px;
}
    */
/* administration */
.admin-home
{
    padding: 0px;
    border: 0px;
}

.admin-home tbody tr td
{
    /*width: 470px;*/
    margin: 0px 0px 0px 0px;
    padding: 0px 15px 0px 15px;
    vertical-align: top;
}

.admin-home tbody tr td div
{
    margin-bottom: 15px;
}

.admin-home-link {
    margin-bottom: 0px !important;
}

/*
------ Jquery tabs */
.TabHeaderSelected, .ChildTabHeaderSelected
 {
  font: 0.7em;
  font-weight:bold;
  color: #262626;
  vertical-align:top;
  padding-left:15px;
  padding-right:15px;
  border:1px;
  border-color:#CCC;
 }

.TabHeader, .ChildTabHeader
 {
  font-size: 0.7em;
  color: #525252;
  vertical-align:top;
  padding-left:15px;
  padding-right:15px;
  border: 1px;
  border-color:#CCC;
  background-color: transparent;
 } 
 
 .TabHeader a, .ChildTabHeader a
 {
      font-weight: bold;
 }
  
/*-------------------------*/     

/*   Data grid / Data tables */
.dataTable
{
    font-size: 0.875em !important;
    color: #404040;
    font-family: Arial;
}

.dataTable thead tr th
{
    padding: 5px 5px 5px 5px;
    border-top: 1px solid #E3E3E3;
    text-align: left;
    background: -webkit-gradient(linear, left bottom, left top, from(#C6C6C6), to(#E5E5E5)); 
    background: -moz-linear-gradient(bottom, #C6C6C6, #E5E5E5);
    background: linear-gradient(to top, #C6C6C6, #E5E5E5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5E5E5, endColorstr=#C6C6C6);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5E5E5, endColorstr=#C6C6C6)"; 
    font-weight: bold;
}

/* round the top left corner */
.dataTable thead tr:first-child th:first-child
{ 
   	-moz-border-radius-topleft: 5px;
   -webkit-border-top-left-radius: 5px;
   border-top-left-radius: 5px;
   border-left: 1px solid #E3E3E3;
}

/* round the top right corner */
.dataTable thead tr:first-child th:last-child
{ 
   	-moz-border-radius-topright: 5px;
   -webkit-border-top-right-radius: 5px;
   border-top-right-radius: 5px;
   border-right: 1px solid #E3E3E3;
}

.dataTable tbody tr:nth-child(odd)
{
    background-color: #FFFFFF;
    border-bottom: 1px solid #E8E8E8;
    border-top: 1px solid #E8E8E8;
}

.dataTable tbody tr:nth-child(odd) td
{
    border-bottom: 1px solid #E8E8E8;
    border-top: 1px solid #E8E8E8;
}

.dataTable tbody tr:nth-child(even)
{
    background-color: #F5F5F5;
}

.dataTable tbody tr td:nth-child(even)
{
    border-left: 1px solid #E8E8E8;
    border-right: 1px solid #E8E8E8;
}

.dataTable tbody tr td
{
    /*font-size: .875em;*/
    color: #404040;
    padding: 5px 5px 5px 5px;
}

.dataTable tbody tr:last-child td
{
    border-bottom: 1px solid #D8D8D8;
}

.dataTable tfoot tr td
{
    padding: 5px 5px 5px 5px;
    border-top: 1px solid #E3E3E3;
    text-align: left;
    background: -webkit-gradient(linear, left bottom, left top, from(#C6C6C6), to(#E5E5E5)); 
    background: -moz-linear-gradient(bottom, #C6C6C6, #E5E5E5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5E5E5, endColorstr=#C6C6C6);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5E5E5, endColorstr=#C6C6C6)"; 
}

/* round the bottom left corner */
.dataTable tfoot tr:first-child td:first-child
{ 
   	-moz-border-radius-bottomleft: 5px;
   -webkit-border-bottom-left-radius: 5px;
   border-bottom-left-radius: 5px;
   border-left: 1px solid #E3E3E3;
}

/* round the bottom right corner */
.dataTable tfoot tr:first-child td:last-child
{ 
   	-moz-border-radius-bottomright: 5px;
   -webkit-border-bottom-right-radius: 5px;
   border-bottom-right-radius: 5px;
   border-right: 1px solid #E3E3E3;
}

.dataTable tfoot tr:last-child td
{
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #D8D8D8;
}

.dataTable.cell-expand
{
    background: url(/ClientSettings/Images/icons/expand.png) no-repeat center #fff;
}

.dataTable.cell-collapse
{
    background: url(/ClientSettings/Images/icons/collapse.png) no-repeat center #fff;
}

.dataTable.scrollable
{
    overflow-y: scroll;
}

.dataTable.editControls
{
    z-index: 6; border-left: 1px solid #D8D8D8; border-right: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8;
    border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: -5px; border-top-right-radius: -5px; width: 150px; background-color: #E4F7FD;
    padding: 5px 5px 5px 5px; text-align: center
}

.editRow td
{
    background-color: #E4F7FD;
    padding: 5px 5px 5px 5px !important;
}

.highlight td
{
    /*font-weight: bold;*/
    background-color: #E4F7FD;
}

.detailTable tr td
{ 
    background-color: #F5F5F5;
    border: 0px !important;
}


/* handle data tables created using asp.net data grid */
.dataGrid
{
    font-size: .875em;
    color: #404040;
    font-family: Arial;
    border-collapse: separate;
}

.dataGridHeader th
{
    padding: 5px 5px 5px 5px;
    border-top: 1px solid #E3E3E3;
    text-align: left;
    background: -webkit-gradient(linear, left bottom, left top, from(#C6C6C6), to(#E5E5E5)); 
    background: -moz-linear-gradient(bottom, #C6C6C6, #E5E5E5);
    background: linear-gradient(to top, #C6C6C6, #E5E5E5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5E5E5, endColorstr=#C6C6C6);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5E5E5, endColorstr=#C6C6C6)"; 
    font-weight: bold;
}

.dataGridHeader td
{
    padding: 5px 5px 5px 5px;
    border-top: 1px solid #E3E3E3;
    text-align: left;
    background: -webkit-gradient(linear, left bottom, left top, from(#C6C6C6), to(#E5E5E5)); 
    background: -moz-linear-gradient(bottom, #C6C6C6, #E5E5E5);
    background: linear-gradient(to top, #C6C6C6, #E5E5E5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5E5E5, endColorstr=#C6C6C6);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5E5E5, endColorstr=#C6C6C6)"; 
    font-weight: bold;
}

.dataGridHeader td:first-child
{
    -moz-border-radius-topleft: 5px;
   -webkit-border-top-left-radius: 5px;
   border-top-left-radius: 5px;
   border-left: 1px solid #E3E3E3;
}

.dataGridHeader td:last-child
{
    -moz-border-radius-topright: 5px;
   -webkit-border-top-right-radius: 5px;
   border-top-right-radius: 5px;
   border-right: 1px solid #E3E3E3;
}

.dataGridRow td
{
    background-color: #FFFFFF;
    border-bottom: 1px solid #E8E8E8;
}

.dataGridRowAlt td
{
     background-color: #F5F5F5;
     border-bottom: 1px solid #E8E8E8;
}

.dataGrid tbody tr td
{
    padding: 5px 5px 5px 5px;
    border-left: 1px solid #E8E8E8;
}

.dataGrid tbody tr td:first-child
{
    border-left: 0px
}

.dataGridFooter
{
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #D8D8D8;
}

.calloutBlock
{
    background-color: #F5F5F5;
    border: 1px solid #E8E8E8;
    -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
}

.calloutBlockHeading
{
	font-size: 0.95em;
	color: #00539b;
	font-style: italic;
	font-family: Arial;
	background-color: #F5F5F5;
}

.calloutBlockTableHeader
{
	font-weight: bold;
	font-size: 0.8em;
	color: #00539b;
	font-family: Arial;
    background-color: #F5F5F5;
}

.padding
{
    padding: 4px 4px 4px 4px;
}

/*****************************************
Progress Bar Classes 
*****************************************/
/*Formats the left side box Progress Bar*/
div.id-progress-bar
{
    margin: 0px auto 40px auto;
    padding: 0;
    width: 200px;
}

div.id-progress-bar h1 
{
    font-family: Arial; 
    font-size: 1em; 
    color: #00539b;
    text-decoration: none; 
    font-weight: normal;
}


div.id-progress-bar ul  
{
    list-style: none; 
    font-family: Arial; 
    padding-left: 8px; 
    padding-top: 2px; 
    vertical-align: middle; 
}

div.id-progress-bar ul li 
{
    line-height: 26px;
    vertical-align: middle;
    background-color: transparent;
}

div.id-progress-bar ul li a
{
    text-decoration: none;
    background-color: transparent;
    font-size: 0.95em;
    font-family: Arial !important;
	outline: none;
    color: #464646;
    padding-left: 2px;
}

div.id-progress-bar ul li a:hover
{
    text-decoration: none;
    background-color: transparent;
}

div.id-progress-bar ul li a.applicantList
{
    text-decoration: none;
    background-color: transparent;
}

div.id-progress-bar ul li a.applicantList:hover
{
    text-decoration: none;
    border-bottom: 0px;
    background-color: transparent;
}

div.id-progress-bar ul li a.selectedProgressListItem
{
    text-decoration: underline;
    background-color: transparent;
}

div.id-progress-bar ul li a.applicantProgressListItem
{
    text-decoration: none;
    border-bottom: 0px;
    background-color: transparent;
}

div.id-progress-bar ul li a.selectedApplicantProgressListItem
{
    text-decoration: underline;
    border-bottom: 0px;
    background-color: transparent;
}

div.id-progress-bar ul li a.disabledProgressListItem
{
    text-decoration: none;
    background-color: transparent;
}

div.id-progress-bar ul li a.disabledProgressListItem:hover
{
    text-decoration: none;
    border-bottom: 0px;
    background-color: transparent;
}

div.id-progress-bar ul li a.applicants
{
    font-weight: normal;
    text-decoration: none;
    margin-left: 20px;
    background-color: transparent;
}

div.id-progress-bar ul li a.applicants:hover
{
    font-weight: normal;
    text-decoration: none;
    background-color: transparent;
}

div.id-progress-bar ul li a.applicantsDisabled
{
    font-weight: normal;
    text-decoration: none;
    margin-left: 20px;
    background-color: transparent;
}

div.id-progress-bar ul li a.applicantsDisabled:hover
{
    font-weight: normal;
    text-decoration: none;
    border-bottom: 0px;
    background-color: transparent;
}

div.id-progress-bar ul li a.applicantsSelected
{
    text-decoration: none;
    margin-left: 20px;
    background-color: transparent;
}

div.id-progress-bar ul li a.applicantsExtra
{
    font-weight: normal;
    text-decoration: underline;
    margin-left: 20px;
    background-color: transparent;
    color: #2a5db0;
}

div.id-progress-bar ul li a.applicantsExtraDisabled
{
    font-weight: normal;
    text-decoration: none;
    border-bottom: 0px;
    margin-left: 20px;
    background-color: transparent;
}

div.id-progress-bar ul li a.applicantsExtraDisabled:hover
{
    font-weight: normal;
    text-decoration: none;
    border-bottom: 0px;
    background-color: transparent;
}

/****************************************************
    formatting content blocks\widgets
    used on the standard template home page
*****************************************************/
.widget
{
    background-color: #FFFFFF;
    margin: 0px 10px 15px 0px;
    width: 365px;
    border: 1px solid #CCC;
    border-radius: 5px;
    -moz-border-radius: 5px;
    background-clip: content-box;
    -moz-background-clip: content-box;
}

.widget-content
{
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    /*border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -moz-border-bottom-left-radius: 5px;*/
    height: 200px;
}

.widget-header
{
    font-family: Arial;
    height: 30px;
    padding-left: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 0.8em; 
    font-weight: bold;

}

.widget-dashboard
{
    
    margin: 0px 0px 0px 0px;
    height: 125px;
    vertical-align: top;
}

.widget-dashboard-header
{
    font-family: Arial;
    height: 18px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 0.8em; 
    font-weight: bold;
    color: #ffffff;
    background: -webkit-gradient(linear, left bottom, left top, from(#00539b), to(#00539b)); 
    background: -moz-linear-gradient(center bottom , #00539b, #00539b) repeat scroll 0 0 transparent;
    background: linear-gradient(to top, #00539b, #00539b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00539b, endColorstr=#00539b);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00539b, endColorstr=#00539b)";
    background-clip: padding-box;
    -moz-background-clip: padding-box;
}

.widget-applynow
{
    color: #454545;
    background: -webkit-gradient(linear, left bottom, left top, from(#ACBC8F), to(#E5F1D4)); 
    background: -moz-linear-gradient(center bottom , #ACBC8F, #E5F1D4) repeat scroll 0 0 transparent;
    background: linear-gradient(to top, #ACBC8F, #E5F1D4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5F1D4, endColorstr=#ACBC8F);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5F1D4, endColorstr=#ACBC8F)";	
}

.widget-block-applynow
{
   border-color: #CCCCCC;
}

.widget-content-applynow
{
}

.widget-calculator
{
    color: #454545;
    background: -webkit-gradient(linear, left bottom, left top, from(#ACBC8F), to(#E5F1D4)); 
    background: -moz-linear-gradient(center bottom , #ACBC8F, #E5F1D4) repeat scroll 0 0 transparent;
    background: linear-gradient(to top, #ACBC8F, #E5F1D4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5F1D4, endColorstr=#ACBC8F);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5F1D4, endColorstr=#ACBC8F)";   
}

.widget-block-calculator
{
    border-color: #CCCCCC;    
}

.widget-content-calculator
{
}

.widget-resourcecenter
{
    color: #454545;
    background: -webkit-gradient(linear, left bottom, left top, from(#ACBC8F), to(#E5F1D4)); 
    background: -moz-linear-gradient(center bottom , #ACBC8F, #E5F1D4) repeat scroll 0 0 transparent;
    background: linear-gradient(to top, #ACBC8F, #E5F1D4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5F1D4, endColorstr=#ACBC8F);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5F1D4, endColorstr=#ACBC8F)";
}

.widget-block-resourcecenter
{
  border-color: #CCCCCC;
}

.widget-content-resourcecenter
{
}

.widget-todaysrates
{
    color: #454545;
    background: -webkit-gradient(linear, left bottom, left top, from(#ACBC8F), to(#E5F1D4)); 
    background: -moz-linear-gradient(center bottom , #ACBC8F, #E5F1D4) repeat scroll 0 0 transparent;
    background: linear-gradient(to top, #ACBC8F, #E5F1D4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5F1D4, endColorstr=#ACBC8F);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5F1D4, endColorstr=#ACBC8F)";
}

.widget-block-todaysrates
{
    border-color: #CCCCCC;   
}

.widget-content-todaysrates
{
   
}

.welcome-banner
{
    background-color: #FFFFFF;
    margin: 0px 0px 0px 0px;
    width: 100%;
}

.welcome-banner-header
{
   color: #454545;
   font-family: Arial;
   font-size: 1.05em; 
   font-weight: bold;	
}

.welcome-banner-subheader
{
   color: #454545;
   font-family: Arial;
   font-size: 0.8em; 
   font-weight: bold;	
}

.welcome-banner-block
{
   margin: 0px 0px 0px 0px;
   width: 100%;
   position:relative;
   top:-15px;
  
}

.welcome-banner-content
{
    color: #454545;
    background: -webkit-gradient(linear, left bottom, left top, from(#00539b), to(#00539b)); 
    background: -moz-linear-gradient(center bottom , #00539b, #00539b) repeat scroll 0 0 transparent;
    background: linear-gradient(to top, #00539b, #00539b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00539b, endColorstr=#00539b);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00539b, endColorstr=#00539b)";
    height: 85px;
    padding-left: 12px;
    padding-top: 10px;
    padding-right: 12px;
    padding-bottom: 10px;
    font-family: Arial;
    font-weight: bold;
    width: 100%;	
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; 	
   border: 1px solid #CCC;
   margin: 0px 0px 0px 0px;
}

.welcome-banner a.AccountLink
{
	font-size: 0.95em;
	color: #454545;
	font-family: Arial;
	text-decoration: underline;
    background-color: transparent;
}

.welcome-banner a.AccountLink:hover
{
	font-size: 0.95em;
	color: #454545;
	font-family: Arial;
	text-decoration: none;
    background-color: transparent;
}

div.dashboard-list 
{
    display: block;
    margin: 0px 0px 10px 0px;
    padding: 12px 8px 15px 8px; 
    background-color: #FFFFFF;
}

div.dashboard-list ul
{
    display: inline;
    list-style: disc outside;
    color: #41C4DC;
    padding: 0px 0px 0px 0px;
}

div.dashboard-list ul li
{
    margin: 0px 0px 0px 16px;
    padding: 0px 0px 10px 0px;
    position: static;
    text-align: left;
}

div.dashboard-list ul li a
{
    font-size: 0.95em;
    color: #404040;
    text-decoration: none;
    background-color: transparent;
}

div.dashboard-list ul li a:hover
{
   text-decoration: underline;
   color: #404040;
   background-color: transparent;
}


a img
{
    border: 0;
}
iframe.popupDialog
{
    height: 98%;
    width: 100%;
}

/* lo web page classes */
img.lo-webpage 
{
    padding-right: 20px;
}

A.WindowsHeadersLink
{
	font-size: 0.95em;
	color: #ffffff;
	font-family: Arial;
	text-decoration: underline;
    background-color: transparent;
}

A.WindowsHeadersLink:hover
{
	font-size: 0.95em;
	color: #ffffff;
	font-family: Arial;
	text-decoration: none;
    background-color: transparent;
}

div.customCollateralFields div
{
    padding-right: 8px;
}

.action-menu select {
   background: transparent;
   padding: 5px;
   font-size: 0.95em;
   width: 225px;
   border: 0px;
   font-family: Arial;
   color: #464646;
}

.action-menu select option 
{
    padding: 2px 5px 2px 5px;
}

.action-menu 
{
    width: 200px;
    position: relative;
    float: right;
   overflow: hidden;
   background: url(/ClientSettings/Images/icons/menu_icon.jpg) no-repeat #fff;
   background-position: 175px center;
   margin-top: 12px;
   border: 1px solid #ccc;
   border-radius: 5px;
}

/* aws dashboard */
.aws-left-column { width: 550px; margin-left: -20px;  }

.aws-right-column  { left: 605px; right: 0px; padding-left: 0px; padding-right: 5px; width: 300px; position: absolute; top: 107px;  }

.aws.widget { width: 100%; height: 225px; }
.aws.widget-header 
{
    font-family: Arial;
    height: 18px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 0.8em; 
    font-weight: bold;
    color: #ffffff;
    background: -webkit-gradient(linear, left bottom, left top, from(#00539b), to(#00539b)); 
    background: -moz-linear-gradient(center bottom , #00539b, #00539b) repeat scroll 0 0 transparent;
    background: linear-gradient(to top, #00539b, #00539b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00539b, endColorstr=#00539b);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00539b, endColorstr=#00539b)";
    background-clip: padding-box;
    -moz-background-clip: padding-box;
}

.policies.widget { width: 100%; height: 299px }
.policies.widget div { padding: 0px 2px 0px 2px }
.collateral.widget { width: 100%; height: 150px; margin-top: -5px }
tr.policyFail td { background: rgba(211, 0, 0, .2) !important;   }
tr.guidelineFail td { background: rgba(251, 255, 15, .2) !important; }

/* side box style pulled from standard template css */
div.side-box 
{
    display: block;
    margin: 0px auto 10px auto;
    width: 183px;
    padding: 12px 8px 15px 8px; 
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    -moz-border-radius: 5px;
}

div.side-box h1
{
   color: #00539b;
   font-size: 0.75em;
   font-weight: bold;
}

div.side-box hr
{
    margin: 8px 0px 12px 0px;
    width: 164px;
    height: 1px;
    background-color: #CCCCCC;
    color: #CCCCCC;
    border: 0px;
}

div.side-box ul
{
    display: inline;
    list-style: disc outside;
    color: #41C4DC;
    padding: 0px 0px 0px 0px;
}

div.side-box ul li
{
    margin: 0px 0px 0px 16px;
    padding: 0px 0px 10px 0px;
    position: static;
    text-align: left;
}

div.side-box ul li a
{
    font-size: 0.95em;
    color: #404040;
    text-decoration: none;
    background-color: transparent;
}

div.side-box ul li a:hover
{
   text-decoration: underline;
   color: #404040;
   background-color: transparent;
}

div.side-box span
{
    font-size: 0.95em;
    color: #000000;
}

td.feeInformation{border: 1px solid #000000;text-align: center;}

.CreditReportText {
	
	font-size: 0.95em !important;
	color: #000000 !important;
}
.CreditReportText>:first-child {
	
	color: #000000 !important;
}


/* progress path */
/* configuration */
.progresspath-left-column { width: 250px; margin: 8px 0px 0px 0px; left: 0px;  }

.progresspath-right-column  { left: 250px; right: 0px; padding-left: 0px; padding-right: 5px; width: 700px; position: absolute; top: 48px;  }

/* rendering to user */
.progressPath 
{ 
    width: 100%; 
    padding: 0px 0px 0px 2px; 
}

#progressPath 
{ 
    padding: 0px;  
    display: inline-block;
    border-radius: 5px; 
    width: 100%;
    border: 1px solid #00539b; 
    background: linear-gradient(to top, #ffffff, #ffffff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=white, endColorstr=white);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=white, endColorstr=white)"; 
    height: 50px;   
}
       
ul.progressPath   
{
    border: 0px;
    margin-top: 0px;
    width: 100%;
    height: 50px;
    list-style: none;   
    font-size: 0.75em; 
    
}  

ul.progressPath li {  
    float: left;  
    margin: 0;  
    padding: 0px 0px 0px 0px;  
    position: relative; /*--Declare X and Y axis base for sub navigation--*/
    vertical-align: middle;
    border-left: 1px solid #00539b;
}  

ul.progressPath li.active:first-child 
{
    border-left: none;
}

ul.progressPath li.active 
{
    background: linear-gradient(to top, #e3e3e3, #ffffff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#e3e3e3);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#e3e3e3)"; 
    color: #454545;
    font-weight: bold;
    cursor: pointer;
    height: 50px;
}

ul.progressPath li.notstarted 
{
    background: linear-gradient(to top, #ffffff, #ffffff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff)"; 
    color: #cfcfcf;
    font-weight: normal;
    height: 50px;
}

ul.progressPath li.complete 
{
    background: linear-gradient(to top, #e3e3e3, #ffffff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#e3e3e3);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=ProgressPathMilestoneompleteBackgroundColorEnd_Color)"; 
    color: #666666;
    font-weight: bold;
    cursor: pointer;
    height: 50px;
}

ul.progressPath li div.icon { float: left; margin: 10px 5px 0px 5px; }
ul.progressPath li div.milestone { float: right; margin: 10px 15px 0px 5px; cursor: hand }
ul.progressPath img.icon
{
    width: 20px;
    height: 20px;
    border: 0px;
}

ul.progressPath li ul.steps {  
    list-style: none;  
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/  
    left: 1px; top: 50px;  
    margin: 0; 
    padding: 9px 10px 25px 10px;  
    display: none;  
    float: left;  
    width: 400px;  
    border: 1px solid #00539b;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    background-color: #E4E9DB;
    z-index: 1;
    font-weight: normal;
}  

ul.progressPath li.active ul.steps {  
    background: linear-gradient(to top, #ffffff, #e3e3e3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e3e3e3, endColorstr=#ffffff);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e3e3e3, endColorstr=#ffffff)"; 
    color: #454545;
} 

ul.progressPath li.complete ul.steps {  
    background: linear-gradient(to top, #ffffff, #e3e3e3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e3e3e3, endColorstr=#ffffff);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e3e3e3, endColorstr=#ffffff)"; 
    color: #666666;
} 

ul.progressPath li ul.steps li{  
    margin: 0;  
    padding: 7px 0px 0px 0px;
    clear: both;  
    border: 0px; 
    width: 100%; 
    font-size: 0.70em;
}  


ul.progressPath li.active ul.steps li h1{  
    font-weight: bold;
    font-size: 0.75em !important;
    color: #454545;
} 

ul.progressPath li.complete ul.steps li h1{  
    font-weight: bold;
    font-size: 0.75em; !important;
    color: #666666;
} 

ul.progressPath img.stepicon
{
    width: 20px;
    height: 20px;
    border: 0px;
    margin: 0px 8px 0px 0px;
}

ul.progressPath li ul.steps li.step { margin: 10px 5px 0px 5px; font-weight: bold; font-size: 0.70em; }

tr.overdueTask td { background: rgba(211, 0, 0, .2) !important; }
.css_right { float: right }

#pointsSlider label 
{
    position: absolute;
    max-width: 20px;
    margin-left: -10px;
    text-align: center;
    margin-top: 10px;
    font-size: 0.55em; 
    padding: 0px;
}

#pointsSlider label p
{
    margin: 1px;
}

#pointsSlider .vertBar 
{
   margin-top: 4px;
   margin-left: 10px;   
   text-align: center; 
   border-left: 1px solid black; 
   height: 13px; 
}

#pointsSlider .vertBarAlt 
{
   margin-top: 4px;
   margin-left: 10px;   
   text-align: center; 
   border-left: 1px solid black; 
   height:8px; 
}

#pointsSlider {
    width: 90%;
    margin: 1em auto;
}

.SearchLoanTerms {
    border: 1px solid #CCCCCC;
}

.IntegratedRadioLabel input[type=radio] + label
{
   margin-right: 10px;
}

.icon-go{
    color: #8dc63f;
}

.icon-warning {
   color: #ffc845;
}

.icon-danger {
    color: #990000;
}

#divWaitIndicator
{
   height: 100px;
   width: 100px;
   position: fixed;
   z-index: 1000;
   left: 50%;
   top: 50%;
   margin: -25px 0 0 -25px;
}

.atlas-list{
  display: block;
  padding-left: 8px;
  list-style: none;
  padding-right: 20px;
}               

.atlas-list_item {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  font-size: 0.75em;
  font-weight: 400;
  letter-spacing: .04em;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-flex-direction: row;
  -webkit-flex-wrap: nowrap;
  padding: 5px;
  cursor: default;
  color: rgba(0,0,0,.87);
  overflow: hidden;
}

.atlas-list_primary-content {
  flex-grow: 2;
  flex-shrink: 1;
  -webkit-flex-grow: 2;
  -webkit-flex-shrink: 1;
  vertical-align: top;
  display: flex;
}

.atlas-list_buttons {
  display: flex;
  flex-flow: column;
  -webkit-flex-flow: column;
  align-items: flex-end;
  margin-left: 10px;
}

.atlas-list_icons {
  margin-right: 24px;
  vertical-align: middle;
  color: green;
}

.atlas-icon {
  color: rgba(0,0,0,.87) !important;
  cursor: pointer;
}

.messageCenterIcon {
    color: #ffffff;
}

.messageCenterIconSmall {
    line-height: 0.8 !important;
}

span.subInstructions {
    font-size: 0.75em;
    font-style: italic;
}

.progressWait{
   position: fixed; 
   left: 50%; 
   margin-left: -200px; 
   margin-top: -10px; 
   top: 50%;
}

/* quill html editor formatting */
.ql-emailCustomText {
    width: 175px;
}

.ql-emailCustomText .ql-picker-item:before {
    content: attr(data-value);
}

.ql-emailCustomText .ql-picker-label:before {
    content: 'Replacement Text';
}

/* standard alert notifications */

.alert {
    min-width: 150px;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    border-left-width: 6px;
    justify-content: left;
}

.delete-warning {
    margin-bottom: 0px;
}

.alert-success {
    border-left-color: rgba(92,184,92, .75);
    background-color: rgba(92,184,92, .50);
}
/*
&-warning {
    background-color: lighten(#E2A41F, 15%);
    border-color: lighten(#E2A41F, 10%);
    color: darken(#E2A41F, 15%);
}*/

.alert-danger {
    background-color: rgba(255, 0, 0, .50);
    border-left-color: rgba(255, 0, 0, .75);
    /*color: darken(#d43f3a, 15%);*/
}

/* Style the input container */
.input-container {
    display: flex;
    
}