/****************************** Side Navigation Bar **************************/

TABLE.VerticalBarContainer		{width:152px; height:100%; background-color:#c8d6e8; background-image:url('../strip_ModulesBodies.gif'); background-repeat:repeat-y;}

TABLE.VerticalBarContainer A	{display:block;}



/* First Level */

DIV.MenuRowMainContainer 		{margin-right:8px; margin-left:8px; background-image:url("../stripSideBar.gif"); background-repeat:repeat-x; background-position:top;}



DIV.menuRowContainer			{background-color:#d2d2d2; margin-bottom:4px; margin-top:2px; color:#474747; font-weight:bold; font-size:12px; padding-left:12px; padding-right:18px; padding-top:0px; padding-bottom:2px; border:solid 1px #c7c7c7; background-image:url("../ArrowLeftNavRTL.gif"); background-repeat:no-repeat; background-position:right top;}

DIV.menuRowContainerOver		{background-color:#d2d2d2; margin-bottom:4px; margin-top:2px; color:#005176; font-weight:bold; font-size:12px; padding-left:12px; padding-right:18px; padding-top:0px; padding-bottom:2px; border:solid 1px #c7c7c7; background-image:url("../ArrowLeftNav_on_RTL.gif"); background-repeat:no-repeat; background-position:right top;}

DIV.menuRowContainerOn			{background-color:#d2d2d2; margin-bottom:4px; margin-top:2px; color:#005176; font-weight:bold; font-size:12px; padding-left:12px; padding-right:18px; padding-top:0px; padding-bottom:2px; border:solid 1px #c7c7c7; background-image:url("../ArrowLeftNav_on_RTL.gif"); background-repeat:no-repeat; background-position:right top;}

DIV.menuRowContainerOnOver		{background-color:#d2d2d2; margin-bottom:4px; margin-top:2px; color:#005176; font-weight:bold; font-size:12px; padding-left:12px; padding-right:18px; padding-top:0px; padding-bottom:2px; border:solid 1px #c7c7c7; background-image:url("../ArrowLeftNav_on_RTL.gif"); background-repeat:no-repeat; background-position:right top;}



DIV.menuRowContainer			A.menuRowright,

DIV.menuRowContainer			A.menuRowright:hover	{color:#474747; text-decoration:none; display:block; width:100%; height:100%;}

DIV.menuRowContainerOver		A.menuRowright,

DIV.menuRowContainerOver		A.menuRowright:hover	{color:#005176; text-decoration:none; display:block; width:100%; height:100%;}

DIV.menuRowContainerOn			A.menuRowright,

DIV.menuRowContainerOn			A.menuRowright:hover	{color:#005176; text-decoration:none; display:block; width:100%; height:100%;}

DIV.menuRowContainerOnOver		A.menuRowright,

DIV.menuRowContainerOnOver		A.menuRowright:hover	{color:#005176; text-decoration:none; display:block; width:100%; height:100%;}



SPAN.menuRowSeperatorTop		{display:none; /*overflow:hidden; font-size:0px; */}

SPAN.menuRowSeperatorBottom		{display:none; /*overflow:hidden; font-size:0px; */}



/* Second Level */

DIV.menuSubRowContainer			{margin-right:8px; margin-left:8px; background-color:#f4f4f4; color:#6e6e6e; font-weight:normal; font-size:12px; padding-top:4px; padding-bottom:2px; padding-right:18px; padding-left:10px; border-bottom:solid 1px #d5d5d5; background-image:url('../ArrowLeftSubNav.gif'); background-repeat:no-repeat; background-position:top right;}

DIV.menuSubRowContainerOver		{margin-right:8px; margin-left:8px; background-color:#f4f4f4; color:#faa710; font-weight:normal; font-size:12px; padding-top:4px; padding-bottom:2px; padding-right:18px; padding-left:10px; border-bottom:solid 1px #d5d5d5; background-image:url('../ArrowLeftSubNav.gif'); background-repeat:no-repeat; background-position:top right;}

DIV.menuSubRowContainerOn		{margin-right:8px; margin-left:8px; background-color:#f4f4f4; color:#faa710; font-weight:normal; font-size:12px; padding-top:4px; padding-bottom:2px; padding-right:18px; padding-left:10px; border-bottom:solid 1px #d5d5d5; background-image:url('../ArrowLeftSubNav.gif'); background-repeat:no-repeat; background-position:top right;}

DIV.menuSubRowContainerOnOver	{margin-right:8px; margin-left:8px; background-color:#f4f4f4; color:#faa710; font-weight:normal; font-size:12px; padding-top:4px; padding-bottom:2px; padding-right:18px; padding-left:10px; border-bottom:solid 1px #d5d5d5; background-image:url('../ArrowLeftSubNav.gif'); background-repeat:no-repeat; background-position:top right;}



DIV.menuSubRowContainer			A.menuSubRow,

DIV.menuSubRowContainer			A.menuSubRow:hover	{color:#6e6e6e; text-decoration:none; display:block; width:100%; height:100%;}

DIV.menuSubRowContainerOver		A.menuSubRow,

DIV.menuSubRowContainerOver		A.menuSubRow:hover	{color:#faa710; text-decoration:none; display:block; width:100%; height:100%;}

DIV.menuSubRowContainerOn		A.menuSubRow,

DIV.menuSubRowContainerOn		A.menuSubRow:hover	{color:#faa710; text-decoration:none; display:block; width:100%; height:100%;}

DIV.menuSubRowContainerOnOver	A.menuSubRow,

DIV.menuSubRowContainerOnOver	A.menuSubRow:hover	{color:#faa710; text-decoration:none; display:block; width:100%; height:100%;}



/* Apply diffrent style to a specific bar

First Level	

#navVertical77 DIV.menuRowContainer			{}

#navVertical77 DIV.menuRowContainerOn			{}



#navVertical77 A.menuRowright					{}

#navVertical77 A.menuRowright:hover			{}

#navVertical77 A.menuRowrightOn				{}

#navVertical77 A.menuRowrightOn:hover			{}



Second Level

#navVertical77 DIV.menuSubRowContainer		{}

#navVertical77 DIV.menuSubRowContainerOn	{}

#navVertical77 DIV.menuSubRowContainerOver	{}



#navVertical77 A.menuSubRow				{}

#navVertical77 A.menuSubRow:hover			{}

#navVertical77 A.menuSubRowOn				{}

#navVertical77 A.menuSubRowOn:hover		{}

 */

 

 /* Sepecific CSS Example

First Level	

#container137 DIV.menuRowContainer			{}

#container137 DIV.menuRowContainerOn			{}



#container137 A.menuRowright					{}

#container137 A.menuRowright:hover			{}

#container137 A.menuRowrightOn				{}

#container137 A.menuRowrightOn:hover			{}



Second Level

#subContainer78 DIV.menuSubRowContainer		{}

#subContainer78 DIV.menuSubRowContainerOn	{}

#subContainer78 DIV.menuSubRowContainerOver	{}



#subContainer78 A.menuSubRow				{}

#subContainer78 A.menuSubRow:hover			{}

#subContainer78 A.menuSubRowOn				{}

#subContainer78 A.menuSubRowOn:hover		{}

 */