/* HTML 
			<ul class="resizer">
			 <li class="small"><a href="#">A</a></li>
			 <li class="medium"><a href="#">A</a></li>
			 <li class="large"><a href="#">A</a></li>
			</ul> 
*/


.resizer {
	list-style: none;
	margin: 0 0 0 3px;
	padding: 0;
	float: right;
	display: inline-block
}
.resizer li {
	display: inline;
	padding: 0 2px;
	margin: 0 1px;
	margin-top: 4px;
	width: 7px;
	line-height: 25px;
	float: left;
}
.resizer li a {
	display: block;
	color: #A99B9B;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-size: 100%;
	height: 20px;
}
.resizer li a:hover {
	color: #00703C;
	-webkit-transition: all .7s ease-in-out;
	-moz-transition: all .7s ease-in-out;
	-o-transition: all .7s ease-in-out;
	transition: all .7s ease-in-out;
}
.resizer li.small a {
}
.resizer li.medium a {
}
.small {
	font-size: smaller;
}
.medium {
	font-size: normal;
}
.large {
	font-size: larger;
}