/*
* jQuery.mb.components: jquery.mb.menu
* © 2001 - 2010 Matteo Bicocchi (pupunzi), Open Lab
*
*/

.mbmenu {
    display: none;
}

.rootVoices {
    padding: 5px 5px 0;
}

table.rootVoices {
    border: 0px;
    margin: 0px;
    padding: 0px;
}

.rootVoices td.rootVoice {
    border-left: 1px solid #fff;
    border-right-width: 1px;
    color: #00563c;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    padding: 8px;
    text-shadow: #fff 1px 1px 1px;
    vertical-align: middle;
    width: 120px;
}

.rootVoices td.rootVoice.selected {
    background: #004934 url('../images/bgnd_sel_4.png');
    border-left: 1px solid transparent;
      -moz-border-radius: 8px 8px 0px 0px;
      -webkit-border-radius: 8px 8px 0px 0px;
    border-radius: 8px 8px 0px 0px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    padding: 8px;
    text-shadow: #004934 1px 1px 1px;

}
.rootVoices td.rootVoice.disabled.selected {
    background: #004934!important;
    color: #666;
    text-shadow: #ddd 1px 1px 1px;
}

.rootVoices.vertical {
    width: 140px;
}
.rootVoices.vertical td.rootVoice {
      -moz-border-radius: 8px 0px 0px 8px;
      -webkit-border-radius: 8px 0px 0px 8px;
    border-radius:  8px 0px 0px 8px;
}


.menuContainer {
/*overflow:hidden;*/
    background-color: #003929;
    border-top: 5px solid #84713e;
      -moz-box-shadow: #999 2px 2px 10px;
      -webkit-box-shadow: #999 2px 2px 10px;
    box-shadow: #999 2px 2px 10px;
      -moz-border-radius: 0 0 8px 8px;
      -webkit-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
    padding: 0;
    position: absolute;
}
.menuContainer.submenuContainer {
    border-top: none!important;
}

.menuContainer.disabled {
    border-top: 5px solid #fff;
    background-color: #004934;
}
.menuContainer .line {
    background-color: transparent;
    width: 100%;
}
.menuContainer .line.title {
    background-color: black;
    color: #fff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
.menuContainer.disabled .line.title {
    background-color: #999;
}
.menuContainer .line.title a {
    color: #f2ead7;
    font-size: 14px;
}
.menuContainer.disabled .line.title a {
    color: #f2ead7;
    font-size: 14px;
    text-shadow: #999 1px 1px 1px;
}
.menuContainer td a {
    color: #f2ead7;
    text-decoration: none;
    text-shadow: #666 1px 1px 1px;
}
.menuContainer td.voice {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    padding: 7px;
}
.menuContainer .separator {
    background-color: #999;
    height: 1px;
    margin: 0;
    padding: 0;
}
.menuContainer td.img {
    background-color: transparent;
    color: #f2ead7;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: 5px;
    text-align: center;
    width: 24px;
}
.menuContainer td.img img {
  width: 20px;
}
.menuContainer .textBox {
  color: #c3c3c3;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  padding: 10px;
}
.menuContainer .selected td {
  background-color: #f0e5cb;
  background-image: url('../images/bgnd_sel_2.jpg');
}
.menuContainer .selected td a {
  color: #000;
  display: block;
  text-shadow: #fff 2px 2px 1px;
}
.menuContainer .disabled td, .menuContainer .disabled td a {
  color: #555;
  text-shadow: #999 1px 1px 1px;
}
.menuContainer .subMenuOpener {
  background-image: url('../images/menuArrow_w.gif');
  background-repeat: no-repeat;
  background-position: right;
}
.menuContainer .selected .subMenuOpener {
  background-image: url('../images/menuArrow.gif');
  background-repeat: no-repeat;
  background-position: right;
}

/*BOX MENU*/

.boxMenu {
  border-top: 8px solid black;
  background: url('../images/box_top.png') repeat-x;
  color: #f0e5cb;
}
.boxMenu h4 {
  font: 18px/20px georgia, serif;
  margin: 0 0 20px 0;
  padding: 3px;
  padding-right: 20px;
  text-shadow: #666 2px 2px 1px;
  white-space: nowrap;
}

.boxMenu td {
  border-right: 1px solid #999;
  min-width: 160px;
  vertical-align: top;
}
.boxMenu td:hover {
  background: url('../images/box_menu_over.png');
  -moz-box-shadow: #666 2px 2px 4px;
  -webkit-box-shadow: #666 2px 2px 4px;
  box-shadow: #666 2px 2px 4px;
}

.boxMenu td:hover a {
  color:#000;
  margin-right: 3px;
  text-shadow: #fff 1px 1px 1px;
}

.boxMenu td:last-child {
  border-right: none;
  min-width: 160px;
  vertical-align: top;
}

.boxMenu a {
  display: block;
  font-size: 14px;
  margin-bottom: 5px;
  padding: 5px;
  white-space: nowrap;
}

.boxMenu a img {
  padding-right: 5px;
}

.boxMenu a:hover{
  color: #000;
  background-image: url('../images/bgnd_sel_2.jpg');
  -moz-box-shadow: #666 2px 2px 4px;
  -webkit-box-shadow: #666 2px 2px 4px;
  box-shadow: #666 2px 2px 4px;
  text-shadow: #fff 2px 2px 1px;
}

.boxMenu a img {
  border: 0;
}

div.menuDiv {
    text-align: left;
}