/*--- ESSENTIAL STYLES ---*/
.sf-menu,.sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sf-menu {
  line-height: 1.0;
}
.sf-menu ul {
  position: absolute;
  top: -999em;
  width: 190px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
  width: 100%;
}
.sf-menu li:hover {
  visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
  float: left;
  position: relative;
}
.sf-menu a {
  display: block;
  position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
  left: 0;
  top: 39px; /* match top ul list item height */
  z-index: 99;
}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {
  top: -999em;
}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {
  left: 190px; /* match ul width */
  top: 0;
}
ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {
  top: -999em;
}
ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {
  left: 190px; /* match ul width */
  top: 0;
}

/*--- Platino SKIN ---*/

.sf-menu {
  float: left;
}

.sf-menu a {
  font-size: 1em;
}

.sf-menu a,
.sf-menu a:hover,
.sf-menu a:active,
.sf-menu a:focus {
  text-decoration: none;
}

.sf-menu li {
  padding: 0;
}

/* top level menu */
.sf-menu li.first-level {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 1.2em;
}
/*.sf-menu li.first-level a span.menu-left {  /* left hand side of button */
/*  float: left;
  display: block;
  padding-right: 12px;
  margin-top: -8px;
  height: 32px;
}
*/
.sf-menu li.first-level a {
  padding: 13px 10px 13px 10px;
}
.sf-menu li.first-level a.sf-with-ul {  /* with submenu */
  padding: 13px 24px 13px 10px;
}

/* normal hover */
.sf-menu li.first-level a:hover {
  background: #F26627;
}
/*
.sf-menu li.first-level a:hover span.menu-left {
  background: #fff url(../images/menu-bg.gif) no-repeat left 0px;
}
*/
/* active state */
.sf-menu li.active-trail a.active {
  background: #F26627;
  color: #fff;
}
.sf-menu li.first-level > a.active {
  border-left: 1px solid #5c5c5c;
  border-right: 1px solid #5c5c5c;
}
/*
.sf-menu li.active-trail a.active span.menu-left {
  background: #fff url(../images/menu-bg.gif) no-repeat left -64px;
}
*/
  /* with submenu hover */
.sf-menu li.first-level a.aHover,
.sf-menu li.first-level a.aHover:hover {
  background: #F26627;
}
/*
.sf-menu li.first-level a.aHover span.menu-left,
.sf-menu li.first-level a.aHover:hover  span.menu-left {
  background: #fff url(../images/menu-bg.gif) no-repeat left -32px;
}*/
.sf-menu li.first-level.expanded > a:hover {
  background: #F26627;
}
/*
.sf-menu li.first-level.expanded > a:hover span.menu-left {
  background: #fff url(../images/menu-bg.gif) no-repeat left -32px;
}*/


/* sublevel */
.sf-menu ul {
  background: #fff;/*transparent url(../images/menu-dropdown-bg.png) no-repeat center bottom;*/
  border: 1px solid #5d9cd1;
  padding: 4px 0;
  margin: 0;
}
/*
.sf-menu ul ul {
	border: 1px solid #5d9cd1;
  margin: 0;
}
*/


.sf-menu li.sublevel {
  margin: 0;
  padding: 0;
  height: 30px;
  list-style: none;
}
.sf-menu li.sublevel a {
  color: #5d9cd1;
  padding: 0 12px;
  white-space: nowrap;
  display: block;
  position: relative;
  line-height: 30px;
  height: 30px;
  overflow: hidden;
}
.sf-menu li.sublevel a.sf-with-ul {  /* with submenu */
  padding: 0 12px;
}

  /* hover */
.sf-menu li.sublevel a:focus,
.sf-menu li.sublevel a:hover,
.sf-menu li.sublevel a:active,
.sf-menu li.sublevel:hover {
  background: #F26627;
  color: #fff;
  outline: 0;
}
  /* highlight the parent li */
.sf-submenu li.sfHover a.aHover,
.sf-submenu li.sfHover a.aHover:hover {
  background: #F26627;
  color: #fff;
  outline: 0;
}
.sf-submenu li.sfHover > a {    /* does not work in ie6 */
  background: #F26627;
  outline: 0;
}

/* active state */
.sf-submenu li.active-trail a.active {
  background: #F26627;
}

/*--- arrows ---*/
/* for top level menu */
.sf-menu li.first-level .sf-sub-indicator {
  background: transparent url(../client/arrows.gif) no-repeat -10px -10px;
  display: block;
  height: 10px;
  overflow: hidden;
  position: absolute;
  right: .75em;
  text-indent: -999em;
  top: 15px;
  width: 10px;
}
.sf-submenu li.first-level a:hover .sf-sub-indicator {
  background-position: -10px -10px;
}
/* for other level menu */
.sf-submenu li.sublevel .sf-sub-indicator {
  background: transparent url(../client/arrows.gif) no-repeat 0 0;
  display: block;
  height: 10px;
  overflow: hidden;
  position: absolute;
  right: .75em;
  text-indent: -999em;
  top: 10px;
  width: 10px;
}
.sf-submenu li.sublevel a:hover .sf-sub-indicator {
	background-position: -10px 0;
}
.sf-submenu a.active .sf-sub-indicator {
  background-position: -10px 0;
}