/* baseline de-styling */
a img { border-style: none; }
h1, h2, h3, h4, p, ul, ol, li, form { margin: 0px; padding: 0px; }
h1, h2, h3, h4 { margin-bottom: 0.3em; }
p { margin-bottom: 1em; }
p.whitespace { clear: both; line-height: 1px; }
ul { margin-left: 1em; margin-bottom: 1.5em; }
ol { margin-left: 1em; margin-bottom: 1.5em; }
li { margin-left: 1em; }
blockquote { margin: 1em; }
h4 { font-style: italic; }

div.test { margin: 10px 20px; width: 640px; }
div.test h3 { margin: 30px 0px 5px 0px; }
div.test th, div.test td { width: 20px; vertical-align: top; text-align: left; border: 1px solid #bbc; padding: 3px 6px; }
div.test .wide { width: 240px; background-color: #fed; }
div.unit { border: 1px solid #cdc; background-color: #efe; padding: 10px; }
div.unit th, div.unit td { width: auto; border: 0px none; vertical-align: auto; text-align: auto; }

p.center, div.center { text-align: center; }

div.left { float: left; margin-right: 10px; }
div.right { float: right; margin-left: 10px; }
div.sidebar, table.sidebar { clear: right; float: right; margin: 10px 0px 10px 10px; width: 160px; }

div.grid { float: left; vertical-align: top; margin: 6px; border: 1px solid #bbc; }
div.grid table { width: auto; border-collapse: collapse; }

div.view { margin: 12px 0px 12px 12px; padding: 6px; }

div.sideindex {
  font-family: Verdana, sans-serif;
  font-size: 9pt;
  color: #444444;
}
div.sideindex a { color: #444499; }
div.sideindex img.icon { height: 18px; width: auto; cursor: pointer; }
div.sideindex img.icon.image { height: auto; vertical-align: middle; }
div.sideindex span.arrow { font-size: 12px; cursor: pointer; }
div.sideindex span.arrow a { text-decoration: none; }
div.sideindex input { border: 1px solid #999999; font-size: 9pt; }
div.sideindex input[type=file] { font-size: 8pt; }
div.sideindex select { font-size: 8pt; }
div.sideindex span.target { cursor: pointer; }
div.sideindex span.target:hover { text-decoration: underline; }

table.form td { vertical-align: top; }
table.form td.label { text-align: right; }
img.processing { vertical-align: middle; margin-left: 4px; }

.label { text-align: right; }
.error { color: red; }
.test {}
.valid { color: #006699; }
.invalid { color: #996600; }
.php { color: #009966; }
.indent { margin: 0px 20px; }
.control { font-size: smaller; color: #777; }
.jewel { padding: 5px 2px 3px 2px; cursor: pointer; }
.jewel a { text-decoration: none; color: white; }

/* custom field display */
p.label { text-align: left; color: #777; font-weight: bold; }
div.value { margin: 0px 0px 1em 12px; }

/* widget-specific styles */
img.jscalendar_button { vertical-align: middle; }
img.objectbrowser { vertical-align: middle; }
iframe.wufoo { width:100%; border:1px solid #ccc; }

div.sortable img.icon { float: none; vertical-align: middle; margin-bottom: 0; } 
div.sortable p { margin: 2px 0; padding: 3px; border: 1px solid #ccc; width: 320px; }
div.sortable p.divider { padding: 9px 3px; background-color: #999; color: #fff; }