.NavButton
    {
    	border: 1px solid #bbbbbb;
    }
    
    .NavButton:hover
    {
		border: 1px solid orange;
    }
    
    .NavButton:active
    {	
		background-color: #fafafa;
	}
    
    .UploadButton 
    {
    	border: 1px solid #bbbbbb;
    	background: url('../Images/Icons/16/Upload.png') no-repeat center left;
    	text-indent:20px;
    }
    
    .UploadButton:hover
    {
		border: 1px solid orange;
    }
   
    /*
		The folllowing buttons are General File Related Buttons
	*/
    #DownloadButton {background: url('../Images/Icons/16/Download.png') no-repeat center left; text-indent:20px;}
    #DeleteFilesButton {background: url('../Images/Icons/16/DeleteFile.png') no-repeat center left; text-indent:20px;}
    #DeleteDocumentButton {background: url('../Images/Icons/16/DeleteFile.png') no-repeat center left; text-indent:20px;}
    #SaveDocumentButton {background: url('../Images/Icons/16/Pdf.png') no-repeat center left; text-indent:20px;}
	#TryDocumentAgainButton {background: url('../Images/Icons/16/TryAgain.png') no-repeat center left; text-indent:20px;}
	
	
	/*
		The folllowing buttons are General Buttons
	*/
	.SaveButton {color: #000000; border: 1px solid #bbbbbb; background: #fafafa url('../Images/Icons/16/Save.png') no-repeat center left; text-indent:20px;}
	.SaveButton:hover {border: 1px solid orange; color: #000000}
	
	.SubmitButton {color: #000000; border: 1px solid #bbbbbb; background: #fafafa url('../Images/Icons/16/SubmitProtocol.png') no-repeat center left; text-indent:20px;}
	.SubmitButton:hover {border: 1px solid orange; color: #000000}
		
	.OpenObjectButton {color: #000000; border: 1px solid #bbbbbb; background: #fafafa url('../Images/Icons/16/Form.png') no-repeat center left; text-indent:20px;}
	.OpenObjectButton:hover {border: 1px solid orange; color: #000000}
	
	.PdfButton {color: #000000; border: 1px solid #bbbbbb; background: #fafafa url('../Images/Icons/16/Pdf.png') no-repeat center left; text-indent:20px;}
	.PdfButton:hover {border: 1px solid orange; color: #000000}
	
	.TimelineButton {color: #000000; border: 1px solid #bbbbbb; background: #fafafa url('../Images/Icons/16/Timeline.png') no-repeat center left; text-indent:20px;}
	.TimelineButton:hover {border: 1px solid orange; color: #000000}
	
	.GoBackButton {color: #000000; border: 1px solid #bbbbbb; background: #fafafa url('../Images/Icons/16/GoBack.png') no-repeat center left; text-indent:20px;}
	.GoBackButton:hover {border: 1px solid orange; color: #000000}
	
	#GoBackButton {color: #000000; border: 1px solid #bbbbbb; background: #fafafa url('../Images/Icons/16/GoBack.png') no-repeat center left; text-indent:20px;}
	#GoBackButton:hover {border: 1px solid orange; color: #000000}
	
	.PrintButton {color: #000000; border: 1px solid #bbbbbb; background: #fafafa url('../Images/Icons/16/Print.png') no-repeat center left; text-indent:20px;}
	.PrintButton:hover {border: 1px solid orange; color: #000000}
	
    /*
		The folllowing buttons are People Specific
	*/
	.PersonButton {border: 1px solid #bbbbbb; background: #fafafa url('../Images/Icons/16/Person.png') no-repeat center left; text-indent:20px}
	.PersonButton:hover {border: 1px solid orange}
   
	.PeopleButton {border: 1px solid #bbbbbb; background: #fafafa url('../Images/Icons/16/People.png') no-repeat center left; text-indent:20px; height: 23px}
	.PeopleButton:hover {border: 1px solid orange}
	
	
	 /*
		The folllowing buttons are General Adding Buttons
	*/
	.AddItemButton {border: 1px solid #bbbbbb; background: #fafafa url('../Images/Icons/16/AddItem.png') no-repeat center left; text-indent:20px}
	.AddItemButton:hover {border: 1px solid orange}
	
	.CloneButton {border: 1px solid #bbbbbb; background: #fafafa url('../Images/Icons/16/CloneProtocol.png') no-repeat center left; text-indent:20px}
	.CloneButton:hover {border: 1px solid orange}
	
    /*
		The folllowing buttons are standard Save/Submit/Cancel buttons
	*/
	#SaveChangesButton {background: url('../Images/Icons/16/SaveChanges.png') no-repeat center left; text-indent:20px;}
	#CancelButton {background: url('../Images/Icons/16/X.png') no-repeat center left; text-indent:20px;}
	
	#BrowseFilesButton {background: url('../Images/Icons/16/Folder.png') no-repeat center left; text-indent:20px;}
	#StartUploadButton {background: url('../Images/Icons/16/Upload.png') no-repeat center left; text-indent:20px;}
	
	#SendEmailButton {background: url('../Images/Icons/16/Email.png') no-repeat center left; text-indent:20px;}
	
	#SubmitFormButton {background: url('../Images/Icons/16/Submit.png') no-repeat center left; text-indent:20px; cursor: pointer;}
   
	.WebsiteButton {border: 1px solid #bbbbbb; background: #fafafa url('../Images/Icons/16/Website.png') no-repeat center left; text-indent:20px; height: 23px}
	.WebsiteButton:hover {border: 1px solid orange}
	
	.ProjectButton {border: 1px solid #bbbbbb; background: #fafafa url('../Images/Icons/16/Project.png') no-repeat center left; text-indent:20px; height: 23px}
	.ProjectButton:hover {border: 1px solid orange}
	
	.CertificateButton {border: 1px solid #bbbbbb; background: #fafafa url('../Images/Icons/16/Certificate.png') no-repeat center left; text-indent:20px; height: 20px}
	.CertificateButton:hover {border: 1px solid orange}
	
	.RenewTrainingButton {border: 1px solid #bbbbbb; background: #fafafa url('../Images/Icons/16/Renew.png') no-repeat center left; text-indent:20px; height: 20px}
	.RenewTrainingButton:hover {border: 1px solid orange}
	
	.InitiateTrainingButton {border: 1px solid #bbbbbb; background: #fafafa url('../Images/Icons/16/InitiateTraining.png') no-repeat center left; text-indent:20px; height: 20px}
	.InitiateTrainingButton:hover {border: 1px solid orange}
	
	.InitiateFormButton {border: 1px solid #bbbbbb; background: #fafafa url('../Images/Icons/16/AvailableForms.png') no-repeat center left; text-indent:20px; height: 20px}
	.InitiateFormButton:hover {border: 1px solid orange}
	
	.ReviseFormButton {border: 1px solid #bbbbbb; background: #fafafa url('../Images/Icons/16/Renew.png') no-repeat center left; text-indent:20px; height: 20px}
	.ReviseFormButton:hover {border: 1px solid orange}
	
	.AvailableFormsButton {border: 1px solid #bbbbbb; background: #fafafa url('../Images/Icons/16/AvailableForms.png') no-repeat center left; text-indent:20px; height: 20px}
	.AvailableFormsButton:hover {border: 1px solid orange}
	
	.AvailableTrainingButton {border: 1px solid #bbbbbb; background: #fafafa url('../Images/Icons/16/AvailableTraining.png') no-repeat center left; text-indent:20px; height: 20px}
	.AvailableTrainingButton:hover {border: 1px solid orange}
	
	.CompletedFormsButton {border: 1px solid #bbbbbb; background: #fafafa url('../Images/Icons/16/AvailableForms.png') no-repeat center left; text-indent:20px; height: 20px}
	.CompletedFormsButton:hover {border: 1px solid orange}
	
	.CompletedTrainingButton {border: 1px solid #bbbbbb; background: #fafafa url('../Images/Icons/16/AvailableTraining.png') no-repeat center left; text-indent:20px; height: 20px}
	.CompletedTrainingButton:hover {border: 1px solid orange}
	
	.InfoButton {border: 1px solid #bbbbbb; background: #fafafa url('../Images/Icons/16/Info.png') no-repeat center left; text-indent:20px; height: 20px}
	.InfoButton:hover {border: 1px solid orange}
	
	.AdministratorButton {border: 1px solid #bbbbbb; background: #fafafa url('../Images/Icons/16/Administrator.png') no-repeat center left; text-indent:20px; height: 20px}
	.AdministratorButton:hover {border: 1px solid orange}
	
	.NextButton {border: 1px solid #bbbbbb; background: #fafafa url('../Images/Icons/16/Next.png') no-repeat center right; text-indent:00px; height: 23px}
	.NextButton:hover {border: 1px solid orange}
	
	.BackButton {border: 1px solid #bbbbbb; background: #fafafa url('../Images/Icons/16/Back.png') no-repeat center left; text-indent:20px; height: 23px}
	.BackButton:hover {border: 1px solid orange}
	
	.ClosePopupButton {border: 1px solid #bbbbbb; background: #fafafa url('../Images/Icons/16/X.png') no-repeat center left; text-indent:20px; height: 20px}
	.ClosePopupButton:hover {border: 1px solid orange}
    
    .DeletePhotoButton {border: 1px solid #bbbbbb; background: #fafafa url('../Images/Icons/16/DeletePhoto.png') no-repeat center left; text-indent:20px; height: 20px}
	.DeletePhotoButton:hover {border: 1px solid orange}
	
	.DeleteFileButton {border: 1px solid #bbbbbb; background: #fafafa url('../Images/Icons/16/DeleteFile.png') no-repeat center left; text-indent:20px; height: 20px}
	.DeleteFileButton:hover {border: 1px solid orange}
	
	.CompletedActivityButton {border: 1px solid #bbbbbb; background: #fafafa url('../Images/Icons/16/Accept.png') no-repeat center left; text-indent:20px; height: 20px}
	.CompletedActivityButton:hover {border: 1px solid orange}
	
	.AvailableComplianceButton {border: 1px solid #bbbbbb; background: #fafafa url('../Images/Icons/16/AvailableForms.png') no-repeat center left; text-indent:20px; height: 20px}
	.AvailableComplianceButton:hover {border: 1px solid orange}
	
	.SuggestedComplianceButton {border: 1px solid #bbbbbb; background: #fafafa url('../Images/Icons/16/Suggested.png') no-repeat center left; text-indent:20px; height: 20px}
	.SuggestedComplianceButton:hover {border: 1px solid orange}
	
	.SubmitForm {border: 1px solid #bbbbbb; background: #fafafa url('../Images/Icons/16/EditSubForm.png') no-repeat center left; text-indent:20px; height: 23px}
	.SubmitForm:hover {border: 1px solid orange}
	
	.PasswordButton {border: 1px solid #bbbbbb; background: #fafafa url('../Images/Icons/16/Password.png') no-repeat center left; text-indent:20px; height: 20px}
	.PasswordButton:hover {border: 1px solid orange}
	
	.LoginButton {color: #000000; border: 1px solid #bbbbbb; background: #fafafa url('../Images/Icons/16/Login.png') no-repeat center left; text-indent:20px;}
	.LoginButton:hover {border: 1px solid orange; color: #000000}
	
	.RemoveUserButton {border: 1px solid #bbbbbb; background: #fafafa url('../Images/Icons/16/RemovePerson.png') no-repeat center left; text-indent:20px; height: 20px}
	.RemoveUserButton:hover {border: 1px solid orange}
	
	.EditUserRolesButton {border: 1px solid #bbbbbb; background: #fafafa url('../Images/Icons/16/Login.png') no-repeat center left; text-indent:20px; height: 20px}
	.EditUserRolesButton:hover {border: 1px solid orange}
	
	.SearchProfilesButton {border: 1px solid #bbbbbb; background: #fafafa url('../Images/Icons/16/ProfileSearch.png') no-repeat center left; text-indent:20px; height: 20px}
	.SearchProfilesButton:hover {border: 1px solid orange}
	
	.ExcelButton {border: 1px solid #bbbbbb; background: #fafafa url('../Images/Icons/16/Excel.png') no-repeat center left; text-indent:20px; height: 20px}
	.ExcelButton:hover {border: 1px solid orange}
	
	.BrowserButton {border: 1px solid #bbbbbb; background: #fafafa url('../Images/Icons/16/Chrome.png') no-repeat center left; text-indent:20px; height: 20px}
	.BrowserButton:hover {border: 1px solid orange}
	
	.OnlineButton {border: 1px solid #bbbbbb; background: #fafafa url('../Images/Icons/16/Online.png') no-repeat center left; text-indent:20px; height: 20px}
	.OnlineButton:hover {border: 1px solid orange}
	
	.OfflineButton {border: 1px solid #bbbbbb; background: #fafafa url('../Images/Icons/16/Offline.png') no-repeat center left; text-indent:20px; height: 20px}
	.OfflineButton:hover {border: 1px solid orange}
	
	.ReportsButton {border: 1px solid #bbbbbb; background: #fafafa url('../Images/Icons/16/Reports.png') no-repeat center left; text-indent:20px; height: 20px}
	.ReportsButton:hover {border: 1px solid orange}
	
	.RecentSubmissionsButton {border: 1px solid #bbbbbb; background: #fafafa url('../Images/Icons/16/RecentSubmissions.png') no-repeat center left; text-indent:20px; height: 20px}
	.RecentSubmissionsButton:hover {border: 1px solid orange}
	
	.TrainingPeopleButton {border: 1px solid #bbbbbb; background: #fafafa url('../Images/Icons/16/People.png') no-repeat center left; text-indent:20px; height: 20px}
	.TrainingPeopleButton:hover {border: 1px solid orange}
	
	.Loading20 {border: 1px solid #bbbbbb; background: #fafafa url('../Images/Icons/16/Loading.gif') no-repeat center left; text-indent:20px; height: 20px}
	.Loading20:hover {border: 1px solid orange}
	
	.Loading23 {border: 1px solid #bbbbbb; background: #fafafa url('../Images/Icons/16/Loading.gif') no-repeat center left; text-indent:20px; height: 23px}
	.Loading23:hover {border: 1px solid orange}