/* HIGHLIGHT #################################################################### */
.contextMenuHighlight,
.contextMenuHighlightHover,
.contextMenuHighlightActive {
	position:relative;
	padding-right:20px;
}
.contextMenuHighlightHover {
	background-color:#83a6dc;
	color:#FFFFFF !important;
}
.contextMenuHighlightActive {
	background-color:#316ac5;
	color:#FFFFFF !important;
}
.contextMenuHighlightHover *,
.contextMenuHighlightActive * {
	color:#FFFFFF !important;
}

/* TRIGGER #################################################################### */
.contextMenuTrigger,
.contextMenuTriggerHover,
.contextMenuTriggerActive {
	background-image:url("/portal/design/images/contextMenuButtonDark.gif");
	background-repeat:no-repeat;
	width:16px;
	height:16px;
	cursor:pointer;
	position:absolute;
	right:0px;
	top:2px;
}
/*.contextMenuTrigger {
	background-image:url("/portal/design/images/contextMenuButtonDark.gif");
}*/

.contextMenuTriggerHover,
.contextMenuTriggerActive {
	background-image:url("/portal/design/images/contextMenuButtonLight.gif");
}
.channelInfo .contextMenuTrigger{
	background-image:url("/portal/design/images/contextMenuButtonLight.gif");
	right:1px;
	top:-8px;
}
.channelInfo .contextMenuTriggerHover,
.channelInfo .contextMenuTriggerActive {
	background-image:url("/portal/design/images/contextMenuButtonGray.gif");
	right:1px;
	top:-8px;
}
.contextMenuTriggerFloat {
	background-image:url("/portal/design/images/contextMenuButtonLight.gif");
	cursor:pointer;
	position:static;
	float:right;
	width:16px;
	height:16px;
}
.contextMenuTriggerFloatHover,
.contextMenuTriggerFloatActive {
	background-image:url("/portal/design/images/contextMenuButtonGray.gif");
	cursor:pointer;
	position:static;
	float:right;
	width:16px;
	height:16px;
}

.channelSubInfo .contextMenuTrigger{
	background-image:url("/portal/design/images/contextMenuButtonDark.gif");
}
.channelSubInfo .contextMenuTriggerHover,
.channelSubInfo .contextMenuTriggerActive {
	background-image:url("/portal/design/images/contextMenuButtonDGray.gif");
}

/* MENU #################################################################### */
.contextMenuBorder {
	border:1px solid #999999;
	border-right:2px solid #666666;
	border-bottom:2px solid #666666;
	background-color:#f4f4f4;
	padding:1px 1px 1px 1px;
}
body.contextMenu {
	margin:0;
	padding:0;
	width:170px;
}

#contextMenuIframe {
	display: none;
	position: absolute;
	margin: 0px;
	padding: 0px;
	z-index:99999;
}
* html #contextMenuIframe { margin-left:1px; margin-top:1px;} /* nur fr IE 5.5 - 6.x */
html + body #contextMenuIframe { margin-left:1px; margin-top:1px;} /* nur vom IE 5.0 */

ul.contextMenu {
	display:block;
	margin: 0px;
	padding: 0px;
	font-family: verdana;
	font-size: 12px;
	list-style-type: none;
	list-style-image:none;
	padding:4px 4px 1px 4px;
	background-image:url("/portal/design/images/contextMenuBg.gif");
	background-repeat:repeat-y;
	background-color: #cccccc;
}

ul.contextMenu li {
	margin:0;
	padding:0;
	text-align:left;
	display:inline;
}

ul.contextMenu li a {
	margin-bottom:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal !important;
	padding:3px 4px 3px 25px;
	background-position:3px 2px;
	background-repeat:no-repeat;
	text-decoration: none;
	color:#333333 !important;
	display: block;
}

ul.contextMenu li a:hover {
	text-decoration: none !important;
	background-color:#FFFFFF;
	color:#000000 !important;
}

ul.contextMenu li.disabled a {
	color:#999999 !important;
}

ul.contextMenu li.disabled a:hover {
	color:#999999 !important;
	background-color:transparent;
	cursor:default;
}

/* TRIGGER Corner #################################################################### */
.contextMenuTriggerCorner,
.contextMenuTriggerCornerHover,
.contextMenuTriggerCornerActive {
	background-image:url(/portal/design/images/corner.gif);
	background-repeat:no-repeat;
	display:-moz-inline-box;
	display:inline-block;
	width:16px;
	height:16px;
	cursor:pointer;
	position:absolute;
	right:0px;
	top:2px;
}