/* http://yui.yahooapis.com/3.0.0/build/cssreset/reset-min.css */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}


/* UNIVERSAL COMPONENTS */
html, body              { width: 100%; }
strong                  { font-weight: bold; }
em                      { font-style: italic; }
p, ul, ol, dl, pre      { font-size: 1em; margin-bottom: 0.5em; }
ul, ol                  {  }
li                      {  }
h1, h2, h3, h4, h5      { font-weight: 300; }
h1                      { font-size: 1.375em; }
h2                      { font-size: 1.25em;}
h3                      { font-size: 1.125em;}
a                       { text-decoration: none; outline: none; }
a:hover                 { text-decoration: underline; }
a:active                {  }
a:visited               {  }
table, tbody, tr        { width: 100%; }


input, textarea {
    padding: 0.5em 0.5em;
    background: #FFFFF8;
    border: 1px solid #EEE;
    border-top: 1px solid #D4D4D4;
    border-left: 1px solid #D4D4D4;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
input:focus, textarea:focus { 
    background: #FFF;
}

.button, .button:active, .button:focus {
    width: auto;
    padding: 0.5em 1.5em;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    background: #EEE;
    border: 1px solid #DDD;
}
.button:hover { cursor: pointer; }


/* MAIN STRUCTURE */

a, body { color: #222; }

html { background: #F3F3F3; }

body { 
    min-width: 1000px;
    font: 16px/1.25 "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", "MS Sans Serif", Verdana, Arial, sans-serif; 
    padding-bottom: 32px;
}

.message {
    height: 2em;
    color: #FFF;
    text-align: center;
    line-height: 2em;
    background-image: url('/static/img_base/message_close.png');
    background-repeat: no-repeat;
    background-position: 98% center;
}
.message a {
    color: #FFF;
    text-decoration: underline;
}
.message.info { 
    background-color: #555; 
    border-bottom: 1px solid #444;
}
.message.success { 
    background-color: #77DB96; 
    border-bottom: 1px solid #57BB76;
}
.message.error { 
    background-color: #FF627D;
    border-bottom: 1px solid #DF425D;
}
.message:hover { cursor: pointer; }

#header, #main, #footer {
    width: 980px;
    margin: 0 auto;
}
#header, #header a, #footer, #footer a { color: #444; }

#header {
    height: 1.5em;
    padding: 0.75em 0 0.5em;
    font-size: 0.6875em;
}
#header li {
    float: right;
    margin: 0 0.5em;
}
#header .edit {
    padding: 0.2em 0.75em;
    background: #444;
    color: #FFF;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
}

#footer {
    margin-top: 6px;
    font-size: 0.6875em;
}
#footer li {
    float: left;
    margin-left: 8px;
    list-style: disc inside;
}
#footer li:first-child { list-style: none; }

#main {
    background: #FFF;
    border: 1px solid #E3E3E3;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}


/* SIGN_UP, SIGN_IN */

.sign {
    float: left;
    width: 33.5em;
    margin: 4.25em 0 4em 4em;
}

.sign h1 {
    float: left;
    width: 20.2em;
    font-size: 1.125em;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #EEE;
    margin-bottom: 0.5em;
}

.sign li {
    float: left;
    width: 100%;
    margin: 0.375em 0;
}

.sign label {
    float: left;
    width: 8em;
    margin: 0.5em 1em 0.5em 0;
    text-align: right;
    font-size: 0.75em;
}

.sign .value {
    float: left;
    padding: 0.5em;
    font-size: 0.75em;
}

input.value, textarea.value {
    width: 20em;
}

.sign #extra {
    float: right;
    margin-right: 14em;
}

.sign .caption {
    float: right;
    width: 15em; 
    font-size: 0.675em;
    color: #AAA;
}

.sign .button {
    float: right;
    margin: 1em 12.375em 1em 0;
    font-size: 0.875em;
}