АНАТОМИЯ И ФИЗИОЛОГИЯ СЕРДЦА / 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;}