АНАТОМИЯ И ФИЗИОЛОГИЯ СЕРДЦА / scin / swap-menu-left

/************** структура шаблона *****************
* id=menu_left - левое меню, описывается и в st.css
	- id=divMenuBarLeft - div
		- id=left-notswap-menu - div
			- class=betv_menuleft ячейка перед меню (проверить)
			
			.free  - элементы меню без подменю
			.closed - закрытые элементы меню
			.open - открытый пункт меню
			
			Структура меню:
			UL LI
				UL LI
					Ul LI /LI /UL
				/LI /UL
			/LI /UL 

**************************************************
!!! все фоны должны находиться в папке pic !!! 
**************************************************/

/************ Структура для меню ****************/
#menu_left{}
#divMenuBarLeft{}
#left-swap-menu { 
	width: 170px;
	background-color: #50b42d;
}
.betv_menuleft{}
/********* основное меню *****************/
#left-swap-menu ul{
	list-style-type: none;
	margin: 0 0 0 2px;
}
#left-swap-menu li{
	padding: 1px;
}
#left-swap-menu li a{
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding: 2px 0px 2px 16px;
	font-size: 10pt;
	color: #FAFAFA;
	font-weight: bold;
	text-decoration: none;
	display: block;
}
#left-swap-menu li a:hover{
	text-decoration: underline;
}
#left-swap-menu li a#left-current{
	text-decoration: underline;
}
#left-swap-menu .free a {
	background-image: url(pic/pagemarker.gif);
}
#left-swap-menu .closed a {
	background-image: url(pic/fclosed.gif);
}
#left-swap-menu .open a {
	background-image: url(pic/fopen.gif);
}
#left-swap-menu .free a:hover {
	background-image: url(pic/pagemarker2.gif);
}
#left-swap-menu .closed a:hover {
	background-image: url(pic/fclosed2.gif);
}
#left-swap-menu .open a:hover {
	background-image: url(pic/fopen2.gif);
}
#left-swap-menu .free a#left-current {
	background-image: url(pic/pagemarker2.gif);
}
#left-swap-menu .closed a#left-current {
	background-image: url(pic/fclosed2.gif);
}
#left-swap-menu .open a#left-current {
	background-image: url(pic/fopen2.gif);
}
/********* подменю 1 уровня *****************/
#left-swap-menu li ul{}
#left-swap-menu li li{
	margin: 0 0 0 13px;
}
#left-swap-menu li li a{}
#left-swap-menu li li a:hover{
	text-decoration: underline;
}
#left-swap-menu li li a#left-current{
	text-decoration: underline;
}
#left-swap-menu li .free a {
	background-image: url(pic/pagemarker.gif);
}
#left-swap-menu li .closed a {
	background-image: url(pic/fclosed.gif);
}
#left-swap-menu li .open a {
	background-image: url(pic/fopen.gif);
}
#left-swap-menu li .free a:hover {
	background-image: url(pic/pagemarker2.gif);
}
#left-swap-menu li .closed a:hover {
	background-image: url(pic/fclosed2.gif);
}
#left-swap-menu li .open a:hover {
	background-image: url(pic/fopen2.gif);
}
#left-swap-menu li .free a#left-current {
	background-image: url(pic/pagemarker2.gif);
}
#left-swap-menu li .closed a#left-current {
	background-image: url(pic/fclosed2.gif);
}
#left-swap-menu li .open a#left-current {
	background-image: url(pic/fopen2.gif);
}

/********* подменю 2 уровня *****************/
#left-swap-menu li li ul{}
#left-swap-menu li li li{
	margin: 0 0 0 13px;
}
#left-swap-menu li li li a{}
#left-swap-menu li li li a:hover{
	text-decoration: underline;
}
#left-swap-menu li li li a#left-current{
	text-decoration: underline;
}
#left-swap-menu li li .free a {
	background-image: url(pic/pagemarker.gif);
}
#left-swap-menu li li .closed a {
	background-image: url(pic/fclosed.gif);
}
#left-swap-menu li li .open a {
	background-image: url(pic/fopen.gif);
}
#left-swap-menu li li .free a:hover {
	background-image: url(pic/pagemarker2.gif);
}
#left-swap-menu li li .closed a:hover {
	background-image: url(pic/fclosed2.gif);
}
#left-swap-menu li li .open a:hover {
	background-image: url(pic/fopen2.gif);
}
#left-swap-menu li li .free a#left-current {
	background-image: url(pic/pagemarker2.gif);
}
#left-swap-menu li li .closed a#left-current {
	background-image: url(pic/fclosed2.gif);
}
#left-swap-menu li li .open a#left-current {
	background-image: url(pic/fopen2.gif);
}
/*************** НЕ МЕНЯЕМОЕ ****************/
#left-swap-menu .open ul{display:block;}
#left-swap-menu .closed ul,#left-swap-menu  li .closed ul,#left-swap-menu  li li .closed ul,{display:none;}