html, body {
  margin: 10px;
  background:#eee;
  font-family:  arial ,sans-serif;
  font-size: 10pt;
  color: #777;
}

a         {  text-decoration:none; color:#00A  }
a:hover   { text-decoration:underline; color:#007 }
a:visited { text-decoration:none; color:#A00 }

td{
  min-width : 250px;
  font-family:  arial ,sans-serif;
  font-size: 10pt;

}

label{
    line-height:23px;
    padding-left:5px;
    margin:5px;
    display:inline;
    min-width:200px;
}

ul{
  display:inline;
  list-style:none;
}

#main{
  width:700px;
}

.titlebar{
  background-color: #a00;
  color:#444;
  margin: -2px;
  padding: 2px;
}

.calc_nav_holder{
  display: inline;
}

.calc_nav{
  width:70px;
  color: #777;
  margin-right: 2px;
  padding: 2px;
  font-size:9pt;
  border-right:1px solid #ddd;
  background-color:#d0d0d5;
}

.calc_nav a{
  color: #777;
}

.calc_nav a:hover{
  background-color: #444 !important;
  color:#e1e1d5  !important;
  padding:0;
  margin:0;
  border-bottom:none;
}

.calc_nav_selected{
  background-color: #444 !important;
  border:none !important;
  padding:3px;
  font-size:10pt;
}
.calc_nav_selected a {
  color:#e1e1d5  !important;
}


.calc_form_holder{
  padding: 10px;
}

.calc_form{
  padding: 5px;
  margin: 5px;
  display:none;
}

.messages{
  border: 1px solid #444;
  background: #f0f0a0;
  color: #800;
  padding: 2px;
  text-align: center;
}

.INFO{
  background: #a0f0a0 !important;
}

.WARN{
  background: #f0f0a0 !important;
}

.ERROR{
  background: #f0a0a0 !important;
}

#footer{
  position:absolute;
  bottom:10px;
  font-size:10px;
  color: #440;
}