div.IdentificationKeys
{
	margin: 0px;
	padding: 10px;
	background: #E0E0E0; 
	text-align:left;
	color: #000;
	font-weight: bold;
}

.navigation
{
    border-right-width: 1px;
	overflow:auto; 
	width: 180px;
}
.navigation-list
{
	height:450px;
    overflow:auto; 
}

.editButton
{
    width: 18px;
    vertical-align:text-top;
}

.thumbImage {
  max-width: 80px;
  max-height: 60px;
  width: expression(this.width > 80 ? "80px" : true);
  height: expression(this.height > 60 ? "60px" : true);
}


.checkSpeciesImage {
  max-width: 500px;
  max-height: 400px;
  width: expression(this.width > 500 ? "500px" : true);
  height: expression(this.height > 400 ? "400px" : true);
}

.ui-selectable-helper {position: absolute; z-index: 100; border:1px solid #000;}
.ui-selectable-helper div {opacity:0.1; filter: alpha(opacity=10); width:auto; height:auto; background-color:#000;}
 
.ui-draggable-dragging {z-index:9999;}
 
#droppableItems { text-align:center; height:100%; position:relative; background-color:#fff; overflow:hidden;}
#droppableItems .container { margin:0 auto; padding-top:10px;}
#droppableItems .list {float:left; padding:0 20px;}
#droppableItems .list .title {font-size:12px; font-weight:bold;}
#droppableItems .list ul {height:400px;overflow:auto; margin:0px;}
#droppableItems .list ul li {list-style:none; background-color:#ccc; margin:2px; height:20px; padding-top:3px; cursor:pointer; width:250px;}
#droppableItems .items_selected {background-color:#AAA; color:#fff;height:16px; width:100%;}
#droppableItems .list ul li.ui-selecting {background-color:#aaa !important;}
#droppableItems .list ul li.ddms_selected {background-color:#aaa !important;}
#droppableItems .list ul li.ddms_move {background-color:#ccc !important;}
#droppableItems .list.ddms_hover {background-color:#bbb !important;}

.validSpecies {
    color: #080;
    font-weight: bold;
}

.invalidSpecies 
{
    font-weight: bold;
    color: #F00;
}