form.mainForm li.li_formfield{width:64%;}

form.mainForm{margin:20px 14px 0 14px;padding:0 0 20px 0;position:relative;}

form.mainForm ul{margin:0;padding:0;list-style-type:none;}

* html form.mainForm ul{ width:99%;zoom:1;}

form.mainForm li.li_formfield{margin:0;padding:6px 1% 9px 15px;clear:both;background-color:transparent;position:relative; -webkit-transition: background-color 350ms ease-out;   -moz-transition: background-color 350ms ease-out;     -o-transition: background-color 350ms ease-out;        transition: background-color 350ms ease-out;}

form.mainForm ul:after,form li:after, form li div:not(.radioCheckVal):after{content:"."; display:block;height:0; clear:both; visibility:hidden;}

* * html form.mainForm li{height: 1%;margin-bottom:-3px;}
*+html form.mainForm li{height: 1%;margin-bottom:-3px;}
* html form.mainForm li div{display:inline-block;}
*+html form.mainForm ul, *+html form.mainForm li div{display:inline-block;}
form.mainForm li div:not(.picker*) {margin:0;padding:0;color:#444;}
form.mainForm li span{margin:0 .3em 0 0;padding:0;float:left;}
form.mainForm li div span{margin:0;display:block;width:100%;float:left;}

form li.section{clear:both;margin:0;width:auto !important;position:static;}
.formSectionTitle{font-size:130%;line-height:135%;font-weight:normal;margin:0;width:auto;padding:12px 0 0 5px;border-top:1px dotted #ccc;}
form li.section div:not(.field-select), form li.section div:not(.field-select) small {width:auto;padding:0 0 0 12px;}

form.mainForm div.formHeader, form div.formHeaderDescription {margin:0 0 15px 0;padding-left: 15px; padding-right: 15px;}
form.mainForm div.formHeaderDescription ul, form.mainForm div.formFooterDescription ul, .note-editable ul {list-style-type:disc !important; margin:0 0 0 40px !important;}
form.mainForm div.formHeaderDescription img, form.mainForm div.formFooterDescription img, img.note-image {max-width:100%;}
form.mainForm div.formHeaderDescription, form div.formFooterDescription {padding-left:15px; padding-right: 15px;}
form.mainForm div.formHeaderDescription *, form div.formFooterDescription * {font-size: 14px;}

form.mainForm div.formHeader h1, .formogramHeader, .formHeaderTitle{font-weight:normal;font-size:160% !important;margin:0 0 5px 0;clear:left;}

form.mainForm input:not(.submitButton), form.mainForm textarea, form.mainForm select { padding:4px 3px; margin:3px 0; }
form.mainForm select { min-width: 50%; }
label p { margin:0; padding:0; display: inline; }

form.mainForm input[type="text"],
form.mainForm input[type="date"],
form.mainForm input[type="datetime"],
form.mainForm input[type="email"],
form.mainForm input[type="number"],
form.mainForm input[type="time"],
form.mainForm input[type="url"],
form.mainForm textarea,
form.mainForm select
{
    outline: none;
    height: inherit;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background-color: #fff;
    border: solid 1px rgba(0,0,0,.2);
    -webkit-transition: box-shadow 0.3s;
    -moz-transition: box-shadow 0.3s;
    transition: box-shadow 0.3s;
}

form.mainForm input[type="text"]:focus,
form.mainForm input[type="date"]:focus,
form.mainForm input[type="datetime"]:focus,
form.mainForm input[type="email"]:focus,
form.mainForm input[type="number"]:focus,
form.mainForm input[type="time"]:focus,
form.mainForm input[type="url"]:focus,
form.mainForm textarea:focus
{
    border: solid 1px rgba(0,0,0,.3);
    box-shadow: 0 0 4px 1px rgba(0,0,0,.3);
}

.leftAlign li, .rightAlign li{width:74% !important;padding-top:9px;}
.leftAlign .titleLabel, .rightAlign .titleLabel{float:left;width:31%;margin:5px 15px 0 0;}
.rightAlign .titleLabel{text-align:right;}
.leftAlign li div:not(.selectControls), .rightAlign li div:not(.selectControls) {float:left;width:65%;}

.leftAlign .buttons, .rightAlign .buttons{padding-left:23%;}
.leftAlign .buttons div, .rightAlign .buttons div{float:none;margin:0 0 0 20px;}
.leftAlign p.instructions, .rightAlign p.instructions{width:28% !important;margin-left:5px !important;}
.leftAlign .altinstructions .instructions, .rightAlign .altinstructions .instructions{margin-left:31% !important;padding-left:15px;width:65%;}

form.mainForm .instructions{position:absolute;top:0;left:0;z-index:5;width:45%;margin:0 0 0 8px;padding:8px 4px;border:1px solid #e6e6e6;background:#f5f5f5;visibility:hidden;opacity:0; -webkit-transition: opacity 350ms ease-out;   -moz-transition: opacity 350ms ease-out;     -o-transition: opacity 350ms ease-out; transition: opacity 350ms ease-out;}
form.mainForm .instructions small{line-height:120%; font-size:85%;}
form.mainForm li.focused .instructions, form li:hover .instructions{left:100%; visibility:visible;opacity:1;}

.textline { width:90%; font-size:100%;}
.pnumber { width:60%; font-size:100%;}
textarea.textarea{min-height:110px;min-width:98%; max-width:98%; font-size:100%;}
input.radio, input.checkbox {float:left; margin:5px !important; vertical-align: middle;}
label.radio, label.checkbox {float:left; margin:5px 3px 5px 5px;}
.radioCheckVal {margin-right:5px !important; padding:3px !important;}

.radio.eval {float:left; margin:2px 4px !important; padding:2px 0px 3px 0px !important;}

li.notStacked div span{width:auto;margin:0 7px 0 0}
label.choice{display:block;cursor:pointer;font-size:100%;line-height:150%;margin:-17px 0 0 23px;padding:0 0 5px 0;color:#222;width:88%}
span.fileError {background-color: #f2dede;color:#b94a48;border:1px solid #eed3d7;padding:5px 3px !important;margin:5px 0;font-size: 11px; width: 98% !important;}

form.mainForm span.required{display:inline;float:none;color:red !important;font-weight:bold;margin:0;padding:0 3px;}
/* .submitButton {margin:10px 5px 10px 5px; padding:0 7px !important; width: auto; overflow: visible; font-size: 100%;} */

.submitButton {
    display: inline-block;
    color: #1d1c1d;
    background-color: #eee;
    border: 1px solid #868686;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    padding: .300rem .60rem;
    font-size: 0.85rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.submitButton:hover {
    background-color: #ddd;
}

.submitButton.disabled, .submitButton:disabled {
    pointer-events: none;
    opacity: .65;
}

form.mainForm li div.fieldInfo {
    width: 99%;
    margin-right:5px;
    margin-bottom: 3px;
    padding:3px;
    font-style: italic;
}

div.fieldInfo {
    font-size: 13px;
}

/* payments */
form.mainForm .paymentInfoBox {
  padding: 15px;
  margin: 10px 5px 10px 5px;
  color: #31708f;
  font-size:12px;
  background-color: #d9edf7;  
  border: 1px solid #bce8f1;
  border-radius: 4px;
}
form.mainForm .paymentInfoBox h4, form .paymentInfoBox h4 span {
  margin-top: 0;
  margin-bottom:4px;
  font-size:19px;  
  color: inherit;
}
form.mainForm .paymentInfoBox h4 small, form .paymentInfoBox h4 small span {
	font-weight:normal;
	font-size:13px;
}
form.mainForm .paymentInfoBox .paymentInfoBox-link {
  font-weight: bold;
}

form.mainForm .paymentInfoBox .orderItems {
	border-bottom: 1px dashed #31708f;
	margin:0 0 5px 0;
	padding: 0 0 5px 0;
	width:82%;
}

form.mainForm .paymentInfoBox img {
	float:right;
	width:80px;
	border:0;
	margin:0
}

form.mainForm .reCaptcha {
    margin:10px 5px;
}

/* browser group specific */

.chrome form.mainForm select {
    /* font-size: 120% !important; */
    background-color: #fff;
}

/*
.chrome form.mainForm input.submitButton {
    font-size: 120% !important;
    margin: 3px 4px;
}

.firefox form.mainForm input.submitButton {
    width: auto;
    overflow: visible;
    background-color: #fff;
    border:1px solid #ccc;
    border-radius: 5px;    
}

.firefox form.mainForm input.submitButton:hover {
    background-color: #eee;
}
*/