/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

/* BUTTON STYLE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.buttonwrapper{ 
	overflow: hidden; 
}
a.button_1, a.button_2, a.button_3, a.button_4{
	background-color:transparent;
	background-image:url(/images/buttons/bg_button_span.png);
	background-repeat:no-repeat;
	cursor:pointer;
	display:block;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	height:26px;
	line-height:15px;
	min-width:1px;
	padding-left:9px;
	text-decoration:none;
	white-space:nowrap;
	width:auto !important;
}

a.button_1 span, a.button_2 span, a.button_3 span, a.button_4 span{
	background-color:transparent;
	background-image:url(/images/buttons/bg_button_span.png);
	background-repeat:no-repeat;
	cursor:pointer;
	display:block;
	height:18px;
	padding:6px 10px 5px 0;
}

/* @end */

/* BUTTON 1
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
a.button_1{
	background-position: left 0;
}
a:link.button_1, a:visited.button_1, a:active.button_1{
	color: #FFFFFF; 
}
a.button_1 span{
	background-position: right 0;
}
a.button_1:hover{ 
	background-position: left -26px;
}
a.button_1:hover span{
	background-position: right -26px;
	color: #FFFFFF;
}

/* @end */

/* BUTTON 2
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
a.button_2{
	background-position: left -60px;
}
a:link.button_2, a:visited.button_2, a:active.button_2{
	color: #FFFFFF; 
}
a.button_2 span{
	background-position: right -60px;
}
a.button_2:hover{ 
	background-position: left -90px;
}
a.button_2:hover span{
	background-position: right -90px;
	color: #FFFFFF;
}

/* @end */

/* BUTTON 3
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
a.button_3{
	background-position: left -120px;
}
a:link.button_3, a:visited.button_3, a:active.button_3{
	color: #FFFFFF; 
}
a.button_3 span{
	background-position: right -120px;
}
a.button_3:hover{ 
	background-position: left -150px;
}
a.button_3:hover span{
	background-position: right -150px;
	color: #FFFFFF;
}

/* @end */

/* BUTTON 4
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
a.button_4{
	background-position: left -180px;
}
a:link.button_4, a:visited.button_4, a:active.button_4{
	color: #FFFFFF; 
}
a.button_4 span{
	background-position: right -180px;
}
a.button_4:hover{ 
	background-position: left -210px;
}
a.button_4:hover span{
	background-position: right -210px;
	color: #FFFFFF;
}

/* @end */