/* button styles */
a.button, a.buttonDis {
display: block;
background-color: transparent;
background-image: url(buttonBackgroundXsC.gif);
background-repeat: no-repeat;
width: 104px;
height: 42px;
margin: 0px auto;
padding: 10px 0 0 0;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: bold;
text-decoration: none;
}
a.button:link, a.button:visited {
color: #888888;
font-weight: bold;
text-decoration: none;
}
a.button:hover, a.button:active {
background-position: 0 -52px;
/*color: #FF7200;*/
color: #0aa842;
font-weight: bold;
text-decoration: none;
}
a.buttonDis:link, a.buttonDis:visited, a.buttonDis:hover, a.buttonDis:active {
background-position: 0 -104px;
/*color: #5F5F5F;*/
color: #326699;
cursor: default;
font-weight: bold;
text-decoration: none;
}
.icon {
display: inline-block;
background-repeat: no-repeat;
padding: 0 0 5px 18px;
}
a.button:hover .icon, a.button:active .icon {
background-position: 0 -28px;
}
a.buttonDis:link .icon, a.buttonDis:visited .icon, a.buttonDis:hover .icon, a.buttonDis:active .icon {
background-position: 0 -56px;
}
/* list of button icons */
#buttonOK .icon {
background-image: url(ok.gif);
}
#buttonCancel .icon {
background-image: url(cancel.gif);
}
#buttonImport .icon {
background-image: url(import.gif);
}