/* Created by Dennis Xie*/
    /*
        Active, small
    */
    .ofAttach.ofActive.ofSmall {  background-image: url("RibbonButtons/small/attach_active_16.png");}
    .ofDetach.ofActive.ofSmall {  background-image: url("RibbonButtons/small/detach_active_16.png");}
    .ofOrganization.ofActive.ofSmall {  background-image: url("RibbonButtons/small/organization_active_16.png");}
    
    .ofAdd.ofActive.ofSmall {  background-image: url("RibbonButtons/small/add_active_16.png");}
    .ofApply.ofActive.ofSmall {  background-image: url("RibbonButtons/small/apply_active_16.png");}
    .ofCancel.ofActive.ofSmall {  background-image: url("RibbonButtons/small/cancel_active_16.png");}
    .ofCollapse.ofActive.ofSmall {  background-image: url("RibbonButtons/small/collapse_active_16.png");}
    .ofCopy.ofActive.ofSmall {  background-image: url("RibbonButtons/small/copy_active_16.png");}
    .ofDelete.ofActive.ofSmall {  background-image: url("RibbonButtons/small/delete_active_16.png");}
    .ofEdit.ofActive.ofSmall {  background-image: url("RibbonButtons/small/edit_active_16.png");}
    .ofError.ofActive.ofSmall {  background-image: url("RibbonButtons/small/error_active_16.png");}
    .ofExecute.ofActive.ofSmall {  background-image: url("RibbonButtons/small/execute_active_16.png");}
    .ofExpand.ofActive.ofSmall {  background-image: url("RibbonButtons/small/expand_active_16.png");}
    .ofHistory.ofActive.ofSmall {  background-image: url("RibbonButtons/small/history_active_16.png");}
    .ofInformation.ofActive.ofSmall {  background-image: url("RibbonButtons/small/information_active_16.png");}
    .ofList.ofActive.ofSmall {  background-image: url("RibbonButtons/small/list_active_16.png");}
    .ofMinimize.ofActive.ofSmall {  background-image: url("RibbonButtons/small/minimize_active_16.png");}
    .ofNew.ofActive.ofSmall {  background-image: url("RibbonButtons/small/new_active_16.png");}
    .ofOpen.ofActive.ofSmall {  background-image: url("RibbonButtons/small/open_active_16.png");}
    .ofPrint.ofActive.ofSmall {  background-image: url("RibbonButtons/small/print_active_16.png");}
    .ofRefresh.ofActive.ofSmall {  background-image: url("RibbonButtons/small/refresh_active_16.png");}
    .ofReply.ofActive.ofSmall {  background-image: url("RibbonButtons/small/reply_active_16.png");}
    .ofResolve.ofActive.ofSmall {  background-image: url("RibbonButtons/small/resolve_active_16.png");}
    .ofSave.ofActive.ofSmall {  background-image: url("RibbonButtons/small/save_active_16.png");}
    .ofSearch.ofActive.ofSmall {  background-image: url("RibbonButtons/small/search_active_16.png");}
    .ofSend.ofActive.ofSmall {  background-image: url("RibbonButtons/small/send_active_16.png");}
    .ofTrackTrace.ofActive.ofSmall {  background-image: url("RibbonButtons/small/track_trace_active_16.png");}
    .ofUpload.ofActive.ofSmall {  background-image: url("RibbonButtons/small/upload_active_16.png");}
    .ofValidate.ofActive.ofSmall {  background-image: url("RibbonButtons/small/validate_active_16.png");}
    .ofBack.ofActive.ofSmall {  background-image: url("RibbonButtons/small/back_active_16.png");}
    .ofView.ofActive.ofSmall {  background-image: url("RibbonButtons/small/view_active_16.png");}
    .ofWait.ofActive.ofSmall {  background-image: url("RibbonButtons/small/wait_active_16.png");}
    .ofWarning.ofActive.ofSmall {  background-image: url("RibbonButtons/small/warning_active_16.png");}
    .ofUsers.ofActive.ofSmall {  background-image: url("RibbonButtons/small/users_active_16.png");}
    .ofTractor.ofActive.ofSmall {  background-image: url("RibbonButtons/small/tractor_active_16.png");}
    .ofTrailer.ofActive.ofSmall {  background-image: url("RibbonButtons/small/trailer_active_16.png");}
    .ofTruck.ofActive.ofSmall {  background-image: url("RibbonButtons/small/truck_active_16.png");}
    .ofTruckEmpty.ofActive.ofSmall {  background-image: url("RibbonButtons/small/truck_empty_active_16.png");}
    .ofTRuckFull.ofActive.ofSmall {  background-image: url("RibbonButtons/small/truck_full_active_16.png");}
    .ofUnCheck.ofActive.ofSmall {  background-image: url("RibbonButtons/small/uncheck_active_16.png");}
    .ofUndo.ofActive.ofSmall {  background-image: url("RibbonButtons/small/undo_active_16.png");}
    .ofUp.ofActive.ofSmall {  background-image: url("RibbonButtons/small/up_active_16.png");}
    .ofSettings.ofActive.ofSmall {  background-image: url("RibbonButtons/small/settings_active_16.png");}
    .ofShare.ofActive.ofSmall {  background-image: url("RibbonButtons/small/share_active_16.png");}
             .ofShow.ofActive.ofSmall {  background-image: url("RibbonButtons/small/show_active_16.png");}
    .ofSign.ofActive.ofSmall {  background-image: url("RibbonButtons/small/sign_active_16.png");}
    .ofSkip.ofActive.ofSmall {  background-image: url("RibbonButtons/small/skip_active_16.png");}
    .ofStatus.ofActive.ofSmall {  background-image: url("RibbonButtons/small/status_active_16.png");}
    .ofStop.ofActive.ofSmall {  background-image: url("RibbonButtons/small/stop_active_16.png");}
    .ofTarget.ofActive.ofSmall {  background-image: url("RibbonButtons/small/target_active_16.png");}
    .ofTicket.ofActive.ofSmall {  background-image: url("RibbonButtons/small/ticket_active_16.png");}
    .ofTools.ofActive.ofSmall {  background-image: url("RibbonButtons/small/tools_active_16.png");}
    .ofScan.ofActive.ofSmall {  background-image: url("RibbonButtons/small/scan_active_16.png");}
    .ofRight.ofActive.ofSmall {  background-image: url("RibbonButtons/small/right_active_16.png");}
    .ofRotate.ofActive.ofSmall {  background-image: url("RibbonButtons/small/rotate_active_16.png");}
    .ofRoute.ofActive.ofSmall {  background-image: url("RibbonButtons/small/route_active_16.png");}
    .ofRequired.ofActive.ofSmall {  background-image: url("RibbonButtons/small/required_active_16.png");}
    .ofPagesLeft.ofActive.ofSmall {  background-image: url("RibbonButtons/small/pages_left_active_16.png");}
    .ofPagesRight.ofActive.ofSmall {  background-image: url("RibbonButtons/small/pages_right_active_16.png");}
    .ofPageLeft.ofActive.ofSmall {  background-image: url("RibbonButtons/small/page_left_active_16.png");}
    .ofPageRight.ofActive.ofSmall {  background-image: url("RibbonButtons/small/page_right_active_16.png");}
    .ofPallet.ofActive.ofSmall {  background-image: url("RibbonButtons/small/pallet_active_16.png");}
    .ofPhone.ofActive.ofSmall {  background-image: url("RibbonButtons/small/phone_active_16.png");}
    .ofPieChart.ofActive.ofSmall {  background-image: url("RibbonButtons/small/piechart_active_16.png");}
    .ofPin.ofActive.ofSmall {  background-image: url("RibbonButtons/small/pin_active_16.png");}
    .ofPoint.ofActive.ofSmall {  background-image: url("RibbonButtons/small/point_active_16.png");}
    .ofNote.ofActive.ofSmall {  background-image: url("RibbonButtons/small/note_active_16.png");}
    .ofMissed.ofActive.ofSmall {  background-image: url("RibbonButtons/small/missed_active_16.png");}
    .ofMove.ofActive.ofSmall {  background-image: url("RibbonButtons/small/move_active_16.png");}
    .ofLock.ofActive.ofSmall {  background-image: url("RibbonButtons/small/lock_active_16.png");}
    .ofMail.ofActive.ofSmall {  background-image: url("RibbonButtons/small/mail_active_16.png");}
    .ofMap.ofActive.ofSmall {  background-image: url("RibbonButtons/small/map_active_16.png");}
    .ofMaximize.ofActive.ofSmall {  background-image: url("RibbonButtons/small/maximize_active_16.png");}
    .ofMenu.ofActive.ofSmall {  background-image: url("RibbonButtons/small/menu_active_16.png");}
    .ofLeft.ofActive.ofSmall {  background-image: url("RibbonButtons/small/left_active_16.png");}
    .ofHome.ofActive.ofSmall {  background-image: url("RibbonButtons/small/home_active_16.png");}
    .ofImportant.ofActive.ofSmall {  background-image: url("RibbonButtons/small/important_active_16.png");}
    .ofExport.ofActive.ofSmall {  background-image: url("RibbonButtons/small/export_active_16.png");}
    .ofFavourite.ofActive.ofSmall {  background-image: url("RibbonButtons/small/favourite_active_16.png");}
    .ofFilterEmpty.ofActive.ofSmall {  background-image: url("RibbonButtons/small/filter_empty_active_16.png");}
    .ofFilterFull.ofActive.ofSmall {  background-image: url("RibbonButtons/small/filter_full_active_16.png");}
    .ofFilterHalf.ofActive.ofSmall {  background-image: url("RibbonButtons/small/filter_half_active_16.png");}
    .ofFind.ofActive.ofSmall {  background-image: url("RibbonButtons/small/find_active_16.png");}
    .ofFollowUp.ofActive.ofSmall {  background-image: url("RibbonButtons/small/followup_select_active_16.png");}
    .ofFollowUpUnSelect.ofActive.ofSmall {  background-image: url("RibbonButtons/small/followup_unselect_active_16.png");}
    .ofForward.ofActive.ofSmall {  background-image: url("RibbonButtons/small/forward_active_16.png");}
    .ofGallery.ofActive.ofSmall {  background-image: url("RibbonButtons/small/gallery_active_16.png");}
    .ofGlobe.ofActive.ofSmall {  background-image: url("RibbonButtons/small/globe_active_16.png");}
    .ofGps.ofActive.ofSmall {  background-image: url("RibbonButtons/small/gps_active_16.png");}
    .ofGroup.ofActive.ofSmall {  background-image: url("RibbonButtons/small/group_active_16.png");}
    .ofHide.ofActive.ofSmall {  background-image: url("RibbonButtons/small/hide_active_16.png");}
    .ofEvent.ofActive.ofSmall {  background-image: url("RibbonButtons/small/event_active_16.png");}
    .ofDepot.ofActive.ofSmall {  background-image: url("RibbonButtons/small/depot_active_16.png");}
    .ofDevice.ofActive.ofSmall {  background-image: url("RibbonButtons/small/device_active_16.png");}
    .ofDownload.ofActive.ofSmall {  background-image: url("RibbonButtons/small/download_active_16.png");}
    .ofDown.ofActive.ofSmall {  background-image: url("RibbonButtons/small/down_active_16.png");}
    .ofDashboard.ofActive.ofSmall {  background-image: url("RibbonButtons/small/dashboard_active_16.png");}
    .ofCombochart.ofActive.ofSmall {  background-image: url("RibbonButtons/small/combochart_active_16.png");}
    .ofCommunicate.ofActive.ofSmall {  background-image: url("RibbonButtons/small/communicate_active_16.png");}
    .ofCompassBottom.ofActive.ofSmall {  background-image: url("RibbonButtons/small/compass_bottom_active_16.png");}
    .ofCompassCenter.ofActive.ofSmall {  background-image: url("RibbonButtons/small/compass_center_active_16.png");}
    .ofCompassLeft.ofActive.ofSmall {  background-image: url("RibbonButtons/small/compass_left_active_16.png");}
    .ofCompassRight.ofActive.ofSmall {  background-image: url("RibbonButtons/small/compass_right_active_16.png");}
    .ofCompassTop.ofActive.ofSmall {  background-image: url("RibbonButtons/small/compass_top_active_16.png");}
    .ofChange.ofActive.ofSmall {  background-image: url("RibbonButtons/small/change_active_16.png");}
    .ofCheck.ofActive.ofSmall {  background-image: url("RibbonButtons/small/check_active_16.png");}
    .ofCircle.ofActive.ofSmall {  background-image: url("RibbonButtons/small/circle_active_16.png");}
    .ofClose.ofActive.ofSmall {  background-image: url("RibbonButtons/small/close_active_16.png");}
    .ofBarchart.ofActive.ofSmall {  background-image: url("RibbonButtons/small/barchart_active_16.png");}
    .ofBox.ofActive.ofSmall {  background-image: url("RibbonButtons/small/box_active_16.png");}
    .ofBullets.ofActive.ofSmall {  background-image: url("RibbonButtons/small/bullets_active_16.png");}
    .ofButtonBlue.ofActive.ofSmall {  background-image: url("RibbonButtons/small/button_blue_active_16.png");}
    .ofButtonGreen.ofActive.ofSmall {  background-image: url("RibbonButtons/small/button_green_active_16.png");}
    .ofButtonOrange.ofActive.ofSmall {  background-image: url("RibbonButtons/small/button_orange_active_16.png");}
    .ofButtonRed.ofActive.ofSmall {  background-image: url("RibbonButtons/small/button_red_active_16.png");}
    .ofButtonYellow.ofActive.ofSmall {  background-image: url("RibbonButtons/small/button_yellow_active_16.png");}
    .ofCalculate.ofActive.ofSmall {  background-image: url("RibbonButtons/small/calculate_active_16.png");}
    .ofCamera.ofActive.ofSmall {  background-image: url("RibbonButtons/small/camera_active_16.png");}
    .ofAdjust.ofActive.ofSmall {  background-image: url("RibbonButtons/small/adjust_active_16.png");}
    .ofActivate.ofActive.ofSmall {  background-image: url("RibbonButtons/small/activate_active_16.png");}
      .ofExpress.ofActive.ofSmall {  background-image: url("RibbonButtons/samll/express_active_16.png");}
  
    /*
        inActive, small
    */
    .ofAttach.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/attach_inactive_16.png");}
    .ofDetach.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/detach_inactive_16.png");}
    .ofOrganization.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/organization_inactive_16.png");}
   
    .ofAdd.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/add_inactive_16.png");}
    .ofApply.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/apply_inactive_16.png");}
    .ofCancel.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/cancel_inactive_16.png");}
    .ofCopy.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/copy_inactive_16.png");}
    .ofDelete.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/delete_inactive_16.png");}
    .ofEdit.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/edit_inactive_16.png");}
    .ofError.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/error_inactive_16.png");}
    .ofExecute.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/execute_inactive_16.png");}
    .ofHistory.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/history_inactive_16.png");}
    .ofInformation.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/information_inactive_16.png");}
    .ofList.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/list_inactive_16.png");}
    .ofMinimize.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/minimize_inactive_16.png");}
    .ofNew.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/new_inactive_16.png");}
    .ofOpen.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/open_inactive_16.png");}
    .ofPrint.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/print_inactive_16.png");}
    .ofRefresh.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/refresh_inactive_16.png");}
    .ofReply.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/reply_inactive_16.png");}
    .ofResolve.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/resolve_inactive_16.png");}
    .ofSave.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/save_inactive_16.png");}
    .ofSearch.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/search_inactive_16.png");}
    .ofSend.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/send_inactive_16.png");}
    .ofTrackTrace.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/track_trace_inactive_16.png");}
    .ofUpload.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/upload_inactive_16.png");}
    .ofValidate.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/validate_inactive_16.png");}
    .ofBack.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/back_inactive_16.png");}
    .ofView.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/view_inactive_16.png");}
    .ofWait.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/wait_inactive_16.png");}
    .ofWarning.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/warning_inactive_16.png");}
    .ofUsers.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/users_inactive_16.png");}
    .ofTruck.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/truck_inactive_16.png");}
    .ofTruckEmpty.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/truck_empty_inactive_16.png");}
    .ofTRuckFull.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/truck_full_inactive_16.png");}
    .ofUnCheck.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/uncheck_inactive_16.png");}
    .ofUndo.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/undo_inactive_16.png");}
    .ofUp.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/up_inactive_16.png");}
    .ofSettings.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/settings_inactive_16.png");}
    .ofShare.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/share_inactive_16.png");}
    .ofShow.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/show_inactive_16.png");}
    .ofSign.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/sign_inactive_16.png");}
    .ofSkip.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/skip_inactive_16.png");}
    .ofStatus.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/status_inactive_16.png");}
    .ofStop.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/stop_inactive_16.png");}
    .ofTarget.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/target_inactive_16.png");}
    .ofTicket.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/ticket_inactive_16.png");}
    .ofTools.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/tools_inactive_16.png");}
    .ofScan.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/scan_inactive_16.png");}
    .ofRight.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/right_inactive_16.png");}
    .ofRotate.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/rotate_inactive_16.png");}
    .ofRoute.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/route_inactive_16.png");}
    .ofRequired.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/required_inactive_16.png");}
    .ofPagesLeft.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/pages_left_inactive_16.png");}
    .ofPagesRight.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/pages_right_inactive_16.png");}
    .ofPageLeft.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/page_left_inactive_16.png");}
    .ofPageRight.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/page_right_inactive_16.png");}
    .ofPallet.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/pallet_inactive_16.png");}
    .ofPhone.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/phone_inactive_16.png");}
    .ofPieChart.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/piechart_inactive_16.png");}
    .ofPin.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/pin_inactive_16.png");}
    .ofPoint.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/point_inactive_16.png");}
    .ofNote.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/note_inactive_16.png");}
    .ofMissed.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/missed_inactive_16.png");}
    .ofMove.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/move_inactive_16.png");}
    .ofLock.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/lock_inactive_16.png");}
    .ofMail.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/mail_inactive_16.png");}
    .ofMap.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/map_inactive_16.png");}
    .ofMaximize.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/maximize_inactive_16.png");}
    .ofLeft.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/left_inactive_16.png");}
    .ofHome.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/home_inactive_16.png");}
    .ofImportant.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/important_inactive_16.png");}
    .ofExport.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/export_inactive_16.png");}
    .ofFavourite.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/favourite_inactive_16.png");}
    .ofFilterEmpty.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/filter_empty_inactive_16.png");}
    .ofFilterFull.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/filter_full_inactive_16.png");}
    .ofFilterHalf.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/filter_half_inactive_16.png");}
    .ofFind.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/find_inactive_16.png");}
    .ofFollowUp.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/followup_select_inactive_16.png");}
    .ofFollowUpUnSelect.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/followup_unselect_inactive_16.png");}
    .ofForward.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/forward_inactive_16.png");}
    .ofGallery.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/gallery_inactive_16.png");}
    .ofGlobe.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/globe_inactive_16.png");}
    .ofGps.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/gps_inactive_16.png");}
    .ofGroup.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/group_inactive_16.png");}
    .ofHide.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/hide_inactive_16.png");}
    .ofEvent.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/event_inactive_16.png");}
    .ofDepot.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/depot_inactive_16.png");}
    .ofDevice.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/device_inactive_16.png");}
    .ofDownload.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/download_inactive_16.png");}
    .ofDown.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/down_inactive_16.png");}
    .ofDashboard.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/dashboard_inactive_16.png");}
    .ofCombochart.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/combochart_inactive_16.png");}
    .ofCommunicate.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/communicate_inactive_16.png");}
    .ofCompassBottom.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/compass_bottom_inactive_16.png");}
    .ofCompassCenter.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/compass_center_inactive_16.png");}
    .ofCompassLeft.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/compass_left_inactive_16.png");}
    .ofCompassRight.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/compass_right_inactive_16.png");}
    .ofCompassTop.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/compass_top_inactive_16.png");}
    .ofChange.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/change_inactive_16.png");}
    .ofCheck.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/check_inactive_16.png");}
    .ofCircle.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/circle_inactive_16.png");}
    .ofClose.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/close_inactive_16.png");}
    .ofBarchart.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/barchart_inactive_16.png");}
    .ofBox.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/box_inactive_16.png");}
    .ofBullets.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/bullets_inactive_16.png");}
     .ofCalculate.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/calculate_inactive_16.png");}
    .ofCamera.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/camera_inactive_16.png");}
    .ofAdjust.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/adjust_inactive_16.png");}
    .ofActivate.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/activate_inactive_16.png");}
      .ofExpress.ofInActive.ofSmall {  background-image: url("RibbonButtons/small/express_inactive_16.png");}
  
    /*
        Active, small medium
    */
    .ofAttach.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/attach_active_28.png");}
    .ofDetach.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/detach_active_28.png");}
    .ofOrganization.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/organization_active_28.png");}
   
	.ofAdd.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/add_active_28.png");}
    .ofApply.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/apply_active_28.png");}
    .ofCancel.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/cancel_active_28.png");}
    .ofCollapse.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/collapse_active_28.png");}
    .ofCopy.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/copy_active_28.png");}
    .ofDelete.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/delete_active_28.png");}
    .ofEdit.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/edit_active_28.png");}
    .ofError.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/error_active_28.png");}
    .ofExecute.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/execute_active_28.png");}
    .ofExpand.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/expand_active_28.png");}
    .ofHistory.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/history_active_28.png");}
    .ofInformation.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/information_active_28.png");}
    .ofList.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/list_active_28.png");}
    .ofMinimize.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/minimize_active_28.png");}
    .ofNew.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/new_active_28.png");}
    .ofOpen.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/open_active_28.png");}
    .ofPrint.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/print_active_28.png");}
    .ofRefresh.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/refresh_active_28.png");}
    .ofReply.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/reply_active_28.png");}
    .ofResolve.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/resolve_active_28.png");}
    .ofSave.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/save_active_28.png");}
    .ofSearch.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/search_active_28.png");}
    .ofSend.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/send_active_28.png");}
    .ofTrackTrace.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/track_trace_active_28.png");}
    .ofUpload.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/upload_active_28.png");}
    .ofValidate.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/validate_active_28.png");}
    .ofBack.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/back_active_28.png");}
    .ofView.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/view_active_28.png");}
    .ofWait.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/wait_active_28.png");}
    .ofWarning.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/warning_active_28.png");}
    .ofUsers.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/users_active_28.png");}
    .ofTractor.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/tractor_active_28.png");}
    .ofTrailer.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/trailer_active_28.png");}
    .ofTruck.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/truck_active_28.png");}
    .ofTruckEmpty.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/truck_empty_active_28.png");}
    .ofTRuckFull.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/truck_full_active_28.png");}
    .ofUnCheck.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/uncheck_active_28.png");}
    .ofUndo.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/undo_active_28.png");}
    .ofUp.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/up_active_28.png");}
    .ofSettings.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/settings_active_28.png");}
    .ofShare.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/share_active_28.png");}
    .ofShow.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/show_active_28.png");}
    .ofSign.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/sign_active_28.png");}
    .ofSkip.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/skip_active_28.png");}
    .ofStatus.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/status_active_28.png");}
    .ofStop.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/stop_active_28.png");}
    .ofTarget.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/target_active_28.png");}
    .ofTicket.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/ticket_active_28.png");}
    .ofTools.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/tools_active_28.png");}
    .ofScan.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/scan_active_28.png");}
    .ofRight.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/right_active_28.png");}
    .ofRotate.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/rotate_active_28.png");}
    .ofRoute.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/route_active_28.png");}
    .ofRequired.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/required_active_28.png");}
    .ofPagesLeft.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/pages_left_active_28.png");}
    .ofPagesRight.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/pages_right_active_28.png");}
    .ofPageLeft.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/page_left_active_28.png");}
    .ofPageRight.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/page_right_active_28.png");}
    .ofPallet.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/pallet_active_28.png");}
    .ofPhone.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/phone_active_28.png");}
    .ofPieChart.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/piechart_active_28.png");}
    .ofPin.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/pin_active_28.png");}
    .ofPoint.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/point_active_28.png");}
    .ofNote.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/note_active_28.png");}
    .ofMissed.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/missed_active_28.png");}
    .ofMove.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/move_active_28.png");}
    .ofLock.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/lock_active_28.png");}
    .ofMail.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/mail_active_28.png");}
    .ofMap.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/map_active_28.png");}
    .ofMaximize.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/maximize_active_28.png");}
    .ofMenu.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/menu_active_28.png");}
    .ofLeft.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/left_active_28.png");}
    .ofHome.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/home_active_28.png");}
    .ofImportant.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/important_active_28.png");}
    .ofExport.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/export_active_28.png");}
    .ofFavourite.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/favourite_active_28.png");}
    .ofFilterEmpty.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/filter_empty_active_28.png");}
    .ofFilterFull.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/filter_full_active_28.png");}
    .ofFilterHalf.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/filter_half_active_28.png");}
    .ofFind.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/find_active_28.png");}
    .ofFollowUp.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/followup_select_active_28.png");}
    .ofFollowUpUnSelect.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/followup_unselect_active_28.png");}
    .ofForward.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/forward_active_28.png");}
    .ofGallery.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/gallery_active_28.png");}
    .ofGlobe.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/globe_active_28.png");}
    .ofGps.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/gps_active_28.png");}
    .ofGroup.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/group_active_28.png");}
    .ofHide.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/hide_active_28.png");}
    .ofEvent.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/event_active_28.png");}
    .ofDepot.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/depot_active_28.png");}
    .ofDevice.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/device_active_28.png");}
    .ofDownload.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/download_active_28.png");}
    .ofDown.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/down_active_28.png");}
    .ofDashboard.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/dashboard_active_28.png");}
    .ofCombochart.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/combochart_active_28.png");}
    .ofCommunicate.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/communicate_active_28.png");}
    .ofCompassBottom.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/compass_bottom_active_28.png");}
    .ofCompassCenter.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/compass_center_active_28.png");}
    .ofCompassLeft.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/compass_left_active_28.png");}
    .ofCompassRight.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/compass_right_active_28.png");}
    .ofCompassTop.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/compass_top_active_28.png");}
    .ofChange.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/change_active_28.png");}
    .ofCheck.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/check_active_28.png");}
    .ofCircle.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/circle_active_28.png");}
    .ofClose.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/close_active_28.png");}
    .ofBarchart.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/barchart_active_28.png");}
    .ofBox.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/box_active_28.png");}
    .ofBullets.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/bullets_active_28.png");}
    .ofButtonBlue.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/button_blue_active_28.png");}
    .ofButtonGreen.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/button_green_active_28.png");}
    .ofButtonOrange.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/button_orange_active_28.png");}
    .ofButtonRed.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/button_red_active_28.png");}
    .ofButtonYellow.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/button_yellow_active_28.png");}
    .ofCalculate.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/calculate_active_28.png");}
    .ofCamera.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/camera_active_28.png");}
    .ofAdjust.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/adjust_active_28.png");}
    .ofActivate.ofActive.ofSmallMedium {  background-image: url('RibbonButtons/smallmedium/activate_active_28.png');}
      .ofExpress.ofActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/express_active_28.png");}
  
    /*
        InActive, small medium
    */
     .ofAttach.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/attach_inactive_28.png");}
    .ofDetach.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/detach_inactive_28.png");}
    .ofOrganization.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/organization_inactive_28.png");}
   
	.ofAdd.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/add_inactive_28.png");}
    .ofApply.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/apply_inactive_28.png");}
    .ofCancel.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/cancel_inactive_28.png");}
    .ofCopy.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/copy_inactive_28.png");}
    .ofDelete.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/delete_inactive_28.png");}
    .ofEdit.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/edit_inactive_28.png");}
    .ofError.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/error_inactive_28.png");}
    .ofExecute.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/execute_inactive_28.png");}
    .ofHistory.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/history_inactive_28.png");}
    .ofInformation.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/information_inactive_28.png");}
    .ofList.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/list_inactive_28.png");}
    .ofMinimize.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/minimize_inactive_28.png");}
    .ofNew.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/new_inactive_28.png");}
    .ofOpen.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/open_inactive_28.png");}
    .ofPrint.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/print_inactive_28.png");}
    .ofRefresh.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/refresh_inactive_28.png");}
    .ofReply.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/reply_inactive_28.png");}
    .ofResolve.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/resolve_inactive_28.png");}
    .ofSave.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/save_inactive_28.png");}
    .ofSearch.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/search_inactive_28.png");}
    .ofSend.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/send_inactive_28.png");}
    .ofTrackTrace.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/track_trace_inactive_28.png");}
    .ofUpload.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/upload_inactive_28.png");}
    .ofValidate.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/validate_inactive_28.png");}
    .ofBack.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/back_inactive_28.png");}
    .ofView.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/view_inactive_28.png");}
    .ofWait.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/wait_inactive_28.png");}
    .ofWarning.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/warning_inactive_28.png");}
    .ofUsers.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/users_inactive_28.png");}
    .ofTruck.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/truck_inactive_28.png");}
    .ofTruckEmpty.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/truck_empty_inactive_28.png");}
    .ofTRuckFull.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/truck_full_inactive_28.png");}
    .ofUnCheck.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/uncheck_inactive_28.png");}
    .ofUndo.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/undo_inactive_28.png");}
    .ofUp.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/up_inactive_28.png");}
    .ofSettings.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/settings_inactive_28.png");}
    .ofShare.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/share_inactive_28.png");}
    .ofShow.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/show_inactive_28.png");}
    .ofSign.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/sign_inactive_28.png");}
    .ofSkip.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/skip_inactive_28.png");}
    .ofStatus.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/status_inactive_28.png");}
    .ofStop.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/stop_inactive_28.png");}
    .ofTarget.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/target_inactive_28.png");}
    .ofTicket.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/ticket_inactive_28.png");}
    .ofTools.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/tools_inactive_28.png");}
    .ofScan.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/scan_inactive_28.png");}
    .ofRight.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/right_inactive_28.png");}
    .ofRotate.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/rotate_inactive_28.png");}
    .ofRoute.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/route_inactive_28.png");}
    .ofRequired.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/required_inactive_28.png");}
    .ofPagesLeft.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/pages_left_inactive_28.png");}
    .ofPagesRight.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/pages_right_inactive_28.png");}
    .ofPageLeft.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/page_left_inactive_28.png");}
    .ofPageRight.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/page_right_inactive_28.png");}
    .ofPallet.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/pallet_inactive_28.png");}
    .ofPhone.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/phone_inactive_28.png");}
    .ofPieChart.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/piechart_inactive_28.png");}
    .ofPin.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/pin_inactive_28.png");}
    .ofPoint.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/point_inactive_28.png");}
    .ofNote.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/note_inactive_28.png");}
    .ofMissed.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/missed_inactive_28.png");}
    .ofMove.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/move_inactive_28.png");}
    .ofLock.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/lock_inactive_28.png");}
    .ofMail.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/mail_inactive_28.png");}
    .ofMap.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/map_inactive_28.png");}
    .ofMaximize.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/maximize_inactive_28.png");}
    .ofLeft.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/left_inactive_28.png");}
    .ofHome.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/home_inactive_28.png");}
    .ofImportant.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/important_inactive_28.png");}
    .ofExport.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/export_inactive_28.png");}
    .ofFavourite.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/favourite_inactive_28.png");}
    .ofFilterEmpty.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/filter_empty_inactive_28.png");}
    .ofFilterFull.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/filter_full_inactive_28.png");}
    .ofFilterHalf.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/filter_half_inactive_28.png");}
    .ofFind.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/find_inactive_28.png");}
    .ofFollowUp.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/followup_select_inactive_28.png");}
    .ofFollowUpUnSelect.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/followup_unselect_inactive_28.png");}
    .ofForward.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/forward_inactive_28.png");}
    .ofGallery.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/gallery_inactive_28.png");}
    .ofGlobe.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/globe_inactive_28.png");}
    .ofGps.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/gps_inactive_28.png");}
    .ofGroup.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/group_inactive_28.png");}
    .ofHide.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/hide_inactive_28.png");}
    .ofEvent.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/event_inactive_28.png");}
    .ofDepot.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/depot_inactive_28.png");}
    .ofDevice.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/device_inactive_28.png");}
    .ofDownload.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/download_inactive_28.png");}
    .ofDown.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/down_inactive_28.png");}
    .ofDashboard.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/dashboard_inactive_28.png");}
    .ofCombochart.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/combochart_inactive_28.png");}
    .ofCommunicate.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/communicate_inactive_28.png");}
    .ofCompassBottom.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/compass_bottom_inactive_28.png");}
    .ofCompassCenter.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/compass_center_inactive_28.png");}
    .ofCompassLeft.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/compass_left_inactive_28.png");}
    .ofCompassRight.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/compass_right_inactive_28.png");}
    .ofCompassTop.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/compass_top_inactive_28.png");}
    .ofChange.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/change_inactive_28.png");}
    .ofCheck.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/check_inactive_28.png");}
    .ofCircle.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/circle_inactive_28.png");}
    .ofClose.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/close_inactive_28.png");}
    .ofBarchart.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/barchart_inactive_28.png");}
    .ofBox.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/box_inactive_28.png");}
    .ofBullets.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/bullets_inactive_28.png");}
       .ofCalculate.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/calculate_inactive_28.png");}
    .ofCamera.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/camera_inactive_28.png");}
    .ofAdjust.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/adjust_inactive_28.png");}
    .ofActivate.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/smallmedium/activate_inactive_28.png");}
      .ofExpress.ofInActive.ofSmallMedium {  background-image: url("RibbonButtons/samallmedium/express_inactive_28.png");}
  
	/*
        Active, medium
    */
    .ofAttach.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/attach_active_32.png");}
    .ofDetach.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/detach_active_32.png");}
    .ofOrganization.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/organization_active_32.png");}
   
	.ofAdd.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/add_active_32.png");}
    .ofApply.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/apply_active_32.png");}
    .ofCancel.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/cancel_active_32.png");}
    .ofCollapse.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/collapse_active_32.png");}
    .ofCopy.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/copy_active_32.png");}
    .ofDelete.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/delete_active_32.png");}
    .ofEdit.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/edit_active_32.png");}
    .ofError.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/error_active_32.png");}
    .ofExecute.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/execute_active_32.png");}
    .ofExpand.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/expand_active_32.png");}
    .ofHistory.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/history_active_32.png");}
    .ofInformation.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/information_active_32.png");}
    .ofList.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/list_active_32.png");}
    .ofMinimize.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/minimize_active_32.png");}
    .ofNew.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/new_active_32.png");}
    .ofOpen.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/open_active_32.png");}
    .ofPrint.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/print_active_32.png");}
    .ofRefresh.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/refresh_active_32.png");}
    .ofReply.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/reply_active_32.png");}
    .ofResolve.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/resolve_active_32.png");}
    .ofSave.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/save_active_32.png");}
    .ofSearch.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/search_active_32.png");}
    .ofSend.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/send_active_32.png");}
    .ofTrackTrace.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/track_trace_active_32.png");}
    .ofUpload.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/upload_active_32.png");}
    .ofValidate.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/validate_active_32.png");}
    .ofBack.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/back_active_32.png");}
    .ofView.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/view_active_32.png");}
    .ofWait.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/wait_active_32.png");}
    .ofWarning.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/warning_active_32.png");}
    .ofUsers.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/users_active_32.png");}
    .ofTractor.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/tractor_active_32.png");}
    .ofTrailer.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/trailer_active_32.png");}
    .ofTruck.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/truck_active_32.png");}
    .ofTruckEmpty.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/truck_empty_active_32.png");}
    .ofTRuckFull.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/truck_full_active_32.png");}
    .ofUnCheck.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/uncheck_active_32.png");}
    .ofUndo.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/undo_active_32.png");}
    .ofUp.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/up_active_32.png");}
    .ofSettings.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/settings_active_32.png");}
    .ofShare.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/share_active_32.png");}
    .ofShow.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/show_active_32.png");}
    .ofSign.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/sign_active_32.png");}
    .ofSkip.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/skip_active_32.png");}
    .ofStatus.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/status_active_32.png");}
    .ofStop.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/stop_active_32.png");}
    .ofTarget.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/target_active_32.png");}
    .ofTicket.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/ticket_active_32.png");}
    .ofTools.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/tools_active_32.png");}
    .ofScan.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/scan_active_32.png");}
    .ofRight.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/right_active_32.png");}
    .ofRotate.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/rotate_active_32.png");}
    .ofRoute.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/route_active_32.png");}
    .ofRequired.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/required_active_32.png");}
    .ofPagesLeft.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/pages_left_active_32.png");}
    .ofPagesRight.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/pages_right_active_32.png");}
    .ofPageLeft.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/page_left_active_32.png");}
    .ofPageRight.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/page_right_active_32.png");}
    .ofPallet.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/pallet_active_32.png");}
    .ofPhone.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/phone_active_32.png");}
    .ofPieChart.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/piechart_active_32.png");}
    .ofPin.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/pin_active_32.png");}
    .ofPoint.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/point_active_32.png");}
    .ofNote.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/note_active_32.png");}
    .ofMissed.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/missed_active_32.png");}
    .ofMove.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/move_active_32.png");}
    .ofLock.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/lock_active_32.png");}
    .ofMail.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/mail_active_32.png");}
    .ofMap.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/map_active_32.png");}
    .ofMaximize.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/maximize_active_32.png");}
    .ofMenu.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/menu_active_32.png");}
    .ofLeft.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/left_active_32.png");}
    .ofHome.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/home_active_32.png");}
    .ofImportant.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/important_active_32.png");}
    .ofExport.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/export_active_32.png");}
    .ofFavourite.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/favourite_active_32.png");}
    .ofFilterEmpty.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/filter_empty_active_32.png");}
    .ofFilterFull.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/filter_full_active_32.png");}
    .ofFilterHalf.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/filter_half_active_32.png");}
    .ofFind.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/find_active_32.png");}
    .ofFollowUp.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/followup_select_active_32.png");}
    .ofFollowUpUnSelect.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/followup_unselect_active_32.png");}
    .ofForward.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/forward_active_32.png");}
    .ofGallery.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/gallery_active_32.png");}
    .ofGlobe.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/globe_active_32.png");}
    .ofGps.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/gps_active_32.png");}
    .ofGroup.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/group_active_32.png");}
    .ofHide.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/hide_active_32.png");}
    .ofEvent.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/event_active_32.png");}
    .ofDepot.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/depot_active_32.png");}
    .ofDevice.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/device_active_32.png");}
    .ofDownload.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/download_active_32.png");}
    .ofDown.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/down_active_32.png");}
    .ofDashboard.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/dashboard_active_32.png");}
    .ofCombochart.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/combochart_active_32.png");}
    .ofCommunicate.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/communicate_active_32.png");}
    .ofCompassBottom.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/compass_bottom_active_32.png");}
    .ofCompassCenter.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/compass_center_active_32.png");}
    .ofCompassLeft.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/compass_left_active_32.png");}
    .ofCompassRight.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/compass_right_active_32.png");}
    .ofCompassTop.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/compass_top_active_32.png");}
    .ofChange.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/change_active_32.png");}
    .ofCheck.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/check_active_32.png");}
    .ofCircle.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/circle_active_32.png");}
    .ofClose.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/close_active_32.png");}
    .ofBarchart.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/barchart_active_32.png");}
    .ofBox.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/box_active_32.png");}
    .ofBullets.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/bullets_active_32.png");}
    .ofButtonBlue.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/button_blue_active_32.png");}
    .ofButtonGreen.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/button_green_active_32.png");}
    .ofButtonOrange.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/button_orange_active_32.png");}
    .ofButtonRed.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/button_red_active_32.png");}
    .ofButtonYellow.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/button_yellow_active_32.png");}
    .ofCalculate.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/calculate_active_32.png");}
    .ofCamera.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/camera_active_32.png");}
    .ofAdjust.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/adjust_active_32.png");}
    .ofActivate.ofActive.ofMedium {  background-image: url('RibbonButtons/medium/activate_active_32.png');}
      .ofExpress.ofActive.ofMedium {  background-image: url("RibbonButtons/medium/express_active_32.png");}
  
	/*
        inActive, medium
    */
    .ofAttach.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/attach_inactive_32.png");}
    .ofDetach.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/detach_inactive_32.png");}
    .ofOrganization.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/organization_inactive_32.png");}
   
	.ofAdd.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/add_inactive_32.png");}
    .ofApply.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/apply_inactive_32.png");}
    .ofCancel.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/cancel_inactive_32.png");}
    .ofCopy.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/copy_inactive_32.png");}
    .ofDelete.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/delete_inactive_32.png");}
    .ofEdit.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/edit_inactive_32.png");}
    .ofError.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/error_inactive_32.png");}
    .ofExecute.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/execute_inactive_32.png");}
    .ofHistory.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/history_inactive_32.png");}
    .ofInformation.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/information_inactive_32.png");}
    .ofList.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/list_inactive_32.png");}
    .ofMinimize.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/minimize_inactive_32.png");}
    .ofNew.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/new_inactive_32.png");}
    .ofOpen.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/open_inactive_32.png");}
    .ofPrint.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/print_inactive_32.png");}
    .ofRefresh.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/refresh_inactive_32.png");}
    .ofReply.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/reply_inactive_32.png");}
    .ofResolve.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/resolve_inactive_32.png");}
    .ofSave.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/save_inactive_32.png");}
    .ofSearch.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/search_inactive_32.png");}
    .ofSend.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/send_inactive_32.png");}
    .ofTrackTrace.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/track_trace_inactive_32.png");}
    .ofUpload.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/upload_inactive_32.png");}
    .ofValidate.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/validate_inactive_32.png");}
    .ofBack.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/back_inactive_32.png");}
    .ofView.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/view_inactive_32.png");}
    .ofWait.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/wait_inactive_32.png");}
    .ofWarning.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/warning_inactive_32.png");}
    .ofUsers.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/users_inactive_32.png");}
    .ofTruck.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/truck_inactive_32.png");}
    .ofTruckEmpty.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/truck_empty_inactive_32.png");}
    .ofTRuckFull.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/truck_full_inactive_32.png");}
    .ofUnCheck.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/uncheck_inactive_32.png");}
    .ofUndo.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/undo_inactive_32.png");}
    .ofUp.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/up_inactive_32.png");}
    .ofSettings.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/settings_inactive_32.png");}
    .ofShare.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/share_inactive_32.png");}
    .ofShow.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/show_inactive_32.png");}
    .ofSign.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/sign_inactive_32.png");}
    .ofSkip.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/skip_inactive_32.png");}
    .ofStatus.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/status_inactive_32.png");}
    .ofStop.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/stop_inactive_32.png");}
    .ofTarget.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/target_inactive_32.png");}
    .ofTicket.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/ticket_inactive_32.png");}
    .ofTools.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/tools_inactive_32.png");}
    .ofScan.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/scan_inactive_32.png");}
    .ofRight.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/right_inactive_32.png");}
    .ofRotate.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/rotate_inactive_32.png");}
    .ofRoute.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/route_inactive_32.png");}
    .ofRequired.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/required_inactive_32.png");}
    .ofPagesLeft.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/pages_left_inactive_32.png");}
    .ofPagesRight.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/pages_right_inactive_32.png");}
    .ofPageLeft.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/page_left_inactive_32.png");}
    .ofPageRight.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/page_right_inactive_32.png");}
    .ofPallet.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/pallet_inactive_32.png");}
    .ofPhone.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/phone_inactive_32.png");}
    .ofPieChart.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/piechart_inactive_32.png");}
    .ofPin.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/pin_inactive_32.png");}
    .ofPoint.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/point_inactive_32.png");}
    .ofNote.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/note_inactive_32.png");}
    .ofMissed.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/missed_inactive_32.png");}
    .ofMove.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/move_inactive_32.png");}
    .ofLock.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/lock_inactive_32.png");}
    .ofMail.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/mail_inactive_32.png");}
    .ofMap.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/map_inactive_32.png");}
    .ofMaximize.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/maximize_inactive_32.png");}
    .ofLeft.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/left_inactive_32.png");}
    .ofHome.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/home_inactive_32.png");}
    .ofImportant.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/important_inactive_32.png");}
    .ofExport.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/export_inactive_32.png");}
    .ofFavourite.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/favourite_inactive_32.png");}
    .ofFilterEmpty.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/filter_empty_inactive_32.png");}
    .ofFilterFull.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/filter_full_inactive_32.png");}
    .ofFilterHalf.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/filter_half_inactive_32.png");}
    .ofFind.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/find_inactive_32.png");}
    .ofFollowUp.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/followup_select_inactive_32.png");}
    .ofFollowUpUnSelect.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/followup_unselect_inactive_32.png");}
    .ofForward.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/forward_inactive_32.png");}
    .ofGallery.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/gallery_inactive_32.png");}
    .ofGlobe.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/globe_inactive_32.png");}
    .ofGps.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/gps_inactive_32.png");}
    .ofGroup.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/group_inactive_32.png");}
    .ofHide.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/hide_inactive_32.png");}
    .ofEvent.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/event_inactive_32.png");}
    .ofDepot.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/depot_inactive_32.png");}
    .ofDevice.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/device_inactive_32.png");}
    .ofDownload.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/download_inactive_32.png");}
    .ofDown.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/down_inactive_32.png");}
    .ofDashboard.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/dashboard_inactive_32.png");}
    .ofCombochart.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/combochart_inactive_32.png");}
    .ofCommunicate.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/communicate_inactive_32.png");}
    .ofCompassBottom.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/compass_bottom_inactive_32.png");}
    .ofCompassCenter.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/compass_center_inactive_32.png");}
    .ofCompassLeft.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/compass_left_inactive_32.png");}
    .ofCompassRight.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/compass_right_inactive_32.png");}
    .ofCompassTop.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/compass_top_inactive_32.png");}
    .ofChange.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/change_inactive_32.png");}
    .ofCheck.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/check_inactive_32.png");}
    .ofCircle.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/circle_inactive_32.png");}
    .ofClose.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/close_inactive_32.png");}
    .ofBarchart.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/barchart_inactive_32.png");}
    .ofBox.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/box_inactive_32.png");}
    .ofBullets.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/bullets_inactive_32.png");}
       .ofCalculate.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/calculate_inactive_32.png");}
    .ofCamera.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/camera_inactive_32.png");}
    .ofAdjust.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/adjust_inactive_32.png");}
    .ofActivate.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/activate_inactive_32.png");}
      .ofExpress.ofInActive.ofMedium {  background-image: url("RibbonButtons/medium/express_inactive_32.png");}
  
    /*
        Active, big
    */
	.ofAttach.ofActive.ofBig {  background-image: url("RibbonButtons/big/attach_active_48.png");}
    .ofDetach.ofActive.ofBig {  background-image: url("RibbonButtons/big/detach_active_48.png");}
    .ofOrganization.ofActive.ofBig {  background-image: url("RibbonButtons/big/organization_active_48.png");}
   
	.ofAdd.ofActive.ofBig {  background-image: url("RibbonButtons/big/add_active_48.png");}
    .ofApply.ofActive.ofBig {  background-image: url("RibbonButtons/big/apply_active_48.png");}
    .ofCancel.ofActive.ofBig {  background-image: url("RibbonButtons/big/cancel_active_48.png");}
    .ofCollapse.ofActive.ofBig {  background-image: url("RibbonButtons/big/collapse_active_48.png");}
    .ofCopy.ofActive.ofBig {  background-image: url("RibbonButtons/big/copy_active_48.png");}
    .ofDelete.ofActive.ofBig {  background-image: url("RibbonButtons/big/delete_active_48.png");}
    .ofEdit.ofActive.ofBig {  background-image: url("RibbonButtons/big/edit_active_48.png");}
    .ofError.ofActive.ofBig {  background-image: url("RibbonButtons/big/error_active_48.png");}
    .ofExecute.ofActive.ofBig {  background-image: url("RibbonButtons/big/execute_active_48.png");}
    .ofExpand.ofActive.ofBig {  background-image: url("RibbonButtons/big/expand_active_48.png");}
    .ofHistory.ofActive.ofBig {  background-image: url("RibbonButtons/big/history_active_48.png");}
    .ofInformation.ofActive.ofBig {  background-image: url("RibbonButtons/big/information_active_48.png");}
    .ofList.ofActive.ofBig {  background-image: url("RibbonButtons/big/list_active_48.png");}
    .ofMinimize.ofActive.ofBig {  background-image: url("RibbonButtons/big/minimize_active_48.png");}
    .ofNew.ofActive.ofBig {  background-image: url("RibbonButtons/big/new_active_48.png");}
    .ofOpen.ofActive.ofBig {  background-image: url("RibbonButtons/big/open_active_48.png");}
    .ofPrint.ofActive.ofBig {  background-image: url("RibbonButtons/big/print_active_48.png");}
    .ofRefresh.ofActive.ofBig {  background-image: url("RibbonButtons/big/refresh_active_48.png");}
    .ofReply.ofActive.ofBig {  background-image: url("RibbonButtons/big/reply_active_48.png");}
    .ofResolve.ofActive.ofBig {  background-image: url("RibbonButtons/big/resolve_active_48.png");}
    .ofSave.ofActive.ofBig {  background-image: url("RibbonButtons/big/save_active_48.png");}
    .ofSearch.ofActive.ofBig {  background-image: url("RibbonButtons/big/search_active_48.png");}
    .ofSend.ofActive.ofBig {  background-image: url("RibbonButtons/big/send_active_48.png");}
    .ofTrackTrace.ofActive.ofBig {  background-image: url("RibbonButtons/big/track_trace_active_48.png");}
    .ofUpload.ofActive.ofBig {  background-image: url("RibbonButtons/big/upload_active_48.png");}
    .ofValidate.ofActive.ofBig {  background-image: url("RibbonButtons/big/validate_active_48.png");}
    .ofBack.ofActive.ofBig {  background-image: url("RibbonButtons/big/back_active_48.png");}
    .ofView.ofActive.ofBig {  background-image: url("RibbonButtons/big/view_active_48.png");}
    .ofWait.ofActive.ofBig {  background-image: url("RibbonButtons/big/wait_active_48.png");}
    .ofWarning.ofActive.ofBig {  background-image: url("RibbonButtons/big/warning_active_48.png");}
    .ofUsers.ofActive.ofBig {  background-image: url("RibbonButtons/big/users_active_48.png");}
    .ofTractor.ofActive.ofBig {  background-image: url("RibbonButtons/big/tractor_active_48.png");}
    .ofTrailer.ofActive.ofBig {  background-image: url("RibbonButtons/big/trailer_active_48.png");}
    .ofTruck.ofActive.ofBig {  background-image: url("RibbonButtons/big/truck_active_48.png");}
    .ofTruckEmpty.ofActive.ofBig {  background-image: url("RibbonButtons/big/truck_empty_active_48.png");}
    .ofTRuckFull.ofActive.ofBig {  background-image: url("RibbonButtons/big/truck_full_active_48.png");}
    .ofUnCheck.ofActive.ofBig {  background-image: url("RibbonButtons/big/uncheck_active_48.png");}
    .ofUndo.ofActive.ofBig {  background-image: url("RibbonButtons/big/undo_active_48.png");}
    .ofUp.ofActive.ofBig {  background-image: url("RibbonButtons/big/up_active_48.png");}
    .ofSettings.ofActive.ofBig {  background-image: url("RibbonButtons/big/settings_active_48.png");}
    .ofShare.ofActive.ofBig {  background-image: url("RibbonButtons/big/share_active_48.png");}
    .ofShow.ofActive.ofBig {  background-image: url("RibbonButtons/big/show_active_48.png");}
    .ofSign.ofActive.ofBig {  background-image: url("RibbonButtons/big/sign_active_48.png");}
    .ofSkip.ofActive.ofBig {  background-image: url("RibbonButtons/big/skip_active_48.png");}
    .ofStatus.ofActive.ofBig {  background-image: url("RibbonButtons/big/status_active_48.png");}
    .ofStop.ofActive.ofBig {  background-image: url("RibbonButtons/big/stop_active_48.png");}
    .ofTarget.ofActive.ofBig {  background-image: url("RibbonButtons/big/target_active_48.png");}
    .ofTicket.ofActive.ofBig {  background-image: url("RibbonButtons/big/ticket_active_48.png");}
    .ofTools.ofActive.ofBig {  background-image: url("RibbonButtons/big/tools_active_48.png");}
    .ofScan.ofActive.ofBig {  background-image: url("RibbonButtons/big/scan_active_48.png");}
    .ofRight.ofActive.ofBig {  background-image: url("RibbonButtons/big/right_active_48.png");}
    .ofRotate.ofActive.ofBig {  background-image: url("RibbonButtons/big/rotate_active_48.png");}
    .ofRoute.ofActive.ofBig {  background-image: url("RibbonButtons/big/route_active_48.png");}
    .ofRequired.ofActive.ofBig {  background-image: url("RibbonButtons/big/required_active_48.png");}
    .ofPagesLeft.ofActive.ofBig {  background-image: url("RibbonButtons/big/pages_left_active_48.png");}
    .ofPagesRight.ofActive.ofBig {  background-image: url("RibbonButtons/big/pages_right_active_48.png");}
    .ofPageLeft.ofActive.ofBig {  background-image: url("RibbonButtons/big/page_left_active_48.png");}
    .ofPageRight.ofActive.ofBig {  background-image: url("RibbonButtons/big/page_right_active_48.png");}
    .ofPallet.ofActive.ofBig {  background-image: url("RibbonButtons/big/pallet_active_48.png");}
    .ofPhone.ofActive.ofBig {  background-image: url("RibbonButtons/big/phone_active_48.png");}
    .ofPieChart.ofActive.ofBig {  background-image: url("RibbonButtons/big/piechart_active_48.png");}
    .ofPin.ofActive.ofBig {  background-image: url("RibbonButtons/big/pin_active_48.png");}
    .ofPoint.ofActive.ofBig {  background-image: url("RibbonButtons/big/point_active_48.png");}
    .ofNote.ofActive.ofBig {  background-image: url("RibbonButtons/big/note_active_48.png");}
    .ofMissed.ofActive.ofBig {  background-image: url("RibbonButtons/big/missed_active_48.png");}
    .ofMove.ofActive.ofBig {  background-image: url("RibbonButtons/big/move_active_48.png");}
    .ofLock.ofActive.ofBig {  background-image: url("RibbonButtons/big/lock_active_48.png");}
    .ofMail.ofActive.ofBig {  background-image: url("RibbonButtons/big/mail_active_48.png");}
    .ofMap.ofActive.ofBig {  background-image: url("RibbonButtons/big/map_active_48.png");}
    .ofMaximize.ofActive.ofBig {  background-image: url("RibbonButtons/big/maximize_active_48.png");}
    .ofMenu.ofActive.ofBig {  background-image: url("RibbonButtons/big/menu_active_48.png");}
    .ofLeft.ofActive.ofBig {  background-image: url("RibbonButtons/big/left_active_48.png");}
    .ofHome.ofActive.ofBig {  background-image: url("RibbonButtons/big/home_active_48.png");}
    .ofImportant.ofActive.ofBig {  background-image: url("RibbonButtons/big/important_active_48.png");}
    .ofExport.ofActive.ofBig {  background-image: url("RibbonButtons/big/export_active_48.png");}
    .ofFavourite.ofActive.ofBig {  background-image: url("RibbonButtons/big/favourite_active_48.png");}
    .ofFilterEmpty.ofActive.ofBig {  background-image: url("RibbonButtons/big/filter_empty_active_48.png");}
    .ofFilterFull.ofActive.ofBig {  background-image: url("RibbonButtons/big/filter_full_active_48.png");}
    .ofFilterHalf.ofActive.ofBig {  background-image: url("RibbonButtons/big/filter_half_active_48.png");}
    .ofFind.ofActive.ofBig {  background-image: url("RibbonButtons/big/find_active_48.png");}
    .ofFollowUp.ofActive.ofBig {  background-image: url("RibbonButtons/big/followup_select_active_48.png");}
    .ofFollowUpUnSelect.ofActive.ofBig {  background-image: url("RibbonButtons/big/followup_unselect_active_48.png");}
    .ofForward.ofActive.ofBig {  background-image: url("RibbonButtons/big/forward_active_48.png");}
    .ofGallery.ofActive.ofBig {  background-image: url("RibbonButtons/big/gallery_active_48.png");}
    .ofGlobe.ofActive.ofBig {  background-image: url("RibbonButtons/big/globe_active_48.png");}
    .ofGps.ofActive.ofBig {  background-image: url("RibbonButtons/big/gps_active_48.png");}
    .ofGroup.ofActive.ofBig {  background-image: url("RibbonButtons/big/group_active_48.png");}
    .ofHide.ofActive.ofBig {  background-image: url("RibbonButtons/big/hide_active_48.png");}
    .ofEvent.ofActive.ofBig {  background-image: url("RibbonButtons/big/event_active_48.png");}
    .ofDepot.ofActive.ofBig {  background-image: url("RibbonButtons/big/depot_active_48.png");}
    .ofDevice.ofActive.ofBig {  background-image: url("RibbonButtons/big/device_active_48.png");}
    .ofDownload.ofActive.ofBig {  background-image: url("RibbonButtons/big/download_active_48.png");}
    .ofDown.ofActive.ofBig {  background-image: url("RibbonButtons/big/down_active_48.png");}
    .ofDashboard.ofActive.ofBig {  background-image: url("RibbonButtons/big/dashboard_active_48.png");}
    .ofCombochart.ofActive.ofBig {  background-image: url("RibbonButtons/big/combochart_active_48.png");}
    .ofCommunicate.ofActive.ofBig {  background-image: url("RibbonButtons/big/communicate_active_48.png");}
    .ofCompassBottom.ofActive.ofBig {  background-image: url("RibbonButtons/big/compass_bottom_active_48.png");}
    .ofCompassCenter.ofActive.ofBig {  background-image: url("RibbonButtons/big/compass_center_active_48.png");}
    .ofCompassLeft.ofActive.ofBig {  background-image: url("RibbonButtons/big/compass_left_active_48.png");}
    .ofCompassRight.ofActive.ofBig {  background-image: url("RibbonButtons/big/compass_right_active_48.png");}
    .ofCompassTop.ofActive.ofBig {  background-image: url("RibbonButtons/big/compass_top_active_48.png");}
    .ofChange.ofActive.ofBig {  background-image: url("RibbonButtons/big/change_active_48.png");}
    .ofCheck.ofActive.ofBig {  background-image: url("RibbonButtons/big/check_active_48.png");}
    .ofCircle.ofActive.ofBig {  background-image: url("RibbonButtons/big/circle_active_48.png");}
    .ofClose.ofActive.ofBig {  background-image: url("RibbonButtons/big/close_active_48.png");}
    .ofBarchart.ofActive.ofBig {  background-image: url("RibbonButtons/big/barchart_active_48.png");}
    .ofBox.ofActive.ofBig {  background-image: url("RibbonButtons/big/box_active_48.png");}
    .ofBullets.ofActive.ofBig {  background-image: url("RibbonButtons/big/bullets_active_48.png");}
    .ofButtonBlue.ofActive.ofBig {  background-image: url("RibbonButtons/big/button_blue_active_48.png");}
    .ofButtonGreen.ofActive.ofBig {  background-image: url("RibbonButtons/big/button_green_active_48.png");}
    .ofButtonOrange.ofActive.ofBig {  background-image: url("RibbonButtons/big/button_orange_active_48.png");}
    .ofButtonRed.ofActive.ofBig {  background-image: url("RibbonButtons/big/button_red_active_48.png");}
    .ofButtonYellow.ofActive.ofBig {  background-image: url("RibbonButtons/big/button_yellow_active_48.png");}
    .ofCalculate.ofActive.ofBig {  background-image: url("RibbonButtons/big/calculate_active_48.png");}
    .ofCamera.ofActive.ofBig {  background-image: url("RibbonButtons/big/camera_active_48.png");}
    .ofAdjust.ofActive.ofBig {  background-image: url("RibbonButtons/big/adjust_active_48.png");}
    .ofActivate.ofActive.ofBig {  background-image: url("RibbonButtons/big/activate_active_48.png");}
      .ofExpress.ofActive.ofBig {  background-image: url("RibbonButtons/big/express_active_48.png");}
  
	/*
        inActive, big
    */
    .ofAttach.ofInActive.ofBig {  background-image: url("RibbonButtons/big/attach_inactive_48.png");}
    .ofDetach.ofInActive.ofBig {  background-image: url("RibbonButtons/big/detach_inactive_48.png");}
    .ofOrganization.ofInActive.ofBig {  background-image: url("RibbonButtons/big/organization_inactive_48.png");}
   
	.ofAdd.ofInActive.ofBig {  background-image: url("RibbonButtons/big/add_inactive_48.png");}
    .ofApply.ofInActive.ofBig {  background-image: url("RibbonButtons/big/apply_inactive_48.png");}
    .ofCancel.ofInActive.ofBig {  background-image: url("RibbonButtons/big/cancel_inactive_48.png");}
    .ofCopy.ofInActive.ofBig {  background-image: url("RibbonButtons/big/copy_inactive_48.png");}
    .ofDelete.ofInActive.ofBig {  background-image: url("RibbonButtons/big/delete_inactive_48.png");}
    .ofEdit.ofInActive.ofBig {  background-image: url("RibbonButtons/big/edit_inactive_48.png");}
    .ofError.ofInActive.ofBig {  background-image: url("RibbonButtons/big/error_inactive_48.png");}
    .ofExecute.ofInActive.ofBig {  background-image: url("RibbonButtons/big/execute_inactive_48.png");}
     .ofHistory.ofInActive.ofBig {  background-image: url("RibbonButtons/big/history_inactive_48.png");}
    .ofInformation.ofInActive.ofBig {  background-image: url("RibbonButtons/big/information_inactive_48.png");}
    .ofList.ofInActive.ofBig {  background-image: url("RibbonButtons/big/list_inactive_48.png");}
    .ofMinimize.ofInActive.ofBig {  background-image: url("RibbonButtons/big/minimize_inactive_48.png");}
    .ofNew.ofInActive.ofBig {  background-image: url("RibbonButtons/big/new_inactive_48.png");}
    .ofOpen.ofInActive.ofBig {  background-image: url("RibbonButtons/big/open_inactive_48.png");}
    .ofPrint.ofInActive.ofBig {  background-image: url("RibbonButtons/big/print_inactive_48.png");}
    .ofRefresh.ofInActive.ofBig {  background-image: url("RibbonButtons/big/refresh_inactive_48.png");}
    .ofReply.ofInActive.ofBig {  background-image: url("RibbonButtons/big/reply_inactive_48.png");}
    .ofResolve.ofInActive.ofBig {  background-image: url("RibbonButtons/big/resolve_inactive_48.png");}
    .ofSave.ofInActive.ofBig {  background-image: url("RibbonButtons/big/save_inactive_48.png");}
    .ofSearch.ofInActive.ofBig {  background-image: url("RibbonButtons/big/search_inactive_48.png");}
    .ofSend.ofInActive.ofBig {  background-image: url("RibbonButtons/big/send_inactive_48.png");}
    .ofTrackTrace.ofInActive.ofBig {  background-image: url("RibbonButtons/big/track_trace_inactive_48.png");}
    .ofUpload.ofInActive.ofBig {  background-image: url("RibbonButtons/big/upload_inactive_48.png");}
    .ofValidate.ofInActive.ofBig {  background-image: url("RibbonButtons/big/validate_inactive_48.png");}
    .ofBack.ofInActive.ofBig {  background-image: url("RibbonButtons/big/back_inactive_48.png");}
    .ofView.ofInActive.ofBig {  background-image: url("RibbonButtons/big/view_inactive_48.png");}
    .ofWait.ofInActive.ofBig {  background-image: url("RibbonButtons/big/wait_inactive_48.png");}
    .ofWarning.ofInActive.ofBig {  background-image: url("RibbonButtons/big/warning_inactive_48.png");}
    .ofUsers.ofInActive.ofBig {  background-image: url("RibbonButtons/big/users_inactive_48.png");}
    .ofTruck.ofInActive.ofBig {  background-image: url("RibbonButtons/big/truck_inactive_48.png");}
    .ofTruckEmpty.ofInActive.ofBig {  background-image: url("RibbonButtons/big/truck_empty_inactive_48.png");}
    .ofTRuckFull.ofInActive.ofBig {  background-image: url("RibbonButtons/big/truck_full_inactive_48.png");}
    .ofUnCheck.ofInActive.ofBig {  background-image: url("RibbonButtons/big/uncheck_inactive_48.png");}
    .ofUndo.ofInActive.ofBig {  background-image: url("RibbonButtons/big/undo_inactive_48.png");}
    .ofUp.ofInActive.ofBig {  background-image: url("RibbonButtons/big/up_inactive_48.png");}
    .ofSettings.ofInActive.ofBig {  background-image: url("RibbonButtons/big/settings_inactive_48.png");}
    .ofShare.ofInActive.ofBig {  background-image: url("RibbonButtons/big/share_inactive_48.png");}
    .ofShow.ofInActive.ofBig {  background-image: url("RibbonButtons/big/show_inactive_48.png");}
    .ofSign.ofInActive.ofBig {  background-image: url("RibbonButtons/big/sign_inactive_48.png");}
    .ofSkip.ofInActive.ofBig {  background-image: url("RibbonButtons/big/skip_inactive_48.png");}
    .ofStatus.ofInActive.ofBig {  background-image: url("RibbonButtons/big/status_inactive_48.png");}
    .ofStop.ofInActive.ofBig {  background-image: url("RibbonButtons/big/stop_inactive_48.png");}
    .ofTarget.ofInActive.ofBig {  background-image: url("RibbonButtons/big/target_inactive_48.png");}
    .ofTicket.ofInActive.ofBig {  background-image: url("RibbonButtons/big/ticket_inactive_48.png");}
    .ofTools.ofInActive.ofBig {  background-image: url("RibbonButtons/big/tools_inactive_48.png");}
    .ofScan.ofInActive.ofBig {  background-image: url("RibbonButtons/big/scan_inactive_48.png");}
    .ofRight.ofInActive.ofBig {  background-image: url("RibbonButtons/big/right_inactive_48.png");}
    .ofRotate.ofInActive.ofBig {  background-image: url("RibbonButtons/big/rotate_inactive_48.png");}
    .ofRoute.ofInActive.ofBig {  background-image: url("RibbonButtons/big/route_inactive_48.png");}
    .ofRequired.ofInActive.ofBig {  background-image: url("RibbonButtons/big/required_inactive_48.png");}
    .ofPagesLeft.ofInActive.ofBig {  background-image: url("RibbonButtons/big/pages_left_inactive_48.png");}
    .ofPagesRight.ofInActive.ofBig {  background-image: url("RibbonButtons/big/pages_right_inactive_48.png");}
    .ofPageLeft.ofInActive.ofBig {  background-image: url("RibbonButtons/big/page_left_inactive_48.png");}
    .ofPageRight.ofInActive.ofBig {  background-image: url("RibbonButtons/big/page_right_inactive_48.png");}
    .ofPallet.ofInActive.ofBig {  background-image: url("RibbonButtons/big/pallet_inactive_48.png");}
    .ofPhone.ofInActive.ofBig {  background-image: url("RibbonButtons/big/phone_inactive_48.png");}
    .ofPieChart.ofInActive.ofBig {  background-image: url("RibbonButtons/big/piechart_inactive_48.png");}
    .ofPin.ofInActive.ofBig {  background-image: url("RibbonButtons/big/pin_inactive_48.png");}
    .ofPoint.ofInActive.ofBig {  background-image: url("RibbonButtons/big/point_inactive_48.png");}
    .ofNote.ofInActive.ofBig {  background-image: url("RibbonButtons/big/note_inactive_48.png");}
    .ofMissed.ofInActive.ofBig {  background-image: url("RibbonButtons/big/missed_inactive_48.png");}
    .ofMove.ofInActive.ofBig {  background-image: url("RibbonButtons/big/move_inactive_48.png");}
    .ofLock.ofInActive.ofBig {  background-image: url("RibbonButtons/big/lock_inactive_48.png");}
    .ofMail.ofInActive.ofBig {  background-image: url("RibbonButtons/big/mail_inactive_48.png");}
    .ofMap.ofInActive.ofBig {  background-image: url("RibbonButtons/big/map_inactive_48.png");}
    .ofMaximize.ofInActive.ofBig {  background-image: url("RibbonButtons/big/maximize_inactive_48.png");}
     .ofLeft.ofInActive.ofBig {  background-image: url("RibbonButtons/big/left_inactive_48.png");}
    .ofHome.ofInActive.ofBig {  background-image: url("RibbonButtons/big/home_inactive_48.png");}
    .ofImportant.ofInActive.ofBig {  background-image: url("RibbonButtons/big/important_inactive_48.png");}
    .ofExport.ofInActive.ofBig {  background-image: url("RibbonButtons/big/export_inactive_48.png");}
    .ofFavourite.ofInActive.ofBig {  background-image: url("RibbonButtons/big/favourite_inactive_48.png");}
    .ofFilterEmpty.ofInActive.ofBig {  background-image: url("RibbonButtons/big/filter_empty_inactive_48.png");}
    .ofFilterFull.ofInActive.ofBig {  background-image: url("RibbonButtons/big/filter_full_inactive_48.png");}
    .ofFilterHalf.ofInActive.ofBig {  background-image: url("RibbonButtons/big/filter_half_inactive_48.png");}
    .ofFind.ofInActive.ofBig {  background-image: url("RibbonButtons/big/find_inactive_48.png");}
    .ofFollowUp.ofInActive.ofBig {  background-image: url("RibbonButtons/big/followup_select_inactive_48.png");}
    .ofFollowUpUnSelect.ofInActive.ofBig {  background-image: url("RibbonButtons/big/followup_unselect_inactive_48.png");}
    .ofForward.ofInActive.ofBig {  background-image: url("RibbonButtons/big/forward_inactive_48.png");}
    .ofGallery.ofInActive.ofBig {  background-image: url("RibbonButtons/big/gallery_inactive_48.png");}
    .ofGlobe.ofInActive.ofBig {  background-image: url("RibbonButtons/big/globe_inactive_48.png");}
    .ofGps.ofInActive.ofBig {  background-image: url("RibbonButtons/big/gps_inactive_48.png");}
    .ofGroup.ofInActive.ofBig {  background-image: url("RibbonButtons/big/group_inactive_48.png");}
    .ofHide.ofInActive.ofBig {  background-image: url("RibbonButtons/big/hide_inactive_48.png");}
    .ofEvent.ofInActive.ofBig {  background-image: url("RibbonButtons/big/event_inactive_48.png");}
    .ofDepot.ofInActive.ofBig {  background-image: url("RibbonButtons/big/depot_inactive_48.png");}
    .ofDevice.ofInActive.ofBig {  background-image: url("RibbonButtons/big/device_inactive_48.png");}
    .ofDownload.ofInActive.ofBig {  background-image: url("RibbonButtons/big/download_inactive_48.png");}
    .ofDown.ofInActive.ofBig {  background-image: url("RibbonButtons/big/down_inactive_48.png");}
    .ofDashboard.ofInActive.ofBig {  background-image: url("RibbonButtons/big/dashboard_inactive_48.png");}
    .ofCombochart.ofInActive.ofBig {  background-image: url("RibbonButtons/big/combochart_inactive_48.png");}
    .ofCommunicate.ofInActive.ofBig {  background-image: url("RibbonButtons/big/communicate_inactive_48.png");}
    .ofCompassBottom.ofInActive.ofBig {  background-image: url("RibbonButtons/big/compass_bottom_inactive_48.png");}
    .ofCompassCenter.ofInActive.ofBig {  background-image: url("RibbonButtons/big/compass_center_inactive_48.png");}
    .ofCompassLeft.ofInActive.ofBig {  background-image: url("RibbonButtons/big/compass_left_inactive_48.png");}
    .ofCompassRight.ofInActive.ofBig {  background-image: url("RibbonButtons/big/compass_right_inactive_48.png");}
    .ofCompassTop.ofInActive.ofBig {  background-image: url("RibbonButtons/big/compass_top_inactive_48.png");}
    .ofChange.ofInActive.ofBig {  background-image: url("RibbonButtons/big/change_inactive_48.png");}
    .ofCheck.ofInActive.ofBig {  background-image: url("RibbonButtons/big/check_inactive_48.png");}
    .ofCircle.ofInActive.ofBig {  background-image: url("RibbonButtons/big/circle_inactive_48.png");}
    .ofClose.ofInActive.ofBig {  background-image: url("RibbonButtons/big/close_inactive_48.png");}
    .ofBarchart.ofInActive.ofBig {  background-image: url("RibbonButtons/big/barchart_inactive_48.png");}
    .ofBox.ofInActive.ofBig {  background-image: url("RibbonButtons/big/box_inactive_48.png");}
    .ofBullets.ofInActive.ofBig {  background-image: url("RibbonButtons/big/bullets_inactive_48.png");}
       .ofCalculate.ofInActive.ofBig {  background-image: url("RibbonButtons/big/calculate_inactive_48.png");}
    .ofCamera.ofInActive.ofBig {  background-image: url("RibbonButtons/big/camera_inactive_48.png");}
    .ofAdjust.ofInActive.ofBig {  background-image: url("RibbonButtons/big/adjust_inactive_48.png");}
    .ofActivate.ofInActive.ofBig {  background-image: url("RibbonButtons/big/activate_inactive_48.png");}
      .ofExpress.ofInActive.ofBig {  background-image: url("RibbonButtons/big/express_inactive_48.png");}
  
	
	/*
        end, need Large for _64?
	*/