#notes {
  width: 100px;
  margin:0px auto;
  z-index: 2000;
}

.sticky-note {
  height: 200px;
  width: 200px;
  color: #7f6c04;
  background: #f9dd45;
  border-radius: 10px;
  border: 0px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);
  overflow: hidden;
  position: absolute;
  top: 20px;
}
.contents {
  margin: 20px;
  outline: none;
  min-height: 136px;
}
.handle {
  cursor: move;
  background: #e8cb2c;
  border-radius: 8px 8px 0px 0px;
  text-align: right;
  position: relative;
  width: 100%;
  height: 22px;
}
.handle .close {
  cursor: pointer;
}
#save {
  margin-left: 7px;
}
html body .sticky-note div.close {
  color: #3d3402;
  opacity: 1;
  text-shadow: 1px 0px 1px #a08805;
  padding: 3px 17px;
  font-size: 19px;
  width: 10px;
  height: 16px;
  position: relative;
  right: 0px;
  float: right;
}
#newPostit {
  background-image: url('img/icon_addPostit.png');
  width: 31px;
  height: 31px;
  display: inline-block;
  cursor: pointer;
}
#postItButtons {
  position: absolute;
  right: 30px;
  top: 20px;
  z-index: 1000;
}