@import url("../webfonts/Metric_Bold/stylesheet.css");
@import url("../webfonts/Metric/stylesheet.css");

/*HPFS Forms styles*/
.formHeader
{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#F2F2F2'); /* for IE */ /*background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#F2F2F2)) !important;*/ /* for webkit browsers */
	background: -moz-linear-gradient(top, #ffffff, #F2F2F2) !important; /* for firefox 3.6+ */
	padding: 18px 18px 10px 18px;
}
.formFirmQuoteHeader
{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#F2F2F2'); /* for IE */ /*background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#F2F2F2)) !important;*/ /* for webkit browsers */
	background: -moz-linear-gradient(top, #ffffff, #F2F2F2) !important; /* for firefox 3.6+ */
	padding: 5px 18px 1px 18px;
}
.formHeader .headerTitle
{
	/*padding-top: 39px;     font-family: Arial;     color: #f2f2f2;*/
	font-size: 18px;
}

.headerTitleFirmQuote
{
	padding-top: 18px;
	padding-bottom: 18px; /*font-family: Arial;*/
	font-size: 16px; /* color: #f2f2f2;*/
}

.headerTitleCredit {
	padding-top: 18px;
	padding-left: 0px;
	color: #f2f2f2;
	font-size: 17px;
}

.formHeader .headerCopy
{
	/*padding-top: 20px;     padding-bottom: 25px;*/ /*font-family: Arial;*/
	font-size: 14px;
	color: #ccc;
}

.formTitleNote_QuickQuote
{
	padding-top: 10px;
}

.formNote, .formFieldLabel
{
	width: 120px\9; /*font-family: Arial;*/
	/*font-size: 12px;*/
	color: #333333;
	text-transform: none;
	float: left;
	padding-right: 15px;
	padding-top: 5px;
	
}
.formCustomerInfoFieldLabel {
    /*font-family: Arial;*/
    font-size: 12px;
    color: #777777;
    text-transform: none;
    float: left;
    padding-right: 15px;
    padding-top: 5px;
}
.dsmr_CreditApp
{
	text-align: justify;
}

.formNote
{
	width: auto;
}

.autoWidthNew
{
	width: auto !important;
}

.labelAutoWidthIE
{
	width: auto\9;
}
.formFieldFirmQuote_FirmQuote {
    width: 16%;
    overflow: hidden;
    float: left;
}
.formNote, .formFieldLabel_FirmQuote
{
	/*font-family: Arial;*/
	font-size: 14px;
	color: #333333;
	float: left;
	padding-top: 5px;
}

.formNote, .formFieldLabel_QuickQuote
{
	/* font-family: Arial;     font-size: 12px;     color: #f2f2f2;*/
	text-transform: none;
	float: left;
	padding-right: 15px;
	padding-top: 5px;
	padding-left: 5px;
}

.formDataLabel
{
	/*font-family: Arial;*/
	/*font-size: 12px;*/
	color: #333333; /*	text-transform: capitalize;*/
	float: left;
	padding-top: 6px;
	width: 110px;
}

.formNote
{
	text-transform: none;
	padding-bottom: 20px;
}

.formNote_QuickQuote
{
	text-transform: none;
	padding-bottom: 20px;
	text-align: justify;
}

.formFinanceDetails input[type=text], .formFinanceDetails select, .formCompanyDetails input[type=text], .formCompanyDetails select, .formAlternativeLocation input[type=text], .formAlternativeLocation select, .formBankDetails input[type=text], .formBankDetails select
{
	width: 200px;
}
.marginL0 {
    
    margin-left: 0px!important; 
}
.marginL2 {
    
    margin-left: 2px; 
}
.hrFirst
{
	width: 100%;
	color: #181818;
	background-color: #181818;
}

.hrFirstAbsolute
{
	width: 100%;
	color: #181818;
	background-color: #181818;
	position: absolute;
}

.cmntWrap
{
	white-space: normal;
}

#invisibleLine
{
	visibility: hidden;
	margin-top: 25px;
}

.hrDummy
{
	width: 100%;
	color: black;
	background-color: black;
	clear: both;
}

.formBody
{
	float: left;
	padding-top: 10px;
}

.formBodyPadding
{
	float: left;
	padding-top: 10px;
	margin-left: 20px;
}

.formBody_QuickQuote
{
	float: left;
	padding-top: 10px;
}

.formFirmQuoteDetails
{
	padding-left: 15px;
}

.formBody .formPanelLeft
{
	position: relative;
	padding-left: 0px;
	padding-left: 5px\9;
}

.formBody .formPanelLeft_QuickQuote
{
	float: left;
	width: 350px;
	position: relative;
	padding-left: 0px;
}

.formBankDetails .formPanelBankDetailsLeft
{
	width: 440px;
}

.formBankDetails_QuickQuote .formPanelBankDetailsLeft_QuickQuote
{
	width: 440px;
}

.formCompanyDetails .formCompanyDetailsLeft, .formAlternativeLocation .formAlternativeLocationLeft, .formGuarantorDetails .formGuarantorDetailsLeft, .formQuickQuoteDetails .formQuickQuoteDetailsLeft
{
	width: 435px;
}

.formCompanyDetails .formCompanyDetailsLeft, .formAlternativeLocation .formAlternativeLocationLeft, .formGuarantorDetails .formGuarantorDetailsLeft, .formQuickQuoteDetails_QuickQuote .formQuickQuoteDetailsLeft_QuickQuote
{
	width: 435px;
}

.formLogin .formLoginLeft
{
	width: 600px;
}

.formPanelRight
{
	position: relative;
	padding-right: 3px;
	padding-right: 5px\9;
}

.formPanelRight_QuickQuote
{
	position: relative;
	float: right;
	padding-right: 50px;
	width: 400px;
}

.formBody .formPanelRight
{
	position: relative;
	float: right;
}

.formBody_QuickQuote .formPanelRight_QuickQuote
{
	position: relative;
	float: right;
	padding-right: 0px;
}

.formCompanyDetails .formCompanyDetailsRight, .formAlternativeLocation .formAlternativeLocationRight, .formGuarantorDetails .formGuarantorDetailsRight, .formQuickQuoteDetails .formQuickQuoteDetailsRight
{
	width: 480px;
}

.formCompanyDetails .formCompanyDetailsRight, .formAlternativeLocation .formAlternativeLocationRight, .formGuarantorDetails .formGuarantorDetailsRight, .formQuickQuoteDetails_QuickQuote .formQuickQuoteDetailsRight_QuickQuote
{
	width: 480px;
}

.formLogin .formLoginRight
{
	width: 400px;
}

.formBankDetails .formPanelBankDetailsRight
{
	width: 425px;
}

.formPanelLeft
{
	float: left;
	padding-left: 6px;
	width: auto;
}

.formPanelLeft_QuickQuote
{
	float: left;
	width: auto;
}

.formField
{
	padding-bottom: 0px;
	padding-bottom: 0px\9;
}

.formField_FirmQuote
{
	padding-bottom: 20px;
}

.formField_QuickQuote
{
	padding-bottom: 20px;
}

.formFieldFirmQuote
{
	padding-bottom: 10px;
	float: left;
	width: 100%;
	width: 350px\9 !important;
}

.formFieldLogon
{
	padding-bottom: 10px;
}

.formFieldLabelLogon
{
	margin-right: 1px;
	padding-top: 1px;
	float: left;
	text-align: left;
	width: 200px;
}

.formFieldLinksLogon
{
	/*font-family: Arial;*/
	/*font-size: 12px;*/
	color: #999;
	margin-right: 1px;
	padding-top: 5px;
	float: left;
	text-align: left;
	width: 300px;
}

.formFieldLabelSigin
{
	/*font-family: Arial;*/
	/*font-size: 12px;*/
	color: #999;
	margin-right: 10px;
	padding-top: 7px;
	float: left;
	text-align: left;
	width: 200px;
}

.formFieldElementLogon input[type=text], .formFieldElementLogon input[type=password]
{
	background-color: #343639;
	border: 1px solid #111;
	line-height: 28px; /*font-family: Arial;*/
	
	color: #f2f2f2;
	width: 300px;
	height: 28px;
	padding: 0 10px;
}

.formFieldElementLogon
{
	float: left;
}

.floatRight
{
	float: right !important;
}

.formFieldElementLogon textarea, .formFieldElementLogon select
{
	background-color: #343639;
	border: 1px solid #111;
	line-height: 14px; /*font-family: Arial;*/

	color: #f2f2f2;
	padding: 10px;
	width: 380px;
	min-width: 380px;
}

.formFieldElementLogon select
{
	padding: 2px;
	width: 400px;
}

.formCurrencyField, .formFieldElement
{
	float: right;
	margin-bottom: 26px;
	float: left\9;
}

.formFieldElement_NoMargin
{
	float: right;
	float: left\9;
	margin-bottom: 0px;
}


#statusDashboard .formFieldElement
{
	margin-bottom: 0px;
}

.formFieldLabel_TaxExempt
{
	margin-bottom: 40px;
}

.formFieldLabel_FirmQuoteComment
{
	margin-bottom: 40px;
	margin-top: 15px;
}

.formFieldLabel_FirmQuoteCommentMargin textarea
{
	margin-left: 5px;
	width: 380px;
}


.formCurrencyField, .formFieldElement_FirmQuote
{
	float: left;
}

.formCurrencyField, .formFieldElement_QuickQuote, .formFieldElement_SubScription
{
	float: left;
}

.formFieldElementPadding
{
	float: left;
	margin-left: 45px;
}

.formFieldElement select, .formFieldElement input[type=text], .formFieldElement textarea
{
	/*font-family: Arial;*/
	/*font-size: 12px;*/
	color: #333333;
	border: 1px solid #cccccc;
	background-position-x: 195px;
}
.formFieldElement_SubScription select, .formFieldElement input[type=text], .formFieldElement textarea
{
	/*font-family: Arial;*/
/*font-size: 12px;*/
	color: #333333;
	border: 1px solid #cccccc;
	background-position-x: 235px;
}

.formFieldElement_SubScription textarea
{
	width: 380px;
}

.formFieldElement_SubScription select
{
	height: 30px;
	width: 260px;
	padding: 1px 0px;
	padding-left: 5px;
	line-height: 28px\9;
}

.formFieldElement_SubScription input[type=text]
{
	height: 28px;
	width: 253px;
	padding: 0px;
	padding-left: 5px;
	line-height: 28px\9;
}

.formFieldElement_FirmQuote select, .formFieldElement_FirmQuote input[type=text], .formFieldElement_FirmQuote textarea
{
	border: 1px solid #cccccc; /*font-family: Arial;*/
	/*font-size: 12px;*//*color: #f2f2f2;*/
	height: 28px;
	width: 200px;
	padding: 0px;
}

.formFieldElement textarea
{
	width: 380px;
}

.formFieldElement select
{
	height: 28px;
	width: 220px;
	padding: 0px;
	padding-left: 5px;
	line-height: 28px\9;
}

.formFieldElement input[type=text]
{
	height: 28px;
	width: 213px;
	padding: 0px;
	padding-left: 5px;
	line-height: 28px\9;
}

.firmQuoteCommissionDetails
{
	float: left !important;
}

.firmQuoteCommissionDetails select, .firmQuoteCommissionDetails input[type=text]
{
	float: left;
	width: 150px !important;
	background-position-x: 126px;
}

.formFieldElement_QuickQuote select, .formFieldElement_QuickQuote input[type=text]
{
	width: 200px;
	height: 28px;
}

.formHpfsRow, .formCompanyDetails, .formAlternativeLocation, .formBankDetails, .formGuarantorDetails
{
	width: 940px;
}

.formHpfsRow, .formCompanyDetails, .formAlternativeLocation, .formBankDetails, .formGuarantorDetails, .formQuickQuoteDetails_QuickQuote
{
	width: 980px;
	width: 940px\9;
}

.formLogin
{
	width: 1000px;
}

.formFieldLabelFinanceDetails
{
	width: 190px;
	width: 230px\9;
}

.frmFieldLabelFinanceDetails_QuickQuote
{
	width: 300px;
}

.formFieldLabelQuoteDetails
{
	width: 100px;
}

.formFieldLabelComapnyDetails
{
	width: 110px;
	width: 150px\9;
    word-wrap: break-word;
}

.formFieldLabelContactDetails
{
	width: 155px;
}

.formFieldLabelAlternativeLocation
{
	width: 250px;
}

.formFieldLabelBankDetails
{
	width: 140px;
}

.formFieldLabelQuickQuoteDetailsLeft
{
	width: 190px;
}

.formFieldLabelQuickQuoteDetailsLeft_QuickQuote
{
	width: 190px;
}

.formFieldLabelQuickQuoteDetailsRight
{
	width: 225px;
}

.formFieldLabelQuickQuoteDetailsRight_QuickQuote
{
	width: 240px;
}

.formFieldLabelLoginLeft
{
	width: 190px;
}

.formFieldLabelLoginRight
{
	width: 240px;
}

.formQuickQuoteDetails .formFieldElement input[type=text]
{
	width: 190px;
}

.formQuickQuoteDetails_QuickQuote .formFieldElement_QuickQuote input[type=text]
{
	width: 190px;
	padding: 0px 10px 0px 10px;
}

.formQuickQuoteDetails_QuickQuote .formFieldElement_QuickQuote input[type=text]:hover
{
	border-color:#01A982;
	color: #333333;
}

.formQuickQuoteDetails_QuickQuote .formFieldElement_QuickQuote input[type=text][disabled]:hover
{
	background: none repeat scroll 0 0 #E5E5E5;
	border-color: #CCCCCC;
	color: #B3B3B3;
}

.formQuickQuoteDetails .formFieldElement select
{
	width: 200px;
}

.formQuickQuoteDetails_QuickQuote .formFieldElement_QuickQuote select
{
	width: 200px;
}

.formFieldLabelContactUs
{
	/*font-family: Arial;*/
	/*font-size: 12px;*/
	color: #999;
	margin-right: 10px;
	padding-top: 7px;
	float: left;
	text-align: right;
	width: 200px;
}

.formDescription
{
	padding: 0 18px 10px 18px;
	color: #f2f2f2;
}

.formDescription p
{
	padding-bottom: 8px;
}

.formWatermark
{
	background: url('../images/monitor2.png') no-repeat left bottom;
	background-position: top;
	width: 300px;
	height: 337px;
	float: right;
	margin-right: 18px;
}

.formFieldTitle
{
	/*font-family: Arial;*/
	font-size: 14px;
	color: #F2F2F2; /*    text-transform: capitalize;*/
}
.wordBreak,.firmquoteCustomerInfo  span, .firmquoteCustomerInfo span label,.firmquoteCustomerInfo  div
{
    display: block;
    word-wrap: break-word;
    word-break:break-all;
}
.formRequired span
{
	position: relative;
	top: 0;
	left: 0;
	font-size: 145%;
	color: #ff6000;
}

.formFieldListElement
{
	padding-top: 5px;
	padding-left: 10px; /*font-family: Arial;*/
	font-size: 12px;
	color: #B2B2B2; /*    text-transform: capitalize;*/
}

/* Padding*/

.formFieldElementPadding select, .formFieldElementPadding input[type=text], .formFieldElementPadding textarea
{
	background-color: #343639;
	border-top: 1px;
	border-left: 1px;
	border-bottom: 0px;
	border-right: 0px; /*font-family: Arial;*/
	/*font-size: 12px;*/
	color: #999999;
}

.formFieldElementPadding textarea
{
	width: 380px;
}

.formFieldElementPadding select, .formFieldElementPadding input[type=text]
{
	border-color: #5a5a5a;
	height: 28px;
	width: 280px;
}

/*.formFieldListElement input[type=radio]
    {
        vertical-align:middle;  
        margin:0px;  
        padding-bottom:4px;
    }*/
.formDataCompanyLabel
{
	/*font-family: Arial;*/
	/*font-size: 12px;*/
	color: #333333;
	text-transform: none;
	float: left;
	padding-top: 6px;
	margin-right: 40px;
}
.formDataCompanyLabelValue,.formDataCompanyLabelValue label
{
	/*font-family: Arial;*/
	/*font-size: 12px;*/
	color: #333333;
	text-transform: none;
}

#outterDivForGrid
{
	padding-bottom: 30px;
	background-color: #FFFFFF;
}

.firmQuoteSectionTwo
{
	padding-bottom: 40px;
}

.firmQuoteSectionThree
{
	padding-bottom: 40px;
}

.formDataCompanyLabel_FirmQuote
{
	/*font-family: Arial;*/
	/*font-size: 12px;*/
	color: #333333;
	text-transform: none;
	float: left;
	padding-top: 5px;
	margin-right: 40px;
}

.space
{
	padding-left: 10px;
	padding-right: 10px;
}

.CASearchFieldPadding
{
	padding-right: 42px\9 !important;
	margin-top: 2px\9;
}

.verticalSpace
{
	padding-top: 10px;
	padding-bottom: 10px;
}

.alignRelative
{
	position: relative;
}

.bodyCopySmall
{
	padding-left: 10px; /*font-family: Arial;*/
	/*font-size: 12px;*/
	color: #999999;
	text-transform: capitalize;
}

/*HPFS Portlet Styles*/
.recordInfo
{
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	float: right; /*font-family: Arial;*/
	font-size: 11px;
	color: #f2f2f2;
}

#all
{
	background: #1D1D1D; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#35383C', endColorstr='#1D1D1D'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#35383C), to(#1D1D1D)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #35383C, #1D1D1D); /* for firefox 3.6+ */
}

/* the overlayed element */
#subGridWrapper
{
	/* initially overlay is hidden */
	display: none; /* growing background image */
	width: 951px; /* some padding to layout nested elements nicely  */
	z-index: 9200;
	height: 600px;
	background: #FFFFFF; /*font-family: Arial;*/
	font-size: 18px;
	color: #333333;
	overflow-x: hidden;
}

/* default close button positioned on upper right corner */
#subGridWrapper .close, .popupForm .close, #divInboxItem .close, #divAddPartner .close, #frmDialog .close, #UserInfo .close, #CustomerInfo .close, #DocumentExecution .close, #divOnlineContactUs .close, #tempOverlay .close
{
	background-image: url(../Images/Close_RGB_blue_NT.png);
	position: absolute;
	right: 5px;
	top: 5px;
	cursor: pointer;
	height: 18px;
	width: 18px;
}

#gridPartialSchedulePriceDiv .close
{
	background-image: url(/imageserver/hpfs/public/cleanSheet/img/closeButton.png);
	position: absolute;
	right: 5px;
	top: 5px;
	cursor: pointer;
	height: 22px;
	width: 22px;
}

.popupForm_QuickQuote
{
	display: none;
	background: #222;
	width: 1000px;
	z-index: 9200;
	height: auto;
	padding: 15px;
	text-align: left;
	border: 1px solid #333;
	opacity: 1;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 0 50px #ccc;
	-webkit-box-shadow: 0 0 50px #ccc;
	overflow-y: auto;
	overflow-x: hidden;
}

.popupForm
{
	display: none;
	background: #ffffff;
	width: 1024px; /* Daniel --original -- width: 650px;*/
	z-index: 1000;
	height: auto;
	padding: 15px;
	text-align: left;
	border: 2px solid #cccccc; /*opacity: 1;*/
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-box-shadow: 0 0 50px #ccc;
	-webkit-box-shadow: 0 0 50px #ccc;
	overflow-y: auto;
}

.inboxPopupForm
{
	display: none;
	background: #ffffff;
	width: 925px;
	z-index: 9200;
	height: auto;
	padding: 15px;
	text-align: left;
	border: 2px solid #CCCCCC; /*opacity: 1;*/
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-box-shadow: 0 0 50px #ccc;
	-webkit-box-shadow: 0 0 50px #ccc;
	overflow-y: auto;
	overflow-x: hidden;
}

.partnerListPopupForm
{
	z-index: 1200 !important;
}


.progressBar
{
	width: 85px;
	top: 0px;
	left: 0px;
}

/*.progressBar .close
{
    background-image: none;
}*/

.creditRequestDocumentUpload
{
	width: 600px;
	z-index: 9800;
}

.creditRequestDocumentList
{
	z-index: 9100;
}



/*.jqGridLinkColumn
{
    text-decoration: underline !important;
   
}*/

.jqGridDisplayColumn
{
	font-style: normal;
	cursor: none;
}

div.searchBtnDiv
{
	width: 1000px;
	width: 1000px\9;
	padding-bottom: 5px\9;
	padding-top: 15px;
	height: 40px;

}

div.searchBoxDiv
{
	/*    background-color: #FF712B;*/
	background-color: #00B388;
	height: 200px;
	width: 1024px;
}

div.QQformFieldElement input[type=text]
{
	background: transparent;
	color: #000000 !important;
	border: none;
	text-align:center;
    width:100%;

}

.ElementCenter
{
	background: transparent;
	color: #000000 !important;
	border: none;
	text-align: center;
}

#briefCustomerDetails
{
	height: 60px;
	margin-top: 20px;
	margin-bottom: -6px;
	padding-left: 18px;
}

#saveButtonSection
{
	padding-bottom: 15px;
}

.formFieldLabel_FirmQuote
{
	display: block;
}

#moreDetailsBtn
{
	float: right;
	height: 25px !important;
	width: auto;
	/*font-size: 12px;*/
	vertical-align: middle;
	margin-left: 0px;
	margin-top: -18px;
	margin-top: -30px\9;
	padding-left: 5px;
	padding-right: 20px;
	padding-top: 3px;
	outline: none;
	background-color: transparent;
	color: #000000;
	background-image: url("../images/Toggle_Arrows.png");
	background-repeat: no-repeat;
    background-position-y: -11px;

}

#moreDetailsBtn_ContactCustomer
{
	float: right;
	height: 25px !important;
	width: auto;
	/*font-size: 12px;*/
	vertical-align: middle;
	margin-left: 0px;
	margin-top: -18px;
	margin-top: -30px\9;
	padding-left: 5px;
	padding-right: 20px;
	padding-top: 3px;
	outline: none;
	background-color: transparent;
	color: #000000;
	background-image: url("../images/Toggle_Arrows.png");
	background-repeat: no-repeat;
    background-position-y: -11px;

}

#moreDetailsBtn_Guarant
{
	float: right;
	height: 25px !important;
	width: auto;
	/*font-size: 12px;*/
	vertical-align: middle;
	margin-left: 0px;
	margin-top: -18px;
	margin-top: -30px\9;
	padding-left: 5px;
	padding-right: 20px;
	padding-top: 3px;
	outline: none;
	background-color: transparent;
	color: #000000;
	background-image: url("../images/Toggle_Arrows.png");
	background-repeat: no-repeat;
    background-position-y: -11px;

}

.arrowImageChange
{
	background-position-y:11px !important;
}

#moreDetailsBtn:hover
{
	color: #006699;
}

#moreDetailsBtn_ContactCustomer:hover
{
	color: #006699;
}

#moreDetailsBtn_Guarant:hover
{
	color: #006699;
}

#ApplyForCredit
{
	margin-left: 100px;
}
/*
#SearchBtn
{
    background-color: #007DBA;
}
*/
#PrintBtn
{
	/*height: 22px;     border-top-right-radius: 4px;     border-bottom-left-radius: 4px;     vertical-align: middle;     font-size: 9px;     background-color: #007DBA;     color: #FFFFFF;     width: auto;     font-family: arial;*/
	margin-left: 100px;
}

#SaveBtn
{
	/* height: 22px;     border-top-right-radius: 4px;     border-bottom-left-radius: 4px;     vertical-align: middle;     font-size: 9px;     background-color: #007DBA;     color: #FFFFFF;     width: auto;     font-family: arial;*/
	margin-left: 5px;
}

#SearchSection
{
	float: right;
}

/*table #btnSubmit
{
    margin-left: 40%;  
}*/

/*#UnitPriTxtBox, #QuantityTxtBox
{
  background-color: #343639;
  color: #f2f2f2;
  height: 22px;
  line-height:22px;
  border: 1px solid #111;  
}*/

/*#ReadonlyPriTxtBox
{
  background-color : #343639;
  color: #f2f2f2;
  height: 22px;
  line-height:22px;
  border: 1px solid;  
}*/

#ProductSelectError, #PriceError, #QuantityError
{
	padding-left: 17px;
}

button.HPStyleRoundButtons
{
	height:  20px !important;
	width: 20px;
	background-image: url(../images/Plus-Minus.png);
	background-repeat: no-repeat;
	background-position: 8px -2px;
	background-position: 1px -3px\9;
	background-color: #FFFFFF;
	outline: none;
}

/*button.HPStyleButtons:hover
{
    background-color: #FFFFFF !important;   
}*/

button.HPStyleRoundButtons:hover
{
	background-color: #ffffff !important;
}

a.HPStyleRoundButtons
{
	height: 20px !important;
	width: 20px !important;
	height: 18px\9 !important;
	background-image: url(../images/Plus-Minus.png);
	background-repeat: no-repeat;
	background-position: 11px -22px;
	background-color: #FFFFFF !important;
	display: inline-block;
	padding-left: 5px\9 !important;
	padding-top: 0px\9 !important;
	padding-bottom: 5px\9 !important;
}

/*a.HPStyleRoundButtons:hover
{
    background-color: red !important;
    text-decoration:none;
    color: #ffffff;
}*/

/*a.HPStyleButtons:hover
{
    background-color: #00B388 !important;
}*/

#DisclaimerBtn
{
	height: 28px;
	width: auto;
	background: transparent;
/*font-size: 12px;*/
	color: #383838;
	vertical-align: middle;
	margin-left: 0px;
	padding: 0px 15px 0px 0px;
	outline: none;
	background-image: url("../images/Toggle_Arrows.png");
	background-repeat: no-repeat;
    background-position-y: 15px; 
}

.DisclaimerBtnArrowChange
{
	background-position-y: -7px !important; 
}

#CalcResultTableFormatOne
{
	height: 20px;
	table-layout: fixed;
	text-align: center;
	margin-left: 10%;
	margin-right: 10%;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	vertical-align: middle;
	width: 80%;
	border: 2px solid #cccccc;
	margin-bottom: 8px;
}
/*
#TotalAmount, #TotalFinancedAmount, .readonly
{
    background-color: #767676;
    border-top: 1px;
    border-left: 1px;
    border-bottom: 0px;
    border-right: 0px;
    font-family: Arial;
    font-size: 12px;
    color: #f2f2f2;
}
*/
#DisclaimerBtn:hover
{
	color: #01A982 !important;
}

.dataSectionTextBox
{
	width: auto;
	display: inline;
	margin-right: 50px;
}

.dataSectionTextBox input[type=text]
{
	border-color: #000000;
	height: 28px;
	width: 180px;
	background-color: #343639;
	color: #f2f2f2;
}


input.primaryBtn
{
	background: transparent url('../Images/btn_primary_right.png') no-repeat scroll right top;
	display: block;
	float: left; /*font-family: Arial;*/
	margin-right: 6px;
	padding-right: 10px;
	color: #F2F2F2;
	font-weight: bold;
	font-size: 9px;
	height: 21px;
	text-transform: uppercase;
	text-decoration: none;
}

/* primaryBtn style for BUTTON element */
/*
button
{
    position: relative;
    border: 0;
    padding: 0;
    cursor: pointer;
    overflow: visible; */
/* removes extra side padding in IE */


button::-moz-focus-inner
{
	border: none; /* overrides extra padding in Firefox */
}
/*
button span
{
    position: relative;
    display: block;
    white-space: nowrap;
}
*/
@media screen and (-webkit-min-device-pixel-ratio:0)
{
	/* Safari and Google Chrome only - fix margins */
	button span
	{
		margin-top: -1px;
	}
}

/* REQUIRED BUTTON STYLES: */
/*
button
{
    float: left;
    border: 0;
    padding: 0;
    cursor: pointer;
    overflow: visible; 
}
*/
button::-moz-focus-inner
{
	border: none; /* overrides extra padding in Firefox */
}
/*
button span
{
    position: relative;
    display: block;
    white-space: nowrap;
    height: 21px;
}
*/
/* OPTIONAL BUTTON STYLES for applying custom look and feel: */


#countInbox
{
	font-weight: bold;
}

#countInbox:hover
{
	text-decoration: none;
}

button.actionRQbtn
{
	background: transparent url('../Images/btn_primary_right.png') no-repeat scroll right top;
	display: block;
	float: left; /*font-family: Arial;*/
	margin-top: 3px;
	width: 100%;
	color: #F2F2F2;
	font-weight: bold;
	font-size: 9px;
	height: 21px;
	width: 100%;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
}

button.actionRQbtn span
{
	background: transparent url('../Images/btn_primary_left.png') no-repeat scroll left top;
	line-height: 21px;
	padding: 0 0 0 10px;
	height: 21px;
	width: 50%;
}

button.actionRQbtn:hover, button.actionRQbtnHover
{
	/* the redundant class is used to apply the hover state with a script */
	background-position: 100% -21px; /*font-family: Arial;*/
	color: #F2F2F2;
	font-weight: bold;
	font-size: 9px;
	height: 21px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
}

button.actionRQbtn:hover span, button.actionRQbtnHover span
{
	background-position: 0% -21px;
	line-height: 21px;
	padding: 0 0 0 10px;
	height: 21px;
}
/*
button.submitBtn
{
    background: transparent url('../Images/btn_primary_right.png') no-repeat scroll right top;
    display: block;
    float: left;
    font-family: Arial;
    margin-right: 6px;
    padding-right: 10px;
    margin-top: 3px;
    color: #F2F2F2;
    font-weight: bold;
    font-size: 9px;
    height: 21px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
}
*/

/*
button.submitBtn span
{
    background: transparent url('../Images/btn_primary_left.png') no-repeat scroll left top;
    line-height: 21px;
    padding: 0 0 0 10px;
    height: 21px;
}*/

/*
button.submitBtn:hover, button.submitBtnHover
{
  
    background-position: 100% -21px;
    font-family: Arial;
    margin-right: 6px;
    padding-right: 10px;
    color: #F2F2F2;
    font-weight: bold;
    font-size: 9px;
    height: 21px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
}

button.submitBtn:hover span, button.submitBtnHover span
{
    background-position: 0% -21px;
    line-height: 21px;
    padding: 0 0 0 10px;
    height: 21px;
}
*/
a.secondaryBtn
{
	background: transparent url('../Images/btn_secondary_right.png') no-repeat scroll right top;
	display: block;
	float: left; /*font-family: Arial;*/
	margin-right: 6px;
	padding-right: 10px;
	color: #F2F2F2;
	font-weight: bold;
	font-size: 9px;
	height: 21px;
	text-transform: uppercase;
	text-decoration: none;
}

a.secondaryBtn span
{
	display: block;
	background: transparent url('../Images/btn_secondary_left.png') no-repeat scroll left top;
	padding: 0 0 0 10px;
	white-space: nowrap;
	line-height: 21px;
	text-decoration: none;
}

a.secondaryBtn:hover span
{
	background-position: 0% -21px;
}

a.secondaryBtn::-moz-focus-inner
{
	border: none;
}

/*HPFS Header Styles*/
div.hpfs_header
{
	width: 1024px;
	margin: auto;
	height: 100px;
	background-image: url(../Images/Marquee_Purple.jpg);
}

div.hpfs_header div.hpfs_header_left
{
	float: left;
	padding-left: 15px;
	padding-top: 15px;
}

div.hpfs_header div.hpfs_header_right
{
	float: right;
	padding-right: 25px;
	padding-top: 5px;
}

div.hpfscpHeaderTitle
{
	/*font-family: Arial;*/
	font-size: 14px;
	color: #3399FF;
	font-weight: bold;
	text-transform: uppercase;
}
/*
div.hpfs_header a, a:visited
{
    text-decoration: none;
    color: #f2f2f2;
}
*/
div.hpfs_header a:hover
{
	text-decoration: underline;
	color: #f2f2f2;
}

/*Header NAV Tab strip*/
#hpfs_header_nav
{
	float: left;
	width: auto;
	height: 32px;
	background: #ffffff;
	margin-top: 0px;
	font-family: Metric_Bold, Arial, sans-serif;
	font-size: 16px;
}

li.navTabActive
{
	border-bottom-color: #ffffff !important;
	border-top: 3px solid #617D78 !important;
}

li.navTab
{
	border-top: 3px solid transparent;
}

.navTabActive:before
{
	content: '';
	display: block;
	position: relative;
	top: 0px;
	left: 50%;
	width: 0;
	height: 0;
	border-color: #617D78 transparent transparent;
	border-style: solid;
	border-width: 6px;
	margin-left: -8px;
	margin-bottom: 4px;
	line-height: 20px;
}

.navTabActive > a
{
	margin-top: -9px !important;
}

.navTabActive
{
	border-top-style: solid;
	border-top-width: 3px;
	border-top-color: #617D78;
}
.navTab:hover
{
	border-top-style: solid;
	border-top-color: #617D78;
}
.activeTagTringle
{
	display: block;
	position: relative;
	top: -22px;
	left: 12px;
	width: 0;
	height: 0;
	border-color: #617D78 transparent transparent transparent;
	border-style: solid;
	border-width: 7px;
}

#hpfs_header_nav div.hpfs_header_nav_inbox
{
	float: right;
	border-bottom: #ffffff;
}

#InboxList
{
	color: #000;
	text-decoration: none;
	position: relative;
}

/*Header subNAV Tab strip*/
#hpfs_header_subnav
{
	float: left;
	width: 1000px;
	height: 20px; /*background: #eeeeee;*/
	margin-top: 0px;
	font-size: 14px;
}

/*HPFS Footer Styles*/
div.hpfs_footer
{
	background-color: #f7f7f7;
	width: 1000px;
	margin: auto;
	margin-bottom: 5px;
	height: 75px;
}

div.footerGradient
{
	width: 1000px;
	margin: auto;
	height: 25px;
	background: #212121;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#f2f2f2)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #ffffff, #f2f2f2); /* for firefox 3.6+ */
}

div.hpfs_footer div.hpfs_footer_left
{
	width: 392px;
	float: left;
	margin-left: 25px;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	height: 75px;
}

div.hpfs_footer div.hpfs_footer_right
{
	width: 532px;
	height: 75px;
	float: right;
	margin-right: 25px;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}

.width60
{
	width: 60px !important;
}

#quicklinks
{
	margin-left: 0px;
	margin-top: 3px;
	text-align: left;
}

#support
{
	margin-left: 0px;
	margin-top: 3px;
	text-align: left;
}

div.footpipe
{
	border-left: 2px solid #F2F2F2;
}

div.footerSubTitle
{
	/* color: #ADADAD;     font-family: Arial;*/
	/*font-size: 12px;*/
}

div.footerSubTitleR
{
	margin-left: 40px; /*color: #ADADAD;     font-family: Arial;*/
	/*font-size: 12px;*/
}

#quicklinks td, #support td
{
	padding: 5px 60px 0px 0PX;
}

/*#quicklinks a, #support a, #quicklinks a:visited, #support a:visited
{
    color: #000000;
    font-family: Arial;
    font-size: 12px;
    text-decoration: none;
}*/

/*#quicklinks a:hover, #support a:hover
{
    color: #ADADAD;
    font-family: Arial;
    font-size: 12px;
    text-decoration: underline;
}


/*Cleansheet Shared Styles*/
.header1
{
	/*font-family: Arial;*/
	font-size: 26px; /*color: #f2f2f2;*/
}

.header2
{
	/*font-family: Arial;*/
	font-size: 16px; /*color: #f2f2f2;*/
}

.header3
{
	/*font-family: Arial;*/
	font-size: 14px; /*color: #f2f2f2;*/
}

.clearboth
{
	clear: both;
}

.errorMsg
{
	width: 220px;
	color: #FF454F;
	/*font-size: 12px;*/
	float: none;
}

label
{
	width: auto;
	float: left;
}

label.error
{
	float: none;
	color: #FF454F;
	display: block;
}

.errorField
{
	background-color: FF454F !important;
}

label.info
{
	float: none;
	color: #FF454F;
	padding-left: .5em;
	vertical-align: top;
}

p
{
	clear: both;
}

.submit
{
	margin-left: 12em;
}

em
{
	font-weight: bold;
	padding-right: 1em;
	vertical-align: top;
}

.overview
{
	padding-left: 0px;
}
.overviewLandingHight
{
	min-height: 350px;
}

.alignOverview
{
	/*padding-left: 80px;
	padding-top: 30px;*/
}

.linkOverview
{
	/*font-size: 12px;*/
}

.ulOverview
{
	list-style-type: disc;
}

.ulOverview > li
{
	float: none;
	padding-bottom: 5px;
}

.noteOverview
{
	padding-left: 40px;
	width: 770px;
}

.widthOverview
{
	width: 110px;
}

.widthOverviewlong
{
	width: 150px;
}

.widthOvervewlong
{
	width: 250px;
	padding-top: 6px;
}

/*style of jquery datatable to mockup jqgrid*/
.dataTables_scrollHeadInner table {
    border-collapse:collapse;
}
.dataTables_scrollHeadInner table thead tr th, .dataTables_scrollFoot table tfoot tr th
{
	
	color: #333333; /*font: normal normal 12px Arial;*/
	padding: 10px 0;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #cccccc;
	border-bottom: none !important;
}
.dataTables_scrollBody table tbody tr td
{

    border-bottom: none !important;
    border-right: none !important;
    border-left: 1px solid #cccccc !important;
    border-top: 1px solid #cccccc !important;
}
.dataTables_scrollBody {
    border-bottom: 1px solid #cccccc;
}
.dataTables_scrollBody table tbody tr td:last-child {
    border-right: 1px solid #cccccc !important;
}
.jqCell td
{
	border: 1px solid #cccccc;
	text-align: center;
	/*font-size: 12px;*/
	padding: 6px 0;
}

.jqCell
{
	border-spacing: 0;
}


#CalcResultTable
{
	width: 100%;
}

.MvcDynamicHorizontal
{
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}

.MvcDynamicOrientableList
{
	padding: 0 1px 1px;
	margin-left: 0;
	font: bold 12px Arial, sans-serif;
}

.MvcDynamicOrientableList li
{
	list-style: none;
	margin: 0;
	border-top: 1px solid gray;
	display: inline;
}

/*.ui-autocomplete-loading
{
	background: url('../images/ui-anim_basic_16x16.gif') right center no-repeat;
}*/
.ui-autocomplete-loading {
  
  background-image: url('../images/ui-anim_basic_16x16.gif');
  background-repeat: no-repeat;
  background-position-x: right !important;
  background-position-y: center;
  background-size: 16px 16px;
}
.ui-autocomplete
{
	max-height: 150px;
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 20px;
}

.ui-widget button
{
	font-size: 9px; /*font-family: Arial;*/
}

#StatusDiv ul, #StatusDiv li
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#StatusDiv #breadcrumbs
{
	height: auto; /*2.7em*/
	border: 0px solid #c9c9c9;
	width: 998px;
	white-space: nowrap;
}

#StatusDiv #breadcrumbs li
{
	margin-left: 12px;
	float: left;
	line-height: 2.7em;
	color: #777;
	padding-left: 0em;
/*font-size: 12px;*/
	white-space: nowrap;
}

#StatusDiv #breadcrumbs li.first
{
	margin-left: 0;
}

/*#StatusDiv #breadcrumbs .active  li
{
    float: left;
    color: #FFFFFF;
    padding-left: .85em;
    font-size: 12px;
}*/

#StatusDiv #breadcrumbs li.active
{
	color: #333333;
	border-bottom: 1px solid #333333;
}

#StatusDiv #breadcrumbs li a
{
	display: block;
	padding: 0 10px 0 0;
}

#StatusDiv #breadcrumbs li a:link, #StatusDiv #breadcrumbs li a:visited
{
	color: #777;
	text-decoration: none;
}


#StatusDiv a:link, #StatusDiv a:visited, #StatusDiv #breadcrumbs li a:hover, #StatusDiv #breadcrumbs li a:focus
{
	color: #222;
}

.creditApplicationOverview
{
	padding-left: 10px;
}

.overviewQuoteList
{
	padding-left: 15px;
}

.ui-widget
{
	/*font-size: 12px;*/
}

/**FIrm Quote Screen**/
#LeaseGridList
{
	padding-bottom: 8px;
}

/* Report Detail */
.jqFilterTh
{
	height: 30px;
	padding: 0 2px 0 2px;
	border-left: 0px none;
	border-top: 0px none;
	border-bottom: 0px none;
}

.jqFilterThCol
{
	width: 210px;
}

.jqFilterThOp
{
	width: 180px;
}

.jqFilterThVal
{
	width: 500px;
}

#reportFilter .filterCol, #reportFilter .filterOp
{
	text-align: center;
	vertical-align: top;
}

#reportFilter .filterVal
{
	padding-left: 5px;
}

#reportFilter .filterVal .filterTextArea
{
	padding: 0;
	margin: 0;
	border: 0;
	display: inline;
	width: 100%;
}

#reportFilter .filterVal .textwrapper
{
	margin: 0;
	padding: 0;
}
.textbr
{
    white-space:normal; 
    word-wrap:break-word !important;
}
#gbox_reportFilter
{
	margin-bottom: 5px;
}

.filterRow
{
	overflow: hidden;
}

.ui-dialog .ui-dialog-content
{
	overflow: hidden;
	background-color: #ffffff;
	background-image: url(../images/ui-bg_flat_100_ffffff_40x100.png);
	background-repeat: repeat;
}

#divCreditApplicationStatus
{
	display: none;
	padding-top: 15px;
	padding-left: 10px;
}

#StatusDiv div
{
	float: left;
	padding-bottom: 10px;
	width: 100%;
}

.CRSatusDetails
{
	float: left;
	padding-top: 10px;
	clear: both;
	padding-top: 20px\9;
	padding-bottom: 20px;
	padding-bottom: 20px\9;
}

.medialeft
{
	float: left;
	width: 700px;
}

.mediaright
{
	float: left;
	width: 300px;
}

.dataTbl
{
	width: 100%;
	border-spacing: 0px;
}

.divMask
{
	position: relative; /* This fixes the IE7 overflow hidden bug */
	clear: both;
	float: left;
	width: 100%;
	overflow: hidden;
}

.divMask .imgmask
{
	float: left;
	position: relative;
	padding: 0 0 1em 0;
	width: 334px;
	height: 391px;
}

.divMask #divImg1
{
	background-image: url('../homeimages/leftImage_W1.jpg');
	background-repeat: no-repeat;
}

.divMask #divImg2
{
	background-image: url('../homeimages/centerImage_W1.jpg');
	background-repeat: no-repeat;
	margin-right: -99px;
}

.divMask #divImg3
{
	background-image: url('../homeimages/rightImage_W1.jpg');
	background-repeat: no-repeat;
	margin-left: 99px;
}


.divMask .imgmaskDE
{
	float: left;
	position: relative;
	padding: 0 0 1em 0;
	width: 424px;
	height: 391px;
}

.filter-opacity
{
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.divMask a:hover
{
	text-decoration: none\9;
}

.divMask .imgmask .caption
{
	position: relative;
	color: #000000;
	font-size: 22px;
	top: 40px;
	margin-left: 45px;
	cursor: pointer;
	text-decoration: none;
	line-height: 20px;
}

.divMask .imgmask .captionDE
{
	position: relative;
	color: #333333;
	font-size: 22px;
	top: 40px;
	margin-left: 45px;
	cursor: pointer;
	text-decoration: none;
	line-height: 20px;
}

.divMask .imgmask .captionPromotions a
{
	padding-left: 50px;
}

.divMask .imgmask .captionPromotionsDE a
{
	padding-left: 50px;
}

.divMask .imgmask .captionReporting a
{
	padding-left: 95px;
}

.divMask .imgmask .captionReportingDE a
{
	padding-left: 95px;
}

.divMask .imgmask .content
{
	display: block;
	position: relative;
	margin-left: 50px;
	width: 280px;
	top: 50px;
	text-decoration: none;
	color: #333333;
	/*font-size: 12px;*/
	font-weight: bold;
	visibility: hidden;
}

.divMask .imgmask .contentDE
{
	display: block;
	position: relative;
	margin-left: 50px;
	width: 280px;
	top: 50px;
	text-decoration: none;
	color: #333333;
	/*font-size: 12px;*/
	font-weight: bold;
	visibility: hidden;
}

.divMask .imgmask .contentPromotions
{
	margin-left: 33px;
}

.divMask .imgmask .contentPromotionsDE
{
	margin-left: 60px;
}

.divMask .imgmask .contentReporting
{
	margin-left: 80px;
}

.divMask .imgmask .contentReportingDE
{
	margin-left: 50px;
}

.ProductCategoryLayout
{
	float: none;
}

.header15
{
	/*font-family: Arial;*/
	font-size: 15px;
	color: #f2f2f2;
}

.formFieldElementLogin input[type=text]
{
	font-size: 16px;
	width: 290px;
	height: 32px;
	line-height: 30px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 15px;
}

.formFieldElementLogin input[type=password]
{
	font-size: 16px;
	line-height: 30px;
	width: 290px;
	height: 32px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 20px;
}

.formFieldLabelLogin
{
	/*font-family: Arial;*/
	/*font-size: 12px;*/
	color: #999;
	margin-right: 0px;
	float: left;
	text-align: left;
	width: 200px;
}

.moreInfoTips
{
  position: relative;
  background-image: url('../images/help.png');
  background-repeat: no-repeat;
  background-size: 17px 17px;
  width: 17px;
  height: 17px;
  top: -23px;
}

.InfoTipLeft
{
	left: 220px !important;
}
.InfoTipLeftLeaseType/*//swati*/
{
    position: relative;
  background-image: url('../images/help1.png');
  background-repeat: no-repeat;
  /*background-size: 17px 17px;*/
  width: 17px;
  height: 34px;
   
}
.InfoTipLeftLeaseTypedisabledbutton {
    pointer-events: none;
 }
.moreInfoTips:hover .moreInfoText
{
	display: inline-block;
}

.moreInfoTips:hover .moreInfoTextForSub
{
	display: inline-block;
}
.InfoTipLeftLeaseType:hover .moreInfoText {
        display: inline-block;
        text-align: left;
        left: -180px;
        font-size: 14px;
        /*font-family: Arial;*/
        width: 180px;
        line-height: 20px;
        margin: -10px 10px;
        position: relative;
        top:-30px;/*Swati-3010*/
}
.moreInfoTips-Right
{
	position: relative;
	background-image: url('../images/help.png');
	background-repeat: no-repeat;
	background-size: 17px 17px;
	width: 17px;
	height: 17px;
	top: 7px;
}

.moreInfoTips-Right:hover .moreInfoText
{
	display: inline-block;
}

.moreInfoTips-Right .moreInfoText
{
	background: none repeat scroll 0 0 white;
	border: 2px solid #00B388;
	color: #777777;
	font-size: 14px; /*font-family: Arial;*/
	width: 300px;
	line-height: 20px;
	margin: -10px 10px;
	position: relative;
	text-align: left;
	left: -10px;
	display: none;
	padding: 0 20px;
	position: relative;
}

.moreInfoTips-Right .moreInfoText:after
{
	content: '';
	position: absolute;
	bottom: -7px;
	width: 10px;
	height: 10px;
	border-bottom: 2px solid #00B388;
	border-right: 2px solid #00B388;
	background: white;
	left: 94.5%;
	margin-left: -316px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.moreInfoTips-RightForSub
{
	position: relative;
	background-image: url('../images/help.png');
	background-repeat: no-repeat;
	background-size: 17px 17px;
	width: 17px;
	height: 17px;
	/*top: -2px !important;*/
}

.moreInfoTips-RightForSub:hover .moreInfoTextForSub
{
	display: inline-block;
}

.moreInfoTips-RightForSub .moreInfoTextForSub
{
	background: none repeat scroll 0 0 white;
	border: 2px solid #00B388;
	color: #777777;
	font-size: 14px; /*font-family: Arial;*/
	width: 300px;
	line-height: 20px;
	margin: -10px 10px;
	position: relative;
	text-align: left;
	left: -10px;
	display: none;
	padding: 0 20px;
	position: relative;
}

.moreInfoTips-RightForSub .moreInfoTextForSub:after
{
	content: '';
	position: absolute;
	bottom: -7px;
	width: 10px;
	height: 10px;
	border-bottom: 2px solid #00B388;
	border-right: 2px solid #00B388;
	background: white;
	left: 94.5%;
	margin-left: -316px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.moreInfoTips-RightForTaxExempt
{
	position: relative;
	background-image: url('../images/help.png');
	background-repeat: no-repeat;
	width: 17px;
	height: 17px;
	/*top: -2px !important;*/
	background-size: 17px 17px;
}

.moreInfoTips-RightForTaxExempt:hover .moreInfoTextForTaxExempt
{
	display: inline-block;
}

.moreInfoTips-RightForTaxExempt .moreInfoTextForTaxExempt
{
	background: none repeat scroll 0 0 white;
	border: 2px solid #00B388;
	color: #777777;
	font-size: 14px; /*font-family: Arial;*/
	line-height: 20px;
	margin: -30px 10px;
	position: relative;
	text-align: left;
	left: -10px;
	display: none;
	padding: 0 20px;
	position: relative;
}

.moreInfoTips-RightForTaxExempt .moreInfoTextForTaxExempt:after
{
	content: '';
	position: absolute;
	bottom: -7px;
	width: 10px;
	height: 10px;
	border-bottom: 2px solid #00B388;
	border-right: 2px solid #00B388;
	background: white;
	left: 94.5%;
	margin-left: -285px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.HelpDeskDivTop
{
	top: 5px;
}

.HelpDeskHelpPosition {
    top: 28px; /*-20px;*/
    margin-left: -5px;
}

#divHelpDeskHelp
{
    display: none;
}

.moreInfoTips-HelpDesk
{
	position: relative;
	background-image: url('../images/help.png');
	background-repeat: no-repeat;
	width: 17px;
	height: 17px;
	/*top: -2px !important;*/
	background-size: 17px 17px;
}

.moreInfoTips-HelpDesk .moreInfoTextForHelpDesk
{
	background: none repeat scroll 0 0 white;
    border: 2px solid #00B388;
    color: #777777;
    font-size: 14px; /*font-family: Arial;*/
    line-height: 15px;
    display: inline-block;
    text-align: left;
    padding: 0 20px;
    position: relative;
    white-space: nowrap;
}

.moreInfoTips-HelpDesk .moreInfoTextForHelpDesk:after
{
	content: '';
    position: absolute;
    top: -7px;
    width: 9px;
    height: 11px;
    border-top: 2px solid #00B388;
    border-left: 2px solid #00B388;
    background: white;
    left: 2%;
    margin-left: 2px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.moreInfoText
{
	background: none repeat scroll 0 0 white;
	border: 2px solid #00B388;
	color: #777777;
	font-size: 14px; /*font-family: Arial;*/
	width: 380px;
	line-height: 20px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	left: -10px;
	display: none;
	padding: 0 20px;
	position: relative;
	margin-top: 40px;
}

.moreInfoText:after
{
	content: '';
	position: absolute;
	bottom: -8px;
	width: 9px;
	height: 11px;
	border-bottom: 2px solid #00B388;
	border-right: 2px solid #00B388;
	background: white;
	left: 94.5%;
	margin-left: 5px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.moreInfoTextForSub
{
	background: none repeat scroll 0 0 white;
	border: 2px solid #00B388;
	color: #777777;
	font-size: 14px; /*font-family: Arial;*/
	width: 380px;
	line-height: 20px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	left: -10px;
	display: none;
	padding: 0 20px;
	position: relative;
	margin-top: 40px;
}

.moreInfoTextForSub:after
{
	content: '';
	position: absolute;
	bottom: -10px;
	width: 10px;
	height: 10px;
	border-bottom: 2px solid #00B388;
	border-right: 2px solid #00B388;
	background: white;
	left: 94.5%;
	margin-left: 5px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.moreInfoTextForTaxExempt
{
	background: none repeat scroll 0 0 white;
	border: 2px solid #00B388;
	color: #777777;
	font-size: 14px; /*font-family: Arial;*/
	width: 265px;
	line-height: 20px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	left: -10px;
	display: none;
	padding: 0 20px;
	position: relative;
	margin-top: 40px;
}

.moreInfoTextForTaxExempt:after
{
	content: '';
	position: absolute;
	bottom: -10px;
	width: 10px;
	height: 10px;
	border-bottom: 2px solid #00B388;
	border-right: 2px solid #00B388;
	background: white;
	left: 94.5%;
	margin-left: 5px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.InfoTipTop0
{
    top: 0px!important;
}

.InfoTipTop15
{
    top: 15px!important;
}

.moreInfoTextEquipmentuploadHelp
{
	background: none repeat scroll 0 0 white;
	border: 2px solid #008666;
	color: #777777;
	font-size: 14px; /*font-family: Arial;*/
	width: 240px;
	line-height: 20px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	left: -10px;
	display: none;
	padding: 0 20px;
	position: relative;
	margin-top: 40px;
	left: -255px;  
	top: -80px;
}

.moreInfoTextEquipmentuploadHelp:after
{
	content: '';
	position: absolute;
	bottom: -8px;
	width: 9px;
	height: 11px;
	border-bottom: 2px solid #008666;
	border-right: 2px solid #008666;
	background: white;
	left: 90.5%;
	margin-left: 5px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.moreInfoTips:hover .moreInfoTextEquipmentuploadHelp
{
	display: inline-block;
}

.moreInfoTextEquipmentuploadPhoneHelp
{
	background: none repeat scroll 0 0 white;
	border: 2px solid #008666;
	color: #777777;
	font-size: 14px; /*font-family: Arial;*/
	width: 210px;
	line-height: 20px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	display: none;
	padding: 0 20px;
	position: relative;
	margin-top: 40px;
	top: -140px;
    right: -25px;
}

.moreInfoTextEquipmentuploadPhoneHelp:after
{
	position: absolute;
	bottom: -8px;
	width: 9px;
	height: 11px;
	background: white;
	left: 90.5%;
	margin-left: 5px;
}

.moreInfoTips:hover .moreInfoTextEquipmentuploadPhoneHelp
{
	display: inline-block;
}

.moreInfoTips-FirmQuoteComment
{
}

.moreInfoTips-FirmQuoteComment:hover .moreInfoTextForFirmQuoteComment
{
	display: inline-block;
}

.moreInfoTextForFirmQuoteComment
{
	background: none repeat scroll 0 0 white;
	border: 2px solid #00B388;
	color: #777777;
	/*font-size: 12px;*/ /*font-family: Arial;*/
	width: 100px;
	line-height: 15px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	left: -80px;
	top: -25px;
	display: none;
	position: relative;
	padding: 0px 10px 5px 10px;
}

.moreInfoTextForFirmQuoteComment:after
{
	content: '';
	position: absolute;
	bottom: -5px;
	width: 5px;
	height: 5px;
	border-bottom: 2px solid #00B388;
	border-right: 2px solid #00B388;
	background: white;
	left: 70%;
	margin-left: 5px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.verticalLine
{
	height: 200px;
	border-left: thin solid grey;
}

.loginlinks
{
	/*text-decoration: underline;     color: white;*/
	padding: 1px;
	line-height: 20px;
}


/*********************************************************************************************************************************************/
/*Cleansheet Forms Styles*/

/* Global Declaration */

div.selecter, div.selecter span, div.checker span, div.radio span
{
	background-image: url(../Images/cleansheetForms.png);
	background-repeat: no-repeat;
}
/*div.uploader, div.uploader span.action { background-image: url(../Images/sprite-agent.png); background-repeat: no-repeat; }*/
.selecter, .radio, .checker, .uploader, .selecter *, .radio *, .checker *, .uploader *
{
	margin: 0;
	padding: 0;
}

/* SPRITES */

/* Select */

div.selecter
{
	/*left cap*/
	background-position: -483px -28px;
	line-height: 30px;
	height: 30px;
}

/*select body background*/
div.selecter span
{
	background-position: right 2px;
	height: 30px;
	line-height: 30px;
}

/*dropdown position*/
div.selecter select
{
	top: 10px;
	left: 5px;
}

div.selecter:active, div.selecter.active
{
	background-position: -483px -28px;
}

div.selecter:active span, div.selecter.active span
{
	background-position: right 2px;
}

div.selecter.focus, div.selecter.hover, div.selecter:hover
{
	background-position: -483px -28px;
}

div.selecter.focus span, div.selecter.hover span, div.selecter:hover span
{
	background-position: right 2px;
}

div.selecter.focus:active, div.selecter.focus.active, div.selecter:hover:active, div.selecter.active:hover
{
	background-position: -483px -28px;
}

div.selecter.focus:active span, div.selecter:hover:active span, div.selecter.active:hover span, div.selecter.focus.active span
{
	background-position: right 2px;
}

div.selecter.disabled, div.selecter.disabled:active, div.selecter.disabled.active
{
	background-position: -483px -28px;
}

div.selecter.disabled span, div.selecter.disabled:active span, div.selecter.disabled.active span
{
	background-position: right 2px;
}

/* Checkbox */
div.checker
{
	width: 14px;
	height: 15px;
	display: inline;
}

div.checker input
{
	width: 14px;
	height: 15px;
}

div.checker span
{
	background-position: right -83px;
	height: 15px;
	width: 14px;
}

div.checker span.checked
{
	background-position: right -62px;
}

/* radio */
div.radio
{
	width: 14px;
	height: 15px;
	display: inline;
}

div.radio input
{
	width: 14px;
	height: 15px;
}

div.radio span
{
	height: 15px;
	width: 14px;
	background-position: right -127px;
}

div.radio span.checked
{
	background-position: right -105px;
}

div.radio.disabled span, div.radio.disabled:active span, div.radio.disabled.active span
{
	background-position: -184px -343px;
}

/* uploader */

div.uploader
{
	background-position: 0px -366px;
	height: 32px;
}

div.uploader span.action
{
	background-position: right -494px;
	height: 24px;
	line-height: 24px;
}

div.uploader span.filename
{
	height: 24px; /* change this line to adjust positioning of filename area */
	margin: 4px 0px 4px 4px;
	line-height: 24px;
}

div.uploader.focus, div.uploader.hover, div.uploader:hover
{
	background-position: 0px -430px;
}

div.uploader.focus span.action, div.uploader.hover span.action, div.uploader:hover span.action
{
	background-position: right -526px;
}

div.uploader.active span.action, div.uploader:active span.action
{
	background-position: right -558px;
}

div.uploader.focus.active span.action, div.uploader:focus.active span.action, div.uploader.focus:active span.action, div.uploader:focus:active span.action
{
	background-position: right -590px;
}

div.uploader.disabled
{
	background-position: 0px -398px;
}

div.uploader.disabled span.action
{
	background-position: right -462px;
}

/* PRESENTATION */

/* Select */
div.selecter
{
	/*margin-bottom: 20px;*/
	width: 380px; /*font-weight: bold;*/
	color: #333333;
	/*font-size: 12px;*/
}

div.selecter select
{
	width: 380px;
	font-size: 1em;
	border: solid 1px #fff;
}

div.selecter span
{
	padding: 0px 25px 0px 2px;
	cursor: pointer;
}

div.selecter span
{
	color: #ffffff;
	width: 348px;
	text-shadow: 0px 0px 0px;
}

div.selecter.disabled span
{
	color: #bbb;
}

/* uploader */
div.uploader
{
	width: 365px; /*margin-bottom: 20px;*/
	cursor: pointer;
}

div.uploader span.action
{
	width: 85px;
	text-align: center;
	background-color: buttonface;
	line-height: 24px;
	margin-top: 3.5px;
}

div.uploader span.filename
{
	color: #333333;
	width: 253px;
	border: solid 1px #cccccc;
	font-size: 90%;
	font-size: 11px;
}

div.uploader input
{
	width: 365px;
	height: 50px;
}

div.uploader.disabled span.action
{
	color: #aaa;
}

div.uploader.disabled span.filename
{
	border-color: #ddd;
	color: #aaa;
}

/*
    CORE FUNCTIONALITY 
    Not advised to edit stuff below this line
    -----------------------------------------------------
*/

.selecter select:focus, .radio input:focus, .checker input:focus, uploader input:focus
{
	outline: 0;
}

/* Select */

div.selecter
{
	position: relative;
	padding-left: 10px;
}

div.selecter span
{
	display: block;
	float: left;
}

div.selecter select
{
	position: absolute;
	opacity: 0;
	filter: alpha(opacity=0);
	zoom: 1;
}

/* uploader */

div.uploader
{
	position: relative;
	float: left;
	overflow: hidden;
}

div.uploader span.action
{
	float: left;
	display: inline;
	padding: 4px 0px;
	overflow: hidden;
	cursor: pointer;
}

div.uploader span.filename
{
	padding: 0px 10px;
	float: left;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

div.uploader input
{
	opacity: 0;
	filter: alpha(opacity=0);
	zoom: 1;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	float: right;
}

/*---------*/

/*********************************************************************************************************************************************/

.twoColumn div.selecter
{
	width: 200px;
}

.twoColumn div.selecter span
{
	width: 188px;
}

.twoColumn div.selecter select
{
	width: 200px;
	min-width: 200px;
}
/*
.centerDiv {

    padding-left: 0px;
    float: right;
}
*/
.centerDiv
{
	margin-left: 40px;
}
/*
.panel-container { margin-bottom: 10px;background: none;border: 0px solid;}

.etabs { margin: 0; padding: 0;
         background: none;
    border-bottom: 0px solid;
         }
    .tab {padding-bottom: 6px;display: inline-block; zoom:1; *display:inline;  border: solid 1px #999; border-bottom: none; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; }
    .tab a { font-size: 14px; line-height: 2em; display: block; padding: 0 10px; outline: none; }
    .tab a:hover { text-decoration: underline; 
                   background: none;
    border-bottom: 0px solid;
                   }
    .tab .ui-state-default .ui-corner-top .ui-tabs-selected li{ background-color: #2a2a2c; }
    .tab.active { padding-top: 6px; position: relative; top: 1px; border-color: #666;border-bottom: none; background-color: #343639;}
    .tab a.active { font-weight: bold;background: none; }
    .tab-container .panel-container
{
     background: none;
    border-bottom: 0px solid;

    -moz-border-radius: 0 4px 4px 4px;
    -webkit-border-radius: 0 4px 4px 4px;
}

.tab-container .ui-widget-content {
    background: #181818;
   border: solid 1px #181818;
}

.ui-tabs-selected {
    background: #181818;
     border-bottom: 0px solid #181818;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    padding-bottom: 0px !important;
    margin-left: -4.2px !important;
}

*/
.etabs
{
	margin: 0;
	padding: 0;
	background: none;
	border-bottom: 0px solid;
}

.tab
{
	padding-bottom: 5px;
	display: inline-block;
	zoom: 1;
	display: inline;
	border: solid 1px #777777;
	border-bottom: none;
	-moz-border-radius: 0px 0px 0 0;
	-webkit-border-radius: 0px 0px 0 0;
}

.tab a
{
	font-size: 14px;
	line-height: 2em;
	display: block;
	padding: 0 10px;
	outline: none;
}

.tab a:hover
{
	text-decoration: underline;
	background: none;
	border-bottom: 0px solid;
}

.tab .ui-state-default .ui-corner-top .ui-tabs-selected li
{
	background-color: #ffffff;
}

.tab.active
{
	padding-top: 6px;
	position: relative;
	top: 1px;
	border-color: #333333;
	border-bottom: none;
	background-color: #ffffff;
}

.tab a.active
{
	font-weight: bold;
	background: none;
}

.tab-container .panel-container
{
	background: none;
	border-bottom: 0px solid;
	-moz-border-radius: 0 4px 4px 4px;
	-webkit-border-radius: 0 4px 4px 4px;
}

.tab-container .ui-widget-content
{
	background: #ffffff;
	border: solid 1px #000000;
}

.ui-tabs-selected
{
	background: #ffffff;
	border-bottom: 0px solid #000000;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected
{
	padding-bottom: 0px !important;
	margin-left: -4.2px !important;
	background-color:#CCCCCC;
}

#MyCustomerSearchBtn.primaryBtn2
{
	background: transparent url('../Images/btn_primary_right.png') no-repeat scroll right top;
	display: block;
	float: left; /*font-family: Arial;*/
	margin-right: 6px;
	padding-right: 10px;
	color: #F2F2F2;
	font-weight: normal;
	font-size: 9px;
	height: 21px;
	text-transform: uppercase;
	text-decoration: none;
}
input#MyCustomerSearch,#MyCustomerSearch1,#MyCustomerSearch2,#MyCustomerSearch3,#MyCustomerSearch4
{
	height: 27px;
}


#statusDashboard .formFieldElement
{
	float: left;
}

#frmContactUs .formFieldElement
{
	float: left;
}

#ContactForm .formFieldElement
{
	float: left;
}

#frmUserDetail .formFieldElement
{
	float: left;
}


#frmUpload .formFieldElement
{
	float: left;
}


.clear
{
	clear: both;
	margin: 0;
	padding: 0;
	height: 0;
	width: 0;
	min-height: 0;
}

.statusDashboardCustomerNameDetailKey
{
	width: 150px; /*font-family: Arial;*/
	/*font-size: 12px;*/
	color: #333333;
	text-transform: none;
	float: left;
	padding-right: 15px;
	padding-top: 5px;
}

.statusDashboardCustomerNameDetailValue
{
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}

FormDescription
{
	margin-top: 15px;
	margin-bottom: 15px;
}

.formLeftStyle
{
	text-align: left;
	width: 45%;
}

.formFieldLabelStyle
{
	/*font-family: Arial;*/
	/*font-size: 12px;*/
	color: #333333;
	text-transform: none;
	float: left;
	padding-right: 15px;
	padding-top: 5px;
}

.formLabelStyle
{
	padding-top: 0px;
	padding-right: 15px;
}

.formFieldElementStyle
{
	float: right;
	margin-bottom: 26px;
}

.formElementStyle
{
	width: 170px;
	text-align: left;
}

.formRightStyle
{
	padding-right: 55px;
	padding-left: 70px;
	width: 40%;
}

.formCommonStyle
{
	width: 100%;
}

/**- Credit App Styles **/

.divMatchingContent
{
	width: 960px;
	padding: 0;
	overflow: hidden;
}

.divMatchingCustomers
{
	opacity: 1.35; /*text-align:center*/
}

.whiteSpaceNoWrap
{
	white-space: nowrap;
}

.uiJqgridProcessing
{
	top: 480px;
	position: absolute;
	left: 45%;
	z-index: 9900;
}

.uiJqgridProcessing2
{
	top: 480px;
	position: absolute;
	left: 45%;
	z-index: 1100;
}

.uijqgridCRUploadDocument
{
	top: 150px;
	position: absolute;
	left: 45%;
	z-index: 9910;
}

.clearBothBr
{
	clear: both;
}

.pointer
{
	cursor: pointer;
}

.leftPadding60
{
	padding-left: 60px;
}

.suppressRightPadding
{
	padding-right: 0;
}

.autoWidthIE
{
	width: auto\9 !important;
}

.pgMainDivFormFieldPaddingLeft
{
	padding-left: 5px;
}

.pgMainDivHeaderFormFieldLabel
{
	margin-top: 10px;
	margin-bottom: -20px;
}

.workingpane4
{
	float: right;
	padding-top: 18px;
	padding-right: 5px;
}

.step3CustomerContact
{
	margin-top: 10px;
	margin-bottom: -10px;
}

.workingpane2
{
	float: right;
	padding-right: 10px;
}

.divFormFieldMarginTopPadding
{
	margin-top: -8px;
}

.workingpane3
{
	float: right;
	padding-right: 10px;
}

.alExtraWidthIE
{
	width: 275px\9;
}

.al2ExtraWidthIE
{
	padding-left: 5px\9;
}

.workingpane
{
	float: right;
	padding-right: 10px;
}

.companyDetailsHR
{
	margin-top: -15px;
	margin-bottom: 28px;
}

.formRightPaneLeftPadding
{
	padding-left: 180px;
	padding-right: 0px;
}

.al3formFieldExtraWidth
{
	width: 773px;
}

.successTick
{
	float: right;
	margin-top: -20px;
	display: none;
}

.fsformFieldLabelExtraWidth
{
	width: 80px;
}

.labelExtraWidth
{
	width: 180px;
}

/** Overview Page**/

.overviewwidewidth
{
	width: 1050px;
	overflow: hidden;
}

.textDecNone
{
	text-decoration: none;
}

.textDecUnderline
{
	text-decoration: underline;
}

.overviewMarginLeftExtra70
{
	margin-left: 70px !important;
}

.overviewMarginLeftExtra135
{
	margin-left: 135px !important;
}

.backgroundLightGrey
{
	background-color: #E5E5E5;
}

/** Quick quote  **/

.calculateResultsHeaderCell
{
	text-align: center !important;
	width: 10%;
	border: 0px grey;
}

.calculateResultsHeaderCell2
{
	text-align: center !important;
	width: 10%;
	border: 0px grey;
}

.calculateResultsHeaderCell4
{
	text-align: center !important;
	width: 16%;
	border: 0px grey;
}

.calculateResultsHeaderCell3
{
	text-align: center !important;
	width: 12%;
	border: 0px grey;
}

/** Firm Quote **/
.displayNone
{
	display: none;
}
.paddingT-5
{
    font-size: 18px !important;
    position: relative !important;
    top: -5px !important;
}
.widthAuto
{
	width: auto;
	width: auto\9;
}

.widthAutoMandatory
{
	width: auto !important;
	width: auto\9 !important;
}

.zindex3
{
	z-index: 3;
}

.floatleft
{
	float: left;
}

.floatright
{
	float: right;
}

.cdacceptSubmit
{
	visibility: hidden;
	z-index: 3;
	margin-left: 50px;
	margin-top: -30px;
}
/******TextAlign********/
.textAlignR
{
	text-align: right;
}

.textAlignC
{
	text-align: center;
}

.textAlignL
{
	text-align: left;
}
/*end custport basepage*/
/** Index **/

.indexContentDiv
{
	min-height: 344px;
	padding-top: 20px;
	background-image: url(../../content/images/WelcomeBackground.png);
}

.whiteFontColor
{
	color: white;
}

.indexContentDiv1
{
	padding-left: 30px;
	color: White;
	width: 340px;
	float: left;
}

.indexContentDiv2
{
	padding-left: 40px;
	color: White;
	width: 280px;
	position: relative;
	float: left;
}

.indexContentDiv3
{
	padding-left: 100px;
	color: White;
	width: 210px;
	position: relative;
	float: left;
}

.suppressMargin
{
	margin: 0px;
}

.mastheadBackground
{
	width: 101%;
	height: 45px;
	border-bottom: 3px solid #cccccc;
}
.ppHeaderWidthAdjustment {
    width: 101% !important;
}
.mastheadBackgroundWidthNoBorder
{
	width: 100%;
	height: 45px;
	font-size: 25px;
}

.mastheadBackgroundWidthNoBorderNew {
	width: 100%;
	height: 45px;
	font-size: 30px;
	font-weight: 500;
	color: #000000;
	text-align: center;
	vertical-align: middle;
	font-display: block;
	white-space: nowrap;
	font-family: MetricHPEXS,Arial,sans-serif;
}

.BackgroundNew {
	background-image: url(../images/partnerportalBG.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
}

.relativePosition {
	position: relative;
}

.mastheadInnerDiv
{
	font-size: 24px;
	padding: 15px 0px;
	font-family: "Metric_Bold";
	color: #000000;
}

.mastheadLeft
{
	width: 49%;
	height: inherit;
	display: inline-block;
}

.mastheadRight
{
	width: 50%;
	padding-top: 12px;
	float: right;
	display: inline-block;
}

.divider
{
	padding: 0px 10px;
	border-right: 2px solid #CCCCCC;
}

.statusResultViewCR
{
	width: 270px;
}

.extraWidth270
{
	width: 270px;
}

.extraPadding3
{
	padding: 3px;
}

.processDivFooter
{
	width: 100px;
	height: 28px;
	margin-top: 8px;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
}

.processDivMain
{
	display: none;
	top: 360px;
	position: absolute;
	left: 460px;
	z-index: 9900;
}

.formNoteQuickQuoteInfo
{
	border: 0px solid black;
	border-bottom: 0px;
	display: none;
}

.formFieldQuickQuoteDiv
{
	position: relative;
	padding-bottom: 0px !important;
	z-index: 10;
}

.disclaimerBtn
{
	margin-top: -25px;
	display: none;
}

/** LogOn **/

.width100
{
	width: 100%;
}

.width35
{
	width: 35%;
}

.width15
{
	width: 15px;
}

.width90px
{
	width: 90px;
}

.width80px {
    width: 80px;
}

.width20
{
	width: 20px;
}

.width20pc
{
	width: 20%;
}

.width150
{
	width: 150px;
}
.maxwidth157 {
    max-width: 157px;
}
.width39pc
{
	width: 39%;
}

.width210
{
	width: 210px;
}

.verticalLineLogon
{
	width: 0.1%;
	float: left;
}

/** inbox item **/

.tblMargin
{
	margin: 18px 0 0 0;
}

.vAlignTop
{
	vertical-align: top;
}

.suppressAllPadding
{
	padding: 0;
}

.width620
{
	width: 620px;
}

.absolutePosition
{
	position: absolute;
}

/** help center **/
.divHelpDetails
{
	width: 650px;
	z-index: 9900;
}

.width70
{
	width: 70px;
}
.maxwidth74 {
    max-width: 74px;
}
.paddingTop10
{
	padding-top: 10px;
}

.zindex9990
{
	z-index: 9990;
}
.zindex10001
{
	z-index: 10001;
}
.width640by400height
{
	width: 640px;
	height: 400px;
}

.heightMarginTop
{
	height: 22px;
	margin-top: 20px;
}

/**  SalesContactUs **/

.marginBottom5
{
	margin-bottom: 5px;
}

.formFieldLabelContactUs1
{
	color: #333333;
	margin-left: 20px;
	text-align: left;
	width: 40px;
	font-size: 14px;
}

.formFieldLabelContactUs2
{
	color: #333333;
	font-size: 14px;
	margin-bottom: 7px;
	text-align: left;
}

.hnlI2LinkGone
{
	padding-top: 0px;
	border-top-style: none;
	border-top-width: initial;
	border-top-color: initial;
	padding-bottom: 0px;
	border-bottom-style: none;
	border-bottom-width: initial;
	border-bottom-color: initial;
	overflow-x: hidden;
	overflow-y: hidden;
	height: 0px;
}

.hnlI2Link
{
	padding-top: 0px;
	border-top-style: none;
	border-top-width: initial;
	border-top-color: initial;
	padding-bottom: 0px;
	border-bottom-style: none;
	border-bottom-width: initial;
	border-bottom-color: initial;
	overflow-x: hidden;
	overflow-y: hidden;
}

.atHome
{
	color: rgb(97, 199, 2);
	background-image: url(http://www.hp.com/country/us/en/cs/images/i/header_footer_sprite_v2_462697.gif);
	background-attachment: initial;
	background-origin: initial;
	background-clip: initial;
	background-color: transparent;
	padding-left: 14px;
	background-position: -100px -146px;
	background-repeat: no-repeat no-repeat;
}

.left231
{
	left: 231px;
}

.greenArrowHand
{
	color: rgb(255, 255, 255);
	background-image: url(http://www.hp.com/country/us/en/cs/images/i/header_footer_sprite_v2_462697.gif);
	background-attachment: initial;
	background-origin: initial;
	background-clip: initial;
	background-color: transparent;
	background-position: -150px -96px;
	background-repeat: no-repeat no-repeat;
}

.height30
{
	height: 30px;
}

.height38
{
	height: 382px;
}

.height25
{
	height: 25px;
}
.height24andlinehight18
{
	height: 25px;
	line-height: 18px;
}
.paddingLeft14
{
	padding-left: 14px;
}
.paddingLeft10
{
	padding-left: 10px;
}
.left72
{
	left: 72px;
}

/** _ReportDetailSettingsView **/

.padding10
{
	padding: 10px;
    border-width: 1px 0px 0px 1px;
    border-style: solid;
    border-color: #cccccc;
}
.padding5 {
    padding: 5px;
    border-width: 1px 0px 0px 1px;
    border-style: solid;
    border-color: #cccccc;
}
.rptEntity
{
	margin-bottom: 10px;
	text-align: center;
	
}

.marginBottom10
{
	margin-bottom: 10px;
}

.width95pc
{
	width: 95%;
}

/** MatchingCompanyList **/

.divMatchGrid
{
	width: 960px;
	padding: 0px;
}

/** Partner List **/

.partnerNmFilter
{
	width: 250px;
	color: Gray;
}

/** Display Block **/

.displayBlock
{
	display: block;
}

/*
    Parts need to be mergered-Hong
*/

.topAuto
{
	padding-top: 20px;
	height: auto;
}

.inlineB_PosAB
{
	display: inline-block;
	position: absolute;
}

.inlineB_MarginL210_PosAB
{
	display: inline-block;
	margin-left: 210px;
	position: absolute;
}

.formField_QuickQuote_Inline_MarginL220
{
	position: relative;
	margin-left: 220px;
}

.disInline
{
	display: inline;
}

.inlineB_MarginL10_PosAB
{
	display: inline-block;
	margin-left: 10px;
	position: absolute;
}

.inlineB_MarginL10_PosAB1
{
	display: inline-block;
	margin-left: 210px;
	position: relative;
}

.inlineB_MarginL10_PosAB2
{
	display: inline-block;
	margin-left: 10px;
	float: left;
}

.MarginL5_InlineB
{
	margin-left: 5px;
	display: inline-block;
}

.MarginR5_InlineB
{
	margin-right: 5px;
	display: inline-block;
}

.MarginT20
{
	margin-top: 20px;
}

.PaddingT10
{
	padding-top: 15px;
}

.DisNaN
{
	display: none;
}

.DisNaN_PosAB
{
	display: none;
	position: absolute;
}

.Zindex9900
{
	z-index: 9900;
}

.MarginL135
{
	margin-left: 115px !important;
}

.MarginTop10
{
	margin-top: 10px;
}
.MarginTop0
{
	margin-top: 0px;
}
.floatLeft
{
	float: left;
}

.widthIE200
{
	width: 200px\9;
}

.marginTop5
{
	margin-top: 5px !important;
}

#buttonSelectCustomer, #buttonNoMatch
{
	color: #FFFFFF;
}

/***QuickQuote Labels Margin****/
.hardwareMargin
{
	margin-left: 121px;
}

.parinterMargin
{
	margin-left: 131px;
}

.sssMargin
{
	margin-left: 20px;
}

.TFAMargin
{
	margin-left: 60px;
}

.applyCreditInline
{
	margin-right: 6px;
}

.marginL5
{
	margin-left: 5px;
}

.marginL8
{
	margin-left: 8px !important;
}

.marginL15
{
	margin-left: 15px;
}

/**Reporting screen**/
#subGridContent tbody > tr > td:nth-child(1) select
{
	background-position-x: 160px;
}

#subGridContent tbody > tr > td:nth-child(2) select
{
	background-position-x: 134px;
}

/**QuoteList Screen**/
.width1000
{
	width: 1000px;
}

.marginL120
{
	margin-left: 120px;
}

.marginR15
{
	margin-right: 15px;
}

.paddingT70
{
	top: -70px !important;
}

/*Training*/
.PTMHeaderPadding h2
{
	padding-top: 15px;
}
.promotionPdfSection 
{
    width: 100%;
    height: 600PX;
    color: transparent;
    scrolling: auto;
    frameborder: 0px;
    marginheight: 0px;
    marginwidth: 0px;
    border-width: 0px;
    display: inline-block;
    z-index: 1000;
    margin-top: 20px;
    margin-bottom: 30px;
}
.top265
{
	top: -220px !important;
}

#CustomerLookupTabs input, #PartnerListPopDiv input[type="text"], #PartnerListPopDivInInbox input
{
	vertical-align: middle;
}
#CustomerLookupTabs .ui-tabs-selected
{
	background-color:#CCCCCC;
	}
#PartnerListPopDiv input[type="radio"], #PartnerListPopDivInInbox input[type="radio"]
{
	padding: 0px 0px !important;
}

#PartnerListPopDiv input[type="checkbox"], #PartnerListPopDivInInbox input[type="checkbox"]
{
	padding: 0px 0px !important;
}

/**Effect on delete button in Firmquote**/
.paddingR12
{
	padding: 0px 12px 0px 0px !important;
}

.paddingR0
{
	padding-right: 0px !important;
}

.paddingR25
{
    padding-right: 25px !important;
}

/**back to statusbutton QL**/
.SBMarginRVar
{
	/*margin-left: 387px;     margin-left: 468px\9;*/
	float: right;
}

.BtnMarginRLeft
{
	/*defect #1344 [UAT] Some buttons are not displaying correctly*/
	float: left;
}


.loadingSpinner
{
	top: 40% !important;
	padding: 0px 0px;
}

.MarginL210
{
	margin-left: 210px;
}

.MarginL420
{
	margin-left: 420px;
}

.PaddingB0
{
	padding-bottom: 0px;
}
.PaddingB6
{
	padding-bottom: 6px;
}
.MarginTM40
{
	margin-top: -40px;
}

.MarginL206
{
	margin-left: 210px;
}

/**********defect 1497:[UAT] Approved amount showing in next line on Firm Quote***********/
.clearMargin
{
	margin-left: 0;
}

.autoWidth
{
	width: auto;
}
/* button */
.ui-multiselect.myClass
{
	line-height: 22px;
	border: 1px solid #cccccc;
	-webkit-appearance: none;
	background: url('../images/arrowdown.png') no-repeat right;
	background: url('../images/arrowdown.png') no-repeat right\9 !important;
	background-position-x: 180px;
	background-image: none\9;
	padding-right: 25px !important;
	text-align: left;
	color: #333333;
	border-radius: 0px;
}

.tableWidth
{
	width: 550px;
}

.CustomerLayout
{
	width: 40%;
	float: left;
}

.CustomerPadding
{
	margin-left: 50px;
}

.Home_Action_SLA_Orange
{
	height: 20px !important;
	background: url("../images/DashboardWidgets/SLA_StatusIcon.png") no-repeat;
	outline: none;
	background-position: -0px -25px;
}

.Home_Action_SLA_Red
{
	height: 20px !important;
	background: url("../images/DashboardWidgets/SLA_StatusIcon.png") no-repeat;
	outline: none;
	background-position: 0px 5px;
	padding-top: 5px;
}

.HomeWidegetFiter
{
	margin-left: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
}

#txtHomePageSearch
{
	height: 23px;
	padding-right: 30px;
}
#txtCustomerSearch
{
	padding-right: 30px;
}
#btnHomePageSearch
{
	width: 22px;
	position: relative;
	cursor: pointer;
	margin-left: -30px;
	margin-top: 3px;
	z-index: 1;
}

.search-box, .close-icon
{
	position: relative;
}
.status-close-position 
{
	position: relative;
	right: -40px;
}
.search-box
{
	outline: 0;
	width: 130px;
	height: 23px;
	padding-right: 30px;
}

.search-box:focus
{
	border-color: #00B388 !important;
}

.close-icon
{
	border: 1px solid transparent;
	background-color: transparent;
	display: inline-block;
	vertical-align: middle;
	height: 0px !important;
	outline: 0;
	cursor: pointer;
}

.close-icon:after
{
	content: url('../images/DashboardWidgets/close.png');
	display: block;
	width: 17px;
	height: 1px;
	position: absolute;
	z-index: 2;
	bottom: 0;
	cursor: pointer;
	right: -96px;
	top: -32px;
}

#statusDashboardResetIcon:after {
    right: -190px;
    top: -35px;
}

.close-icon:hover
{
	background-color: transparent;
}

.search-box:not(:valid) ~ .close-icon
{
	display: none;
}

.customerSearchTxt
{
	width: 160px;
	height: 0px;
}

.TaxDivTop
{
	top: 0px;
}

.TaxIconPosition
{
	top: -40px; /*-20px;*/
	margin-left: 30px;
}

.MetricDownArrow
{
	height: 20px;
	width: 20px;
	background-image: url("../images/Toggle_Arrows.png");
	background-repeat: no-repeat;
	background-position: 0px -18px;
}

.MetricUpArrow
{
	height: 20px;
	width: 20px;
	background-image: url("../images/Toggle_Arrows.png");
	background-repeat: no-repeat;
	background-position: 0px 5px;
}

#spanSelectedChartType
{
	margin-right: 2px;
}

#divChartType
{
	right: 0px;
	top: 0px;
	width: 200px;
	background-color: #ffffff;
	display: none;
	z-index: 100;
	position: relative;
}

#divChartType ul
{
	margin: 0;
	padding: 0;
	z-index: 101;
	border: 2px solid #CCCCCC;
}

#divChartType li
{
	list-style: none;
	text-align: right;
	height: 23px;
	padding-top: 3px;
	width: auto;
	padding-right: 5px;
	cursor: pointer;
}

#divChartType li:hover
{
	background-color: #00B388;
	color: #ffffff;
}

.navTab1
{
	margin-left: -22px;
}

/**home page**/
#HomePageActionListGrid tbody > tr > td:nth-child(4) > a
{
	/*text-decoration: underline !important;*/
}

.toast-item-head
{
	width: 360px;
	background: url(../images/ToasterBackground_Header.png);
	display: block;
	height: 50px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.toast-title-note
{
	font-weight: 700;
	font-style: normal;
	font-size: 16px;
	text-align: left;
	line-height: normal;
	width: 97%;
	overflow: hidden;
	left: 30px;
	top: 5px;
	position: absolute;
	color: white;
}

.toast-item-close-pending-notification
{
	background: url(../images/closeButton.png);
	width: 22px;
	height: 22px;
	position: absolute;
	right: 6px;
	top: 3px;
}

.toast-item-content
{
	background-color: white;
	width: 341px;
	left: 10px;
	padding-left: 15px;
	margin-top: -13px;
	background: url(../images/ToasterBackground_Slice.png);
}

.toast-item-title
{
	font-family: 'Metric_Bold' , 'Metric';
	font-weight: 700;
	font-style: normal;
	font-size: 16px;
	text-align: left;
	line-height: normal;
	width: 97%;
	overflow: hidden;
	background-color: white;
}

.toast-item-foot
{
	width: 356px;
	background: url(../images/ToasterBackground_Footer.png);
	display: block;
	height: 25px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.toast-msg-body
{
	position: fixed;
	z-index: 1000;
	right: 0px;
	top: 150px;
}


.source-identity-content
{
	position: absolute;
	z-index: 10000;
	top: 100px;
	left: 300px;
	background: white;
	width: 450px;
	height: 400px;
}

.source-identity-title
{
	font-weight: 700;
	font-style: normal;
	font-size: 20px;
	text-align: left;
	line-height: normal;
	color: black;
}

.source-identity-sub-title
{
	font-weight: 700;
	font-size: 16px;
	text-align: left;
	line-height: normal;
	color: black;
	margin-top: 25px;
}

.source-identity-description
{
	text-align: left;
	line-height: normal;
	color: black;
	margin-top: 5px;
	margin-bottom: 20px;
}

.source_identity_body
{
	margin-left: 30px;
	margin-top: 30px;
	margin-right: 100px;
}

#identificationoverlay
{
	background: #000;
	filter: alpha(opacity=50);
	opacity: 0.5;
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 1500;
}

#msgoverlay
{
	background: #000;
	filter: alpha(opacity=50);
	opacity: 0.5;
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 100;
}

.acceptoverlay
{
	width: 1583px;
	height: 1335px;
	z-index: auto;
	display: none;
	opacity: 0.3;
}

.zIndexTop
{
	position: fixed;
	z-index: 1312;
}

.qqpaymenterrormsg
{
	/*font-family: Arial;*/
/*font-size: 12px;*/
	color: #000;
	text-transform: none;
	float: left;
	padding-top: 5px;
}


.newDialogClass .ui-dialog-titlebar
{
	background: none;
	border: none;
	text-align: center;
	font-size: 14px;
	color: dodgerblue;
	font-size: 14px;
}

.newDialogClass .ui-dialog-content
{
	padding: 2em 3em;
	font-size: larger;
}

.newDialogClass a.ui-dialog-titlebar-close.ui-corner-all
{
	display: none;
}

.newDialogClass .ui-dialog-buttonpane
{
	border-width: 0;
}

.paddingl0
{
	padding-left: 0px !important;
}
.padding2 {
    padding-left: 2px !important;
}
.paddingT0 {
     padding-top: 0px !important;
}
.paddingT2 {
     padding-top: 2px !important;
}
.loadingPadding
{
	padding: 0px 0px !important;
}


.divWithdrawReasonformFieldLabel
{
	width: 260px\9 !important;
}

.myCustomerSearchFieldLable
{
	width: 270px\9 !important;
}
.marginbottom0px
{
	margin-bottom: 0px;
}

#btnCustomerSearch
{
	width: 22px;
	position: relative;
	cursor: pointer;
	margin-left: -30px;
	margin-top: 5px;
	z-index: 1;
}

.searchPartnerButton {
    width: 22px;
    height: 22px;
    margin-left: 4px;
    float: left;
    margin-top: 2px;
} 
.padding46
{
	padding: 4px 6px !important;
}
.padding025
{
	padding: 0.25px !important;
}
.subCustomerSearchTxt
{
	width: 260px;
	height: 0px;
}
.Subcontainer
{
	display: table;
	width: 80%;
	border-collapse: collapse;
	margin: auto;
}
.heading
{
	font-weight: bold;
	display: table-row;
	background-color: #cccccc;
	text-align: left;
	line-height: 30px;
	color: #333333;
}
.table-row
{
	display: table-row;
	text-align: left;
	line-height: 25px;
}
.col
{
	display: table-cell;
	border: 1px solid #f2f2f2;
}
.colNoborder
{
	display: table-cell;
}
.fontBold
{
	font-weight: bold;
}


.AddOnSearch
{
	margin-bottom: 15px;
}

#btnAddOnPageSearch
{
	width: 22px;
	position: relative;
	cursor: pointer;
	margin-left: 303px;
	margin-bottom: -28px;
	z-index: 1;
}

#txtSubAddOnPageSearch
{
	width: 300px;
	height: 23px;
	padding-left: 3px;
}

#txtFinanceAddOnPageSearch
{
	width: 300px;
	height: 23px;
	padding-left: 3px;
}
.SubAddOnCloseBtn
{
	margin-bottom: -45px;
	margin-left: -165px;
}

.AddOnPageAddNew
{
	margin-top: -28px;
}

.viewDecumentBtnAlign
{
	margin-right: 12px;
}

.addOnDetailListGridAlign
{
	margin-left: 12px;
}
.Width223
{
	width: 223px !important;
}
.MaxWidth200 {
    max-width: 200px;
    overflow: hidden;
}
/**re-branding**/
#advancedSearchButton
{
	margin-right: 5px;
}
#CancelFirmQuoteBtn,#ApplyForCredit
{
	margin-left: 2px;
    height: 30px !important;
}
#frmFirmQuote #CalculateBtn,#frmDetailedQuote #CalculateBtn {
    margin-left: 2px;
    height: 30px !important;
}
#statusDashboard .labelAutoWidthIE
{
	margin-left: 5px;
    margin-top: 7px;
    padding-right: 0px;
}
#statusDashboard .marginTop5 {
      margin-top: 10px !important;
}
#statusDashboard .marginTop8 {
      margin-top: 8px !important;
}
#jqg1
{
	width: auto !important;
}

input#txtPartnerNmFilter
{
	height: 27px;
	vertical-align: middle;
	padding-left: 4px;
}

input#txtPartnerRepNmFilter
{
	height: 27px;
	vertical-align: middle;
	padding-left: 4px;
}

button#DetailedSaveButton
{
	margin-left: 2px;
}

#QuickQuotePopDiv .moreInfoTips
{
	top: -17px;
}
#commissionToHidden
{
    height: 30px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.formFieldElement_QuickQuote .ui-multiselect {
    height: 28px !important;
}
#viewDocumentBtn{ margin-bottom: 10px;}
#buttonBackToStatusDashboard {
    margin-right: 0px;
}
#divCreditApplicationDocuments {
    overflow-x: hidden;
}
#btnFindPartnerInInbox {
    height: 30px !important;
}
#btnFindPartner {
    height: 32px !important;
}
#PartnerGridInInbox .searchBtnDiv {
    height: 0px !important;
}
#PartnerGrid .searchBtnDiv {
       height: 0px !important;
}
#btnCreditApp, #btnCreateQuickQuote {
  padding-top: 5px;
  padding-bottom: 5px;
  height: auto !important;
}
#sourceIdentification {
     padding-bottom: 10px;
}
#PPLogIn-img-load
{
                width:50px !important;
                height:50px !important;
}     
#reportFilter a {
  padding: 6px 15px 6px 15px !important;
}
#div_Public_Sector .formFieldElement_QuickQuote {
    margin-top: 5px;
}        
.addOnDetailListGridAlign .formFieldLabel
{
    padding-top:25px\9 !important;
 }
 .RMAFormReportNameDiv {
  margin-bottom: 10px;
  text-align: center;
  font-size: 16px;
}
.floatNone {

    float: none !important;
}
.marginL40
{
    margin-left: 40px;
    }
    .GrayFieldLabel {
  color: #999999;
  float: left;
  font-size: 14px;
  margin-right: 10px;
  padding-top: 7px;
  text-align: left;
  width: 200px;
}
.formFieldElementfloatLeft {
  float: left;
  margin-bottom: 26px;
}.formFieldForReport
{
	padding-bottom: 0px;
	padding-bottom: 0px\9;
}.width1100
{
    width:1100px;
    }.fontWeightBolder
{
    font-weight:bolder;
}
.widthFull {width: 100%;}
.reportlistbox 
{
    background: none;
    background-position: 0 0 !important;
    padding-right: 0px !important;
}
.ui-slider-horizontal .ui-slider-handle
{
	top: -.3em;
	margin-left: -.6em;
	background-color: #00B388 !important;
}
.paddingRight50
{
    padding-right: 50px;
}
.width10
{
    width: 10px;
}
.StatusDashboardActionsbar 
{
    background-image: url(../images/DashBoardMenu.png);
    background-size: 24px 20px;
    background-repeat: no-repeat;
    height: 22px;
    width: 18px;
    margin-left: 21px;
    margin-top: 1px;
    margin-bottom: 1px;
}
.ProductCategoryActionsbar 
{
    background-image: url(../images/DashBoardMenu.png);
    background-size: 24px 20px;
    background-repeat: no-repeat;
    height: 22px;
    width: 18px;
    margin-left: 15px;
    margin-top: 1px;
    margin-bottom: 1px;
}
.statusDashboardWidegetFiter {
    margin-right:5px;
    margin-bottom:2px;
}
#statusDashboardSearch {
    width: 22px;
	position: relative;
	cursor: pointer;
	margin-left: -40px;
	margin-top: 6px;
	z-index: 1;
}
.statusDashboardSearchDiv {
    width: 300px !important;
}
.statusDashboardSearchTxt {
    width: 270px !important;
    height:32px;
}
.AddOnAdditionInfor
{
	display: table;
	width: 80%;
	border-collapse: collapse;
	margin: auto;
}
.AddOnAdditionInfor .heading
{
	font-weight: bold;
	display: table-row;
	text-align: left;
    background: #ffffff;
	line-height: 30px;
	color: #333333;
}
.AddOnAdditionInfor .table-row
{
	display: table-row;
	text-align: left;
	line-height: 20px;
}
.AddOnAdditionInfor .col
{
	display: table-cell;
	border: none;
    padding-left: 30px;
    white-space:nowrap;
    width: auto;
}
.AddOnAdditionInfor .colNoborder
{
	display: table-cell;
}
#AddOnAdditioninformation {
    float: left;
    margin-top: -40px;
}
.BulkSuccessMsg
{
    padding-left: 5px;
	width: 500px;
	font-size: 16px;
	float: none;
    line-height: 30px;
}

.DashboardNextAction {
    font-family: Metric_Bold;
    /*text-decoration: underline !important;*/
    color: #00B388 !important;
}
.formFieldElement .error {
    width: 213px;
}
.formFieldElementUpload {
    float: left;
}
.formFieldElementUpload .error {
    width: 450px;
}

.reportfilterth {
    color: #000000 !important;
}

/*satausDashboard column settings*/
.closeBtnRight {
    right:0.3em
}
.solidLine {
    width:980px;border:1px solid #CCCCCC;margin:5px auto;
}
.height50{
    height:50px
}
#divColumnSettings {
    z-index: 9000; 
    position: static; 
    width: 993px; 
    font-size: 14px; 
    margin: 5px 0px -5px 0px 
}
#coloumnSettingDone {
    margin-left:5px;
}
.coverCheckbox 
{
    background-color: #CCCCCC;
    position: absolute;
    width:18px;
    height:18px;
    filter:alpha(opacity=50); 
    -moz-opacity:0.5; 
    opacity:0.5;
}
.satausDashboardDetailIcon 
{
    background-image: url(../images/Toggle_Arrows.png);
    background-repeat: no-repeat;
    background-position:5px -14px;
    display: block;
    width:25px;    
    height:25px !important;
    margin-left:2px;
}
#divStatusDetail .close {
    z-index:9000;
}
#quoteDeatilPopUpOk span {
    margin: auto 25px;
}
.promotionHideDiv {
    width:1000px;
    overflow:hidden;
}
.promotionpositionDiv {
    width:1000px;
    margin:-325px 0px 0px -30px;
}
#outterDivForServicesGrid {
    margin-bottom: 26px;
}
#outterDivForServicesGrid input[type=text] {
    height:20px;
    padding: 4px 6px;
}

.marginR3 {
    margin-right: 3px;
}
.subscription_service_product {
    text-transform: none;float: left;padding-top: 5px;
}
.padding_left29px {
    padding-left:29px;
}
#QuickQuoteAddtionalDetailsBtn {
    height: 25px !important;
    width: auto;
    /* font-size: 12px; */
    vertical-align: middle;
    margin-left: 0px;
    margin-top: -18px;
    padding-left: 5px;
    padding-right: 20px;
    padding-top: 3px;
    outline: none;
    background-color: transparent;
    color: #000000;
    background-image: url("../images/Toggle_Arrows.png");
    background-repeat: no-repeat;
    background-position-y: -11px;
    background-position-x: 100px;
}
.height20 {
    height:20px;
}.MarginTop47 {
     margin-top: 47px;
 }
 .MarginTop20 {
     margin-top: 20px;
 }
 .BundleDescShowTip
 {
     position:relative;
     left:0px;
     top:6px;
     }
     .moreInfoTips-BundleTip
{
	position: relative;
	background-image: url('../images/help.png');
	background-repeat: no-repeat;
	width: 14px;
	height: 17px;
	background-size: 17px 17px;
}
.moreInfoTips-NULL
{
	position: relative;
	background-image: "";
	width: 14px;
	height: 17px;
	float:left;
}
.moreInfoTips-BundleTip .moreInfoTextForBundle
{
	background: none repeat scroll 0 0 white;
    border: 3px solid #007dba;
    color: #777777;
    font-size: 14px; /*font-family: Arial;*/
    line-height: 15px;
    text-align: left;
    padding: 0 20px;
    position: relative;
    display:none;
    white-space: nowrap;
}

.moreInfoTips-BundleTip.moreInfoTextForBundle:after
{
	content: '';
    position: absolute;
    top: -7px;
    width: 9px;
    height: 11px;
    border-top: 2px solid #00B388;
    border-left: 2px solid #00B388;
    background: white;
    left: 2%;
    margin-left: 2px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.BundleTipPosition {
    top: 28px; /*-20px;*/
    margin-left: -5px;
}
.spanBundleDesc
{
    display:none;
    }
    .moreInfoTips-BundleTip-Dynamic
    {
        padding:8px;
        color:#777777;
        line-height:15px;
        font-size:14px;
        position:absolute;
        left:0px;
        top:200px;
        width:auto;
        min-height:30px;
        height:auto;
        border: 3px solid #00b388;
        }
         .moreInfoTips-BundleTip-Dynamic:before,  .moreInfoTips-BundleTip-Dynamic:after{
			  width:0px;
			  height:0px;
			  border:transparent solid;
			  position:absolute;
			  left:100%;
			  content:""
			}
			 .moreInfoTips-BundleTip-Dynamic:before{
			  border-width:10px;
			  border-left-color: #00b388;
			  top:-1px;
			}
			 .moreInfoTips-BundleTip-Dynamic:after{
			  border-width:8px;
			  border-left-color: #fff;
			  top:1px;
			}
.QQNoneStandardTermChk {
			    float:left;
			    padding-top:7px;			    
}
.NoneStandardTermTxtPosition {
    width:108px;float:left;overflow:hidden
}
.NoneStandardTermTxtVerticalalign {
    height:30px;vertical-align:middle;display:table-cell;
}
.OfferingPositionForBrazil {
    position: absolute;
    margin-top: 150px;
    left: 0;
    margin-left: -420px;
}
.MarginT80 {
    margin-top:80px;
}
.RelativePosition {
    height: 32px;
    position: relative;
    bottom: 20px;
    left: 12px;
}

#CISContactForm .formFieldElement
{
	float: left;
}

.formHeader .headerTitleCustomerInfo
{
	/*padding-top: 39px;     font-family: Arial;     color: #f2f2f2;*/
	font-size: 22px;
    font-weight:700;
}


.background {
	background-image: url(../../content/images/partnerportalBG.jpg);
	background-size: 100% 100%;
	width: 200px;
	height: 650px;
}

.RegisterButtonNew {
	font-family: MetricHPEXS,Arial,sans-serif;
	font-size: 15px;
	font-weight: bold;
	background-color: white;
	border: 2px solid #00B388;
	color: black;
	font-weight: bold;
	text-align: center;
	border-radius: 5px;
	cursor: pointer;
	padding: 8px;
	width: 285px;
	margin-bottom: 20px;
	margin-top: -12px;
}

.SignInButtonNew {
	font-family: MetricHPEXS,Arial,sans-serif;
	font-size: 15px;
	font-weight: bold;
	background-color: #00B388;
	border: 0px solid #00B388;
	color: black;
	font-weight: bold;
	text-align: center;
	border-radius: 5px;
	cursor: pointer;
	padding: 10px;
	width: 285px;
	margin-bottom: 20px;
	margin-top: 20px;
}

.ButtonBoxNew {
	border: 1.5px solid #808080;
	width: 295px;
	height: 135px;
	display: block;
	background-color: white;
	text-align: center;
	border-radius: 15px;
	border: 2px solid white;
	margin-top: -200px;
	margin-left: 624px;
}

.MarketingTitleNew {
	font-family: MetricHPEXS,Arial,sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: black;
	margin-top: -79px;
}

.MarketingContentNew {
	font-family: MetricHPEXS,Arial,sans-serif;
	color: black;
	font-size: 14px;
	width: 500px;
}

.error-containerNew {
	font-family: MetricHPEXS,Arial,sans-serif;
	color: black;
	font-size: 14px;
	text-align: left;
	vertical-align: middle;
	border: 1.5px solid white;
	background-color: white;
	text-align: center;
	border-radius: 10px;
	height: 40px;
	align-content: center;
	align-items: center;
	display: flex;
	flex-direction: row;
}

.errorIcon {
	vertical-align: middle;
	padding-bottom: 5px;
}

.transparentBg {
	width: 200px;
	height: 205px;
	border-radius: 15px;
	padding-top: 7px;
	padding-bottom: 0px;
	background-color: rgba(255,255,255,0.4);
	padding-left: 20px;
	margin-top: 87px;
}


.bgContainer {
	position: relative;
	width: 465px;
	padding: 15px;
}

#div_Include_Insurance {
	float: left;
}

.InsuranceChk {
	float: left;
	padding-top: 7px;
}

.InsuranceTxtPosition {
	float: left;
	width: 108px;
	overflow: hidden;
}

.InsuranceTxtVerticalalign {
	height: 30px;
	display: table-cell;
	vertical-align: middle;
}