.fontSizeControlContainer {
	width:90px;
	height:13px;
	font-size:1px;
	margin:-6px 0px 0px -5px;
}

.fontSizeControlLabel {
	background-image:url("../../images/fontControl/size_blue.gif");
	width:50px;
	height:13px;
	position:relative;
	margin:-13px 0px 0px 20px;
}

.fontSizeControlSmallerDiv, .fontSizeControlLargerDiv{
	height:13px;
	width:20px;
	cursor:default;
	font-size:0px;
	background-color:white;
	position:relative;
}

.fontSizeControlExtra {
	width:19px;
	height:13px;
	position:relative;
	margin-top:-13px;
	left:90px;
	background-image:url("../../images/fontControl/print_blue.gif");
}
.fontSizeControlExtra a {
	display:block;
	width:15px;
	height:13px;
}

/* fix the position of the divs and which composite background image they use */
.fontSizeControlSmallerDiv {	left:0px; 	top:0px;			background-image:url("../../images/fontControl/smaller_blue.gif");		}
.fontSizeControlLargerDiv {		left:70px; 	margin-top:-13px;	background-image:url("../../images/fontControl/larger_blue.gif");		}

/* Set the combination class positions for Opera/Mozilla */
.fontSizeControlMouseUp.fontSizeControlMouseOut		{	background-position:0px 0px;		}
.fontSizeControlMouseDown.fontSizeControlMouseOut 	{	background-position:0px -13px;		}
.fontSizeControlMouseUp.fontSizeControlMouseOver	{	background-position:-20px 0px;		}
.fontSizeControlMouseDown.fontSizeControlMouseOver	{	background-position:-20px -13px;	}

/* IE messes up the above but has their own x/y positioning styles, so fix its rendering with those */
.fontSizeControlMouseUp {	background-position-y:0px;	}
.fontSizeControlMouseDown {	background-position-y:-13px;	}
.fontSizeControlMouseOut {	background-position-x:0px;	}
.fontSizeControlMouseOver {	background-position-x:-20px;	}