/* 	******************* zebra.css ******************* */

/* 	wordt gebruikt in tabellen dwaarvan iedere rij een andere kleur krijgt en onmouseover heeft 
	implementatie: <%@ include file="/WEB-INF/jspf/html_header.jspf" %> in header van template
	vervangen door <%@ include file="/WEB-INF/jspf/html_header_zebratables.jspf" %>  
	hierdoor worden zebra.css en zebratables.js aangeroepen.
*/



#content table.zebra{
	border-top: 1px solid #cbbcc1;
	border-right: 1px solid #cbbcc1;
	border-bottom: none;
	border-left: 1px solid #cbbcc1;
	width: 359px;
	color: #000;
	}

#content table.zebra caption {
	font-style: normal;
	font-weight: bold;
	text-align: left;
	font-size: 120%;
	margin: 8px 0 4px 0;
	padding: 15px 0 4px 0;

	}

#content table.zebra tr td{
	padding: 3px 8px 8px 8px;
	background: #fff;
	}

#content table.zebra thead td{
	color: #fff;
	background-color: #C8C028;
	font-weight: bold;
	border-bottom: 1px solid #cbbcc1;
	}

#content table.zebra tbody td {
	padding: 8px;
	margin: 8px;
	}
	
#content table.zebra tbody tr.even td {
	background: #f8f8f8;
	}
	
#content table.zebra tbody tr.selected td {
	background: #3d80df;

	}

#content table.zebra tbody tr.ruled td {
	background-color: #f0f2f2;
	}
	
	/* Opera fix */
head:first-child+body tr.ruled td {
	background-color: #C6E3FF; 
	}
	
#content table.zebra tbody, #content table.zebra tbody tr, table, tr, tbody {
	border: none;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	}
	
#content td {
	font-size: 75%;
	padding: 0;
	vertical-align: top;
	border: 0 0 1px 0;
	border-bottom: 1px solid #dedede;
	padding: 3px 8px 8px 8px;
	margin: 2px;
	}