/* Navigation classes
/* These were not cascading very well so they are not in Default.css
----------------------------- */
a.menu:link {
  color: #333333;
  background-color: #e0ddd5;
  background-repeat: no-repeat;
  background-position: left top;
  text-decoration: none;
  text-align: center;
  voice-family: "\"}\"";
  voice-family: inherit;
  margin-left: 15px;
  display: block;
  padding-top: 1px;
  padding-right: 8px;
  padding-left: 8px;
  padding-bottom: 4px;
}

a.menu:visited {
  color: #333333;
  background-color: #e0ddd5;
  background-repeat: no-repeat;
  background-position: left top;
  text-decoration: none;
  text-align: center;
  voice-family: "\"}\"";
  voice-family: inherit;
  margin-left: 15px;
  display: block;
  padding-top: 1px;
  padding-right: 8px;
  padding-left: 8px;
  padding-bottom: 4px;
}

a.menu:hover {
  color: #333333;
  background: #c1bbab url(images/tabcorner_left.gif) top left no-repeat;
  display: block;
}

a.menu:active {
  color: #333333;
  background-color: #f4f3f0;
  background-repeat: no-repeat;
  background-position: left top;
  margin-left: 15px;
  text-decoration: none;
  text-align: center;
  voice-family: "\"}\"";
  voice-family: inherit;
  display: block;
  padding-top: 1px;
  padding-right: 8px;
  padding-left: 8px;
  padding-bottom: 4px;
}

a.menup:link {
  color: #333333;
  background-color: #FFFFFF;
  background-image: url(images/tabcorner_left.gif);
  background-repeat: no-repeat;
  background-position: left top;
  margin-left: 15px;
  text-decoration: none;
  text-align: center;
  voice-family: "\"}\"";
  voice-family: inherit;
  display: block;
  padding-top: 1px;
  padding-right: 8px;
  padding-left: 8px;
  padding-bottom: 4px;
}

a.menup:visited {
  color: #333333;
  background-color: #FFFFFF;
  background-image: url(images/tabcorner_left_select.gif);
  background-repeat: no-repeat;
  background-position: left top;
  margin-left: 15px;
  text-align: center;
  text-decoration: none;
  voice-family: "\"}\"";
  voice-family: inherit;
  display: block;
  padding-top: 1px;
  padding-right: 8px;
  padding-left: 8px;
  padding-bottom: 4px;
}

a.menup:hover {
  color: #333333;
  background: #c1bbab url(images/tabcorner_left.gif) top left no-repeat;
  display: block;
}

a.menup:active {
  color: #333333;
  background-color: #FFFFFF;
  background-image: url(images/tabcorner_left_select.gif);
  background-repeat: no-repeat;
  background-position: left top;
  margin-left: 15px;
  text-align: center;
  text-decoration: none;
  voice-family: "\"}\"";
  voice-family: inherit;
  display: block;
  padding-top: 1px;
  padding-right: 8px;
  padding-left: 8px;
  padding-bottom: 4px;
}

/*  Dynamic Menu 	 
    This is a mess.  As of 10/2007, the only dynamic menus
    are used for EDSPay DomainAdmins - so these elements
    only exist in the EDSPay.css.  I was able to form the
    dynamic menus fairly nicely by using the following
    elements in this css.  However, in MasterPage.master,
    I ended up adding the 2 following lines in the ASP:Menu
    control:
      DynamicMenuItemStyle-BorderColor="#e0ddd5"
      DynamicMenuItemStyle-BorderWidth="1px"
    That was the only way I could create a border around
    each dynamic menu item.  I don't know why, but adding
    border-width: 1px and border-color: #e0ddd5 to the 
    .DynamicMenuItem element below did not work.
------------------------------------------------------- */

.DynamicMenu {
  width: 20%;
  z-index: 1000;
}

.DynamicMenuItem {
  margin-top: 0px;
}

a.DynamicMenuItem:link {
  color: #333333;
  background-color: #e0ddd5;
  background-repeat: no-repeat;
  background-position: left top;
  text-decoration: none;
  text-align: left;
  voice-family: "\"}\"";
  voice-family: inherit;
  margin-left: 0px;
  display: block;
  padding-top: 0px;
  padding-right: 8px;
  padding-left: 8px;
  padding-bottom: 0px;
}

a.DynamicMenuItem:visited {
  color: #333333;
  background-color: #e0ddd5;
  background-repeat: no-repeat;
  background-position: left top;
  text-decoration: none;
  text-align: left;
  voice-family: "\"}\"";
  voice-family: inherit;
  margin-left: 0px;
  display: block;
  padding-top: 0px;
  padding-right: 8px;
  padding-left: 8px;
  padding-bottom: 0px;
}

a.DynamicMenuItem:hover {
  color: #333333;
  background: #c1bbab;
  display: block;
}

a.DynamicMenuItem:active {
  color: #333333;
  background-color: #f4f3f0;
  background-repeat: no-repeat;
  background-position: left top;
  margin-left: 0px;
  text-decoration: none;
  text-align: left;
  voice-family: "\"}\"";
  voice-family: inherit;
  display: block;
  padding-top: 0px;
  padding-right: 8px;
  padding-left: 8px;
  padding-bottom: 0px;
}

a.DynamicSelected:link {
  color: #333333;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-position: left top;
  margin-left: 0px;
  text-decoration: none;
  text-align: left;
  voice-family: "\"}\"";
  voice-family: inherit;
  display: block;
  padding-top: 0px;
  padding-right: 8px;
  padding-left: 8px;
  padding-bottom: 0px;
}

a.DynamicSelected:visited {
  color: #333333;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-position: left top;
  margin-left: 0px;
  text-align: left;
  text-decoration: none;
  voice-family: "\"}\"";
  voice-family: inherit;
  display: block;
  padding-top: 0px;
  padding-right: 8px;
  padding-left: 8px;
  padding-bottom: 0px;
}

a.DynamicSelected:hover {
  color: #333333;
  background: #c1bbab;
  display: block;
}

a.DynamicSelected:active {
  color: #333333;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-position: left top;
  margin-left: 0px;
  text-align: left;
  text-decoration: none;
  voice-family: "\"}\"";
  voice-family: inherit;
  display: block;
  padding-top: 0px;
  padding-right: 8px;
  padding-left: 8px;
  padding-bottom: 0px;
}