/* SecureForm Default CSS Style File */
/* For SecureForm Form Builder */

/* VERSION v2025.0.1 */

table {
	border: 0;
	}
tr {
	vertical-align: top;
	}

/* Relative position needed for the validation plugin positioning */
td, th {
	padding: 5px;
	position: relative;
	}
th {
	font-weight: bold;
	text-align: left;
	}

blockquote {
	margin: 10px 10px 10px 25px;
	border-left: 2px solid #CCC;
	padding-left: 0 0 0 5px;
	}

dt {
   font-weight: bold;
   margin-left: 32px;
   text-indent: -32px;
   }

dd {
   font-weight: normal;
   margin: 5px 0 10px 25px;
   border-left: 2px solid #CCC;
   padding-left: 5px;
   }


h1 {
	font-size: 24px;
	}
h2 {
	font-size: 20px;
	}
h3 {
	font-size: 16px;
	}
h4,h5,h6,h7 {
	font-size: 14px;
	}

form, img {
	padding: 0;
	margin: 0;
	}
				
input, select {
   border: 2px solid #DDD;
   color: #000;
   padding: 4px;
	border-radius:3px;
   }

textarea {
   background: #FFF;
   border: 2px solid #DDD;
   font-family: "Courier New", Courier, monospace;
   font-weight: normal;
   padding: 4px;
	border-radius: 5px;
   color: black;
   }

input:focus, select:focus, textarea:focus {
   background: #EEE;
   border: 2px solid #CCC;
   color: black;
   }

/* Css + bootstrap-buttons */
input[type="button"], input[type="submit"] {
	cursor: pointer;
	border: 1px solid #979797;
   border-radius:4px;
   -webkit-border-radius:4px;
   -moz-border-radius:4px;
   background-color:#EEEEEE;
   background-image:-o-linear-gradient(bottom, #CCC 40%, #FFFFFF );
   background-image:-moz-linear-gradient(bottom, #CCC 40%, #FFFFFF );
   background-image:-webkit-linear-gradient(bottom, #CCC 40%, #FFFFFF );
   background-image:-ms-linear-gradient(bottom, #CCC 40%, #FFFFFF );
   text-shadow:1px 1px 1px #FFFFFF;	
   }

/* Bootstrap reversions */
input.btn {
	border: 1px solid transparent;
	background-image: none;
	text-shadow: none;
	color: #FFF;
	}
input.btn-primary {
	background-color: #337ab7;
	border-color: #002242;
	}
input.btn-success {
	background-color: #5cb85c;
	border-color: #5cb85c;
	}
input.btn-info {
	background-color: #5bc0de;
	border-color: #5bc0de;
	}
input.btn-warning {
	background-color: #f0ad4e;
	border-color: #f0ad4e;
	}
input.btn-danger  {
	background-color: #d9534f;
	border-color: #d9534f;
	}
input.btn-default  {
	background-color: #FFFFFF;
	border-color: #CCCCCC;
	color: #000;
	}
						
label {
	vertical-align: middle;
	display: inline-block;
	margin-bottom: 8px;
	}						
						
input[type="radio"] + label,
input[type="checkbox"] + label {
	margin-left: 8px;
	margin-bottom: 0;
	display: inline-block;
	vertical-align: top;
	}



	
/* ********************************* */
/* BEGIN FORM VALIDATION CSS */

/* Z-INDEX */
 .formError { z-index: 990; }
    .formError .formErrorContent { z-index: 991; }
    .formError .formErrorArrow { z-index: 996; }
    .ui-dialog .formError { z-index: 5000; }
    .ui-dialog .formError .formErrorContent { z-index: 5001; }
    .ui-dialog .formError .formErrorArrow { z-index: 5006; }


.inputContainer {
	position: relative;
	float: left;
}

.formError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	cursor: pointer;
	text-align: left;
}

.formError.inline {
	position: relative;
	top: 0;
	left: 0;
	display: inline-block;
}

.ajaxSubmit {
	padding: 20px;
	background: #55ea55;
	border: 1px solid #999;
	display: none;
}

.formError .formErrorContent {
	width: 100%;
	background: #ee0101;
	position:relative;
	color: #fff;
	min-width: 120px;
	font-size: 11px;
	border: 2px solid #ddd;
	box-shadow: 0 0 6px #000;
	-moz-box-shadow: 0 0 6px #000;
	-webkit-box-shadow: 0 0 6px #000;
	-o-box-shadow: 0 0 6px #000;
	padding: 4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
}

.formError.inline .formErrorContent {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	border: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
}

.greenPopup .formErrorContent {
	background: #33be40;
}

.blackPopup .formErrorContent {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow {
	width: 15px;
	margin: -2px 0 0 13px;
	position:relative;
}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
	margin: -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	margin: 0px 0 0 12px;
	top:2px;
}

.formError .formErrorArrow div {
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	box-shadow: 0 2px 3px #444;
	-moz-box-shadow: 0 2px 3px #444;
	-webkit-box-shadow: 0 2px 3px #444;
	-o-box-shadow: 0 2px 3px #444;
	font-size: 0px;
	height: 1px;
	background: #ee0101;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
}

.formError .formErrorArrowBottom div {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
}

.greenPopup .formErrorArrow div {
	background: #33be40;
}

.blackPopup .formErrorArrow div {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow .line10 {
	width: 13px;
	border: none;
}

.formError .formErrorArrow .line9 {
	width: 11px;
	border: none;
}

.formError .formErrorArrow .line8 {
	width: 11px;
}

.formError .formErrorArrow .line7 {
	width: 9px;
}

.formError .formErrorArrow .line6 {
	width: 7px;
}

.formError .formErrorArrow .line5 {
	width: 5px;
}

.formError .formErrorArrow .line4 {
	width: 3px;
}

.formError .formErrorArrow .line3 {
	width: 1px;
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
	background: #ddd;
}

.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
	background: #ddd;
}
	
/* END FORM VALIDATION CSS */
/* ********************************* */

/* ********************************* */
/* Ink Signatures */

.x_inksig {
	border: 1px inset #CCC;
	border-radius:5px;		
	}




/* End Ink Signatures */
/* ********************************* */

/* ********************************* */
/* GeoLocation */

.x_getgeo {
	border: 1px solid #CCC;
	background-color: #EEE;
	border-radius:3px;		
	width:20px;
	height:20px;
	padding:2px;
	background-image: url(https://d4hm2u4pioc0c.cloudfront.net/icons/png/o/blue_dark_grey/16x16/earth2.png);
	}

/* End GetLocation */
/* ********************************* */
	


/* SECUREFORM DEFAULT CSS */

/* Do not edit the contents of this block, it will */
/* be auto-regenerated each time you update your form */

body {
	padding: 10px;
	margin: 0;
	background-color: #FFFFFF;
	color: #333333;
   font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	}

td, th, p, li, blockquote, a, dt, dd {
	color: #333333;
   font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	}

h1,h2,h3,h4,h5,h6,h7 {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
	}

.x_getgeo {
   border: 1px solid #CCC;
   background-color: #EEE;
   border-radius:5px;
   padding:2px;
   }	
/* SECUREFORM DEFAULT CSS */






















































































.container{
    max-width:1000px;
    margin:0 auto;
    padding:20px;
}

.header{
    text-align:center;
    margin-bottom:30px;
}

.logo{
    max-width:340px;
    margin-bottom:20px;
}

.header h1{
    color:#003A63;
    margin-bottom:10px;
}

.letter{
    margin-bottom:30px;
}

.important{
    color:#B22222;
    font-weight:bold;
}

.two-column{
    display:flex;
    gap:25px;
    margin:30px 0;
    align-items:stretch;
}

.card{
    flex:1;
    background:#F7F9FC;
    border:2px solid #003A63;
    border-radius:10px;
    padding:25px;
    box-shadow:0 2px 8px rgba(0,0,0,.08);
}

.card h2{
    color:#003A63;
    margin-top:0;
    border-bottom:2px solid #003A63;
    padding-bottom:8px;
    margin-bottom:18px;
}

.warning{
    background:#FFF8F3;
}

.notice{
    margin-top:30px;
    padding:15px;
    background:#F5F5F5;
    border-left:5px solid #003A63;
}

.claim-warning{
    margin-top:25px;
    padding:15px;
    background:#B22222;
    color:white;
    font-weight:bold;
    text-align:center;
    border-radius:5px;
}

.thank-you{
    text-align:center;
    margin-top:30px;
    font-style:italic;
}

@media (max-width:768px){

.two-column{
    display:block;
}

.card{
    margin-bottom:20px;
}

.return-grid{
    grid-template-columns:1fr;
}

}

.page-break{
    margin-top:50px;
    border-top:3px solid #003A63;
    padding-top:35px;
}

@media print{

body{
    zoom:0.90;
}
    
.page-break{

    page-break-before:always;
    break-before:page;

    border:none;
    margin:0;
    padding:0;

}

}

.row{

display:flex;
gap:20px;
margin-bottom:20px;

}

.field{

flex:1;

}

.field input{

width:100%;

}

textarea{

width:100%;
margin-bottom:20px;

}

.hidden{

display:none;

}

#motorSection,
#workSection,
#Another_Type_of_AccidentSection{

margin-top:30px;
padding:20px;
border:2px solid #d9d9d9;
border-radius:8px;
background:#fafafa;

}

.warning{
    color:#b30000;
    font-weight:bold;
    text-align:center;
    margin-bottom:25px;
}

h1{
    text-align:center;
    color:#003A63;
    margin-bottom:10px;
}

/* ==========================================
   Supporting Documentation Section
   ========================================== */

#attachmentsSection{

    margin-top:30px;
    padding:25px;

    background:#FFFFFF;

    border:2px solid #003A63;

    border-radius:10px;

    box-shadow:0 2px 8px rgba(0,0,0,.08);

}

#attachmentsSection h2{

    color:#003A63;
    border-bottom:2px solid #003A63;
    padding-bottom:6px;
    margin-bottom:20px;

}

#attachmentsSection p{

    margin-bottom:20px;
    line-height:1.6;

}

#attachmentsSection .row{

    margin-bottom:15px;

}

#attachmentsSection input[type="file"]{

    width:100%;
    padding:8px;
    border:2px solid #DDD;
    border-radius:5px;
    background:#FFFFFF;
    box-sizing:border-box;

}

#attachmentsSection label{

    display:block;
    font-weight:bold;
    margin-bottom:8px;

}

#attorneySection,
#signatureSection{

margin-top:35px;
padding:25px;

border:2px solid #d9d9d9;

border-radius:8px;

background:#fafafa;

}

#attorneyInfo{

margin-top:20px;

}

#signatureSection input{

margin-bottom:15px;

}

/* ================================
   Incident Questionnaire Headings
   ================================ */

#motorSection h2,
#workSection h2,
#Another_Type_of_AccidentSection h2,
#attorneySection h2,
#signatureSection h2,
h3{
    color:#003A63;
    border-bottom:2px solid #003A63;
    padding-bottom:6px;
    margin-bottom:20px;
}

.accident-title{
    color:#003A63;
    border-bottom:2px solid #003A63;
    padding-bottom:6px;
    margin-top:30px;
    margin-bottom:20px;
}

/* ==========================================
   Print Styles
   ========================================== */

@media print {

    .two-column{
        display:flex !important;
        flex-direction:row !important;
        justify-content:space-between;
        align-items:flex-start;
        gap:20px;
    }

    .card{
        width:48%;
        flex:0 0 48%;
        box-sizing:border-box;
    }

}

/* ==========================================
   Submit Button
   ========================================== */

.submit-container{

    text-align:center;
    margin-top:35px;

}

input[type="submit"].submit-btn{

    background:#5A8F29 !important;
    background-color:#5A8F29 !important;
    background-image:none !important;

    color:#FFFFFF !important;

    border:2px solid #5A8F29 !important;
    border-radius:8px;

    padding:14px 40px;

    font-size:16px;
    font-weight:bold;

    cursor:pointer;

    text-shadow:none !important;
    box-shadow:none !important;

    transition:all .2s ease;

}

input[type="submit"].submit-btn:hover{

    background:#4A7721 !important;
    background-color:#4A7721 !important;
    background-image:none !important;

    color:#FFFFFF !important;

    border-color:#4A7721 !important;

}

input[type="submit"].submit-btn:active{

    background:#3E641C !important;
    background-color:#3E641C !important;
    background-image:none !important;

    color:#FFFFFF !important;

    border-color:#3E641C !important;

}

/* CUSTOM ACCIDENT QUESTIONNAIRE LAYOUT — add AFTER SecureForm default CSS */
body { background:#f1f1f1; margin:0; padding:24px 14px; }
.accident-page { width:100%; max-width:900px; margin:0 auto; padding:24px 34px; box-sizing:border-box; background:#fff; border-radius:12px; box-shadow:0 5px 15px rgba(0,0,0,.10); color:#333; }
.accident-page, .accident-page * { box-sizing:border-box; }
.accident-page .container { width:100%; max-width:none; padding:0; margin:0; }
.accident-page .header { background:#fff; border:2px solid #ccc; border-radius:12px; padding:25px 18px; margin-bottom:20px; text-align:center; }
.accident-page .logo { display:block; max-width:300px; width:100%; height:auto; margin:0 auto 15px; }
.accident-page .header h1 { font-size:25px; line-height:1.3; color:#333; margin:8px 0; }
.accident-page .letter { background:#f9f9f9; border:2px solid #ddd; border-radius:12px; padding:20px; margin-bottom:20px; }
.accident-page .letter p { font-size:14px; line-height:1.7; }
.accident-page .important { color:#b00020; }
.accident-page .two-column { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin:0 0 20px; }
.accident-page .card { min-width:0; padding:20px; border:2px solid #ccc; border-radius:12px; background:#fff; box-shadow:none; }
.accident-page .card h2 { color:#333; border-bottom:2px solid #ddd; padding-bottom:10px; }
.accident-page .notice { margin:0 0 20px; padding:18px; background:#f9f9f9; border:2px solid #ddd; border-radius:12px; line-height:1.7; }
.accident-page .claim-warning { margin:0 0 20px; padding:16px 20px; background:#fff8f0; border:2px solid #e6c9a8; border-radius:12px; color:#b00020; font-weight:bold; }
.accident-page .thank-you { margin:14px 0 25px; }
.accident-page .page-break { margin:24px 0; padding:0; border:0; border-top:2px solid #ddd; }
.accident-page .accident-panel, .accident-page #motorSection, .accident-page #workSection, .accident-page #Another_Type_of_AccidentSection, .accident-page #attorneySection, .accident-page #attachmentsSection, .accident-page #signatureSection { margin:0 0 20px; padding:22px; background:#fff; border:2px solid #ccc; border-radius:12px; box-shadow:none; }
.accident-page .accident-panel h1 { font-size:23px; color:#333; line-height:1.35; }
.accident-page .accident-panel h2, .accident-page .accident-panel h3, .accident-page #motorSection h2, .accident-page #workSection h2, .accident-page #Another_Type_of_AccidentSection h2, .accident-page #attorneySection h2, .accident-page #attachmentsSection h2, .accident-page #signatureSection h2 { color:#333; border-bottom:2px solid #ddd; padding-bottom:12px; margin:0 0 18px; line-height:1.4; }
.accident-page .row { display:flex; gap:20px; margin-bottom:18px; }
.accident-page .field { flex:1 1 0; min-width:0; }
.accident-page input:not([type=radio]):not([type=checkbox]):not([type=submit]), .accident-page select, .accident-page textarea { max-width:100%; border:2px solid #ccc; border-radius:8px; padding:9px; font-family:Arial,Helvetica,sans-serif; background:#fff; }
.accident-page .field input:not([type=radio]):not([type=checkbox]) { width:100%; }
.accident-page textarea { width:100%; }
.accident-page input:focus, .accident-page select:focus, .accident-page textarea:focus { border-color:#007bff; background:#f9f9f9; outline:none; }
.accident-page label { line-height:1.5; }
.accident-page .warning { background:#fff8f0; color:#b00020; border-radius:8px; padding:10px; }
.accident-page .submit-container { text-align:center; margin:26px 0 12px; }
@media(max-width:650px) { body { padding:10px 6px; } .accident-page { padding:16px 12px; } .accident-page .two-column { grid-template-columns:1fr; } .accident-page .row { flex-direction:column; gap:12px; } .accident-page .accident-panel, .accident-page #motorSection, .accident-page #workSection, .accident-page #Another_Type_of_AccidentSection, .accident-page #attorneySection, .accident-page #attachmentsSection, .accident-page #signatureSection { padding:15px; } }
@media print { body { background:#fff; padding:0; zoom:1; } .accident-page { box-shadow:none; max-width:100%; padding:0; } .accident-page .page-break { break-before:auto; page-break-before:auto; } .accident-page .two-column { grid-template-columns:repeat(2,minmax(0,1fr)); } }