a.squarebutton { background: transparent url('pix/btns/square-gray-left.gif') no-repeat top left; display: block; float: left; line-height: 15px; height: 23px; padding-left: 9px; text-decoration: none; }
a.squarebutton { background: transparent url('pix/btns/square-blue-left.gif') no-repeat top left; }

a:link.squarebutton, 
a:visited.squarebutton, 
a:active.squarebutton { color: #494949; }

a.squarebutton, a.squarebutton.nolink { color: #494949; }

a.squarebutton span { background: transparent url('pix/btns/square-gray-right.gif') no-repeat top right; display: block; padding: 4px 9px 4px 0; }
a.squarebutton span { background: transparent url('pix/btns/square-blue-right.gif') no-repeat top right; }

a.squarebutton:hover { background-position: bottom left; color:}
a.squarebutton:hover span { background-position: bottom right; color: black; }
.buttonwrapper{ overflow: hidden; width: 100%; }




a.squarebutton2 { background: transparent url('pix/btns/square2-blue-left.gif') no-repeat top left; display: block; float: left; line-height: 15px; height: 17px; padding-left: 9px; text-decoration: none; font-size:11px; }

   a:link.squarebutton2, 
a:visited.squarebutton2, 
 a:active.squarebutton2 { color: #494949; }

a.squarebutton2 span { background: transparent url('pix/btns/square2-blue-right.gif') no-repeat top right; display: block; padding: 1px 9px 1px 0px; }

a.squarebutton2:hover { background-position: bottom left; }
a.squarebutton2:hover span { background-position:right -17px;; color: black; }