a.squarebutton{
background: transparent url('../images/square-red-left.png') no-repeat top left;
display: block;
float: left;
font: normal 16px Arial; 
font-weight:bold;
line-height: 26px; 
height: 30px;
padding-left: 3px; 
text-decoration: none;


text-indent: 3px;
margin-right: 1px;
margin-top: 3px;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{

}

a.squarebutton span{
background: transparent url('../images/square-red-right.png') no-repeat top right;
display: block;
padding: 0px 9px 4px 0; 
text-indent: 3px;
line-height:30px;
}

a.squarebutton:hover{ 
background-position: top left;
text-indent: 3px;

}

a.squarebutton:hover span{ 
background-position: top right;
color: #fff;

text-decoration: underline;
text-indent: 3px;
font-size: 16px;
font-weight: bold;

}

.buttonwrapper{ 
overflow: hidden; 
width: 840px;
position:relative;
top:-10px;
left:5px;
/* height: 35px; */

}


a.squarebutton_active{
background: transparent url('../images/square-orange-left.png') no-repeat top left;
display: block;
float: left;
font: bold italic 16px Arial; 
line-height: 26px; 
height: 30px;
padding-left: 3px; 
text-decoration: none;
margin-right: 1px;
margin-top: 3px;
color: #FFF;

}
a.squarebutton_active span{
background: transparent url('../images/square-orange-right.png') no-repeat top right;
display: block;
padding: 0px 9px 4px 0;
line-height:30px;
margin-right: 1px;
font-size: 16px;
font-weight: bold;
color: #FFF;

}