/*
body{
    font-family:sans-serif;
    font-size:13px;
}
*/

/* Añadido para imitar el theme de jQuery */
.ui-state-hover-mbMenu {background: #dddddd url(images/ui-bg_inset-soft_100_dddddd_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #000000; outline: none; }

.rootVoices{
	/*background-color:#eeeeee;*/
	margin: 0px;
	padding:0px;
	/*border: 2px solid red;
	font-weight: bolder;
     text-transform: uppercase;*/
}
.rootVoices td {
	background-color:transparent;
	margin: 0px;
	padding:0px 10px 0px 10px;
	/*width:100px;*/
	height:27px;
	vertical-align : middle;
	/*border-right: 1px solid #cccccc;*/
	cursor: pointer;
    font-family:Arial,Helvetica,sans-serif;
	text-align:left;
	font-size:12px;
	font-variant: small-caps;
	color: #333333;
}
.rootVoices td img{

}

.rootVoices td.selected{
	/*background-color:#000135;*/
	background-color:#cccccc;
	/*border: 10px solid #aaaaaa;*/
	/*color:#ffffff;*/
	cursor: pointer;
}

.menuShadow{
    /*padding:2px;*/ /* Comentando esta línea conseguimos que no aparezca la sombra debajo de un menú vacío. */
    padding-bottom:0px;
    left:-2;
    top:1px;
}

.menuContainer{
	background-color:gray;
	border: 1px solid #999999
}

.menuContainer .line{
	background-color:white;
	width:100%;
	padding-left:-5;
}

.menuContainer .line.title {
    text-align:right;
}

.menuContainer .line.title a{
    color:dimgray;
    font-size:14px;
}

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

.menuContainer td.voice{
	border-bottom:1px solid #f3f3f3;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	padding:5px;
}

.menuContainer .separator{
	background-color:#f1f1f1;
	height:1px;
}
.menuContainer td.img{
    border-bottom:1px solid #f3f3f3;
	font-family:Arial,Helvetica,sans-serif;
	text-align:left;
	font-size:12px;
	color: gray;
	/*background-color:#f9f9f9;*/
	padding:5px;
	width:16px; /* igual que la img abajo */
}
.menuContainer td.img img{
	width:16px;
}
/*
.menuContainer .textBox{
	padding: 50px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	background-color:#ffffff;
	color: #c3c3c3;
}
*/
.menuContainer .selected td{
	background-color:#DDDDDD;
	/*background-color:#f3f3f3;*/
/*    background-image:url("images/bgnd_sel_2.jpg")*/
}
.menuContainer .selected td a{
	color:#333333;
}
.menuContainer .disabled td, .menuContainer .disabled td a {
	color: #cccccc;
}
.menuContainer .subMenuOpener{
	background-image:url("images/menuArrow.gif");
	background-repeat:no-repeat;
	background-position:right;
}

/*
vertical menu
*/


/*

.rootVerticalVoices{
	background-color:#333;
	padding:0px;
}
.rootVerticalVoices td.rootvoice {

	width:130px;
	font-family:Arial,Helvetica,sans-serif;
	color: gray;
	font-size:13px;
	padding:7px;
	cursor: pointer;
}
.rootVerticalVoices td.selected{
    background-image:url("images/bgnd_sel_4.png");
	color:#ffffff;
	cursor: pointer;
}


.verticalMenu{
	background-color:#000;

}
.verticalMenu .line{
	background-color:#333;
	width:100%;
	padding-left:-5px;
}
.verticalMenu td a{
	text-decoration:none;
	color: #d3d3d3;
}
.verticalMenu td.voice{
	border-top:0px solid #666;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	padding:5px;
}
.verticalMenu .separator{
	background-color:#666;
	height:1px;
}
.verticalMenu td.img{
    border-top:0px solid #666;
	font-family:Arial,Helvetica,sans-serif;
	text-align:center;
	font-size:12px;
	color: #c3c3c3;
	background-color:#333;
	width:24px;
	padding:5px;
}
.verticalMenu td.img img{
	width:20px;
}
.verticalMenu .textBox{
	padding: 10px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	color: #c3c3c3;
}
.verticalMenu .selected td{
    background-image:url("images/bgnd_sel_4.png");
}
.verticalMenu .selected td a{
	color:#fff;
}
.verticalMenu .disabled td, .verticalMenu .disabled td a {
	color: #666;
}


.verticalMenu .subMenuOpener{
	background-image:url("images/menuArrow_w.gif");
	background-repeat:no-repeat;
	background-position:right;
}

.verticalMenu .menuShadow{
	background:black;
    padding:5px;
}

*/