
/* Header buttons */
#TimeRemainingSectionButton {
  background-image: url('default.png?d=1566403644367');
  background-position: left -0px;
}

#TimeRemainingSectionButton:hover, #TimeRemainingSectionButton:active, #TimeRemainingSectionButton:focus, #TimeRemainingSectionButton.locked {
  background-image: url('default.png?d=1566403644367');
  background-position: left -45px;
}

#ItemOrdinalKnownButton {
  background-image: url('default.png?d=1566403644367');
  background-position: left -90px;
}

#ItemOrdinalKnownButton:hover {
  background-image: url('default.png?d=1566403644367');
  background-position: left -130px;
}

/* toolbar - tool buttons */
#checkAnswerButton {
  background-image: url('default.png?d=1566403644367');
  background-position: left -170px;
}

#checkAnswerButton:hover {
  background-image: url('default.png?d=1566403644367');
  background-position: left -215px;
}


#showAnswerButton {
  background-image: url('default.png?d=1566403644367');
  background-position: left -260px;
}

#showAnswerButton:hover {
  background-image: url('default.png?d=1566403644367');
  background-position: left -305px;
}

#HighlightButton {
    padding-left: 0;
}

#StrikethroughButton {
  background-image: url('default.png?d=1566403644367');
  background-position: left -350px;
}

#StrikethroughButton:hover {
  background-image: url('default.png?d=1566403644367');
  background-position: left -395px;
}

#SolutionButton {
  background-image: url('default.png?d=1566403644367');
  background-position: left -440px;
}

/*Add height to this image becuase it's setting within the 20x20 is different than the others and
 the toolbar height was causing it to grab part of the next image*/
#SymbolPickerButton {
  background-image: url('default.png?d=1566403644367');
  background-position: left -485px;
}

#SymbolPickerButton:hover {
  background-image: url('default.png?d=1566403644367');
  background-position: left -528px;
}

#SolutionButton:hover {
  background-image: url('default.png?d=1566403644367');
  background-position: left -571px;
}

#ReviewInstructionsButton {
  background-image: url('default.png?d=1566403644367');
  background-position: left -616px;
}

#ReviewInstructionsButton:hover {
  background-image: url('default.png?d=1566403644367');
  background-position: left -661px;
}

#CloseAllButton {
  background-image: url('default.png?d=1566403644367');
  background-position: left -706px;
}

#CloseAllButton:hover{
  background-image: url('default.png?d=1566403644367');
  background-position: left -751px;
}

#PauseExamButton {
  background-image: url('default.png?d=1566403644367');
  background-position: left -796px;
}

#PauseExamButton:hover{
  background-image: url('default.png?d=1566403644367');
  background-position: left -841px;
}

#CommentButton {
  background-image: url('default.png?d=1566403644367');
  background-position: left -616px;
}

#CommentButton:hover {
  background-image: url('default.png?d=1566403644367');
  background-position: left -661px;
}

.CommentsTrueLabelImage  {
  background-image: url('default.png?d=1566403644367');
  background-position: left -886px;
}

.CommentsFalseLabelImage {
  background-image: url('default.png?d=1566403644367');
  background-position: left -928px;
}

#ScratchPadButton {
  background-image: url('default.png?d=1566403644367');
  background-position: left -616px;
}

#ScratchPadButton:hover {
  background-image: url('default.png?d=1566403644367');
  background-position: left -661px;
}

/* toolbar - flag buttons */
#FlagForReviewItemButton.FlagForReviewItemButtonUnselected {
  background-image: url('default.png?d=1566403644367');
  background-position: left -970px;
}

#FlagForReviewItemButton.FlagForReviewItemButtonUnselected:hover {
  background-image: url('default.png?d=1566403644367');
  background-position: left -1015px;
}

#FlagForReviewItemButton.FlagForReviewItemButtonSelected {
  background-image: url('default.png?d=1566403644367');
  background-position: left -1060px;
}

#FlagForReviewItemButton.FlagForReviewItemButtonSelected:hover {
  background-image: url('default.png?d=1566403644367');
  background-position: left -1060px;
}


/* toolbar - flag buttons */
#FlagForReviewCommentButton.FlagForReviewCommentButtonUnselected {
  background-image: url('default.png?d=1566403644367');
  background-position: left -970px;
}

#FlagForReviewCommentButton.FlagForReviewCommentButtonUnselected:hover {
  background-image: url('default.png?d=1566403644367');
  background-position: left -1015px;
}

#FlagForReviewCommentButton.FlagForReviewCommentButtonSelected {
  background-image: url('default.png?d=1566403644367');
  background-position: left -1060px;
}

#FlagForReviewCommentButton.FlagForReviewCommentButtonSelected:hover {
  background-image: url('default.png?d=1566403644367');
  background-position: left -1060px;
}

/* footer: help, end exam, end review, review screen */
#HelpButton {
  background-image: url('default.png?d=1566403644367');
  background-position: left -1105px;
}

#HelpButton:hover {
  background-image: url('default.png?d=1566403644367');
  background-position: left -1148px;
}

#EndExamButton, #EndReviewButton, #EndIntroductionButton, #EndTutorialButton, #EndExitButton, #EndModuleButton, #EndSurveyButton, #EndAgreementButton, #EndBreakButton {
  background-image: url('default.png?d=1566403644367');
  background-position: left -1188px;
}

#EndExamButton:hover, #EndReviewButton:hover, #EndIntroductionButton:hover, #EndTutorialButton:hover, #EndExitButton:hover,#EndModuleButton:hover, #EndSurveyButton:hover, #EndAgreementButton:hover, #EndBreakButton:hover  {
  background-image: url('default.png?d=1566403644367');
  background-position: left -1231px;
}

#ReviewScreenButton {
  background-image: url('default.png?d=1566403644367');
  background-position: left -1277px;
}

#ReviewScreenButton:hover {
  background-image: url('default.png?d=1566403644367');
  background-position: left -1320px;
}

/* footer - navigation */

#ReviewAllButton {
  background-image: url('default.png?d=1566403644367');
  background-position: left -1363px;
}

#ReviewAllButton:hover {
  background-image: url('default.png?d=1566403644367');
  background-position: left -1406px;
}

#ReviewIncompleteButton {
  background-image: url('default.png?d=1566403644367');
  background-position: left -1449px;
}

#ReviewIncompleteButton:hover {
  background-image: url('default.png?d=1566403644367');
  background-position: left -1492px;
}

#ReviewIncorrectButton {
  background-image: url('default.png?d=1566403644367');
  background-position: left -1449px;
}

#ReviewIncorrectButton:hover {
  background-image: url('default.png?d=1566403644367');
  background-position: left -1492px;
}

#FlagForReviewItemButton {
  background-image: url('default.png?d=1566403644367');
  background-position: left -1535px;
}

#FlagForReviewItemButton:hover {
  background-image: url('default.png?d=1566403644367');
  background-position: left -1578px;
}

#ReviewFlaggedButton {
  background-image: url('default.png?d=1566403644367');
  background-position: left -1535px;
}

#ReviewFlaggedButton:hover {
  background-image: url('default.png?d=1566403644367');
  background-position: left -1578px;
}

#PreviousButton {
    margin-right: 6px;
    padding-left: 22px;
    padding-right: 0px;
  background-image: url('default.png?d=1566403644367');
  background-position: left -1621px;
}

#PreviousButton:hover {
  background-image: url('default.png?d=1566403644367');
  background-position: left -1663px;
}

#NavigatorButton {
    margin-left: 8px;
    margin-right: 5px;
    padding-left: 22px;
    padding-right: 0px;
  background-image: url('default.png?d=1566403644367');
  background-position: left -1703px;
}

#NavigatorButton:hover {
  background-image: url('default.png?d=1566403644367');
  background-position: left -1746px;
}

.NavigatorImage {
    width: 20px;
    height: 20px;
  background-image: url('default.png?d=1566403644367');
  background-position: left -1791px;
}

#NextButton {
    margin-left: 7px;
    padding-left: 0px;
    padding-right: 21px;

  background-image: url('default.png?d=1566403644367');
  background-position: right -1826px;
}

#NextButton:hover {
  background-image: url('default.png?d=1566403644367');
  background-position: right -1867px;
}

#WebBrowserHomeButton {
  background-image: url('default.png?d=1566403644367');
  background-position: center -1913px;
}

#WebBrowserHomeButton:hover {
  background-image: url('default.png?d=1566403644367');
  background-position: center -1943px;
}

#ContinueExamButton {
    margin-left: 7px;
    margin-right: 7px;
    padding-left: 0px;
    padding-right: 0px;
}

#BeginBreakButton {
    margin-left: 7px;
    padding-left: 0px;
    padding-right: 23px;
}

/* misc. images */

.CollapseButton {
  background-image: url('default.png?d=1566403644367') !important;
  background-position: right -1972px !important;
  background-repeat: no-repeat!important;
}

.CollapseButton:hover {
  background-image: url('default.png?d=1566403644367') !important;
  background-position: right -2014px !important;
}

.ExpandButton {
  background-image: url('default.png?d=1566403644367') !important;
  background-position: right -2057px !important;
}

.ExpandButton:hover {
  background-image: url('default.png?d=1566403644367') !important;
  background-position: right -2099px !important;
  background-repeat: no-repeat!important;
}

.FlagForReviewReviewScreenButtonUnselected {
  background-image: url('default.png?d=1566403644367');
  background-position: left -2141px;
}

.FlagForReviewReviewScreenButtonUnselected:hover {
  background-image: url('default.png?d=1566403644367');
  background-position: left -2183px;
}

.FlagForReviewReviewScreenButtonSelected {
  background-image: url('default.png?d=1566403644367');
  background-position: left -2225px;
}

.FlaggedTrueLabelImage  {
  background-image: url('default.png?d=1566403644367');
  background-position: left -2225px;
}

.FlaggedFalseLabelImage {
  background-image: url('default.png?d=1566403644367');
  background-position: left -928px;
}

.FlagForReviewNavigatorScreenFlaggedFalseLabel {
  background-image: url('default.png?d=1566403644367');
  background-position: left -928px;
}

.SolutionImage {
    width: 20px;
    height: 20px;
  background-image: url('default.png?d=1566403644367');
  background-position: left -2267px;
}

.Clock {
    width: 20px;
    height: 20px;
  background-image: url('default.png?d=1566403644367');
  background-position: left -2307px;
}

.HelpImage {
    width: 20px;
    height: 20px;
  background-image: url('default.png?d=1566403644367');
  background-position: left -2347px;
}

/* Icon for the character selector */
.SymbolPickerImage {
    width: 20px;
    height: 20px;
  background-image: url('default.png?d=1566403644367');
  background-position: left -2387px;
}

.CommentImage {
    width: 20px;
    height: 20px;
  background-image: url('default.png?d=1566403644367');
  background-position: left -2427px;
}

.ScratchPadImage {
    width: 20px;
    height: 20px;
  background-image: url('default.png?d=1566403644367');
  background-position: left -2427px;
}

.ui-widget-header .ui-icon {
  background-image: url('default.png?d=1566403644367') !important;
  background-position: left -2469px !important;
}

.ui-dialog-titlebar .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
  background-image: url('default.png?d=1566403644367');
  background-position: left -2507px;
}

.ui-dialog div.info-dialog.InformationImage {
    background-image: url(information.png);
}

.ui-dialog div.alert-dialog.WarningImage {
    background-image: url(warning.png);
}

.ui-dialog div.question-dialog.QuestionImage {
    background-image: url(question.png);
}

/*we're intentionally not using the sprite for the exhibit icon due to resizing issues on the button*/
.ExhibitButton .DefaultImageContainer{
    background-image: url(exhibit.png);
    background-position: top left;
    width: 20px;
    height: 20px;
}

.ExhibitButton:hover .DefaultImageContainer {
    background-image: url(exhibit_over.png);
    background-position: top left;
    width: 20px;
    height: 20px;
}

.ExhibitImage {
    background-image: url(exhibit.png);
    width: 20px;
    height: 20px;
}

.ui-selectmenu-dropdown.ui-state-hover .ui-selectmenu-icon.ui-icon.ui-icon-triangle-1-s,
.ui-selectmenu-dropdown.ui-state-default .ui-selectmenu-icon.ui-icon.ui-icon-triangle-1-s,
.ui-selectmenu-button.ui-state-hover .ui-icon.ui-icon-triangle-1-s,
.ui-selectmenu-button.ui-state-default .ui-icon.ui-icon-triangle-1-s {
    background-image: url('blackDownArrow.png');
    width: 9px;
    height: 12px;
    background-position: 0px 0px;
}



.ApplicationImage {
  background-image: url('default.png?d=1566403644367');
  background-position: left -2547px;
}

button.ApplicationImage:hover {
  background-image: url('default.png?d=1566403644367');
  background-position: left -2590px;
}


.UpArrowImage {
    background-repeat: no-repeat;
    background-position-x: right;
  background-image: url('default.png?d=1566403644367');
  background-position: left -2633px;
    display: inline-block; height: 20px; width: 20px;
}

.DownArrowImage {
    background-repeat: no-repeat;
    background-position-x: right;
  background-image: url('default.png?d=1566403644367');
  background-position: left -2667px;
    display: inline-block; height: 20px; width: 20px;
}

.CandidateNoPhotoImage {
    background-image: url('placeHolderPhoto.png');
    background-position: center;
}

#PlayButton {
    padding: 16px;
  background-image: url('default.png?d=1566403644367');
  background-position: center -2701px;
}

#PlayButton:hover {
    padding: 16px;
  background-image: url('default.png?d=1566403644367');
  background-position: center -2731px;
}

#PauseButton {
    padding: 16px;
  background-image: url('default.png?d=1566403644367');
  background-position: center -2761px;
}

#PauseButton:hover {
    padding: 16px;
  background-image: url('default.png?d=1566403644367');
  background-position: center -2791px;
}

#LoopButton {
    padding: 16px;
  background-image: url('default.png?d=1566403644367');
  background-position: center -2821px;
}

#LoopButton:hover {
    padding: 16px;
  background-image: url('default.png?d=1566403644367');
  background-position: center -2851px;
}

#LoopButton.LoopButtonSelected {
    padding: 16px;
  background-image: url('default.png?d=1566403644367');
  background-position: center -2881px;
}

#StopButton {
    padding: 16px;
  background-image: url('default.png?d=1566403644367');
  background-position: center -2911px;
}

#StopButton:hover {
    padding: 16px;
  background-image: url('default.png?d=1566403644367');
  background-position: center -2941px;
}

#VolumeButton {
    padding: 16px;
  background-image: url('default.png?d=1566403644367');
  background-position: center -2971px;
}

#VolumeButton:hover {
    padding: 16px;
  background-image: url('default.png?d=1566403644367');
  background-position: center -3001px;
}

#VolumeButton.VolumeButtonSelected {
    padding: 16px;
  background-image: url('default.png?d=1566403644367');
  background-position: center -3031px;
}

#OrderedListMoveLeftButton.OrderedListMoveLeftButtonDisabled{
    padding: 10px;
  background-image: url('default.png?d=1566403644367');
  background-position: left -3061px;
}

#OrderedListMoveLeftButton.OrderedListMoveLeftButtonEnabled{
    padding: 10px;
  background-image: url('default.png?d=1566403644367');
  background-position: center -3095px;
}

#OrderedListMoveRightButton.OrderedListMoveRightButtonDisabled{
    padding: 10px;
  background-image: url('default.png?d=1566403644367');
  background-position: left -3129px;
}

#OrderedListMoveRightButton.OrderedListMoveRightButtonEnabled{
    padding: 10px;
  background-image: url('default.png?d=1566403644367');
  background-position: center -3163px;
}

#OrderedListMoveUpButton.OrderedListMoveUpButtonDisabled {
    padding: 10px;
  background-image: url('default.png?d=1566403644367');
  background-position: center -3197px;
}

#OrderedListMoveUpButton.OrderedListMoveUpButtonEnabled {
    padding: 10px;
  background-image: url('default.png?d=1566403644367');
  background-position: center -3231px;
}

#OrderedListMoveDownButton.OrderedListMoveDownButtonDisabled {
    padding: 10px;
  background-image: url('default.png?d=1566403644367');
  background-position: center -3265px;
}

#OrderedListMoveDownButton.OrderedListMoveDownButtonEnabled {
    padding: 10px;
  background-image: url('default.png?d=1566403644367');
  background-position: center -3299px;
}