/*
 * CSS for Standard tree layout
 * Copyright (C) 2005 SilverStripe Limited
 * Feel free to use this on your websites, but please leave this message in the fies
 * http://www.silverstripe.com/blog
 */


ul.tree {
  width: auto;
  padding-left: 0px;
  margin-left: 0px;
}

/* #site_item_ui {
  padding: 5px 24px !important;
} */

ul.tree img {
  border: none;
}

ul.tree,
ul.tree ul {
  padding-left: 0;
}

ul.tree ul {
  margin-left: 0px;
}

ul.tree li.closed ul {
  display: none;
}

ul.tree li {
  list-style: none;
  /* background: url(i-repeater.gif) 0 0 repeat-y; */
  display: block;
  width: auto;
  padding: 0em;
  /* background-color:#FFFFFF; */
}

ul.tree li.last {
  list-style: none;
  background-image: none;
}

/* Span-A: I/L/I glpyhs */
ul.tree span.a {
  /* background: url(t.gif) 0 50% no-repeat; */
  display: block;
}

ul.tree span.a.last {
  /* background: url(l.gif) 0 50% no-repeat; */
}

ul.tree span.a.photo-list {
  background: none;
}

/* Span-B: Plus/Minus icon */
ul.tree span.b {
  position: relative;
}

ul.tree span.a.children span.b {
  /*	background: url(minus.gif) 0 50% no-repeat;*/
  cursor: pointer;
}

ul.tree li.closed span.a.children span.b {
  /*	background: url(plus.gif) 0 50% no-repeat;*/
  cursor: pointer;
}

ul.tree span.b img.expander {
  display: none;
  position: absolute;
  width: 10px;
  height: 10px;
  top: 8px;
  /* *top: -3px; */
}

ul.tree li.closed span.a.children span.b img.plus {
  display: inline;
}

ul.tree li.closed span.a.children span.b img.minus {
  display: none;
}

ul.tree span.a.children span.b img.plus {
  display: none;
}

ul.tree span.a.children span.b img.minus {
  display: inline;
}

/* Delete account link */
/*ul.tree span.c a.delete-account {
	position: absolute;
	height: 16px;
	width: 16px;
}
ul.tree span.c a.delete-account img {
	position: absolute;
	top: 2px;
}
*/
/* Span-C: Spacing and extending tree line below the icon */
ul.tree span.c {
  position: relative;
  left: 16px;
  /*	margin-left: 16px;*/
}

ul.tree span.a.children span.c {
  /* background: url(i-bottom.gif) 0 50% no-repeat; */
}

ul.tree span.a.spanClosed span.c {
  background-image: none;
}

ul.tree span.a.photo-list span.c {
  left: 0px;
}

/* SoR_EDIT: an additional entry to support selected nodes */
ul.tree span.c.tree-selected,
ul.tree span.a.spanClosed span.c.tree-selected,
ul.tree span.a.children span.c.tree-selected {
  /* background-color: #ffa840;
  background-color: #bbbbbb; */
}

ul.tree span.c.tree-selected a,
ul.tree span.a.spanClosed span.c.tree-selected a,
ul.tree span.a.children span.c.tree-selected a {
  padding-right: 5px;
}

/* Anchor tag: Page icon */
ul.tree a {
  white-space: nowrap;
  overflow: hidden;

  /*padding: 10px 0px 10px 18px;*/
  padding: 2px 0px 0px 18px;
  line-height: 18px;

  background: url(page-file.png) 0 50% no-repeat;
}

/* Node icon settings */
ul.tree span.a.published a {
  background-image: url("/assets/icons/page_world.png");
}

ul.tree span.a.unpublished a {
  background-image: url("/assets/icons/page_red.png");
}

ul.tree span.a.published.page-folder a {
  background-image: url("/assets/icons/folder.png");
}

ul.tree span.a.unpublished.page-folder a {
  background-image: url("/assets/icons/folder_delete.png");
}

ul.tree span.a.published.page-shortcut a {
  background-image: url("/assets/icons/link.png");
}

ul.tree span.a.unpublished.page-shortcut a {
  background-image: url("/assets/icons/link_delete.png");
}

ul.tree span.a.children a {
  background-image: url(page-openfoldericon.png);
}

ul.tree span.a.children.published a {
  background-image: url("/assets/icons/page_world.png");
}

ul.tree span.a.children.unpublished a {
  background-image: url("/assets/icons/page_red.png");
}

ul.tree span.a.children.published.page-folder a {
  background-image: url("/assets/icons/folder.png");
}

ul.tree span.a.children.unpublished.page-folder a {
  background-image: url("/assets/icons/folder_delete.png");
}

ul.tree span.a.children.published.page-shortcut a {
  background-image: url("/assets/icons/link.png");
}

ul.tree span.a.children.unpublished.page-shortcut a {
  background-image: url("/assets/icons/link_delete.png");
}

ul.tree span.a.children.spanClosed a {
  background-image: url(page-foldericon.png);
}

ul.tree span.a.children.spanClosed.published a {
  background-image: url("/assets/icons/page_world.png");
}

ul.tree span.a.children.spanClosed.unpublished a {
  background-image: url("/assets/icons/page_red.png");
}

ul.tree span.a.children.spanClosed.published.page-folder a {
  background-image: url("/assets/icons/folder.png");
}

ul.tree span.a.children.spanClosed.unpublished.page-folder a {
  background-image: url("/assets/icons/folder_delete.png");
}

ul.tree span.a.children.spanClosed.published.page-shortcut a {
  background-image: url("/assets/icons/link.png");
}

ul.tree span.a.children.spanClosed.unpublished.page-shortcut a {
  background-image: url("/assets/icons/link_delete.png");
}

ul.tree span.a.selected-path.spanClosed span.c {
  /* background-color: #6ca5f4; */
}

ul.tree a.delete-account {
  line-height: 15px;
}

ul.tree a.delete-account img {
  vertical-align: middle;
}

/* Unformatted tree */
ul.tree.unformatted li {
  background-image: none;
  padding-left: 16px;
}

ul.tree.unformatted li li {
  background-image: none;
  padding-left: 0px;
}

/*
 * Divs, by default store vertically aligned data
 */
/****************** Commented out by Carmen
ul.tree li div {
	float: right;
	clear: right;
	height: 1em;
	margin-top: -26px;
}
*******************/
/* As inside DIVs should be treated normally */
/************Commented out by Carmen
ul.tree div a  {
	padding: 0;
	background-image: none;
	min-height: auto;
	height: auto;
}

ul.tree li A:link, ul.tree li A:hover, ul.tree li A:visited {
	color : #111111;
}


ul.tree li .over{
	background-color : pink;
}
End commented out by carmen**********************/
ul.tree_modal span.b img.expander {
  top: 3px;
}

#page-category-index-tree-container ul.tree span.b img.expander {
  top: 5px;
}