/****************** Buttons Blue**********************/

a.boldbuttonsblu{
	background: transparent url(../images/buttons/roundedge-blue-left.gif) no-repeat top left;
	display: block;
	float: left;
	font: bold 11px Arial; /* Change 13px as desired */
	line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
	height: 30px; /* Height of button background height */
	padding-left: 8px; /* Width of left menu image */
	text-decoration: none;

}

a:link.boldbuttonsblu, a:visited.boldbuttonsblu, a:hover.boldbuttonsblu, a:active.boldbuttonsblu{
	color: white; /*button text color*/
}

a.boldbuttonsblu span{
	background: transparent url(../images/buttons/roundedge-blue-right.gif) no-repeat top right;
	display: block;
	padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttonsblu{ /* Hover state CSS */
	text-decoration: underline;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;
}

/****************** Buttons Green**********************/

a.boldbuttonsgrn{
	background: transparent url(../images/buttons/roundedge-green-left.gif) no-repeat top left;
	display: block;
	float: left;
	font: bold 11px Arial; /* Change 13px as desired */
	line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
	height: 30px; /* Height of button background height */
	padding-left: 8px; /* Width of left menu image */
	text-decoration: none;

}

a:link.boldbuttonsgrn, a:visited.boldbuttonsgrn, a:hover.boldbuttonsgrn, a:active.boldbuttonsgrn{
	color: white; /*button text color*/
}

a.boldbuttonsgrn span{
	background: transparent url(../images/buttons/roundedge-green-right.gif) no-repeat top right;
	display: block;
	padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttonsgrn{ /* Hover state CSS */
	text-decoration: underline;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;
}

/****************** Buttons Red**********************/

a.boldbuttonsred{
	background: transparent url(../images/buttons/roundedge-red-left.gif) no-repeat top left;
	display: block;
	float: left;
	font: bold 11px Arial; /* Change 13px as desired */
	line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
	height: 30px; /* Height of button background height */
	padding-left: 8px; /* Width of left menu image */
	text-decoration: none;

}

a:link.boldbuttonsred, a:visited.boldbuttonsred, a:hover.boldbuttonsred, a:active.boldbuttonsred{
	color: white; /*button text color*/
}

a.boldbuttonsred span{
	background: transparent url(../images/buttons/roundedge-red-right.gif) no-repeat top right;
	display: block;
	padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttonsred{ /* Hover state CSS */
	text-decoration: underline;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;
}

/****************** Buttons Red Right**********************/

a.boldbuttonsredr{
	background: transparent url(../images/buttons/roundedge-red-left.gif) no-repeat top left;
	display: block;
	float: right;
	font: bold 11px Arial; /* Change 13px as desired */
	line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
	height: 30px; /* Height of button background height */
	padding-left: 8px; /* Width of left menu image */
	text-decoration: none;

}

a:link.boldbuttonsredr, a:visited.boldbuttonsredr, a:hover.boldbuttonsredr, a:active.boldbuttonsredr{
	color: white; /*button text color*/
}

a.boldbuttonsredr span{
	background: transparent url(../images/buttons/roundedge-red-right.gif) no-repeat top right;
	display: block;
	padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttonsredr{ /* Hover state CSS */
	text-decoration: underline;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;
}

/****************** Buttons Gray**********************/

a.boldbuttonsgry{
	background: transparent url(../images/buttons/roundedge-gray-left.gif) no-repeat top left;
	display: block;
	float: left;
	font: bold 11px Arial; /* Change 13px as desired */
	line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
	height: 30px; /* Height of button background height */
	padding-left: 8px; /* Width of left menu image */
	text-decoration: none;

}

a:link.boldbuttonsgry, a:visited.boldbuttonsgry, a:hover.boldbuttonsgry, a:active.boldbuttonsgry{
	color: white; /*button text color*/
}

a.boldbuttonsgry span{
	background: transparent url(../images/buttons/roundedge-gray-right.gif) no-repeat top right;
	display: block;
	padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttonsgry{ /* Hover state CSS */
	text-decoration: underline;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;
}