source: Dev/branches/rest-dojo-ui/client/rft/css/rftIcons.css @ 344

/*  
    The icon's parent element class decides the icon size and url. (.rftLargeButton .rftIcon / .rftInlineButton .rftIcon, for example)
    The icon gets two classes: .rftIcon (which sets general spacing/positioning, etc), 
    and an icon identifier such as .rftIconAccept (Which sets the background offset.
*/
.rftIcon {
    display: inline-block;
    margin: 0;
    padding: 0;
    border: none;
    background-color: transparent;
    background-repeat: no-repeat;
}

/* Settings for different icon sizes and contexts */
.rftIcon.rftMainIcon {
    float: left;
    width: 32px;
    height: 32px;
    background-image: url('images/icons/rftIcons32.png');
}

/*  Specific icon indices 
    If extra icons are added to the spritesheets, make sure that shared icons retain the same index!
    Also, if possible put common/shared icons at the start of the list to prevent excessively large spritesheets.
*/
.rftIconApplication {
    background-position: 0px 0px;
}
.rftIconDashboard {
    background-position: -32px 0px;
}
.rftIconSession {
    background-position: -64px 0px;
}
.rftIconSessionActive {
    background-position: -96px 0px;
}
.rftIconSessionTemplate {
    background-position: -128px 0px;
}
.rftIconSurvey {
    background-position: -160px 0px;
}
.rftIconQuestion {
    background-position: -192px 0px;
}
.rftIconQuestionFill {
    background-position: -224px 0px;
}
.rftIconRespondent {
    background-position: -256px 0px;
}
.rftIconAnswer {
    background-position: -288px 0px;
}
.rftIconAnswerSet {
    background-position: -320px 0px;
}
.rftIconGameData {
    background-position: -352px 0px;
}
.rftIconUser {
    background-position: -384px 0px;
}
.rftIconAccept {
    background-position: -416px 0px;
}
.rftIconCancel {
    background-position: -448px 0px;
}
.rftIconPlus {
    background-position: -480px 0px;
}
.rftIconMinus {
    background-position: -512px 0px;
}
.rftIconIncrease {
    background-position: -544px 0px;
}
.rftIconDecrease {
    background-position: -576px 0px;
}
.rftIconDelete {
    background-position: -608px 0px;
}
.rftIconHome {
    background-position: -640px 0px;
}
.rftIconPreview {
    background-position: -672px 0px;
}
.rftIconSave {
    background-position: -704px 0px;
}
.rftIconDiscard {
    background-position: -736px 0px;
}
.rftIconSettings {
    background-position: -768px 0px;
}
.rftIconUndo {
    background-position: -800px 0px;
}
.rftIconRedo {
    background-position: -832px 0px;
}
.rftIconBack {
    background-position: -864px 0px;
}
.rftIconForward {
    background-position: -896px 0px;
}
.rftIconRefresh {
    background-position: -928px 0px;
}
.rftIconHelp {
    background-position: -960px 0px;
}
.rftIconInspect {
    background-position: -992px 0px;
}
.rftIconFullArrowUp {
    background-position: -1024px 0px;
}
.rftIconFullArrowDown {
    background-position: -1056px 0px;
}
.rftIconFullArrowLeft {
    background-position: -1088px 0px;
}
.rftIconFullArrowRight {
    background-position: -1120px 0px;
}
.rftIconHalfArrowUp {
    background-position: -1152px 0px;
}
.rftIconHalfArrowDown {
    background-position: -1184px 0px;
}
.rftIconHalfArrowLeft {
    background-position: -1216px 0px;
}
.rftIconHalfArrowRight {
    background-position: -1248px 0px;
}


/* TODO: rftIcons24.png and rftIcons16.png have icons that are 1px too wide!
 * Fix this in the .psd and re-export!
 */