/* Default RadPanelbar 4 DNN skin */

/* panelbar wrapper */
/*   See also:  "left column (secondary navigation)" section in livingthing.css  */

.RadPanelbar_Panel
{
	/*white-space: pre-wrap;*/
	width: 100%!important;
}

.RadPanelbar_Panel .rootGroup
{
	/*padding-bottom: 6em!important;
	background-color: #e4f1de;*/
	border-top: 2px solid #FFF !important;
}

.RadPanelbar_Panel .link
{
	font-size: 100.01%;	
}
	
.RadPanelbar_Panel A .text
{
	font-size: 0.70em;
}

#dnn_dnnRADPANELBAR_RadPanel1StyleSheetHolder
{
	/*  IE reserves vertical space for this element, even though it is display: none */
	height: 1px;
}

/*  SelectedItem = item is in ancestor chain of selected page  */
/*  Selected = item is the actual selected page                */
/*  For both, use .selected.selecteditem                       */

/* default image for an item with children */
.RadPanelbar_Panel A.expandable 
{
	background-image: url(img/folder_closed.gif);
	background-repeat: no-repeat;	 
}

/* hover behaviour for an item with children */
.RadPanelbar_Panel A.expandable:hover  /*, .RadPanelbar_Panel A.expandable.selected*/
{
	background-image: url(img/folder_open_highlight.gif);
	background-repeat: no-repeat;
}

/*  default behaviour for an item with open children */
.RadPanelbar_Panel A.SelectedItem 
{
	background-image: url(img/folder_open.gif);
	background-repeat: no-repeat;
}

/*  Behaviour for an item with open children when hovered  */
.RadPanelbar_Panel A.SelectedItem:hover 
{
	background-image: url(img/folder_closed_highlight.gif);
	background-repeat: no-repeat;
}

.RadPanelbar_Panel li
{
	width: 100%;
}

.RadPanelbar_Panel A.SelectedItem .text
{
	font-weight: bold;
}

.RadPanelbar_Panel .selected
{
	color: #44a12b!important;
}

.RadPanelbar_Panel a:hover, .RadPanelbar_Panel a:focus
{
	color: #44a12b!important;
}

/*  Level 0  */
.RadPanelbar_Panel li A  
{
	background-position: 7px 1px;
	background-color: #deeed7;	
	border-bottom: 2px solid white; 
/*padding: 4px 12px 4px 10px;  	*/
}

.RadPanelbar_Panel li A .text
{
  /*padding-left: 7px;*/
	padding: 4px 12px 4px 16px;  /*  18 = 7px indent + 7px arrow graphic + 2px margin  */
}	

/*  Level 1  */
.RadPanelbar_Panel li li A
{
	background-position: 17px 1px;
	border: 0;
	background-color: #e8f3e2;
	border-bottom: 2px solid white; 
	/*padding: 4px 12px 4px 10px;*/
	
}

.RadPanelbar_Panel li li A .text
{
	/*padding-left: 17px;*/
	padding: 4px 12px 4px 26px;    /*  28 = 17px indent + 7px arrow graphic + 2px margin  */

}

/*  Level 2 */
.RadPanelbar_Panel li li li A 
{
	background-position: 27px 1px;
	border : 0;	
	background-color: #f2f8ee;
	/*padding : 4px 12px 4px 16px;*/
}

.RadPanelbar_Panel li li li A .text
{
	/*padding-left: 27px;*/
	padding : 4px 12px 4px 36px;  /*  38 = 27px indent + 7px arrow graphic + 2px margin  */
}

/*  Level 3 */
.RadPanelbar_Panel li li li li A 
{
	background-position: 37px 1px;
	border : 0;
	background-color: #f2f8ee;		
	/*padding : 4px 12px 4px 22px;*/
}

/* make level 3 show as white background when one of it's children is selected */
.RadPanelbar_Panel li li li li A.selecteditem
{
	background-color: #ffffff;		
}

.RadPanelbar_Panel li li li li A .text
{
	/*padding-left: 37px;*/
	padding : 4px 12px 4px 46px; /*  48 = 37px indent + 7px arrow graphic + 2px margin  */
}

/*  Level 4 */
.RadPanelbar_Panel li li li li li A
{
	background-position: 47px 1px;
	background-color: #ffffff;
	background-image: url(img/bullet.gif);
	background-repeat: no-repeat;
	/*line-height: 1.0em;*/
}

/* level 4 graphic is bullet even if has children */
.RadPanelbar_Panel li li li li li A
{
	background-image: url(img/bullet.gif);/*!important;*/
}

.RadPanelbar_Panel li li li li li A:hover, 
.RadPanelbar_Panel li li li li li A.selected,
.RadPanelbar_Panel li li li li li A.SelectedItem:hover 
{
	background-image: url(img/bullet_highlight.gif);/*!important;*/
}

.RadPanelbar_Panel li li li li li A .text
{
	padding : 4px 12px 4px 56px;  /*  58 = 47px indent + 7px for bullet + 2px margin  */
}

/*  Level 5 */
.RadPanelbar_Panel li li li li li li A
{
	background-position: 57px 1px;
	background-image: url(img/dash.gif)!important;
	background-color: #ffffff;	
	border-bottom: none;	
	/*line-height: 1.3em;*/
}

.RadPanelbar_Panel li li li li li li A:hover, .RadPanelbar_Panel li li li li li li A.Selected 
{
	background-image: url(img/dash_highlight.gif)!important;	
}

.RadPanelbar_Panel li li li li li li A .text
{
	padding : 4px 12px 4px 66px;  /*  68 = 57px indent + 7px for bullet + 2px margin  */
}