/*

RadTreeView base css

* Notes on some CSS class names *

class  --  HTML element  --  description 

rtUL  --  <ul>  --  multiple nodes container
rtLI  --  <li>  --  one node 
rtFirst  --  <li>  -- TreeView's first node
rtLast  --  <li>  -- last node in a given node group (<ul>)
rtTop,rtMid,rtBot  --  <div>  -- a wrapper (<div>) inside a node (<li>) - can be in a top, middle or bottom node in a given node group
rtIn  --  <span> or <div>  -- the inner container inside a node - contains text (<span> rendering) or template (<div> rendering)
rtSp  --  <span>  -- holds a dummy element for adjustment of node heights (should be an even number if the skin node lines are dotted)
rtChk  --  <input>  -- holds a node's checkbox
rtImg  --  <img>  -- holds a node's icon
rtPlus,rtMinus -- <span> -- holds a node's expand / collapse buttons (plus / minus signs)

*/

/* <general styles> */

.RadTreeView{cursor: default;}
.RadTreeView .rtTop,.RadTreeView .rtMid,.RadTreeView .rtBot,.RadTreeView .rtUL{zoom:1;}
.RadTreeView .rtSp,.RadTreeView .rtImg,.RadTreeView .rtIn,.RadTreeView .rtChk{vertical-align:middle;}
.RadTreeView .rtUL{margin: 0;padding: 0;-moz-user-select: -moz-none;}
.RadTreeView .rtLI{list-style-image: none;list-style-position: outside;list-style: none;}

.RadTreeView {
width:156px;
margin:0 3px 10px 17px;
}
.RadTreeView a, .RadTreeView a:visited {
color#333;
text-decoration:none;
}
.RadTreeView a:hover{
text-decoration:underline;
}

.RadTreeView .rtUL .rtLI .rtUL{
padding-left: 14px;
}

.RadTreeView .rtTop, 
.RadTreeView .rtMid, 
.RadTreeView .rtBot{
padding: 0 0 0 6px;
}

/* <expand/collapse images> */
.RadTreeView .rtPlus, 
.RadTreeView .rtMinus{
font-size: 0;
padding: 0;
display: -moz-inline-box;
display: inline-block;
vertical-align: top;
cursor: pointer;
margin: 6px 7px 0 -18px;
width: 11px;
height: 11px;
background-repeat: no-repeat;
}

* html .RadTreeView .rtPlus, 
* html .RadTreeView .rtMinus { margin-right: 1px; }
*+html .RadTreeView .rtPlus, 
*+html .RadTreeView .rtMinus { margin-right: 1px; }
.RadTreeView .rtPlus { background-position: 0 0; }
.RadTreeView .rtPlus:hover { background-position: 0 -22px; }
.RadTreeView .rtMinus { background-position: 0 -11px; }
.RadTreeView .rtMinus:hover { background-position: 0 -33px; }
/* </expand/collapse images> */

.RadTreeView .rtSp{
display: -moz-inline-box;
display: inline-block;
width: 0px;
height: 22px;
}

.RadTreeView .rtIn{
margin-left: 1px;
padding: 4px 0px 0px 0px;
text-decoration:none;
}

/* <navigation link> */
.RadTreeView a.rtIn{cursor: pointer;}
/* </navigation link> */

/* <templates> */
.RadTreeView div.rtIn{
display:-moz-inline-block;
display:inline-block;
vertical-align:top;
}

/* <massage> */
* html .RadTreeView div.rtIn { display:inline-block; }
* html .RadTreeView div.rtIn { display:inline; }
*+html .RadTreeView div.rtIn { display:inline-block; }
*+html .RadTreeView div.rtIn { display:inline; }
/* </massage> */
.RadTreeView .rtTemplate,.RadTreeView input{ -moz-user-select: text;}
/* </templates> */

/* <loading messages> */
.RadTreeView .rtLoadingBefore,
.RadTreeView .rtLoadingAfter{
display: -moz-inline-box;
display: inline-block;
vertical-align: text-top;
width: 21px;
height: 17px;
overflow: hidden;
text-indent: -9999px;
font-size: 0;
background: url('Common/AliasedLoading.gif') no-repeat 2px 0;
}

.RadTreeView .rtLoadingBelow
{
display:block;
}

/* </loading messages> */
/* </general styles> */

/* <node states> */
.RadTreeView .rtHover .rtIn,
.RadTreeView .rtSelected .rtIn{
text-decoration:underline;
background-repeat: repeat-x;
background-position: 0 100%;
}
/* </node states> */

/* <RTL support> */
.RadTreeView_rtl .rtPlus,.RadTreeView_rtl .rtMinus{position: relative;}
/* reverts the above rule to fix the position:relative + overflow:auto bug under IE6&7 */
* html .RadTreeView_rtl .rtPlus, 
* html .RadTreeView_rtl .rtMinus { position:static; }
*+html .RadTreeView_rtl .rtPlus, 
*+html .RadTreeView_rtl .rtMinus { position:static; }
/* fixes IE6 "disappearing content" bug */
* html .RadTreeView_rtl .rtLI,* html .RadTreeView_rtl .rtIn{zoom: 1;}
* html .RadTreeView_rtl .rtIn{margin-top: -1px;}

.RadTreeView_rtl .rtUL .rtLI .rtUL{
padding-right: 15px;
padding-left: 0;
}

.RadTreeView_rtl .rtTop,
.RadTreeView_rtl .rtMid, 
.RadTreeView_rtl .rtBot{
padding: 0 15px 0 0;
margin: 0;
}

.RadTreeView_rtl .rtPlus { background-position: -11px 0; }
.RadTreeView_rtl .rtPlus:hover { background-position: -11px -22px; }
.RadTreeView_rtl .rtMinus { background-position: -11px -11px; }
.RadTreeView_rtl .rtMinus:hover { background-position: -11px -33px; }

.RadTreeView_rtl .rtPlus,
.RadTreeView_rtl .rtMinus{
margin-right:7px;
right:-20px;
}

/* firefox 2 */
.RadTreeView_rtl .rtPlus,.RadTreeView_rtl .rtMinus,x:-moz-any-link{margin-right:-11px;right:-8px;}
/* firefox 3 */
.RadTreeView_rtl .rtPlus,.RadTreeView_rtl .rtMinus,x:-moz-any-link, x:default{margin-right:7px;right:-20px;}
/* ie 6 */
* html .RadTreeView_rtl .rtPlus,* html .RadTreeView_rtl .rtMinus{margin-right:-13px;right:0;}
/* ie 7 */
*+html .RadTreeView_rtl .rtPlus,*+html .RadTreeView_rtl .rtMinus{margin-right: -13px;right: 0;}
/* safari & opera */
@media screen and (min-width:50px){
.RadTreeView .rtPlus,.RadTreeView .rtMinus{margin-right: 7px;margin-left: -18px;}
/* fix for safari bug (inline-block positioned elements in rtl mode get no width) */
:root .RadTreeView_rtl .rtPlus,:root .RadTreeView_rtl .rtMinus{right: 0;margin-right: -13px;margin-left: 2px;}
}
/* opera */
@media all and(-webkit-max-device-pixel-ratio:10000),
not all and(-webkit-min-device-pixel-ratio:0) {
:root .RadTreeView_rtl .rtPlus,:root .RadTreeView_rtl .rtMinus{position: relative;margin-left: 2px;margin-right: -13px;right: -15px;}
}

/* </RTL support> */




.RadTreeView,
.RadTreeView a.rtIn,
.RadTreeView .rtEdit .rtIn input{
color: #333;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
}

.RadTreeView .rtPlus, 
.RadTreeView .rtMinus{
background-image: url(TreeView/PlusMinus.png);
}

.RadTreeView .rtHover .rtIn{
color: #000;
}

.RadTreeView .rtLI .rtEdit .rtIn{
background: #fff;
}

.RadTreeView .rtIn,
.RadTreeView .rtDisabled .rtIn{
color: #ccc;
}