/* CSS Document */

/* Buttons: */
.bold {
	background-image: url(../images/bold.jpg);
	background-repeat: no-repeat;
	background-position: center;
	
	display: inline-block;
	margin-left: 50px;
	width: 20px;
	height: 21px;
	
	border: 1px solid #CCCCCC;
}

.bold:hover {
	background-image: url(../images/bold_hover.jpg);
	
	border: 1px solid #DB2925;
}

.italic {
	background-image: url(../images/italic.jpg);
	background-repeat: no-repeat;
	background-position: center;
	
	display: inline-block;
	
	width: 20px;
	height: 21px;
	
	border: 1px solid #CCCCCC;
}

.italic:hover {
	background-image: url(../images/italic_hover.jpg);
	
	border: 1px solid #DB2925;
}

.underline {
	background-image: url(../images/underline.jpg);
	background-repeat: no-repeat;
	background-position: center;
		
	display: inline-block;
	
	width: 20px;
	height: 21px;
	
	border: 1px solid #CCCCCC;
}

.underline:hover {
	background-image: url(../images/underline_hover.jpg);
	
	border: 1px solid #DB2925;
}

.strike-trough {
	background-image: url(../images/strike_trough.jpg);
	background-repeat: no-repeat;
	background-position: center;
	
	display: inline-block;
	
	width: 20px;
	height: 21px;
	
	border: 1px solid #CCCCCC;
}

.strike-trough:hover {
	background-image: url(../images/strike_trough_hover.jpg);
	
	border: 1px solid #DB2925;
}

.sup {
	background-image: url(../images/superscript.jpg);
	background-repeat: no-repeat;
	background-position: center;
	
	display: inline-block;
	
	width: 20px;
	height: 21px;
	
	border: 1px solid #CCCCCC;
}

.sup:hover {
	background-image: url(../images/superscript_hover.jpg);
	
	border: 1px solid #DB2925;
}

.sub {
	background-image: url(../images/subscript.jpg);
	background-repeat: no-repeat;
	background-position: center;
		
	display: inline-block;
	
	width: 20px;
	height: 21px;
	
	border: 1px solid #CCCCCC;
}

.sub:hover {
	background-image: url(../images/subscript_hover.jpg);
	
	border: 1px solid #DB2925;
}

.smaller {
	background-image: url(../images/small.jpg);
	background-repeat: no-repeat;
	background-position: center;
		
	display: inline-block;
	
	width: 20px;
	height: 21px;
	
	border: 1px solid #CCCCCC;
}

.smaller:hover {
	background-image: url(../images/small_hover.jpg);
	
	border: 1px solid #DB2925;
}

a.normal {
	background-image: url(../images/normal.jpg);
	background-repeat: no-repeat;
	background-position: center;
		
	display: inline-block;
	
	width: 20px;
	height: 21px;
	
	border: 1px solid #CCCCCC;
}

a.normal:hover {
	background-image: url(../images/normal_hover.jpg);
	
	border: 1px solid #DB2925;
}

.larger {
	background-image: url(../images/large.jpg);
	background-repeat: no-repeat;
	background-position: center;
		
	display: inline-block;
	
	width: 20px;
	height: 21px;
	
	border: 1px solid #CCCCCC;
}

.larger:hover {
	background-image: url(../images/large_hover.jpg);
	
	border: 1px solid #DB2925;
}