@charset "utf-8";
/* CSS Document */

/* Begin Reset all browser-specific styles (clean slate!) */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;	
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	}
/* End Reset */

/* These styles will affect the entire html, body elements on the site */
html, body {
	background-color: #f3f3f3;
	margin: 0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}


/* These styles affect all element-specific styles throughout the site */	
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #ff7c00;
	padding-bottom: 20px;
	}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #ff7c00;
	padding-top: 10px;
	padding-bottom: 10px;
	}	

/* Standard Unordered Lists: The <ul> tag defines an unordered list (a bulleted list). */
ul {
	list-style:none;
	padding-top: 10px;
	padding-bottom: 10px;
	}
	
/* Standard List Items: the actual items within a list (a bulleted list). */
ul li {
	background: transparent url(imagesv2/bullet.png) 0 3px no-repeat;
	margin-left:10px;
	padding-left:20px;
	padding-bottom:5px;
	padding-top:-5px;
	}

p {
	padding-top: 10px;
	padding-bottom: 10px;
	}

/* End Element-specific styles */


/* BEGIN FORM INPUT STYLES */
/* These styles affect the form elements, such as text fields, checkboxes, radio buttons, etc.  */
input {
	border: 1px solid #bfd2fb;
	background-color: #f6f6f6;
	}
input[type=checkbox] {
	border: none;
	background-color: #f6f6f6;
	}
input[type=radio] {
	border: none;
	background-color: #f6f6f6;
	}

select {
	border: 1px solid #bfd2fb;
	background-color: #f6f6f6;
	}

textfield {
	border: 1px solid #bfd2fb;
	background-color: #f6f6f6;
	}
	
/* END FORM INPUT STYLES */


/* Other CreditSoft CSS Styles */

/* BEGIN INPUT BUTTON STYLES (form buttons) */

/* All of the Buttons displayed in the application inherit this class. When the caption of a button needs to be too long the ButtonMedium or ButtonLong classes can be used */
.Button { 
	background: url(imagesV2/button_normal_new.png) 0 0 no-repeat;
	color: #fff;
	border: none!important;
	height: 27px;
	width:95px;
	}	

/* Same as .Button but very long */
.ButtonLong{ 
	background: url(imagesV2/button_Long.png) 0 0 no-repeat;
	width:250px;
	}	

/* Same as .Button but longer */
.ButtonMedium{ 
	background: url(imagesV2/button_medium.png) 0 0 no-repeat;
	width:140px;
	}	

/* Div that encloses the navigation buttons.  By default taking 100% width of its parent element */
.NavigationButtons
{
	width:100%;
}

/*This Class is not being used at this point*/
.ButtonHover { 
	background: url(imagesV2/button_hover.png) 0 0 no-repeat;
    color: #fff;
	border: hidden;
	height: 27px;
	}		

/*This Class is not being used at this point*/
.ButtonOnclick { 
	background: url(imagesV2/button_onclick.png) 0 0 no-repeat;
    color: #fff;
	border: hidden;
	height: 27px;
	}	
/* END INPUT BUTTON STYLES (form buttons) */

/* BEGIN HYPERLINK STYLES */

/* Default link style: Affects all links (<a href>) that do not have a class assigned */
a:link {	text-decoration: underline;	color: #3d5b8a;	}
a:visited {	text-decoration: underline;	color: #3d5b8a; }
a:hover {	text-decoration: none;	color: #326ecd; }
a:active {	text-decoration: none;	color: #326ecd; } 


/* Footer link styles: This is used within the footer.html file */
a:link.FooterLink {		text-decoration: none;	color: #fff; }
a:visited.FooterLink {	text-decoration: none;	color: #fff; }
a:hover.FooterLink {	text-decoration: underline;	color: #fff; }
a:active.FooterLink {	text-decoration: underline;	color: #fff; } 

/* END HYPERLINK STYLES */


/* BEGIN LOGIN PAGE STYLES */
/* Log In Page General Layout and Styles */


/* Div that contains the Login Control.  This Div provides the background image for the Login Control */
div#LoginBox {
	position: relative;
	width: 359px; height: 323px;
	background: url(imagesv2/bg_login.png) center no-repeat;
	float:right;
	}

/* Div that contains the Login control.  This Div provides the padding and alignment to the Login Control */
div#LoginText {
	position: relative;
	vertical-align: top;
	padding: 30px;
	}	
	
/*Provides Font-Size to the Custom HTML content files for the default pages. Example: enrollmentdefault.aspx (enrollment.htm) */
.LoginWelcomeText {
	font-size: 14px;
	padding-bottom: 10px;
	}

/*Provides Font-Size and color to the Custom HTML content files for the default pages. Example: enrollmentdefault.aspx (enrollment.htm) */
.LoginWelcomeTextBlue {
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 15px;
	color: #3d5b8a;
	}
/* END LOGIN PAGE STYLES */


/* --- BEGIN NAVIGATION MENU FORMAT AND STYLES --- */
.ButtonMenuItem {
	width: 181px;
	height: 22px;
	background: url(imagesV2/menu_normal.png) 0 0 no-repeat;
	padding: 0px 0px 0px 0px;
	font: Verdana, Arial, Helvetica, sans-serif 12px bold;
	text-align: left; 
	vertical-align: middle;	/* It won't make a difference when display: block; and the text will be pushed to the top of the box. */
	margin-bottom:2px;
	font-weight:normal;
	display: block; /* Allows menu button to be click on without having to click on the text in the button */
	line-height:22px; /* Needs to be the same as the height of the box itself. This is what positions the text in the middle of the box and not at the top. */
	}
	
a:link.ButtonMenuItem {
	background-image:none!important; /*This is to avoid the background image in the menus showing up twice*/
	font-size:12px!important;
	padding-left:10px;
	margin-bottom:0px;
	text-decoration: none;	color: #666666;	
	}	

a:visited.ButtonMenuItem {
	background-image:none!important; /*This is to avoid the background image in the menus showing up twice*/
	font-size:12px!important;
	padding-left:10px;
	margin-bottom:0px;
	text-decoration: none;	color: #666666;	
	}	
	
a:hover.ButtonMenuItem {
	background-image:none!important; /*This is to avoid the background image in the menus showing up twice*/
	font-size:12px!important;
	padding-left:10px;
	margin-bottom:0px;
	text-decoration: none;	color: #ffffff;
	}		
	
a:active.ButtonMenuItem {
	background-image:none!important; /*This is to avoid the background image in the menus showing up twice*/
	font-size:12px!important;
	padding-left:10px;
	margin-bottom:0px;
	text-decoration: none;	color: #ffffff;
	}			

.ButtonHoverMenuItem {
	width: 181px;
	height: 22px;
	background: url(imagesV2/menu_hover.png) 0 0 no-repeat;
	padding: 0px 0px 0px 0px;
	font: Verdana, Arial, Helvetsica, sans-serif 12px bold;
	text-align: left; 
	vertical-align: middle;
	color: #FFFFFF !important;
}

/* END MENU NAVIGATION FORMAT AND STYLES */	

/* BEGIN WHITE ROUNDED CORNERS */

.liquid-round {
    background: #fff url(imagesV2/leftside_white.png) repeat-y left top;
    position:relative;
    height:auto;
    }

.top {
	width: 100%;
	height: 16px;
	background: url(imagesV2/top_white.png) no-repeat left top;
	position:relative;
	}

.top span {
	display: block;
	position: relative;
	height: 16px;
	background: url(imagesV2/top-right_white.png) no-repeat right top;
	}

.top-help
{
	float: right;
	position: relative;
	text-align:right;
	padding-top:18px;
	padding-right:38px;
	height:20;
	z-index:1;
	margin-right:4px;
	background:  url(imagesV2/Help.png) no-repeat left top;
	display:block;
}


.center-content {
	position: relative;
	background: url(imagesV2/rightside_white.png) repeat-y right top;
	padding: 1px 20px 1px 25px;
	margin: 0 0 0 0;
    }

.bottom {
	height: 16px;
	background: url(imagesV2/bottom_white.png) no-repeat left bottom;
	}

.bottom span {
	display: block;
/*	position: relative;*/
	height: 16px;
	background: url(imagesV2/bottom-right_white.png) no-repeat right top;
	}

/* END WHITE ROUNDED CORNERS */

/* Orange Rounded Corners */

.top_orange 
{
	width:100%;
	height:30px;
	background:url(imagesv2/top_orange.png) no-repeat right top;
	}

.top_orange_left 
{
	display:block;
	position:absolute;
	margin-left:0px;
	height:30px;
	background:url(imagesv2/top-left_orange.png) no-repeat left top;
	/* The remaining properties position and style the text that resides on the orange header bar */
	padding-top: 11px;
	padding-left: 20px;
	font-size: 10px; font-weight: bold;
	color: #fff;
	}

.top_orange_right {
	float: right;
	position: relative;
	text-align:right;
	width: 100px; 
	height: 30px;
	padding-top:11px;
	padding-right:11px;
	
	}
	
.top_orange_help
{
	float: right;
	position: relative;
	text-align:right;
	padding-top:29px;
	padding-right:38px;
	z-index:1;
	background:  url(imagesV2/Help.png) no-repeat top right;
}
/* Orange Rounded Corners */


.BoxEditable{ 
	border: solid 1px #bfd2fb;
	}
	
/* BEGIN TEXT STYLES */
.ErrorMessage { 
	font-size:10px;
	color:Red}
	
.JustText{ 
	font-size:10px}
	
.JustBoldText{ 
	font-weight:bold;
	font-size:10px}
	
a.JustBoldText{ 
	font-weight:bold;
	font-size:10px}	
	
.Notifications
{
	font-size:12px;
}

/* END TEXT STYLES */

	
.Pager {
	text-align:right; 
	border: 0px; 
	margin:2px;
	padding:2px;
	}

.Pager span {
	margin:2px;
	padding:2px;
	}
		
.Pager a {
	margin:2px;
	padding:2px;
	}					
					
.PageTitles  
	{
	font-weight: bold; 
	color: #FF7C00; 
	font-size: 13px; 
	text-align:left;
	background: url(/imagesV2/colors/blue_title_underline.gif) left bottom #fff no-repeat;
	line-height: 35px; }

/* Tables and other lists layout */
.Table { 
	font: Verdana, Arial, Helvetica, sans-serif 10px normal;
	background-color: #FFFFFF; 
	text-align: center; 
	vertical-align: top; 
	border:solid 1px #DEE4EF;
	}

.TableRow { 
	font: Verdana, Arial, Helvetica, sans-serif 10px normal;
	color: #000000; 
	background-color: #FFFFFF; 
	text-align: left; 
	vertical-align: middle; 
	border: 1px solid #eaeaea;
	height: 22px; }

.TableRowAlt {  
	font: Verdana, Arial, Helvetica, sans-serif 10px normal;
	background-color: #EFEFEF; 
	text-align: left; 
	vertical-align: middle; 
	border: 1px solid #E3e3e3;
	height: 22px; }

.TableHeader { 
	font: Verdana, Arial, Helvetica, sans-serif bolder 10px;
	color: #000; 
/*	background: #B0B0B0 center top;*/
	background: #c0c0c0 center top;
	text-align: center; 
	vertical-align: middle; 
	text-transform: uppercase ;
	padding:2px;
	padding:2px;
	 }

.TableSubHeader { 
	font: Verdana, Arial, Helvetica, sans-serif bolder 10px;
	color: #000;
	background: #CECECE center top;
	text-align: left; 
	vertical-align: middle; 
	text-transform: none;
	padding:2px
	}
										
.TableRowSelected {
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000000;
	background-color:#ABC0E7; }
	



/* BEGIN FOOTER STYLES AND FORMATTING */

.TableFooter { 
	margin-top: 0px; margin-left:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #000;
	text-align: right; 
	text-transform: uppercase; 
	width: 985px; height:31px; 
/*	background-color:#C4C4C4;*/
	background-color:#d1d1d1;
	}	
	
	
/* BEGIN FOOTER STYLES AND FORMATTING */



.RowEditTemplate { 
	font-size: 12px; 
	border: solid 2px #6684B3;
	background-color: White;
	position: fixed; 
	top: 40%;  left: 40%; 
	}
	
#dialogueChooseCreditor.Dialogue
{
	position: fixed!important; 
	top: 20%;  left: 40%; 
	width:500px; 
	height:600px;
}	
	
.MenuPanel {  	
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 	
	font-weight: bold;
	text-align: left; 
	vertical-align:   middle;
	width:100%;	
	color: #91A7CA;
	}			
	
/* BEGIN FORM STYLES */


	
.FormTableHeader {
	font-weight: bold; 
	color: #FF7C00; 
	font-size: 13px; 
	}

/* Affects style for the entire table that contains form labels and fields */
.FormTable { 
	padding:3px!important;
	}
	
/* Affects style for left column on form that contains labels (i.e. First Name, Last Name, etc.) -   */
.FormColumn {
	font-size: 11px; 
	font-weight: bold; 
	text-align: right; 
	color:#7A95BF;
	padding:2px!important;
	width:200px;
	}

/* Affects styles for form fiels column (cells that contain input fields on right) */
.FormColumnAlt {	
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	text-align: left; 
	vertical-align: middle; 
	padding:2px!important;
	}

/* Affects style for left column on form that contains labels for required fields(i.e. First Name, Last Name, etc.) -   */
.Req_FormColumn 
{
	font-size: 11px; 
	font-weight:bold; 
	text-align: right; 
	color:#3d5b8a;
	padding:2px!important;
	width:200px;
	}
	
/* END FORM STYLES */




.DetailsView {
	width:100%;
	padding: 10px!important;
	}

/* Encloses the content of the _Message.ascx control.  This control is used to provide some warning messages in the application. */				
div.Message {	
	font: Verdana, Arial, Helvetica, sans-serif 10px bold;
	color: #D56D08;
	text-align: left;
	vertical-align: middle;
	height:38px;
	position:relative;
	padding: 2px 1px 10px 42px;
	background:url(imagesV2/warning.png) no-repeat;
	display:table-cell;
	}
						 
/* Affects the style of some of the warning message displayed in the application.  For Example: Duplicates found. */				
.Warning {
	font: Verdana, Arial, Helvetica, sans-serif 10px bold;
	padding: 2px 1px 1px 5px;
	color: #D56D08;
	text-align: left; 
	vertical-align: middle;	
	}
	
div.ViewDuplicates
{
	text-align:right!important;
}

.DayOfMonth {
	width: 20px;
	font-size: 10px; 
	background-color: #FFF; 
	border: thin solid black;
	}

.Overlay
{
	/*\*/
	position:fixed;
	/*
	top: expression(((ignoreMe = document.documentElement.scrollTop? document.documentElement.scrollTop : document.body.scrollTop)) + 'px');
	left: expression(((ignoreMe2 = document.documentElement.scrollLeft? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');
	*/
	/**/

	left: -2000px;
	top: -2000px;
	width: 2000px;
	height: 5000px;
	background: url(imagesV2/overlay1.gif);
	
	/* Set both opacity and filter, for MSIE and firefox compatability */
	opacity: .7;
	filter: alpha(opacity=70);
	
	/* z-index sets the layer order, so that the overlay rests on top.
	Bear in mind that the popup dialogue needs to be even higher! */
	z-index: 1000 !important;
}

.Dialogue {
	padding: 5px;
	border: solid 2px #6684B3;
	background-color: #FFF;
	z-index: 2000;
	text-align:center;
	position:fixed!important;
	}

.CollapsiblePanel {
	height: 0px;
	overflow: hidden;
	min-width:460px;
	}

.ProcessingPopup {
	padding: 20px;
	position:absolute;
	/*
	top: expression(((ignoreMe = document.documentElement.scrollTop? document.documentElement.scrollTop : document.body.scrollTop) + 200) + 'px');
	left: expression(((ignoreMe2 = document.documentElement.scrollLeft? document.documentElement.scrollLeft : document.body.scrollLeft) + 200) + 'px');
	*/
	width: 300px; 
	height: 30px;
	border:solid 2px #6684B3;
	background-color: #FFFFFF;
	text-align:center;
	z-index: 2000;
	}

.Popup {
	position:absolute; left:100; top:-80; 
    border-style:solid;
    border-width:4;
    border-color:blue;
	background-color:white;
	padding: 5px;
	color: red;
	font: Verdana, Arial, Helvetica, sans-serif 10pt bold;
	z-index:2;
	visibility:hidden;
	width: 200px;
	text-align: left; 
	vertical-align: middle; 
	float:left;
	}

.SavingMessage {
	font: Verdana, Arial, Helvetica, sans-serif bold 10px;
	padding:  2px 1px 1px 5px;
	background-color: #DEE4EF;	
	border: solid 1px lightgrey;
	text-align: left; 
	vertical-align: middle;	
	 }

.PaymentScheduleReport  {
	width: 600px; height: 450px;
	position: relative; 
	vertical-align: top; 
	}

.PaymentCalculatorReport  {
	width:600px; height:530px;
	position:relative; 
	vertical-align:top; 
	}

div.ChatLive
{
	background:url(imagesv2/chat_live.png) no-repeat;
	height:90px;
	width:181px;
}

a.ChatLive
{
	height:90px;
	width:181px;
}

div.reminder-postit
{
	background:url(imagesv2/reminder_post-it.png) no-repeat top left;
	height:98px;
	padding-left:110px;
}

.reminder-postit span
{
	font-style:italic;
	font-family:Segoe Print;
	font-size:16px;
}

#divLeadSearchWrapper
{
	Width: 85%;
	min-width:460px;
}

.pnlLeadSearch
{
	width:100%;
}

.pnlLeadSearchTable
{
	width:100%;
}

#dhtmltooltip{
position: absolute;
left: 300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 13000;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
float:left!important;
}


#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 13100;
visibility: hidden;
}

.InformationImage
{
    background :url(imagesV2/yellowtrianglewarning.png) 0 0 no-repeat;
    border:none;
    vertical-align:middle;     
}

/* Issue # 21918 - Client Web: The length of the Category and Account fields on the New Inquiry Screen are too short in IE but they resize correctly in Mozilla */
select.AutoExpand
{
	max-width:100%;
	min-width:60%;
}

.MultiLine
{
	min-width:60%;
	width:80%;
}