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

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

/* Header menu */

#headerMenu {
  top: 10px;
  list-style-type: none;
  padding: 0;
  position: absolute;
  right: 48px;
}

#headerMenu li {
   padding-right: 5px;
   display: inline;
}

#headerMenu li.lang {
 padding-right:5px;
}

#headerMenu li a {
  color: #ccc;
  font-family:Verdana;
  font-size:0.9em;
}
 
#headerMenu li a img {
  display: inline;
  height:13px;
  width:18px;
  vertical-align:bottom;
}

/* Top menu style */
#navMain {
  bottom: 10px;
  position: absolute;
  left: 0px;
}

#navMain li {
  float:left;
  margin-right: 8px;
  display: inline;
}

#navMain li .tabStart {
  background: url(tabLeft.gif) top left no-repeat;
  width: 12px;
  float: left;
  height: 100%;
  display: inline;
}

#navMain li .tabEnd {
  background: url(tabRight.gif) top left no-repeat;
  width: 12px;
  float: left;
  height: 100%;
  display: inline;
}

#navMain li .tabLink {
  display: inline;
  padding: 10px 2px 0;
  background: url(tabCenter.gif) top left repeat-x;
  height: 23px;
  float: left;
  line-height: 100%;
}

#navMain li.current .tabStart {
  background: url(tabLeftActive.gif) top left no-repeat;
  width: 11px;
  line-height: 100%;
}

#navMain li.current .tabEnd {
  background: url(tabRightActive.gif) top left no-repeat;
  width: 11px;
}

#navMain li.current .tabLink {
  display: block;
  background: url(tabCenterActive.gif) top left repeat-x;
}

#navMain li a {
  text-decoration: none;
  color: #004479;
  line-height: 16px;
  display: block;
  padding:0px 2px;
  border:1px solid transparent;
  font-family:Verdana;
  font-size:0.9em;
}

#navMain li.current a {
  color:#fff;
  background-color:#007dd6;
  border-color:transparent #004479 #004479 transparent;
  border-style:solid;
  border-width:1px;
  border-radius:3px;
}

#navMain li.current a:hover {
  color: #a8ceef;
}

#navMain li a:hover {
  color: #007dd6;
}

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

#leftColumn .menuTop {
  height: 11px;
  width: 100%;
  background: #F8F2D7 url(menuTop.gif) no-repeat 0 0;
}

#leftColumn .menuBottom {
  height: 11px;
  width: 100%;  
  background: #F8F2D7 url(menuBottom.gif) no-repeat 0 100%;
}

#leftColumn .menuContent {
  padding: 0;
}

#leftColumn .menuContent .title {
  font-size: 133%;
  color: #35342C;
}

#leftColumn .menuContent a {
  font-size: 100%;
  color: #004479;
  padding: 2px 10px 2px 0;
  display: block;
  display: inline-block;
  background: transparent url(2011_menuMarker.gif) no-repeat 100% 52%;
}

#leftColumn .menuContent a.first {
  padding-top:0;
}

#leftColumn .menuContent ul {
  padding: 0;
  list-style: none;
}

ul#navSub li.current > a {
  color:#007DD6;
}

#leftColumn .menuContent  li.current a,
#leftColumn .menuContent  li.active a {
  background: transparent url(2011_menuMarker_down.gif) no-repeat 100% 52%;
}

#leftColumn .menuContent ul ul {
  padding-left: 10px;
}

#leftColumn .menuContent ul ul li {
  border: none;
}

#leftColumn .menuContent ul ul a,
#leftColumn .menuContent ul li.current li a,
#leftColumn .menuContent ul li.active li a {
  font-weight: normal;
  margin-left: 0;
  padding: 0 0 5px 13px;
  margin-left: 5px;
  background: transparent url(2011_menuMarker_sub.gif) no-repeat 5px 35%;
}

#leftColumn .menuContent ul ul li a {
  padding-left: 10px;
}