.ui-icon.page_diff_primary
{
  background-image: url(/images/icons_custom_disabled/page_diff.png);
}

.ui-state-hover .ui-icon.page_diff_primary
{
  background-image: url(/images/icons_custom/page_diff_selected.png);
}

.ui-state-active .ui-icon.page_diff_primary
{
  background-image: url(/images/icons_custom/page_diff.png);
}

.ui-state-active.ui-state-hover .ui-icon.page_diff_primary
{
  background-image: url(/images/icons_custom/page_diff.png);
}

.pdf .ui-icon.page_diff_primary
{
  background-image: url(/images/doc_icons/pdf.png) !important;
}

div.web_compare_selector_checkbox
{
  padding: 0;
  margin: 0;
  border: 0;
  padding-bottom: 5px;
}

#web_compare_version_selector .ui-button-text
{
  text-align: left;
  padding-left: 30px;
  width: 465px;
}

#web_compare_version_selector p strong
{
  font-weight: bold;
}

#web_compare_version_selector p
{
  padding-bottom: 5px;
}

.future_version
{
  color: #dd0000;
}

/* TODO: ADD THE OTHER LI SPECIFICATIONS FROM versions_layout.css IN THE CONFIG SETS,
 * THEY ARE EQUAL FOR ALL INSTANCES */
#version_links ul li.future_preview_swapper a.swap_to_future_versions
{

  background: transparent url(/images/icons_custom/timeline_marker_future.png) no-repeat 1px -1px;
  padding-left: 21px;
}

#version_links ul li.future_preview_swapper a.swap_to_current_versions
{
  background: transparent url(/images/icons_custom/timeline_marker_today_and_past.png) no-repeat 1px -1px;
  padding-left: 21px;
}

#version_links ul li.hide_unchanged a
{
  background: transparent url(/images/icons_custom/collapse_all.png) no-repeat 1px -1px;
  padding-left: 21px;
}

#version_links ul li.show_unchanged a
{
  background: transparent url(/images/icons_custom/expand_all.png) no-repeat 1px -1px;
  padding-left: 21px;
  color: #cc0000;
}

#version_links ul li.toggle_all_languages a.true
{
  background: transparent url(/images/icons_custom_disabled/language.png) no-repeat 1px -1px;
  padding-left: 21px;
}
#version_links ul li.toggle_all_languages a.false
{
  background: transparent url(/images/icons_custom/language.png) no-repeat 1px -1px;
  padding-left: 21px;
}


.multiple_dod
{
  /* color: #666; */
  font-style: italic;
}

#document_container .fold_trigger {
  width: 55px;
  height: 9px;
  border: 1px dotted #bbbbbb;
  background: #eeeeee url(/images/icons_mint/arrow_down_grey.png) repeat-x 0px -1px;
  -ms-user-select: none; /* IE 10+ */
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer; }
#document_container .fold_trigger:hover {
  background: #eeeeee url(/images/icons_mint/arrow_down_peppermint.png) repeat-x 0px -1px; }
#document_container .fold_trigger:active {
  background: #eeeeee url(/images/icons_mint/arrow_down_spearmint.png) repeat-x 0px -1px; }
#document_container .fold_trigger.open {
  background: #eeeeee url(/images/icons_mint/arrow_up_grey.png) repeat-x 0px -1px; }
#document_container .fold_trigger.open:hover {
  background: #eeeeee url(/images/icons_mint/arrow_up_peppermint.png) repeat-x 0px -1px; }
#document_container .fold_trigger.open:active {
  background: #eeeeee url(/images/icons_mint/arrow_up_spearmint.png) repeat-x 0px -1px; }

#document_container tr td.old {
  border-left: 15px solid #e5e5e5;
}

#document_container tr.eql td.old {
  border-left: 15px solid #bbffbb;
}

#document_container tr.chd td.old {
  border-left: 15px solid #cc0000;
}