@charset "utf-8";

/* resets */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em,
img, ins, kbd, q, 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; vertical-align: baseline; background: transparent;}
table { border-spacing: 0; border-collapse: collapse; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
.clear { clear: both; }

html        { font: 13px/16px "Helvetica Neue", "Helvetica", "Arial", "sans-serif"; font-weight: normal; color: #333; }
body        { background: #e2e2e2; text-align: center; position: relative; }
#container  { position: relative; width: 425px; text-align: left; margin: 100px auto auto auto; }
a           { color: #666; text-decoration: none; }
a:hover     { color: #E21F26; text-decoration: underline;}
p           { margin: 5px 0;  }
ul          { list-style: none; }

/* header */
#header         { height: 50px; padding: 0 20px; width: 425px;  }
#header h1      { float: left; font: 36px/40px "Helvetica Neue", "Helvetica", "Arial"; font-weight: bold; width: 370px; }
#header .logo   { float: right; width: 35px; height: 40px; margin-top: 5px;  background: transparent url('http://media.artocrats.com/images/elements/artocrats-logo-sm.png') top left no-repeat; }

/* content */
#content { position: relative; width: 425px; background: #fff; clear: both; margin-bottom: 10px; padding: 20px; border: 1px solid #ccc; }
label    { width: 125px; float: left; margin: 5px 0 10px 0; }
input    { width: 285px; float: left; background: #eee; border: 1px solid #ccc; padding: 5px; margin-bottom: 15px; border: 1px solid #ccc; }
input#id_password { width: 200px; }
.forgot  { float: right; width: 85px; display: block; font-size: 12px; text-align: right; }
.button  { width: 80px; margin: 0 0 0 125px; }
.button:hover  { background: #eee; }
.errorlist { margin: 0; padding: 0 0 10px 125px; color: #E21F26; }
.error { clear: left; padding: 0 0 10px 125px; color: #E21F26; display: block; }

/* footer */
#footer { clear: both; position: relative; font-size: 16px; width: 385px; padding: 0 20px; }