ul { background: #C9C9C9; font: bold 10px/24px Arial, sans-serif; list-style: none; margin: 0; padding: 0; }
ul#accordion-container { width: 235px; }
ul#accordion-container > li { background: #555; margin-top: 1px; }
ul#accordion-container > li > a { 
	background: #CFCFCF;
	background: -moz-linear-gradient(top,  #CFCFCF 0%, #DBDBDB 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CFCFCF), color-stop(100%,#DBDBDB));
	background: -webkit-linear-gradient(top,  #CFCFCF 0%,#DBDBDB 100%);
	background: -o-linear-gradient(top,  #CFCFCF 0%,#DBDBDB 100%);
	background: -ms-linear-gradient(top,  #CFCFCF 0%,#DBDBDB 100%);
	background: linear-gradient(top,  #CFCFCF 0%,#DBDBDB 100%); 	
	color: #000; display: block; padding: 4px 8px 4px 10px; outline: none; text-decoration: none; 
	
	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
	-moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
	box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);		
}
		
ul#accordion-container > li > a:hover, ul#accordion-container > li > a.visited { 	
	background: #a5cd4e;
	background: -moz-linear-gradient(top,  #a5cd4e 0%, #6b8f1a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5cd4e), color-stop(100%,#6b8f1a));
	background: -webkit-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%);
	background: -o-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%);
	background: -ms-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%);
	background: linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%);	
	color: #3E5706; 
}

ul#accordion-container > li > a span {
  background: #404247;
	color: #FFF;
	float: right; 
	font: normal bold 10px/18px Arial, sans-serif;
  margin: 2px 0px 0px 0px;
	text-align: center;
	width: 40px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1);
	box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1);
}

ul.accordion-menu { background: #C9C9C9; display:none; margin: 0; padding: 0; }
ul.accordion-menu li { margin-bottom: 1px; }
ul.accordion-menu a { background: #e5e5e5; color: #555; display: block; padding: 4px 8px 4px 10px; outline: none; text-decoration: none; }
ul.accordion-menu a span { float: right; }
ul.accordion-menu a:hover { background: #efefef; }
ul.accordion-menu > li > a span {
	color: #555;
	float: right; 
	font: normal bold 10px/18px Arial, sans-serif;
  margin: 2px 0px 0px 0px;
	text-align: center;
	width: 40px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(201,201,201, .1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(201,201,201, .1);
	box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(201,201,201, .1);
}