body { background-color: #fff; color: #000; font: normal 1em "Trebuchet MS", "Verdana", sans-serif; margin: 1.5em; padding: 0; text-align: center; }
input, select { font-size: 1em; }
a:link, a:visited { background-color: inherit; color: #777; font-weight: bold; text-decoration: underline; }
a:hover { background-color: inherit; color: #ccc; text-decoration: none; }
div#container { border: 1px solid #000; margin: 0 auto; text-align: left; width: 700px; }
div#header { background-color: #000; border-bottom: 1px solid #000; color: #fff; text-align: center; }
  div#header h1 { font-weight: bold; font-size: 1.7em; margin: 0; padding: 5px; }
div#menu { text-align: center; }
  div#menu a:link, div#menu a:visited { background-color: inherit; color: #000; text-decoration: underline; }
  div#menu a:hover { background-color: inherit; color: #000; text-decoration: none; }
  div#menu ul { margin: 5px 0 0 0; padding: 0; }
  div#menu li { border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #000; display: inline; list-style-type: none; margin: 0 5px 0 0; padding: 5px; }
div#content { padding: 0 15px; }
  div#content h2 { font-size: 1.3em; }
div#bottom { border-top: 1px solid #000; margin: 0; padding: 5px; position:relative}
  div#bottom p.author { padding: 0; margin: 0; text-align: center; }
  div#bottom p.logout { position: absolute; top: 0px; right: 0px; font-size: .8em; padding: .5em; margin: 0; text-align: right; width: 100px;}
span.star { background-color: inherit; color: #000; font-size: 1.1em; font-weight: bold; }
p.error { background-color: inherit; border: 1px solid #c00; color: #c00; font-weight: bold; padding: 5px; width: 400px; margin: 3px auto; text-align: center; }
fieldset { border: 1px solid #ddd; margin: 7px 0; padding: 10px; }
legend { font-weight: bold; }
p.success { background-color: inherit; border: 1px solid #080; color: #080; font-weight: bold; padding: 5px; width: 400px; margin: 3px auto; text-align: center; }
div.error { background-color: inherit; border: 1px solid #c00; color: #c00; font-weight: bold; margin: 3px auto; padding: 10px; width: 400px; }
  div.error p { margin: 0; padding: 0; }
  div.error ul { margin: 0 10px; padding: 0; }  
table { border-collapse: collapse; border: 1px solid #000; margin: 1em 0; }
th, td {  border: 1px solid #000; padding: 3px; }
p.yes { color: #0c0; font-weight: bold; padding: 0; margin: 0; }
p.no { color: #c00; font-weight: bold; padding: 0; margin: 0; }
p#navigation { font-size: .8em; text-align: center; }
td form { margin: 0; padding: 0; }
a.tip { position:relative }
a.tip img { border:none }
a.tip span { display:none; position:absolute; top:20px; width:200px; padding:5px; z-index:100; background:#fff; color:#000; font-size:.8em; font-weight:normal; border:1px solid #000 }
a:hover.tip { font-size:99%; /* this is just for IE */ }
a:hover.tip span { display:block }