/*

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 {
	white-space: nowrap;
	cursor: default;
}

.RadTreeView .rtTop, .RadTreeView .rtMid, .RadTreeView .rtBot, .RadTreeView .rtUL {
	zoom: 1;
}

.RadTreeView .rtSp, .RadTreeView .rtImg, .RadTreeView .rtIn {
	vertical-align: middle;
	font-size: 90%;
}

.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 .rtTop, .RadTreeView .rtMid, .RadTreeView .rtBot {
	padding: 0px 0px 0px 0px;
}

.RadTreeView .rtSp {
	display: -moz-inline-box;
	display: inline-block;
	width: 1px;
	margin-left: -1px;
	height: 22px;
}
.RadTreeView .rtIn {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;		
}

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

/* <templates> */

.RadTreeView div.rtIn {
	display: -moz-inline-block;
	display: inline-block;
}

/* <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> */

/* <node states> */
.RadTreeView ul li {
	margin-bottom: 3px;
}
.RadTreeView ul li ul li {
	margin-bottom: 0px;
}
/* Top level */
.RadTreeView ul li div {
	width: 195px;	
	background-image: url(/images/nav_up.gif);
	background-repeat: no-repeat;
	background-position: top left;
	cursor: pointer;
}
.RadTreeView ul li div.rtSelected {
	background-image: url(/images/nav_selected.gif);
}
.RadTreeView ul li div.rtHover  {
	background-image: url(/images/nav_over.gif);
}
.RadTreeView ul li ul li div {
	width: 185px;
	background: 0;
	border-bottom: 1px solid #dddddd;
}
.RadTreeView ul li ul li div.rtSelected, .RadTreeView ul li ul li div.rtHover  {	
	background-image: none;
	background-color: #ffffff;
}

/* Top level with children */
.RadTreeView ul li div.rtChildren {
	background-image: url(/images/nav_arrow_up.gif);
}
.RadTreeView ul li div.rtChildrenSelected {
	background-image: url(/images/nav_arrow_selected.gif);
}
.RadTreeView ul li div.rtChildrenHover {
	background-image: url(/images/nav_arrow_over.gif);
}


/* </node states> */

/* Anchor tags */
/* Top level */
.RadTreeView ul li div a, .RadTreeView ul li div a:hover {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

/* Secondary level */
.RadTreeView ul li ul li div a, .RadTreeView ul li ul li div a:hover {
	color: #323232;	
	font-weight: normal;
	text-decoration: none;
}

/* Hide all level 2 items and below */
.RadTreeView ul li ul li ul {
	display: none;
}