body {
 font-family: helvetica, tahoma, arial;
 background-color: white;
 padding: 0px;
 margin: 0px;
 font-size: 14px;
 color: black;
 line-height: 1.4em;
}

td {
 font-family: helvetica, tahoma, arial;
 font-size: 14px;
 color: black;
 line-height: 1.4em;
}

.menu {
 padding: 20px 30px 0px 30px;
 margin: 0px;
 background-color: #EEEEEE;
 border: 0px;
 border-bottom: 1px solid gray;
 /* position: fixed; */
}

.menu input {
 font-size: 10px;
}

.body {
 padding: 30px;
}

h1, h2, h3 {
 font-weight: normal;
 margin: 0px;
 margin-bottom: 0.3em;
 color: #4C4C4C;
}

h1 {
 font-size: 2.5em;
 line-height: 1em;
}

h2 {
 font-size: 1.8em;
 margin-top:0.3em;
}

h3 {
 font-size: 1.4em;
}

hr {
 border: 0px;
 height: 1px;
 color: #CCCCCC;
 background-color: #CCCCCC;
}

.pagenr {
 height: 28px;
 width: 28px;
 color: #CCCCCC;
 font-size: 20px;
 padding: 0px;
 padding-top:2px;
 margin: 0px;
 text-align: center;
 vertical-align: middle;
}
.current {
 background: url('graphics/circle.gif');
 background-repeat: no-repeat;
 color: white;
}



.ul { height: 7px; width: 7px; background: url('graphics/ul.gif');}
.um { height: 7px; background: url('graphics/um.gif');}
.ur { height: 7px; width: 7px; background: url('graphics/ur.gif');}
.dl { width: 7px; height: 7px; background: url('graphics/dl.gif');}
.l { width: 7px; background: url('graphics/l.gif');}
.m { vertical-align: top; padding: 20px; /*overflow: auto;*/}
.r { width: 7px; background: url('graphics/r.gif');}
.dr { width: 7px; height: 7px; background: url('graphics/dr.gif');}
.dm { height: 7px;background: url('graphics/dm.gif');}

input, textarea, select {
 border: 1px solid #888888;
 margin: 0px;
}

label {
 padding: 0px;
 padding-right: 10px;
}

.question {
 font-weight: normal;
 font-size: 1.4em;
 color: #4C4C4C;
 background-color: #FFFFFF;
 padding: 5px;
 margin: 5px;
}

.question div {
 font-size: 14px;
 color: black;
 display: block;
 margin: 0px;
 margin-top: 2px;
 margin-bottom: 6px;
}

.section {
 background-color: #EEEEEE;
 border: 1px solid #CCCCCC;
 padding: 10px;
 padding-bottom: 15px;
}

.function {
 background-color: #EEEEEE;
 border: 1px solid #888888;
 padding: 10px;
 padding-bottom: 15px;
 margin: 0px;
 margin-bottom: 15px;
}

.flap {
 margin:0px;
 margin-top: -20px;
 position: relative;
 top: -17px;
}

.delete {
 color: #CC9999;
 border: 1px solid #CC9999;
}

a.delete, .delete a {
 color: #CC3333;
}
/*
a.button:hover, .button a:hover {
 color: #EE0000;
}*/
.small_stats {
 width:50%;

}
.small_stats td {
 font-size:0.75em;
}

.statistics {
 background-color: white;
}
.statistics td {
 border: 1px solid white;
 white-space: nowrap;
 padding: 3px;
 max-width: 300px;
}

.statistics th {
 padding: 5px;
 white-space: nowrap;
 text-align: left;
 font-weight: bold;
}

.statistics th a {
 color: black;
 text-decoration: none;
}

.statistics th a:hover {
 text-decoration: underline;
}

.obs {
 color: red;
}

.shadow {
 color: #C0C0C0;
}

.radio, .checkbox {
 border: 0px;
}

.select option {
 background-color: white;
 padding: 2px;
}
.select .suboption {
 background-color: #EEEEEE;
 font-size:0.8em;
 padding:4px;
}

.autocomplete {
 position: absolute;
 background-color: white;
 border: 1px solid gray;
 cursor: default;
}

.autocomplete td {
 padding: 1px;
 padding-left: 4px;
 padding-right: 7px;
}
.autocomplete a {
 text-decoration: none;
}
.autocomplete tr:hover {
 color: white;
 background-color: #EEEEEE;
}

.calendar {
 width:220px; height:200px; padding:0px; margin:0px; border: 1px solid gray; background-color: white; position: absolute; display: none;
}

div.report {
 color: #CC0000;
 background-color: white;
 border: 1px solid #FFCCCC;
 font-size: 0.9em;
 padding: 3px;
}

.row0 {
 background-color: #DDDDDD;
}
.row1 {
 background-color: #EEEEEE;
}
.row0:hover, .row1:hover {
 background-color: white;
}

.dropdown {
 position: absolute;
 background-color: white;
 border: 1px solid #9DB3FF;
 cursor: default;
 z-index: 1;
}

.dropdown a {
 text-decoration: none;
 color: #9DB3FF;
 display: block;
 padding: 3px;
 padding-right: 12px;
 font-size: 11px;
 white-space: nowrap;
}
.dropdown a:hover {
 color: white;
 background-color: #9DB3FF;
}
label {
 margin: 1px;
 margin-right: 55px;
}


.button {
 font-size: 11px;
 color: gray;
 padding: 6px 6px 2px 5px;
 margin: 0px; /* 3px 2px 0px*/
 margin-right: 3px;
 background-color: #EEEEEE;
 border: 1px solid #888888;
 background: url("/graphics/button_bg.gif");
 background-repeat: repeat-x;
 text-align: center;
 vertical-align: middle;
 cursor: default;
 white-space: nowrap;
 display: inline;
 overflow: hidden;
}
.button:hover {
 background-color: #DDDDDD;
 background: url("/graphics/button_bg2.gif");
}

a.button, .button a, .button label, input.button {
 text-decoration: none;
 color: black;
}
input.button {
 padding: 2px;
}