/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FONT SIZER CSS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.fontResizer { 
	font-size: 11px;
	display: block;
	float:right;
	width:75px;
	background: url('images/textsize.gif') no-repeat center left;
	margin-bottom: 15px;
	padding-left: 100px;
	padding-bottom: 10px;
	position:relative;
	left:5px;
}

.fontResizer a { 
	display: block; 
	float: left; 
	width: 17px; 
	height: 17px; 
	text-align: center; 
	border: 1px solid #141414; 
	line-height: 15px; 
	color: #000;
	text-decoration: none; 
	cursor: pointer;
	margin-left:4px;
}

.fontResizer a:hover { color: #000; text-decoration:none; background-color: #e9eebb; }

/* 
The following control the way the font-resizer links appear only 
Set the actual size-changes in the function call
*/

.smallFont { font-size: 10px; background-color: #FFF; }
.medFont { font-size: 16px; background-color: #FFF; }
.largeFont { font-size: 20px; background-color: #FFF; }
.curFont { background-color: #d3dd77; }