/* Buttons */

/* Page Buttons */
a.button {
/* Sliding right image */
background: transparent url(../images/global/buttonRight.png) no-repeat scroll top right; 
display: block;
float: left;
height: 25px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
padding-right: 13px; /* CHANGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #FFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-indent: -6px;
}

a.button:hover {
background: transparent url(../images/global/buttonHoverRight.png) no-repeat scroll top right; 
}

a.button:active {
background: transparent url(../images/global/buttonHitRight.png) no-repeat scroll top right; 
}

a.button span {
height: 25px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
/* Background left image */ 
background: transparent url(../images/global/button.png) no-repeat; 
display: block;
line-height: 10px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 7px 0 5px 18px;
} 

a.button:hover span{
text-decoration:none;
background: transparent url(../images/global/buttonHover.png) no-repeat; 
}

a.button:active span{
text-decoration:none;
background: transparent url(../images/global/buttonHit.png) no-repeat; 
}

/* Form Buttons */
a.formbutton {
/* Sliding right image */
background: transparent url(../images/global/FormbuttonRight.png) no-repeat scroll top right; 
display: block;
float: left;
height: 25px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
padding-right: 13px; /* CHANGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
font-weight: bold;
text-transform: uppercase;
color: #FFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-indent: -6px;
}

a.formbutton:hover {
background: transparent url(../images/global/formButtonHoverRight.png) no-repeat scroll top right; 
}

a.formbutton:active {
background: transparent url(../images/global/formButtonHitRight.png) no-repeat scroll top right; 
}

a.formbutton span {
height: 25px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
/* Background left image */ 
background: transparent url(../images/global/Formbutton.png) no-repeat; 
display: block;
line-height: 10px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 7px 0 5px 18px;
} 

a.formbutton:hover span{
text-decoration:none;
background: transparent url(../images/global/formButtonHover.png) no-repeat; 
}

a.formbutton:active span{
text-decoration:none;
background: transparent url(../images/global/formButtonHit.png) no-repeat; 
}