body,div,span,p,ul,input,li,td,select,textarea,button
{
  font-family:Geneva, Verdana, Arial, sans-serif;
  font-size:small;
}

body 
{
  margin-top: 0em;
  margin-right: 0em;
  margin-bottom: 0em;
  margin-left: 0em; 
  background-color:#ffffff;
}

.frameContainer
{
  border-left-color:#0099cc;
  border-left-style:solid;
  border-left-width:1px;
}

/* Buttons and stuff */

.button, .buttonCompact, .buttonWide, .buttonExtraWide, .centreButton
{
  font-family:Geneva, Verdana, Arial, sans-serif;
  font-size:small;
  background-color:white;
  border-style:solid;
  border-width:1px;
  border-color:Black;
  margin-top:5px;
  margin-bottom:5px;
  width:75px;
}

.buttonWide, .centreButtonWide
{
  width:90px;
}


.buttonExtraWide, .centreButtonExtraWide
{
  width:180px;
}

.buttonCompact, .centreButtonCompact
{
  width:30px;
}

.centreButton, .centreButtonWide, .centreButtonExtraWide, .centreButtonCompact
{
  margin-left:auto;
  margin-right:auto;
}

.imageButton
{
  background-color:white;
  border-style:solid;
  border-width:1px;
  border-color:Black;
  margin-top:5px;
  margin-bottom:5px;
  width:18px;
  height:18px;
}

.smallImageButton
{
  background-color:white;
  border-style:none;
  margin-left:2px;
  margin-right:2px;
  margin-top:5px;
  margin-bottom:5px;
  width:16px;
  height:16px;
}

.combo
{
  font-family:Geneva, Verdana, Arial, sans-serif;
  background-color:white;
  border-style:solid;
  border-width:1px;
  border-color:Black;
  margin-top:5px;
  margin-bottom:5px;
  width:120px;
}

.lookupButton
{
  font-family:Geneva, Verdana, Arial, sans-serif;
  background-color:white;
  border-style:solid;
  border-width:1px;
  border-color:Black;
  margin-top:12px;
  margin-bottom:4px;
  width:16px;
  height:20px;
}

/* Pop-up window styles */
.titlebar
{
  /*background-color:#5A768D;*/
  font-family:Geneva, Verdana, Arial, sans-serif;
  background-color:#0099cc;
  border-style:none;
  margin: 0px 0px 0px 0px;
  padding:0px 0px 2px 0px;
}

.popupTitle
{
  font-family:Geneva, Verdana, Arial, sans-serif;
  font-size:medium;
  font-style:normal;
  color:White;
  margin-left:2px;
  padding-left: 5px;
}

/* Frame for tree-view */
.SelectionListPlaceholder, .LegendPlaceholder
{
  position:absolute;
  display:block;
  top:30px;
  font-family:Geneva, Verdana, Arial, sans-serif;
  background-color:white;
  border-style:none;
  width:100%;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:5px;
  overflow:auto;
}

.LegendPlaceholder
{
  top:50px;
}

/* Frame for properties etc. */
.frame
{
  background:#EEEEEE;
  border:none;
  border-color:Black;
  border-width:thin;
  padding:5px 5px 5px 5px;
  margin-left:4px;
  margin-right:4px;
}

/* Style for form title */
.frameTitle
{
  background-color:#BBBBBB;
  color:Black;
  font-family:Geneva, Verdana, Arial, sans-serif;
  font-size:medium;
  font-style:normal;
}

/* Style for labels */
.labelText
{
  font-family:Geneva, Verdana, Arial, sans-serif;
  font-size:small;
  font-style:normal;
  font-weight:normal;
  padding-left:5px;
  padding-top:10px;
  padding-bottom:4px;
}

.textInput, .textArea
{
  font-family:Geneva, Verdana, Arial, sans-serif;
  font-size:small;
  font-style:normal;
  width:100%;
  height:22px;
  padding-right:15px;  
  padding-left:5px;  
}

.comboInput
{
  font-family:Geneva, Verdana, Arial, sans-serif;
  background-color:white;
  border-style:solid;
  border-width:1px;
  border-color:Black;
  width:100%;
  height:22px;
  padding-right:15px;  
  padding-left:5px;  
}

.labelCell
{
  font-family:Geneva, Verdana, Arial, sans-serif;
  width:20%;
  text-align:left;
}

.fieldCell
{
  font-family:Geneva, Verdana, Arial, sans-serif;
  height:40px;
  padding-right:10px;
  width:80%;
}


.lookupCell
{
  font-family:Geneva, Verdana, Arial, sans-serif;
  height:40px;
  padding-right:10px;
  width:20px;
}

/* Property Frame */
.propertyLabelText, .propertyShortLabelText
{
  font-family:Geneva, Verdana, Arial, sans-serif;
  font-size:x-small;
  font-style:normal;
  font-weight:normal;
  width:180px;
  padding-left:5px;
  padding-top:2px;
}

.propertyShortLabelText
{
  width:60px;
}

.propertyTextInput, .propertyTextInput, .propertyTextArea, .propertyShortTextInput
{
  font-family:Geneva, Verdana, Arial, sans-serif;
  background-color:white;
  border-style:solid;
  border-width:1px;
  border-color:Black;
  width:180px;
  height:22px;
  padding-left:5px;
  margin-left:5px;
}


.propertyShortTextInput
{
  width:55px;
  padding-right:3px;
}

.propertyMultiLineText
{
  top:25px;
  font-family:Geneva, Verdana, Arial, sans-serif;
  background-color:white;
  border-style:none;
  width:100%;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:5px;
  overflow:auto;
}

.propertyComboInput
{
  font-family:Geneva, Verdana, Arial, sans-serif;
  background-color:white;
  border-style:solid;
  border-width:1px;
  border-color:Black;
  width:180px;
  height:22px;
  padding-left:5px;
  margin-left:5px;
}

.propertyLookupButton
{
  font-family:Geneva, Verdana, Arial, sans-serif;
  background-color:white;
  border-style:solid;
  border-width:1px;
  border-color:Black;
  width:16px;
  height:22px;
}



/* Table cells for different type of inputs */
.propertyLabelCell
{
  font-family:Geneva, Verdana, Arial, sans-serif;
  text-align:left;
  width:180px;
}

.propertyFieldCell
{
  font-family:Geneva, Verdana, Arial, sans-serif;
  height:22px;
  width:180px;
}


.propertyLookupCell
{
  font-family:Geneva, Verdana, Arial, sans-serif;
  height:22px;
  width:20px;
}

.propertyShortLabelCell
{
  font-family:Geneva, Verdana, Arial, sans-serif;
  text-align:left;
  width:60px;
}

.propertyShortFieldCell
{
  font-family:Geneva, Verdana, Arial, sans-serif;
  height:22px;
  width:60px;
}

/* Styles for legend */
.legendItem
{
  background-color:Transparent;
  font-family:Geneva, Verdana, Arial, sans-serif;
  font-size:x-small;
  font-style:normal;
  color:Black;
  text-decoration:none;
}



/* Styles for map */
/* style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; WIDTH: 65px; BORDER-BOTTOM: 1px solid; HEIGHT: 16px" */
.coordinateBox
{
  border:solid 1px black;
  width:90px;
  height:18px;
  background-color:White;
}

/* Styles for bounding elements */
.controlPanel
{
  margin-right:4px;
}

.selectionList
{
  font-family:Geneva, Verdana, Arial, sans-serif;
  background-color:#EEEEEE;
  border:solid;
  border-color:Black;
  border-width:thin;
}

.selectedRow
{
  background-color:Blue;
  font-family:Geneva, Verdana, Arial, sans-serif;
  font-size:small;
  font-style:normal;
  color:White;
}

.unselectedRow
{
  background-color:Transparent;
  font-family:Geneva, Verdana, Arial, sans-serif;
  font-size:small;
  font-style:normal;
  color:Black;
}


/* Styles for selection list */
.list
{
  background:#EEEEEE;
  border:solid;
  border-color:Black;
  border-width:thin;
  padding:5px 5px 5px 5px;
}

.listTitle
{
  background-color:#BBBBBB;
  font-family:Geneva, Verdana, Arial, sans-serif;
  font-size:medium;
  font-style:normal;
  color:Black;
  
}

.listItem, .linkItem
{
  background-color:Transparent;
  font-family:Geneva, Verdana, Arial, sans-serif;
  font-size:x-small;
  font-style:normal;
  color:Black;
  text-decoration:none;
}

.linkItem:hover
{
  text-decoration:none;
  background-color:Blue;
  color:White;
}

.linkItem:active, .linkItem:focus
{
  text-decoration:none;
  background-color:Blue;
  color:White;
}

.selectedItem
{
  background-color:Transparent;
  font-family:Geneva, Verdana, Arial, sans-serif;
  font-size:x-small;
  font-style:normal;
  color:Red;
  text-decoration:none;
}

.selectedItem:hover
{
  text-decoration:none;
  background-color:Red;
  color:White;
}

.selectedItem:active, .selectedItem:focus
{
  text-decoration:none;
  background-color:Red;
  color:White;
}

/* Styles for tables */
.tableList
{
  background:#EEEEEE;
  border:solid;
  border-color:Black;
  border-width:thin;
  padding:5px 5px 5px 5px;
}

.tableListTitle
{
  background-color:#BBBBBB;
  font-family:Geneva, Verdana, Arial, sans-serif;
  font-size:medium;
  font-style:normal;
  color:Black;
  
}

.tableListItem, .tableLinkItem
{
  background-color:Transparent;
  font-family:Geneva, Verdana, Arial, sans-serif;
  font-size:smaller;
  font-style:normal;
  color:Black;
  text-decoration:none;
}

.tableLinkItem:active, .tableLinkItem:hover, .tableLinkItem:focus
{
  background-color:Blue;
  color:White;
}

/* Table styles */
.checkboxCell
{
  font-family:Geneva, Verdana, Arial, sans-serif;
  font-size:small;
  width:20px;
}

/* Styles for specific multicolumn lists */
.checkboxListColumn
{
  font-family:Geneva, Verdana, Arial, sans-serif;
  font-size:small;
  width:20px;
  vertical-align:top;
}

.listColumnHeading1, .listColumnHeading2, .listColumnHeading3
{
  font-family:Geneva, Verdana, Arial, sans-serif;
  font-weight:bold;
  font-size:medium;
  width:50%;
}

.listColumnHeading3
{
  width:90%;
}

.listColumn1,.listColumn2, .listColumn3
{
  font-family:Geneva, Verdana, Arial, sans-serif;
  font-weight:normal;
  font-size:small;
  width:33%;
}

/* Tight list - small total width */
.tightListColumn1
{
  font-family:Geneva, Verdana, Arial, sans-serif;
  font-size:small;
  width:20px
}

.tightListColumn2
{
  font-family:Geneva, Verdana, Arial, sans-serif;
  font-size:small;
  width:90%
}

/* Styles for TAB control */

.tabControl 
{
  position:absolute ;
  top:100px;
  left:220px;
  height:30px;
  width:100%; 
}

.tabs 
{ 
  position:absolute;
  top:120px;
  left:220px;
  height:90%;
  border:2px outset #000000; 
  background-color:#eeeeee;
  visibility:hidden;
  z-index:0;
  color:black 
}

.tabElementDown 
{
  top:2px; 
  border:2px outset #aaaaff; 
  border-bottom:0px; 
  background-color:#aaaaff;
  z-index:0;
  font-size:0.8em;
  cursor:default;
  text-align:center;
  color:black;
  text-decoration:none; 
}

.tabElementUp 
{
  top:0px; 
  border:2px outset #ccccff; 
  border-bottom:0px; 
  background-color:#ccccff;
  z-index:2;
  font-size:0.8em;
  cursor:default;
  text-align:center;
  color:black;
  font-weight:bold;
  text-decoration:none; 
}

.tabElementUp:first-letter 
{ 
  text-decoration:underline; 
}

.tabElementDown:first-letter 
{ 
  text-decoration:underline; 
}