/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
input {
 border: none; 
 }

span.prova{
background: transparent url("/Portal/common/img/SquareButtons/square-blue-left.gif") no-repeat top left;
display: block;
float: left;
font: normale 10px Verdana; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 1px; /* Width of left menu image */
padding-bottom: 0px;
padding-top: 0px;
text-decoration: none;

}

input:link.squarebutton, input:visited.squarebutton, input:active.squarebutton{
color: #494949; /*button text color*/

}

span.prova input.squarebutton {
background: transparent url("/Portal/common/img/SquareButtons/square-blue-right.gif") no-repeat top right;
display: block;
padding: 3px 2px 0px 3px; /*Set 9px below to match value of 'padding-left' value above*/
}

input.squarebutton:hover{ /* Hover state CSS */
background-position: bottom right;
}

span.prova input.squarebutton:hover { /* Hover state CSS */
background-position: bottom right;
color: black;
}

.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%;
}