.grab {
    cursor: grab;
}

.grab:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

.annotationDashboard {
    font-family: "Arial";
    color: white;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: rgb(46, 53, 58);
    display: none;
    z-index: 0;
    padding: 0.3em;
    border: 1px solid #20a8d8;  
}

.annotationDashboardTab {
    font-family: "Arial";
    color: white;
    position: relative;    
    height: 1.5em;    
    background: rgb(46, 53, 58);
    display: block;
    z-index: 0;
    cursor: grab;
}

.annotationDashboardTabLabel {
    font-family: "Arial";
    cursor: pointer;
    padding: 0.2em;
}

.prevGroup {
    font-family: "Arial";
    max-height: 5em;
    overflow-y: auto;
    display: none;
}

.currGroup {
    font-family: "Arial";
    max-height: 8em;
    overflow-y: auto;
}

.annotationDashboardRow {
    height: 1.7em;
    background: rgb(32, 37, 40);
    color: white;
    margin: 0.1em;
    border: 0.2em solid #2e353a;
}

.annotationDashboardRow:hover {
    background: rgb(32, 168, 216);
    opacity: 1.0 !important
}

.annotationDashboardCell {
    padding: 0 0.2em;    
}

.annotationDashboardCheckCell {
    padding-right: 0.6em;    
    min-width: 3em;
    /*max-width: 2.5em;*/
}

.annotationDashboardCatCell {
    padding-right: 0.6em;    
    min-width: 8em;
    max-width: 8em;
}

.annotationDashboardCatCell.textAnnotation {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.annotationDashboardOwnerCell {
    font-family: "Arial";
    font-size: 0.6em;
    padding-right: 0.6em;    
    min-width: 6em;
    max-width: 6em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.annotationDashboardCloseCell { 
    min-width: 2em;
    max-width: 2em;
}

.clickableIcon {
    cursor: pointer;
}

.annotationIcon {
    display: block;
	height: 1em;
    padding: 1px;
}

.annotationClass {
    color: white;
    height: 1.5em;
    background-color: #2e353a;
    max-width: 8em;
    min-width: 8em;
 }

 .annotationClassOption {
    color: white;
    background-color: #2e353a;
 }


.annotationTable {
    border:0px;
    border-collapse:collapse;
    border-spacing:0px;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    overflow-x: hidden;
    display:none;
}

.annotationTablePrev {
    border:0px;
    border-collapse:collapse;
    border-spacing:0px;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    overflow-x: hidden;
    display:block;
}

.finalizePanel {
    display: none;
    width: 100%;
    height: 2em;
    padding-top: 0.2em;
}

.finalizedBy {
    display: none;
    font-size: 0.8em;
}

.finalizeButton {
    width: 5em;
    margin: 0.2em;
    background: #20a8d8;
    text-align: center;
    opacity: 0.8;
    cursor: pointer;
    float: right;
}

.finalizeButton:hover {
    opacity: 1.0;
}

.finalizeButtonDisabled {
    width: 5em;
    margin: 0.2em;
    background: rgba(32, 168, 216, 0.5);
    color: rgba(51, 51, 51, 0.44);
    text-align: center;
    opacity: 0.8;
    cursor: default;
    float: right;
}

#noAnnotationDiv {
	font-size: 0.8em;
	display: none;
	text-align: center;
}