/* ==The Foraker Framework==
Based on css-boilerplate: http://code.google.com/p/css-boilerplate/ */
/* !===resets=== */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; }
body { line-height: 1.5; color: #000; background: #fff; margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
.hide { display: block; text-indent: -32767px; height: 0; line-height: 0; overflow: hidden; margin: 0 !important; padding: 0 !important; }
.left { float: left; }
.right { float: right; }
.nowrap { white-space: nowrap; }
.upper { text-transform: uppercase; }
em.upper { font-style: normal; }
/* Hide/Show classes */
.none { display: none; }
.block { display: block; }
.inline { display: block; }
/* !===clearfix===  */
.clearfix:after, .horiz:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { clear: both; }
/* !===default font family=== */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: arial, helvetica, verdana, sans-serif; }
/* !===headings=== */
/* A handy pixel to percent font conversion */
/*
10px / 77%
11px / 85%
12px / 92%
13px / 100%
14px / 107%
15px / 114%
16px / 122%
17px / 129%
18px / 136%
19px / 144%
20px / 152%
21px / 159%
22px / 167%
23px / 174%
24px / 182%
25px / 189%
26px / 197%
*/
body { font-size: 13px; }
h1 { font-size:152%; }
h2 { font-size:122%; }
h3, h4, h5, h6 { font-size:107%; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; margin: 0 0 10px; line-height: 1.2; }
/* !===text elements=== */
p, div.flash { margin: 0 0 10px; }
ul, ol { margin: 0 0 10px 10px; padding: 0 0 0 10px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
ul { list-style-type: disc; }
ul ul { list-style-type: circle; }
ol { list-style-type: decimal; }
dl { margin: 0 0 10px 0; }
dl dt { font-weight: bold; margin-bottom: 10px; }
dl dd { margin-left: 1.5em; margin-bottom: 10px; }
abbr, acronym { border-bottom: 1px dotted #000; }
strong { font-weight: bold; }
em { font-style: italic; }
pre, code { white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; }
hr { background: #000; border: 0; color: #000; height: 1px; margin: 1em 0; }
.bold { font-weight: bold; }
ul.plain, ol.plain { margin-left: 0; padding-left: 0; list-style-type: none; }
/* !===anchors=== */
a { color: #009; text-decoration: underline; }
a:visited { color: #800080; }
a:hover, a:focus, a:active { color: #000; }
/* !===tables=== */
table { width: 100%; margin-bottom: 1em; border-collapse: collapse; }
th,td { text-align: left; padding: 4px; vertical-align: top; }
th { font-weight: bold; }
th.normal { font-weight: normal; }
/* !===some default classes=== */
.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
/* !===textareas=== */
textarea { margin: 0.5em 0.5em 0 0; padding: .4em; }
/* !===horizontal lists=== */
ul.horiz, ol.horiz { margin: 0; padding: 0; }
ul.horiz li, ol.horiz li { float: left; list-style: none; margin: 0; padding: 0; }
ul.horiz li a, ol.horiz li a { float: left; display: block; }
/* !===compact definition list=== */
dl.compact dt { float: left; width: 150px; clear: left; text-align: right; margin-right: 8px; margin-top: 0; font-size: 100%; }
dl.compact dd { float: left; padding-left: 0; font-weight: normal; margin-left: 0; }
dl.compact dd.addl { clear: left; margin-left: 158px; }
/* !===forms=== */
fieldset { border:1px solid #ddd; margin:0 0 1.5em; padding:6px 14px; }
fieldset.plain { border: none; padding: 0; }
fieldset fieldset { clear: left; }
legend { padding: 0 4px; font-weight: bold; font-size: 120%; }
form div { float: left; width: 100%; margin-bottom: 8px; clear: left; }
form p.indent { clear: left; }
input, select, textarea, .label, .input { float: left; }
input, select, textarea { margin-right: 8px; }
form div div, input, select, textarea { margin-bottom: 0; }
input { padding: 1px; }
form div label, .label { width: 150px; float: left; text-align: right; margin-right: 8px; cursor: default; position: relative; }
p.required { text-align: right; }
form div .required, p.required, span.required { font-weight: bold; }
form .required span, p.required span, span.required { color: red; }
label, input, select, textarea { line-height: 1.5; }
form .check_radio label { width: auto; text-align: left; float: none; }
#body form .indent, .check_radio, #body form p.indent { margin-left: 162px; width: auto; }
#content .indent { margin-left: 40px; }
form .check_radio { padding-top: 0; padding-bottom: 0; }
form .check_radio div { float: left; width: auto; clear: none; }
form .check_radio label { font-weight: normal; }
form .collapse, form .collapse div, form fieldset.collapse div { margin-left: 0; }
form span.left { display: block; margin-right: 8px; }
p.req-denote { text-align: right; }
#body form label, #body form p, #body form h2, #body form h3, #body form h4 { margin-left: 4px; }
#body form .check_radio label { margin-left: 0; }
form div.left { width: auto; clear: none; }
form div.fieldWithErrors {
clear: none;
float: left;
width: auto;
padding: 0;
}
form .check_radio div.fieldWithErrors {
margin-right: 0;
}
form div.fieldWithErrors input, form div.fieldWithErrors select, form div.fieldWithErrors textarea {
border: 1px solid red;
background: #FFE9E9;
padding: 2px;
}
.errorExplanation, .flash .error, .flash .notice {
margin-bottom: 20px;
border: 1px solid #d31111;
background: #ffe9e9;
color: #000;
clear: left;
float: none !important;
clear: none !important;
}
.flash .notice {
background: #d1f66c;
border-color: #3c983a;
}
.flash .error, .flash .notice {
padding: 10px;
}
.errorExplanation p, #body #content .flash h2 {
margin: 0 0 10px 0;
color: #fff;
background: #d31111;
padding: 4px 10px;
font-weight: bold;
font-size: 100%;
}
#body #content .flash h2 {
margin-bottom: 0;
}
.errorExplanation ul {
margin-bottom: 10px;
margin-left: 14px;
}
.errorExplanation ul li {
margin-bottom: 8px;
}
div.formError {
float: none !important;
clear: none !important;
margin: 0 !important;
}
#body form .errorExplanation h2, #body form .errorExplanation p {
margin-left: 0;
}
#body form .errorExplanation h2,
#body #content .flash h2 {
padding: 6px 10px;
}
/* Field Sizes */
.width_1, #body form div .width_1 { width: 35px; }
.width_2, #body form div .width_2 { width: 85px; }
.width_3, #body form div .width_3 { width: 115px; }
.width_4, #body form div .width_4 { width: 165px; }
.width_5, #body form div .width_5 { width: 275px; }
textarea { width: 450px; height: 100px; padding: 2px; }
/* !===accessible compact form=== */
label.overlabel { cursor: text; }
label.overlabel-apply { position:absolute; z-index: 1; cursor: text; line-height: 1; margin: 0; display: block; overflow: hidden; width: auto; }