h2 {font-family: Georgia, Times, serif; font-size: 1.5em; color: #565347; margin: 0.5em 0px 0.5em 0px; padding: 0.25em 0px 0px 0px; border-top: 1px solid #e8e5dc;}
h3 {font-family: Georgia, Times, serif; font-size: 1.25em; 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;}
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;}

#breadcrumb {margin: 25px 0px 0px 0px;}
#title {clear: both; margin-top: 10px; margin-bottom: 12px; letter-spacing: -1px }

a.button {background: #eee3c1; padding: 5px; color: #000; text-decoration: none; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; font-weight: bold;}
a.button:link, a.button:visited {color: #000; text-decoration: none;}
a.button:active, a.button:hover {background: #820000; 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: #820000; color: #fff;}

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

/* --------- Form Buttons --------- */

button.link {display: inline; background: transparent; text-decoration: none; border: 0px; margin: 0px; padding: 0px; color: #565347; width: auto; text-align: left; font-size: 11px;}
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 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; font-size: 1em; width: auto; color: #333; font-family: Arial,Helvetica,FreeSans,sans-serif; cursor: pointer;}
button.button:hover {background: #820000; 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; font-size: 1em; width: 15em; color: #333; font-family: Arial,Helvetica,FreeSans,sans-serif; text-align: left; cursor: pointer;}
.button-list button:hover {background: #820000; color: #fff;}

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

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

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

#login {float: right; color: #fff; font-size: 12px; padding: 30px 0px 0px 20px; font-weight: bold;}
#login a {color: #fff; font-weight: normal; border-bottom: 1px dotted #fff;}
#login li {display: inline; padding: 0px 0.5em 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: 0px solid #fff; padding: 1px 1px 1px 6px; width: 508px;}
.highlight-box:hover {border: 1px solid #e8e5dc; background: #f8f3e5; cursor: default; padding: 0px 0px 0px 5px;}
.highlight-box .edit-links {visibility: hidden;}
.highlight-box:hover .edit-links {visibility: visible;}

.edit-links {float: right; padding: 0.5em 0.5em 0.5em 0.25em; margin: 0px; height: 1em;}
.edit-links li {display: inline; padding: 0px;}
.edit-links li.arrow {padding: 0px;}
.edit-links li.arrow a {font-size: 120%; border: none; padding: 0px 0.25em 0px 0.25em;}

.edit-links form {display: inline;}
.edit-links button {margin: 0px; padding: 0px; border: 0px; background: transparent; border-bottom: 0px dotted #81785a; color: #565347; font-size: 11px; cursor: pointer;}
.edit-links button:hover {color: #820000;}

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

.plain-box {padding: 0px 1px 0px 6px;}

/* --------- 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: #820000; border: 0px; margin: 0px 0px 1em 0px; padding: 0px; font-size: 1em; font-weight: bold;}
.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: 1em; font-weight: bold;}
.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 #820000; padding: 10px; margin: 0px 0px 1em 0px;}
.error-box h2 {color: #820000; border: 0px; margin: 0px 0px 1em 0px; padding: 0px; font-size: 1em; font-weight: bold;}
.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: 1em; font-weight: bold;}
.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: #820000; font-weight: bold; line-height: 2em;}
fieldset .error {display: block; color: #820000; 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;}

/* 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;}

/* --------- General --------- */
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;}
button {margin: 1em 0px 1em 0px;}
fieldset {width: auto; margin: 0px 0px 1em 0px;}
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;}

/* --------- 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;}
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;}
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;}
#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: #820000;}
abbr.help {font-size: 11px; font-family: Arial,Helvetica,FreeSans,sans-serif; padding-left: 0.25em;}
abbr.help a {text-decoration: none; border: 0px; vertical-align: 15%;}
abbr.help a:hover {font-weight: bold;}