/*
* COMPONENTS CSS
* CenturionUI CSS-JS Framework
* Copyright (c) 2009
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* ------------------------------------------------------------------------------------
TREE */


.tree {						margin:0; padding:0 0 10px 10px; background:url(../images/bg-tree.png) repeat 0 0px #fff; 
							font:normal 11px Arial, sans-serif; color:#454545; }
.tree ul {					margin:0; padding:0 0 0 7px; 
							background:url(../images/px-vertical-line.png) 7px bottom repeat-y; list-style:none;}
.tree li {					position:relative; padding:0 0 0 11px; margin:0; height:auto; 
							background:url(../images/px-horizontal-line.png) 0 12px no-repeat; }
.item_name { 				padding:5px 0 3px 22px; background:url(../images/icon-page.png) 0 3px no-repeat; height:auto; line-height:16px; }
.item_name_hover {			font-weight:bold; color:#ff2d03; 
							background-color:#e5ecf9; background-image:url(../images/icon-page-hover.png); }
.item_root_name { 			padding:5px 0 3px 22px; background:url(../images/icon-root.png) 0 5px no-repeat; height:auto; line-height:16px;
							font:bold 13px/15px Arial, sans-serif; }

.jTreePlacement {  			display: block; border-bottom: 2px dashed #fe340c; height:22px; 
							background:url(../images/icon-arrow-insert.png) 5px 7px no-repeat; } 							
							
img.icon-less,
img.icon-more { 			position:absolute; left:-7px !important; left:-18px; }

span.icon-less { 			height:15px; width:15px; position:absolute; left:-7px !important; left:-18px; 
							background:url(../images/icon-less.png) no-repeat; }
span.icon-more { 			height:15px; width:15px; position:absolute; left:-7px !important; left:-18px; 
							background:url(../images/icon-more.png) no-repeat; }
span.move{					position:absolute; right:10px; top:7px; background:url(../images/icon-move.png) no-repeat; text-indent:-9999px; 
							height:13px; width:13px; }
span.move-hover {			background:url(../images/icon-move-hover.png) no-repeat; }							
							
							/* Generic context menu styles */
.contextMenu { 				padding: 0px; margin: 0px; position: absolute; width: 120px; z-index: 99999; background: #fff;
							border: solid 1px #c8c8c8; border-left: solid 1px #e3e3e3; border-top:none; display: none; }
.contextMenu li { 			list-style: none; padding: 0px; margin: 0px; border-top: solid 1px #e3e3e3; }
.contextMenu a { 			padding: 5px 5px 0 22px; color: #444; text-decoration: none; display: block; line-height: 20px; height: 20px;
							background-position: 6px center; background-repeat: no-repeat; outline: none;
							font:normal 11px/13px Arial, sans-serif; }
.contextMenu li.hover  	{			background-color: #f1f1f1; }
.contextMenu li.hover a {			filter:alpha(opacity=40); -moz-opacity:.40; opacity:.40;  }
.contextMenu li.disabled a { 		color: #aaa; cursor: default; }
.contextMenu li.hover.disabled a {	background-color: transparent;}
.contextMenu li.edit a { 			background-image: url(../images/icon-contextmenu-target.png); }
.contextMenu li.add a { 			background-image: url(../images/icon-contextmenu-plus.png); }
.contextMenu li.hide a { 			background-image: url(../images/icon-contextmenu-hide.png); }
.contextMenu li.delete a { 			background-image: url(../images/icon-contextmenu-cross.png); }