/* change default html styles */
* {
  margin: 0;
  padding: 0;
}

/* general styling */
body { color: #1b1b1b; font: normal 85% "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", sans-serif; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", sans-serif;
}
p { margin-bottom: 1em; line-height: 1.3; } 
.clearing { height: 0; clear: both; } 
a { color: #999; text-decoration: underline; } 
a:hover { text-decoration: none; }

/* layout */

#loginwrapper { width: 420px; text-align: center; margin: 60px auto; }

#loginwrapper h2{ margin: 0 0 10px 0; padding: 0;}

img.logo{ margin: 0 0 20px 0; border: 0;}

#content { width: 100%; } 
#browncontent { margin: 10px 10px 10px 10px; background-color: #4e3c25; padding: 20px; color: #fff; }
#browncontent a { color: #eaeada; text-decoration: underline; }
#browncontent a:hover { text-decoration: none; }
p.login{ margin: 5px 0 0 0; padding: 0px; }
#whitecontent{ padding: 10px; background-color: #fff; border:  5px solid #A8966A; text-align: left;}

.centered { width: auto; margin: 0 80px; text-align: center; background-color: #443420; }

div.loginform form p { margin: 0; padding: 0;}
div.loginform label, 
div.loginform span.label { display: block; margin: 0 0 2px 0; color: #444;}
div.loginform input.field{ border: 1px solid #666; padding: 5px; margin: 0 0 10px 0; width: 350px; font-size: 14px;}
div.loginform input:focus,
div.loginform input.error:focus, 
div.loginform textarea:focus {	background-color: #FFC; }

div.loginform input.button{ padding: 3px; }


#notice{ background-color: #A8DE8C; border: 1px solid #0DB02B; padding: 10px; font-weight: bold; color: #333; margin-bottom: 10px;}
#warning{ background-color: #F2EF87; border-top: 2px solid #EFEA07; border-bottom: 2px solid #EFEA07; padding: 5px; margin: 0 0 10px 0; font-weight: bold; color: #333; font-size: 12px; }
#error { margin: 0 0 10px 0; padding: 10px 10px; background-color: #8B1D06; color: #fff;}
#attention{ padding: 10px; margin: 0 0 10px 0; border: 0px solid #F8D030; font-weight:normal; background-color: #F8E060; color: #404040;}

.fieldWithErrors { padding: 0px; background: transparent;}
.fieldWithErrors input { background-color: #FFC2A2; }
#errorExplanation { width: 400px; border: 2px solid #c00; padding: 7px; padding-bottom: 12px; margin: 20px 0 10px 0; background-color: #f0f0f0; }
#errorExplanation h2 { text-align: left; font-weight: bold; padding: 5px 5px 5px 15px; font-size: 12px; margin: -7px; background-color: #c00; color: #fff; }
#errorExplanation p { color: #333; margin-bottom: 0; padding: 10px 0 5px 0; }
#errorExplanation ul { font-size: 12px; list-style: none; }
#errorExplanation ul li { font-size: 12px; list-style: none; }

/* clearfix, the ie part is in the ie css */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}