#formPreview li {clear:both; position:relative; margin:0px}
#formPreview li div {margin:0px; padding:0;	overflow: hidden}
#formPreview li div span { display:block; margin:0; width:100%}
#formPreview li span label {display:block; clear:both; color:#444444; font-size:12px; line-height:24px}
#formPreview li.twoColumns div span { padding-left:5px;	width:50%; float:left; padding-top: 10px}
#formPreview li.threeColumns div span {	padding-left:5px; width:33.3%; float:left; padding-top: 10px}
#formPreview li.notStacked div span { padding-left:5px;	width:auto;	float:left}
#formPreview li.complex div span.full {	margin:0}
#formPreview li.complex div span.left, #formPreview li.complex div span.right {	margin:0;	width:48%}
#formPreview li.complex div span {	margin:0 0.3em 0 0;	padding-bottom:12px;	width:auto}
#formPreview li.complex div span.full input, 
#formPreview li.complex div span.full select, 
#formPreview li.complex div span.left input, 
#formPreview li.complex div span.right input, 
#formPreview li.complex div span.left select, 
#formPreview li.complex div span.right select {	width:100%}
.showOverFlow, .dropdown-menu{ overflow: visible!important;}
#formPreview li .datepicker {cursor:pointer !important;	float:left;	height:16px; margin:0.19em 5px 0 0;	padding:0; width:16px}
#formPreview li.likert {clear:both !important;	float:none !important;	margin:0;	padding:6px 1% 5px;	width:auto !important}
#formPreview label.desc {overflow:hidden; width: 100%}
#formPreview .right {float:right}
input.small, select.small {	width:50%}
input.medium, select.medium {width:100%}
input.large, select.large, textarea.textarea {width:150%}
textarea.small {height:5.5em; width:100% !important}
textarea.medium {height:10em; width:100% !important}
textarea.large {height:20em; width:100% !important}
span.req { color:red !important; display:inline; float:none; font-weight:bold;margin:0; padding:0}
span.shortname{	width: auto; color:#444444;	float:left;	padding:0;}
span.date{ width: auto;	color:#444444;	float:left;	padding:0;	text-align: left;	padding-right:3px}
span.time{ width: auto;	color:#444444;	float:left;	padding:0;	text-align: center;	padding-right:3px}
span.ampm{ color:#444444;	float:left;	margin:0 0.3em 0 0;	padding:0;	padding-left: 7px;	text-align: center}
span.symbol { font-size:120%; line-height:135%;	float:left;	padding-right: 4px}
.full {	width:100% !important}
.half {	width:50% !important}
.left {	float:left}
.likert table {	background:none repeat scroll 0 0 #FFFFFF;border-color:#DEDEDE;border-style:solid solid none;border-width:1px 1px medium;margin:0 0 0.9em}
.likert caption {color:#222222;font-size:95%;line-height:135%;padding:5px 0 0.5em;text-align:left}
.likert thead td, .likert thead th {background-color:#E6E6E6}
.likert thead td {font-size:85%; padding:10px 6px}
.likert tbody th {padding:8px;text-align:left}
.likert th, .likert td {border-bottom:1px solid #DEDEDE}
.likert td { border-left:1px solid #CCCCCC;	padding:4px 6px;	text-align:center;}
.likert tbody th label {font-size:95%;	font-weight:bold}
.likert tbody td label { color:#565656;	display:block;	font-size:85%}
.likert tbody tr.alt td, .likert tbody tr.alt th {	background-color:#F5F5F5}
.likert tbody tr:hover td, .likert tbody tr:hover th {	background-color:#FFFFCF}
.likert input {	margin:2px 0; padding:0}
input[type="submit"], input[type="button"] {height: auto !important;}

:input-placeholder { color: #999; opacity:1}
::-webkit-input-placeholder { color: #999; opacity:1}
:-moz-placeholder { color: #999; opacity:1}
::-moz-placeholder { color: #999; opacity:1}

.fancybox-inner input {border:0;background:#000000;padding:4px 60px;color:#fff;font-size:12px; margin:2% !important; cursor: pointer;-webkit-appearance: none;width: 150px;}
.fancybox-inner .txt4 {font-size: 15px;}

#errTb { display:none}
.errormidbox { background-color: #F7DBDE;}
.siderror {	font-size: 12px;padding: 5px 0px;color: #F00;}
.errorBorder{ color: #B94A48 !important; background-color: #F2DEDE !important; border: 1px solid #EED3D7 !important; opacity:0.5}
.head_error { font-size: 15px;color: #333;font-weight: bold;padding: 10px 25px;}

.errorBorder::-webkit-input-placeholder { color: #B94A48;opacity:1}
.errorBorder:-moz-placeholder { color: #B94A48;opacity:1}
.errorBorder::-moz-placeholder { color: #B94A48;opacity:1}

.form-group { padding-bottom:5px!important;display: block;float: left;width: 100%;}

label.desc { display:block; border: none;color:#c48c4a; font-size:22px; line-height:32px; margin:0px; padding:6px 0px; float:left;}
label.cstm_frmchoice{ display: inline; color:#222222; font-size:12px; line-height:18px; margin: -28px 0 0 32px; padding:5px 10px 5px 0px; cursor:pointer;}
input.text, input.search, input.file, textarea.textarea, select.select {color:#000;font-size:15px;margin:0; -webkit-appearance: none; }

input.text, input.search, textarea.textarea {padding: 4px 14px;	background-color:#fff; border: 2px solid #194794;;-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px; text-align: left; height:34px}
select.select {	padding: 6px 10px;	background-color:#fff;	border: 2px solid #194794;-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px; text-align-last:left; height:34px;}
.otherInput {padding: 1px 10px; background-color:#fff; border: 2px solid #194794;-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px; text-align: left;}
input[type="tel"]{text-align:left !important;}
.confirm-mobile{text-align:left !important;}
select:focus, option:focus, select::-moz-focus-inner, option::-moz-focus-inner { outline: none;}	
input.text:focus, input.search:focus, textarea.textarea:focus {  outline: 0; border-color: rgba(82, 168, 236, 0.8); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);}
input.checkbox, input.radio {display:block;	height:13px; margin:5px 2px 0px 2px; padding:0;	width:13px}

.FormButton-icon {position: absolute;right: 20px;line-height: 30px !important;}
.FormButton {clear: both; display: block; text-align:center;padding: 20px 0px;}
.scfSubmitButtonBorder {margin: auto; width: 100% }
#submitFormBtn {position: relative; background: linear-gradient(to bottom, #337ea6 5%, #194794 100%); padding:20px 20px; color:#fff; font-size:18px; cursor:pointer; width:250px; margin: auto;box-shadow: inset 0px 1px 0px 0px #3460aa;border-radius: 6px;text-shadow: 0px 1px 0px #194794;}
#submitFormBtn:hover {background: linear-gradient(to bottom, #337ea6 5%, #194794 100%);}
.FormBtn {position: relative; background:#194794; padding:8px 20px; color:#fff; font-size:20px; cursor:pointer; width:250px; margin:0 auto}
.FormBtn:hover {background:#337ea6}

.fname { width:49.5% !important; float:left}
.lname { width:49.5% !important; float:right}
.areacode { width:25% !important; float:left; border-right: none!important  }
.phone { width:75% !important; float:right}
.left50 { width:49.5% !important; float:left}
.right50 { width:49.5% !important; float:right}
.year { width:36% !important;  float:left}
.month { width:31% !important; margin-left:1% !important; float:left}
.date { width:31% !important; float:right}
.upload { text-align: left!important; font-size: 12px!important}
.confirm-mobile{text-align:left !important;margin-top: 5px !important;}
.confirm-email{margin-top: 5px !important;}
.mobile-validator {float: left; width: 100%;}
.codeInput {float: left !important;width: 54%;}
.bt-mobile-validator-send {float: left !important;border-radius: 3px;padding: 4px;font-size: 12px;border: 1px solid #f1f1f1;color: #aaa;background: #f1f1f1;height: 34px;width: 30%;min-width: 140px;margin-left: 5px;}
.reset-signature {float: right !important;border-radius: 3px;font-size: 12px;border: 1px solid #f1f1f1;color: #aaa;background: #f1f1f1;height: 24px;width: 50px; margin-top: 5px;}
.likert-form { width: 100%; border: solid 1px #d0d0d0; float: left;color:#000; font-size:12px;}
.likert-row { display: table; width: 100%;table-layout: fixed; }
.likert-cell-header-statement {display: table-cell; background-color: #d0d0d0; text-align:  center;padding: 5px!important; }
.likert-cell-header { background-color: #d0d0d0; display: table-cell; text-align:  center;padding: 5px!important; }
.likert-cell-statement { display: table-cell; text-align: center;padding: 5px!important; border-top: solid 1px #d0d0d0;}
.likert-cell-choice {display: table-cell; text-align:  center;padding: 5px!important; vertical-align: middle;border-top: solid 1px #d0d0d0;border-left: solid 1px #d0d0d0;}
.likert-statement {padding: 5px}
.showOverFlow, .dropdown-menu{ overflow: visible!important;}
.other { display: inline-block!important; text-align: left!important; margin-left: 9px!important;}
.otherInput {height: 26px!important}

select {border-radius:0; text-align:left !important; } 
select::-moz-focus-inner { border: 0; padding: 0;}
select::-ms-expand { display: none;}

.iselect select { -webkit-appearance: none !important ; -moz-appearance: none; appearance: none; background: url(https://imgsrv1.mailer08.net/images/dGVuYW50MTM5YWRtaW4_/WTJGdGNHRnBaMjVmTVRBPQ/arrowdown.png) right center /34px no-repeat; background-color: #fff }
.icalendar {-webkit-appearance: none !important ; -moz-appearance: none; appearance: none;background: url(https://imgsrv1.mailer08.net/images/dGVuYW50MjQ5YWRtaW4_/WTJGdGNHRnBaMjVmTkE9PQ/calendar.png) right center /33px no-repeat; background-color: #fff }
.datepicker-event {width: 90%; float: left; top: 0px; left: 0px;}

.istar {width: 100%}
.istar:before { content:"*"; margin: 14px 0px 0px -12px; color:#F00; font-size:15px; position:absolute}
.selectboxit-arrow-container {cursor: pointer;position: absolute;right: 1px;top: 1px;width: 30px;height: 33px;border-left: 1px solid #ccc;background-color: #e0e0e0;}

@media screen\0 { select {text-align:center !important; }}
	
@media (max-width: 480px) { 
#formPreview li.twoColumns div span { width:100%;	float:left}
#formPreview li.threeColumns div span {	width:100%;	float:left}
#formPreview li.notStacked div span { width:100%;	float:left}
#submitFormBtn {width:100%!important; }	
.istar:before {  margin: 14px 0px 0px -4%;}
.left50 { width:100% !important; float:left;}
.right50 { width:100% !important; float:left}
}


