/* 1 - This handles the hover state for the top-level LI items */
#sidebar .ratez { font-weight: bold; color: #595854; font-size: 14px; padding: 0px 0px; margin: 0px; }
#sidebar .ratez ul { margin: 0px; padding: 0px; }
#sidebar .ratez ul li { list-style-type: none; margin: 0px; padding: 0px; }
#sidebar .ratez ul li a { color: #dfdede; padding: 7px 15px 7px 15px; margin: 0px; text-decoration: none; font-weight: bold; text-transform: none; font-stretch: narrower; }
#sidebar .ratez ul li a:hover { color: #d7f2ff; text-decoration: none; background: #FBFBF7; border-bottom: 1px solid #EDEDED; }
#sidebar .ratez ul li.current_page_item a { color: #fff; }

/* 2 - This hides the nested UL before you hover */
#sidebar .ratez li ul { width: 150px; }

/* 3 - This shows the nested UL when you hover */
#sidebar .ratez li:hover ul, 
#sidebar .ratez li.sfhover ul {}

/* 4 - This is the style for the nested UL */
#sidebar .ratez li:hover ul, 
#sidebar .ratez li.sfhover ul { background: #FBFBF7; margin: 0px; padding: 0px; }

/* 5 - This is the style for the LI items within the nested UL */
#sidebar .ratez li:hover ul li,
#sidebar .ratez li.sfhover ul li { background: #FBFBF7; width: 150px; padding: 0px 0px -3px 0px; margin: 0px; height: 30px; line-height: 30px; }

/* 6 - This is the style for the links withing the LI items within the nested UL */
#sidebar .ratez li:hover ul li a,
#sidebar .ratez li:hover ul li.current_page_item a,
#sidebar .ratez li.sfhover ul li a,
#sidebar .ratez li.sfhover ul li.current_page_item a { background: #f3f3f0; width: 150px; margin: 0 0 0 -1px; padding: 0px 5px 0px 5px; height: 30px; line-height: 30px;
	border-left: 1px solid #EDEDED; border-right: 1px solid #EDEDED; color: #7d7d7d; font-size: 12px; font-weight: bold; }
	
/* 7 - This is the style for the hover state on the links within the LI items within the nested UL */
#sidebar .ratez li:hover ul li a:hover, 
#sidebar .ratez li.sfhover ul li a:hover { margin: 0px; padding: 0px 5px 0px 5px; height: 30px; line-height: 30px; color: #000; font-weight: bold; background: #d6d6d6; }
#sidebar .ratez li:hover ul li a, #sidebar .ratez li:hover ul li a:hover { padding: 0px 0px 0px  10px; }
#sidebar .ratez li ul li.end a { border-bottom: 1px solid #EDEDED; }
#sidebar .ratez li ul li.start a,
#sidebar .ratez li ul li.start a:hover { border-top: 1px solid #EDEDED; }