body {
    margin: 20px;
}

td,div,span,body,p {
    font-size: 90%;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    color: #444;
}

h1,h2,h3 {
  font-weight: bold;
}

h1 {
  font-size: 140%;
}

h2 {
  font-size: 110%;
  margin-bottom: 0em;
}

h3 {
  font-size: 100%;
  margin-bottom: 0em;
}

h4 {
  font-size: 90%;
  font-style: italic;
  margin-bottom: 0em;
}

p {
  margin-top: 0.3em;
  margin-bottom: 1.5em;
}

th {
  background-color: #ccc;
  font-size: 80%;
  font-weight: bold;
}

a:visited, a:link {
    text-decoration: none;
    font-weight: bold;
    color: #038CCB;
}

a:hover {
  text-decoration: underline;
}

a.widget:visited, a.widget:link { 
  color:#000000;
  font-family:Verdana,Helvetica,sans-serif;
  font-weight: normal;
  font-size:11px;
}

a.widget:hover{
  color:blue;
  background-color:#e9e9e9;
  font-family:Verdana,Helvetica,sans-serif;
  font-weight: normal;
  font-size:11px;  
}

dl{

}

dt {
       font-weight: bold;
       margin-left: 1em;
}

dd {
       margin-left: 1em;
       padding-bottom: 1em;
}

li {
    padding-top: 0.4em;
}

div#main {
  width: 80%;
  position: relative;
  left: 10%;
  /*border: 2px solid #639B1B;
  padding: 20px; */
  overflow: visible;
}

.error {
  color: #990000;
}

.eg {
  font-family: Courier;
  font-size: 90%;
  margin-left: 1em;
}

p.advice {
 font-weight: bold;
 background-color: #cccccc;
 padding: 0.7em;
 border: 2px solid #999900;
}

/* menu */
div.menublock {
  text-align: center;
  /*vertical-align: bottom;*/
  /*white-space:nowrap;*/
  margin: 3px;
  float: left; 
  /*border: 1px solid black;*/
  height: 31px;
}

div#menu{
    color:black;
    background-color:#ffffff;
    font-family:Verdana,Helvetica,sans-serif;
    min-height:45px;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    overflow: auto;
    /*border: 2px solid black;*/
    /*vertical-align: bottom;*/
}

div#menu a.menuitem{
    color:black; 
    font-family:Verdana,Helvetica,sans-serif;
    font-size:11px;
    font-weight:normal;
}

div#menu a.menuitem:hover{
    color:#990000;
}

/* header */
.header{
    color:black;
    /*background-color:#BAD19D;*/
    background-color: #ddd;
    height:25px;
    font-family:Verdana,Helvetica,sans-serif;
    font-weight:bold;
    font-size:15px;
/*    background-image:url(/images/header-mozilla.png);
    background-repeat:repeat-x; */
    white-space:nowrap;
}

td.header{
    padding-left:3px;
    padding-right:3px;
    /*border-bottom: 14px solid white;*/
    
   /* border-top: 3px solid #ffffff; */
}

a.header:hover{
    color:white;
}



/* smallheader */
.smallheader{
    color:black;
    background-color:transparent;
    /*font-family:Geneva,Arial,Helvetica,sans-serif;*/
    font-size:12px;
    background-image:none;
}

th.smallheader{
    padding-top: 0.5em; 
    text-align: left;
    color: #4E5D72;
    border-bottom: 2px solid #ddd;
}

/*
.smallheader a:hover{
    color:white;
}

a.smallheader:hover{
    color:white;
}
*/

/* top title */
div#toptitle{
    color:#eee;
    /*background-color:#BAD19D;*/
    background-color: #444;
    /*font-family:Verdana,Helvetica,sans-serif;*/
    font-weight:bold;
    font-size:15px;
    white-space:nowrap;
    margin-top: 5px;
    margin-bottom: 10px;
    padding-left:3px;
    padding-right:3px;
    height: 25px;
    /*border: 2px solid #639B1B;*/
}

div#toptitle h1 {
    /*font-family:Verdana,Helvetica,sans-serif;*/
    font-weight:bold;
    font-size:15px;
    padding-top:3px;
    padding-bottom: 3px;
    margin-top: 0px;
    margin-bottom: 0px;
}

div#toptitle .logininfo {
    float: right;
    margin-bottom: 0px;
    color: #eee;
    font-size:12px;

}

.logininfo a:hover{
    color:white;
}

.logininfo a:visited, .logininfo a:link{
    color:#eee;
}


/* light */
.light{
    color:#4E5D72;
    font-family:Geneva,Arial,Helvetica,sans-serif;
    font-size:12px;
}

.item{
    /*color:black;*/
    /*background-color:#DAE3CF;*/
    background-color: #ffffff;
    font-size: 70%;    
}

.itemnote{
    /*color:#4E5D72;*/
    font-size:11px;
    background-color:#ffffff;
    vertical-align: top;
}

.button{
    color:black;
    background-color:#ddd;
    border-bottom:1px solid #000000;
    border-right:1px solid #000000;
    border-top:1px solid #000000;
    border-left:1px solid #000000;
    font-size:11px;
    font-family:Verdana,Helvetica,sans-serif;
    font-weight:normal;
}

input{
    /*font-family:Geneva,Arial,Helvetica,sans-serif;*/
    font-size:12px;
}

select{
    /*font-family:Geneva,Arial,Helvetica,sans-serif;*/
    font-size:12px;font-weight:normal;
}

/* used in print_status */
.notice{
    background-color:#ffffcc;
}

img.statusImage {
    float: left;
}

p.statusMsg {
    padding-left: 30px;
    margin-bottom: 0px;
    margin-top: 0px;
    font-weight: bold;
    font-size: 12px;
}

div.statusOK {
    margin-top: 10px;
    margin-bottom: 10px;
    /*border: 3px solid #22ff66;*/
    border: 3px solid #009900;
    background-color: #D2EED2;
    padding: 4px;
}

div.statusWarn {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 3px solid #E8E24C;
    background-color: #F9F7C1;
    padding: 4px;
}

div.statusError {
    margin-top: 10px;
    margin-bottom: 10px;
    /*border: 3px solid #ffbbbb;*/
    border: 3px solid #990000;
    background-color: #E9C9C9;
    padding: 4px;
}

div.statusInfo {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 3px solid #000099;
    background-color: #CECFE8;
    padding: 4px;
}

table#scores td, table#scores th {
   padding-left: 8px;
   padding-right: 8px;
   text-align: right;
}

div#topstrap {
   font-size: 140%;
   font-style: italic;
   font-weight: bold;
   /*margin-left: -5em;*/
   position: relative;
   left: -5%;
   width: 105%;
   margin-bottom: 0.7em;
   border-bottom: 2px solid #ddd;
   padding-bottom: 2px;
}