--- a/webapp/src/main/webapp/jquery/jquery.digilib.css	Fri Oct 26 17:56:27 2012 +0200
+++ b/webapp/src/main/webapp/jquery/jquery.digilib.css	Sat Oct 27 00:06:29 2012 +0200
@@ -22,17 +22,22 @@
 	height: 0px;
 }
 
+div.dl-digilib div.dl-area {
+    display: none;
+	position: absolute;
+	border: 2px solid #ff0000;
+}
+
+div.dl-digilib div.dl-areaoverlay {
+	position: absolute;
+	z-index: 100;
+}
+
 div.dl-digilib div.dl-birdview {
 	border: 1px solid white;
 	z-index: 10;
 }
 
-div.dl-digilib div.dl-zoomrect {
-	position: absolute;
-	border: 2px solid #ff0000;
-	z-index: 100;
-}
-
 div.dl-digilib div.dl-birdzoom {
     position: absolute;
     border: 2px solid #ff0000;
@@ -81,6 +86,7 @@
 
 div.dl-digilib div.dl-region {
 	position: absolute;
+	border: none;
     color: white;
 	font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 11px;
@@ -103,6 +109,12 @@
 	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); 
 }
 
+div.dl-digilib div.dl-regionArea {
+	background-color: red;
+	border: none;
+    opacity: 0.3;
+}
+
 div.dl-digilib div.dl-regionHTML {
 	background-color: purple;
 }
@@ -125,8 +137,8 @@
 
 div.dl-digilib div.dl-findregion {
 	background-color: transparent;
-	border: 2px solid lightcyan;
-	opacity: 1.0;
+	border: 5px solid orange;
+	opacity: 0.8;
 }
 
 div.dl-digilib #dl-calibration {
@@ -135,7 +147,7 @@
 	border: 2px solid lightcyan;
 	width: 400px;
 	display: none;
-	z-index: 9999;
+	z-index: 100;
 	}
 
 div.dl-digilib #dl-ruler {
@@ -290,20 +302,6 @@
     margin-bottom: 20px;
 }
 
-/* annotations */
-div.dl-digilib div.dl-annotationbody {
-     background-color: yellow;
-     border-radius: 5px;  
-}
-div.dl-digilib div.dl-annotationbody div.dl-text {
-    padding: 10px;
-}
-div.dl-digilib div.dl-annotationbody div.dl-creator {
-    color: gray;
-    padding: 5px;
-    border-top: 1px solid silver;
-}
-
 /* scroll arrows */
 div.dl-digilib table.dl-scalertable {
 	border: 0;