body {
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  text-decoration: none;
  padding: 0px;
  margin: 0px;
  background-color: black;
  background-repeat: no-repeat;
  background-position: center middle;
 
}

body.otherbody {
 background-color: #F0F0F0;
}

table.crosstable{
  margin: 5px;
  background-color: #f0fff0;
}

th.crosstable{
  border: thin solid black;
  background-color: #f0fff0;
}

td.rowclassoddeven{
  border: 0px;
  color: white;
  background-color: #0000FF;
}

td.rowclassoddodd{
  border: 0px;
  color: white;
  background-color: #0000CC;
}

td.rowclasseveneven{
  border: 0px;
  color: white;
  background-color: #AA00FF;
}

td.rowclassevenodd{
  border: 0px;
  color: white;
  background-color: #AA00CC;
}

img {
  border: 0px;
}


.FilterList{
  border: 0px;
  background-color: #F0F0F0;

}

.spaninvis {
  display: none;
  visibility: hidden;
  width: 0px;
}

.spanvis {
  visibility: visible;
}

.divhidden{
  display: none;
  visibility: hidden;
}

.divvisible{
  display: inline;
  visibility: visible;
}


.behaviourdiv {
  overflow: auto;
}


.mainnavsel {
  display: block;
  background-color: #F8F8F8;
  border: 1px solid black;
  width: 40px;
}

.mainnavunsel {
  display: block;
  width: 40px;
}

.mainnavhover {
  border: 1px solid #446699;
  width: 40px;
}

a.mainnavhover:hover {
  border: 1px solid black;
}

.subnavigation {
  width: 90%;
  left: 70px;
  top: 20px;
  height: 20px;
  position: absolute;
  margin: 5px;
}

.contenttable {
  font-size: 12px;
  text-decoration: none;
  color: #003300;
  background-color: #F0F0F0;
  background-repeat: no-repeat;
  background-position: left bottom;
  border: solid 1px #CCCCCC;
  border-top-style: none;
}

div.maincontent {
  width: 95%;
}

.mainnavigation_toggle {
  font-size: 12px;
  text-align: center;
  vertical-align: top;
  line-height: 10px;
  width: 13px;
  height: 13px;
  border: 1px solid #474C85;
  background-color: #F0F0F0;
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 10px;
  left: 5px;
}

.mainnavigation {
  position: absolute;
  width: 40px;
  top: 30px;
  left: 5px;
}


div.tabbar {
  position: absolute;
  left: 20px;
  top: 5px;
  background-color: #446699;

}


div.mainwindoworg {
  position: absolute;
  top: 40px;
  left: 50px;
  min-width: 800px;
  overflow: visible;
  font-size: 12px;
  text-decoration: none;
  color: #003300;
  background-color: #F0F0F0;
  background-repeat: no-repeat;
  background-position: left bottom;
  border: solid 1px #CCCCCC;
  border-top-style: none;
}

div.simplecontent {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: visible;
  font-size: 12px;
  text-decoration: none;
  color: #003300;
  background: #F0F0F0;
}

div.subwindow {

  position: absolute;
  overflow: visible;

  font-size: 12px;
  text-decoration: none;
  color: #003300;
  background: #F0F0F0;
  background-color: #F0F0F0;
  background-repeat: no-repeat;
  background-position: left bottom;

  border-top-style: none;
}

div.subwindowautoscroll {
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 90%;
  position: absolute;
  overflow: visible;
  font-size: 12px;
  text-decoration: none;
  color: #003300;
  background-color: #F0F0F0;
  background-repeat: no-repeat;
  background-position: left bottom;
}

div.content {
  width: 100%;
  overflow: visible;
}

div.subcontent {
  left: 80px;
  top: 20px;
  position: absolute;
  margin: 5px;
}

table.subcontent {
  border: 0px;
}

table.behaviourtable {
  width: 100%;
}

table.bordercolor {
  background-color: blue;
  height: 100%;
  width: 100%;
  border: 0px;
  padding: 0px;
  margin: 0px;
  top: 0px;
  left: 0px;
  right: 0px;
}

table.leftnav {
  table-layout: fixed;
  width: 40px;
  border: 0px;
  margin: 0px;
  padding: 0px;
  top: 0px;
  left: 0px;
  right: 0px;
}

table.maincontent {
  border-collapse: collapse;
  background-color: #BFD5F0;
  border: 0px;
  padding: 0px;
  margin: 0px;
}

table.bottom {
  width: 100%;
  border-collapse: collapse;
  border: 0px;
  padding: 0px;
  margin: 0px;
}

fieldset.login {
  color: #ffffff;
  width: 500px;
}

.login {
  color: #ffffff;
}

.logingroot {
  color: #ffffff;
  font-size: 14px;
}

legend.login {
  color: #ffffff;
}

table.empty {
  background-color: #F0F0F0;
}

td {
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
  line-height: 15px;
  border: 0px;
  vertical-align: top;
}

th {
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  border: 0px;
  vertical-align: top;
  spacing: 0px;
  padding: 0px;
}

.gis_report {
  font-family: arial, helvetica, sans-serif;
  font-size: 10px;
  border: 0px;
  padding: 2px;
  margin: 2px;
}

tr.gis_report {
  font-family: arial, helvetica, sans-serif;
  font-size: 10px;
  border: 0px;
}

th.gis_report {
  font-family: arial, helvetica, sans-serif;
  font-size: 11px;
  text-align: left;
  border: 1px solid #474C85;
}

td.gis_report {
  font-family: arial, helvetica, sans-serif;
  font-size: 10px;
  line-height: 10px;
  text-align: right;
  border: 1px solid #474C85;
}

.fieldset {
  border: 1px solid #474C85;
  padding: 5px;
  margin: 5px;

}

select.selectsmall{
  width: 50px;
}

.button {
  border: 1px solid;
  width: 40px;
}


div.bottom {
  border-top: 1px solid #474C85;
  background-color: #FFFFFF;
  width: 100%;
  height: 50px;
  bottom: 0px;
  padding: 0px;
  margin: 0px;
  position: absolute;
}

.tdlogo {
  position: absolute;
  bottom: 0px;
  right: 0px;
  vertical-align: bottom;
  background-color: #FFFFFF;
}

.center{
  text-align: center;
}

.w50 {
  width: 50px;
  text-align: left;
}

.w60 {
  width: 60px;
  text-align: left;
}

.w100 {
  width: 100px;
}

.w200 {
  width: 200px;
}

.w150 {
  width: 150px;
}

.h50 {
  height: 50px;
}

th a{
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
  line-height: 22px;
  color: #FFFFFF;
}

th a:hover {
  color: #BFD5F0;
  text-decoration: underline;
}

a {
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
  color: #474C85;
}

a:hover {
  color: #474C85;
  text-decoration: underline;
}

input, select, textarea {
  font: 8pt verdana, arial, helvetica, sans-serif;
  color: #474C85;
  font-weight: none;
  text-decoration: none;
  background: #FFFFFF;
  border: 1 solid #555555;

}

input.changecol {
  color: #474C85;
  background: #FFFFFF;
}

input.textfield {
  width: 250px;
}

input.percentagefield {
  width: 100px;
}


input.textfieldlist {
  width: 100px;
}

select {
}

input.smallsubmitimage{
  border: 0px;
  background: none;
}

.checkbox{
  background-color: transparent;
  border: 0px;
  padding: 0px;
}

.menuitems {
  padding-left: 10px;
  padding-right: 10px;
}

.dropdownfilter {
  width: 30px;
  background: white;
  color: lightgray;
}
.subnavsel {
  font-size: 12px;
  text-decoration: bold;
  color: #003300;
  border-right: 1px solid #000000;
  border-left: 1px solid #808080;
  border-top: 1px solid #000000;
  padding-left: 5px;
  padding-right: 5px;
  border-bottom: 1px solid #F0F0F0;
  background-color: #F0F0F0;
  font-weight: bold;
  white-space: nowrap;

}

.subnavunsel {
  font-size: 12px;
  text-decoration: none;
  color: #003300;
  background-color: #CCCCCC;
  border-right: 1px solid #FFFFFF;
  border-left: 1px solid #808080;
  border-top: 1px solid #F8F8F8;
  border-bottom: 1px solid #F0F0F0;
  white-space: nowrap;
  padding-left: 5px;
  padding-right: 5px;

}

.subnavempty {
  background-color: #F0F0F0;
}

div.nonn {
  z-index: 1;
}

.normalbody {
  font-size: 12px;
  text-decoration: none;
  color: #000000;
  background-color: #FFFFFF;
  border: thin solid #FFCC33 ;
  line-height: normal;
}

.vcard {
  font-size: 12px;
  text-decoration: none;
  color: #003300;
  background-color: white;
  background-repeat: no-repeat;
  background-position: left bottom;
  border: thin outset #CCCCCC;
}

.vcardheader {
  font-size: 14px;
  text-decoration: none;
  color: #003300;
  background-color: #CCCCCC;
  background-repeat: no-repeat;
  background-position: left bottom;
  border: thin outset #CCCCCC;
  line-height: 20px;
}

.listheader {
  background-color: #003366;

  color: #FFFFFF;
  text-decoration: none;
  line-height: 15px;
  font-size: 12px;
  font-weight: normal;
  font-variant: small-caps;
  padding-left: 2px;
  padding-right: 2px;
}


.verticallistheader {
  writing-mode: tb-rl;
  filter: flipv fliph;
  background-color: #003366;
  background-repeat: no-repeat;
  background-position: left bottom;
  color: #FFFFFF;
  vertical-align: middle;
  text-decoration: none;
  line-height: 15px;
  font-size: 12px;
  font-weight: normal;
  font-variant: small-caps;
  padding-left: 2px;
  padding-right: 2px;
}


.listtotal {
  background-color: #F0F0F0;
  color: #000000;
  text-decoration: none;
  line-height: 15px;
  font-size: 12px;
  font-weight: normal;
  font-variant: small-caps;
  padding-left: 2px;
  padding-right: 2px;
}

.editlabel {
  /*width: 100px;*/
}

.editroweven {
  background-color: #B0C4DE;
}

.editrowodd {
  background-color: #BACDE9;
}


.listroweven {
  font-size: 12px;
  width: 100%;
  padding-right: 5px;
  text-decoration: none;
  color: #474C85;
  background-color: #B0C4DE;
  background-repeat: no-repeat;
  background-position: left bottom;
  border: thin solid #FFCC33 ;
  line-height: normal;
}

.listrowodd {
  font-size: 12px;
  width: 100%;
  padding-right: 5px;
  text-decoration: none;
  color: #474C85;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-position: left bottom;
  border: thin solid #FFCC33 ;
  line-height: normal;
}


.closingrow {
  border-top: 1px solid #474C85;
}

.orderheader {
  font-size: 14px;
  text-decoration: none;
  color: #000000;
  background-color: #FFCC33;
  background-repeat: no-repeat;
  background-position: left bottom;
  line-height: normal;
  font-weight: bold;
  font-variant: small-caps;
}

.imagewin {
  width: 500px;
  height: 250px;
  background: #FFCC33
}

.imageselector {
  width: 100%;
  background: white;
}
.datewin {
  width: 230px;
  height: 180px;
}

.filewin {
  width: 200px;
  height: 180px;
}

.htmledwin {
  width: 420px;
  height: 260px;
}

.dynimage {
  border: 1px solid black;
  visibility: hidden;
  position: absolute;
  overflow: auto;
}


/*****************OLD CALENDAR CLASSES************/

/*
   .calendar {
  border: 1px solid #CCCCCC;
  background-color: #F0F0F0;
}



.calBigMonthView {
  border: 1px solid #CCCCCC;
  background-color: #F0F0F0;
}

.calBigDayView {
  border: 0px solid #CCCCCC;
  background-color: #F0F0F0;
  spacing: 0;
  padding: 0;
}



.calendarth {
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  width: 20px;
  border-bottom: 1px solid gray;
}





.calCurDay {
  text-align: center;
  border: 1px solid #CCCCCC;
  color: red;
  background-color: #F8F8F8;
  height: 14;
}

.calSelDay {
  border: 1px solid #CCCCCC;
  background-color: #B0C4DE;
  height: 14;
}


.calEvenColBig {
  background-color: #FFFFFF;
  text-align: center;
  height: 70;
}

.calOddColBig {
  text-align: center;
  height: 70;
}


.calCurDayBig {
  text-align: center;
  border: 1px solid #CCCCCC;
  color: red;
  background-color: #F8F8F8;
  height: 70;
}

.calSelDayBig {
  border: 1px solid #CCCCCC;
  background-color: #B0C4DE;
  height: 70;
}


.calDay {
  background-color: #B0C4DE;
  vertical-align: bottom;
  text-align: center;
  color: black;
  font-size: 15px;
}


.calMonth {
  border: 1px solid gray;
  background-color: #B0C4DE;
  vertical-align: bottom;
  text-align: center;
  color: black;
  font-size: 15px;
}

.calMouseOverCol {
  background-color: black;
}
*/


/**********NEW CALENDAR STYLES**************/

.calendar {
  border: 1px solid #CCCCCC;
  background-color: #F0F0F0;
}

/*Year View*/
.yearView_Month {
  border: 1px solid gray;
  background-color: #B0C4DE;
  vertical-align: bottom;
  text-align: right;
  color: black;
  font-size: 15px;
}

.yearView_MonthMouseover {
  border: 1px solid gray;
  /*background-color: white;*/
  vertical-align: bottom;
  text-align: right;
  color: black;
  font-size: 15px;
  cursor: hand;
}

.yearView_EvenCol {
  background-color: #FFFFFF;
  text-align: right;
  height: 14;
}

.yearView_ColMouseOver {
  background-color: #B0C4DE;
  text-align: right;
  height: 14;
  cursor: hand;
}



.yearView_OddCol {
  text-align: right;
  height: 14;
}

.yearView_EvenHeader {
  background-color: #FFFFFF;
  text-align: right;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  line-height: 15px;
  width: 20px;
  border-bottom: 1px solid gray;
}

.yearView_OddHeader {
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  width: 20px;
  border-bottom: 1px solid gray;
}

.yearView_CurrentColEven {
  background-color: #FFFFFF;
  text-align: right;
  color: red;
  height: 14;
}

.yearView_CurrentColOdd {
  text-align: right;
  color: red;
  height: 14;
}

.yearView_EventCol {
  background-color: #00FF00;
  text-align: right;
  height: 14;
}

.yearView_EventCurrentCol {
  background-color: #00FF00;
  text-align: right;
  color: red;
  height: 14;
}


/*Month View*/

.monthView_MainTable {
  border: 1px solid gray;
}

.monthView_DayMouseover {
  background-color: #B0C4DE;
  cursor: hand;
  height: 100px;
  width: 100px;
}

.monthView_EvenHeader {
  background-color: #FFFFFF;
  text-align: right;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  line-height: 15px;
  border-bottom: 1px solid gray;
}

.monthView_OddHeader {
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  border-bottom: 1px solid gray;
}

.monthView_dayHeader {
  /*border: 1px solid gray;*/
  width: 100px;
  background-color: #B0C4DE;
  vertical-align: bottom;
  text-align: right;
  color: black;
  font-size: 14px;
  height: 14px;
}

.monthView_dayContent {
  height: 100px;
  width: 100px;
  vertical-align: middle;
  color: black;
  overflow: hidden;
}

.monthView_EvenDayCell{
  background-color: #FFFFFF;
}

.monthView_OddDayCell{
}

/*Day View*/
.dayView {
}

.dayView_Header {
  border: 1px solid gray;
  background-color: #B0C4DE;
  vertical-align: bottom;
  text-align: right;
  color: black;
  font-size: 14px;
  height: 20px;
}

.dayView_Left {
  border: 1px solid gray;
  background-color: #B0C4DE;
  vertical-align: middle;
  text-align: right;
  color: black;
  font-size: 14px;
  height: 50px;
}

.dayView_Content {
  border: 1px solid gray;
  text-align: right;
  background-color: white;
  vertical-align: middle;
  height: 50px;
}

.dayView_PrevNext {
  text-align: right;
  background-color: #D3D3D3;
}

.dayView_Normal {
  text-align: right;
}

.dayView_Today {
  text-align: right;
  background-color: #F8F8F8;
  border: 1px solid #D3D3D3;
}

.dayView_Selected {
  text-align: right;
  background-color: #F8F8F8;
  border: 1px solid #000000;
}

.dayView_Event0 {
  /*border: 1px solid gray;*/
  text-align: right;
  background-color: gray;
  vertical-align: middle;
  height: 50px;
}


.dayView_Event1 {
  /*border: 1px solid gray;*/
  background-color: #00FF00;
  text-align: right;
  vertical-align: middle;
  height: 50px;
}

.dayView_Event2 {
  /*border: 1px solid gray;*/
  background-color: blue;
  text-align: right;
  vertical-align: middle;
  height: 50px;
}

.dayView_Event3 {
  /*border: 1px solid gray;*/
  text-align: right;
  background-color: yellow;
  vertical-align: middle;
  height: 50px;
}

.dayView_Event4 {
  /*border: 1px solid gray;*/
  text-align: right;
  background-color: red;
  vertical-align: middle;
  height: 50px;
}



/*************END NEW CALENDAR STYLES*********/

.butClass {
  border: 1px solid;
  border-color: #D6D3CE;
}

.tdClass {
  padding-left: 3px;
  padding-top:3px;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  border-left: 1px solid #000000;
  border-top: 1px solid #000000;
}

.status {
  padding: 3px;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  border-left: 1px solid #000000;
  border-top: 1px solid #000000;
  background-color: #F8F8F8;
  bottom: 2px;
  width: 100%;
}

.eolfilterlist_body {
  background-color: #F8F8F8;
}

.md_left {

}
.md_body {
  background-color: #F0F0F0;
}
.master_detail_iframe {
  height: 575px;
  width: 100%;
  overflow: visible;
}

.eolfilterlist_table {
  background-color: #F0F0F0;
}

.eolfilterlist_custom_iframe {
  height: 525px;
  width: 100%;
  background-color: #F0F0F0;
}

.eol_iframe {
  width: 100%;
  height: 400px;
  background-color: #F0F0F0;
}

.filterlist_div {
  width: 180px;
  height: 425px;
  overflow: auto;
}

.tableborder {
  border: 1px solid #000000;
}

.save_form {
  position: absolute;
  top: 200px;
  left: 450px;
  height: 25px;
  width: 200px;
  z-index: 5;
  background-color: threedface;
  text-align: center;
  vertical-align: middle;
  color: #000000;
  border: 1px solid buttonface;
  display: none;
  visibility: hidden;
}

/* ProgressBar */
.progress_bar_div {
  height: 25px;
  overflow: hidden;
  border: 1px solid #000000;
  width: 300px;
}

.progress_bar_inner_div {
  background-color: #1C90C3;
  color: #F8F8F8;
  height: 25px;
  width: 0px;
}

.values {
  width: 75px;
}

.tree_selected {
  font-weight: normal;
}

.searchstrictfield {
  width:  200px;
}
.searchstricttext {
  width:  60px;
}
.searchtext {
  width:  200px;
}div.menupart { margin-top:10px;background: url("/skin1/middle.png") left top repeat;width: 170px;background-color: #eeeeee; border: 0px; }
div.menudebug{ display:block; overflow: auto; margin-top:10px;background: url("/skin1/middle.png") left top repeat;width: 170px;background-color: #eeeeee; border: 0px; }
div.menucontent { width: 168px;background-color: #F0F1F5; border: 1px solid white}
div.menuitem {  font-size:10px;width: 168px;border: 0px }

td.menuleft {width:15px;}
td.menumiddle {width:1000px;font-weight:bold;}
td.menuright {width:15px;}
.listheader {background-color:#BDC0CF;}
div.mainwindow { padding-left: 10px; padding-right: 10px}
div.mainwindowcontent {
margin-left: 200px;
}
div.subwindowautoscroll {
background-color: #DADBE3
}
.mainnavigation{ padding:5px;position:absolute; left:0px;width: 172px; top: 10px;}

#menu {  padding:10px;margin:0px; background-color: #BDC0CF;width: 190px; }
#menu a { padding:0px;text-decoration: none; }

b.menusubsel {
font-family:arial,sans-serif;
 font-size:12px;
}
img { border:0px; padding: 0px; margin:2px;}
body,table, tr,td, div,input,select {
 font-family:arial,sans-serif;
 font-size:12px;
 margin:0px;
 border: 0px;
 padding:0px;
 
 
}

input,select {
border: 1px solid #BDC0CF;
margin:2px;
}
.smallsubmitimage {
border:0px;
}
.spaninvis {

visibility: hidden;
}
.listroweven {
background-color: #F0F1F5;
}
.listrowodd {
background-color: white;
}
.editroweven {
background-color: #F0F1F5;
}
.editrowodd {
background-color: white;
}
body {
background-color: #BDC0CF;

}
.searchfieldset {
background-color: #DADBE3;
}
.fieldset {
background-color: #DADBE3;
}
.master_detail_iframe {
background-color: #DADBE3;

}

div.subwindow, div.simplecontent, div.mainwindowcontent, .otherbody, div.mainwindow, div.subwindowautoscroll,.eolfilterlist_table {
background-color: #DADBE3;
}

#menu table,tr,td {
border: 0px;
padding:0px;
margin: 0px;
}

div.menuitem a:hover
{
color:#9F9D9D;
}
td.menumiddle a:hover,a:active,a
{
color:#0F0D0D;
}
td.menumiddle a:hover {
color:#9F9D9D;
}

div.debugwindow {
position: absolute;
left: 0px;
bottom: 0px;
width: 170px;
background: white;
height: 90px;
display: block;
overflow: auto;
}

                    /* css for Default Browser  0  unknown */
                    body {
  background-color: white;
}

div.mainwindow {
border: none;
}

.fieldset {
background-color: white;
}

form {
margin: 0px;
}

.FilterList {
  background-color: white;
}

iframe.eolfilterlist_custom_iframe {
  background-color: white;
}

div.subwindow, div.simplecontent, div.mainwindowcontent, .otherbody, div.mainwindow, div.subwindowautoscroll,.eolfilterlist_table {
background-color: white;
}div.maincontent {
  height: 100%;
}

.mainnavigation{ 
padding-left: 10px;
padding-right: 10px;
position:absolute; 
left:0px;
width: 170px;
top: 0px; 
height: 100%; 
background-color: #008700;
}

div.mainwindowcontent {
  margin-left: 210px;
}

div.menupart {
  margin-top: 10px;
}

div.menuitem {
  margin-left:10px;
  margin-top: 5px;
  margin-bottom: 5px;
  width: 158px;
}

div.menucontent {
  width: 168px;
}

.FilterList {
  background-color: #FFFFFF;
}

form {
  margin: 0px;
}
a {
  color: #474C85;
}

a.menuitem {
  color: black;
}

a.menuright {
color: black;
}

.content_logo {
	height: 60px;
	border: 0;
	margin: 10px;
}

.content_logo_low {
	border: 0;
	padding: 10px;
}

.editroweven {
background-color: #FFFF9F;
}

.listroweven {
background-color: #FFFF9F;
}

.login {
color: black;
}

legend.login {
color: black;
}

fieldset.login {
color: black;
}

.logingroot {
color: black;
}

.status {
  padding: 3px;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-top: none;
  background-color: white;
  bottom: 2px;
  width: ;
}

td.multiedit {
padding: 2px;
background-color: #F0F0F0;
}

td.multieditlabel {
padding: 2px;
font-weight: bold;
background-color: #F0F0F0;
}