body.PreventPageFromBeingViewableUntilFullyRendered { display:none; }

html, body {
	font-family: 'Source Sans Pro', sans-serif;
    font-size: 10pt;
	width:100%;
	margin:0;
	padding:0;
}

h2	{ font-size: 16px; }
h3	{ font-size: 14px; }

.HiddenDiv { visibility:hidden; display:none;}
.ShownDiv {visibility:visible; display:block;}

.HiddenTr { visibility:hidden; display:none;}
.ShownTr {visibility:visible; display:table-row;}

.MediumText{
    font-size:14px;
    font-weight: bolder;
}
.MediumInput{    
    padding: 5px;
    margin: 0 0 10px 0;
    font-size:14px;
}

.DimText, .DimText a, .DimText a:visited	{ font-size:10px; }
.HighlightText								{ font-size: 18px; font-weight:bolder;}
.HighlightTextSameLine						{ vertical-align:top;line-height:32px;padding-right:10px;text-align:right; }
.FullWidth									{ width:100%;}

.hideDesktop, .hideDesktop2, .hideDesktop3, .header_nav .hideDesktop, .button .hideDesktop { display:none; }
.hide {display:none;}

// SRX21480 - 20210305; Add recurring payment support to the Policyholder Portal codebase
input[type='checkbox'][readonly] {
  pointer-events: none;
}

blockquote{margin-left:15px;}
.redText{ font-weight:bold; }

#page-cover {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9995;
    top: 0;
    left: 0;
	opacity:0.7;
}

#PolicyActionButtonContainer {
    display: none;
	z-index:9996;
}
		
.LogonButton {
	-webkit-border-top-left-radius:12px;
	-moz-border-radius-topleft:12px;
	border-top-left-radius:12px;
	-webkit-border-top-right-radius:12px;
	-moz-border-radius-topright:12px;
	border-top-right-radius:12px;
	-webkit-border-bottom-right-radius:12px;
	-moz-border-radius-bottomright:12px;
	border-bottom-right-radius:12px;
	-webkit-border-bottom-left-radius:12px;
	-moz-border-radius-bottomleft:12px;
	border-bottom-left-radius:12px;
	text-indent:0;
	display:inline-block;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	font-style:normal;
	height:30px;
	line-height:29px;
	padding: 0px 30px 0px 30px;
	text-decoration:none;
	text-align:center;
}
.LogonButton:active {
	position:relative;
	top:1px;
}
.LogonButtonSmall {
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	text-indent:0;
	display:inline-block;
	font-family:Arial;
	font-size:9pt;
	font-weight:bold;
	font-style:normal;
	height:21px;
	line-height:18px;
	padding: 0px 10px 0px 10px;
	text-decoration:none;
	text-align:center;
}
.LogonButtonSmall:active {
	position:relative;
	top:1px;
}

.button{
    width: 100%;
    font-size: 1.4em;
    padding:5px;
    margin-bottom:5px;
    border:none;
}

.ExtraLeftPadding 	{ padding-left: 15px;}
.ExtraLeftMargin	{ margin-left: 15px;}
.ExtraRightPadding	{ padding-right: 15px;}

.raised-drop-shadow {
	overflow-x:auto;
}
legend { white-space:normal; max-width:100%; }

.smallBox, .largeBox, .mediumBox {
    padding-left: 3px;	
    padding-right: 3px;	
    padding-bottom: 3px;	
    padding-top: 0px;
}

.smallBox { width:275px; font-size: 0.9em; margin-bottom:15px; }
.smallBox th { vertical-align: top; text-align: right; font-weight: bold; padding-right: 4px;}
.smallBox td { vertical-align: top; text-align: left; }
.mediumBox { width:450px; font-size: 1em; margin-bottom:15px; }
.largeBox { width:650px; font-size: 1em; margin-bottom:15px; }
.justBox { font-size: 1em; margin-bottom:15px; }
.textRight { text-align: right; vertical-align: middle;}
.smallBoxWider	{ display:inline-block;vertical-align:top;width:310px; }
.smallBoxWider2	{ display:inline-block;vertical-align:top;width:315px;margin-left:11px; }
.smallBoxEvenWider	{ display:inline-block;vertical-align:top;width:650px; }

/* WTL:20190822; SRX18296 - Add a pre-registration blurb to the Policyholder Portal registration interface */
/* WTL:20200504; SRX20393 - Tweaks the modal window so it will scroll along with the underlying page content */
.ReuseableModalBox {
    display: none;
	position:absolute;
	top:0;
	left:0;
    width: 100%;
    height: 100%;
    z-index: 9996;
	text-align:center;
}

.mainTable { 
	border:0px;
	margin-left:auto; 
    margin-right:auto;
}

.centerTable{
	border:0px;
	margin-left:auto; 
    margin-right:auto;
}


.sideTable{
    width:100%;
    border:none;
}

.subHeading { float:right; font-style:italic; font-size:75%;}
.subHeading2 { font-style:italic; font-size:75%;}

fieldset {
	display: block;
	-webkit-margin-start: 2px;
	-webkit-margin-end: 2px;
	-webkit-padding-before: 0.35em;
	-webkit-padding-start: 0.75em;
	-webkit-padding-end: 0.75em;
	-webkit-padding-after: 0.75em;
    padding: 0.35em 0.35em 0.8em 0.35em;
    margin:0 6px 6px 6px;
}

legend, legend span {
	font-weight: bold;
	font-size: 120%;
	padding:5px 5px 5px 5px;
}
.legend {
	font-weight: bold;
	font-size: 120%;
}
.legendsubtitle {
	line-height:17px;
	font-size:0.8em;
	font-style:italic;
	padding-bottom:8px;
}

legend span {
	font-size: 100%;
}


.list {
    margin-bottom: 5px;
	font-size:9pt;
}

.list th {
    font-weight: bold;
	vertical-align:middle;
    padding:3px 5px 3px 5px;
}

.list tr td {
    padding:3px 5px 3px 5px;
}

.list tr.total td {
    font-weight: bold;
}

.wideHeader{
	overflow:hidden;margin-left:auto; margin-right:auto; width:960px; height:50px; padding:0px; 
}

header {
    width:100%;
    height: 40px;
    margin:0px 0px 20px 0px; 
	overflow:hidden;
}

.header_nav {
    position: relative;
    height: 40px;
    float: left;
	overflow:hidden;
}

.header_nav ul {	
    width:auto; 
    cursor: pointer;
    margin: 0 auto;
    display: table;
}

.header_nav li {
  display: table-cell;
  width: auto;
  text-align: center;
  line-height:22px;
}

.header_nav li a {  
    float: left;
    font-size: 11pt;
    font-weight: bold;
    height:28px;
    padding-top:10px;   
    text-align: center;
    text-decoration: none;
    width:120px; 
}

.login {
    height: 20px;
    padding: 11px 10px 10px 10px;
    float: right;
    font-size: 11pt;
	overflow:hidden;
}

.login a {
    font-size: 10pt;
    text-decoration: underline;
}

.login a:hover {	
    background: none; 
}

.SmallPHPMessageDiv	{ display:none; padding:5px 10px 4px 10px; margin:0 auto 0 auto; font-size:0.90em; text-align:left; font-weight:bold; }
.SmallPHPErrorDiv	{ display:none; padding:5px 10px 4px 10px; margin:0 auto 0 auto; font-size:0.90em; text-align:left; font-weight:bold; }
.SmallPHPDivUL		{ list-style-type:disc;padding:3px 15px 0 25px; }

.LargePHPMessageDiv	{ display:none; padding:7px 15px 6px 15px; margin:0 auto 0 auto; font-size:0.90em; text-align:left; font-weight:bold; }
.LargePHPErrorDiv	{ display:none; padding:7px 15px 6px 15px; margin:0 auto 0 auto; font-size:0.90em; text-align:left; font-weight:bold; }
.LargePHPDivUL		{ list-style-type:disc;padding:3px 25px 0 35px; }

.LargeVisiblePHPMessageDiv	{ padding:7px 15px 6px 15px; margin:0 auto 0 auto; font-size:0.90em; text-align:left; font-weight:bold; }
.LargeVisiblePHPErrorDiv	{ padding:7px 15px 6px 15px; margin:0 auto 0 auto; font-size:0.90em; text-align:left; font-weight:bold; }

.TableSpacerTDSmall		{ margin:0;padding:0;line-height:1px;height:5px; }
.TableSpacerTDLarge		{ margin:0;padding:0;line-height:1px;height:10px; }

.PageTitleDiv					{ font-size:13.5pt; font-weight:bold; text-align:center; } 
.DeveloperNotes					{ font-size:9pt; padding:10px; margin:10px 0 0 0; }
.GeneralDescriptionText			{ font-size:8.5pt; font-style:italic; }

.ContactPrefTable				{ width:98.5%; margin:0 auto 0 auto; }
.ContactPrefTableHeader			{ font-size:9pt; font-weight:bold; padding:3px 7px 2px 6px; text-align:left; }
.ContactPrefRowHeader			{ font-size:9pt; font-weight:normal; padding:3px 7px 2px 7px; text-align:left; }
.ContactPrefRow					{ font-size:9pt; font-weight:normal; padding:5px 7px 4px 7px; text-align:left; }
.ContactPrefRow2				{ font-size:9pt; font-weight:normal; padding:1px 0 0 8px; text-align:left; }
.ContactPrefRow3				{ font-size:9pt; font-weight:normal; padding:10px 0 10px 0px; }
.ContactPrefRow4				{ font-size:9pt; font-weight:normal; padding:3px 0 0 8px; text-align:left; }
.ContactPrefRow5				{ font-size:9pt; font-weight:normal; padding:5px 7px 6px 7px; text-align:left; }
.ContactPrefRow6				{ font-size:8.5pt; font-weight:normal; padding:7px 7px 7px 7px; text-align:left; }
.ContactTableWorkInterface		{ font-size:9pt; padding:10px 10px 7px 10px; margin:0 20px 0 20px; text-align:center; }
.ContactTableWorkInterfaceLeft	{ width:35%; float:left; text-align:right; }
.ContactTableWorkInterfaceRight	{ width:65%; float:left; text-align:left; }
/* SRX21480 - 20210305; Add recurring payment support to the Policyholder Portal codebase */
.ContactTableWorkInterfaceRight2	{ width:55%; float:left; text-align:left; }
.ContactTableSelectField		{ width:98%; height:20px; }
.ContactTableSelectField2		{ font-size:0.95em; }
.ContactTableCheckboxField		{ vertical-align:top;font-size:8pt; }
.ContactTableTextField			{ width:98%; }
.ContactTableTextField2			{ width:96.75%; }
.ContactTableTitleSpanBold		{ padding-right:10px; font-weight:bold; }
.ContactTableDescriptionText	{ font-size:8.5pt; font-style:italic; }
.ContactTableItemLineHeight		{ line-height:20px; }
.ContactTableSpacerDiv			{ margin-top:12px; }
.ContactTableSpacerDiv2			{ margin-top:6px; }
.ContactTableSpacerDiv3			{ margin:0;padding:0;line-height:1px;height:12px; }
.ContactTableSpacerDiv4			{ margin:0;padding:0;line-height:1px;height:5px; }
.ContactTableWorkInterface2		{ padding:10px 0 7px 0; }
.ContactTableWorkInterface3		{ padding:10px 20px 9px 20px; text-align:center; }
.ContactTableWorkInterface4		{ padding:7px 0 7px 0; }
.ContactTableAlertMessage		{ font-size:9pt; }
.ContactTableAlertMessage2		{ font-size:9pt; font-style:italic; }
.ContactPrefRowIndent			{ padding-left:15px; }
.ContactPrefRowIndent2			{ padding-left:20px; }
.ContactPrefRowLine				{ margin:0;padding:0;line-height:1px;height:1px; }

.VerificationButton				{ font-size:8.5pt; }
.VerificationTextField			{ font-size:8.5pt; height:15px; }

.ChgPWLabelTitle				{ font-size:8.5pt; text-align:center; font-weight:bold; }
.ChgPWLabelText					{ font-size:8pt; text-align:right; vertical-align:middle; padding-left:5px; line-height:20px; }
.ChgPWTextField					{ font-size:8pt; width:130px; }
.ChgPWButton					{ text-align:center; }
.ChgPWButtonField				{ font-size:7.5pt; }

.new_MOC {
	position:fixed;
	top:0;
	left:0;
	right:0;
	margin:65px auto 0 auto;
	z-index:9997;
}

.EFTContentContainer		{ margin:0 auto 0 auto; width:100%; vertical-align:top; }
.EFTTitleSpan				{ padding-right:10px; }
.EFTTitleSpanBold			{ padding-right:10px; font-weight:bold; }
.EFTTitleText				{ font-weight:bold; }
.EFTSpacerDiv				{ margin-top:12px; }
.EFTSpacerDiv2				{ margin-top:3px; }
.EFTSpacerDiv3				{ margin-top:15px; }
.EFTSpacerDiv5				{ margin-top:8px; }
.EFTSpacerDiv6				{ margin-top:10px; }
.EFTItemLineHeight			{ line-height:21px; }
.EFTLeftSubContainer3		{ margin:0 auto 0 auto; width:100%; text-align:left; }
.EFTLeftContainer3			{ float:left; width:40%; text-align:right; }
.EFTRightContainer3			{ float:left; width:60%; text-align:left; }
.EFTFFWidth5				{ width:80.5%; }
.EFTFFWidthHeight4			{ width:82%; height:20px; }
.EFTFFWidth6				{ width:45%; }
.EFTDescriptionText			{ font-size:8.5pt; font-style:italic; }
/* SRX21480 - 20210305; Add recurring payment support to the Policyholder Portal codebase */
.EFTPadding					{ padding:6px 15px 5px 15px; }
.EFTPadding2				{ padding:6px 10px 5px 10px; }
/* SRX23604 - 20210906 - Require an email address for all policy payments */
.EFTPadding3				{ padding-right:70px; }

.PHPTTitleText				{ font-weight:bold; }
.PHPMessageDiv				{ padding:10px 20px 10px 35px; margin:0 auto 15px auto; font-size:0.90em; text-align:left; font-weight:bold; }
.PHPErrorDiv				{ padding:10px 20px 10px 35px; margin:0 auto 15px auto; font-size:0.90em; text-align:left; font-weight:bold; }

.CCContentContainer			{ margin:0 auto 0 auto; width:100%; vertical-align:top; }
.CCLeftContainer			{ float:left; width:36%; text-align:right; }
.CCLeftContainer2			{ float:left; width:47%; text-align:right; }
.CCTitleSpan				{ padding-right:10px; }
.CCTitleSpanBold			{ padding-right:10px; font-weight:bold; }
.CCRightContainer			{ float:left; width:64%; text-align:left; }
.CCRightContainer2			{ float:left; width:53%; text-align:left; }
.CCLeftSubContainer			{ float:left; width:65%; text-align:left; }
.CCLeftSubContainer2		{ width:65%; text-align:left; margin-left:auto; margin-right:auto; padding-right:7%; }
.CCRightSubContainer		{ float:left; width:35%; text-align:center; }
.CCTitleText				{ font-weight:bold; }
.CCSpacerDiv				{ margin-top:12px; }
.CCSpacerDiv2				{ margin-top:3px; }
.CCSpacerDiv3				{ margin-top:15px; }
.CCSpacerDiv4				{ margin-top:12px; }
.CCItemLineHeight			{ line-height:21px; }
.CCFFWidth1					{ width:98%; }
.CCFFWidth2					{ width:12%; }
.CCFFWidth2_2				{ width:10%; }
.CCFFWidthHeight3			{ width:40%; height:20px; }
.CCFFWidthHeight4			{ width:98%; height:20px; }
.CCFFHeight4				{ height:21px; }
.CCFFWidth5					{ width:95.5%; }
.CCFFWidth6					{ width:75%; }
.CCFFWidth7					{ width:60.5%; }

.NoLoginOptionsPaddingOverride1	{ padding:7px 7px 3px 7px; }
.NoLoginOptionsFontOverride1	{ font-weight:bold;padding-right:7px; }
.NoLoginOptionsFondOverride2	{ font-size:0.95em; }

.hideHandheldPaddingOverride1	{ padding-bottom:6px; }
.hideHandheldPaddingOverride2	{ padding:0 15px 0 15px; }
.hideHandheldPaddingOverride3	{ padding-top:12px;padding-bottom:12px; }
.hideHandheldPaddingOverride4	{ padding:0 0 0 15px; }
.hideHandheldMarginOverride1	{ margin:1px 10px 8px 10px; }
.hideHandheldMarginOverride3	{ margin-top:13px; }
.hideHandheldMarginOverride4	{ margin:20px 20px 0 20px; }
.hideHandheldMarginOverride5	{ margin:20px 20px 0 20px; }
.hideHandheldMarginOverride6	{ margin-top:12px; }
.hideHandheldMarginOverride7	{ margin-left:15px; }
.hideHandheldMarginOverride8	{ margin-top:12px; }
/* SRX23151 - 20201125; Add new payment iFrame functionality to the Policyholder Portal codebase - PP codebase integration */
.hideHandheldMarginOverride8a	{ margin-top:0px; }
.hideHandheldStyleOverride1		{ width:63%;float:left;padding:5px 0 5px 0; }
.hideHandheldStyleOverride2		{ width:35%;float:right;padding:5px 0 5px 0; }
.hideHandheldStyleOverride3		{ padding:10px 10px 7px 10px; margin:0 20px 0 20px; }
.hideHandheldStyleOverride4		{ margin:0 20px 0 20px;padding-left:15px;padding-right:15px; }
.hideHandheldStyleOverride5		{ width:55%;max-width:400px;padding-left:0;padding-right:0;text-align:center; }
.hideHandheldStyleOverride6		{ width:20%;max-width:175px;margin-left:10px;padding-left:0;padding-right:0;text-align:center; }
.hideHandheldStyleOverride7		{ margin-top:12px;padding-top:12px;padding-bottom:12px; }
.hideHandheldStyleOverride8		{ }
.hideHandheldWidthOverride1		{ width:47%; }
.hideHandheldWidthOverride2		{ width:50%; }
.hideHandheldWidthOverride3		{ width:100%; }
.hideHandheldWidthOverride4		{ width:270px; margin-right:10px; }
.hideHandheldWidthOverride5		{ width:270px; margin-top:0; }
.hideHandheldWidthOverride6		{ width:300px; }
.hideHandheldWidthOverride7		{ margin-left:10px;padding-left:20px;padding-right:20px; }
.hideHandheldWidthOverride8		{ }
.hideHandheldWidthOverride9		{ }
.hideHandheldWidthOverride10	{ }
.hideHandheldWidthOverride11	{ }
.hideHandheldWidthOverride12	{ width:45%; }
.hideHandheldWidthOverride13	{ width:80.5%; }
.hideHandheldWidthOverride14	{ }
.hideHandheldWidthOverride15	{ }
.hideHandheldWidthOverride16	{ width:98%; }
.hideHandheldWidthOverride17	{ }
.hideHandheldWidthOverride18	{ }
.hideHandheldWidthOverride19	{ }
.hideHandheldWidthOverride20	{ }
.hideHandheldWidthOverride21	{ }
.hideHandheldWidthOverride22	{ }
.hideHandheldWidthOverride23	{ }
.hideHandheldWidthOverride24	{ }
.hideHandheldWidthOverride25	{ }
.hideHandheldWidthOverride26	{ width:12%; }
.hideHandheldWidthOverride27	{ width:10%; }
.hideHandheldWidthOverride28	{ width:650px; }
/* SRX21480 - 20210305; Add recurring payment support to the Policyholder Portal codebase */
.hideHandheldWidthOverride29	{ width:43%; }
.hideHandheldWidthOverride30	{ width:45%; }
.hideHandheldWidthOverride31	{ width:57%; }
.hideHandheldWidthOverride32	{ float:left; text-align:right; }
.hideHandheldWidthOverride33	{ padding-right:10px; }
.hideHandheldWidthOverride34	{ float:left;text-align:left; }
.hideHandheldWidthOverride35	{ padding-left:40px; padding-right:40px; }
.hideHandheldWidthOverride36	{ width:58%; padding-left:0;padding-right:0;text-align:center; }
.hideHandheldWidthOverride37	{ width:18%; margin-left:10px; padding-left:0; padding-right:0; text-align:center; }
.hideHandheldAlignmentOverride1	{ text-align:center; width:100%; }