input,select,textarea,button { font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif; font-size: 11px; }

input { margin: 0; padding: .15em; font-size: 11px; }
input.tinytext { width: 3em; }
input.shorttext { width: 7em; }
input.mediumtext { width: 13em; }
input.longtext { width: 19em; }
input.hugetext { width: 23em; }
input.fill-horizontal { margin: 0 3%; width: 91%; }
input.numeric { text-align: right; }
input.readonly { background: #ccc; }
textarea { width: 21em; height: 11em; }
textarea.huge { width: 93%; height: 23em; }
textarea.minimal { width: 19em; height: 7em; }
button { margin: 0; padding: .15em .75em; }
select { max-width: 19em; overflow: hidden; }

form ul { margin: 0; padding: 0; list-style: none; }
form ul li { clear: left; margin: 0; padding: .25em 0; border-bottom: 1px solid #dbdee3; overflow: auto; }
form ul li div.check-list { float: left; overflow: auto; width: 21em; height: 29em; margin: 0; padding: 0; background: #fff; color: #333; border: 1px solid #ccc; }
form ul li div.mini-check-list { height: 13em; }
form ul li div.check-list ul li input { margin: 0 0 0 1em; padding: 0; }
form ul li div.radio-group { float: left; margin: 0; padding: 0; }
form ul li div.check-list ul, form ul li div.radio-group ul { margin: 0; padding: 0; }
form ul li div.check-list ul li, form ul li div.radio-group ul li { float: none; margin: 0; padding: .15em 0; }
form ul li div.check-list ul li .check-list-header { margin: 0; padding: .25em .5em; font-weight: bold; background: #dbdee3; }
form ul div.dynamic-display { display: block; }
form ul li p.itemgrouptitle { margin: 1.5em 0; padding: 0; font-size: 125%; font-weight: bold; color: #406480; border-width: 0 0 1px 0; border-color: #c2c3d8; border-style: solid; }
form ul li label { float: left; font-size: 11px; width: 17em; }
form ul li select { margin: 0; padding: .15em; font-size: 100%; }
form ul li span.connector { margin: 0 1em; padding: 0; }
form ul li label.required { color: #000; }
form ul li label.oversized { margin: 0 0 .75em 0; }
form ul li label.checklabel { position: relative; float: none; margin: 0 1em 0 1em; padding: 0; line-height: 2em; }
form ul li label.multi-line { line-height: 1em; }
form ul li.buttonpanel { margin: 0; padding: 1em 0; text-align: left; border: none; z-index: 999; }
form ul li.buttonpanel input { margin: 0 1em 0 0; padding: .15em .75em; }
form ul li.buttonpanel input#cancelbutton { color: #A82C36; background: transparent; border: none; cursor: pointer; }
form ul li.image-panel { margin: 0; padding: 0; text-align: left; border: none; }
form ul li.image-panel img { margin: 0; padding: 1em 0; }
form ul li.empty { margin: 0; padding: 0; line-height: 0; }
form ul li.borderless { border: none; }
form ul li div.terms { max-height: 9em; white-space: pre-line; overflow: auto; margin: 1em 0; padding: 1em; background: #fff; }
form ul li div.terms-only { max-height: 33em; white-space: pre-line; overflow: auto; margin: 1em 0; padding: 1em; background: #fff; }
form ul li .fee-display { display: inline-block; width: 7.125em; color: firebrick; font-size: 11px; text-align: right; }

h2 { margin: 0 0 1em 0; padding: 0; }
h4.error { margin: 0; padding: 0; color: #900; }
p.defaultsubmiterror { margin: 0; padding: 1em; background: #E6D3CF; color: #c00; font-weight: bold; font-size: 125%; }
p.inputerror { margin: 0; padding: 0; background: transparent; color: #c00; }
#content #narrative .pane-item > p.inputerror { margin: 0 0 .5em 0; padding: 0; text-indent: 0; }

#editable-content { width: 499px; margin: 1em 260px 1em 19px; padding: 0; }
#editable-content #dataeditheader { position: relative; margin: 0; padding: .75em 27px; background: url(../images/dataedit-bg-top.jpg) no-repeat top left #dbdee3; color: #507EA1; border-width: 0 0 1px 0; border-color: #d2d3e8; border-style: solid; }
#editable-content #dataeditheader h4 { margin: 0; padding: 0; color: #3b3e43; }
#editable-content #dataeditheader p { margin: 0; padding: 0; color: #777; }
#editable-content #dataeditheader p.inputerror { color: #A82C36; }

form#dataeditview, .dataeditview { margin: 0; padding: 1em 27px; background: url(../images/dataedit-bg-bottom.jpg) no-repeat bottom right #ebeef3; color: #333; }
form#dataeditview p.inputerror, .dataeditview p.inputerror { margin: 0 0 1em 0; color: #A82C36; }

.setup-form #editable-content { width: 355px; margin: 0; padding: 0; }
.setup-form #editable-content #dataeditheader { position: relative; margin: 0; padding: 0; border: none; }
.setup-form #editable-content #dataeditheader h4 { margin: 0; padding: 0; display: none; }
.setup-form #editable-content #dataeditheader p.inputerror { display: none; }
.setup-form #editable-content form#dataeditview, #admin-content .two-pane .pane-item form#forgotcredentials, .dataeditview { margin: 0; padding: 0; background: transparent; }
.setup-form #editable-content form#dataeditview ul li, #admin-content .two-pane .pane-item form#forgotcredentials ul li { border: none; }
.setup-form #editable-content form#dataeditview ul li label, #admin-content .two-pane .pane-item form#forgotcredentials ul li label { float: left; width: 9em; line-height: 2em; }
.setup-form #editable-content form#dataeditview p.inputerror, #admin-content .two-pane .pane-item form#forgotcredentials p.inputerror, .dataeditview p.inputerror { margin: 0 0 1em 0; color: #A82C36; }
.setup-form #editable-content form#dataeditview li.buttonpanel input#cancelbutton { display: none; }
.setup-form p.complete { margin: 1.5em 0; color: #8eb640; }

table.basic-table { position: relative; width: 499px; margin: 0 260px 1em 19px; padding: 0; background: url(../images/dataedit-bg-bottom.jpg) no-repeat bottom right #ebeef3; color: #666; }
table.basic-table table.namevalue, table.basic-table table.whatchanged { width: 100%; background: #dbdee3; color: #333; table-layout: fixed; }
table.basic-table caption { margin: 0; padding: 1em; text-align: left; font-size: 125%; font-weight: bold; background: url(../images/dataedit-bg-top.jpg) no-repeat top left #dbdee3; color: #3b3e43; border-width: 0 0 1px 0; border-color: #d2d3e8; border-style: solid; }
table.basic-table table.namevalue caption, table.basic-table table.whatchanged caption { margin: 0; padding: .5em; text-align: center; font-size: 100%; background: #abaeb3; color: #3b3e43; }
table.basic-table tbody tr.alternaterow { margin: 0; padding: 0; color: #333; }
table.basic-table table.namevalue tbody tr, table.basic-table table.whatchanged tbody tr { font-weight: normal; }
table.basic-table table.namevalue tbody tr.alternaterow, table.basic-table table.whatchanged tbody tr.alternaterow { font-weight: bold; }
table.basic-table thead tr th { margin: 0; padding: .5em 9px; text-align: left; color: #666; font-size: 125%; }
table.basic-table tbody tr td { margin: 0; padding: .5em 9px; text-align: left; width: 7em; }
table.basic-table tbody tr td.numeric { text-align: left; }
table.basic-table tbody tr td.thanks { color: #FF3300; font-weight: bold; }
table.namevalue tbody tr td, table.whatchanged tbody tr td { word-wrap: break-word; word-break: break-all; }

form#loginform ul li { border: none; }
form#loginform ul li label { float: none; display: block; width: 100%; }
#admin-content .pane-item form#loginform ul li label { float: left; width: 9em; line-height: 2em; }
form#loginform ul li label > span { font-size: 75%; color: #777; }
form#loginform ul li.buttonpanel { margin: 0; padding: 0; }

form.locator-beacon { display: block; margin: 0; padding: .75em 0; background: url(../images/locator-beacon-bg.jpg) no-repeat bottom right #eee; }
form.locator-beacon input { padding: 3px; color: #3b3e43; font-weight: bold; border-radius: 4px; border-width: 1px; }

#receipt { margin: 0 126px; padding: 1.5em; width: 247px; background: #fff; border: #ccc solid 1px; }
#receipt #clientdata { margin: 0 0 1.25em 0; padding: 0; text-align: center; }
#receipt #clientdata h3, #receipt #clientdata h5 { margin: 0; padding: 0; font-size: 13px; }
#receipt #customerdata { margin: 0 0 1.25em 0; padding: 0; }
#receipt #customerdata h2, #receipt #customerdata h4 { margin: 0; padding: 0; font-size: 14px; }
#receipt #receiptdata { margin: 0 0 1.25em 0; padding: 0; }
#receipt #receiptdata table tr td { margin: 0; padding: .25em 1.5em .25em 0; }
#receipt #receiptdata table tr td h2 { margin: 0; padding: 0; font-size: 14px; }
#receipt #receiptdata table tr td.describe { margin: 0; padding: 1em .25em 0 .25em; }
#receipt #miscellany	{ margin: 0; padding: 0; text-align: center; }
#receipt #miscellany h4, #receipt #miscellany p, #receipt #miscellany p img { margin: 0; padding: 0; font-size: 12px; }

.requirement { margin-left: 8em; }
.password-strength { width: 315px; height: 20px; margin-left: 6em; }

span.fail { background: url('../images/icons/x-lg.svg') no-repeat left top; padding-top: 2px; padding-left: 26px; }
span.pass { background: url('../images/icons/check-lg.svg') no-repeat left top; padding-top: 2px; padding-left: 26px; }