/* !!! Стиль общий для всего меню (включая обычные пункты первого уровня) */
.RadPanelBar_Brown
{
    background-color: #c8bba8;
    font-family: Arial Narrow;
    font-size: 12pt;
    text-align: left;
}

/* !!! Цвет текста для всего меню лучше указывать здесь (тогда линки всегда одного цвета) */
.RadPanelBar_Brown .rpLink, 
.RadPanelBar_Brown .rpTemplate
{
    color: #383431;  /* 56.52.49 */
}

/* !!! Цвета "бегающего" пункта меню (1-ый уровень) */
.RadPanelBar_Brown .rpFocused,
.RadPanelBar_Brown .rpLink:hover
{
    background-color: #FFF8E3;
    color: #892500;
}

/* !!! Цвета выделенного пункта меню (1-ый уровень) */ 
.RadPanelBar_Brown .rpSelected, 
.RadPanelBar_Brown .rpSelected:hover
{
    background-color: #957E5E;
    color: #FFFCEC;
    border-color: #ca4b0c;
    font-weight: bold;
}

/* !!! Цвета пунктов 2-го уровня */
.RadPanelBar_Brown .rpGroup
{
    background-color: #E4DAC5; /* 228.218.197 */
    /* цвет текста наследуется */
}

/* !!! Цвета "бегающего" пункта меню 2-го уровня */
div.RadPanelBar_Brown .rpGroup .rpLink:hover,
div.RadPanelBar_Brown .rpGroup .rpFocused
{
	background-color: #FFF8E3;  /* 255.248.227 */
	/* цвет текста наследуется */
}

/* !!! Цвета для выделенного пункта меню 2-го уровня */
div.RadPanelBar_Brown .rpGroup .rpSelected,
div.RadPanelBar_Brown .rpGroup .rpSelected:hover
{
	background-color: #BFAD9D;
	border-color: #ca4b0c;
	/* цвет текста наследуется */
}



/*****************************************************************************/

.RadPanelBar_Brown .rpRootGroup
{
	border: none !important; 
}

.RadPanelBar_Brown .rpLink
{
    border-bottom: solid 2px White !important;
}

/* compensate for borders */

.RadPanelBar_Brown .rpOut
{
	border-color: #e4e4e4;
}

.RadPanelBar_Brown .rpExpanded
{
	border-color: #e4e4e4;
}



div.RadPanelBar_Brown .rpLink .rpOut,
div.RadPanelBar_Brown .rpFocused .rpOut, 
div.RadPanelBar_Brown .rpLink:hover .rpOut, 
div.RadPanelBar_Brown .rpSelected .rpOut, 
div.RadPanelBar_Brown .rpSelected:hover .rpOut
{
	padding-bottom: 1px;
	border: 0;
}

/* <disabled items> */
.RadPanelBar_Brown .rpDisabled,
.RadPanelBar_Brown .rpDisabled:hover
{
	color: #bbb;
	background-color: #e4e4e4;
	border-color: #999;
	cursor: default;
}

.RadPanelBar_Brown .rpDisabled:hover .rpOut
{
	border-color: #e4e4e4;
}
/* </disabled items> */

/* <expand arrows> */
.RadPanelBar_Brown .rpExpandable .rpText,
.RadPanelBar_Brown .rpExpanded .rpText
{
	background-color: transparent;
	background-image: url('../../img/panelBar/Expandable.png');
	background-repeat: no-repeat;
}
/* </expand arrows> */


/* <subitems> */



div.RadPanelBar_Brown .rpGroup .rpLink,
div.RadPanelBar_Brown .rpGroup .rpTemplate
{
	border: 0;
	margin: 0 0 0 10px;
	font-size: 10pt;
}

/* remove default 1px top padding */ 
div.RadPanelBar_Brown .rpGroup .rpFirst
{
    padding-top: 0;
}
div.RadPanelBar_Brown .rpGroup .rpLast
{
    padding-bottom: 0;
}

/* last item has wider bottom line */
div.RadPanelBar_Brown .rpGroup .rpLast .rpLink 
{
    border-bottom: none !important;
}
div.RadPanelBar_Brown div.rpSlide
{
    border-bottom: solid 2px White;
}



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

/* <subitems> */

/* <background positioning> */
.RadPanelBar_Brown .rpLink,
.RadPanelBar_Brown .rpExpanded
{
	background-position: 0 0;
}

.RadPanelBar_Brown .rpFocused,
.RadPanelBar_Brown .rpLink:hover,
.RadPanelBar_Brown .rpExpanded:hover
{
	background-position: 0 -200px;
}

.RadPanelBar_Brown .rpSelected,
.RadPanelBar_Brown .rpSelected:hover
{
	background-position: 0 -400px;
}

.RadPanelBar_Brown .rpFirst .rpLink,
.RadPanelBar_Brown .rpFirst .rpExpanded
{
	background-position: 0 -1px;
}

.RadPanelBar_Brown .rpFirst .rpFocused,
.RadPanelBar_Brown .rpFirst .rpLink:hover
{
	background-position: 0 -201px;
}

.RadPanelBar_Brown .rpFirst .rpSelected,
.RadPanelBar_Brown .rpFirst .rpSelected:hover
{
	background-position: 0 -401px;
}

/*      <expand arrows> */
.RadPanelBar_Brown .rpExpandable .rpText,
.RadPanelBar_Brown .rpExpanded .rpText
{
	padding-right: 20px;
	background-repeat: no-repeat;
}

.RadPanelBar_Brown_rtl .rpExpandable .rpText,
.RadPanelBar_Brown_rtl .rpExpanded .rpText
{
	padding-left: 20px;
}

.RadPanelBar_Brown_rtl .rpGroup .rpText
{
	padding: 0 10px;
}

.RadPanelBar_Brown .rpExpandable .rpText { background-position: 100% 0; }
.RadPanelBar_Brown .rpExpanded .rpText { background-position: 100% -176px; }
.RadPanelBar_Brown_rtl .rpExpandable .rpText { background-position: 0 0; }
.RadPanelBar_Brown_rtl .rpExpanded .rpText { background-position: 0 -176px; }

.RadPanelBar_Brown .rpGroup .rpExpandable .rpText { background-position: 100% -338px; }
.RadPanelBar_Brown .rpGroup .rpExpanded .rpText { background-position: 100% -477px; }
.RadPanelBar_Brown_rtl .rpGroup .rpExpandable .rpText { background-position: 0 -338px; }
.RadPanelBar_Brown_rtl .rpGroup .rpExpanded .rpText { background-position: 0 -477px; }

/*      </expand arrows> */

.RadPanelBar_Brown .rpGroup .rpLink,
.RadPanelBar_Brown .rpGroup .rpLink .rpOut { background-position: 0 200px; }

.RadPanelBar_Brown .rpGroup .rpLink:hover,
.RadPanelBar_Brown .rpGroup .rpFocused { background-position: 100% -22px; }
.RadPanelBar_Brown .rpGroup .rpLink:hover .rpOut,
.RadPanelBar_Brown .rpGroup .rpFocused .rpOut { background-position: 0 0; }

/*      <subitems (selected)> */
.RadPanelBar_Brown .rpGroup .rpSelected,
.RadPanelBar_Brown .rpGroup .rpSelected:hover { background-position: 100% -222px; background-color: transparent; }
.RadPanelBar_Brown .rpGroup .rpSelected .rpOut,
.RadPanelBar_Brown .rpGroup .rpSelected:hover .rpOut { background-position: 0 -200px; }
/*      </subitems (selected)> */

/* </background positioning> */