.topSprite
{
	z-index: 1;
}
.bottomSprite
{
	opacity: 0;
	z-index: 5;
}
.spriteButton
{
}

/*
  Header Sprites
*/

.headerSpriteButton
{
	position: relative;
	float: left;
}
.headerSprite
{
	position: absolute;
	background-image: url('../../Images/HeaderNavigation.png');
}
/* headerSchool and headerContractor are just used as parent classes */
.headerSchool
{}
.headerContractor
{}
.headerSchool .headerSprite
{
	background-image: url('../../Images/HeaderNavigationSchool.png');
	position: absolute;
}
.headerContractor .headerSprite
{
	background-image: url('../../Images/HeaderNavigationContractor.png');
	position: absolute;
}
.headerHome
{
	width: 95px;
	height: 37px;
}
.headerHomeHover
{
	width: 90px;
	height: 29px;
}
.headerSchool .headerHome
{
	background-position: -0px 0px;
	width: 131px;
	height: 50px;
}
.headerSchool .headerHomeHover
{
	background-position: -6px -66px;
	margin-left: 6px;		/* This one has a left margin so that we don't fade in the left shadow */
	width: 131px;
	height: 42px;	
}
.headerContractor .headerHome
{
	background-position: -0px -2px;
	width: 214px;
	height: 53px;
}
.headerContractor .headerHomeHover
{
	background-position: -8px -63px;
	margin-left: 8px;		/* This one has a left margin so that we don't fade in the left shadow */
	width: 214px;
	height: 45px;
}
.headerSchool .headerInvite
{
	width: 215px;
	height: 50px;
	background-position: -141px 0px;	
}
.headerSchool .headerInviteHover
{
	background-position: -141px -66px;
	width: 215px;
	height: 42px;
}
.headerTemplates
{
	width: 133px;
	height: 37px;
}
.headerTemplatesHover
{
	width: 133px;
	height: 29px;
}
.headerSchool .headerTemplates
{
	background-position: -366px 0px;
	width: 202px;
	height: 50px;	
}
.headerSchool .headerTemplatesHover
{
	background-position: -366px -66px;
	width: 202px;
	height: 42px;
}
.headerMyDetails
{
	width: 138px;
	height: 37px;
}
.headerMyDetailsHover
{
	width: 138px;
	height: 29px;
}
.headerSchool .headerMyDetails
{
	background-position: -578px 0px;
	width: 162px;
	height: 50px;
}
.headerSchool .headerMyDetailsHover
{
	background-position: -578px -66px;
	width: 162px;
	height: 42px;
}
.headerContractor .headerMyDetails
{
	background-position: -244px -2px;
	width: 200px;
	height: 53px;
}
.headerContractor .headerMyDetailsHover
{
	background-position: -244px -63px;
	width: 200px;
	height: 45px;
}
.headerContactSupport
{
	width: 203px;
	height: 37px;
}
.headerContactSupportHover
{
	width: 203px;
	height: 29px;
}
.headerSchool .headerContactSupport
{
	background-position: -750px 0px;
	width: 168px;
	height: 50px;
}
.headerSchool .headerContactSupportHover
{
	background-position: -750px -66px;
	width: 162px;
	height: 42px;
}
.headerContractor .headerContactSupport
{
	background-position: -464px -2px;
	height: 53px;
	width: 178px;
}
.headerContractor .headerContactSupportHover
{
	background-position: -464px -63px;
	height: 45px;
	width: 172px;
}


.btnHome
{
	background-position: 0px 0px;
	width: 95px; 
	height: 37px;
}
.btnHomeHover
{
	background-position: -5px -47px;
	margin-left: 5px;		/* This one has a left margin so that we don't fade in the left shadow */
	width: 90px; 
	height: 29px;
}
.btnContractors
{
	background-position: -99px 0px;
	width: 162px;
	height: 37px;
}
.btnContractorsHover
{
	background-position: -99px -47px;
	width: 162px;
	height: 29px;
}
.btnSchools
{
	background-position: -265px 0px;
	width: 117px; 
	height: 37px;
}
.btnSchoolsHover
{
	background-position: -265px -47px;
	width: 117px; 
	height: 29px;
}
.btnProducts
{
	background-position: -386px 0px;
	width: 229px; 
	height: 37px;
}
.btnProductsHover
{
	background-position: -386px -47px;
	width: 229px; 
	height: 29px;
}
.btnAboutUs
{
	background-position: -619px 0px;
	width: 127px; 
	height: 37px;
}
.btnAboutUsHover
{
	background-position: -619px -47px;
	width: 127px; 
	height: 29px;
}
.btnContactUs
{
	background-position: -750px 0px;
	width: 147px; 
	height: 37px;
}
.btnContactUsHover
{
	background-position: -750px -47px;
	width: 142px; 
	height: 29px;
}




.btnLogin
{
	background-image: url('../../Images/Login Logout.gif');
	background-position: 0px 0px;
	width: 27px;
	height: 32px;
}
.btnLogout
{
	background-image: url('../../Images/Login Logout.gif');
	background-position: 0px -35px;
	width: 27px;
	height: 32px;
}




/* Navigation Sprites */
.navigationSprite
{
	background-image: url('../../Images/Navigation.gif');
	position: absolute;
	width: 82px; 
	height: 22px;	
}
.btnNext
{
	background-position: -95px -4px;
}
.btnNextHover
{
	background-position: -95px -30px;
}  
.btnNextDisabled
{
	background-position: -95px -56px;
}

.btnPrevious
{
	background-position: -4px -4px;
}
.btnPreviousHover
{
	background-position: -4px -30px;
}  
.btnPreviousDisabled
{
	background-position: -4px -56px;
}

.btnEdit
{
	background-position: -186px -4px;
}
.btnEditHover
{
	background-position: -186px -30px;
}
.btnEditDisabled
{
	background-position: -186px -56px;
}

.btnSearch
{
	background-position: -277px -4px;
}
.btnSearchHover
{
	background-position: -277px -30px;
}
.btnSearchDisabled
{
	background-position: -277px -56px;
}

.btnAdd
{
	background-position: -368px -4px;
}
.btnAddHover
{
	background-position: -368px -30px;
}
.btnAddDisabled
{
	background-position: -368px -56px;
}

.btnDelete
{
	background-position: -458px -4px;
}
.btnDeleteHover
{
	background-position: -458px -30px;
}
.btnDeleteDisabled
{
	background-position: -458px -56px;
}

.btnClose
{
	background-position: -730px -4px;
	width: 64px;
}
.btnCloseHover
{
	background-position: -730px -30px;
	width: 64px;
}
.btnCloseDisabled
{
	background-position: -730px -56px;
	width: 64px;
}

.btnCancel
{
	background-position: -640px -4px;
}
.btnCancelHover
{
	background-position: -640px -30px;
}
.btnCancelDisabled
{
	background-position: -640px -56px;
}

.btnConfirm
{
	background-position: -549px -4px;
}
.btnConfirmHover
{
	background-position: -549px -30px;
}
.btnConfirmDisabled
{
	background-position: -549px -56px;
}

.btnSave
{
	background-position: -803px -4px;
	width: 64px;
}
.btnSaveHover
{
	background-position: -803px -30px;
	width: 64px;
}
.btnSaveDisabled
{
	background-position: -803px -56px;
	width: 64px;
}
.btnBack
{
	background-position: -95px -4px;
}
.btnBackHover
{
	background-position: -95px -30px;
}  
.btnAccept
{
	background-position: -876px -4px;
	width: 81px;
}
.btnAcceptHover
{
	background-position: -876px -30px;
	width: 81px;
}

.btnAttach
{
	background-position: -967px -4px;
	width: 64px;
}
.btnAttachHover
{
	background-position: -967px -30px;
	width: 64px;
}
.btnAttachDisabled
{
	background-position: -967px -56px;
	width: 64px;
}

.btnYes
{
	background-position: -1046px -4px;
	width: 65px;
}
.btnYesHover
{
	background-position: -1046px -30px;
	width: 65px;
}
.btnYesDisabled
{
	background-position: -1046px -56px;
	width: 65px;
}

.btnNo
{
	background-position: -1121px -4px;
	width: 64px;
}
.btnNoHover
{
	background-position: -1121px -30px;
	width: 64px;
}
.btnNoDisabled
{
	background-position: -1121px -56px;
	width: 64px;
}

.btnClickHere
{
    background-position: -1195px -4px;
    width: 80px;
}
.btnClickHereHover
{
    background-position: -1195px -30px;
    width: 80px;
}
.btnClickHereDisabled
{
    background-position: -1195px -56px;
    width: 80px;
}


/* Others */
.fileTypeSprite
{
    background-image: url('../../Images/flat-doc-1-trans.png');
     background-repeat:no-repeat;
	/*background-image: url('../../Images/FileTypes.gif');*/	
	width: 50px;
	height: 24px;
 
}
.docFileType
{
    /*background-image: url('../../Images/icons8-file-24.png');*/
  
	*background-position: 0px 0px;
}
.pdfFileType
{
     /*background-image: url('../../Images/icons8-file-24.png');*/
  
	/*background-position: -52px 0px;*/
}
.xlsFileType
{
     /*background-image: url('../../Images/icons8-file-24.png');*/
    
	/*background-position: -104px 0px;*/
}
.imgFileType
{
     /*background-image: url('../../Images/icons8-file-24.png');*/
   
	/*background-position: -153px 0px;*/
}
.otherFileType
{
	/*background-position: -202px 0px;*/
}
.noFileType
{
     /*background-image: url('../../Images/doc-blank-edit.png');
	 background-repeat:no-repeat;*/
	 display:none;
	/*background-position: -252px 0px;
	width: 47px;*/
}

.missingFile
{
	background:none;
	width: 47px;
}

.iconSprite
{
	background-image: url('../../Images/Dashboard Icons.gif');
	width: 25px;
	height: 32px;
}
.insurancesIcon
{
	background-position: 0px 0px;
}
.licencesIcon
{
	background-position: -27px 0px;
}
.otherIcon
{
	background-position: -54px 0px;
}
.employeesIcon
{
	background-position: -81px 0px;
}


.otherButtonSprite
{
	background-image: url('../../Images/OtherButtons.png');
	position: absolute;
}
.addToList
{
	background-position: 0px 0px;
	width: 80px;
	height: 20px;
}
.previewEmail
{
	background-position: 0px -21px;
	width: 145px;
	height: 30px;
}
.sendInvites
{
	background-position: 0px -52px;
	width: 145px;
	height: 30px;
}
.sendRequest
{
	background-position: 0px -83px;
	width: 145px;
	height: 30px;
}
.clickHere
{
	background-position: 0px -114px;
	width: 145px;
	height: 30px;    
}
.backToSearch
{
	background-position: 0px -145px;
	width: 145px;
	height: 30px;    
}