h2 {font-family: Georgia, Times, serif; font-size: 1.3em; color: #565347; margin: 0.5em 0px 0.5em 0px; padding: 0.25em 0px 0px 0px; border-top: 1px solid #e8e5dc; text-transform: uppercase;}
h3 {font-family: Georgia, Times, serif; font-size: 1.1em; color: #565347; margin: 0.5em 0px 0.5em 0px; padding: 0.25em 0px 0px 0px; text-transform: uppercase;}
ul, ol {margin: 0px; padding: 0px;}
li {list-style-type: none;}
ul li {margin: 0px; padding: 0px;}
p {margin: 0px; padding: 0px 0px 1em 0px;}
strong {font-weight: bold;}
.left {float: left;}
.counter {float: right;}
.clear {clear: both;}
pre {font-size: 1em; font-weight: normal;}
hr {border: none; background-color: #a9a9a9;}

/* --------- Template Overrides --------- */
#header .container {width: auto; padding: 26px 0 0 0;}
#header a {text-decoration: none;}

#breadcrumb {margin: 25px 0px 0px 0px;}
.breadcrumb {border: none; background: none;}
#title {clear: both; margin-top: 10px; margin-bottom: 12px; letter-spacing: -1px }
#copyright {text-align: center; font-size: 13px;}

#global-footer * {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}

.TabbedPanelsContent  h3 {color: #8c1515; font-family: 'Source Sans Pro',Arial, Helvetica, sans-serif; font-weight: bold;}

/* --------- Form Buttons --------- */
a.button {background: #eee3c1; padding: 5px 10px; color: #565347; text-decoration: none; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; font-weight: bold;}
a.button:link, a.button:visited {color: #565347; text-decoration: none;}
a.button:active, a.button:hover {background: #8c1515; color: #fff; text-decoration: none;}

.content-box h2, .content-box h3 {clear: both;}
.button-list {clear: both;}
.button-list li {float: left; margin: 0px 10px 10px 0px;}
.button-list a {display: block; background: #eee3c1; padding: 5px; color: #333; text-decoration: none; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; font-weight: bold; width: 14em;}
.button-list a:link, .button-list a:visited {color: #333;}
.button-list a:active, .button-list a:hover {background: #8c1515; color: #fff;}

.addurl {width: auto; background: #f8f3e5; margin: 0 0 1em 0; padding: 7px; color: #000; text-decoration:none; border: 1px solid #e8e5dc; font-weight: bold;}

button {font-size: 12px !important; font-family: Arial, Helvetica, sans-serif !important; }

button.link {display: inline; background: transparent; text-decoration: none; border: 0px; margin: 0px; padding: 0px; color: #565347; width: auto; text-align: left;}
button.link span {border-bottom: 1px dotted #81785a;}
button.link:hover {color: #900;}

button.button {background: #eee3c1; margin: 0px 0px 10px 0px; padding: 5px 10px; text-decoration: none; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; border-top: 1px solid #fff; border-left: 1px solid #fff; font-weight: bold; width: auto; color: #333; cursor: pointer;}
button.button:hover {background: #8c1515; color: #fff;}

.button-list button {background: #eee3c1; margin: 0px; padding: 5px 10px 5px 10px; text-decoration: none; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; border-top: 1px solid #f8f3e5; border-left: 1px solid #f8f3e5; font-weight: bold; width: 13.4em; color: #333; text-align: left; cursor: pointer;}
.button-list button:hover {background: #8c1515; color: #fff;}

/* --------- Content Layout --------- */

#content_left {float: left; width: 365px; padding: 0px; margin: 0px 40px 2em 0px;}
#content_right {float: left; width: 555px; padding: 0px; margin: 20px 0px 2em 0px;}
#content_left h2, #content_right h2 {border: 0px;}
#content_right .highlight-box h2 {border-top: 1px solid #e8e5dc;}
h2.preview {padding: 6px 0px 5px 0px; margin: 0px;}

#content_preview {padding: 5px; border: 5px solid #e8e5dc;}
#content_preview .form-content {margin: 0 0 0 65px;}
#content_preview .section-content {margin: 0 70px 0 0;}

/* --------- Login Section --------- */

#login {float: right; color: #fff; font-size: 14px; margin-top: -25px; padding: 0px 0px 0px 20px;}
#login a {color: #fff; font-weight: normal; border-bottom: 1px dotted #fff;}
#login li {display: inline; margin: 0; padding: 0px 0.5em; border-right: 1px solid #fff; color: #fff;}
#login li:last-child {border: 0px solid #fff;}
#login li.last {border: 0px solid #fff;}

/* --------- Highlight box and edit links --------- */

.highlight-box {border: none; padding: 0; width: 472px; max-width: 472px;}
.edit-field-button {float: right; position: absolute; left: -999em; }
.edit-field-button button { padding: 5px; }
.edit-field-button button:hover { cursor: pointer; }
.edit-field-button:focus { position: relative; left: 0em; }

/* --------- Form Information --------- */

#content_preview .form_info {display: block; border: 2px solid transparent; border-radius: 5px; padding: 5px;}
#content_preview .form_info:hover,
#content_preview .form_info:active,
#content_preview .form_info:focus {border: 2px dotted #aea68d;}
#content_preview .form_info:hover .edit-field-button,
#content_preview .form_info:active .edit-field-button,
#content_preview .form_info:focus .edit-field-button { position:relative; left: 0em; }

/* --------- Sortable --------- */

#content_preview #sortable { display: table; border-collapse: separate; }
#content_preview #sortable li  {display: block; border: 2px solid transparent; border-radius: 5px; padding: 5px; cursor: move; }
#content_preview #sortable li .sort-row { display: table-row;}
#content_preview #sortable li .sort-row > * { display: table-cell;}
#content_preview #sortable li .sort-row .highlight-box {padding-left: 15px;}

#content_preview #sortable li { background: #fff;}
#content_preview .active,
#content_preview #sortable li.active { background: #f8f3e5;}
#content_preview #sortable li:hover,
#content_preview #sortable li:active,
#content_preview #sortable li:focus {border: 2px dotted #aea68d;}
#content_preview #sortable li:hover .edit-field-button,
#content_preview #sortable li:active .edit-field-button,
#content_preview #sortable li:focus .edit-field-button { position: relative; left: 0em; }

#content_preview #sortable .sort_order {display: table-cell; vertical-align: middle; padding: 10px; text-align: center; background: #e8e5dc; border-radius: 5px; width: 50px;}
#content_preview #sortable .sort_order  i.fa { font-size: 150%; margin: 0 0 5px 2px;}
#content_preview #sortable .number_sort {width: 2em; padding: 0px; text-align: center;}

#content_preview #sortable .sort_order_placeholder {display: table-cell; padding: 10px; border-radius: 5px; width: 50px;}

/* --------- Plain box --------- */

.plain-box {margin: 0 60px 0 72px;}

/* --------- Scroll box --------- */

.scroll-box {width: 960px; height: auto; overflow: auto; padding: 0px; margin: 0px 0px 1em 0px;}

/* --------- Notifications ---------- */
.notice-box {background: #ffffed; border: 1px solid #e8e5dc; padding: 10px; margin: 0px 0px 1em 0px;}
.notice-box h2 {color: #8c1515; border: 0px; margin: 0px 0px 1em 0px; padding: 0px; font-size: 1.1em; font-weight: bold; font-family: 'Source Sans Pro',Arial, Helvetica, sans-serif;}
.notice-box ul {list-style-type: square; padding: 0px 0px 0px 15px;}
.notice-box ol {padding: 0px 0px 0px 15px;}
.notice-box p {color: #333;}

.alert-box {background: #ffc; border: 1px solid #c60; padding: 10px; margin: 0px 0px 1em 0px;}
.alert-box h2 {color: #c60; border: 0px; margin: 0px 0px 1em 0px; padding: 0px; font-size: 1.1em; font-weight: bold; font-family: 'Source Sans Pro',Arial, Helvetica, sans-serif;}
.alert-box ul {list-style-type: square; padding: 0px 0px 0px 15px;}
.alert-box ol {padding: 0px 0px 0px 15px;}
.alert-box p {color: #333;}

.error-box {background: #fcc; border: 1px solid #8c1515; padding: 10px; margin: 0px 0px 1em 0px;}
.error-box h2 {color: #8c1515; border: 0px; margin: 0px 0px 1em 0px; padding: 0px; font-size: 1.1em; font-weight: bold; font-family: 'Source Sans Pro',Arial, Helvetica, sans-serif;}
.error-box ul {list-style-type: square; padding: 0px 0px 0px 15px;}
.error-box ol {padding: 0px 0px 0px 15px;}
.error-box p {color: #333;}

.confirm-box {background: #cfc; border: 1px solid #060; padding: 10px; margin: 0px 0px 1em 0px;}
.confirm-box h2 {color: #060; border: 0px; margin: 0px 0px 1em 0px; padding: 0px; font-size: 1.1em; font-weight: bold; font-family: 'Source Sans Pro',Arial, Helvetica, sans-serif;}
.confirm-box ul {list-style-type: square; padding: 0px 0px 0px 15px;}
.confirm-box ol {padding: 0px 0px 0px 15px;}
.confirm-box p {color: #333;}

.error-field {background: #ffeaea; border: 1px solid #e8e5dc; padding: 10px; margin: 0.25em 0px 1em 0px;}
fieldset.error-field {background: #ffeaea; border: 0px; padding: 10px; margin: -2em 0px 1em 0px;}
* html fieldset.error-field {background: #ffeaea; padding: 10px; margin: 0px 0px 1em 0px;}
*:first-child+html fieldset.error-field {background: #ffeaea; padding: 10px; margin: 0px 0px 1em 0px;}
fieldset.error-field legend {padding-top: 3em;}
* html fieldset.error-field legend {padding-top: 0px;}
*:first-child+html fieldset.error-field legend {padding-top: 0px;}

table.manage td.error-field {background: #ffeaea;}
.error {display: block; color: #8c1515; font-weight: bold; line-height: 2em;}
fieldset .error {display: block; color: #8c1515; font-weight: bold; line-height: 2em;}

/* --------- Table --------- */

table.manage {width: 100%; margin: 1em 0px 1em 0px; border-collapse: collapse; color: #565347;}
table.manage th {border: 1px solid #ddcf99; background: #f1e8ce; padding: 5px; font-weight: bold; white-space: nowrap;}
table.manage td {border: 1px solid #ddcf99; background: #f8f3e5; padding: 5px;}
table.manage ul {list-style: none; margin: 0px; padding: 0px;}
table.manage li {margin: 0px; padding: 0px;}
table.manage * {font-size: 13px !important; font-family: 'Source Sans Pro',Arial,Helvetica,sans-serif !important;}

/* Clone Form Button */
table.manage button.button {background: transparent; margin: 0px; padding: 0px; color: #565347; text-decoration: none; border: none; border-bottom: 1px dotted #81785a; font-weight: normal;}
table.manage button.button::-moz-focus-inner {border: 0; padding: 0;}

table.entries {width: 100%; margin: 1em 0px 1em 0px; border-collapse: collapse; color: #565347;}
table.entries th {border: 1px solid #fff; background: #f1e8ce; padding: 5px; font-weight: bold; white-space: nowrap;}
table.entries td {border: 1px solid #fff; background: #f8f3e5; padding: 5px; white-space: nowrap;}
table.entries ul {list-style: none; margin: 0px; padding: 0px;}
table.entries li {margin: 0px; padding: 0px;}
table.entries * {font-size: 13px !important;}

/* --------- Form General --------- */
input, textarea, select {font-size: 14px; font-family: 'Source Sans Pro',Arial,Helvetica,sans-serif;}
form, fieldset, legend, label {border: 0px; margin: 0px; padding: 0px; color: #565347;}
legend {font-size: 1em; line-height: 1.5em; margin: 0px; padding: 0px; font-weight: bold; white-space: normal; width: 100%;}
legend span {display: block; width: 100%; padding-bottom: 0.25em;}
* html legend {margin: 0px 0px 0px -7px;}
*:first-child+html legend {margin: 0px 0px 0px -7px;}

label {font-size: 1em; line-height: 1.5em; margin: 0px; padding: 0px; font-weight: bold; display: inline;}
button {margin: 1em 0px 1em 0px;}
fieldset {width: auto; margin: 0px 0px 1em 0px; background: transparent;}
input[type="text"] {margin: 0px; padding: 0px; width: 320px;}
fieldset label {font-weight: normal;}
textarea {width: 320px;}
*html textarea {width: 300px;}
p.input_text input {width: 320px;}
*html p.input_text input {width: 300px;}

/* --------- Form Specific --------- */

#submit_save_order {margin: 10px 7px;}

/* --------- Disabled --------- */

#content_preview form *[disabled] {background-color: #fff;}
#content_preview form input[disabled] {border: 1px solid #a9a9a9;}

/* --------- Name --------- */

*html fieldset.name {padding: 0px 0px 5px 0px;}
*:first-child+html fieldset.name {padding: 0px 0px 5px 0px;}
fieldset.name textarea, fieldset.name select {display: block; margin: 0px;}
fieldset.name label {font-size: 0.85em; line-height: 1.5em;}
fieldset.name legend label {font-size: 1em;}

fieldset.name p.name_first {float: left; margin-right: 0px;}
fieldset.name input {width: 155px;}
*html fieldset.name input {width: 142px;}
fieldset.name p {margin: 0px; padding: 0.5em 0.5em 0px 0px;}

/* --------- Email --------- */

p.email label {font-size: 1em; line-height: 1.5em; margin: 0px; padding: 0px; font-weight: bold;}
p.email input {width: 320px;}
*html p.email input {width: 300px;}

/* --------- Phone --------- */

p.phone label {font-size: 1em; line-height: 1.5em; margin: 0px; padding: 0px; font-weight: bold;}
p.phone input {width: 155px;}

/* --------- Address --------- */

*html fieldset.address {padding: 0px 0px 5px 0px;}
*:first-child+html fieldset.address {padding: 0px 0px 5px 0px;}
fieldset.address textarea, fieldset.address select {display: block; margin: 0px;}
fieldset.address label {font-size: 0.85em; line-height: 1.5em;}
fieldset.address legend label {font-size: 1em;}
fieldset.address p {margin: 0px; padding: 0.5em 0.5em 0px 0px;}
fieldset.address input {width: 320px;}
*html fieldset.address input {width: 300px;}

fieldset.address p.city {float: left; margin-right: 0px;}
fieldset.address p.city input {width: 155px;}
*html fieldset.address p.city input {width: 142px;}
fieldset.address p.state input {width: 157px;}
*html fieldset.address p.state input {width: 142px;}

fieldset.address p.zip {float: left; margin-right: 0px;}
fieldset.address p.zip input {width: 155px;}
*html fieldset.address p.zip input {width: 142px;}
fieldset.address .country {float: left; width: 159px;}

/* --------- Comments --------- */

p.comments label {font-size: 1em; line-height: 1.5em; margin: 0px; padding: 0px; font-weight: bold;}
p.comments textarea {width: 320px;}
*html p.comments textarea {width: 300px;}

/* --------- Radio Buttons --------- */

fieldset.radio legend {font-weight: bold; margin: 0 0 0 -20px;}
fieldset.radio label {font-size: 1em; margin: 0px; padding: 0px;}
fieldset.radio p {margin: 0px; padding: 0.5em 0px 0px 0px; font-weight: bold;}
fieldset.radio li {margin: 0px; padding: 0.5em 0px 0px 0px;}

fieldset.radio_inline legend {font-weight: bold;}
fieldset.radio_inline p {display: inline; margin: 0px; padding: 0.5em 1em 0px 0px; font-weight: bold;}
fieldset.radio_inline {padding: 0px;}
fieldset.radio_inline li {display: inline; padding: 0.5em 1em 0px 0px;}
fieldset.radio_inline label {font-size: 1em; margin: 0px; padding: 0px;}

/* --------- Check Boxes --------- */

fieldset.checkbox legend {font-weight: bold; margin: 0 0 0 -20px;}
fieldset.checkbox label {font-size: 1em; margin: 0px; padding: 0px;}
fieldset.checkbox p {margin: 0px; padding: 0.5em 0px 0px 0px; font-weight: bold;}
fieldset.checkbox li {margin: 0px; padding: 0.5em 0px 0px 0px;}

fieldset.checkbox_inline legend {font-weight: bold;}
fieldset.checkbox_inline p {display: inline; margin: 0px; padding: 0.5em 1em 0px 0px; font-weight: bold;}
fieldset.checkbox_inline {padding: 0px;}
fieldset.checkbox_inline li {display: inline; padding: 0.5em 1em 0px 0px;}
fieldset.checkbox_inline label {font-size: 1em; margin: 0px; padding: 0px;}

/* --------- Drop Down --------- */

fieldset.dropdown legend {display: none;}
fieldset.dropdown p {margin: 0px; padding: 0.5em 0px 0px 0px; font-weight: bold;}
fieldset.dropdown select {margin: 0.5em 0px 0px 0px; padding: 0px;}

/* --------- Submit Action --------- */

p.action {padding-bottom: 0px;}
p.action a {margin: 0 0 0 10px;}
#content_right p.action {padding-left: 5px;}

/* --------- Survey ---------- */

table.survey {width: 100%; margin: 1em 0px 1em 0px; border-collapse: collapse; line-height: 1.2em;}
table.survey th {border: 1px solid #ddcf99; background: #f1e8ce; padding: 5px; text-align: center; vertical-align: middle;}
table.survey td {border: 1px solid #ddcf99; background: #fff; padding: 5px; text-align: center; width: 50px;}
table.survey td.question {text-align: left; font-weight: bold; width: 45%;}
table.survey tr.alternate td {background: #f8f3e5;}
table.survey label {display: block;}

/* --------- Spam Filter --------- */

.hide {position: absolute; left: -1000em; width: 20em; text-align: left; font-size: 0.85em; line-height: 1.5em; color: #333;}

/* --------- Required Field and Help Link --------- */

abbr.required {color: #8c1515;}
abbr.help {font-size: 12px; padding-left: 0.25em;}
abbr.help a {text-decoration: none; border: 0px; vertical-align: 15%;}
abbr.help a:hover {font-weight: bold;}

@media only screen and (max-width: 640px) {
#login {float: right; color: #fff; font-size: 14px; margin-top: -55px; padding: 0px 0px 0px 20px;}
#content_left {float: none; width: 100%; padding: 0px; margin: 0px 0px 1em 0px;}
#content_right {float: none; width: 100%; padding: 0px; margin: 0px 0px 1em 0px;}
}

@media only screen and (max-width: 480px) {
.highlight-box {width: 220px; max-width: 220px;}
input[type="text"] {margin: 0px; padding: 0px; width: 240px;}
textarea {width: 240px;}
#content_preview textarea {width: 140px;}
#content_preview p.input_text input {width: 140px;}
#content_preview fieldset.name input {width: 60px;}
#content_preview p.email input {width: 140px;}
#content_preview p.url input {width: 140px;}
#content_preview p.phone input {width: 80px;}
#content_preview p.file input {width: 140px;}
#content_preview fieldset.address input {width: 140px;}
#content_preview fieldset.address p.city input {width: 80px;}
#content_preview fieldset.address p.state input {width: 80px;}
#content_preview fieldset.address p.zip input {width: 80px;}
#content_preview fieldset.address .country {float: left; w