/*buttons styles*/
a.ucf-button { /* right part short sliding image */
 background: transparent url('/frameworkimages/ucf-button-right.png') no-repeat scroll center right;
 display: block;
 float: left;
 height: 25px; /* change value this according button image height */
 padding-right: 9px; /* change this value according right image width */
/* font properties */
 text-decoration: none;
 color: black;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 outline-style: none;
 outline-width: 0;
}

a.ucf-button span { /* left part long image */
 background: transparent url('/frameworkimages/ucf-button-left.png') no-repeat scroll center left;
 display: block;
 line-height: 13px;
 padding: 6px 0 6px 9px; /* change this value according to button height and to right image width */
 outline-style: none;
 outline-width: 0;
}
/* buttons hover styles */
a.ucf-button:hover span {
 background: transparent url('/frameworkimages/ucf-button-left.png') no-repeat scroll bottom left;
 color:white;
}
a.ucf-button:hover {
 background: transparent url('/frameworkimages/ucf-button-right.png') no-repeat scroll bottom right;
}