/* 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;
	padding:0;
	display: inline;
}

.resizer li {
	display:inline-block;
	padding:0 2px;
	margin:0;
}

.ie7 .resizer li {
	display: inline;
}

.resizer li a {
	color:white;
	text-decoration:none;
	text-align:center;
}

.resizer li.small a{
	padding-top:3px;
}

.resizer li.medium a {
	padding-top:2px;
}

.small { font-size:smaller !important; }
.medium { font-size:normal !important; }
.large { font-size:larger !important; }