body {
  font-family: Arial, Helvetica,  sans-serif;
  font-size: 85%;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  line-height: 1.6em;
  margin: 0px 0px 20px 0px;
  padding: 0px;
  }

a:link,a:visited {
  font-family: Arial, Helvetica,  sans-serif;
  font-size: 1em;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  line-height: 1.6em;
  }

a:hover {
  font-family: Arial, Helvetica,  sans-serif;
  font-size: 1em;
  font-weight: normal;
  font-style: normal;
  text-decoration: underline;
  line-height: 1.6em;
}

h1,h2 {
  font-family: Arial, Helvetica,  sans-serif;
  font-size: medium;
  font-weight: bold;
  font-style: italic;
  text-decoration: none;
  margin: 1px;
  margin-bottom:10px;
  }

h3,h4 {
  font-family: Arial, Helvetica,  sans-serif;
  font-size: small;
  font-weight: bold;
  font-style: italic;
  text-decoration: none;
  margin: 2px;
  }

h2,h4 {
  font-weight: normal;
}


h5 {
  font-family: Arial, Helvetica,  sans-serif;
  font-size: x-small;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  margin: 2px;
  }

FORM {
  padding: 3px;
  margin: 3px;
  }

input.text ,select,textarea {margin:1px;    /* all form elements with margin; pseudo class .text to avoid background radio,check,img */
  font-size: 0.9em;
  }

select {font-size:1em}                      /* automatic +0.1 to input em for a bug in IE 5+ (select text is smaller :( ) */

.opt1 {background: #CCCCCC;color:black;}
.opt2 {background: #CCCCFF;color:black;}
.opt3 {background: #FFCCFF;color:black;}
.opt4 {background: #D0E0FF;color:black;}
.opt5 {background: #FFFFCC;color:black;}
.opt6 {background: #CCFFCC;color:black;}
.opt7 {background: #CCFFFF;color:black;}
.opt8 {background: #FFCCFF;color:black;}



input.button {cursor:pointer;cursor:hand;   /* pseudo class .button to replace button look...empty for browser default */
  }

div.hr {                                    /* custom HR to use images as HR ..  */
  height: 35px;                             /* required height of the image contained */
  background-image: url();
  background-repeat: repeat;
  background-position: center;
  }
div.hr hr {display: none; }                 /* hide standard HR in the div. */



#header {                                 /* header container */
  font-family: Arial, Helvetica,  sans-serif;
  font-size: 1em;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  margin: 0px 0px 0px 0px;
  margin-left:auto;margin-right:auto;     /* left & right = auto to center in page */
  padding: 10px 5px 20px 10px;
  width: auto;                            /* auto to stretch */
  }

#logo {                                   /* company logo box */
  float:left;
  text-align: center;
  margin: 0px 15px 0px 0px;
  padding: 5px;
  }

#header .navbar {
  font-family: Arial, Helvetica,  sans-serif;
  font-size: 0.85em;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  text-align: right;
  line-height: 1.6em;
  margin: 1px 0px 1px 0px;
  padding: 2px 5px 2px 0px;
}

#header .navbar a:link, #header .navbar a:visited {
  font-family: Arial, Helvetica,  sans-serif;
  font-size: 0.85em;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  line-height: 1.6em;
  margin: 0px 10px 0px 10px;
  padding: 0px;
  }

#header .navbar a:hover {
  text-decoration: underline;
  }


#middler, .middler {                      /* middle portion of page (lefter+contents+righter) */
  font-family: Arial, Helvetica,  sans-serif;
  font-size: 1em;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  margin: 5px 0px 10px 0px;
  margin-left:auto;margin-right:auto;     /* left & right = auto to center in page */
  padding: 0px;
  width: auto;                            /* 100% to stretch */
  line-height: 1.6em;
  min-height: 250px;
  }

#lefter, #righter {                         /* left/right column container */
  font-family: Arial, Helvetica,  sans-serif;
  font-size: 1em;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  width: 120px;                           /* replaced by DB value*/
  margin-left: 1px;
  margin-right:-3px;
  }

.sidenav {                                                                  /* padding of navigation */
  padding:0px 0px 0px 0px;
  min-height:100px;
  }

.sidenav ul li a{                                                           /* level0 padding & height */
  padding:2px;
  padding-top:0px;
  padding-left:6px;                                                         /* indent level0 */
  text-align:left;
  margin:0px;
  }

.sidenav ul li a:link, .sidenav ul li a:visited {                           /* level0 links */
  font-family: Arial, Helvetica,  sans-serif;
  font-size: 0.8em;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  }

.sidenav ul li.lev0sel a:link, .sidenav ul li.lev0sel a:visited {           /* level0 select */
  font-family: Arial, Helvetica,  sans-serif;
  font-size: 0.8em;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  }

.sidenav ul li a:hover, .sidenav ul li.lev0sel a:hover {                    /* level0 hover */
  font-family: Arial, Helvetica,  sans-serif;
  font-size: 0.8em;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  }


.sidenav ul ul li a{                                                        /* level1 padding & height */
  padding:1px;
  padding-left:1px;                                                       /* indent level1 */
  text-align:right;
  margin:0px;
  padding-top:0px;
  height:20px;
}

.sidenav ul ul li.lev1 a:link, .sidenav ul ul li.lev1 a:visited {           /* level1 links */
  font-family: Arial, Helvetica,  sans-serif;
  font-size: 0.8em;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;

  }

.sidenav ul li li.lev1sel a:link, .sidenav ul li li.lev1sel a:visited {     /* level1 select */
  font-family: Arial, Helvetica,  sans-serif;
  font-size: 0.8em;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}

div.sidenav ul li li.lev1 a:hover,div.sidenav ul li li.lev1sel a:hover {    /* level1 hover */
  font-family: Arial, Helvetica,  sans-serif;
  font-size: 0.8em;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}


#content {                                /* main contents box */
  font-family: Arial, Helvetica,  sans-serif;
  font-size: 1em;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  line-height:1.6em;
  margin: 0px 5px 0px 0px;
  padding: 5px;
  min-height: 250px;
  margin-left:3px;
  }

#footer, .loginfooter {                                 /* footer container*/
  font-family: Arial, Helvetica,  sans-serif;
  font-size: 0.8em;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  margin: 5px 0px 0px 0px;
  margin-left:auto;margin-right:auto;     /* left & right = auto to center in page */
  padding: 0px;
  width: 100%;                            /* 100% to stretch */
}


#copy {                                     /* copyright notes */
  float:left;
  text-align: left;
  margin: 0px;
  padding: 5px;
  text-align: left;
  line-height: 1.3em;
  }

#footer .navbar a:link, #footer .navbar a:visited {
  font-family: Arial, Helvetica,  sans-serif;
  font-size: 1em;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  line-height: 1.3em;
  margin: 0px 10px 0px 10px;
  padding: 0px;
  }

#footer .navbar a:hover {
  text-decoration: underline;
  }



#content fieldset {font-size:0.9em;text-align:center;}
#content .required {font-weight:bold}
#content div.diciture {font-size:1.1em;text-align:right;font-weight:bold}
#content div.info {font-weight:normal;font-size:0.8em;line-height:1.1em;text-align:right;}
#content div.inputdata {text-align:left}

#content div.inputdata input ,#content div.inputdata select {font-size:1.1em;}

#content div.inputdata textarea {font-family: Arial, sans-serif;font-size:1em;padding:2px;}

fieldset legend {font-size:1.5em;font-weight:bold;font-style:italic}

.searchbox {padding:3px}

.resultbox {margin-top:20px;margin-bottom:10px;line-height:1em;text-align:center;}

.docnotes {font-size: 0.9em;line-height:1.4em;padding:1px;margin-top:2px;margin-bottom:2px}

.docnoteslegend {width:35%;float:left;text-align:right;padding-right:5px}

.revbox {padding:1px;margin:2px;margin-bottom:15px;overflow:hidden;padding-bottom:10px;}
.revnotes {height:50px;overflow:auto;font-size:0.8em;line-height:1.2em;text-align:justify;}