/************** структура шаблона *****************
* id=menu_right - левое меню, описывается и в st.css
	- id=divMenuBarright - div
		- id=right-menu - div
			- class=betv_menuright ячейка перед меню (проверить)

			Структура меню:
			UL LI
				UL LI
					Ul LI /LI /UL
				/LI /UL
			/LI /UL

**************************************************
!!! все фоны должны находиться в папке pic !!!
**************************************************/

/************ Структура для меню ****************/
#menu_right{
	
	}
#divMenuBarright{}
#right-menu{
	
	
	/*max-width:220px;*/
	
/*border-left: 3px dotted #d78bff;*/
margin-top:5px;

}
.betv_menuright{}
/********* основное меню *****************/
#right-menu ul{
	list-style: none;
	margin: 0;
	padding: 20px 0px;
	background-color:#b3bdc3;
	/*border: 3px dotted #876847;*/
	/*border-right:0px;*/
	height:100%;
	border-radius:10px;
	border:1px solid #fff;
}
#right-menu li {
	text-decoration: none;
	margin: 0;
	padding:5px 0px 5px 15px;
	position: relative;
	min-height: 26px;
	
}
#right-menu li a{
	background-image: url(pic/dotssm.png);
    background-position: left center;
    background-repeat: no-repeat;
	display: block;
    font-size: 12pt;
	color: #404040;
	text-decoration: none;
	font-weight: bold;
	padding: 5px 10px 5px 20px;
	margin: 0;
    text-align: left;
}
#right-menu li a:hover{
	/*background-image: url(pic/menu_left-2.gif);*/
	color: #336699;
}
#right-menu li a#right-current, #right-menu li.active a{
	/*background-image: url(pic/menu_left-2.gif);*/
	color: #336699;
}
/********* подменю 1 уровня *****************/
#right-menu li ul {
	background-color:#fff;
    border: 1px dotted #404040;
	height:auto;
	/*border-bottom: 1px dotted #75433e;*/
	position: absolute;
	top: -1px;
	right: 99%;
	display: none;
	min-width: 200px;
	padding: 0;
     border-bottom: 0;
	 z-index:1000;
	 border-radius:0;
}
#right-menu li li {
  	z-index:100;
	padding-left: 8px;
    padding-right: 8px;
     border-bottom: 1px dotted #404040;
	 /*padding-top:5px;
	 padding-bottom:5px;*/
	 background-color:#fff;
}
#right-menu li li a{
  	color: #404040;
	text-decoration: none;
	font-weight: normal;
	padding: 4px 4px 4px 25px;
	margin: 0;
    text-align: left;
    background-image: url(pic/dotssm.png);
	background-repeat: no-repeat;
	background-position: left top;
    margin-left: 4px;
	font-size: 10pt;
    font-weight: bold;
	white-space: normal;
}
#right-menu li li a:hover{
	color: #336699;
}
#right-menu li li a#right-current, #right-menu li li.active a{
	color: #336699;
}
/********* подменю 2 уровня *****************/
#right-menu li li ul{
	right: 100%;
    top: -1px;
}
#right-menu li li li {}
#right-menu li li li a{}
#right-menu li li li a:hover{}
#right-menu li li li a#right-current{}

/*************** НЕ МЕНЯЕМОЕ ****************/
#right-menu li:hover ul ul,
#right-menu li li:hover ul ul
{display:none;}

#right-menu li:hover ul,
#right-menu li li:hover ul
{display:block;}

/* Fix IE. Hide from IE Mac \*/
* html #right-menu  ul li { float: right; height: 1%; }
* html #right-menu  ul li a { height: 1%; }
/* End */
