html
color: #222 font-size: 13px font-family: arial, "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif
body
background-color: #ccc #container width: 1024px margin: 0 auto padding: 0 #header background-color: #09275e color: #fff padding: 10px 20px height: 20px .user_nav float: right font-size: 15px #navigation background-color: #999 padding: 0 0 0 10px margin: 0 height: 30px font-size: 110% #flash background-color: #000000 #content background-color: #fff padding: 10px 20px 25px 20px margin: 0 a, a:visited color: #09275e text-decoration: none font-weight: bold ol.main float: left width: 640px ul li line-height: 17px letter-spacing: .2px .sidebar border-left: 1px solid #c8c8c8 width: 290px margin: 0 0 0 10px padding: 0 0 0 10px float: right #footer background-color: #09275e color: #fff padding: 10px 20px
h1
font-size: 140% margin: 15px 0
table
margin-bottom: 2em width: 100%
th
border-bottom: 2px solid #ccc font-weight: bold text-align: left
td
border-bottom: 1px solid #ddd
caption, th, td
padding: 4px 10px 4px 0
caption
background: #f1f1f1 padding: 10px 0 margin-bottom: 1em
tr, td, th
vertical-align: middle
/* Forms
input::-moz-focus-inner
border: none
/*removes dotted outline on submit buttons when clicking in firefox
form ol.main
list-style: none margin: 0 0 1em 0 ol margin-left: 0 li margin: 0 0 1em 0 list-style-position: outside ol li margin: 0 0 .25em 0 list-style-position: outside li.error input background: #FBE3E4
form ol
list-style: none margin: 0 0 1em 0 ol margin-left: 0 li margin: 0 0 1em 0 list-style-position: outside ol li margin: 0 0 .25em 0 list-style-position: outside li.error input background: #FBE3E4
/*list-style-position fixes IE label margin bug
p.inline-errors
color: #D12F19
form
ol li.file background: #e1e1e1 border: 1px solid #c8c8c8 padding: 10px abbr border-bottom: 0
label
display: block
.required label
font-weight: bold
.checkbox_field label, .radio_field label
font-weight: normal
a.cancel
color: #7d0d0d
.inline-hints
font-size: 0.8em color: #666 margin-bottom: 0.25em
/* Fieldsets
fieldset
margin: 0 0 1.5em 0 background: #f1f1f1 padding: 1.5em 1.5em 1em 1.5em border: 1px solid #e3e3e3 fieldset padding: 0 border: 0 fieldset padding: 0 border: 0
legend
font-weight: bold
fieldset.buttons
background: inherit border: 0 padding: 0 li display: inline
.radio fieldset
padding: 0 margin: 0
/* Text fields
input
&[type="text"], &[type="password"] width: 300px padding: 3px 2px font-size: inherit &[disabled='disabled'] background-color: #fcfcfc cursor: default &[type="checkbox"], &[type="radio"] margin: 0 3px 0 0 vertical-align: middle position: relative top: -2px
.check_boxes
label vertical-align: middle padding: 0 display: inline font-weight: bold margin: 0 padding: 0 li list-style: none
.check
input vertical-align: top
.radio label
padding: 0
/* Textareas
textarea
width: 90% height: 200px margin: 0 0.5em 0.5em 0 padding: 5px font-size: inherit
textarea.wide
width: 840px height: 200px margin: 0 0.5em 0.5em 0 padding: 5px font-size: inherit
/* Select fields
fieldset .select select
width: 200px font-size: 0.9em
optgroup
margin: 0 0 .5em 0
/* Date & Time
form ol li
&.date ol li, &.time ol li display: inline &.datetime ol li display: inline-block select display: inline width: auto &.date select, &.time select display: inline width: auto &.date label, &.time label display: none