.icon-32 { height:32px; width:32px}
.icon-24 { height:24px; width:24px}

/* Only used in App.Welcome.js */
.icon-welcome                { background-image: url(ext/icons/house.png)         !important; background-repeat: no-repeat; }

/* Plain icons */
.icon-cross         { background-image: url(ext/icons/cross.png)       !important; background-repeat: no-repeat; }
.icon-help          { background-image: url(ext/icons/help.png)        !important; background-repeat: no-repeat; }
.icon-cancel        { background-image: url(ext/icons/cancel.png)      !important; background-repeat: no-repeat; }
.icon-export-pdf    { background-image: url(ext/icons/page_pdf.gif)    !important; background-repeat: no-repeat; }
.icon-export-excel  { background-image: url(ext/icons/page_excel2.gif) !important; background-repeat: no-repeat; }

.icon-mp3-play      { background-image: url(ext/icons/mp3_play.gif) !important; background-repeat: no-repeat; }
.icon-disk          { background-image: url(ext/icons/disk.png)     !important; background-repeat: no-repeat; }

/* CallQueue.Agents.MetaData.js */
.icon-agent-delete { background-image: url(ext/icons/cross.png)     !important; background-repeat: no-repeat; }
.icon-agent-add    { background-image: url(ext/icons/user_add.png)  !important; background-repeat: no-repeat; }
.icon-agent-edit   { background-image: url(ext/icons/user_edit.png) !important; background-repeat: no-repeat; }
.icon-agent        { background-image: url(ext/icons/user.png)      !important; background-repeat: no-repeat; }

.icon-agent-skills      { background-image: url(ext/icons/award_star_gold_3.png) !important; background-repeat: no-repeat; }
.icon-agent-skills-add  { background-image: url(ext/icons/award_star_add.png)    !important; background-repeat: no-repeat; }

.icon-agent-callerid-routing-delete { background-image: url(ext/icons/cross.png)         !important; background-repeat: no-repeat; }
.icon-agent-callerid-routing-add    { background-image: url(ext/icons/lightning_add.png) !important; background-repeat: no-repeat; }
.icon-agent-callerid-routing-edit   { background-image: url(ext/icons/lightning_go.png)  !important; background-repeat: no-repeat; }
.icon-agent-callerid-routing        { background-image: url(ext/icons/lightning.png)     !important; background-repeat: no-repeat; }

.icon-daynight        { background-image: url(ext/icons/date.png)      !important; background-repeat: no-repeat; }
.icon-daynight-add    { background-image: url(ext/icons/date_add.png)  !important; background-repeat: no-repeat; }
.icon-daynight-delete { background-image: url(ext/icons/cross.png)     !important; background-repeat: no-repeat; }
.icon-daynight-save   { background-image: url(ext/icons/accept.png)    !important; background-repeat: no-repeat; }

.icon-daynight-groups        { background-image: url(ext/icons/date.png)      !important; background-repeat: no-repeat; }
.icon-daynight-groups-add    { background-image: url(ext/icons/date_add.png)  !important; background-repeat: no-repeat; }
.icon-daynight-groups-delete { background-image: url(ext/icons/cross.png)     !important; background-repeat: no-repeat; }

.icon-meetme        { background-image: url(ext/icons/user_comment.png)      !important; background-repeat: no-repeat; }
.icon-meetme-add    { background-image: url(ext/icons/user_add.png)          !important; background-repeat: no-repeat; }
.icon-meetme-delete { background-image: url(ext/icons/cross.png)             !important; background-repeat: no-repeat; }

.icon-group-delete { background-image: url(ext/icons/group_delete.png) !important; background-repeat: no-repeat; }
.icon-group-add    { background-image: url(ext/icons/group_add.png)    !important; background-repeat: no-repeat; }
.icon-group-edit   { background-image: url(ext/icons/group_edit.png)   !important; background-repeat: no-repeat; }
.icon-group        { background-image: url(ext/icons/group.png)        !important; background-repeat: no-repeat; }

.icon-exclude      { background-image: url(ext/icons/arrow_right.png)   !important; background-repeat: no-repeat; }
.icon-remove       { background-image: url(ext/icons/arrow_right.png)   !important; background-repeat: no-repeat; margin-left:21px !important; }
.icon-include      { background-image: url(ext/icons/arrow_left.png)    !important; background-repeat: no-repeat; }
.icon-up           { background-image: url(ext/icons/arrow_up.png)      !important; background-repeat: no-repeat; }
.icon-down         { background-image: url(ext/icons/arrow_down.png)    !important; background-repeat: no-repeat; }

.icon-included-agents    { background-image: url(ext/icons/accept.png)  !important; background-repeat: no-repeat; }
.icon-included-queues    { background-image: url(ext/icons/accept.png)  !important; background-repeat: no-repeat; }
.icon-available-agents   { background-image: url(ext/icons/add.png)     !important; background-repeat: no-repeat; }
.icon-available-queues   { background-image: url(ext/icons/add.png)     !important; background-repeat: no-repeat; }
.icon-agent-assignments  { background-image: url(ext/icons/group.png)   !important; background-repeat: no-repeat; }

.icon-campaign-editor    { background-image: url(ext/icons/calendar.png)       !important; background-repeat: no-repeat; }
.icon-campaign-add       { background-image: url(ext/icons/calendar_add.png)   !important; background-repeat: no-repeat; }
.icon-campaign-edit      { background-image: url(ext/icons/calendar_edit.png)  !important; background-repeat: no-repeat; }
.icon-campaign-delete    { background-image: url(ext/icons/cross.png)          !important; background-repeat: no-repeat; }
.icon-campaign-bstart    { background-image: url(ext/icons2/play_green.png)    !important; background-repeat: no-repeat; margin-left:-17px !important; }
.icon-campaign-bresume   { background-image: url(ext/icons2/forward_green.png) !important; background-repeat: no-repeat; }
.icon-campaign-brestart  { background-image: url(ext/icons/arrow_refresh.png)  !important; background-repeat: no-repeat; }
.icon-campaign-bstop     { background-image: url(ext/icons/cancel.png)         !important; background-repeat: no-repeat; margin-left:-12px !important; }

.icon-campaign-start     { background-image: url(ext/icons2/play_green.png)    !important; background-repeat: no-repeat; }
.icon-campaign-resume    { background-image: url(ext/icons2/forward_green.png) !important; background-repeat: no-repeat; }
.icon-campaign-restart   { background-image: url(ext/icons/arrow_refresh.png)  !important; background-repeat: no-repeat; }
.icon-campaign-stop      { background-image: url(ext/icons/bullet_red.png)     !important; background-repeat: no-repeat; }

.icon-campaign-running   { background-image: url(ext/icons/bullet_green.png)  !important; background-repeat: no-repeat; position: relative; left: 12px; }
.icon-campaign-stopped   { background-image: url(ext/icons/bullet_red.png)    !important; background-repeat: no-repeat; position: relative; left: 12px; }
.icon-campaign-hold      { background-image: url(ext/icons/bullet_yellow.png) !important; background-repeat: no-repeat; position: relative; left: 12px; }

.icon-queue-add          { background-image: url(ext/icons/calendar_add.png)  !important; background-repeat: no-repeat; }
.icon-queue-edit         { background-image: url(ext/icons/calendar_edit.png) !important; background-repeat: no-repeat; }
.icon-queue-settings     { background-image: url(ext/icons/calendar.png)      !important; background-repeat: no-repeat; }
.icon-queue-delete       { background-image: url(ext/icons/cross.png)         !important; background-repeat: no-repeat; }

.icon-phone-number-groups       { background-image: url(ext/icons/table.png)     !important; background-repeat: no-repeat; }
.icon-phone-number-group-add    { background-image: url(ext/icons/table_add.png) !important; background-repeat: no-repeat; }
.icon-browse                    { background-image: url(ext/icons/folder_explore.png)  !important; background-repeat: no-repeat; width: 100% !important; }
.icon-upload                    { background-image: url(ext/icons/arrow_up.png)        !important; background-repeat: no-repeat; }


.icon-extensions         { background-image: url(ext/icons/phone.png)            !important; background-repeat: no-repeat; }
.icon-extensions-add     { background-image: url(ext/icons/phone_add.png)        !important; background-repeat: no-repeat; }

.icon-phonegroups        { background-image: url(ext/icons/phone.png)            !important; background-repeat: no-repeat; }
.icon-phonegroups-add    { background-image: url(ext/icons/phone_add.png)        !important; background-repeat: no-repeat; }

.icon-device             { background-image: url(ext/icons/phone.png)            !important; background-repeat: no-repeat; }
.icon-device-add         { background-image: url(ext/icons/phone_add.png)        !important; background-repeat: no-repeat; }

.icon-device-reg         { background-image: url(ext/icons/phone.png)            !important; background-repeat: no-repeat; }
.icon-device-reg-add     { background-image: url(ext/icons/phone_add.png)        !important; background-repeat: no-repeat; }

.icon-phonemaps          { background-image: url(ext/icons/telephone.png)        !important; background-repeat: no-repeat; }
.icon-phonemaps-add      { background-image: url(ext/icons/telephone_add.png)    !important; background-repeat: no-repeat; }

.icon-huntgroups         { background-image: url(ext/icons/chart_organisation.png)     !important; background-repeat: no-repeat; }
.icon-huntgroups-add     { background-image: url(ext/icons/chart_organisation_add.png) !important; background-repeat: no-repeat; }

.icon-huntgroup-members    { background-image: url(ext/icons/chart_organisation.png)     !important; background-repeat: no-repeat; }
.icon-huntgroup-member-add { background-image: url(ext/icons/chart_organisation_add.png) !important; background-repeat: no-repeat; }

.icon-phonemapgroups     { background-image: url(ext/icons/telephone.png)        !important; background-repeat: no-repeat; }
.icon-phonemapgroups-add { background-image: url(ext/icons/telephone_add.png)    !important; background-repeat: no-repeat; }

.icon-phonenumber        { background-image: url(ext/icons/telephone.png)        !important; background-repeat: no-repeat; }
.icon-phonenumber-add    { background-image: url(ext/icons/telephone_add.png)    !important; background-repeat: no-repeat; }

.icon-phone-buttons     { background-image: url(ext/icons/book.png)        !important; background-repeat: no-repeat; }
.icon-phone-buttons-add { background-image: url(ext/icons/book_add.png)    !important; background-repeat: no-repeat; }

.icon-parking-lots     { background-image: url(ext/icons/car.png)        !important; background-repeat: no-repeat; }
.icon-parking-lots-add { background-image: url(ext/icons/car_add.png)    !important; background-repeat: no-repeat; }

.icon-phone-company-directory     { background-image: url(ext/icons/book.png)        !important; background-repeat: no-repeat; }
.icon-phone-company-directory-add { background-image: url(ext/icons/book_add.png)    !important; background-repeat: no-repeat; }

.icon-voicemail                 { background-image: url(ext/icons/control_play_blue.png) !important; background-repeat: no-repeat; }
.icon-voicemail-folder          { background-image: url(ext/icons/folder.png)            !important;   }
.icon-voicemail-folder-selected { background-image: url(ext/icons/folder_go.png)         !important;   }

.icon-prompt-manager                 { background-image: url(ext/icons/cd.png)            !important; background-repeat: no-repeat; }
.icon-prompt-manager-add             { background-image: url(ext/icons/cd_add.png)        !important; background-repeat: no-repeat; }
.icon-prompt-manager-folder          { background-image: url(ext/icons/folder.png)        !important;   }
.icon-prompt-manager-folder-new      { background-image: url(ext/icons/folder_add.png)    !important;   }
.icon-prompt-manager-folder-delete   { background-image: url(ext/icons/folder_delete.png) !important;   }
.icon-prompt-manager-folder-selected { background-image: url(ext/icons/folder_go.png)     !important;   }
.icon-prompt-restore-all             { background-image: url(ext/icons/arrow_turn_left.png) !important; }

.icon-sms-folder          { background-image: url(ext/icons/folder.png)        !important;   }
.icon-sms-folder-selected { background-image: url(ext/icons/folder_go.png)     !important;   }
.icon-sms-folder-new      { background-image: url(ext/icons/folder_add.png)    !important;   }

.icon-users       { background-image: url(ext/icons/key.png)       !important; background-repeat: no-repeat; }
.icon-users-add   { background-image: url(ext/icons/key_add.png)   !important; background-repeat: no-repeat; }
.icon-user-become { background-image: url(ext/icons/user.png)      !important; background-repeat: no-repeat; }

.icon-departments     { background-image: url(ext/icons/car.png)        !important; background-repeat: no-repeat; }
.icon-departments-add { background-image: url(ext/icons/car_add.png)    !important; background-repeat: no-repeat; }

.icon-tenants     { background-image: url(ext/icons/building.png)        !important; background-repeat: no-repeat; }
.icon-tenants-add { background-image: url(ext/icons/building_add.png)    !important; background-repeat: no-repeat; }

.icon-inbound-callerid-remap     { background-image: url(ext/icons/map.png)        !important; background-repeat: no-repeat; }
.icon-inbound-callerid-remap-add { background-image: url(ext/icons/map_add.png)    !important; background-repeat: no-repeat; }

.icon-inbound-callerid-block     { background-image: url(ext/icons/map.png)        !important; background-repeat: no-repeat; }
.icon-inbound-callerid-block-add { background-image: url(ext/icons/map_add.png)    !important; background-repeat: no-repeat; }

.icon-inbound-callerid-whitelist     { background-image: url(ext/icons/map.png)        !important; background-repeat: no-repeat; }
.icon-inbound-callerid-whitelist-add { background-image: url(ext/icons/map_add.png)    !important; background-repeat: no-repeat; }

.icon-agent-review               { background-image: url(ext/icons/transmit.png)   !important; background-repeat: no-repeat; }

.icon-included-extensions     { background-image: url(ext/icons/accept.png)  !important; background-repeat: no-repeat; }
.icon-available-extensions    { background-image: url(ext/icons/add.png)     !important; background-repeat: no-repeat; }

.icon-queueleaveconditions     { background-image: url(ext/icons/arrow_right.png) !important; background-repeat: no-repeat; }
.icon-queueleaveconditions-add { background-image: url(ext/icons/arrow_right.png) !important; background-repeat: no-repeat; }

.icon-message-template     { background-image: url(ext/icons/comments.png)     !important; background-repeat: no-repeat; }
.icon-message-template-add { background-image: url(ext/icons/comments_add.png) !important; background-repeat: no-repeat; }

.icon-message              { background-image: url(ext/icons/comments.png)     !important; background-repeat: no-repeat; }

.icon-phone-sysdial     { background-image: url(ext/icons/book.png)        !important; background-repeat: no-repeat; }
.icon-phone-sysdial-add { background-image: url(ext/icons/book_add.png)    !important; background-repeat: no-repeat; }

.icon-dialer-control { background-image: url(ext/icons/transmit.png) !important; background-repeat: no-repeat; }

.icon-report       { background-image: url(ext/icons/application_view_list.png) !important; background-repeat: no-repeat; }

.icon-documents    { background-image: url(ext/icons/book_open.png) !important; background-repeat: no-repeat; }

.x-grid3-td-Voicemail-ArchiveColumn .icon-grid-basket {
  margin-left: 6px;
}

.x-grid3-td-PromptManager-UploadColumn .icon-grid-upload {
  margin-left: 23px;
}

.x-grid3-td-PromptManager-UploadColumn:active {
  background-color:green;
}

.x-grid3-td-PromptManager-UploadColumn.uploading {
  background-color:green;
}

.x-grid3-td-PromptManager-RecordColumn .icon-grid-cd-burn {
  margin-left: 6px;
}

.x-grid3-td-PromptManager-ArchiveColumn .icon-grid-basket {
  margin-left: 6px;
}

/* Icons specifically for the grid which need extra enhancements */
.icon-grid-mp3-play {
  background-image:  url(ext/icons/mp3_play.gif) !important;
  background-repeat: no-repeat !important;
  height:            12px;
  width:             25px !important;
}

.icon-grid-mp3-play:hover {
  background-image:  url(ext/icons/mp3_play_active.gif) !important;
  background-repeat: no-repeat !important;
  height:            12px;
  width:             25px !important;
}

.icon-grid-mp3-play-list {
  background-image:  url(ext/icons/mp3_play_list.gif) !important;
  background-repeat: no-repeat !important;
  height:            12px;
  width:             25px !important;
}

.icon-grid-mp3-play-list:hover {
  background-image:  url(ext/icons/mp3_play_active_list.gif) !important;
  background-repeat: no-repeat !important;
  height:            12px;
  width:             25px !important;
}

.icon-grid-mp3-pause {
  background-image:  url(ext/icons/mp3_pause.jpg) !important;
  background-repeat: no-repeat !important;
  height:            12px;
  width:             25px !important;
}

.icon-grid-video-play {
  background-image:  url(ext/icons/control_play.png) !important;
  background-repeat: no-repeat !important;
  height:            16px;
  width:             16px !important;
  margin-top:        -2px !important;
  margin-bottom:     -2px !important;
}

.icon-grid-video-play:hover {
  background-image:  url(ext/icons/control_play_blue.png) !important;
  background-repeat: no-repeat !important;
  height:            16px;
  width:             16px !important;
  margin-top:        -2px !important;
  margin-bottom:     -2px !important;
}

.media-playing {
  background-color: lightgreen;
  display:          none;
  margin:           -3px;
  padding:          2px;
  border:           1px solid green;
  padding-left:     11px;
}

/* Not used right now */
.icon-grid-video-pause {
  background-image:  url(ext/icons/control_pause_blue.png) !important;
  background-repeat: no-repeat !important;
  height:            16px;
  width:             16px !important;
  margin-top:        -2px !important;
  margin-bottom:     -2px !important;
}

.icon-grid-basket {
  background-image:  url(ext/icons/basket.png) !important;
  text-decoration:   none;
  background-repeat: no-repeat !important;
  padding:           2px;
  cursor:            pointer;
}

.icon-grid-cd-burn {
  background-image:  url(ext/icons/cd_burn.png) !important;
  text-decoration:   none;
  background-repeat: no-repeat !important;
  padding:           2px;
  cursor:            pointer;
}

.icon-grid-restore-file {
  background-image:  url(ext/icons/arrow_turn_left.png) !important;
  text-decoration:   none;
  background-repeat: no-repeat !important;
  padding:           2px;
  cursor:            pointer;
}

.icon-grid-editor {
  background-image:  url(ext/icons/pencil.png) !important;
  text-decoration:   none;
  background-repeat: no-repeat !important;
  padding:           2px;
  cursor:            pointer;
}

.icon-grid-upload {
  background-image:  url(ext/icons/arrow_up.png) !important;
  text-decoration:   none;
  background-repeat: no-repeat !important;
  padding:           2px;
  cursor:            pointer;
}

.icon-grid-upload form {
  width:         60px;
  opacity:       0;
  height:        16px;
  top:           -15px;
  margin-bottom: -31px;
  position:      relative;
}

.icon-grid-disk {
  background-image:  url(ext/icons/disk.png) !important;
  text-decoration:   none;
  background-repeat: no-repeat !important;
  padding:           2px;
  cursor:            pointer;
  margin-left:       6px;
}

.icon-grid-disk-list {
  background-image:  url(ext/icons/disk_list.png) !important;
  text-decoration:   none;
  background-repeat: no-repeat !important;
  padding-left:      8px !important;
  padding-right:     6px !important;
  margin-left:       6px !important;
  padding-bottom:    3px !important;
}
.icon-grid-pdf    {
  background-image:  url(ext/icons/page_pdf.gif) !important; 
  background-repeat: no-repeat !important;
  text-decoration:   none;
  padding:           2px;
  cursor:            pointer;
}

.icon-grid-excel  {
  background-image:  url(ext/icons/page_excel2.gif) !important; 
  background-repeat: no-repeat !important;
  text-decoration:   none;
  padding:           2px;
  cursor:            pointer;
}