/* Base Stylesheet */

/* Logo - Set here because base.css is always imported */
#header .logo { width: 230px; height: 58px; overflow: hidden; }

/* Messages */
.messages li { background-position: center left; background-repeat: no-repeat; padding-left: 22px; }
.ok { background-image: url(/img/icons/icon-ok.png); }
.info { background-image: url(/img/icons/icon-info.png); }
.error { background-image: url(/img/icons/icon-error.png); }

/* Un-Reset Body Area Only */
.body ol, .body ul { padding-left: 3em; }
.body ol { list-style: decimal; }
.body ul { list-style: disc; }

/* Clear Fix */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/* Forms */
ul.fields li { margin: 6px 0; clear: left; }
ul.fields .field-summary { font-size: 80%; }
ul.fields .field-error { font-size: 80%; color: red; }
ul.submit li { display: inline; }
.sepline { border-top: 1px solid #555; padding-top: 5px; }
.sepline hr { display: none; }
label.inline.left { margin-right: 5px; }

/* Form Validation */
span.required { color: white; font-weight: bold; }

/* Description Lists */
dl { float: left; width: 100%; }
dt { clear: left; }
dt, dd { float: left; margin: 6px 0; }

/* List Styles */
.lower-alpha { list-style: lower-alpha; }
.upper-alpha { list-style: upper-alpha; }
.square { list-style: square; }
.circle { list-style: circle; }
.decimal { list-style: decimal; }
.lower-roman { list-style: lower-roman; }
.upper-roman { list-style: upper-roman; }

/* Basic Sizing/Positioning */
.left { float: left; }
.right { float: right; }
.block { display: block; }
.inline { display: inline; }
.hidden { display: none; }
.invisible { visibility: hidden; }
.visible { visibility: visible; }
.clearleft { display: block; clear: left; }
.clearright { display: block; clear: right; }
.clearboth { display: block; clear: both; }
.quarter { width: 25%; }
.third { width: 33%; }
.half { width: 50%; }
.twothirds { width: 66%; }
.threequarters { width: 75%; }
.full { width: 100%; }
.tiny { width: 20px; }
.small { width: 75px; }
.medium { width: 120px; }
.large { width: 300px; }
.huge { width: 600px; }

/* Legal Scroll Box */
.scrollbox { height: 100px; overflow: auto; }