/*
## menu.css - Contains style for menu
*/

/* common style for <ul> elements */
.nav,
.nav ul {
  list-style-type: none;
  padding: 0;
}

/* Tools menu style */

#navTools {
  float:right;
  padding:4px 10px; /* 5 10 0 50 10px; */
  /* height:15px;  30px; */
  /* width: 160px; */
  text-align: right;
  /* background-color: #e2e2e2; */
  display: block;
  position:relative;
}

#navTools li {
  float: left;
  padding:0 5px;
}

#navTools a {
  color: #666;
  font-size: 0.9em;
  line-height: 0.9em;
}
#navTools a:hover {
  color: #d01824;
}

/* Top menu style */

#navTop {
  position:absolute;
  top:6px; /* 10px; */
  right:0px; /* 10px; */
  z-index:10;
  height:29px;
}

#navTop li {
  float: left;
}

#navTop li form,
#navTop li fieldset {
  display: inline;
  width:220px; /* 179px; */
  /* background:#fff;  f2f2f2; */
}

#navTop li a {
  display: block;
  padding: 2px 12px; /* 5px 15px; */
  color: #f2f2f6;
  font-weight: bold;
  font-size: 1em;
  line-height:19px;
}

#navTop li a:hover {
  text-decoration: none;
  color: #d01824;
} /* TK */

/* Main menu style */

#navMain {
  height:15px;
  position:absolute;
  z-index:10;
  right:10px;
  top: 70px; /* 85px; */
}

#navMain li {
  float:left;
  border-right:1px solid #ccccd3;
}

#navMain li a {
  display:block;
  padding: 2px 20px;
  color: #f2f2f6;
  font: 1.4em "Lucida Grande", Verdana, sans-serif; /* Georgia, "Times New Roman", Times, serif; */
}

#navMain li a.first {
  border-left:1px solid #ccccd3;
}

#navMain li a.current {
  text-decoration:none;
  background-color: #d4d4d9;

}

#navMain li a:hover {
  text-decoration:none;
  color: #d01824;
  background-color:#e8e8ed;
}

/*TODO: refactor code, get rid of inline-block element */
/*Sub menu style */

#navSub {
  position:absolute;
  right:10px;
  top:18px; /* 40px */
  z-index:10;
  height:20px;
}

#navSub li {
  float:left;
}

#navSub li a.first {
  /* border-left:1px solid #f6f1e6;  #cccccc; */
}

#navSub li a {
  display: block;
  padding: 3px 10px;
  color: #333333;
  font-size:1.15em;
  text-decoration:none;
  /* border-right:1px solid #f6f1e6; #cccccc; */
}

#navSub a.current {
  background-color: #d4d4d9;
}

#navSub a:hover {
  color: #d01824;
  background-color: #e8e8ed;
}

#navLevel li {
  display:inline;
}

#navLevel ul {
  padding-left:15px;
}

#navLevel ul li.last a {
  border-bottom:0px;
}

#navLevel ul li a {
  border-top:0px;
  padding:6px;
}
#navLevel ul li a:hover {
  background-color: #e8e8ed;
}

#navLevel ul li a.active {
  background-color: #d4d4d9;
}

#navLevel li a {
  display: block;
  padding: 8px 10px;
  font-size: 1.2em;
  border-top:1px solid #ccccd3;
  text-decoration:none;
}

#navLevel li a.active {
  background-color: #d4d4d9;
}

#navLevel li a:hover {
  color: #d01824;
  background-color: #e8e8ed;
}

#navLevel li.last a {
  border-bottom:1px solid #ccccd3;
}