body {
  background: #f4f4f8;
}
.desc {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: xx-small;
  color: #003;
  padding-right: 1em;
  }
.desc-line {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: xx-small;
  color: #003;
  padding-right: 1em;
  border-bottom: 1px solid #999;
  }
.small {
  font-size: 90%;
  }
.smaller {
  font-size: 80%;
  font-family: verdana, arial, sans-serif;
  }
.submit-button {
  font-size: xx-small;
  margin-top: 0.1em;
  margin-bottom: 0.1em;
  margin-right: 0.1em;
  color: #000000;
  background: #f4f4f8;
  text-decoration: none;
  font-family: verdana, sans-serif;
  }
A.delete:visited, A.delete:link , A.delete {
  font-size: 9px;
  border: 1px solid #660000;
  padding-left: 0.2em;
  padding-right: 0.2em;
  color: #666699;
  background: #ffeeee;
  text-decoration: none;
  font-family: verdana, arial, sans-serif;
  }
A.delete:hover {
  font-size: 9px;
  border: 1px solid #000000;
  padding-left: 0.2em;
  padding-right: 0.2em;
  color: #ffff00;
  background: #ff0000;
  text-decoration: none;
  font-family: verdana, arial, sans-serif;
  }
A.a-option,A.a-option:visited,A.a-option:link{
  font-size: xx-small;
  border: 1px solid #f4f4f8;
  padding-left: 0.2em;
  padding-right: 0.2em;
  color: #333366;
  background: #f4f4f8;
  text-decoration: none;
  font-family: verdana, arial, sans-serif;
  }
A.a-option:hover {
  font-size: xx-small;
  border: 1px solid #666666;
  padding-left: 0.2em;
  padding-right: 0.2em;
  color: #000000;
  background: #f4f4f8;
  text-decoration: none;
  font-family: verdana, arial, sans-serif;
  }
A.clean {
  text-decoration: none;
  line-height: 1.4em;
  font-family: verdana, sans-serif;
  }
A.clean:link {
  text-decoration: none;
  line-height: 1.4em;
  font-family: verdana, sans-serif;
  }
A.clean:visited {
  text-decoration: none;
  line-height: 1.4em;
  font-family: verdana, sans-serif;
  }
A.clean:hover {
  text-decoration: underline;
  line-height: 1.4em;
  font-family: verdana, sans-serif;
  }
A.a-desc:visited, A.a-desc:link {
  font-size: 100%;
  color: #003;
  border: 1px solid #f4f4f8;
  background: transparent;
  text-decoration: none;
  font-family: verdana, sans-serif;
  }
A.a-desc:hover {
  font-size: 100%;
  color: #000000;
  border: 1px solid #666666;
  background: #ffffff;
  text-decoration: none;
  font-family: verdana, sans-serif;
  }
A.a-badmin:visited, A.a-badmin:link , A.a-badmin {
  font-size: 9px;
  border: 1px solid #660000;
  padding-left: 0.2em;
  padding-right: 0.2em;
  color: #666699;
  background: #ffeeee;
  text-decoration: none;
  font-family: verdana, arial, sans-serif;
  }
A.a-badmin:hover {
  font-size: 9px;
  border: 1px solid #000000;
  padding-left: 0.2em;
  padding-right: 0.2em;
  color: #ffff00;
  background: #ff0000;
  text-decoration: none;
  font-family: verdana, arial, sans-serif;
  }
A.a-action:visited, A.a-action:link , A.a-action {
  font-size: 9px;
  border: 1px solid #669;
  padding-left: 0.2em;
  padding-right: 0.2em;
  color: #448;
  background: #ffd;
  text-decoration: none;
  font-family: verdana, arial, sans-serif;
  }
A.a-action:hover {
  font-size: 9px;
  border: 1px solid #000;
  padding-left: 0.2em;
  padding-right: 0.2em;
  color: #000;
  background: #ff0;
  text-decoration: none;
  font-family: verdana, arial, sans-serif;
  }
input.form-button {
	font-size: xx-small;
	color: #003;
	background: #bbe;
	padding-left: 0.4em;
	padding-right: 0.4em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
  margin: 0.2em;
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: center;
	font-weight: bold;
	border-bottom : 2 solid #003;
	border-left : 2 solid #ccccff;
	border-top : 2 solid #ccccff;
	border-right : 2 solid #003;
	text-decoration : none;
}
A.form-button:link,A.form-button:visited {
	font-size: xx-small;
	color: #003;
	background: #9999CC;
	padding-left: 2em;
	padding-right: 2em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: center;
	font-weight: bold;
	width: 10%;
	border-bottom : 2 solid #003;
	border-left : 2 solid #ccccff;
	border-top : 2 solid #ccccff;
	border-right : 2 solid #003;
	text-decoration : none;
	vertical-align : top;
}
A.form-button:HoverX {
	font-size: 80%;
	color: #003;
	background: #9999CC;
	padding-left: 2em;
	padding-right: 2em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: center;
	font-weight: bold;
	width: 10%;
	border-bottom : 2 solid #ccccff;
	border-left : 2 solid #003;
	border-top : 2 solid #003;
	border-right : 2 solid #ccccff;
	text-decoration : none;
	vertical-align : top;
}
body {
  font-family: arial, helvetica, sans-serif;
  font-size: xx-small;
  color: #003;
  }
  
P {
  font-family: arial, helvetica, sans-serif;
  font-size: xx-small;
  color: #003;
  }
H1  {
  font-size: small;
  font-weight: bold;
  color: #003;
  line-height: 1em;
  margin-top: 0.5em;
  margin-bottom: 0.3em;
  font-family: Arial, Tahoma, sans-serif;
  }
H2  {
  font-size: 115%;
  font-weight: bold;
  color: #003;
  line-height: 1em;
  margin-top: 0.6em;
  margin-bottom: 0.4em;
  font-family: Arial, Tahoma, sans-serif;
  }
H3  {
  font-size: 105%;
  font-weight: bold;
  color: #003;
  line-height: 1em;
  margin-top: 0.6em;
  margin-bottom: 0.4em;
  font-family: Arial, Tahoma, sans-serif;
  }
OL {
  margin-bottom: 0.6em;
  margin-top: 0.6em;
  margin-left: 3em;
  }
LI {
  font-family: verdana, arial, sans-serif;
  margin-top: 0.2em;
  }
select.opt {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 100%;
  background: #ffffdd;
  z-index: 1;
  }
select.req {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 100%;
  background: #ffdddd;
  }
input.check-opt {
  background: #ffffdd;
  border: 1px solid #cccc99;
  }
input.check-req {
  background: #ffdddd;
  border: 1px solid #cc9999;
  }
.input-req {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 100%;
  background: #ffdddd;
  width: 20em;
  }
.input-req-wide {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 100%;
  background: #ffdddd;
  width: 40em;
  }
.input-req-narrow {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 100%;
  background: #ffdddd;
  width: 12em;
  }
input.opt {
  font-size: 100%;
  background: #ffffdd;
  font-family: verdana, arial, helvetica, sans-serif;
  }
input.req {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 100%;
  background: #ffdddd;
  }
.input-opt {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 100%;
  background: #ffffdd;
  width: 20em;
  }
.input-opt-narrow {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 100%;
  background: #ffffdd;
  width: 12em;
  }
.input-opt-wide {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 100%;
  background: #ffffdd;
  width: 40em;
  }
textarea.input-opt-text {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 100%;
  background: #ffffdd;
  width: 25em;
  }
textarea.input-opt-text-wide {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 100%;
  background: #ffffdd;
  width: 45em;
  }
textarea.input-req-text {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 100%;
  background: #ffdddd;
  width: 25em;
  }
.check-opt {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 80%;
  }
 .note {
  font-size: xx-small;
  color: #003;
  background: #eeeeff;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
	border: 1px solid #333366;
  font-family: verdana, arial, helvetica, sans-serif;
  }
 .displaybar {
  font-size: x-small;
  font-weight: bold;
  color: #003;
  background: #efe;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
	border: 1px solid #333366;
  margin-bottom: 0.5em;
  font-family: verdana, arial, helvetica, sans-serif;
  }
 .field-note {
  font-size: x-small;
  color: #003;
  font-family: verdana, arial, helvetica, sans-serif;
  font-style: italic;
  }
 .error {
  font-size: x-small;
  color: #003;
  background: #ffeeee;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
	border: 1px solid #333366;
  font-family: verdana, arial, helvetica, sans-serif;
  }
div.navigation {
  font-size: xx-small;
  color: #003;
  /* text-align: right; */
  background: #eef;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 0.6em;
  padding-bottom: 0.6em;
	border: 1px solid #333366;
  font-family: verdana, arial, helvetica, sans-serif;
  margin-bottom: 1em;
  }
div.sub-navigation {
  font-size: xx-small;
  color: #003;
  text-align: right;
  background: #eeffff;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 0em;
  padding-bottom: 0em;
	border: 1px solid #333366;
  font-family: verdana, arial, helvetica, sans-serif;
  margin-bottom: 0.5em;
  }
.label {
	font-size: xx-small;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
table.list, td.list {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: xx-small;
  color: #003;
	border: 1px solid #333366;
  background-color: #ccccff;
  }
table.box {
  background: #f4f4ff; 
  border: 1px solid #666666;
  border-collapse: collapse;
  }
table.sub-box {
  border: 1px solid #666666;
  border-collapse: collapse;
  background-color: #eeeeee; 
  margin-left: 1em;
  margin-bottom: 0.5em; 
  margin-right: 0.5em;
  }
table.nav {
  background: #ffffee; 
  border: 1px solid #999966;
  border-collapse: collapse;
  }
table.sub-nav {
  background-color: #eeeeff;
  border: 1px solid #666699;
  line-height: 1.5em;
  border-collapse: collapse;
  }
table.debug {
  border: 1px solid #000;
  border-collapse: collapse;
  background-color: #ffe; 
  margin-left: 1em;
  margin-bottom: 0.5em; 
  margin-right: 0.5em;
  }
td.debug {
  border: 1px solid #996;
  color: #000;
  font-size: 11px;
  font-family: verdana, arial, sans-serif;
}
div.debug {
  font-size: 12px; 
  letter-spacing: 0.1em;
  font-weight: bold; 
  border: 1px solid #660; 
  background-color: #dda; 
  padding: 0.2em; 
  color: #330;
  faont-family: verdana, arial, sans-serif;
}
tr.account {
  background: #333388;
  font-weight: bold;
  color: #ffffff;
  line-height: 1em;
  font-size: xx-small;
  font-family: verdana, arial, sans-serif;
  }
tr.list-heading {
  font-size: xx-small;
  background: #ccccff;
  font-weight: bold;
  color: #003;
  line-height: 1.2em;
  }
tr.header {
	font-size: xx-small;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #aaaacc;
	border-bottom: 1px solid #333366;
} 
td.topline {
  border-top: 1px solid #CCCCCC;
}
td.horiz-lines {
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}
span.warning {
  color: #990000;
  font-weight: bold;
 }
A.nav-option:link,A.nav-option:visited {
  font-size: xx-small;
  color: #333333;
  background: #ffffcc;
  text-decoration: none;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
	border: 1px solid #999966;
  font-family: verdana, arial, helvetica, sans-serif;
  }
A.nav-option:hover {
  font-size: xx-small;
  color: #000000;
  background: #ffffff;
  text-decoration: none;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
	border: 1px solid #666633;
  font-family: verdana, arial, helvetica, sans-serif;
  }
    A.nav-admin:link, A.nav-admin:visited, A.nav-admin {
      font-size: xx-small;
      color: #333333;
      background: #ddffdd;
      text-decoration: none;
      padding: 0.2em 1em 0.2em 1em;
    	border: 1px solid #999966;
      font-family: verdana, arial, helvetica, sans-serif;
    } 
    A.nav-item:link, A.nav-item:visited, A.nav-item {
      font-size: xx-small;
      color: #333333;
      background: #fff4cc;
      text-decoration: none;
      padding: 0.2em 1em 0.2em 1em;
    	border: 1px solid #999966;
      font-family: verdana, arial, helvetica, sans-serif;
    } 
    A.nav-item:hover, A.nav-admin:hover {
      font-size: xx-small;
      color: #000000;
      background: #f4f4f8;
      text-decoration: none;
      padding: 0.2em 1em 0.2em 1em;
    	border: 1px solid #000000;
      font-family: verdana, arial, helvetica, sans-serif;
    } 
    A.sub-nav-item:link, A.sub-nav-item:visited, A.sub-nav-item {
      font-size: xx-small;
      color: #333333;
      background: #ccccff;
      text-decoration: none;
      position: relative;
      top: -2px;
      padding-left: 0.6em;
      padding-right: 0.6em;
      padding-top: 0.4em;
      padding-bottom: 0.2em;
    	border: 1px solid #666699;
      font-family: verdana, arial, helvetica, sans-serif;
    } 
    A.sub-nav-item:hover {
      font-size: xx-small;
      color: #000000;
      background: #f4f4f8;
      text-decoration: none;
      position: relative;
      top: -2px;
      padding-left: 0.6em;
      padding-right: 0.6em;
      padding-top: 0.4em;
      padding-bottom: 0.2em;
    	border: 1px solid #000000;
      font-family: verdana, arial, helvetica, sans-serif;
    } 
    td.sub-nav-text {
      font-size: xx-small;
      color: 666699;
      font-family: verdana, arial, helvetica, sans-serif;
      letter-spacing: 0.2em;
    }
  
div.warning {
  width: 400px;
  padding: 1em;
  border: 1px solid #c00;
  background-color: #ff0;
  font-size: 100%;
  color: #a00;
  font-family: verdana, arial, helvetica, sans-serif;
}

div.confirm {
  width: 400px;
  padding: 0.6em;
  border: 1px solid #090;
  background-color: #cfc;
  font-size: 100%;
  color: #006;
  font-family: verdana, arial, helvetica, sans-serif;
}
verticaltext {
  writing-mode: tb-rl;
  filter: flipv fliph;
}