button {
border: 0 none;
cursor: pointer;
font-weight: bold;
padding: 0 15px 0 0;
text-align: center;
height: 30px;
margin-left: 5px;
line-height: 30px;
width: auto ;
}

button.rounded {
background: transparent url( "../images/btn_right_blue.png" ) no-repeat scroll right top;
clear: left;
}

button.roundedGray {
background: transparent url( "../images/btn_right_gray.png" ) no-repeat scroll right top;
clear: left;
}

button span {
display: block;
padding: 0 0 0 15px;
position: relative;
white-space: nowrap;
height: 30px;
line-height: 30px;
font-family: arial;
font-weight: bold;
font-size: 13px;
}

button.rounded span {
background: transparent url("../images/btn_left_blue.png" ) no-repeat scroll left top;
color: #FFFFFF;
}

button.roundedGray span {
background: transparent url( "../images/btn_left_gray.png" ) no-repeat scroll left top;
color: #FFFFFF;
}

button.rounded:hover , button.roundedGray:hover {
background-position: 100% -30px;
}

button.rounded:hover span , button.roundedGray:hover span {
background-position: 0% -30px;
}

button::-moz-focus-inner {
border: none;
}