/**
 * Styles for the compare function 
 */
 
/* mixed rows styles: event and odd class */
tr.even td.compareValues{
	background:#FFFFFF;
}
tr.odd td.compareValues{
	background:#DDD;
	border-top:1px solid #DDD;
}
tr.odd td.cfirstcol{
	border-top:1px solid #DDD;
}

/* REMOVE BUTTONS: links */
.compareexit, .compareremove{
	display:block;
	width:14px;
	height:14px;
	text-indent:-9999px;
	cursor:pointer;	
}
.compareexit {
	float:right;
	background:url(/site/ndn-files/ndn-close.gif) no-repeat top center;
}
.compareremove{
	float:left;
	background:url(/site/ndn-files/ndn-remove.gif) no-repeat top center;
}


/* divisions that make the compare wireframe*/
#comparewrapper{
	position:absolute;
	z-index:10000;
	top:50px;
	width:100%;
	text-align:center;
}
#comparewireframe{
	float:left;
	background:#FFF;
	border:2px solid #c0c0c0;
	text-align:left;
	margin:0 auto;	
	padding:2px;
}
#comparetop{
	float:right;
	width:100%;
	margin:2px;
}
#comparebottom{
	float:left;
	width:100%;
	margin:2px;	
}
/* first column, where the attribute titles are displayed */
td.cfirstcol{
	width:100px;	
	padding:5px;	
	white-space: nowrap;	
}

/* background division to obscure the rest of the page */
#blur{
	position:absolute;
	background:#000;
	opacity: 0.40;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
	top:0;
	left:0;
	z-index:9999;
	border:0;
	width:100%;
	height:100%;
}


/**
 * Avoids displaying the hidden data divisions entering the page 
 * Important! This also must be present in the add to head field of the item list template, 
 * in order to avoid displays of the hidden division if there is a delay in loading this stylesheet
 */
.comparedata{
	display:none;		
}



/**
 * PARTICULAR STYLES FOR EACH IMPLEMENTATION
 */
 
/* example: */ 
td.compareValues{
	width:150px;
	padding:5px;	
}
.compareValues ul, .compareValues li{
	margin:0;
	padding:0;
	list-style:none;
}