body {
   font-family: Arial, Helvetica, sans-serif;
}

h3   {padding: 0; margin: 0;}

.DragContainer {
  border: blue 2px solid;
  padding: 5px 5px 20px 5px;
  margin: 3px;
  float: left;
  width: 130px;
}

.OverDragContainer {
	border-right: #669999 2px solid; 
padding-right: 5px; 
border-top: #669999 2px solid;
 padding-left: 5px; 
float: left;
 padding-bottom: 0px; 
margin: 3px; 
border-left: #669999 2px solid; 
width: 100px; 
padding-top: 5px; 
border-bottom: #669999 2px solid
}

.DragBox {
   border: black 1px solid; 
   padding: 2px; 
   FONT-SIZE: 10px;
   margin-bottom: 5px;
   width: 120px;
   cursor: pointer;
   background-color: silver;
}

.DragDragBox {
	filter: alpha(opacity=50); background-color: yellow
}

.OverDragBox {
border: black 1px solid; 
padding-right: 2px; 
padding-left: 2px; 
font-size: 10px;
 margin-bottom: 5px; 
padding-bottom: 2px; 
 width: 120px; 
cursor: pointer; 
padding-top: 2px; 
background-color: #eee
}

.DragDragBox {
	border: black 1px solid; 
   padding: 2px; 

 FONT-SIZE: 10px;
 margin-bottom: 5px;
 
 
 width: 120px;
 cursor: pointer;
 
background-color: #eee
}

.miniDragBox {
	border-right: #000 1px solid; padding-right: 2px; border-top: #000 1px solid; padding-left: 2px; FONT-SIZE: 10px; margin-bottom: 5px; padding-bottom: 2px; border-left: #000 1px solid; width: 94px; cursor: pointer; padding-top: 2px; border-bottom: #000 1px solid; FONT-FAMILY: verdana, tahoma, arial; background-color: #eee
}


.DragDragBox {
	background-color: #ffff99
}



.History {
	display: none;
   FONT-SIZE: 10px; OVERFLOW: auto; width: 100%; FONT-FAMILY: verdana, tahoma, arial; HEIGHT: 82px
}
#DragContainer8 {
	border-right: #669999 1px solid; padding-right: 0px; border-top: #669999 1px solid; padding-left: 5px; padding-bottom: 0px; border-left: #669999 1px solid; width: 110px; padding-top: 5px; border-bottom: #669999 1px solid; HEIGHT: 110px
}
.miniDragBox {
	float: left; margin: 0px 5px 5px 0px; width: 20px; HEIGHT: 20px
}