/* Reset */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th { font-size: 1em; font-weight: normal; font-style: normal; }
fieldset, img { border: none; }

body { font-family: "Lucida Grande", Helvetica, sans-serif; font-size: 12px; background-color: #fff; padding: 0; margin: 0; color: #000 }

h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue", Helvetica, sans-serif }
h2 { font-size: 2em; margin: 0; padding: 0; font-weight: 300 }
h3 { font-weight: 300; border-bottom: 1px solid #999; margin-bottom: 10px; }
p { margin: 10px 0; color: #2b2b2b; }
strong { color: #000; font-weight: bold; }

h2 { font-size: 2em }
h3 { font-size: 1.5em }
h4 { font-size: 1.25em }

a { color: #2b2b2b }
a:hover { text-decoration: none }

ul, ol { padding-left: 20px;}
ul li { margin: 0 0 6px 16px; color: #2b2b2b; }

#container { width: 923px; clear: both; margin: 0 auto; padding: 0; }
#content { width: 933px; clear: both }

/* Forms */
form.standard { margin: 1em 0; padding: 0; background-color: transparent; }
form.standard a { color: #333; }
form.standard h3 { margin: 20px 0 5px 0; padding: 0}
form.standard label { padding: 0 0 0 1em; text-align: right; float: left; clear: left; width: 12em; margin-right: 0.9em; margin-top: 0.3em; }
form.standard fieldset { color: #000; border: 1px solid #d5d5d5; background: #efefef url('/images/shadow_grey.gif') repeat-x top; margin-top: 30px; margin-bottom: 20px; padding: 10px 5px 16px 5px; position: relative; }
form.standard legend { border: 1px solid #d5d5d5; background-color: #fff; padding: 5px; font-weight: bold; position: absolute; top: -15px; left: .5em }
form.standard fieldset div { padding: 1em 0 0 0; }
form.horizontal { margin: 20px 0; }
form.horizontal label { width: 100%; display: block; text-align: left; padding: 0; margin: 0; float: none; clear: both; font-weight: bold }
form.horizontal fieldset { padding: 10px 10px 0 10px; margin: 0; }
form.horizontal fieldset div { padding: 0 0 10px 0; }

span.optional { color: #777; }
table.standard tr th { border-top: 1px solid #FB7A31; border-bottom: 1px solid #FB7A31; background-color: #FFC; }
table.standard tr td { border-bottom: 1px solid #CCC; }
table.standard tr:hover td  { background-color: #ffe; }

input:focus { background-color : #ffc; }
textarea:focus { background-color : #ffc; }

div.fieldWithErrors { margin: 0; padding: 0; display: inline;}
span.fieldWithErrors, div.fieldWithErrors input, form input.fieldWithErrors, div .fieldWithErrors select, form select.fieldWithErrors { background-color: #ffdfdf; }

/* User feedback messages */
.SystemMessage { margin: 0 0 10px 0; padding: 6px; border: 2px dotted #666; background-color: #f0f0f0; font-weight: bold; color: green; }
.UserMessage { margin: 0 0 10px 0; padding: 6px; border: 2px solid #ccc; background-color: #f0f0f0; }
.notice, #Notice { padding: 4px 2px; margin: 0; margin-top: 10px; margin-bottom: 10px; font-weight: bold; color: green; background-color: #DBFFDB; border-top: 1px solid green; border-bottom: 1px solid green; width: 99%; clear: both; }
.error, #Error { padding: 4px 2px; margin: 0; margin-top: 10px; margin-bottom: 10px; font-weight: bold; color: red; background-color: #FFDBDB; border-top: 1px solid red; border-bottom: 1px solid red; width: 99%; clear: both; }
#errorExplanation { padding: 0 0 1px 0; margin: 0 0 10px 0; border: none !important; }
#errorExplanation { background: #f9f9f9 !important; }
#errorExplanation h2 { color: red !important; font-weight: bold; }
#errorExplanation ul { padding: 0; margin: 10px 10px 10px 30px;}
#errorExplanation ul li { font-weight: bold; color: red; }
#errorExplanation h2 { background-position: 4px center; background-repeat: no-repeat; background-image: url('/images/error.gif'); margin: 0; padding: 3px 0 3px 26px !important; font-size: 1em; border: none; background-color: #FFDBDB; color: red;}
#errorExplanation p { margin: 10px;}

/* Header */
#header { width: 933px; height: 47px; clear: both; margin: 0; background-image: url('/images/header.gif'); background-repeat: no-repeat; }
#header ul { margin: 0; padding: 0; float: right; font-size: 26px; }
#header ul li { margin: 0; padding: 0; display: inline; }
/* Hidden navigation text */
#header ul li a { float: left; height: 0; overflow: hidden; padding-top: 47px; }
#header #helicoid { font-size: 24px; height: 0; }
#header #helicoid a { width: 140px; display: block; height: 0; overflow: hidden; padding-top: 47px; position: absolute; }

/* Header background image */
#header #helicoid a, #header ul li a { background-image: url('/images/header.gif'); }

/* Link positions */
#header ul li.overview a { background-position: -565px 0; }
#header ul li.blog a { background-position: -714px 0; }
#header ul li.forum a { background-position: -762px 0; }
#header ul li.support a { background-position: -840px 0; }

/* Links on/hover */
#header #helicoid a:hover { background-position: 0 -47px; }
#header ul li.overview a:hover, #header ul li.overview a.selected { background-position: -565px -47px }
#header ul li.blog a:hover, #header ul li.blog a.selected { background-position: -714px -47px }
#header ul li.forum a:hover, #header ul li.forum a.selected { background-position: -762px -47px; }
#header ul li.support a:hover, #header ul li.support a.selected { background-position: -840px -47px; }

/* Footer */
#footer { background-image: url('/images/footer.gif'); width: 933px; height: 46px; }
#footer ul { position: relative; left: 659px; font-size: 14px; list-style-type: none; }
#footer ul li.terms { width: 125px; }
#footer ul li.privacy { width: 120px; }
#copyright { position: relative; height: 0; top: 15px; left: 40px; font-size: 14px; overflow: hidden; }

/* Page structure */
#shadow { width: 100%; background-image: url('/images/wide_shadow.gif'); background-repeat: repeat-y; background-position: center top;}

#page_content { width: 933px; background-image: url('/images/background.gif'); background-repeat: no-repeat; background-position: left bottom; background-color: #fff; }
#page_content_fade_in { width: 933px; background-image: url('/images/banner_shadow.gif'); background-repeat: repeat-x; background-position: 0 0; padding: 12px 0 0 0; position: relative; z-index: 1;}
#page { margin: 0 10px; padding: 0 10px; }

div.box { width: 30%; float: left; margin: 0 10px 10px 10px; }
.box ul { padding-top: 8px }