/*
 * Sample CSS for adding new styles to the /style directory of the Superfish library.
 * 
 * Instructions:
 *
 * 1. Replace the mssmssBlue (below) with the name of the new style.
 *    For example, if the style name is drupal, the class will be sf-style-drupal .
 *
 * 2. Save the file as CSS with the style name as its name.
 *    For example, if the style name is drupal the file will be drupal.css and therefore
 *    libraries/superfish/style/drupal.css.
 *
 * 3. That's it! go to the block conifguration, use the new style, make sure everything is right :)
 *
 */

.sf-menu.sf-style-mssBlue {
  float: left;
  margin-bottom: 1em;
  padding: 0;
}
.sf-menu.sf-style-mssBlue.sf-navbar {
  width: 100%;
}
.sf-menu.sf-style-mssBlue ul {
  padding-left: 0;
}
.sf-menu.sf-style-mssBlue a {
  border: 1px outset #003399;
  color: #ffffff;
  padding: 0.75em 1em;
}
.sf-menu.sf-style-mssBlue a.sf-with-ul {
  padding-right: 2.25em;
}
.sf-menu.sf-style-mssBlue.rtl a.sf-with-ul {
  padding-left: 2.25em;
  padding-right: 1em;
}
.sf-menu.sf-style-mssBlue.sf-navbar a {
  border: 0;
}
.sf-menu.sf-style-mssBlue span.sf-description {
  color: #ffffff;
  display: block;
  font-size: 0.8em;
  line-height: 1.5em;
  margin: 5px 0 0 5px;
  padding: 0;
}
.sf-menu.sf-style-mssBlue li,
.sf-menu.sf-style-mssBlue.sf-navbar {
  background: #003366;
}
.sf-menu.sf-style-mssBlue li li {
  background: #003366;
}
.sf-menu.sf-style-mssBlue li li li {
  background: #003366;
}
.sf-menu.sf-style-mssBlue li:hover,
.sf-menu.sf-style-mssBlue li.sfHover,
.sf-menu.sf-style-mssBlue li.active a,
.sf-menu.sf-style-mssBlue a:focus,
.sf-menu.sf-style-mssBlue a:hover,
.sf-menu.sf-style-mssBlue a:active,
.sf-menu.sf-style-mssBlue.sf-navbar li li {
  background: #0099CC;
  color: #fffff;
}
.sf-menu.sf-style-mssBlue.sf-navbar li ul {
  background-color: #0099CC;
}
.sf-menu.sf-style-mssBlue.sf-navbar li ul li ul {
  background-color: transparent;
}
.sf-menu.sf-style-mssBlue ul.sf-megamenu li.sf-megamenu-wrapper ol,
.sf-menu.sf-style-mssBlue ul.sf-megamenu li.sf-megamenu-wrapper ol li {
  margin: 0;
  padding: 0;
}
.sf-menu.sf-style-mssBlue ul.sf-megamenu li.sf-megamenu-wrapper a.menuparent {
  font-weight: bold;
}
.sf-menu.sf-style-mssBlue ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column {
  display: inline;
  float: left;
  width: 12em;
}
.sf-menu.sf-style-mssBlue.rtl ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column {
  float: right;
}
.sf-menu.sf-style-mssBlue li.sf-parent-children-1 ul.sf-megamenu {
  width: 12em;
}
.sf-menu.sf-style-mssBlue li.sf-parent-children-2 ul.sf-megamenu {
  width: 24em;
}
.sf-menu.sf-style-mssBlue li.sf-parent-children-3 ul.sf-megamenu {
  width: 36em;
}
.sf-menu.sf-style-mssBlue li.sf-parent-children-4 ul.sf-megamenu {
  width: 48em;
}
.sf-menu.sf-style-mssBlue li.sf-parent-children-5 ul.sf-megamenu {
  width: 60em;
}
.sf-menu.sf-style-mssBlue li.sf-parent-children-6 ul.sf-megamenu {
  width: 72em;
}
.sf-menu.sf-style-mssBlue li.sf-parent-children-7 ul.sf-megamenu {
  width: 84em;
}
.sf-menu.sf-style-mssBlue li.sf-parent-children-8 ul.sf-megamenu {
  width: 96em;
}
.sf-menu.sf-style-mssBlue li.sf-parent-children-9 ul.sf-megamenu {
  width: 108em;
}
.sf-menu.sf-style-mssBlue li.sf-parent-children-10 ul.sf-megamenu {
  width: 120em;
}