/**
	MooHover buttons.
	We set all styles in one declaration.
*/
.defaultRed, .MooTransRed, .defaultMooButton, .MooButton { 
	display:block; 
	position:relative; 
	float:right;
	height:25px;
	background:url(../../image/common/hoverbuttons/button_off_red.png); 
	text-decoration:none; 
	color:#FFFFFF; 
	font-weight:bold; 
	line-height:25px; 
	text-align:center; 
	font-size:12px;
	padding-right:25px;
	padding-left:25px;
}
.defaultGreen, .MooTransGreen { 
	display:block; 
	position:relative; 
	float:right;
	height:25px;
	background:url(../../image/common/hoverbuttons/button_off_green.png); 
	text-decoration:none; 
	color:#FFFFFF; 
	font-weight:bold; 
	line-height:25px; 
	text-align:center; 
	font-size:12px;
	padding-right:25px;
	padding-left:25px;
}
.defaultBlue, .MooTransBlue { 
	display:block; 
	position:relative; 
	float:right;
	height:25px;
	background:url(../../image/common/hoverbuttons/button_off_blue.png); 
	text-decoration:none; 
	color:#FFFFFF; 
	font-weight:bold; 
	line-height:25px; 
	text-align:center; 
	font-size:12px;
	padding-right:25px;
	padding-left:25px;
}
/**
	set the background for our buttons
*/
.MooTransRed, .MooButton { 
	background:url(../../image/common/hoverbuttons/button_on_red.png);
}
.MooTransGreen { 
	background:url(../../image/common/hoverbuttons/button_on_green.png);
}
.MooTransBlue { 
	background:url(../../image/common/hoverbuttons/button_on_blue.png);
}

/**
	The form inputs have a border. Let's get rid of it
*/
.MooButton {
	border:none;	
}
/**
	All positioning for the submit button is done on the .defaultMooButton container div
*/
.defaultMooButton { float:right; margin-top:5px; }