/*
 * css for menu
 */

/* initialize the menu and submenu list items to not be displayed */

#mainMenu {
  border-style: solid;
  border-color: black;
  border-width: 1px;
}

.lmjsMenu, .submenu {
  display: none;
}


#menuList {
  width: 10em;
  background-color: #808080;
  padding: 4px 2px 4px 2px;
}

#menuList {
  margin: 0;  /* added for vip */
  padding: 0;
}

ul.lmjsMenu, ul.open_lmjsMenu {
  margin-left: 1.5em;  /* added for vip */
  padding: 0;
}

ul.open_submenu, ul.submenu {
  /* text-indent: -1.5em; */ /*testing*/
  margin-left: 1.5em;   /* added for vip */
  /* padding-left: 3em; */   /* testing */
  padding: 0; /* 0 0 3em; */
}


.lmjsMenu li, .submenu li, .open_lmjsMenu li, .open_submenu li {
  list-style: none outside;
  width: 100%;
}

li.menubar {
  list-style: none outside; /* added for vip */
  display: block;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #dcdcdc;
  /* border-style: outset; */
}

.lmjsMenu li, .submenu li, .open_lmjsMenu li, .open_submenu li {
  display: block;
  margin: 0;
  padding: 0;
  /* background-color: gray; */
  /* border-bottom: 1px solid #dcdcdc; */
}

a.actuator, a.selected, .lmjsMenu li a, .submenu li a,
a.open_actuator, .open_lmjsMenu li a, .open_submenu li a {
  /* background-color: transparent; */
  display: block;
  padding: 0px 4px 0px 4px;
  /* border: 1px solid red; */
  width: 100%;  /* was nothing, then 100%, trying to get button working */
  color: #fff;
  text-decoration: none;
}

a.actuator:link, .lmjsMenu li a:link, .submenu li a:link,
a.open_actuator:link, .open_lmjsMenu li a:link, .open_submenu li a:link {
  text-decoration: none;
  color: #fff;
}

a.actuator:visited, .lmjsMenu li a:visited, .submenu li a:visited,
a.open_actuator:visited, .open_lmjsMenu li a:visited, .open_submenu li a:visited {
  text-decoration: none;
  color: #fff;
}

a.actuator:hover, .lmjsMenu li a:hover, .submenu li a:hover,
a.open_actuator:hover, .open_lmjsMenu li a:hover, .open_submenu li a:hover {
  text-decoration: none;
  color: red;
  background-color: #dcdcdc;
}

.open_lmjsMenu li a.selected:link, .open_submenu li a.selected:link,
li.menubar a.selected:link,
.open_lmjsMenu li a.selected:visited, .open_submenu li a.selected:visited,
li.menubar a.selected:visited {
  text-decoration: none;
  color: white;
  background-color: #7cfc00;
}

.open_lmjsMenu li a.selected:hover, .open_submenu li a.selected:hover,
li.menubar a.selected:hover {
  text-decoration: none;
  color: red;
  background-color: #7cfc00;
}

/*
a.actuator:active {
  text-decoration: none;
  color: #fff;
  border: 0;
}
*/