#awareness 
 {
   display: none;
   color: #fff;
   background-color: #00f;
   width: 100%;
   height: 207px;
 }

 .awarenessTable {
   width: 100%;
   color: #999;
   background-color: #fff;
   font-family: Arial;
   font-size: 10pt;
   border: none;
   white-space: nowrap;
 }
 
 .awarenessTable td
 {
	color: #999;
 }

 .awareDrawArea {
   color: #ccc;
   background-color: #fff;
   height: 150px;
   z-index: 1;
 }

 .awareControlBar {
   color: #fff;
   background-color: #ccc;
   width: 100%;
   height: 35px;
   z-index: 1;
 }

 .awareMarkerwikipage {
   position: absolute;
   background-color: #f00;
   color: #fff;
   border: none;
   font-family: Arial;
   font-size: 8pt;
   cursor: pointer;
   z-index: 20;
 }

 .awareMarkerimage {
   position: absolute;
   background-color: #00f;
   color: #ff0;
   border: none;
   font-family: Arial;
   font-size: 8pt;
   cursor: pointer;
   z-index: 20;
 }

 .awareMarkerfile {
   position: absolute;
   background-color: #0f0;
   color: #000;
   border: none;
   font-family: Arial;
   font-size: 8pt;
   cursor: pointer;
   z-index: 20;
 }

 .awarePopupInfo {
   display: none;
   position: absolute;
   white-space: nowrap;
   left: 10px;
   top: 15px;
   border: 1px solid #000;
   background-color: #fff;
   color: #000;
   font-size: 8pt;
   z-index: 30;
 }

 .awareHistogramBar {
   display: block;
   position: absolute;
   width: 12px;
   height: 1px;
   border: 1px solid #db8;
   background-color: #fd8;
   z-index: 10;
   overflow:hidden;
 }
 
 .awareControlSelection
 {
	position: absolute;
	border: none;
	background-color: #fff;
	z-index: 5;
 }

 .awareControlDragbar {
   display: block;
   position: absolute;
/*   top: 0px; */
   width: 11px;
   height: 28px;
   border: none;
   background-color: #88f;
   background-image: url(aware-slider.png);
   z-index: 12;
 }

 .awareTimelineTime {
   color: #000;
   background-color:#fff;
   font-family: arial;
   font-size: 8pt;
   position: absolute;
 }