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

.mbmenu{
  display:none;
}

/*  ==================== contains all the top tabs */

.rootVoices{
  background-color:#f1f1f1;
  padding:0px;
  padding-bottom:0;
  border:0px solid red;
  height:46px;
}


/*  ==================== a top level tab */

.rootVoices td.rootVoice {
  vertical-align:middle;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  color: gray;
  font-size:12px;
  line-height:18px;
  padding:0px;
  cursor: pointer;
  border:0px solid red;
}

/*  ==================== a top level tab on mouse over */
.rootVoices td.rootVoice.selected{
  background: #dddddd ;
  padding:0px;
  color:#000000;
  cursor: pointer;
  /*
    -moz-box-shadow:#999 2px 2px 10px;
    -webkit-box-shadow:#999 2px 2px 10px;
  */
  -moz-border-radius:8px 8px 0 0px;
  -webkit-border-top-right-radius:8px;
  -webkit-border-top-left-radius:8px;
  -webkit-border-bottom-right-radius:0px;
  -webkit-border-bottom-left-radius:0px;

}

/* ================ contains menu and submenu options */
/* ================ TODO - Safari alignment is low */

.menuContainer{
/*overflow:hidden;*/
  position:absolute;
  top:0px;
  border:0px solid red;
  background-color:#f1f1f1
  padding:0;
  -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-top-right-radius:0px;
  -webkit-border-top-left-radius:0px;
  -webkit-border-bottom-right-radius:8px;
  -webkit-border-bottom-left-radius:8px;
}

.menuContainer.submenuContainer{
  border-top:none!important;
}

.menuContainer .line.title a{
font-size:12px;
  color:#ccc;
}

.menuContainer td a{
  text-decoration:none;
  color:#000000;
}

/* ============= one menu option */
.menuContainer td.voice{
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:12px;
  padding:3px 11px 3px 11px;
  background-color:#f1f1f1;
  text-align:left;
  width:180px; /* ============= firefox: no safari: yes */
}


/* ============= image to the left. not used...  */

.menuContainer td.img{
	display:none;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  text-align:center;
  font-size:12px;
  color: #c3c3c3;
  background-color:transparent;
  width:1px;
  padding:0px;
  border:1px solid red;
}
.menuContainer td.img img{
display:none;
  width:1px;
}

.menuContainer .textBox{
  padding: 10px;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:12px;
  color: #c3c3c3;
}

/* ============= one menu option mouse over */

.menuContainer .selected td{
  background-color:#dddddd;
  
}
.menuContainer .selected td a{
  color:#000;
  display:block;
}
.menuContainer .disabled td, .menuContainer .disabled td a {
  color:#cccccc;
}
.menuContainer .subMenuOpener{
  background-image:url("menuArrow_tran.gif");
  background-repeat:no-repeat;
  background-position:right;
}
.menuContainer .selected .subMenuOpener{
  background-image:url("menuArrow_tran.gif");
  background-repeat:no-repeat;
  background-position:right;
}