/* Generic context menu styles */
.contextMenu {
  position: absolute;
  width: 250px;
  z-index: 99999;
  border: solid 1px #CCC;
  background: #EEE;
  padding: 0px;
  margin: 0px;
  display: none;
}

.contextMenu li {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.contextMenu a {
  color: #333;
  text-decoration: none;
  display: block;
  line-height: 20px;
  height: 20px;
  background-position: 6px center;
  background-repeat: no-repeat;
  outline: none;
  padding: 1px 5px;
  padding-left: 28px;
}

.contextMenu li.hover a {
  color: #FFF;
  background-color: #3399FF;
}

.contextMenu LI.disabled A {
  color: #AAA;
  cursor: default;
}

.contextMenu LI.hover.disabled A {
  background-color: transparent;
}

.contextMenu LI.separator {
  border-top: solid 1px #CCC;
}

/*
	Adding Icons

	You can add icons to the context menu by adding
	classes to the respective LI element(s)
*/

.contextMenu LI.edit A {
  background-image: url(images/page_white_edit.png);
}

.contextMenu LI.cut A {
  background-image: url(images/cut.png);
}

.contextMenu LI.copy A {
  background-image: url(images/page_white_copy.png);
}

.contextMenu LI.paste A {
  background-image: url(images/page_white_paste.png);
}

.contextMenu LI.delete A {
  background-image: url(images/page_white_delete.png);
}

.contextMenu LI.quit A {
  background-image: url(images/door.png);
}
