rlm@46: /*
rlm@46:  * Ext JS Library 2.1
rlm@46:  * Copyright(c) 2006-2008, Ext JS, LLC.
rlm@46:  * licensing@extjs.com
rlm@46:  * 
rlm@46:  * http://extjs.com/license
rlm@46:  */
rlm@46: 
rlm@46: .x-tree .x-panel-body{
rlm@46:     background-color:#fff;
rlm@46: }
rlm@46: .ext-strict .ext-ie .x-tree .x-panel-bwrap{
rlm@46:     position:relative;
rlm@46:     overflow:hidden;
rlm@46: }
rlm@46: .x-tree-icon, .x-tree-ec-icon, .x-tree-elbow-line, .x-tree-elbow, .x-tree-elbow-end, .x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{
rlm@46: 	border: 0 none;
rlm@46: 	height: 18px;
rlm@46: 	margin: 0;
rlm@46: 	padding: 0;
rlm@46: 	vertical-align: top;
rlm@46: 	width: 16px;
rlm@46:     background-repeat: no-repeat;
rlm@46: }
rlm@46: .x-tree-node-collapsed .x-tree-node-icon, .x-tree-node-expanded .x-tree-node-icon, .x-tree-node-leaf .x-tree-node-icon{
rlm@46: 	border: 0 none;
rlm@46: 	height: 18px;
rlm@46: 	margin: 0;
rlm@46: 	padding: 0;
rlm@46: 	vertical-align: top;
rlm@46: 	width: 16px;
rlm@46: 	background-position:center;
rlm@46:     background-repeat: no-repeat;
rlm@46: }
rlm@46: .ext-ie .x-tree-node-indent img, .ext-ie .x-tree-node-icon, .ext-ie .x-tree-ec-icon {
rlm@46:     vertical-align:middle !important;
rlm@46: }
rlm@46: /* some default icons for leaf/folder */
rlm@46: .x-tree-node-expanded .x-tree-node-icon{
rlm@46: 	background-image:url(../images/default/tree/folder-open.gif);
rlm@46: }
rlm@46: .x-tree-node-leaf .x-tree-node-icon{
rlm@46: 	background-image:url(../images/default/tree/leaf.gif);
rlm@46: }
rlm@46: .x-tree-node-collapsed .x-tree-node-icon{
rlm@46: 	background-image:url(../images/default/tree/folder.gif);
rlm@46: }
rlm@46: /* checkboxes */
rlm@46: .ext-ie input.x-tree-node-cb {
rlm@46:     width:15px;
rlm@46:     height:15px;
rlm@46: }
rlm@46: input.x-tree-node-cb {
rlm@46:     margin-left:1px;
rlm@46: }
rlm@46: .ext-ie input.x-tree-node-cb {
rlm@46:     margin-left:0;
rlm@46: }
rlm@46: 
rlm@46: .x-tree-noicon .x-tree-node-icon{
rlm@46: 	width:0; height:0;
rlm@46: }
rlm@46: /* loading icon */
rlm@46: .x-tree-node-loading .x-tree-node-icon{
rlm@46: 	background-image:url(../images/default/tree/loading.gif) !important;
rlm@46: }
rlm@46: .x-tree-node-loading a span{
rlm@46: 	 font-style: italic;
rlm@46: 	 color:#444444;
rlm@46: }
rlm@46: .ext-ie .x-tree-node-el input {
rlm@46:     width:15px;
rlm@46:     height:15px;
rlm@46: }
rlm@46: /* Line styles */
rlm@46: .x-tree-lines .x-tree-elbow{
rlm@46: 	background-image:url(../images/default/tree/elbow.gif);
rlm@46: }
rlm@46: .x-tree-lines .x-tree-elbow-plus{
rlm@46: 	background-image:url(../images/default/tree/elbow-plus.gif);
rlm@46: }
rlm@46: .x-tree-lines .x-tree-elbow-minus{
rlm@46: 	background-image:url(../images/default/tree/elbow-minus.gif);
rlm@46: }
rlm@46: .x-tree-lines .x-tree-elbow-end{
rlm@46: 	background-image:url(../images/default/tree/elbow-end.gif);
rlm@46: }
rlm@46: .x-tree-lines .x-tree-elbow-end-plus{
rlm@46: 	background-image:url(../images/default/tree/elbow-end-plus.gif);
rlm@46: }
rlm@46: .x-tree-lines .x-tree-elbow-end-minus{
rlm@46: 	background-image:url(../images/default/tree/elbow-end-minus.gif);
rlm@46: }
rlm@46: .x-tree-lines .x-tree-elbow-line{
rlm@46: 	background-image:url(../images/default/tree/elbow-line.gif);
rlm@46: }
rlm@46: 
rlm@46: /* No line styles */
rlm@46: .x-tree-no-lines .x-tree-elbow{
rlm@46: 	background:transparent;
rlm@46: }
rlm@46: .x-tree-no-lines .x-tree-elbow-plus{
rlm@46: 	background-image:url(../images/default/tree/elbow-plus-nl.gif);
rlm@46: }
rlm@46: .x-tree-no-lines .x-tree-elbow-minus{
rlm@46: 	background-image:url(../images/default/tree/elbow-minus-nl.gif);
rlm@46: }
rlm@46: .x-tree-no-lines .x-tree-elbow-end{
rlm@46: 	background:transparent;
rlm@46: }
rlm@46: .x-tree-no-lines .x-tree-elbow-end-plus{
rlm@46: 	background-image:url(../images/default/tree/elbow-end-plus-nl.gif);
rlm@46: }
rlm@46: .x-tree-no-lines .x-tree-elbow-end-minus{
rlm@46: 	background-image:url(../images/default/tree/elbow-end-minus-nl.gif);
rlm@46: }
rlm@46: .x-tree-no-lines .x-tree-elbow-line{
rlm@46: 	background:transparent;
rlm@46: }
rlm@46: 
rlm@46: 
rlm@46: /* Arrows */
rlm@46: .x-tree-arrows .x-tree-elbow{
rlm@46: 	background:transparent;
rlm@46: }
rlm@46: .x-tree-arrows .x-tree-elbow-plus{
rlm@46:     background:transparent url(../images/default/tree/arrows.gif) no-repeat 0 0;
rlm@46: }
rlm@46: .x-tree-arrows .x-tree-elbow-minus{
rlm@46:     background:transparent url(../images/default/tree/arrows.gif) no-repeat -16px 0;
rlm@46: }
rlm@46: .x-tree-arrows .x-tree-elbow-end{
rlm@46: 	background:transparent;
rlm@46: }
rlm@46: .x-tree-arrows .x-tree-elbow-end-plus{
rlm@46:     background:transparent url(../images/default/tree/arrows.gif) no-repeat 0 0;
rlm@46: }
rlm@46: .x-tree-arrows .x-tree-elbow-end-minus{
rlm@46:     background:transparent url(../images/default/tree/arrows.gif) no-repeat -16px 0;
rlm@46: }
rlm@46: .x-tree-arrows .x-tree-elbow-line{
rlm@46: 	background:transparent;
rlm@46: }
rlm@46: 
rlm@46: .x-tree-arrows .x-tree-ec-over .x-tree-elbow-plus{
rlm@46:     background-position:-32px 0;
rlm@46: }
rlm@46: .x-tree-arrows .x-tree-ec-over .x-tree-elbow-minus{
rlm@46:     background-position:-48px 0;
rlm@46: }
rlm@46: .x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-plus{
rlm@46:     background-position:-32px 0;
rlm@46: }
rlm@46: .x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-minus{
rlm@46:     background-position:-48px 0;
rlm@46: }
rlm@46: 
rlm@46: 
rlm@46: 
rlm@46: .x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{
rlm@46: 	cursor:pointer;
rlm@46: }
rlm@46: .ext-ie ul.x-tree-node-ct{
rlm@46:     font-size:0;
rlm@46:     line-height:0;
rlm@46:     zoom:1;
rlm@46: }
rlm@46: .x-tree-node{
rlm@46: 	color: black;
rlm@46: 	font: normal 11px arial, tahoma, helvetica, sans-serif;
rlm@46: 	white-space: nowrap;
rlm@46: }
rlm@46: 
rlm@46: .x-tree-node-el {
rlm@46:     line-height:18px;
rlm@46:     cursor:pointer;
rlm@46: }
rlm@46: 
rlm@46: .x-tree-node a, .x-dd-drag-ghost a{
rlm@46: 	text-decoration:none;
rlm@46: 	color:black;
rlm@46: 	-khtml-user-select:none;
rlm@46: 	-moz-user-select:none;
rlm@46:     -kthml-user-focus:normal;
rlm@46:     -moz-user-focus:normal;
rlm@46:     -moz-outline: 0 none;
rlm@46:     outline:0 none;
rlm@46: }
rlm@46: .x-tree-node a span, .x-dd-drag-ghost a span{
rlm@46: 	text-decoration:none;
rlm@46: 	color:black;
rlm@46: 	padding:1px 3px 1px 2px;
rlm@46: }
rlm@46: .x-tree-node .x-tree-node-disabled a span{
rlm@46: 	color:gray !important;
rlm@46: }
rlm@46: .x-tree-node .x-tree-node-disabled .x-tree-node-icon{
rlm@46: 	-moz-opacity: 0.5;
rlm@46:    opacity:.5;
rlm@46:    filter: alpha(opacity=50);
rlm@46: }
rlm@46: .x-tree-node .x-tree-node-inline-icon{
rlm@46: 	background:transparent;
rlm@46: }
rlm@46: .x-tree-node a:hover, .x-dd-drag-ghost a:hover{
rlm@46: 	text-decoration:none;
rlm@46: }
rlm@46: .x-tree-node div.x-tree-drag-insert-below{
rlm@46:  	 border-bottom:1px dotted #3366cc;
rlm@46: }
rlm@46: .x-tree-node div.x-tree-drag-insert-above{
rlm@46: 	 border-top:1px dotted #3366cc;
rlm@46: }
rlm@46: .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below{
rlm@46:  	 border-bottom:0 none;
rlm@46: }
rlm@46: .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above{
rlm@46: 	 border-top:0 none;
rlm@46: }
rlm@46: .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{
rlm@46:  	 border-bottom:2px solid #3366cc;
rlm@46: }
rlm@46: .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{
rlm@46: 	 border-top:2px solid #3366cc;
rlm@46: }
rlm@46: .x-tree-node .x-tree-drag-append a span{
rlm@46: 	 background:#dddddd;
rlm@46: 	 border:1px dotted gray;
rlm@46: }
rlm@46: .x-tree-node .x-tree-node-over {
rlm@46: 	background-color: #eee;
rlm@46: }
rlm@46: .x-tree-node .x-tree-selected {
rlm@46: 	background-color: #d9e8fb;
rlm@46: }
rlm@46: .x-dd-drag-ghost .x-tree-node-indent, .x-dd-drag-ghost .x-tree-ec-icon{
rlm@46: 	display:none !important;
rlm@46: }
rlm@46: .x-tree-drop-ok-append .x-dd-drop-icon{
rlm@46:   background-image: url(../images/default/tree/drop-add.gif);
rlm@46: }
rlm@46: .x-tree-drop-ok-above .x-dd-drop-icon{
rlm@46:   background-image: url(../images/default/tree/drop-over.gif);
rlm@46: }
rlm@46: .x-tree-drop-ok-below .x-dd-drop-icon{
rlm@46:   background-image: url(../images/default/tree/drop-under.gif);
rlm@46: }
rlm@46: .x-tree-drop-ok-between .x-dd-drop-icon{
rlm@46:   background-image: url(../images/default/tree/drop-between.gif);
rlm@46: }
rlm@46: /* Fix for ie rootVisible:false issue */
rlm@46: .x-tree-root-ct {
rlm@46:     zoom:1;
rlm@46: }