.module {

	background: #eee;

	margin: 0 0 0 0;

}

.module h2 {

	background: #ccc;

	line-height: 2;

	font-size: 16px;

	box-shadow: inset 0 25px 10px -10px rgba(255, 255, 255, 0.2);

}

.module h2 a {

	float: right;

	position: relative;

	text-decoration: none;

	color: #ffffff;

	padding: 0 10px;

	border-left: 5px solid white;

	-webkit-transition: padding 0.1s linear;

	-moz-transition: padding 0.1s linear;

	-ms-transition: padding 0.1s linear;

	-o-transition: padding 0.1s linear;

}

.module h2 a:hover {

	padding: 0 14px;

}

.module h2 a:active {

	padding: 0 16px;

}

.module ul {

	list-style: none;

	padding: 5px 0;

}

.module li {

	color: #ffffff;

	border-bottom: 1px solid #cfcfcf;

	border-top: 1px solid #fbf6f6;

	padding: 10px;

	font-family: Georgia, Serif;

	

}

.module li:first-child {

	border-top: 0;

	padding-top: 0;

}

.module li:last-child {

	border-bottom: 0;

	padding-bottom: 0;

}

.module h2 a:before,

.module h2 a:after {

  content: "";

	position: absolute;

	top: 50%;

	width: 0;

	height: 0;

}

.module h2 a:before {

	left: -12px;

	border-top: 8px solid transparent;

	border-bottom: 8px solid transparent;

	border-right: 8px solid white;

	margin-top: -8px;

}



.module.blue h2 a {

	background: #996699;

}

.module.blue h2 a:hover {

	background: #996699;

}

.module.blue h2 a:after {

	left: -5px;

	border-top: 6px solid transparent;

	border-bottom: 6px solid transparent;

	border-right: 6px solid #a2d6eb;

	margin-top: -6px;

}

.module.blue h2 a:hover:after {

	border-right-color: #c5f0ff;

}