@charset "utf-8";

/* form */
#formBox {
	/*background:#FFF;  For browsers that do not support gradients */
    /*background: -webkit-linear-gradient(#FFF, #EEE);  For Safari 5.1 to 6.0 */
    /*background: -o-linear-gradient(#FFF, #EEE);  For Opera 11.1 to 12.0 */
    /*background: -moz-linear-gradient(#FFF, #EEE);  For Firefox 3.6 to 15 */
    /*background: linear-gradient(#FFF, #EEE);  Standard syntax 
	border:10px solid #CACAD9;
	padding:2px;*/
	margin-bottom:3em;
}
.detailsBox {
	margin-bottom:2em;
}
.pageRowWhite .detailsBox {
	/*background:#FFF;
	border:5px solid #DBDBEA;
	padding:2px;*/
}
.boxContent {
	border:1px solid #DBDBEA;
	background:#F2F2F2;
	border-radius:4px;
	
	padding:0.6em 2.5em 1em;
	text-align:left;
}
.pageRowWhite .boxContent {
	border:1px solid #CCC;
	background:#FFF;
}
.detailsBox .boxContent {
	/*border:1px solid #EAEAFB;
	background:#F7F7FD;*/
}
.boxContent h2 {
	font-size:1.4em;
	color:#000;
	padding:0.5em 0;
	z-index:1;
}
.boxContent h3 {
	font-size:1.3em;
	color:#111;
	padding:0.4em 0;
	z-index:1;
}
.boxContent h4 {
	border-top:2px dashed #ECECFB;
	padding:1.2em 0 0.4em;
	margin-top:1.5em;
	font-size:1.2em;
	color:#333;
	z-index:1;
}
.boxContent hr { border:none; background:none; border-bottom:1px dashed #CCC; margin:1em 0.5em 1.5em; }
.boxContent .btn { z-index:9999; }
.formContent {
	padding:1em 0;
	margin:0 auto;
	text-align:left;
	font-size:14px;
}
.formContent fieldset,
.confirmContent fieldset {
	clear:both;
	border:none;
	padding: 0.5em 0;
	margin:0;
}
.formContent fieldset .formColSpan2 { float:left; width:50%; }
.formContent fieldset .formColSpan2.formCol1 {width:49%; margin-right:2%;}
.formContent fieldset .formColSpan2.formCol2 {width:49%;}

.formContent fieldset .formColSpan3 { float:left; width:50%; }
.formContent fieldset .formColSpan3.formCol1, 
.formContent fieldset .formColSpan3.formCol2 {width:32%; margin-right:1.3%;}
.formContent fieldset .formColSpan3.formCol3 {width:32%;}
.formContent fieldset .formColSpan3.formCol12 {width:65.3%; margin-right:1.3%;}
.formContent fieldset .formColSpan3.formCol23 {width:65.3%;}

.formContent fieldset .formColSpan4 { float:left; width:25%; }
.formContent fieldset .formColSpan4.formCol1,
.formContent fieldset .formColSpan4.formCol2,
.formContent fieldset .formColSpan4.formCol3 {width:23.3%; margin-right:2%;}
.formContent fieldset .formColSpan4.formCol4 {width:23.3%;}
.formContent fieldset .formColSpan4.formCol12,
.formContent fieldset .formColSpan4.formCol23 {width:48.6%; margin-right:2%;}
.formContent fieldset .formColSpan4.formCol34 {width:48.6%;}

.formContent fieldset .formColSpan5 { float:left; width:20%; }
.formContent fieldset .formColSpan5.formCol1,
.formContent fieldset .formColSpan5.formCol2,
.formContent fieldset .formColSpan5.formCol3,
.formContent fieldset .formColSpan5.formCol4 {width:18.4%; margin-right:2%;}
.formContent fieldset .formColSpan5.formCol5 {width:18.4%;}
.formContent fieldset .formColSpan5.formCol12,
.formContent fieldset .formColSpan5.formCol23,
.formContent fieldset .formColSpan5.formCol34 {width:38.8%; margin-right:2%;}
.formContent fieldset .formColSpan5.formCol45 {width:38.8%;}

.formContent fieldset .formColSpan6 { float:left; width:16.666%; }
.formContent fieldset .formColSpan6.formCol1,
.formContent fieldset .formColSpan6.formCol2,
.formContent fieldset .formColSpan6.formCol3,
.formContent fieldset .formColSpan6.formCol4,
.formContent fieldset .formColSpan6.formCol5 {width:15%; margin-right:2%;}
.formContent fieldset .formColSpan6.formCol6 {width:15%;}

.formContent fieldset .formColSpan7 { float:left; width:14.28%; }
.formContent fieldset .formColSpan7.formCol1,
.formContent fieldset .formColSpan7.formCol2,
.formContent fieldset .formColSpan7.formCol3,
.formContent fieldset .formColSpan7.formCol4,
.formContent fieldset .formColSpan7.formCol5,
.formContent fieldset .formColSpan7.formCol6 {width:12.57%; margin-right:2%;}
.formContent fieldset .formColSpan7.formCol7 {width:12.57%;}


.formContent fieldset label {
	display:block;
	text-align:left;
	padding: 0.3em 4px 0.1em;
	color:#111;
	font-size:1em;
	font-weight:700;
}
.formContent fieldset label .infoTxt { font-weight:400; font-size:0.9em; }
.formContent fieldset input,
.formContent fieldset .Input,
.formContent fieldset .input,
.formContent fieldset select,
.formContent fieldset textarea,
.formContent fieldset .Textarea,
.formContent fieldset .textarea,
.nicEdit-main,
.formContent .usrDob,
.formContent .txtDate,
.formContent #termsBox {
	padding: 0.5em 1.5%;
	width:100%;
   
    background-color: #FFF;
    border: 1px solid #CACAD9;
    
	color:#000;
	font-size: 1.2em;
	text-align:left;
}
.formContent fieldset .Input { min-height:20px; color:#CCC; display:inline-block; }
.formContent fieldset .Textarea { min-height:8em; color:#CCC;}

.formContent fieldset .input,
.formContent fieldset .textarea { background:#EEE; box-shadow:none; min-height:39px; cursor:not-allowed; }
#formBox .formContent fieldset div .input,
#formBox .formContent fieldset div .textarea { background:#F9F9F9; box-shadow:inset 1px 1px 1px #CCC; }
.formContent fieldset .textBox {}
.formContent fieldset select { width:100%; }
.formContent fieldset textarea,
.formContent fieldset .textarea { min-height:8em !important;}
.formContent fieldset .formTickRow label { float:left; width:95%; font-weight:400;}

.formContent fieldset .formColSpan2 input,
.formContent fieldset .formColSpan2 .input,
.formContent fieldset .formColSpan2 select {
	padding: 7px 3% 5px;
	width:100%;
}

.formContent fieldset p {
	padding: 0.1em 4px 0.3em;
	margin:0;
}
.formContent fieldset .checkboxRow {
	padding: 0.3em 4px 0.3em 2.5em;
}
/* old
.formContent .checkbox {
	display:inline-block;
	margin:0 0.6em;
	width:auto !important;
	box-shadow:none;
}*/

.formContent fieldset .input .inputBtn { float:right; }


/* New Checkbox */
label.formcheckbox {
  display: block;
  position:absolute;
  top:0.25em;
  left:0.3em;
  padding: 0;
  cursor: pointer;
  font-size:1em !important;
  color:#575748 !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.formcheckbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  padding:0 !important;
}
.formcheckbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 1.4em;
  width: 1.4em;
  background-color: #ECECFB;
  border:1px solid #9797A6;
  border-radius:0.1em;
}
.formcheckbox:hover input ~ .checkmark {
  background-color: #FFC;
  border:1px solid #FC6;
}
.formcheckbox input:checked ~ .checkmark {
  background-color: #E5013B;
  border:1px solid #E73857;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.formcheckbox input:checked ~ .checkmark:after {
  display: block !important;
}
.formcheckbox .checkmark:after {
	left: 0.4em;
    top: 0.15em;
    width: 0.5em;
    height: 0.85em;
    border: solid white;
    border-width: 0 0.2em 0.2em 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* New radio button */
span.formradiotxt {
  display: block;
  padding-left:50px;
  z-index:1;
}
label.formradiobtn {
  display: block !important;
  position:absolute !important;
  top:4px;
  left:15px;
  padding: 0 !important;
  cursor: pointer !important;
  font-size:1em !important;
  color:#575748 !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index:2;
}
.formradiobtn input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  padding:0 !important;
}
.formradiobtn .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #ECECFB;
  border:1px solid #9797A6;
  border-radius:50%;
}
.formradiobtn:hover input ~ .checkmark {
  background-color: #FFC;
  border:1px solid #FC6;
}
.formradiobtn input:checked ~ .checkmark {
  background-color: #E5013B;
  border:1px solid #E73857;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.formradiobtn input:checked ~ .checkmark:after {
  display: block !important;
}
.formradiobtn .checkmark:after {
	left: 4px;
    top: 4px;
    width: 10px;
    height: 10px;
	background:#FFF;
	border-radius:50%;
}


/* radio options */
.formContent fieldset .radioOption {
	color:#000;
	font-size:1.1em;
	font-weight:700;
	padding-bottom:1em;
}
.formContent fieldset .radioOption input {
	display:inline-block;
    background:none;
    border: none;
	box-shadow: none;
    border-radius: 0;
	width:auto;
	padding:5px 0 0 0;
	margin:0.2em 0.3em 0;
}

.formContent .validateError label,
.formContent .validateError .radioOption { color:#FF0000 !important; }
.formContent .validateError input,
.formContent input.validateError,
.formContent .validateError .input,
.formContent .validateError select,
.formContent .validateError textarea,
.formContent .validateError .textarea,
.validateError .nicEdit-main { background:#FFE8E8; }

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:#DDD;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:#DDD;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color:#DDD;
}

.formContent .formBtn,
.formContent p.formBtn {
	min-height:50px;
	padding-right:5px;
}

.formContent .astirx {
	padding:7px 10px;
	background:url(../images/astrix.png) no-repeat center;
}
.formContent .astirx2 {
	padding:7px 10px;
	margin-left:5px;
	background:url(../images/astrix.png) repeat-x center right;
}

.required { }

.formCover {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
    background: #2C4E69 url(../images/loading_gears_blue.gif) no-repeat center;
	z-index:999999;
}
.formBoxMsg {
	position:relative;
	color:#CC0000 !important;
	padding:0.7em 2em 0.6em;
	margin:1.5em auto;
	background:#FFECEC;
	border:6px solid #FFCACA;
	/*text-align:left;*/
	line-height:140%;
	box-shadow:0px 1px 2px #333;
	font-size:0.9em;
}
.formBoxGrn {
	color:#060 !important;
	background:#DFF3D6;
	border:4px solid #BAE8A4;
}
.formBoxMsg p { font-size:1em; padding:3px 0; margin:5px 0 3px; z-index:1; }
.formBoxMsg a.btnRight { z-index:2; }
.formBoxMsg b,
.formBoxMsg p b { font-size:1.1em; }
.formBoxMsg ul { margin-top:0; padding:3px 0 3px 2em;}
.formBoxMsg p em { font-size:0.9em; }

/* DB Content 
#dbDetails .formContent h2 {
	color:#000;
	font-size:1.4em;
	padding:0.5em 4px;
	font-weight:900;
}
#dbDetails .formContent hr {
	border-top:1px solid #CCC;
	border-bottom:1px solid #FFF;
}
#dbDetails .formContent fieldset input {}
#dbDetails .formContent fieldset .input {
	background:#FFF;
	border:1px solid #CCC;
	min-height:2.3em;
	color:#333;
}*/

/* Form Info Box */
.formInfoContent {
	padding:1em 1%;
	margin:0 auto;
	text-align:left;
	background:#F5F5FD;
	box-shadow: inset 1px 1px 1px #999;
	border-radius:8px;
}
.formInfoContent fieldset {
	clear:both;
	border:none;
	padding:0;
}
.formInfoContent fieldset label,
.formInfoContent fieldset .input {
	display:inline-block;
	vertical-align:text-top;
	padding: 0.3em 1em 0.1em;
	text-align:left;
}
.formInfoContent fieldset label {
	width:20%;
	padding: 0.3em 1em 0.1em 5px;
	color:#555;
	font-size:1em;
	font-weight:400;
}
.formInfoContent fieldset .input {
	width:75%;
	padding: 0.1em 1em 0.1em;
	color:#000;
	font-size:1.2em;
	font-weight:700;
	box-shadow: none;
	background: none;
}
.formInfoContent fieldset input .inputBtn,
.formInfoContent fieldset .input .inputBtn { float:right; }

/* Confirm Content */
.confirmContent {
	padding:1em 1%;
	margin:0 auto;
	text-align:left;
	font-size:0.9em;
}
.confirmContent fieldset {
	clear:both;
	border:none;
	padding:0.5em 0;
}
.confirmContent fieldset label,
.confirmContent fieldset .input {
	display:inline-block;
	vertical-align:text-top;
	padding: 0.3em 1em 0.1em;
	text-align:left;
}
.confirmContent fieldset label {
	width:25%;
	padding: 0.3em 1em 0.1em 5px;
	color:#333;
	font-size:1em;
	font-weight:700;
}
.confirmContent fieldset .input {
	width:70%;
	padding: 0.2em 1em 0.1em;
	color:#000;
	font-size:1.1em;
	font-weight:400;
}

/* DOB */
.formContent .usrDob,
.formContent .txtDate {
    border: 1px solid #CACAD9;
	background:#ECECFB;
	box-shadow: none;
	padding:0 !important;
	text-align:center;
}

.formContent .usrDob input,
.formContent .txtDate input,
.formContent .txtDate .Input {
	border-radius:0;
	width:28% !important;
	margin:-1px 1.5% 0;
	font-size:1em;
}
.formContent input.uploadFile {
	border:none;
	box-shadow:none;
}

/* popup form */
.popUpForm .formContent h2,
.popUpForm .formContent h3,
.popUpForm .formContent h4 {
	color:#C00;
}
.formContent button {
	float:right;
}

.formContent #termsBox {
	height:250px;
	padding:25px;
	overflow:auto;
	font-size:0.9em;
	color:#555;
	font-weight:300;
}

/* consultation CTA block */
.consultBox {
	margin: 1.5em 0 2em;
	padding: 1.5em 2em;
	background: #EBF5FF;
	border: 1px solid #B8D8F0;
	border-radius: 4px;
	text-align: center;
}
.consultBox p {
	margin: 0 0 0.8em;
	font-size: 1.1em;
	font-weight: 700;
	color: #1A4F7C;
}

/* page box */
#pageBox { margin:1em; }
#pageBox  .boxContent { text-align:left; padding:1.5em; font-size:0.9em; min-height:400px; background:#0F0; }
#pageBox  .boxContent ol,
#pageBox  .boxContent ul { padding-left:2em; }

/* payment methods 
#changePasswordForm,
#paymentMethodDetails .paymentMethodDetails {
	display:none;
}*/