html,body {
 font-family: sans-serif;
 font-size: 8pt;
 margin: 0px;
// background-color: #c0c0c0;
 background-color: #f0f0f0;
 height: 100%;
}

td {
 font-family: sans-serif;
 font-size: 7pt;
}

a.noul {
 text-decoration: none;
}

a.noul :hover {
 text-decoration: underline;
}

div.banner {
 background-color: rgb(190,210,255);
 border-color: silver;
 border-style: solid;
 border-width: 0px;
 border-bottom-width: 1px;
 padding: 1px;
 width: 100%;
}

div#detailsFrame {
 width: 320px;
}

div.searchbox div.topbar {
 background-color: darkblue;
 height: 4px;
 border-style: solid;
 border-color: darkgray;
 border-width: 0px 0px 1px 0px;
}

div.searchbox div.title {
 background-color: #b0b0ff;
 color: black;
 font-weight: bold;
 padding-left: 5px;
}

div.searchbox div.block {
 border: solid silver 1px;
 background-color: white;
 margin: 0px;
}

#rubberband {
  position: absolute;
  visibility: hidden;
  width: 0px; height: 0px;
  border: 1px solid #ff0000;
}

div.dfBlockPanel {
 width: 100%;
 background-color: white;
 border-style: solid;
 border-width: 0px;
 border-right-width: 1px;
 border-left-width: 1px;
 border-color: #e0e0e0;
}

div.dfBlockTitle {
 width: 100%;
 background-color: #d0d0d0;
 font-family: sans-serif;
 font-size: 9pt;
 font-weight: bold;
 border-width: 0px;
 border-top-width: 1px;
 border-bottom-width: 1px;
 border-style: solid;
 border-color: #a0a0a0;
}

div.dfBlock a {
 text-decoration: none;
 color: white;
}

div.dfBlock a:hover {
 text-decoration: underline;
}

table.mapFrame {
 border: solid darkgray 2px;
 background-color: #efefef;
}

div#tools,div.zoom {
 background-color: #e0e0e0;
}

div.zoom a {
 text-decoration: none;
 color: darkblue;
 font-weight: bold;
}

div.zoom a:hover {
 text-decoration: underline;
 color: darkblue;
 font-weight: bold;
}

td.label {
 width: 120px;
 border-color: #e0e0e0;
 border-style: dotted;
 border-width: 0px;
 border-bottom-width: 1px;
 background-color: #d0d0d0;
}

td.value {
 border-color: #e0e0e0;
 border-style: dotted;
 border-width: 0px;
 border-bottom-width: 1px;
 border-left-width: 1px;
}

table#page {
 height: 100%;
 width: 100%;
}

tr#trContent {
 height: 100%;
}

tr#trFooter {
 height: 50px;
}

td#tdFooter {
 border-color: silver;
 border-style: solid;
 border-width: 0px;
 border-top-width: 1px;
 background-color: rgb(190,210,255);
}

input {
 font-family: Arial;
 font-size: 8pt;
 padding: 0px;
}

div#info {
 float: left;
 height: 24px;
 width: 350px;
}

div#login {
 padding: 4px;
 height: 24px;
 background-color: rgb(210, 230, 255);
 border-color: rgb(150, 170, 255);
 border-style: solid;
 border-width: 1px;
}

table.data thead td {
 border-style: solid;
 border-color: silver;
 border-width: 0px;
 border-bottom-width: 1px;
 background-color: #e0e0e0;
}

table.data thead td {
 border-style: dotted;
 border-color: silver;
 border-width: 0px;
 border-right-width: 1px;
 border-bottom-width: 1px;
}


table.legend {
 border: solid silver 1px;
 background-color: white;
}

table.legend td.label {
 font-family: arial;
 font-size: 8pt;
 padding-left: 5px;
 background-color: white;
 border: none;
}

table.legend td.chip {
 background-color: white;
// border-color: #f0f0f0;
// border-width: 1px;
// border-style: solid;
 padding: 3px;
}

img#mapimg {
 border: solid 1px darkblue;
}

a.button {
 background-color: #c0c0c0;
 border-color: #e0e0e0;
 border-width: 1px;
 border-style: outset;
 text-decoration: none;
 color: black;
 padding: 4px;
 margin: 4px;
}

a.button:hover {
 text-decoration: underline;
}