/*button text - all levels*/
.menuButtonSecond td, .menuButton td, .menuButtondown td, .menuButtonover td {
	cursor:default;
}
/*menu text - all levels*/
.defaultMenuText{
	font:11px Verdana;
    color:#fff;
    padding:0 20px;
	text-align:left;
    width:100% !important;
}
/*disabled menu text - all levels*/
.buttonTextDisabled{
	font: 11px Verdana,Arial;
    padding:0 30px;
    color:gray;
}

/*menu caption if any*/
.menuName{
	color: gray;
	letter-spacing: 7px;
	font: 11px Arial,sans-serif;
	padding-left: 10px;
	padding-right: 10px;
}
/*========= BUTTONS ======================*/

/*plain button state - top level*/
.menuButton {

}

/*down button state - top level*/
.menuButtondown,.menuButtonover {
	background-color : #C22222;
	cursor : default;
}

/*plain button state - other levels*/
.menuButtonSecond[class] {
	background-image:url(../images/transparent_white.png);
}

.menuButtonSecond {
    font:11px Verdana #D83233;
    background-color:transparent !important;
    height:18px;
    padding:4px 0 5px 0;
    margin:0;
    color:#000;
    width:160px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/transparent_white.png');
}

.menuButtonSecond .defaultMenuText {
    color:#000;
}

/*mouse over button and down button states - other levels*/
.menuButtonSecondover, .menuButtonSeconddown {
    background-color:#C22222 !important;
  	cursor:default;
    height:18px;
    width:160px;
    padding:4px 0 5px 0;
    margin:0;
}

/*text of mouse over button - other levels*/
.menuButtonSeconddown td {
    background-color:#C22222;
}


/*============ PANELS and DEVIDERS ===========================================*/

/*menu panel - top level*/
.menuTable{
	background-color : #D83233;
	margin : 0px;
	padding : 0px;
}

/*menu panel - other levels*/
.secondMenuTable{
    background-color:transparent !important;
    text-align:left;
    width:160px;
    height:30px;
    padding:0;
    margin:0;
    padding-top:2px;
}

/*devider - horizontal*/
.menuDivider {
    background-color:transparent;
	height : 100%;
	margin-bottom : 5px;
	margin-top : 5px;
	overflow : hidden;
	vertical-align : middle;
	width : 2px;
}
/*devider - vertical*/
.menuDividerY {
    background-color:transparent;
	border-bottom : solid #FFFFFF 1px;
	height : 1px;
	overflow : hidden;
	width : 90%;
    margin:5px 0;
}

/*================== DRAG HANDLERS ==================*/

/*drag handler for menu - horizontal*/
.menuHandle {
	background-color : #D4D0C8;
	border-bottom : solid #808080 1px;
	border-left : solid #FFFFFF 1px;
	border-right : solid #808080 1px;
	border-top : solid #FFFFFF 1px;
	cursor : move;
	height : 100%;
	overflow : hidden;
	width : 3px;
}
/*drag handler for menu - vertical*/
.vmenuHandle {
	background-color : #D4D0C8;
	border-bottom : solid #808080 1px;
	border-left : solid #FFFFFF 1px;
	border-right : solid #808080 1px;
	border-top : solid #FFFFFF 1px;
	cursor : move;
	height : 3px;
}


/*============ ICONS and SCROLLERS ====================*/

/*disabled icon - all levels*/
.iconGray {
	filter : BlendTrans(Percent=50) gray();
	cursor: default;
	border:solid 1px #D4D0C8;
}

/*enabled scroller*/
.menuScrollerEnabled{
	background-color:#CAC8D4;
	 cursor: pointer;
	 text-align:center;
}
/*disabled scroller*/
.menuScrollerDisabled{
	background-color: #CAC8D4;
	cursor: default;
	visibility:hidden;
	text-align:center;
}