body {font-family: Helvetica, Arial, sans-serif; font-size: 0.9em;}

.accordion-menu .menu a {text-decoration: none;}
.accordion-menu .menu a:hover{text-decoration: none;}

#midleft ul.menu, #midleft ul.menu ul {list-style-type:none; margin: 0; padding: 0; width: 15em;}

#midleft ul.menu a {display: block; color: #fff; text-decoration: none; font-weight: bold;}
#midleft ul.menu a:hover {text-decoration: none;}

#midleft ul.menu li {margin-top: 1px;}

/*Level 1*/
#midleft ul.menu li a {background: #72afb6; color: #fff; padding: 0.5em;}
#midleft ul.menu li a:hover {background: #cee3e7; color: #72afb6; text-decoration: none;}
#midleft ul.menu li.expand a {background: #cee3e7; color: #72afb6;}

/*
#midleft ul.menu li.expand ul li a {background: #d3d3d3; color: #f26649; font-weight: normal;}
#midleft ul.menu li.expand ul li.expand a {background: #dcdcdc; color: #f26649;}
#midleft ul.menu li.expand ul li.expand ul a {background: #ededed; color: #f26649;}
*/

/*Level 2*/
#midleft ul.menu li ul li a {background: #fff; color: #f26649; padding-left: 20px; font-weight: normal;}
#midleft ul.menu li.expand ul li a {background: #fff; color: #f26649; padding-left: 20px; font-weight: normal;}
#midleft ul.menu li ul li a:hover {background: #e4e4e4; padding-left: 20px; color: #f26649;}
#midleft ul.menu li ul li a.TheActivatedLink{border-bottom: 1px solid #f26649;}

/*Level 3*/
#midleft ul.menu li ul li ul li a {background: #fff; color: #68a7ae; padding-left: 35px;}
#midleft ul.menu li.expand ul li ul li a {background: #fff; color: #68a7ae; padding-left: 35px;}
#midleft ul.menu li ul li ul li a:hover {background: #e4e4e4; padding-left: 35px; color: #f26649;}
#midleft ul.menu li ul li ul li a.TheActivatedLink{border-bottom: 1px solid #f26649;}
/*#midleft ul.menu li ul li ul li a.TheActivatedLink{border: 1px solid #f26649;}
#midleft ul.menu li ul li ul li a.TheActivatedLink{border: 1px solid #ccc;}*/

/*Level 4*/
#midleft ul.menu li ul li ul li ul li a {background: #fff; color: #9c867a; padding-left: 50px;}
#midleft ul.menu li.expand ul li ul li ul li a {background: #fff; color: #9c867a; padding-left: 50px;}
#midleft ul.menu li ul li ul li ul li a:hover {background: #e4e4e4; padding-left: 50px; color: #f26649;}
#midleft ul.menu li ul li ul li ul li a.TheActivatedLink{border-bottom: 1px solid #f26649;}

/*Level 5*/
#midleft ul.menu li ul li ul li ul li ul li a {background: #fff; color: #e4e4e4; padding-left: 65px;}
#midleft ul.menu li.expand ul li ul li ul li ul li a {background: #fff; color: #e4e4e4; padding-left: 65px;}
#midleft ul.menu li ul li ul li ul li ul li a:hover {background: #e4e4e4; color: #f26649; padding-left: 65px;}
#midleft ul.menu li ul li ul li ul li ul li a.TheActivatedLink{border-bottom: 1px solid #f26649;}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
.indent3 { padding-left: 3em; }
.indent4 { padding-left: 4em; }
.indent5 { padding-left: 5em; }
.indent6 { padding-left: 6em; }
.indent7 { padding-left: 7em; }
.indent8 { padding-left: 8em; }
.indent9 { padding-left: 9em; }
.indent10 { padding-left: 10em; }