﻿/*

ПУНКТЫ
	Первый уровень:
		- Активный в Активном блоке
		- Неактивный в Активном блоке
		- Неактивный в Неактивном блоке
	Другие уровни:
		- Активный в Активном блоке
		- Неактивный в Активном блоке
		- Неактивный в Неактивном блоке

РАЗДЕЛИТЕЛИ
	Первый уровень:
		- Неактивный в Активном блоке
		- Неактивный в Неактивном блоке
	Другие уровни:
		- Неактивный в Активном блоке
		- Неактивный в Неактивном блоке

ПУНКТЫ, РАЗДЕЛИТЕЛИ
	Все уровни:
		- Первый в Активном блоке
		- Первый в Неактивном блоке
		- Последний в Активном блоке
		- Последний в Неактивном блоке
		
БЛОКИ могут быть 
	- развёрнутые только тогда, когда активный пункт к ним принадлежит (это по умолчанию)
	- всегда развёрнутые
	- всегда свёрнутые (редко; в итоге, работают стили для Первого уровня)
(Блоки условные -- тут речь не о html блоках.)

	
*/

.sj_menu_left_out /* Обёртка блока левого меню. Для оформления. */
{
	padding: 0px 0 70px 0;
}

.sj_menu_left /* Блок левого меню. Основные стили. */
{
}

.sj_menu_left a /* Стиль ссылки в левом меню для НЕАКТИВНЫХ пунктов. */
{
	color: #0087da;
}

.sj_menu_left a:hover {
}

.sj_menu_left div /* Отступы для блоков в блоке левого меню. Т. е. для пунктов. */
{
	z-index: 5;
	position: relative;
}

.sj_menu_left_lv1, .sj_menu_left_lv2, .sj_menu_left_lv3, .sj_menu_left_lv4, .sj_menu_left_lv5 {
	
}

.sj_menu_left_lv1 /* Пункт 1-го уровня. Сдвиг. */
{
	padding: 1px 0 0;
	background: url(/images/nav_line.png) 0 0 no-repeat;
}

.sj_menu_left_lv1:first-child{
	padding: 0;
	background: none;
}

.sj_menu_left_lv1:first-child a{
	position: relative;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	-khtml-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	padding-top: 7px;
	background-position: 11px 10px;
	behavior: url(/PIE.htc);
}



.sj_menu_left_lv2, .sj_menu_left_lv3, .sj_menu_left_lv4, .sj_menu_left_lv5 {

}

.sj_menu_left_lv2 /* Пункт 2-го уровня. Сдвиг. */
{
}

.sj_menu_left_lv3 /* Пункт 3-го уровня. Сдвиг. */
{
}

.sj_menu_left_lv4 /* Пункт 4-го уровня. Сдвиг. */
{
}

.sj_menu_left_lv5 /* Пункт 5-го уровня. Сдвиг. */
{
}

/* Пункт N-го уровня. Сдвиг. */

.sj_menu_left_lv1_item /* Пункт 1-го уровня. Неактивный в Неактивном блоке. */
{
}

.sj_menu_left_lv1 a, .sj_menu_left_lv2 a, .sj_menu_left_lv3 a, .sj_menu_left_lv4 a, .sj_menu_left_lv5 a{
	display: block;
	background-image: url(/images/arrow.png);
	background-repeat: no-repeat;
}

.sj_menu_left_lv1 a:hover, .sj_menu_left_lv2 a:hover, .sj_menu_left_lv3 a:hover, .sj_menu_left_lv4 a:hover, .sj_menu_left_lv5 a:hover {
	display: block;
	/* background-image: url(/images/arrow_h.png); */
	background-repeat: no-repeat;	
	background-color: #f3f3f3;
}

.sj_menu_left_lv1 a /* Ссылка НЕАКТИВНОГО пункта. */
{
	padding: 5px 10px 5px 32px;
	text-transform: uppercase;
	background-position: 11px 8px;
}

.sj_menu_left_lv2 a{
	padding: 5px 10px 5px 53px;
	background-position: 32px 8px;
}

.sj_menu_left_lv3 a{
	padding: 5px 10px 5px 74px;
	background-position: 53px 8px;
}

.sj_menu_left_lv4 a{
	padding: 5px 10px 5px 95px;
	background-position: 74px 8px;
}

.sj_menu_left_lv5 a{
	padding: 5px 10px 5px 116px;
	background-position: 95px 8px;
}


.sj_menu_left_lv2.sj_menu_left_item_last{
	padding: 0 0 20px;
}

.sj_menu_left_lv3.sj_menu_left_item_last{
	padding: 0 0 20px;
}

.sj_menu_left_lv4.sj_menu_left_item_last{
	padding: 0 0 20px;
}

.sj_menu_left_lv5.sj_menu_left_item_last{
	padding: 0 0 20px;
}

.sj_menu_left_lv1_item span /* Для НЕАКТИВНОГО пункта. На всякий. Может быть для маркера списка (картинки). */
{
}

.sj_menu_left_lv1_item_a /* Пункт 1-го уровня. Активный. */
{
}

.sj_menu_left_lv1_item_a a /* Ссылка АКТИВНОГО пункта. */
{
	color: #fff !important;
	background-color: #ff6403 ; 
	background-image: url(/images/arrow_h.png) !important;
	text-decoration: none !important;
}

.sj_menu_left_lv1_item_a a:hover /* Ссылка АКТИВНОГО пункта. */
{
	background-color: #ff6403 !important; 
}

.sj_menu_left_lv1_item_a span /* Для АКТИВНОГО пункта. На всякий. Может быть для маркера списка (картинки). */
{
}

.sj_menu_left_lv1_item_in_a /* Пункт 1-го уровня. Неактивный. В Активном блоке. */
{
}

.sj_menu_left_lv1_item_in_a a /* Ссылка НЕАКТИВНОГО пункта. */
{
}

.sj_menu_left_lv1_item_in_a span /* Для НЕАКТИВНОГО пункта. На всякий. Может быть для маркера списка (картинки). */
{
}

.sj_menu_left_item /* Пункт 2-го и более уровня. Неактивный в Неактивном блоке. */
{
}

.sj_menu_left_item_a /* Пункт 2-го и более уровня. Активный. */
{
}

.sj_menu_left_item_a a /* Ссылка АКТИВНОГО пункта. */
{
	color: #fff !important;
	background-color: #ff6403 !important;
	background-image: url(/images/arrow_h.png) !important;
	text-decoration: none !important;
}

.sj_menu_left_item_a span /* Для АКТИВНОГО пункта. На всякий. Может быть для маркера списка (картинки). */
{
}

.sj_menu_left_item_in_a /* Пункт 2-го и более уровня. Неактивный. В Активном блоке. */
{

}

.sj_menu_left_item_first {
}

.sj_menu_left_item_last {
}

.sj_menu_left_a_ch {
}

.sj_menu_left_lv1_devider /* Разделитель 1-го уровня. */
{
}

.sj_menu_left_lv1_devider a /* Ссылка Разделителя 1-го уровня. */
{
}

.sj_menu_left_devider /* Разделитель 2-го и более уровня. */
{
}

.sj_menu_left_devider a /* Ссылка Разделителя 2-го и более уровня. */
{
}

.sj_menu_left_devider_in_a /* Разделитель 2-го и более уровня в Активном блоке. */
{
}

.sj_menu_left_devider_in_a a /* Ссылка Разделителя 2-го и более уровня в Активном блоке. */
{
}