html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

*:focus { outline: 0; }

body { line-height: 1em; color: black; background: #fff; }

ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; vertical-align: middle; }

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

q, blockquote { quotes: "" ""; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

img a { border: none; }

/* * Attribute Table * Table of attributes, i.e. phone, fax, email, address, etc. */

html { height: 100%; }

body { font-family: arial,helvetica,sans-serif; background-color: #03273a; color: #fff; }

a { color: #56bcf1; }
a:hover { color: #a0dfff; text-decoration: underline; }

h1 a { margin: 10px; float: left; background-image: url('/images/logo.png'); width: 220px; height: 40px; display: block; text-indent: -999em; }

#container { width: 100%; text-align: center; }

#login { clear: both; overflow: hidden; background-color: #fff; border: 5px solid #011d2c; padding: 10px; width: 400px; margin: 100px auto 0 auto; text-align: left; }
#login table th { text-align: right; font-weight: bold; font-size: 12px; }
#login table th, #login table td { color: #000; padding: 5px; }
#login table #session_login, #login table #session_passphrase, #login table #user_email { width: 150px; }
#login ul.user-login-links { font-size: 10px; float: right; list-style-type: none; }

#footer { clear: both; overflow: hidden; text-align: left; margin-top: 30px; padding: 10px; color: #255e7b; font-size: 10px; }

#flashes { clear: both; overflow: hidden; font-size: 10px; }
#flashes .notice, #flashes .error { padding: 5px 10px; margin: 5px 0; color: #fff; border-width: 3px; border-style: solid; background-color: #611717; border-color: #3a0505; }
#flashes .notice h3, #flashes .error h3 { border: none; padding: 0; margin: 0 0 2px 0; font-size: 12px; }
#flashes .notice ul, #flashes .error ul { margin-left: 25px; }
#flashes .notice ul li, #flashes .error ul li { list-style-type: square; font-size: 10px; }
