/* Generic context menu styles */

.contextMenu {
	position: absolute;
	width: 190px;
	z-index: 99999;
	border: solid 1px #CCC;
	background: #EEE;
	padding: 0px;
	margin: 0px;
	display: none;
}

.contextMenu LI {
	list-style: none;
	padding: 2px!important;
	margin: 0px;
}

.contextMenu A {
	color: #000!important;
	text-decoration: none;
	display: block;
	line-height: 20px;
	height: 20px;
	background-position: 6px center;
	background-repeat: no-repeat;
	outline: none;
	padding: 1px 5px;
	padding-left: 28px;
}
.contextMenu A:hover {
	text-decoration: none!important;
}

.contextMenu LI.hover A {
	color: #FFF;
	background-color: #dddcdc;
	text-decoration: none;
}

.contextMenu LI.disabled A {
	color: #AAA;
	cursor: default;
}

.contextMenu LI.hover.disabled A {
	background-color: transparent;
}

.contextMenu LI.separator {
	border-top: solid 1px #CCC;
}

#FLEXDownloadBasket { background: #f2f2f2; }
#FLEXDownloadBasketInner h1 { margin: 0 0 0 61px; font-size: 16px; padding: 0 0 3px 10px; background: #fff url(/img/downloadBasket/line_bg.gif) repeat-x 0 19px;}
#FLEXDownloadBasketInner .empty {background: url(/img/downloadBasket/boxEmpty.png) no-repeat; padding: 0 0 15px 0;}
#FLEXDownloadBasketInner .hasItems {background: url(/img/downloadBasket/boxFull.png) no-repeat; }
#FLEXDownloadBasketInner .empty p { padding: 5px 0 0 71px; line-height: 16px;}
#FLEXDownloadBasketInner .hasItems p { padding: 5px 0 0 71px;}
#FLEXDownloadBasketInnerButtons { width: 350px; height: 40px; margin: 0 0 0 71px; padding: 10px 0 0 0; background: url(/img/downloadBasket/line_bg.gif) repeat-x 0px 0px; }
#FLEXDownloadBasketInnerDetails { padding: 5px 0 0 71px;}
#FLEXDownloadBasketInnerDetails ul { list-style: none; padding: 4px 0 5px 0;}
#FLEXDownloadBasketInnerDetails li { padding: 2px 0 2px 2px;}
#FLEXDownloadBasketInnerDetails li a { margin: 0 0 0 10px; color: #999!important; }
#FLEXDownloadBasketInnerDetails li a:hover { color: #999!important; }
#FLEXDownloadBasketInnerDetails li.checked a { color: #CC0000!important;}
#FLEXDownloadBasketInnerDetails li.checked a:hover { color: #CC0000!important;}

/*
	Adding Icons

	You can add icons to the context menu by adding
	classes to the respective LI element(s)
*/

#FLEXDownloadBasketInnerDetails a.pdf 					{ padding: 0 0 0 22px; background: url(/img/icons/page_white_acrobat_50.png) no-repeat; }
#FLEXDownloadBasketInnerDetails .checked a.pdf 	{ padding: 0 0 0 22px; background: url(/img/icons/page_white_acrobat.png) no-repeat; }
#FLEXDownloadBasketInnerDetails a.jpg 					{ padding: 0 0 0 22px; background: url(/img/icons/page_white_picture_50.png) no-repeat; }
#FLEXDownloadBasketInnerDetails .checked a.jpg 	{ padding: 0 0 0 22px; background: url(/img/icons/page_white_picture.png) no-repeat; }
#FLEXDownloadBasketInnerDetails a.eps 					{ padding: 0 0 0 22px; background: url(/img/icons/page_white_picture_50.png) no-repeat; }
#FLEXDownloadBasketInnerDetails .checked a.eps 	{ padding: 0 0 0 22px; background: url(/img/icons/page_white_picture.png) no-repeat; }



.contextMenu LI.download A { background-image: url(/img/downloadBasket/disk.png); }
.contextMenu LI.add A { background-image: url(/img/downloadBasket/package_add.png); }


a#FLEXDownloadBasketDownload { float: left; margin: 0 5px 0 0; padding: 3px 16px 5px 35px; background: url(/img/downloadBasket/buttons.png) no-repeat; font-weight: bold; color: #fff!important; text-decoration: normal;}
a#FLEXDownloadBasketDownload:hover {text-decoration: none;}
a#FLEXDownloadBasketEdit { cursor: pointer; font-weight: bold; float: left; padding: 3px 10px 5px 35px; background: url(/img/downloadBasket/buttons.png) no-repeat -107px 0px; color: #fff!important; text-decoration: normal;}
a#FLEXDownloadBasketEdit:hover { text-decoration: none;}
a#FLEXDownloadBasketSave { cursor: pointer; font-weight: bold;  float: left; padding: 3px 12px 5px 35px; background: url(/img/downloadBasket/buttons.png) no-repeat -214px 0px; color: #fff!important; text-decoration: normal; }
a#FLEXDownloadBasketSave:hover { text-decoration: none;}

#FLEXDownloadBasket.open #FLEXDownloadBasketEdit,
#FLEXDownloadBasketSave,
#FLEXDownloadBasketInnerDetails {
	display: none;
}
#FLEXDownloadBasket.open #FLEXDownloadBasketSave,
#FLEXDownloadBasket.open #FLEXDownloadBasketInnerDetails {
	display: block;
}

