* { font-family: Verdana, Arial, sans-serif; font-size: 12px; }
a { color: #CC0000; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }
h1 { font-weight: bold; font-size: 16px; margin-top: 0; }

input, select, textarea { width: 300px; }
input.button { width: auto; }

body { margin: 0; padding: 0; }
#header { width: 100%; height: 30px; font-weight: bold; color: #FFFFFF; margin: 0 0 20px 0; padding-top: 30px; line-height: 20px; text-align: center; font-size: 20px; line-height: 20px; background-color: #CC0000; border: #000000 1px solid; border-width: 0 0 1px 0; }
  #userInfoBox { position: absolute; top: 0; right: 10px; color: #FFFFFF; text-align: right; }
    #userInfoBox a { color: #CCCCCC; }
#content { margin: 0 auto; border: #FF0000 1px solid; width: 650px; padding: 20px; }
#html_foot { position: fixed; bottom: 0; height: 30px; line-height: 30px; background-color: #CC0000; border: #000000 1px solid; border-width: 1px 0 0 0; width: 100%; }
  #html_foot ul { margin: 0; padding: 0; }
    #html_foot ul li { display: inline; list-style: none outside none; margin-left: 20px; }
      #html_foot ul li a { color: #FFFFFF; font-size: 15px; font-weight: bold; }
      #html_foot ul li a:hover, #html_foot ul li a:active { color: #CCCCCC; }

/* forms */
form div { clear: both; display: block; margin-bottom: 5px; }
form div label { float: left; width: 125px; }
form div input, form div select { width: 180px; float: left; }
form div.buttons { margin-left: 125px; }
form div.buttons input { width: auto; float: none; }

table.overview td, table.overview th { text-align: left; padding: 0 0 0 10px; }
table.overview th:first-child, table.overview td:first-child { padding: 0; }