.image-annotate-canvas {
  background-position: left top;
  background-repeat: no-repeat;
  display: block;
  position: relative;
}

.image-annotate-view {
  display: none;
  position: relative;
}

.image-annotate-area {
  border: 1px solid #000000;
  position: absolute;
}

.image-annotate-area div {
  border: 1px solid #FFFFFF;
  display: block;
}
.image-annotate-area-hover div {
  border-color: yellow !important;
}

.image-annotate-area-editable {
  cursor: pointer;
}

.image-annotate-note {
  background: #ffb;
  color: #333;
  display: none;
  max-width: 200px;
  padding: 3px 7px;
  margin: 5px 0;
  position: absolute;
  text-align: left;
}

.image-annotate-note .author {
  font-style: italic;
  font-size: 80%;
}

.image-annotate-note .actions {
  display: block;
  font-size: 80%;
}

.image-annotate-edit {
  display: none;
}

#image-annotate-edit-form {
  background: #fff;
  border: 1px solid #000000;
  padding: 7px;
  position: absolute;
  width: 200px;
}

#image-annotate-edit-form form {
  clear: right;
  margin: 0 !important;
  padding: 0;
  z-index: 999;
}

#image-annotate-edit-form .box {
  margin: 0;
}

#image-annotate-edit-form input.form-text,
#image-annotate-edit-form #edit-comment-wrapper textarea {
  width: 90%;
}

#image-annotate-edit-form textarea {
  height: 50px;
}

#image-annotate-edit-form fieldset {
  background: transparent;
}

#image-annotate-edit-form .form-item {
  margin: 0 0 5px 0;
}

#image-annotate-edit-form .form-button,
#image-annotate-edit-form .form-submit {
  margin: 0;
}

.image-annotate-edit-area {
  border: 1px solid black;
  display: block;
  position: absolute;
  margin: 0;
  padding: 0;
  top: 10px;
  left: 10px;
  cursor: move;
  width: 60px;
  height: 60px;
}

.image-annotate-edit-area .ui-resizable-handle {
  opacity: 0.8;
}

.image-annotate-edit-close {
  float: right;
}
