/* custom font family */
@font-face {
    font-family: 'Neuzeit';
    font-weight: 400;
    src: url(/Images/Hbf/fonts/339DBB_0_0.eot);
    src: url(/Images/Hbf/fonts/339DBB_0_0.eot?#iefix) format("embedded-opentype"), url(/Images/Hbf/fonts/339DBB_0_0.woff2) format("woff2"), url(/Images/Hbf/fonts/339DBB_0_0.woff) format("woff"), url(/Images/Hbf/fonts/339DBB_0_0.ttf) format("truetype");
}

@font-face {
    font-family: 'Neuzeit';
    font-weight: 600;
    src: url(/Images/Hbf/fonts/339DBB_1_0.eot);
    src: url(/Images/Hbf/fonts/339DBB_1_0.eot?#iefix) format("embedded-opentype"), url(/Images/Hbf/fonts/339DBB_1_0.woff2) format("woff2"), url(/Images/Hbf/fonts/339DBB_1_0.woff) format("woff"), url(/Images/Hbf/fonts/339DBB_1_0.ttf) format("truetype");
}
/* <accordion> */
.accordion h3 
{
	border-bottom:2px solid #1c1c1c;
	color:#ECAC00;
	cursor:pointer;
	display:block;
	font-size:11px;	
	padding:5px 0 7px 16px;
	position:relative;
	margin:0;
}
.accordion h3 span 
{
	background:url(/Styles/jQueryThemes/Hbf/images/ui-icons_00325b_256x240.png) no-repeat -32px -12px;
	position:absolute;
	left:0px;
	_left:-16px;
	top:0px;
	height:16px;
	width:16px;	
}
.accordion .accordionOpened span 
{
	background-position:-64px -12px;	
}
.accordionContent 
{
	background:#F7F3EA;
	padding:16px;    	
}
.accordionContent h6 
{
	display:block;
	font-size:11px;
	margin:5px 0;
	padding:0 0 0 30px;	
}
.accordionContent h6 + span
{
    margin:0 0 0 30px;
}
/* </accordion> */
/* <header> */
.header 
{
	border-bottom:3px solid #1c1c1c;	
	height:140px;
    margin-bottom:15px;
    text-align:center;
}
.logo 
{
	background:url(/Images/Hbf/Logo.gif) no-repeat top center;
	display:block;
	height:85px;
	width:100%;
}
.linksTopNav 
{
	color:#8B8B8B;	
	font-size:11px;
	padding:0;
	text-align:right;
}
.linksTopNav a 
{
	color:#8B8B8B;
	font-size:12px;	
	font-weight:400;
	text-decoration:none;
}
.utility 
{
	font-weight:bold;
	font-size:10px;
	float:right;
	*float:none;
	padding:10px 0 0;
	white-space:nowrap;
}
.utility span 
{
	margin:0 3px;
}
.welcome 
{
	color:#8B8B8B;
	float:left;
	font-size:12px;
	display:inline;
	margin:10px 25px 0 0;
}
/* </header> */
/* <button Container> */ 
.buttonContainer
{
	padding:0;
    width: 100%;
    text-align: left;
}
.buttonContainer a, .ui-dialog button, input.button
{
	background:#e04e39;
    border:0;	
    color:#fff;    
	font-size:12px;
	font-weight:600;
    display:inline-block;
	margin:0 10px 0 0;	
	padding:10px;
    min-width:160px;
    text-align:center;
	text-decoration:none;
    text-transform:uppercase;	
}
.buttonContainer a span, .ui-dialog button span
{
	color:#fff;
    font-family:"Neuzeit","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:12px;
	font-weight:600;
	padding:3px 9px 2px;
	text-transform:uppercase;
}	
.buttonContainer a.cancel 
{
	background:transparent;
	color:#000;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
}
.content .buttonContainer input
{
	background:url(/Images/Hbf/ButtonRightSide.gif) no-repeat top right;
	border:0;
	color:#fff;
	cursor:pointer;
	font-size:11px;
	font-weight:bold;
	padding:2px 3px 1px;	
	*padding:2px 3px 0;
	margin:0;
	text-transform:uppercase;
    width:auto;
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{ .content .buttonContainer input /* chrome fix */
	{
		padding:3px;
	}
}
fieldset .buttonContainer
{
    clear: left;
    margin-right: 5px;
}
.registerButtonContainer
{
	margin-top:32px !important;
}
/* </button Container> */
/* <content> */
.content 
{
	color:#848484;
	font-weight:normal;
}
.content * 
{
    font-family:"Neuzeit","Helvetica Neue",Helvetica,Arial,sans-serif;		
}
.content a 
{
	color:#00325B;
	font-size:10px;
	font-weight: bold;
	text-decoration:none;	
}
.content .buttonContainer
{
	padding:2px;
    margin: 20px 0 0 0;
}
.content .checkbox 
{
	border:0;
	padding:3px;
	width: auto; 
}
.content .checkboxBlock
{
    float: left;
    width: 200px;
}
.content .checkboxBlock .checkbox 
{
	float:left;
}
.content .checkboxBlock label 
{
	display:inline;	
	font-weight:normal;
}
.content #customerInformation 
{
	margin:-5px 0 10px;	
}
.content #customerInformation label 
{
	white-space:nowrap;	
}
.content #customerInformation input 
{
	width:590px;	
}
.content .externalLink 
{
	color:#00325B;
	font-size: 12px;	
	font-weight:bold;
	text-decoration:none;
}
.content fieldset
{
    font-size: 12px;
    padding: 30px 200px 30px 2px;  
    _margin-right:-174px;  
}
.content fieldset div
{
    float: none;
    width: auto;
    margin: 0;
    padding: 0;
    text-align: left;
    font-weight: bold;
}
.content fieldset select, .content fieldset input
{
	border:1px solid #e5e5e5;
	color:#1c1c1c;
	font-size:12px;
    font-weight:600;
	padding:10px;
    margin: 0 5px 10px 0;
    width:100%;
}
.content fieldset p 
{
	clear:left;	
	padding:0 0 10px;
}
.content input:-internal-autofill-previewed, .content input:-internal-autofill-selected, .content textarea:-internal-autofill-previewed, .content textarea:-internal-autofill-selected, .content select:-internal-autofill-previewed, .content select:-internal-autofill-selected {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
.content h1
{
    display: none;
}
.content h2, .content h3
{
    border: 0;
    color: #1c1c1c;
    display: block;
    font-size: 16px;
    font-weight:600;
    padding: 0;
    margin:0 0 10px;
    text-align: left;
    text-transform:capitalize;
}
.content .indent
{
    width: auto;
}
.content .indent .checkbox 
{
	float:left;	
}
.content label 
{
	color:#1c1c1c;
	display:block;
	font-size:13px;	
	font-weight:bold;
	margin:3px 0;
	width:314px;
}
.content li
{
	*display:block;
	float:left;	
	margin:0 50px 0 0;
	_margin:0 25px 0 0;
	width:37%;
}
.content li:nth-child(1) /* targets all first-childs */
{
	clear:none;
}
.content ul:nth-of-type(n) li:nth-child(odd) /* targets first ul */
{
	clear:left;
}
.content.registerPage fieldset > *:first-child + small + ul > *:first-child + li + li + li + li /* old IE workaround */
{
    *clear:left;
    clear:left\9;
}
.content.registerPage .phoneNumber {
    width:60%;
}
.content.registerPage .phoneNumber + input {
    margin-right:0;
}
.content.registerPage .line.companyInformation + ul > *:first-child + li {
    width:41%;
}
.content ul:nth-of-type(1) li:nth-child(6) 
{
	*padding-top:23px;
}
.content ul:nth-of-type(2) li:nth-child(3) /* targets second ul, third element */
{
	width:587px;
	_width:609px;
}
.content ul:nth-of-type(2) li:nth-child(4) /* targets second ul, fourth element */  
{
	width:587px;
	_width:605px;
}
.content ul:nth-of-type(2) li:nth-child(6) /* targets second ul, sixth element */  
{
	width:290px;	
}
.content ul:nth-of-type(2) li:nth-child(8) /* targets second ul, eighth element */  
{
	width:290px;
}
.content .line 
{
	clear:left;
	padding:20px 0 0;	
}
.content .lineBlock
{
	width:728px;	
}
.content .lineBlock .checkboxBlock 
{
	width:240px;	
}
.content .lineBlock .checkboxBlock label 
{
	white-space:nowrap;
}
.content .radio
{
    clear: left;
    float:left;
    margin: 0 0 10px;
}
.content .radio input
{
	border:0;
    float: left;
    margin: 2px 5px;
    width: auto;
}
.content .radio label
{
    font-weight: normal !important;
    float: left;
    margin:4px 0 0;
    text-align: left;    
    width: 200px;
    white-space: nowrap;
}
.content .radioList li, .content .indent .line .radioList li
{
	clear:none;
	float:left;	
}
.content .indent .notCustomerOnly br, .content .indent .customerOnly br
{
	*display:none;
}
.content .indent .radioList li
{
	clear:none;
	margin:0 10px 0 0;
	width:auto;
}
.content .rememberMe 
{
	font-size:12px;	
	font-weight:400;
	margin:0 0 6px;
	text-align:left;
	width:96%;
}
.content .rememberMe br {
    display:none;
}
.content .rememberMe a 
{
	font-size:13px;	
	float:right;	
}
.content .rememberMe input 
{
	margin:0;
}
.content div small
{
    margin: -5px 0 20px 0;
}
.content small
{
    color: #8B8B8B;
    display: block;
    font-size: 12px;        
    font-weight: 400;
    margin: -5px 0 10px 0;
}
.content small.instruction 
{
	color:#848484;
	font-size:11px;	
	font-weight:normal;
}
.content #txtOtherResponsibility 
{
	width:50px !important;	
}
/* </content> */
/* <loginPage> */
.content .loginFields 
{
	padding: 0 40px 0 0;
    margin: 0 140px 0 0; 
    _margin:0 70px 0 0;
    height: 300px;
    width:46%!important;	
}
.content .loginFields input[type=text], .content .loginFields input[type=password] {
    width:91%;
}
.content .loginPage 
{
	display:block;
	float:left;
	padding:0 0 36px;
	width:38%;
}
.content .loginPage .buttonContainer 
{
	margin-top:31px;
	*margin-top:15px;
	text-align:left;	
}
.content .loginPage h2 {
    text-transform:none;
}
.content .loginPage .loginButton input 
{
	width:69px;	
}
.content .loginPage label 
{
    display: block;
    font-size: 13px;
    font-weight: bold;
    margin:0 0 5px;
    text-align:left;	
}
.content .loginPage p 
{
	color:#848484;	
	font-size:11px;
	font-weight:400;
}
.content .loginPage ul 
{
    list-style:disc inside;
    margin:10px 0;
}
.content .loginPage li
{
	font-size:11px;
    float:none;
    margin:6px 0;
    white-space:nowrap;
}
.home 
{
	height:396px;
	overflow:hidden;
}
.home fieldset 
{
	padding:30px 0 45px;
	min-width:708px;	
}
/* </loginPage> */
/* <exposed Pages styles, like Terms of Use and Privacy Policy> */
.exposedPage 
{
	background:#f4f4f1;
	width: 850px; 
	padding:20px 50px; 
	margin: 30px auto;	
}
.exposedPage a 
{
	color:#1c1c1c;
	font-weight:bold;	
	text-decoration:none;
}
.exposedPage h5 
 {
	font-size: 14px; 
	font-weight: bold;	
 }
.exposedPage p 
{
	margin:20px 0;
	text-align:justify;	
}
.exposedPage span 
{
	font-size: 8.5pt; 
	font-family: 'helvetica','sans-serif';	
}
/* </exposed Pages styles, like Terms of Use and Privacy Policy> */
/* <Information Message Style> */
#divLoginInformationMessage 
{
	padding-top:20px;	
}
.informationMessage
{
    background:#FFFFDF;
    border:3px solid #F4F4F1;
    margin:0 auto;    
    padding:5px 20px;    
    width:465px;
}
.informationMessage a {
    font-size:11px;
}
.informationMessageSuccessLabel, .informationMessageFailLabel, .informationMessageLabel
{
    font-family: Arial, Verdana, Helvetica, Sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #636363;   
    text-decoration: none;
    z-index: 1;
}
.informationMessageSuccessIcon, .informationMessageFailIcon 
{
	float:left;
    height:35px;
    margin:0 15px 7px 0;
    width:28px;
}
/* </Information Message Style> */
/* <footer> */
.footer, #ctl00_footer
{
	background:url(/Images/Hbf/HbfLogo.jpg) right 16px no-repeat;
    background-size:4%;
	border-top:1px solid #e1e1e1;
	color:#a0a0a0;	
	clear:left;
	height:45px;
	margin:12px auto;
	padding:12px 0 0;
	width:930px;
}
#container .footer, #container #ctl00_footer 
{
	margin:0 0 12px 0;	
}
.footer a, #ctl00_footer a 
{
	color:#00325b;
	font-size:11px;
	font-family:Arial;	
	font-weight:bold;	
	text-decoration:none;	
}
.footer span, #ctl00_footer span
{
	font-family:Arial;	
	font-size:11px;
	margin:0 3px;
}
.footer .copyright, #ctl00_footer .copyright
{
	display:block;
	margin:6px 0 0;
}
.footer .lastSeparator, #ctl00_footer .lastSeparator 
{
	display:none;	
}
/* </footer> */
/* password recovery */
.passwordRecovery #lblPasswordRecoveryEmail {
    color:#1c1c1c;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 5px;
    text-align: left;
}
.passwordRecovery h3 
{
    border: 0;
    color: #8B8B8B;
    clear:left;
    display: block;
    font-family:Arial;
    font-size: 12px;
    font-weight:400;
    margin:-5px 0 10px;
    text-align: left;	
}
/* overlay modal */
.ui-widget-overlay {
    background:rgba(0,0,0,0.8);
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:2;
}
.ui-dialog.ui-widget {
    background:#ffffff;
    font-family:"Neuzeit","Helvetica Neue",Helvetica,Arial,sans-serif;		
    padding:30px;
}
.ui-dialog .ui-dialog-buttonpane.ui-widget-content {
    background:transparent none;
}
.ui-dialog .ui-dialog-buttonpane.ui-widget-content button {
    background: #e04e39;
    border: 0;
    border-radius:0;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    float:none;
    display: inline-block;
    margin: 0 10px 0 0;
    padding: 10px;
    min-width: 160px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
#modalMessage p, .borderBottomOnlyLightGray .basePageTitleBoldLabel1, .borderBottomOnlyLightGray .basePageTitleBoldLabel4, .basePageCaptionBoldLabel2, .linksTopNav a, strong, label,fieldset,.basePageCaptionBoldLabel1, input.button {
    font-family:"Neuzeit","Helvetica Neue",Helvetica,Arial,sans-serif!important;		
}
.groupingFiltering input.button {
    min-width: 0;
    min-height: 21px;
    padding: 0 5px!important;
    margin-top: 2px;
}
.ui-dialog .ui-dialog-buttonpane button {
    margin-left:0!important;
}
/* survey */
.survey 
{
    background:url(/Images/Hbf/HbfEdgeLogo.gif) no-repeat left 20px;
    padding:120px 0 0;   
}
.divSurvey 
{
    border-top:2px solid #36424a;
    padding:10px 0 0;
}
.survey h2 span 
{
    color:#1c1c1c;
    font:bold 14px Arial;
    text-transform:uppercase;
}
.survey .continueBrowsing, .divPopupButtons input {
    background:#36424a;
    border:0;
    color:#fff !important;
    cursor:pointer;
    font:bold 10px Verdana;
    padding:3px 0;
    margin:0 5px;
    text-transform:uppercase;
} 
.survey .divButton input.button 
{
    background:#36424a;
}
/* Header Grid Telerik */


/* Mozilla */

html>/**/body .rgHeaderEmail, x:-moz-any-link, x:default {width:345px;}
html>/**/body .rgHeaderFirstName, x:-moz-any-link, x:default {width:180px;}
html>/**/body .rgHeaderLastName, x:-moz-any-link, x:default {width:180px;}


/* Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
 .rgHeaderEmail  {width:190px;margin:0;}
 .rgHeaderGun    {width:75px;margin:0;}
 .rgHeaderAsi    {width:80px;margin:0;}
 .rgHeaderHbf    {width:80px;margin:0;}
 .rgHeaderHon    {width:75px;margin:0;}
 .rgHeaderAct    {width:0;}
}

/* IE */
.rgHeaderEmail
{
    *width:185px!important;
    _width:185px!important;    
}

.rgHeaderGun    {*width:auto!important;_width:auto!important;}
.rgHeaderHon    {*width:auto!important;_width:auto!important;}
.rgHeaderAsi    {*width:auto!important;_width:auto!important;}
.rgHeaderHbf    {*width:auto!important;_width:auto!important;}