/* Generic context menu styles */
.contextMenu {
  position: fixed;
  /*width: 120px;*/
  z-index: 99999;
  border: solid 1px #CCC;
  background: #EEE;
  padding: 0px 12px 0px 0px;
  margin: 0px;
  display: none;
  max-height : 353px;
  overflow-y : auto;
  overflow-x : 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: 35px;
  white-space : nowrap;
  text-align : left;
}

.contextMenuZoom A {
  background-position: 26px center;
  padding-left: 55px;
}

.contextMenuZoom .title {
  white-space: nowrap;
}

.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;
}

.contextMenu li.title
{
  padding : 2px 5px;
  text-align : left;
}

/*
  Adding Icons

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

.contextMenu LI.align_left A { background-image: url(../../../pict/icon/left.png); }
.contextMenu LI.align_center A { background-image: url(../../../pict/icon/center.png); }
.contextMenu LI.align_right A { background-image: url(../../../pict/icon/right.png); }
.contextMenu LI.delete_elmt A { background-image: url(../../../pict/icon/Delete_15_v2.png); }
.contextMenu LI.delete_all_slct A { background-image: url(../../../pict/icon/Delete_15_v2.png); }

.contextMenu LI.join_form_select A { background-image: url(../../../pict/icon/select_15.png); }
.contextMenu LI.join_form_form A { background-image: url(../../../pict/icon/form_15.png); }

.contextMenu LI.add_elmt A { background-image: url(../../../pict/icon/Add_15_v2.png); }
.contextMenu LI.add_v_separator A { background-image: url(../../../pict/icon/vsplit_15.png); }
.contextMenu LI.add_h_separator A { background-image: url(../../../pict/icon/hsplit_15.png); }
.contextMenu LI.add_html A { background-image: url(../../../pict/icon/text_rich_colored.png); }
.contextMenu LI.add_info A { background-image: url(../../../pict/icon/16-info.png); }
.contextMenu LI.add_space A { background-image: url(../../../pict/icon/addSpace_15.png); }
.contextMenu LI.add_action_button A { background-image: url(../../../pict/icon/Add_15_v2.png); }

.contextMenu LI.edit_html A { background-image: url(../../../pict/icon/Edit_15.png); }

.contextMenu LI.join_data_check A { background-image: url(../../../pict/icon/16-ok.png); }
.contextMenu LI.edit_data_check A { background-image: url(../../../pict/icon/16-ok.png); }
.contextMenu LI.absolute_height_check A { background-image: url(../../../pict/icon/16-ok.png); }
.contextMenu LI.document_viewer_check A { background-image: url(../../../pict/icon/16-ok.png); }
.contextMenu LI.display_phone_check A { background-image: url(../../../pict/icon/16-ok.png); }
.contextMenu LI.display_date_hour_check A { background-image: url(../../../pict/icon/16-ok.png); }

.contextMenu LI.elmt_value_form A { background-image: url(../../../pict/icon/select_15.png); }
.contextMenu LI.elmt_value_view A { background-image: url(../../../pict/icon/select_15.png); }
.contextMenu LI.field_value_type A { background-color : #AAD; }

.contextMenu LI.field_value_required A { background-image: url(../../../pict/icon/16-ok.png); }
.contextMenu LI.field_default_value A { background-image: url(../../../pict/icon/16-ok.png); }
.contextMenu LI.field_value_edit A { background-image: url(../../../pict/icon/Edit_15.png); }