html, body {
    height: 100%;
    margin: 0px;
    font-family: Arial, Sans-Serif, sans-serif;
    color:black;
}
a {
	color: #111111;
	text-decoration: none
}
a:hover {
	text-decoration: underline! important
}

/* top nav bar */

.navItemOver
{
    font-family: Verdana, Sans-Serif;
    font-size: 10px;
    font-weight: bold;
    color: #ffffff;
    background-color: #40434A;
    cursor: pointer;
}

.navItemOver a
{
    color: #ffffff;
    text-decoration: none;
}

.navItem
{
    font-size: 10px;
    font-family: Verdana, Sans-Serif;
    font-weight: bold;
    color: #ffffff;
}

.navItem a
{
    color: #ffffff;
    text-decoration: none;
}
/* GLOBAL */

/* tm: updated
a, a:visited, a:active, a:hover {
  text-decoration: none;
}*/

/* tm: commented out
a:hover {
  color:           #FFFFFF;
  text-decoration: none;
}

p {
  font-family: Verdana, Arial;
}*/

select {
  font-family: Verdana, Arial;
  font-size:   11px;
  font-weight: normal;
  background:  white;
}

body, td {
  font-family: Verdana,
               Arial;
  font-size:   11px;
}

/* tm: commented out
input {
  font-family: Verdana, Arial;
  font-size:   11px;
  background:  white;
} */

/* HEADER */
td.header_logo {
  text-align:     left;
  vertical-align: middle;
}

td.header_logo_left {
  text-align:     left;
  vertical-align: middle;
}

td.header_logo_right {
  text-align:       right;
  vertical-align: middle;
}

td.header1, .header1 {
  font-family: Verdana, Arial;
  font-size:   15px;
  color:       #152438;
  font-weight: bold;
  text-align:  left;
}

/* tm: updated */
td.header_project {
  font-size:   10px
  text-align:     right;
  vertical-align: middle;
}

td.header2, .header2, a.header2, a.header:visited {
  font-family: Verdana, Arial;
  font-size:   11px;
  color:       #666666;
  font-weight: bold;
}

td.header_datalayer {
  text-align:     right;
  vertical-align: middle;
}

/* VIEW Mode */
tr.menu1, td.menu1 {
  background-color: #8999AC;
  text-align:       center;
  vertical-align:   middle;
}

a.menu1_active, td.menu1_active a:visited {
  color:           #FFFFFF;
  font-family:     Verdana,
                   Arial;
  font-size:       11px;
  font-weight:     bold;
  text-decoration: none;
  padding-left:    10px;
  padding-right:   10px;
}

td.menu1_active, td.menu1_active a:hover {
  color: #FFFFFF;
  font-size:   11px;
  font-weight: bold;
  font-family: Verdana,
               Arial;
}

td.menu1_active {
  background-color:    #40434A;
  border-right:        solid #7388A0;
  border-bottom:       solid #7388A0;
  border-left:         solid #7388A0;
  border-top:          solid #7388A0;
  border-right-width:  thin;
  border-bottom-width: thin;
  border-left-width:   thin;
  border-top-width:    thin;
  margin-left: 10px;
  margin-right: 10px
}
a.menu1_inactive, a.menu1_inactive:visited {
  color:           #FFFFFF;
  font-family:     Verdana,
                   Arial;
  font-size:       11px;
  font-weight:     bold;
  text-decoration: none;
  padding-left:    10px;
  padding-right:   10px;
}

td.menu1_inactive, td.menu1_inactive a:hover {
  background-color: #7388A0;
  font-size:        11px;
  font-weight:      bold;
}

/* BODY CONTENTS */
tr.panel1, td.panel1, td.panel1 a, td.panel1 a:hover {
  text-align:       center;
  vertical-align:   middle;
  background-color: #7388A0;
  color:            #FFFFFF;
  font-weight:      bold;
  font-family:      Verdana,
                    Arial;
  font-size:        11px;
}

td.panel1 a:hover, a.menu1_inactive:hover {
  text-align:       left;
  vertical-align:   middle;
  background-color: #7388A0; /*#7388A0*/
  color:            #FFFFFF;
  font-weight:      bold;
  font-family:      Verdana,
                    Arial;
  font-size:        11px;
}

tr.panel2, td.panel2 {
  background-color: #DDDDDD;
  font-weight:      bold;
  color:            #003366;
}

tr.panel3 {
  background-color: #DDDDDD;
}

tr.maptoolbar, td.maptoolbar {
  background-color: #F0F0F0;
  text-align: left;
}

tr.toolbar, td.toolbar {
  background-color: #F0F0F0;
  border-bottom:       1px ridge #808080;
  border-bottom-style:  outset;
}

tr.toolbar1, td.toolbar1, table.toolbar1 {
  background-color: #F0F0F0;
  border-bottom:       1px ridge #999999;
  border-bottom-style:  outset;
  text-align: left;
}

table.toolbar2 {
  padding:     0;

}

tr.toolbar2, td.toolbar2, td.toolbar2 a, td.toolbar2 a:visited {
  background-color: #EDEBEB;
  text-align:       left;
  font-family: Verdana,
               Arial;
  color:       #404040;
  font-size:   10px;
  font-weight: bold;
}

table.toolbar2_icons, tr.toolbar2_icons, td.toolbar2_icons {
  text-align:       left;
  background-color: #EDEBEB;
}

td.toolbar2_text_commands,
td.toolbar2_text_commands a,
td.toolbar2_text_commands a:visited{
  background-color: #EDEBEB;
  text-align:       right;
  font-family: Verdana,
               Arial;
  color:       #404040;
  font-size:   10px;
  font-weight: bold;
}
td.toolbar2_text_commands a:hover {
  color: #FFFFFF;
}


.titlebar_title
{
    color: #40434A;
    font-weight: bold;
    font-size: 16px;
    font-family: Arial, Sans-Serif;
}

.titlebar, td.titlebar_title {
  color: #40434A;
  text-align:  center;
  font-family: Verdana;
  background-color: #F0F0F0;
  border-top: 1px solid #BBBBBB;
  border-bottom: 1px solid #BBBBBB;
  font-size:14px;
  font-weight:bold;
}

.welcome_bar {
  color: #40434A;
  background-color: #F0F0F0;
  border-top: 1px solid #BBBBBB;
  border-bottom: 1px solid #BBBBBB;
  font-weight:bold;
}

td.panel3_commands {
  text-align:  right;
  font-family: Verdana,
               Arial;
  color:       #404040;
  font-size:   10px;
  font-weight: bold;
}

td.panel3_commands a {
  font-family: Verdana, Arial;
  color:       #404040;
  font-size:   10px;
  font-weight: normal;
}

td.panel3_commands a:visited {
  font-family: Verdana, Arial;
  color:       #404040;
  font-size:   10px;
  font-weight: normal;
}

td.panel3_commands a:hover {
  color: #FFFFFF;
}

tr.panel3_commands {
  text-align:       right;
  vertical-align:   middle;
  background-color: #DDDDDD;
}

td.panel4_commands {
  text-align:  right;
  font-family: Verdana,
               Arial;
  color:       #404040;
  font-size:   10px;
  font-weight: normal;
}

td.panel4_commands a {
  font-family: Verdana, Arial;
  color:       #404040;
  font-size:   10px;
  font-weight: normal;
}

td.panel4_commands a:visited {
  font-family: Verdana, Arial;
  color:       #404040;
  font-size:   10px;
  font-weight: normal;
}

td.panel4_commands a:hover {
  color: #FFFFFF;
}

tr.panel4_commands {
  text-align:       right;
  vertical-align:   middle;
  background-color: #E5E6ED;
}

/* MATRIX */
td.matrix_cell {
  text-align: right;
}

.current_page {
  color: red;
}

td.regularcell p {
  font-size:   11px;
  color:       black;
  font-family: Verdana;
  padding:     0;
  border:      0;
  text-align:  right;
}

td.regularcellleft p {
  font-size:   11px;
  color:       black;
  font-family: Verdana;
  padding:     0;
  border:      0;
  text-align:  left;
}

td.regularcellleft input {
  font-size:   11px;
  color:       black;
  font-family: Verdana;
  text-align:  right;
}

/* FOOTER */
table.mainbardark, td.mainbardark {
  background-color: #7388A0;
}

td.mainbardark p {
  font-weight:  bold;
  font-size:    11px;
  color:        #FFFFFF;
  font-family:  Verdana,
                Arial;
  margin-left:  11px;
  margin-right: 11px;
}

td.mainbarlight {
  background-color: #F0F0F0;
}

td.mainbarlight p {
  font-family: Verdana, Arial;
  font-size:   11px;
  color:       #003366;
/*  font-weight: bold;*/
}

td.mainbarlight a, td.mainbarlight a:VISITED {
  color:           #003366;
  text-decoration: none;
}

td.mainbarlight a:HOVER {
  color: black;
}

table.footer {
  background-color: #F0F0F0;
  border:           1px solid #40434A
}

a.footer_link, a.footer_link:visited, a.footer_link:hover {
  font-family: Verdana, Arial;
  color:       #40434A;
  font-size:   11px;
}

/* LINKS */
table.linksintext {
  padding-left: 0px;
}

table.linksintext td {
  padding-left: 0px;
}

td.linksintext a, td.linksintext a:VISITED {
  font-family:     Verdana, Arial;
  text-decoration: none;
  color:           #003366;
  font-size:       11px;
}

td.linksintext a:HOVER {
  text-decoration: underline;
  color:           #336699;
}

td.linksintext p {
  font-family: Verdana, Arial;
  color:       #000000;
  font-size:   11px;
}

/* EDITOR */
tr.commands {
  background-color: #CCCCCC;
}

.error_message {
  color: red;
}

.activepanel {
  background-color: #B2CAEB;
}

.nav_separator {
  background-color: #7388A0;
}

td.LayerListToggle {
  background-color: white;
  border:           0px solid white;
  text-align:       center;
  vertical-align:   middle;
  width:            25;
  height:           20;
}

img.LayerListToggle {
  background-color: inheret;
  cursor:           pointer;
  border:           1px solid saddlebrown;
}

img.LayerListToggleOn {
  background-color: #808080;
  cursor:           pointer;
  border:           1px solid saddlebrown;
}

.editorTable {
  border-right:        solid #898989;
  border-right-width:  thin;
  border-bottom:       solid #898989;
  border-bottom-width: thin;
  border-left:         solid #DDDDDD;
  border-left-width:   thin;
  border-top:          solid #DDDDDD;
  border-top-width:    thin;
  font-family:         Arial;
  font-size:           11px;
}

TR.editorTable {
  background-color: #000060;
}

.editorTable_title {
  font-size:   12px;
  font-family: Arial;
  color:       white;
  font-weight: bold;
}

/* SEPARATOR */
.MapDetailsHdr3 {
  background-color: #CCCCCC;
  font-family:      Verdana,
                    Arial;
  font-size:        11px;
  font-weight:      bold;
  color:            #FFFFFF;
}

/* CELL */
tr.MapDetailsCell, td.MapDetailsCell {
  background-color: #FFFFFF;
  font-family:      Arial;
  font-size:        11px;
}

a.MapDetailsCell {
  color:           #000000;
  font-size:       11px;
  font-weight:     normal;
  font-family:     Arial;
  text-decoration: none;
}

a.MapDetailsCell:hover {
  color:       black;
  font-family: Arial;
}

.selLayer, a.selLayer {
  background-color: #DDDDDD;
  color:            #000000;
  text-decoration:  none;
  font-size:        11px;
  font-weight:      normal;
  font-family:      Verdana;
}

a.selLayer:hover {
  color:           #000000;
  text-decoration: none
}

tr.LayersList:hover, a.LayersList{
  font-size:        11px;
  font-weight:      normal;
  font-family:      Verdana;
}

tr.LayersList {
  font-size:   12px;
  font-weight: normal;
  font-family: Verdana;
  cursor: pointer;
}

td.LayersListMouseOver {
  background-color: #E6E5E5;
}

td.LayersList:hover {
  border: 1px solid blue;
}

tr.GroupLayerLevel1, td.GroupLayerLevel1 {
  background-color: #DCDCDC;
}
tr.GroupLayerLevel2, td.GroupLayerLevel2 {
  background-color: #E5E5E5;
}
tr.GroupLayerLevel3, td.GroupLayerLevel3 {
  background-color: #EEEEEE;
}
tr.GroupLayerLevel4, td.GroupLayerLevel4 {
  background-color: #FEFCFC;
}

.selAttr {
  background-color: #E7E7E7;
}

a.unselAttr, a.selAttr {
  color:            #000000;
  font-size:        11px;
  font-weight:      normal;
  font-family:      Verdana;
  text-decoration:  none;
}

a.selAttr:hover {
  color:           #000000;
  text-decoration: none
}
a.unselAttr:hover {
  color:           #000000;
  text-decoration: none
}
div.contextmenucontainer {
  position:         absolute;
  background-color: white;
  cursor:           pointer;
  visibility:       hidden;
  padding-top:      0px;
  z-index:          1;
}
/*
div.contextmenucontainer {
  position:         absolute;
  background-color: white;
  cursor:           pointer;
  display:          none;
  padding-top:      0px;
  z-index:          1;
}*/


table.contextmenu {
  background-color: white;
  border:           1px solid #555555;
}

td.contextmenuitem {
  padding-left:     5px;
  padding-right:    10px;
  background-color: white;
  vertical-align:   middle;
  height:           20;
  cursor:           pointer;
  text-align:       left;
  border:           1px solid #FFFFFF;
}

td.contextmenuitemmouseover {
  padding-left:     5px;
  padding-right:    10px;
  background-color: #B6BDD2;
  vertical-align:   middle;
  height:           20;
  cursor:           pointer;
  text-align:       left;
  border:           1px solid #0A246A;
}

td.contextmenuitemimage {
  background-color: #7388A0;
  color:#FFFFFF;

  /*background-color: gainsboro;
  vertical-align:   middle;
  height:           18;
  width:            18;
  border:           0 solid gainsboro;*/
}
.contextclose {
 float:right;
 color:#FFFFFF;
}
td.contextmenuitemimagemouseover {
  background-color: #D8E0EB;
  vertical-align:   middle;
  height:           18;
  width:            18;
  cursor:           pointer;
  text-align:       center;
}

img.contextmenuitem {
  height:         16;
  width:          16;
  vertical-align: middle;
  text-align:     center;
  border:         0 solid gainsboro;
}

td.contextmenuitemimagelarge {
  background-color: whitesmoke;
  vertical-align:   top;
  text-align:       center;
  border:           0 solid gainsboro;
  padding-top:      1px;
}

td.contextmenuitemimagelargemouseover {
  background-color: #D8E0EB;
  vertical-align:   top;
  cursor:           pointer;
  text-align:       center;
  border:           0 solid gainsboro;
  padding-top:      1px;
}

img.contextmenuitemlarge {
  vertical-align: middle;
  text-align:     center;
  border:         0 solid gainsboro;
}

td.contextmenuheader {
  font:             normal 9;
  background-color: powderblue;
  vertical-align:   top;
  height:           5;
  cursor:           pointer;
  text-align:       right;
  border:           1 solid darkgray;
}

/*.legendEditorTable {
  border-right:        solid #898989;
  border-right-width:  thin;
  border-bottom:       solid #898989;
  border-bottom-width: thin;
  border-left:         solid #DDDDDD;
  border-left-width:   thin;
  border-top:          solid #DDDDDD;
  border-top-width:    thin;
  font-size:           11px;
  font-family:         Verdana;
}

td.legendEditorTable {
  font-size: 10px;
}

.ImportLayerTable {
  font-family:   Arial;
  border-right:  inset black;
  border-bottom: inset black;
  border-left:   solid lightgray;
  border-top:    solid lightgray
}*/

.btn {
  background-color:    #CCCCCC;
  color:               black;
  font-family:         Verdana;
  font-size:           11px;
  font-weight:         normal;
  border-right:        solid #898989;
  border-right-width:  thin;
  border-bottom:       solid #898989;
  border-bottom-width: thin;
  border-left:         solid #DDDDDD;
  border-left-width:   thin;
  border-top:          solid #DDDDDD;
  border-top-width:    thin;
  width:               118px;
  height:              22px;
}

.menulines {
  border: 1px solid #FFFFFF;
}

a.menulines {
  text-decoration: none;
  color:           black;
}

.menulinesSelLayer {
  border: 1px solid #999999;
}

.menulinesSelAttr {
  border:           1px solid #cccccc;
  background-color: #cccccc;
}

.wizardTable {
  border-right:  outset darkgray;
  border-bottom: outset darkgray;
  border-left:   inset lightgray;
  border-top:    inset lightgray
}

.FormTitle {
  font-family:      Arial;
  font-size:        16px;
  color:            white;
  font-weight: bold;
  background-color: #7388A0;
}

.rightB {
  border-right: inset #999999;
}

.leftB {
  border-right:  ridge #878787;
  border-left:   double #878787;
  border-bottom: ridge #878787;
  border-top:    double #878787;
}

.help {
  font-color:  #CCCCCC;
  font-family: Verdana, Arial;
}

a.extent, .extent {
  color:           black;
  font-family:     Verdana, Arial;
  text-decoration: none;
  font-size:       11px;
  font-weight:     bold;
}

.hdr {
  color:           #000000;
  font-family:     Verdana, Arial;
  text-decoration: none;
  font-size:       11px;
  font-weight:     bold;
}

a.inactive {
  color:           #9f9f9f;
  font-family:     Verdana, Arial;
  text-decoration: none;
  font-size:       11px;
  font-weight:     bold;
}

/*a.main {
  font-family:     Verdana;
  font-size:       12px;
  font-weight:     bold;
  color:           white;
  text-decoration: none;
}

a.sub {
  font-family:     Verdana;
  font-size:       10px;
  color:           black;
  text-decoration: none;
}

a.sub1 {
  font-family:     Verdana;
  font-size:       9px;
  color:           #99999;
  text-decoration: none;
}
*/
td.keyedextententries select {
  font-family:      Verdana;
  font-size:        10px;
  padding:          0;
  border:           0;
  text-align:       left;
  background-color: white;
  color:            black;
}

td.keyedextententries {
  background-color: lightgray;
}

.kids_component, td.kids_component {
  border-right:        solid #BBBBBB;
  border-bottom:       solid #BBBBBB;
  border-left:         solid #BBBBBB;
  border-top:          solid #BBBBBB;
  border-right-width:  thin;
  border-bottom-width: thin;
  border-left-width:   thin;
  border-top-width:    thin;
  /*padding-left:    5px;
  padding-right:   5px;
  padding-top:    3px;
  padding-bottom:   3px;*/
  background-color: #F0F0F0;
}

table.component_title {
  background-color: #7388A0;
  font-weight: bold;
  font-size: 16px;
  padding-left:    10px;
  padding-right:   10px;
  border-right:        solid #7388A0;
  border-left:         solid #7388A0;
  border-top:          solid #7388A0;
  border-right-width:  thin;
  border-left-width:   thin;
  border-top-width:    thin;
  color:white;
}

table.maplayerslist, tr.maplayerslist {
  color: black;
  font-weight: bold;
  background-color: #F0F0F0; /*E3E3DC*/
}
a.layerslist, a.layerslist:hover {
  text-decoration: none;
  color: black;
}

tr.project_toolbar, td.project_toolbar, table.project_toolbar{
  background-color: #EDEBEB;
}

.map_editor_table {
	height: 100%;
  padding-left:    10px;
  padding-right:   10px;
  border-right:        solid #999999;
  border-left:         solid #999999;
  border-top:          solid #999999;
  border-bottom:       solid #999999;
  border-right-width:  thin;
  border-left-width:   thin;
  border-top-width:    thin;
  border-bottom-width: thin;
}
.map_editor_title {
  text-align:       left;
  vertical-align:   middle;
  background-color: #7388A0;
  color:            #FFFFFF;
  font-weight:      bold;
}

.map_editor_navigation {
}

.map_editor_command {
}

.map_editor_panel_active_tab {
  font-weight: bold;
  background-color: #F0F0F0;
  text-align: center;
  font-size: 12px;
  color: #7388A0;
  font-family: Verdana;
  border-right:  1px ridge #7388A0;
  border-left:   1px ridge #7388A0;
  border-top:    1px ridge #7388A0;
  cursor: pointer;
}

.map_editor_panel_inactive_tab {
  background-color: #A9A9A9;
  text-align: center;
  font-size: 12px;
  color: #7388A0;
  font-weight: normal;
  font-family: Verdana;
  cursor: pointer;
}

.map_editor_panel_toolbar {
  background-color: #F0F0F0;
  text-align: left;
}
.map_editor_panel_toolbar_right {
  background-color: #DCDCDC;
  text-align: right;
}
.map_editor_panel_toolbar_command {
  background-color: #DCDCDC;
  text-align: right;
}

table.map_editor_panel_body, tr.map_editor_panel_body, td.map_editor_panel_body, .map_editor_panel_body {
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
}

td.edit_dataset_dimension_active_panel {
  background-color: #F1F5FF;
  color: #2D468F;
  font-family: Verdana;
  font-size: 11px;
  font-weight: bold;
  border-right:  1px ridge #A9A9A9;
  border-left:   1px ridge #A9A9A9;
  border-top:    1px ridge #A9A9A9;
}

tr.map_editor_panel_body_separator, td.map_editor_panel_body_separator {
  background-color: #F0F0F0;
  color: #2D468F;
  font-family: Verdana;
  font-size: 11px;
  font-weight: bold;
  border-right:  1px ridge #A9A9A9;
  border-bottom: 1px ridge #A9A9A9;
  border-left:   1px ridge #A9A9A9;
  border-top:    1px ridge #A9A9A9;
  height: 20px;
}
.layer_codes_page_navigator, tr.layer_codes_page_navigator a, tr.layer_codes_page_navigator a:visited {
   background-color: #DCDCDC;
   color: black;
}

.command_in_separator {
  color: black;
  font-weight: normal;
}
.map_editor_panel_title, .form_title {
  background-color: #7388A0;
  color: white;
  font-size: 12px;
  font-weight: bold;
  height: 20px;
}
.editor_table {
  padding-left:    2px;
  padding-right:   2px;
  padding-top:     2px;
  padding-bottom:  2px;
  border-right:        2px ridge #36717C;
  border-left:         2px ridge #36717C;
  border-top:          2px ridge #36717C;
  border-bottom:       2px ridge #36717C;
}

.map_editor_bottom_panel, .map_editor_bottom_panel a, .map_editor_bottom_panel a:visited{
  text-align: right;
  background-color: #DCDCDC;
  align: right;
  vertical-align: center;
  color: black;
}

/* edit dataset extents page */
table.active_extent, td.active_extent {
  background-color: #ADADC6;
  border:           1px solid gray;
}

td.selected_extent {
  border:           1px solid gray;
  background-color: #D8E0EB;
}

td.inactive_extent {
  background-color: #CCCCCC;
  border:           0px solid lightgray;
}

tr.active_extent, input.active_extent {
  background-color: #DCDCDC;
}

.datasetExtents {
  border-right:        solid #898989;
  border-right-width:  thin;
  border-bottom:       solid #898989;
  border-bottom-width: thin;
  border-left:         solid #DDDDDD;
  border-left-width:   thin;
  border-top:          solid #DDDDDD;
  border-top-width:    thin;

}
.group{
  padding-left:    3px;
  padding-right:   3px;
  padding-top:     3px;
  padding-bottom:  3px;
  border-right:        1px ridge #36717C;
  border-left:         1px ridge #36717C;
  border-top:          1px ridge #36717C;
  border-bottom:       1px ridge #36717C;
}
.selgroup {
background-color: #C5D3FF;
}

div.contextmenucloseimage, img.contextmenucloseimage, td.contextmenucloseimage {
  background-color: gainsboro;
  vertical-align:   middle;
  height:           18;
  width:            18;
  text-align:       right;
  border:           0 solid gainsboro;
  font-size: 7px;
  border-right:        1px ridge #36717C;
  border-left:         1px ridge #36717C;
  border-top:          1px ridge #36717C;
  border-bottom:       1px ridge #36717C;
  color: #cccccc;
}
td.strokevert {
	background-image : url(../../Images/gradientbar.gif);
}
td.strokever {
	background-image : url(../../Images/frame_v.gif);
}
td.strokeor {
	background-image : url(../../Images/frame_o.gif);
}
.toolbar_text_command, a.toolbar_text_command, tr.toolbar_text_command a, tr.toolbar_text_command a:visited {
  color: #717171;
  background-color: #DCDCDC;
}
tr.toolbar_text_command a:hover, a.toolbar_text_command:hover {
  color: red;
}
/*tr.layer a:hover {
    border: 1px solid #cccccc;
    margin: 0px;
    padding: 2px 4px 4px 7px;
    background-color: #f1f1f1;
    text-decoration: none;
}*/
.hover_layer {
    border: 1px solid #cccccc;
    margin: 0px;
    padding: 2px 4px 4px 7px;
    background-color: #f1f1f1;
    text-decoration: none;
}
/*#Nav a
{
cursor: pointer;
display: block;
color: #000000;
padding: 2px 4px 4px 8px;
margin: 1px 0px;
}*/
#Nav  a
{
border: 1px solid transparent;
padding: 2px 4px 4px 7px;
}
#Nav a:visited
{
color: #000000;
}
#Nav a:hover
{
border: 1px solid #cccccc;
margin: 0px;
padding: 2px 4px 4px 7px;
background-color: #f1f1f1;
text-decoration: none;
}
#Nav  a:hover
{
margin: 1px 0px;
}

td.layer_selected {
    border: 1px solid #cccccc;
    margin: 0px;
    /*padding: 2px 4px 4px 7px;*/
    background-color: #dddddd;
    text-decoration: none;
	 vertical-align: middle;
	 margin-bottom: 50px;
	 font-weight: bold;
 /* color: black;
  background-color: #E7E7E7;
  border-right:        1px ridge #36717C;
  border-left:         1px ridge #36717C;
  border-top:          1px ridge #36717C;
  border-bottom:       1px ridge #36717C;*/
}

/*td.layer_selected a {
  font-weight: bold;
}*/
td.layer_notselected {
    border: 1px solid #F0F0F0;
    margin: 0px;
    background-color: #f1f1f1;
    text-decoration: none;
	 vertical-align: middle;
}

/* css for edit multi column and edit column info pop-ups */

 a.MapDetailsCell
    {
        color:           #000000;
        font-size:       11px;
        font-weight:     normal;
        font-family:     Arial;
        text-decoration: none;
    }

  .collapse
    {
        position:   absolute;
        visibility: hidden;
    }

    .expand
    {
        position:   relative;
        visibility: visible;
    }

tr.MapDetailsHdr1, td.MapDetailsHdr1 {
  background-color: #7388A0;
  text-decoration:  none;
  font-weight:      bold;
  font-family:      Arial;
  font-size:        12px;
  text-decoration:  none;
  color:            #FFFFFF;
}

/* chart editor */
.MapDetailsHdr3 {
  background-color: #7388A0;
  font-family:      Verdana,
                    Arial;
  font-size:        11px;
  font-weight:      bold;
  color:            #FFFFFF;
}


.MapDetailsHdr4, p.MapDetailsHdr4 a {
  background-color: #7388A0;
  font-family:      Verdana,
                    Arial;
  font-size:        11px;
  font-weight:      bold;
  color:            white;
  text-decoration:  none;
}

tr.MapDetailsCell, td.MapDetailsCell {
  background-color: #FFFFFF;
  font-family:      Arial;
  font-size:        11px;
}



body.popup {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
}

.divider {
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 10px;
    BORDER-BOTTOM: #BBBBBB 1px dotted
}
.section {
}
/*
tr.headerOpened, tr.headerClosed
{
    display: block;
    font-weight: bold;
    color: #003366;
    background-color: #dddddd;
    border-bottom: solid 1px #3678B5;
    padding: 3px 3px 3px 15px;
    background-repeat: no-repeat;
    background-position: 2px 6px;
    text-decoration: none;
    cursor: pointer;
}
.headerOpened
{
    background-image: url(../../Images/open.gif);

}

.headerClosed
{
    background-image: url(../../Images/close.gif);
}
*/

#adminMenu
{
    width: 250px;
    vertical-align: top;
    background-color: #f0f0f0;
    margin: 0;
    padding: 0;
}

#adminMenu .section
{
}

#adminMenu .headerOpened, #adminMenu .headerClosed
{
    display: block;
    font-weight: bold;
    color: #003366;
    background-color: #dddddd;
    border-bottom: solid 1px #3678B5;
    padding: 4px 4px 4px 15px;
    background-repeat: no-repeat;
    background-position: 2px 6px;
    text-decoration: none;
}

#adminMenu .headerOpened
{
    background-image: url(../../Images/open.gif);
}

#adminMenu .headerClosed
{
    background-image: url(../../Images/close.gif);
}

#adminMenu .datasetExtentOpen, .datasetExtentClosed
{
    display: block;
    font-weight: bold;
    /*color: #003366;*/
    background-color: #dddddd;
    /*border-bottom: solid 1px #3678B5;*/
    padding: 3px 3px 3px 15px;
    background-repeat: no-repeat;
    background-position: 2px 6px;
    text-decoration: none;
    cursor: pointer;
}

#adminMenu .datasetExtentOpen
{
    background-image: url(../../Images/minus.gif);
}

#adminMenu .datasetExtentClosed
{
    background-image: url(../../Images/plus.gif);
}


#mainBody
{
    /*width: 500px;*/
    vertical-align: top;
    background-color: #f0f0f0;
    margin: 0;
    padding: 0;
}

#mainBody .section
{
}

#mainBody .headerOpened, #mainBody .headerClosed
{
    display: block;
    font-weight: bold;
    color: #003366;
    background-color: #dddddd;
    border-bottom: solid 1px #3678B5;
    padding: 4px 4px 4px 15px;
    background-repeat: no-repeat;
    background-position: 2px 6px;
    text-decoration: none;
}

#mainBody .headerOpened
{
    background-image: url(../../Images/open.gif);
}

#mainBody .headerClosed
{
    background-image: url(../../Images/close.gif);
}

/* top nav bar */

.navItemOver
{
    font-family: Verdana, Sans-Serif;
    font-size: 10px;
    font-weight: bold;
    color: #ffffff;
    background-color: #40434A;
    cursor: pointer;
}

.navItemOver a
{
    color: #ffffff;
    text-decoration: none;
}

.navItem
{
    font-size: 10px;
    font-family: Verdana, Sans-Serif;
    font-weight: bold;
    color: #ffffff;
}

.navItem a
{
    color: #ffffff;
    text-decoration: none;
}

.grid
{
    margin-top: 5px;
    margin-bottom: 5px;
    border-collapse: collapse;
    background-color: #ffffff;
    border: 1px solid #cccccc;
}

.grid th
{
    border: 1px solid #cccccc;
    padding: 4px;
    vertical-align: top;
    font-size: 10px;
    color: #003366;
}
.grid td
{
    border: 1px solid #cccccc;
    padding: 4px;
    vertical-align: top;
    font-size: 10px;
    color: #000000;
}

.grid th
{
    background-color: #f0f0f0;
}

.defaultWidth
{
    width: 95%;
}

.maxWidth
{
    width: 99%;
}

.minWidth
{
    width: 1%;
}

.innerfloat {
    float:right;
    color:#000;
    width:100px;
    height:22px;
    text-align:right;
}
.projects_options_float {
    float:right;
    color:#000;
    width:170px;
    height:16px;
    text-align:right;
    /*vertical-align: center;*/
}
.layer_options_float {
    float:right;
    color:#000;
    width:120px;
    height:22px;
    text-align:right;
}
.legend_options_float {
    float:right;
    color:#000;
    width:120px;
    height:22px;
    text-align:right;
}
.matrix_options_float {
    float:right;
    color:#000;
    width:120px;
    height:22px;
    text-align:right;
}
.matrix_save_option_float {
    float:right;
    color:#000;
    height:22px;
    text-align:right;
}
.chart_options_float {
    float:right;
    color:#000;
    width:120px;
    height:22px;
    text-align:right;
}
.metadata_options_float {
    float:right;
    color:#000;
    width:120px;
    height:22px;
    text-align:right;
}
.layer_options {
    float:right;
}.layer_options_left {
    float:left;
}
.import_dataset_splash {
  cursor:           wait;
  position:         absolute;
  z-index:          3;
  left:             285;
  top:              240;
  width:            200;
  height:           100;
  border-width:     2;
  border-style:     outset;
  background-color: #eeeeee;
  text-align:       center;
}
.import_layer_splash {
    cursor:         wait;
    position:       absolute;
    z-index:        3;
    left:           175;
    top:            150;
    width:          200;
    height:         100;
    border-width:   2;
    border-style:   outset;
    background-color:#eeeeee;
    text-align:     center;
}
.sample_size_bgcolor, td.sample_size_bgcolor input {
    background-color: #84ADAD;
    font-size:   11px;
    color:       black;
    font-family: Verdana;
    text-align:  right;
    font-weight: bold;
}

/** Application Menu: Access to variety of KIDS/GIEWS functions at all times **/
 .appn_menu
{
    font-size: 10px;
    font-weight: bold;
    background: #F0F0F0;
    border:      1px solid #40434A;
}


 /** Dropdowns **/
	#appn_menu, #appn_menu ul { /* all lists */
		/*padding: 0;   */
		margin: 0;
		list-style: none;
		/*border-width: 1px 0;*/
		float: left;
	}

	#appn_menu ul { /*root list*/
		float: left;
		width: 100px;
	}

	#appn_menu li { /* all list items */
		position: relative;
		float: left;
		width: 100px;
	}

	#appn_menu li ul { /* second-level lists */
		position: absolute;
		left: -1000px;
		border: 1px solid rgb(100,100,100);
	}

	#appn_menu li ul ul { /* third-and-above-level lists */
		margin: -18px 0 0 100px;
	}

	#appn_menu li a {
		width: 100px;
		display: block;
		font-weight: bold;
		text-decoration: none;
		margin: 0;
		background: #F0F0F0;
		padding: 2px 4px 4px 7px;
	}

	#appn_menu li a:hover {
	    color: rgb(255,255,255);
		background: #7388A0;
	}


	#appn_menu a.show_image{
	background: #F0F0F0 url(Images\nav_arrow.gif) center right no-repeat;
	}

	#appn_menu a.show_image:hover {
	background: #7388A0 url(Images\hover_nav_arrow.gif) center right no-repeat;
	}

	#appn_menu li:hover ul ul, #appn_menu li:hover ul ul ul, #appn_menu li:hover ul ul ul ul, #appn_menu li.iehover ul ul, #appn_menu li.iehover ul ul ul, #appn_menu li.iehover ul ul ul ul 	{
        left: -1000px;
	}

	#appn_menu li:hover ul, #appn_menu li li:hover ul, #appn_menu li li li:hover ul, #appn_menu li li li li:hover ul, #appn_menu li.iehover ul, #appn_menu li li.iehover ul, #appn_menu li li li.iehover ul, #appn_menu li li li li.iehover ul { /* lists nested under hovered list items */
        left: auto;
	}

	/** Support for the "iehover-fix.js" **/
		#appn_menu iframe {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 0;
		filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
	}
	/** end **/
table.metadata_editor_url {
  background-color:    #f0f0f0;
  border-right:        solid #A9A9A9;
  border-bottom:       solid #A9A9A9;
  border-left:         solid #A9A9A9;
  border-top:          solid #A9A9A9;
  border-right-width:  thin;
  border-bottom-width: thin;
  border-left-width:   thin;
  border-top-width:    thin;
  margin-left: 10px;
  margin-right: 10px
}