/****************************** Side Navigation Bar **************************/

DIV.VerticalBarContainer			{width:100%; display:table; margin-bottom:20px; box-sizing:border-box;}
DIV.VerticalBarContainerByIDXX		{}
DIV.VerticalBarContainerByOrderXX	{}
DIV.VerticalBarContainerBottom		{display:none;}

UL.VerticalBarContainer				{margin:0px; padding:0px;}
UL.VerticalBarContainerByIDXX		{}
UL.VerticalBarContainerByOrderXX	{}
UL.VerticalBarContainer LI			{list-style-image:none; list-style-type:none; margin-bottom:13px;}
UL.VerticalBarContainer LI:last-child	{border-bottom-style:none;}

@media screen and (max-width: 990px)	{
	DIV.VerticalBarContainer			{margin-bottom:10px;}
}

@media screen and (max-width: 768px)	{
	UL.VerticalBarContainer				{display:none;}
}


/* First Level */

LI.VerticalBarItem				{}
LI.VerticalBarItemByIDXX		{}

LI.VerticalBarItemOver			{}
LI.VerticalBarItemOverByIDXX	{}

LI.VerticalBarItemOn			{}
LI.VerticalBarItemOnByIDXX		{}

LI.VerticalBarItemOnOver		{}
LI.VerticalBarItemOnOverByIDXX	{}


UL.VerticalBarContainer LI A			{display:block; height:100%; padding:7px 10px 7px 40px; font-weight:bold; font-size:2rem; line-height:2.2rem;}
UL.VerticalBarContainer LI A			{
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease;
}
UL.VerticalBarContainer LI A:active, UL.VerticalBarContainer LI A:focus		{color:#000000; border:#bfbcbe 1px solid; background:#ec008c url('../ArrowSideBar_RTL.png') no-repeat left 8px;}
#opera UL.VerticalBarContainer LI A:active, #opera UL.VerticalBarContainer LI A:focus		{background-color:#ec008c;}
#dance UL.VerticalBarContainer LI A:active, #dance UL.VerticalBarContainer LI A:focus		{background-color:#009ee8;}
#music UL.VerticalBarContainer LI A:active, #music UL.VerticalBarContainer LI A:focus		{background-color:#83ba2b;}
#children UL.VerticalBarContainer LI A:active, #children UL.VerticalBarContainer LI A:focus		{background-color:#f28801;}

A.VerticalBarItem			{color:#000000; text-decoration:none; border:#bfbcbe 1px solid; background:#ffffff url('../ArrowSideBar_RTL.png') no-repeat left 8px;}
A.VerticalBarItemByIDXX			{}

A.VerticalBarItem:hover		{color:#ffffff; text-decoration:none; border:#ffffff 1px solid; background:#ec008c url('../ArrowSideBar_RTL.png') no-repeat left 8px;}
#opera A.VerticalBarItem:hover		{background-color:#ec008c;}
#dance A.VerticalBarItem:hover		{background-color:#009ee8;}
#music A.VerticalBarItem:hover		{background-color:#83ba2b;}
#children A.VerticalBarItem:hover		{background-color:#f28801;}
A.VerticalBarItemByIDXX:hover	{}

A.VerticalBarItemOn			{color:#000000; text-decoration:none; border-bottom:#bfbcbe 1px solid; background:#ffffff;}
A.VerticalBarItemOnByIDXX		{}

A.VerticalBarItemOn:hover	{color:#000000; text-decoration:none; border-bottom:#bfbcbe 1px solid; background:#ffffff;}
A.VerticalBarItemOnByIDXX:hover	{}


/* Second Level */

UL.VerticalBarSubContainer		{background-color:#fff; margin:0px; padding:4px 0px 5px 0px;}
UL.VerticalBarSubContainer LI	{list-style-image:none; list-style-type:none; border-style:none; margin:0px;}

LI.VerticalBarSubItem				{}
LI.VerticalBarSubItemByIDXX			{}

LI.VerticalBarSubItemOn				{}
LI.VerticalBarSubItemOnByIDXX		{}


UL.VerticalBarSubContainer LI A				{display:block; height:100%; padding:5px 10px 5px 0px; font-weight:normal; font-size:1.5rem; border-style:none;}
UL.VerticalBarSubContainer LI A:active, UL.VerticalBarSubContainer LI A:focus		{background:transparent; color:#ec008c;}
#opera UL.VerticalBarSubContainer LI A:active, #opera UL.VerticalBarSubContainer LI A:focus		{color:#ec008c;}
#dance UL.VerticalBarSubContainer LI A:active, #dance UL.VerticalBarSubContainer LI A:focus		{color:#009ee8;}
#music UL.VerticalBarSubContainer LI A:active, #music UL.VerticalBarSubContainer LI A:focus		{color:#83ba2b;}
#children UL.VerticalBarSubContainer LI A:active, #children UL.VerticalBarSubContainer LI A:focus		{color:#f28801;}

A.VerticalBarSubItem			{color:#000000; text-decoration:none;}
A.VerticalBarSubItemByIDXX			{}

A.VerticalBarSubItem:hover		{color:#ec008c; text-decoration:none;}
#opera A.VerticalBarSubItem:hover		{color:#ec008c;}
#dance A.VerticalBarSubItem:hover		{color:#009ee8;}
#music A.VerticalBarSubItem:hover		{color:#83ba2b;}
#children A.VerticalBarSubItem:hover		{color:#f28801;}
A.VerticalBarSubItemByIDXX:hover	{}

A.VerticalBarSubItemOn			{color:#ec008c; text-decoration:none;}
#opera A.VerticalBarSubItemOn		{color:#ec008c;}
#dance A.VerticalBarSubItemOn		{color:#009ee8;}
#music A.VerticalBarSubItemOn		{color:#83ba2b;}
#children A.VerticalBarSubItemOn		{color:#f28801;}
A.VerticalBarSubItemOnByIDXX		{}

A.VerticalBarSubItemOn:hover	{color:#ec008c; text-decoration:none;}
#opera A.VerticalBarSubItemOn:hover		{color:#ec008c;}
#dance A.VerticalBarSubItemOn:hover		{color:#009ee8;}
#music A.VerticalBarSubItemOn:hover		{color:#83ba2b;}
#children A.VerticalBarSubItemOn:hover		{color:#f28801;}
A.VerticalBarSubItemOnByIDXX:hover	{}
