/* 
    Document   : report_legend
    Created on : Jan 23, 2012, 1:57:46 PM
    Author     : Alin Banu <alin.banu@orioneurope.ro>
    Description:
       Contains the classes used to display the legend for a raport; it includes the color picker classes ( to be separated in the future )
*/

.legendPlaceholderContainer {
	padding: 0px;
	text-align: center;
	width: 22px;
}

.cpSelectorContainer {
	padding: 0px;
	text-align: center;
	width: 22px;
}

.cpSelectorWrapper {
	/* background-image: url("images/bar-opacity.png"); */
	height: 18px;
	width: 18px;
	padding: 0px;
}

.cpSelector {
	height: 18px;
	width: 18px;
}

.cpSelectorStatusDefault {
	/* background-image: url("images/picker.gif"); */
}

.cpSelectorStatusSelected {
	/* background-image: url("images/picker-selected.gif"); */
}

.cpSelectorColorSet {
	background-color: #EFEFEF;
	border: 1px solid #598FEF;
	margin: 0px;
	padding: 2px;
	width: 168px;
}

.cpSelectorColorSetCell {
	border:1px solid #EFEFEF;
	float: left;
	margin: 2px;
	padding: 0px;
	height: 18px;
	width: 18px;
	cursor: pointer;
}

.cpTableContainer {
	width: 410px;
	padding: 0px;
	text-align: center;
}

.cpTable {
	width: auto;
	display: inline;
}

.cpTableCell {
	padding: 0px;
}

.cpTableCellElement {
	margin: 0px;
	padding: 0px;
	height: 18px;
	width: 18px;
	cursor: pointer;
}

.cpTableCellElement:hover {
	background-image: url("images/picker.gif");
}	

.cpTableCellElementSelected {
	background-image: url("images/picker-selected.gif");
}