<style type="text/css">
#lightbox_content {
	 display:none;
	 background:#000000;
	  
	 opacity:0.95;
	 filter:alpha(opacity=95);
	 position:fixed;
	 top:0px;
	 left:-50px;
	 min-width:100%;
	 min-height:100%;
	z-index:1000;
}

/* Lightbox panel with some content */
#lightbox_panel_content {
	 display:none;
	 position:absolute;
	 top:12%;
	 
	 width:auto;
	 height:auto;
	 background:#FFFFFF;
	 padding:10px 10px 10px 10px;
	 border:2px solid #CCCCCC;
	 z-index:1001;
}

#close_panel_content { 
	cursor:pointer;
	background-image: url('close.png'); width:25px; height:29px;
}
#table_lightbox_content { 
	border: 1px solid #DBE1E6; 
	padding-left:20px;
	width:500px; 
	height:auto; 
}

.redbox {
	border: 1px solid red;
	background: lightpink;
	text-align: center;
	width: 100%;
}

.greenbox {
	border: 1px solid green;
	background: lightgreen;
	text-align: center;
	width: 100%;
}

#filter {
	text-align: center;
	letter-spacing: 4px;
	font-size: 1.2em;
	font-weight: bold;
}

#filter a:hover {
	background-color: lightgray;
	colour: white;
}


</style>