/*

Ionize Tree CSS

Copyright:
	Copyright (c) 2009/2011 Ionize Dev Team.
	
License:
	MIT-style license.

*/

.treeContainer{
	position: relative;
}

h3.treetitle {
	margin-right:15px;
	position: relative;
	border-radius: 10px;
	padding:3px 5px;
	margin-top: 0;
	margin-left:-4px;
	margin-bottom: 5px;
	border:none;
}
.treetitle .action {
	display:none;
	position: absolute;
	padding-top:1px;
	right:5px;
	top:2px;
}
.treetitle:hover .action {
	display:block;
}
.treetitle:hover {
	background-color: #e1e3e4;
}
.tree {
	line-height: 16px;
	margin: 0 12px 10px 0;
	overflow: hidden;
	position: relative;
}
.tree label,
.panel dd .tree label{
	min-height: 0;
	line-height: normal;
}
dd .tree input[type="checkbox"]{
	margin-top:0;
}

.tree ul {
	margin: 0;
	display:block;
}
.tree li {
	width:100%;
	min-height:18px;
	line-height: 18px;
	min-width:200px;
	clear:both;
	list-style-type: none;
	white-space: nowrap;
	position: relative;
	padding:1px 0;
	margin:-1px 0;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
}
.tree li.highlight {
	background: url(../images/bg-gray-medium.png);
}
.tree li.highlight .action{
	background: url(../images/bg-gray-medium.png);
}
.tree li a {
	text-decoration: none;
}
.tree li a.title {
	display:block;
	height: 18px;
}
.tree li a.title.selected {
	font-weight: bold;
}
h3.treetitle .locked:after,
.tree li .tree-img.no-edit:after,
.tree li .tree-img.locked:after {
	content: "\00a0";
	width: 16px;
	height: 16px;
	position: absolute;
	background: url(../images/icons_16.png) no-repeat;
	right:-4px;
	top:-4px;
}
h3.treetitle .locked:after{
	right: auto;
	top:-1px;
}

.tree li .tree-img.no-edit:after {background-position: 0 -128px;}
.tree li .tree-img.locked:after,
h3.treetitle .locked:after{
	background-position: -16px -128px;
}

.tree li img {
	vertical-align: middle;
	width: 16px;
	height: 16px;
	overflow: hidden;
	border:none;
}
.tree li .action{
	position: absolute;
	right: 0;
	top:2px;
	height:18px;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
	z-index: 3;
}
.tree li .icon{
	float:right;
	width:16px;
	height:16px;
	padding-right: 0;
	margin-left: 5px;
}
.tree li .icon a{
	width:16px;
	height:16px;
	display:block;
}
.tree li label {
	margin:0;
}
/* Tree nodes */
.tree-img {
	float:left;
	height:16px;
	width:16px;
	margin-top:1px;
    background:transparent url(../images/icons_16.png) repeat scroll;
	position: relative;
}

.tree-img.line {
	background-position: 0 0;
}

/* Standard tree line */
.tree-img.line.node {
	background-position: 0 0;
}

/* Line with one node after */
.tree-img.line.last {
	background-position: 0 0;
}

/* Last element line */
.tree-img.line.empty {
	background-position: 0 0;
}

/* Empty line (spacer) */
.tree-img.plus {
	background-position: -176px 0;
}

/* Plus icon */
.tree-img.plus.first {
	background-position: -176px 0;
}

.tree-img.plus.last {
	background-position: -176px 0;
}

.tree-img.minus {
	background-position: -192px 0;
}

/* Minus icon */
.tree-img.minus.first {
	background-position: -192px 0;
}

.tree-img.minus.last {
	background-position: -192px 0;
}

.tree-img.plus, .tree-img.minus {
	cursor: pointer;
}

.tree-img.folder {
	background-position: 0 -16px;
	margin-right: 5px;
}

/* Closed folder */
.tree-img.folder.open {
	background-position: -16px -16px;
}

/* Opened folder */
.tree-img.folder.home {
	background-position: -64px -16px;
}

/* Closed home folder */
.tree-img.folder.home.open {
	background-position: -80px -16px;
}

/* Closed home folder */
.tree-img.folder.hidden {
	background-position: -32px -16px;
	margin-right: 5px;
}

/* Closed folder hidden in nav */

.tree-img.folder.open.hidden {
	background-position: -48px -16px;
	margin-right: 5px;
}

/* Closed folder hidden in nav */
.tree-img.folder.home.hidden {
	background-position: -96px -16px;
	margin-right: 5px;
}

.tree-img.folder.home.open.hidden {
	background-position: -112px -16px;
	margin-right: 5px;
}

.tree-img.file {
	background-position: -160px -16px;
	margin-right: 5px;
}

/* File */
.tree-img.sticky {
	background-position: -144px -16px;
	margin-right: 5px;
}

/* File */
.tree-img.filelink {
	background-position: -176px -16px;
	margin-right: 5px;
}

/* Link to File */
.tree-img.folderlink {
	background-position: -378px 50%;
	margin-right: 5px;
}

/* Link to Folder */
.tree-img.file.link {
	background-position: -192px -16px;
	margin-right: 5px;
}

/* Link to ... */
.tree-img.sticky.link {
	background-position: -176px -16px;
	margin-right: 5px;
}

/* Link to ... */

/* Last file child node line  */
.tree li.file:last-child div.node {
	background-position: 0 0;
}

/* First root folder plus / minus icons */
.tree > li.folder:first-child > div.plus:first-child {
	background-position: -176px 0;
}

.tree > li.folder:first-child > div.minus:first-child {
	background-position: -192px 0;
}

.tree > li.folder:last-child > div.plus:first-child {
	background-position: -176px 0;
}

.tree > li.folder:last-child > div.minus:first-child {
	background-position: -192px 0;
}

/* last root folder first line empty */
.tree > li.folder:last-child li div:first-child {
	background-position: -0 0;
}

.dragtreeli .action {
	display: none;
}

#splitPanel_sideColumn .tree,
#maincolumn .tree {
	margin: 0;
}

