/* Unique to Extranet/Public */

.viewReport { background-image: url(images/extranet/buttons.png); background-position: -20px -20px; height: 20px; width: 120px; }
.viewReport:hover { background-position: -140px -20px; }
.extranet-button {display: inline-block;}
#searchButton { background-color: transparent; background-image: url(images/extranet/buttons.png); background-position: -20px -60px; border: none; height: 20px; width: 70px; }
#searchButton:hover { background-position: -100px -60px; }
#clearButton { background-color: transparent; background-image: url(images/extranet/buttons.png); background-position: -20px -100px; border: none; height: 20px; width: 60px; }
#clearButton:hover { background-position: -100px -100px; }
#helpButton { background-color: transparent; background-image: url(images/extranet/buttons.png); background-position: -20px -140px; border: none; height: 20px; width: 55px; }
#helpButton:hover { background-position: -100px -140px; }
#submitButton { background-color: transparent; background-image: url(images/extranet/buttons.png); background-position: -20px -180px; border: none; height: 20px; width: 65px; }
#submitButton:hover { background-position: -100px -180px; }
#lookUpButton { background-color: transparent; background-image: url(images/extranet/buttons.png); background-position: -20px -220px; border: none; height: 20px; width: 75px; }
#lookUpButton:hover { background-position: -100px -220px; }
#printButton { background-color: transparent; background-image: url(images/extranet/buttons.png); background-position: -20px -260px; border: none; height: 20px; width: 60px; }
#printButton:hover { background-position: -100px -260px; }
.info { background-image: url(images/extranet/buttons.png); background-position: -180px -60px; height: 20px; width: 20px; }
.info:hover { background-position: -220px -60px; }
.PDF { background-image: url(images/extranet/buttons.png); background-position: -180px -100px; display: inline-block; height: 20px; width: 20px; }
.PDF:hover { background-position: -220px -100px; }
.calendar { background-image: url(images/extranet/buttons.png); background-position: -180px -140px; height: 20px; width: 20px; }
.calendar:hover { background-position: -200px -140px; }
.calendar:disabled { background-position: -220px -140px; }
.arrow_closed { background-image: url(images/extranet/buttons.png); background-position: -180px -180px; height: 8px; width: 8px; }
.arrow_closed:hover { background-position: -200px -180px; }
.arrow_open { background-image: url(images/extranet/buttons.png); background-position: -180px -200px; height: 8px; width: 8px; }
.arrow_open:hover { background-position: -200px -200px; }
.delete { background-image: url(images/extranet/buttons.png); background-position: -20px -300px; height: 20px; width: 58px; }
.delete:hover { background-position: -100px -300px; }
.add { background-image: url(images/extranet/buttons.png); background-position: -20px -340px; height: 20px; width: 44px; }
.add:hover { background-position: -80px -340px; }
#cancelButton { background-color: transparent; background-image: url(images/extranet/buttons.png); background-position: -20px -380px; border: none; height: 20px; width: 70px; }
#cancelButton:hover { background-position: -100px -380px; }

/* Same as Intranet */

.icon-approve { background-image: url(images/icons.png); background-position: -20px -60px; width: 16px; height: 16px; cursor: pointer }
.icon-approve:hover { background-position: -60px -60px }
.icon-approve:disabled { background-position: -100px -60px; cursor: auto }

.icon-delete { background-image: url(images/icons.png); background-position: -20px -140px; width: 16px; height: 16px; cursor: pointer }
.icon-delete:hover { background-position: -60px -140px }
.icon-delete:disabled { background-position: -100px -140px }
.icon-delete.warning { background-position: -140px -140px; cursor: auto }

.icon-edit { background-image: url(images/icons.png); background-position: -20px -260px; width: 16px; height: 16px; cursor: pointer }
.icon-edit:hover { background-position: -60px -260px }
.icon-edit:disabled { background-position: -100px -260px; cursor: auto }

.icon-undo { background-image: url(images/icons.png); background-position: -220px -260px; height: 16px; width: 16px; cursor: pointer }
.icon-undo:hover { background-position: -260px -260px }
.icon-undo:disabled { background-position: -300px -260px; cursor: auto }

.icon-document { background-image: url(images/icons.png); background-position: -20px -180px; width: 20px; height: 20px; cursor: pointer }
.icon-document:hover { background-position: -60px -180px }
.icon-document:disabled { background-position: -100px -180px; cursor: auto }

.PDF-document { background-image: url(images/extranet/buttons.png); background-position: -180px -100px; display: inline-block; height: 22px; width: 20px; }
.PDF-document:hover { background-position: -220px -100px; }

.icon-upload { background-image: url(images/icons.png); background-position: -20px -220px; width: 20px; height: 20px; cursor: pointer }
.icon-upload:hover { background-position: -60px -220px }
.icon-upload:disabled { background-position: -100px -220px; cursor: auto }

.icon-upload-in-message { background-image: url(images/icons.png); background-position: -20px -220px; width: 20px; height: 20px; display: inline-block}