.message {
   display: block;
   margin-left: 20px;
   margin-right: 20px;
   background-color: #cc8877;
}

.formElementWithError {
   background-color: orange;
}

.headerContent {
    margin: auto auto auto auto;
    padding: 1.1em;
    font-size: 17px;
}

body { 
   margin:0px; 
   background-color: #f0f0f0;
   font-family: sans-serif;
   font-size: 13px;
}

.header {
   padding: 0px; 
   border: 0px; 
   margin: 0px; 
   background-color: #cccccc;
   font-size: 16px;
   color: #333333;
   text-decoration: none;
}

.body { 
   width: 95%; 
   margin: auto;
   padding: 0;
   font-size: 13px;
}

.sidebar { 
    vertical-align: top; 
    padding: 20px 20px 20px 20px;
    font-size: 13px;
    background-color: #eaeaea;
}

.footer { 
    padding: 12px; 
    text-align: center; 
    border-top: 1px solid #999999;
    font-size: 11px;
    color: #666666;
}

a:link {
   color: #555555;
}

a:visited {
   color: #555555;
}

a:hover {
   color: #333333;
   text-decoration: none;
}

textarea {
   width: 90%;
   border: 1px solid #666666;
}

textarea, input, select {
   background-color: #dddddd;
}

code {
   overflow: auto;
   width: 100%;
   display: block;
   border-left: 1px solid #aaaaaa;
   background-color: #eaeaea;
   padding-left: 5px;
}

.top-nav {
   text-decoration: none;
   padding: 3px 6px 3px 6px;
   background-color: #aaaaaa;
   font-size: 13px;
   color: #333333;
   text-decoration: none;
}

.top-nav-sel {
   text-decoration: none;
   padding: 3px 6px 3px 6px;
   background-color: #cccccc;
   font-size: 13px;
   color: #333333;
   text-decoration: none;
}