/*[fmt]1A00-1A0B-3*/
/*--------------------------------------------------------------

reset.css
* Resets default browser CSS.

--------------------------------------------------------------*/
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-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

body {
line-height: 1.5;
}

/*Tables still need 'cellspacing="0"' in the markup.*/
table {
border-collapse: separate;
border-spacing: 0;
}

caption, th, td {
text-align: left;
font-weight: normal;
}

table, td, th {
vertical-align: middle;
}

/*Remove possible quote marks (") from <q>, <blockquote>.*/
blockquote:before, blockquote:after, q:before, q:after {
content: "";
}

blockquote, q {
quotes: "" "";
}

/*Remove annoying border on linked images.*/
a img {
border: none;
}

/*--------------------------------------------------------------

typography.css
* Sets up some sensible default typography.

--------------------------------------------------------------
Default font settings.
The font-size percentage is of 16px. (0.75 * 16px = 12px)
Headings
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
color: #111;
}

h1 {
font-size: 3em;
line-height: 1;
margin-bottom: 0.5em;
}

h2 {
font-size: 2em;
margin-bottom: 0.75em;
}

h3 {
font-size: 1.5em;
line-height: 1;
margin-bottom: 0.5em;
}

h4 {
font-size: 1.2em;
line-height: 1.25;
margin-bottom: 1.25em;
}

h5 {
font-size: 1em;
font-weight: bold;
margin-bottom: 1.5em;
}

h6 {
font-size: 1em;
font-weight: bold;
}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
margin: 0;
}

/*Text elements
--------------------------------------------------------------*/
p {
margin: 0 0 1.5em;
}

p img.left {
float: left;
margin: 1.5em 1.5em 1.5em 0;
padding: 0;
}

p img.right {
float: right;
margin: 1.5em 0 1.5em 1.5em;
}

a:link {
color: #00ACED;
text-decoration: underline;
}

a:visited {
color: #089ACD;
text-decoration: underline;
}

a:focus, a:hover {
color: #009900;
}

a:active {
color: #009900;
}

blockquote {
margin: 1.5em;
color: #666;
font-style: italic;
}

strong {
font-weight: bold;
}

em, dfn {
font-style: italic;
}

dfn {
font-weight: bold;
}

sup, sub {
line-height: 0;
}

abbr, acronym {
border-bottom: 1px dotted #666;
}

address {
margin: 0 0 1.5em;
font-style: italic;
}

del {
color: #666;
}

pre {
margin: 1.5em 0;
white-space: pre;
}

pre, code, tt {
font: 1em "andale mono", "lucida console", monospace;
line-height: 1.5;
}

/*Lists
--------------------------------------------------------------*/
li ul, li ol {
margin: 0 1.5em;
}

ul, ol {
margin: 0 1.5em 1.5em;
}

ul {
list-style-type: disc;
}

ol {
list-style-type: decimal;
}

dl {
margin: 0 0 1.5em;
}

dl dt {
font-weight: bold;
}

dd {
margin-left: 1.5em;
}

/*Tables
--------------------------------------------------------------*/
table {
margin-bottom: 1.4em;
width: 100%;
}

th {
font-weight: bold;
}

thead th {
background: #C3D9FF;
}

th, td, caption {
padding: 4px 10px 4px 5px;
}

tr.even td {
background: #E5ECF9;
}

tfoot {
font-style: italic;
}

caption {
background: #EEE;
}

/*Misc classes
--------------------------------------------------------------*/
.small {
font-size: 0.8em;
margin-bottom: 1.875em;
line-height: 1.875em;
}

.large {
font-size: 1.2em;
line-height: 2.5em;
margin-bottom: 1.25em;
}

.hide {
display: none;
}

.quiet {
color: #666;
}

.loud {
color: #000;
}

.highlight {
background: #FF0;
}

.added {
background: #060;
color: #FFF;
}

.removed {
background: #900;
color: #FFF;
}

.first {
margin-left: 0;
padding-left: 0;
}

.last {
margin-right: 0;
padding-right: 0;
}

.top {
margin-top: 0;
padding-top: 0;
}

.bottom {
margin-bottom: 0;
padding-bottom: 0;
}

/*--------------------------------------------------------------
grid.css - mirror version of src/grid.css
--------------------------------------------------------------
A container should group all your columns.*/
.container {
width: 960px;
margin: 0 auto;
}

/*Use this class on any div.span / container to see the grid.*/
.showgrid {
background: url(grid.png);
}

/*Columns
--------------------------------------------------------------
Sets up basic grid floating and margin.*/
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12 {
float: left;
margin-right: 12px;
}

/*The last column in a row needs this class.*/
.last, div.last {
margin-right: 0;
}

/*Use these classes to set the width of a column.*/
.span-1 {
width: 69px;
}

.span-2 {
width: 150px;
}

.span-3 {
width: 231px;
}

.span-4 {
width: 312px;
}

.span-5 {
width: 393px;
}

.span-6 {
width: 474px;
}

.span-7 {
width: 555px;
}

.span-8 {
width: 636px;
}

.span-9 {
width: 717px;
}

.span-10 {
width: 798px;
}

.span-11 {
width: 879px;
}

.span-12 {
width: 960px;
margin: 0;
}

/*Use these classes to set the width of an input.*/
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12 {
border-left-width: 1px !important;
border-right-width: 1px !important;
padding-left: 5px !important;
padding-right: 5px !important;
}

input.span-1, textarea.span-1 {
width: 57px !important;
}

input.span-2, textarea.span-2 {
width: 138px !important;
}

input.span-3, textarea.span-3 {
width: 219px !important;
}

input.span-4, textarea.span-4 {
width: 300px !important;
}

input.span-5, textarea.span-5 {
width: 381px !important;
}

input.span-6, textarea.span-6 {
width: 462px !important;
}

input.span-7, textarea.span-7 {
width: 543px !important;
}

input.span-8, textarea.span-8 {
width: 624px !important;
}

input.span-9, textarea.span-9 {
width: 705px !important;
}

input.span-10, textarea.span-10 {
width: 786px !important;
}

input.span-11, textarea.span-11 {
width: 867px !important;
}

input.span-12, textarea.span-12 {
width: 948px !important;
}

/*Add these to a column to append empty cols.*/
.append-1 {
padding-right: 81px;
}

.append-2 {
padding-right: 162px;
}

.append-3 {
padding-right: 243px;
}

.append-4 {
padding-right: 324px;
}

.append-5 {
padding-right: 405px;
}

.append-6 {
padding-right: 486px;
}

.append-7 {
padding-right: 567px;
}

.append-8 {
padding-right: 648px;
}

.append-9 {
padding-right: 729px;
}

.append-10 {
padding-right: 810px;
}

.append-11 {
padding-right: 891px;
}

/*Add these to a column to prepend empty cols.*/
.prepend-1 {
padding-left: 81px;
}

.prepend-2 {
padding-left: 162px;
}

.prepend-3 {
padding-left: 243px;
}

.prepend-4 {
padding-left: 324px;
}

.prepend-5 {
padding-left: 405px;
}

.prepend-6 {
padding-left: 486px;
}

.prepend-7 {
padding-left: 567px;
}

.prepend-8 {
padding-left: 648px;
}

.prepend-9 {
padding-left: 729px;
}

.prepend-10 {
padding-left: 810px;
}

.prepend-11 {
padding-left: 891px;
}

/*Border on right hand side of a column.*/
div.border {
padding-right: 5px;
margin-right: 6px;
border-right: 1px solid #EEE;
}

/*Border with more whitespace, spans one column.*/
div.colborder {
padding-right: 45px;
margin-right: 47px;
border-right: 1px solid #EEE;
}

/*Use these classes on an element to push it into the
next column, or to pull it into the previous column.*/
.pull-1 {
margin-left: -81px;
}

.pull-2 {
margin-left: -162px;
}

.pull-3 {
margin-left: -243px;
}

.pull-4 {
margin-left: -324px;
}

.pull-5 {
margin-left: -405px;
}

.pull-6 {
margin-left: -486px;
}

.pull-7 {
margin-left: -567px;
}

.pull-8 {
margin-left: -648px;
}

.pull-9 {
margin-left: -729px;
}

.pull-10 {
margin-left: -810px;
}

.pull-11 {
margin-left: -891px;
}

.pull-12 {
margin-left: -972px;
}

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12 {
float: left;
position: relative;
}

.push-1 {
margin: 0 -81px 1.5em 81px;
}

.push-2 {
margin: 0 -162px 1.5em 162px;
}

.push-3 {
margin: 0 -243px 1.5em 243px;
}

.push-4 {
margin: 0 -324px 1.5em 324px;
}

.push-5 {
margin: 0 -405px 1.5em 405px;
}

.push-6 {
margin: 0 -486px 1.5em 486px;
}

.push-7 {
margin: 0 -567px 1.5em 567px;
}

.push-8 {
margin: 0 -648px 1.5em 648px;
}

.push-9 {
margin: 0 -729px 1.5em 729px;
}

.push-10 {
margin: 0 -810px 1.5em 810px;
}

.push-11 {
margin: 0 -891px 1.5em 891px;
}

.push-12 {
margin: 0 -972px 1.5em 972px;
}

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12 {
float: right;
position: relative;
}

/*Misc classes and elements
--------------------------------------------------------------
In case you need to add a gutter above/below an element*/
.prepend-top {
margin-top: 1.5em;
}

.append-bottom {
margin-bottom: 1.5em;
}

/*Use a .box to create a padded box inside a column.*/
.box {
padding: 1.5em;
margin-bottom: 1.5em;
background: #E5ECF9;
}

/*Use this to create a horizontal ruler across a column.*/
hr {
background: #DDD;
color: #DDD;
clear: both;
float: none;
width: 100%;
height: 0.1em;
margin: 0 0 1.45em;
border: none;
}

hr.space {
background: #FFF;
color: #FFF;
}

/*Clearing floats without extra markup
Based on How To Clear Floats Without Structural Markup by PiE
[http://www.positioniseverything.net/easyclearing.html]*/
.clearfix:after, .container:after {
content: "\0020";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow: hidden;
}

.clearfix, .container {
display: block;
}

/*Regular clearing
apply to column that should drop below previous ones.*/
.clear {
clear: both;
}

/*--------------------------------------------------------------

forms.css
* Sets up some default styling for forms
* Gives you classes to enhance your forms

Usage:
* For text fields, use class .title or .text

--------------------------------------------------------------*/
label {
font-weight: bold;
}

fieldset {
padding: 1.4em;
margin: 0 0 1.5em;
border: 1px solid #CCC;
}

legend {
font-weight: bold;
font-size: 1.2em;
}

/*Form fields
--------------------------------------------------------------*/
input[type=text], input.text, input.title, textarea, select {
background-color: #FFF;
border: 1px solid #BBB;
}

input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {
border-color: #666;
}

input[type=text], input.text, input.title, textarea, select {
margin: 0.5em 0;
}

input.text, input.title {
width: 300px;
padding: 5px;
}

input.title {
font-size: 1.5em;
}

textarea {
width: 390px;
height: 250px;
padding: 5px;
}

input[type=checkbox], input[type=radio], input.checkbox, input.radio {
position: relative;
top: 0.25em;
}

form.inline {
line-height: 3;
}

form.inline p {
margin-bottom: 0;
}

/*Success, notice and error boxes
--------------------------------------------------------------*/
.error, .notice, .success {
padding: 0.8em;
margin-bottom: 1em;
border: 2px solid #DDD;
}

.error {
background: #FBE3E4;
color: #8A1F11;
border-color: #FBC2C4;
}

.notice {
background: #FFF6BF;
color: #514721;
border-color: #FFD324;
}

.success {
background: #E6EFC2;
color: #264409;
border-color: #C6D880;
}

.error a {
color: #8A1F11;
}

.notice a {
color: #514721;
}

.success a {
color: #264409;
}