@CHARSET "ISO-8859-1";

/* 
 * Simple button class that creates a colored background and uses a gradient 
 * image for a bit more styling.
 */
a.button {
	padding: 4px 10px;
	display: inline;
	background: #777 url(../images/blackbutton.png) repeat-x bottom;
	border: 1px solid #000;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-shadow: 1px 1px #666;	
	margin: 4px;
}
a.button:hover { background-position: 0 -50px; }
a.button:active { background-position: 0 top; }
a.button img { height: 14px; width: 14px; vertical-align: bottom; }
a.button span { padding: 4px; }

/*
 * Styling for all of the icon buttons.  It comes in a variety of sizes. Passing
 * the size as the last part of the class will receive the appropriately sized
 * images for the icon button.  The class is also descriptive of the kind of button.
 */
.iconButtonTiny, 
.iconButtonSmall, 
.iconButton,
.iconButtonLarge,
.iconButtonGiant {
	display: inline-block;
	margin: 2px 8px;
	text-align: center;
	vertical-align: middle;
}

.iconButtonTiny, .iconButtonTiny a { height: 16px; width: 16px; }
.iconButtonSmall, .iconButtonSmall a { height: 24px; width: 24px; }
.iconButton, .iconButton a { height: 32px; width: 32px; }
.iconButtonLarge, .iconButtonLarge a { height: 48px; width: 48px; }
.iconButtonGiant, .iconButtonGiant a { height: 64px; width: 64px; }

.iconButton:hover, .iconButton:active { cursor:pointer;}

/* ADD BUTTON */
.addButtonTiny {  background-image: url(../images/linkbuttons/add/Add_16x16.png); } 
.addButtonTiny:hover { background-image: url(../images/linkbuttons/add/Add_16x16.png); }
.addButtonTiny:active { background-image: url(../images/linkbuttons/add/Add_16x16.png); }
.addButtonSmall {  background-image: url(../images/linkbuttons/add/Add_24x24.png); } 
.addButtonSmall:hover { background-image: url(../images/linkbuttons/add/Add_24x24.png); }
.addButtonSmall:active { background-image: url(../images/linkbuttons/add/Add_24x24.png); }
.addButton {  background-image: url(../images/linkbuttons/add/Add_32x32.png); } 
.addButton:hover { background-image: url(../images/linkbuttons/add/Add_32x32.png); }
.addButton:active { background-image: url(../images/linkbuttons/add/Add_32x32.png); }

/* BACK BUTTON */
.backButtonTiny { background-image: url(../images/linkbuttons/previous/Previous_16x16.png); }
.backButtonTiny:hover { background-image: url(../images/linkbuttons/previous/Previous_16x16.png); }
.backButtonTiny:active { background-image: url(../images/linkbuttons/previous/Previous_16x16.png); }
.backButtonSmall { background-image: url(../images/linkbuttons/previous/Previous_24x24.png); }
.backButtonSmall:hover { background-image: url(../images/linkbuttons/previous/Previous_24x24.png); }
.backButtonSmall:active { background-image: url(../images/linkbuttons/previous/Previous_24x24.png); }
.backButton { background-image: url(../images/linkbuttons/previous/Previous_32x32.png); }
.backButton:hover { background-image: url(../images/linkbuttons/previous/Previous_32x32.png); }
.backButton:active { background-image: url(../images/linkbuttons/previous/Previous_32x32.png); }

/* HELP BUTTON */
.helpButton { background-image: url(../images/linkbuttons/help/Help_32x32.png); }
.helpButton:hover { background-image: url(../images/linkbuttons/help/Help_32x32.png); }
.helpButton:active { background-image: url(../images/linkbuttons/help/Help_32x32.png); }

/* CLOSE BUTTON */
.closeButtonTiny { background-image: url(../images/linkbuttons/delete/Delete_16x16.png); }
.closeButtonTiny:hover { background-image: url(../images/linkbuttons/delete/Delete_16x16.png); }
.closeButtonTiny:active { background-image: url(../images/linkbuttons/delete/Delete_16x16.png); }
.closeButtonSmall { background-image: url(../images/linkbuttons/delete/Delete_24x24.png); }
.closeButtonSmall:hover { background-image: url(../images/linkbuttons/delete/Delete_24x24.png); }
.closeButtonSmall:active { background-image: url(../images/linkbuttons/delete/Delete_24x24.png); }
.closeButton { background-image: url(../images/linkbuttons/delete/Delete_32x32.png); }
.closeButton:hover { background-image: url(../images/linkbuttons/delete/Delete_32x32.png); }
.closeButton:active { background-image: url(../images/linkbuttons/delete/Delete_32x32.png); }
.closeButtonSmall { background-image: url(../images/linkbuttons/delete_24.png); }
.closeButtonSmall:hover { background-image: url(../images/linkbuttons/delete_24_hover.png); }
.closeButtonSmall:active { background-image: url(../images/linkbuttons/delete_24_active.png); }

/* DOWNLOAD BUTTON */
.downloadButtonTiny { background-image: url(../images/linkbuttons/download/Download_16x16.png); }
.downloadButtonTiny:hover { background-image: url(../images/linkbuttons/download/Download_16x16.png); }
.downloadButtonTiny:active { background-image: url(../images/linkbuttons/download/Download_16x16.png); }
.downloadButtonSmall { background-image: url(../images/linkbuttons/download/Download_24x24.png); }
.downloadButtonSmall:hover { background-image: url(../images/linkbuttons/download/Download_24x24.png); }
.downloadButtonSmall:active { background-image: url(../images/linkbuttons/download/Download_24x24.png); }
.downloadButton { background-image: url(../images/linkbuttons/download/Download_32x32.png); }
.downloadButton:hover { background-image: url(../images/linkbuttons/download/Download_32x32.png); }
.downloadButton:active { background-image: url(../images/linkbuttons/download/Download_32x32.png); }
.downloadButtonLarge { background-image: url(../images/linkbuttons/download/Download_48x48.png); }
.downloadButtonLarge:hover { background-image: url(../images/linkbuttons/download/Download_48x48.png); }
.downloadButtonLarge:active { background-image: url(../images/linkbuttons/download/Download_48x48.png); }

/* PRINT BUTTON */
.printButton { background-image: url(../images/linkbuttons/print/Print_32x32.png); }
.printButton:hover { background-image: url(../images/linkbuttons/print/Print_32x32.png); }
.printButton:active { background-image: url(../images/linkbuttons/print/Print_32x32.png); }

/* EXPORT BUTTON */
.exportButton { background-image: url(../images/linkbuttons/export/Export_32x32.png); }
.exportButton:hover { background-image: url(../images/linkbuttons/export/Export_32x32.png); }
.exportButton:active { background-image: url(../images/linkbuttons/export/Export_32x32.png); }

/* PAYMENT BUTTON */
.paymentButton { background-image: url(../images/linkbuttons/payment/Payment_32x32.png); }
.paymentButton:hover { background-image: url(../images/linkbuttons/payment/Payment_32x32.png); }
.paymentButton:active { background-image: url(../images/linkbuttons/payment/Payment_32x32.png); }
.paymentButtonTiny { background-image: url(../images/linkbuttons/payment/Payment_32x32.png); }
.paymentButtonTiny:hover { background-image: url(../images/linkbuttons/payment/Payment_32x32.png); }
.paymentButtonTiny:active { background-image: url(../images/linkbuttons/payment/Payment_32x32.png); }

/* SAVE BUTTON */
.saveButtonTiny { background-image: url(../images/linkbuttons/save/Save_16x16.png); }
.saveButtonTiny:hover { background-image: url(../images/linkbuttons/save/Save_16x16.png); }
.saveButtonTiny:active { background-image: url(../images/linkbuttons/save/Save_16x16.png); }

.saveButton { background-image: url(../images/linkbuttons/save/Save_32x32.png); }
.saveButton:hover { background-image: url(../images/linkbuttons/save/Save_32x32.png); }
.saveButton:active { background-image: url(../images/linkbuttons/save/Save_32x32.png); }

.searchButton { background-image: url(../images/linkbuttons/search/Search_32x32.png); }
.searchButton:hover { background-image: url(../images/linkbuttons/search/Search_32x32.png); }
.searchButton:active { background-image: url(../images/linkbuttons/search/Search_32x32.png); }