/* Clicked / Selected Rules referenced in the Panelbar.ascx.cs */ 
html .RadPanelBar_SFCCSkin .rpRootGroup li.rpItem .rpLink{}
.childclicked
{
    /* **for IE** 
    filter:alpha(opacity=30);*/
    /* **CSS3 standard** 
    opacity:0.3; */
    background-image: url(/Skins/SFCCSkin/PanelBar/PBack.png);
    background-repeat: repeat;    
}
 a.rpLink {padding-left: 15px; display: block}
.clicked
{
    color: Red;   
}
/* End Clicked / Selected Rules  */ 

/* SFCC Transitional design */
.panelNav ul li ul li:hover
{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffe691+1,fdcc50+100 */
    background: rgb(255,230,145); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(255,230,145,1) 1%, rgba(253,204,80,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(255,230,145,1) 1%,rgba(253,204,80,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(255,230,145,1) 1%,rgba(253,204,80,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe691', endColorstr='#fdcc50',GradientType=1 ); /* IE6-9 */
}

.RadPanelBar_SFCCSkin .rpItem
{
	float: none;
	display: block;
	overflow: hidden;
	position: static;	
	width: 223px;   /* menu width */
	
}
.RadPanelBar_SFCCSkin li .rpLast
{/* Royal Blue */
}
.RadPanelBar_SFCCSkin .rpSlide li .rpLast
{
    border-bottom: 0px;  /* Royal Blue */
}
div.RadPanelBar_SFCCSkin .rpRootGroup
{
	padding: 0px 0px 2px 0px;
	border: 0;
	
}

.RadPanelBar_SFCCSkin .rpLink,
.RadPanelBar_SFCCSkin .rpTemplate
{
	
text-align: left;
}

/****** Adjust line-height for IE - SFCC*******/
* + html div.RadPanelBar_SFCCSkin .rpItem
{
	display: inline-block;
	font-size: 0;
	line-height: 20px;
}

* html div.RadPanelBar_SFCCSkin .rpItem
{
	display: inline-block;
	font-size: 0;
	line-height: 9px;
}
div.RadPanelBar_SFCCSkin .rprootgroup .rpItem
{
	display: inline-block;
	font-size: 0;
	line-height: 9px;
}

div.RadPanelBar_SFCCSkin .rpLast
{
	border-width: 1px 0;
}


div.RadPanelBar_SFCCSkin .rpLink,
div.RadPanelBar_SFCCSkin .rpGroup .rpLink
{
	border: 0;
	padding: 1px 0px 1px 0px;
}

div.RadPanelBar_SFCCSkin .rpLink .rpOut,
div.RadPanelBar_SFCCSkin .rpGroup .rpLink .rpOut
{
/* margin: 1px 0 0 1px; */
	padding-bottom: 1px;
	border-bottom: 0;
/* padding-top: 5px; */}

/*div.RadPanelBar_SFCCSkin_rtl .rpLink .rpOut,
div.RadPanelBar_SFCCSkin_rtl .rpGroup .rpLink .rpOut
{
	margin: 1px 1px 0 0;
}*/

div.RadPanelBar_SFCCSkin .rpGroup .rpLink .rpOut
{
	padding-bottom: 0;
}

/* compensate for borders */

div.RadPanelBar_SFCCSkin .rpLink:hover,
div.RadPanelBar_SFCCSkin .rpGroup .rpLink:hover
{
  /*  
	padding: 0;
	border: 1px solid #d6d6d6;
	background: transparent url('PanelBar/RootItemBg.png') no-repeat 0 0; */
}

div.RadPanelBar_SFCCSkin .rpRootGroup .rpFocused,

/*Selected Item Text Color ***SFCC*** 
RadPanelBar_SFCCSkin .rpSelected 

{
    color: #6C6CB5;
}*/
div.RadPanelBar_SFCCSkin .rpRootGroup .rpFocused:hover,
div.RadPanelBar_SFCCSkin .rpRootGroup .rpSelected
{
    /* color: #2A59A5; */
    padding: 0px 0px 0px 0px;
}
div.RadPanelBar_SFCCSkin .rpRootGroup .rpSelected:hover
{
    padding: 0px
}

/* <disabled items> */
div.RadPanelBar_SFCCSkin .rpDisabled,
div.RadPanelBar_SFCCSkin .rpDisabled:hover
{
	color: #bbb;
	cursor: default;
	background-image: none;
	border: 0;
	padding: 1px;
}

div.RadPanelBar_SFCCSkin .rpDisabled .rpOut,
div.RadPanelBar_SFCCSkin .rpDisabled:hover .rpOut
{
	padding-bottom: 1px;
	border: 0;
}

/* </disabled items> */

/* <expand arrows> */
.RadPanelBar_SFCCSkin .rpExpandable .rpOut,
.RadPanelBar_SFCCSkin .rpExpanded .rpOut
{
	background-color: transparent;
/*	background-image: url('PanelBar/Expandable.png'); Default Background Image for Expandable Items... ie, childnodes */
	background-repeat: no-repeat;
}

.RadPanelBar_SFCCSkin_rtl .rpExpandable .rpOut,
.RadPanelBar_SFCCSkin_rtl .rpExpanded .rpOut
{
	background-image: url('PanelBar/ExpandableRTL.png');
}
/* </expand arrows> */

/* <subitems> */

div.RadPanelBar_SFCCSkin .rpGroup .rpLink,
div.RadPanelBar_SFCCSkin .rpGroup .rpTemplate
{
	background-image: none;
	font-weight: normal;
}

/* <subitems (disabled)> */
div.RadPanelBar_SFCCSkin .rpGroup .rpDisabled,
div.RadPanelBar_SFCCSkin .rpGroup .rpDisabled:hover
{
	background-image: none;
	color: #bbb;
	border: 0;
	padding: 1px;
}
/* </subitems (disabled)> */

/* <subitems> */

/*      <expand arrows> */

/*   entire menu  ****SFCC***** */
.RadPanelBar_SFCCSkin .rpRootGroup .rpOut,


div.RadPanelBar_SFCCSkin .rpLevel2 .rpTemplate,
div.RadPanelBar_SFCCSkin .rpRootGroup .rpLevel2 .rpOut

{ 
	padding-left: 0px;
}

div.RadPanelBar_SFCCSkin .rpLevel3 .rpTemplate,
div.RadPanelBar_SFCCSkin .rpLevel3 .rpOut
{
	padding-left: 0px;
}

/*        Second Level Padding ******  SFCC   **********   */
.RadPanelBar_SFCCSkin .rpSlide
{
	padding-left: 0px;
}


.RadPanelBar_SFCCSkin_rtl .rpRootGroup .rpOut
{ 
	padding-left: 0px;
	padding-right: 0px;
}

div.RadPanelBar_SFCCSkin_rtl .rpLevel2 .rpTemplate,
div.RadPanelBar_SFCCSkin_rtl .rpLevel2 .rpOut,
div.RadPanelBar_SFCCSkin_rtl .rpLevel3 .rpTemplate,
div.RadPanelBar_SFCCSkin_rtl .rpLevel3 .rpOut
{
	padding-left: auto;
	padding-right: 0px;
}



div.RadPanelBar_SFCCSkin .rpText 
{
    FONT-SIZE: 9pt;
    /*COLOR: #000000;*/
    color:#464646;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
	text-align: left;
	padding-left: 2px;
	
}


div.RadPanelBar_SFCCSkin .rpText:hover
 {
    FONT-SIZE: 9pt;
    /* COLOR: #2a59a5;*/
    color:#000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
	text-align: left;
}
/* Sets color of Expanded Text item... Not the items children ***SFCC*** */
.RadPanelBar_SFCCSkin .rpExpanded .rpText
{
 color: #333;
}
.RadPanelBar_SFCCSkin .rpExpanded .rpSelected .rpText,
.RadPanelBar_SFCCSkin .rpSelected .rpText
{
     color: #333;/*red*/
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffe691+1,fdcc50+100 */
    background: rgb(255,230,145); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(255,230,145,1) 1%, rgba(253,204,80,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(255,230,145,1) 1%,rgba(253,204,80,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(255,230,145,1) 1%,rgba(253,204,80,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe691', endColorstr='#fdcc50',GradientType=1 ); /* IE6-9 */
}

.RadPanelBar_SFCCSkin .rpExpandable .rpOut { background-position: 0 0; }
.RadPanelBar_SFCCSkin .rpExpanded .rpOut { background-position: 0 -176px; }
.RadPanelBar_SFCCSkin_rtl .rpExpandable .rpOut { background-position: 100% 0; }
.RadPanelBar_SFCCSkin_rtl .rpExpanded .rpOut { background-position: 100% -176px; }

.RadPanelBar_SFCCSkin .rpGroup .rpExpandable .rpOut { background-position: 0 -338px; }
.RadPanelBar_SFCCSkin .rpGroup .rpExpanded .rpOut { background-position: 0 -477px; }
.RadPanelBar_SFCCSkin_rtl .rpGroup .rpExpandable .rpOut { background-position: 100% -338px; }
.RadPanelBar_SFCCSkin_rtl .rpGroup .rpExpanded .rpOut { background-position: 100% -477px; }

/*      </expand arrows> */

/* </background positioning> */