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

/* BUTON grey / fundal grey **/
a.grey_grey_button{
	background: transparent url('../images/button_left_x.png') no-repeat top left;
	display: block;
	float: left;
	font-size: 12px;
	line-height: 18px; /* This value + 2px + 4px (top and bottom padding of SPAN) must equal height of button background */
	height: 24px; /* Height of button background height */
	padding-left: 20px; /* Width of left menu image */
	text-decoration: none;
}
a:link.grey_grey_button, a:visited.grey_grey_button, a:active.grey_grey_button{
	color: #FEFEFE;
}
a.grey_grey_button span{
	background: transparent url('../images/button_right_x.png') no-repeat top right;
	display: block; /*Set 11px below to match value of 'padding-left' value above*/
	padding-top: 2px;
	padding-right: 20px;
	padding-bottom: 4px;
	padding-left: 0;
}
a.grey_grey_button:hover{ /* Hover state CSS */
	background-position: bottom left;
}
a.grey_grey_button:hover span{ /* Hover state CSS */
	background-position: bottom right;
	color: #FEFEFE;
}


/* BUTON grey / fundal teal **/
a.grey_teal_button{
	background: transparent url('../images/button_left_x.png') no-repeat top left;
	display: block;
	float: left;
	font-size: 12px;
	line-height: 18px; /* This value + 2px + 4px (top and bottom padding of SPAN) must equal height of button background */
	height: 24px; /* Height of button background height */
	padding-left: 20px; /* Width of left menu image */
	text-decoration: none;
}
a:link.grey_teal_button, a:visited.grey_teal_button, a:active.grey_teal_button{
	color: #FEFEFE;
}
a.grey_teal_button span{
	background: transparent url('../images/button_right_x.png') no-repeat top right;
	display: block; /*Set 11px below to match value of 'padding-left' value above*/
	padding-top: 2px;
	padding-right: 20px;
	padding-bottom: 4px;
	padding-left: 0;
}
a.grey_teal_button:hover{ /* Hover state CSS */
	background-position: bottom left;
}
a.grey_teal_button:hover span{ /* Hover state CSS */
	background-position: bottom right;
	color: #FEFEFE;
}


/* BUTON grey / fundal white **/
a.grey_white_button{
	background: transparent url('../images/button_left_x.png') no-repeat top left;
	display: block;
	float: left;
	font-size: 12px;
	line-height: 18px; /* This value + 2px + 4px (top and bottom padding of SPAN) must equal height of button background */
	height: 24px; /* Height of button background height */
	padding-left: 20px; /* Width of left menu image */
	text-decoration: none;
}
a:link.grey_white_button, a:visited.grey_white_button, a:active.grey_white_button{
	color: #FEFEFE;
}
a.grey_white_button span{
	background: transparent url('../images/button_right_x.png') no-repeat top right;
	display: block; /*Set 11px below to match value of 'padding-left' value above*/
	padding-top: 2px;
	padding-right: 17px;
	padding-bottom: 4px;
	padding-left: 0;
}
a.grey_white_button:hover{ /* Hover state CSS */
	background-position: bottom left;
}

a.grey_white_button:hover span{ /* Hover state CSS */
	background-position: bottom right;
	color: #FEFEFE;
}

/* BUTON blue / fundal grey **/
a.blue_grey_button{
	background: transparent url('../images/button_left_x.png') no-repeat top left;
	display: block;
	float: left;
	font-size: 12px;
	line-height: 18px; /* This value + 2px + 4px (top and bottom padding of SPAN) must equal height of button background */
	height: 24px; /* Height of button background height */
	padding-left: 20px; /* Width of left menu image */
	text-decoration: none;
}
a:link.blue_grey_button, a:visited.blue_grey_button, a:active.blue_grey_button{
	color: #FEFEFE;
}
a.blue_grey_button span{
	background: transparent url('../images/button_right_x.png') no-repeat top right;
	display: block; /*Set 11px below to match value of 'padding-left' value above*/
	padding-top: 2px;
	padding-right: 20px;
	padding-bottom: 4px;
	padding-left: 0;
}
a.blue_grey_button:hover{ /* Hover state CSS */
	background-position: bottom left;
}

a.blue_grey_button:hover span{ /* Hover state CSS */
	background-position: bottom right;
	color: #FEFEFE;
}

/* BUTON blue / fundal teal **/
a.blue_teal_button{
	background: transparent url('../images/button_left_grey_x.png') no-repeat top left;
	display: block;
	float: left;
	font-size: 12px;
	line-height: 18px; /* This value + 2px + 4px (top and bottom padding of SPAN) must equal height of button background */
	height: 24px; /* Height of button background height */
	padding-left: 20px; /* Width of left menu image */
	text-decoration: none;
}
a:link.blue_teal_button, a:visited.blue_teal_button, a:active.blue_teal_button{
	color: #FEFEFE;
}
a.blue_teal_button span{
	background: transparent url('../images/button_right_grey_x.png') no-repeat top right;
	display: block; /*Set 11px below to match value of 'padding-left' value above*/
	padding-top: 2px;
	padding-right: 20px;
	padding-bottom: 4px;
	padding-left: 0;
}
a.blue_teal_button:hover{ /* Hover state CSS */
	background-position: bottom left;
}
a.blue_teal_button:hover span{ /* Hover state CSS */
	background-position: bottom right;
	color: #FEFEFE;
}

/* BUTON blue / fundal white **/
a.blue_white_button{
	background: transparent url('../images/button_left_x.png') no-repeat top left;
	display: block;
	float: left;
	font-size: 12px;
	line-height: 18px; /* This value + 2px + 4px (top and bottom padding of SPAN) must equal height of button background */
	height: 24px; /* Height of button background height */
	padding-left: 20px; /* Width of left menu image */
	text-decoration: none;
}
a:link.blue_white_button, a:visited.blue_white_button, a:active.blue_white_button{
	color: #FEFEFE;
}
a.blue_white_button span{
	background: transparent url('../images/button_right_x.png') no-repeat top right;
	display: block; /*Set 11px below to match value of 'padding-left' value above*/
	padding-top: 2px;
	padding-right: 20px;
	padding-bottom: 4px;
	padding-left: 0;
}
a.blue_white_button:hover{ /* Hover state CSS */
	background-position: bottom left;
}
a.blue_white_button:hover span{ /* Hover state CSS */
background-position: bottom right;
	color: #FEFEFE;
}

/* BUTON yellow / fundal grey **/
a.yellow_grey_button{
	background: transparent url('../images/button_left_x.png') no-repeat top left;
	display: block;
	float: left;
	font-size: 12px;
	line-height: 18px; /* This value + 2px + 4px (top and bottom padding of SPAN) must equal height of button background */
	height: 24px; /* Height of button background height */
	padding-left: 20px; /* Width of left menu image */
	text-decoration: none;
}
a:link.yellow_grey_button, a:visited.yellow_grey_button, a:active.yellow_grey_button{
	color: #FEFEFE;
}
a.yellow_grey_button span{
	background: transparent url('../images/button_right_x.png') no-repeat top right;
	display: block; /*Set 11px below to match value of 'padding-left' value above*/
	padding-top: 2px;
	padding-right: 20px;
	padding-bottom: 4px;
	padding-left: 0;
}
a.yellow_grey_button:hover{ /* Hover state CSS */
	background-position: bottom left;
}
a.yellow_grey_button:hover span{ /* Hover state CSS */
	background-position: bottom right;
	color: #FEFEFE;
}

/* BUTON yellow / fundal teal **/
a.yellow_teal_button{
	background: transparent url('../images/button_left_x.png') no-repeat top left;
	display: block;
	float: left;
	font-size: 12px;
	line-height: 18px; /* This value + 2px + 4px (top and bottom padding of SPAN) must equal height of button background */
	height: 24px; /* Height of button background height */
	padding-left: 20px; /* Width of left menu image */
	text-decoration: none;
}
a:link.yellow_teal_button, a:visited.yellow_teal_button, a:active.yellow_teal_button{
	color: #FEFEFE;
}
a.yellow_teal_button span{
	background: transparent url('../images/button_right_x.png') no-repeat top right;
	display: block; /*Set 11px below to match value of 'padding-left' value above*/
	padding-top: 2px;
	padding-right: 20px;
	padding-bottom: 4px;
	padding-left: 0;
}
a.yellow_teal_button:hover{ /* Hover state CSS */
	background-position: bottom left;
}
a.yellow_teal_button:hover span{ /* Hover state CSS */
	background-position: bottom right;
	color: #FEFEFE;
}

/* BUTON yellow / fundal white **/
a.yellow_white_button{
	background: transparent url('../images/button_left_x.png') no-repeat top left;
	display: block;
	float: left;
	font-size: 12px;
	line-height: 18px; /* This value + 2px + 4px (top and bottom padding of SPAN) must equal height of button background */
	height: 24px; /* Height of button background height */
	padding-left: 20px; /* Width of left menu image */
	text-decoration: none;
}
a:link.yellow_white_button, a:visited.yellow_white_button, a:active.yellow_white_button{
	color: #FEFEFE;
}

a.yellow_white_button span{
	background: transparent url('../images/button_right_x.png') no-repeat top right;
	display: block; /*Set 11px below to match value of 'padding-left' value above*/
	padding-top: 2px;
	padding-right: 20px;
	padding-bottom: 4px;
	padding-left: 0;
}
a.yellow_white_button:hover{ /* Hover state CSS */
	background-position: bottom left;
}
a.yellow_white_button:hover span{ /* Hover state CSS */
	background-position: bottom right;
	color: #FEFEFE;
}