/* Generic context menu styles */
.contextMenuWrap {
	position: absolute;
	display: none;
	width: 215px;
	z-index: 10000;
	overflow:visible;
	padding:0;
	margin:0;
	font-weight:normal !important;
}
.contextMenuWrap ul {
/* 	padding-top: 1px; */
}
.contextMenuWrap LI {
	list-style: none;
	border: solid 1px transparent;
	padding: 0px;
	margin: 0px;
	clear:both;
	cursor:pointer;
}
.contextMenuWrap LI.hasSubMenu{
	position:relative;
}

.contextMenuWrap LI.hasSubMenu .ui-icon-triangle-1-e {
	position: absolute;
	right: 0;
	bottom: 2px;
}
.contextMenuWrap button,
.contextMenuWrap a {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 300px;
	width: 100%;
	line-height: 19px;
	color: #444;
	text-align: left;
	padding: 0px 20px 0px 25px;
	background-color: transparent;
	background-position: 6px center;
	background-repeat: no-repeat;
	text-decoration: none;
	outline: none;
	border: 0;
	
}
.contextMenuWrap button .ui-icon,
.contextMenuWrap a .ui-icon { margin-left:-21px; }

.contextMenuWrap LI.hover > button,
.contextMenuWrap LI.hover > A {
	color: #FFF;
	background-color: #ff7500;
}

.contextMenuWrap LI.disabled > button,
.contextMenuWrap LI.disabled > A {
	color: #AAA;
	cursor: default;
	background: none;
}

.contextMenuWrap LI.hover.disabled > button,
.contextMenuWrap LI.hover.disabled > A {
	background-color: transparent;
}

.contextMenuWrap LI.separator {
	border-top: solid 1px #CCC;
	padding-top: 1px;
}

.contextMenuWrap.subMenu {
	left:99%;
	top:1px;
	width:auto;
	min-width:200px;
	display:none;
}


.contextMenu .hover {
	font-weight:normal;
}
.contextMenu .disabled.hover {
	background:none !important;
	/* border:1px solid transparent !important; */
}

/*
	Adding Icons
	
	You can add icons to the context menu by adding
	classes to the respective LI element(s)
*/

.contextMenuWrap LI.image-magnifier A { background-image: url(images/magnifier.png);}
.contextMenuWrap LI.image-close A { background-image: url(images/close.png); }

.contextMenuWrap li:not(.disabled).hover > .ui-icon,
.contextMenuWrap li:not(.disabled).hover > button .ui-icon,
.contextMenuWrap li:not(.disabled).hover > a .ui-icon {
	background-image: url(themes/baset/images/ui-icons_ffffff_256x240.png);
}




/*
.contextMenu LI.edit A { background-image: url(images/page_white_edit.png); }
.contextMenu LI.cut A { background-image: url(images/cut.png); }
.contextMenu LI.copy A { background-image: url(images/page_white_copy.png); }
.contextMenu LI.paste A { background-image: url(images/page_white_paste.png); }
.contextMenu LI.delete A { background-image: url(images/page_white_delete.png); }

*/