ul.accordion {
	margin:0 20px 0 0;
	width:120px;
	float:left;
	list-style:none;
}

ul.accordion li {
  background-color:#ccc;
}

ul.accordion li span {
  padding:10px;
  border-bottom:1px solid #222;
  display:block;
  background-color:#333;
  background-repeat:no-repeat;
  background-position:100px 50%;
  color:#fff;
  -webkit-transition:background-color 0.3s ease 0s;
  -moz-transition:background-color 0.3s ease 0s;
  -ms-transition:background-color 0.3s ease 0s;
  -o-transition:background-color 0.3s ease 0s;
  transition:background-color 0.3s ease 0s;
  cursor:pointer;
}

ul.accordion li.opened span {
  background-image:url("images/opened.png");
}

ul.accordion li.closed span {
  background-image:url("images/closed.png");
}

ul.accordion li span:hover {
  background-color:#555;
}

ul.accordion li ul {
  margin-left:0;
  list-style:none;
  background-color:#eee;
}

ul.accordion li ul li {
  padding:10px;
  background-color:#eee;
  line-height:1em;
}

ul.accordion li ul li:hover {
  background-color:#FFFFE0;
}

ul.accordion li ul li a {
  display:block;
}