/*
 * button.css
 *
 * Modified from http://speckyboy.com/2012/02/15/how-to-build-a-stylish-css3-search-box/
 *
 * Contains style for larger blue buttons (buttons not styled by jQuery UI).
 * Note: This file contains a large amount of repeated style in each button id selector due to CSS style precedence rules, interaction
 *       with jQuery UI button styles and Internet Explorer 8.
 */
#searchQuery {
  width: 330px;
  height: 25px;
  line-height: 25px;
  padding: 0 7px 0 5px;
  float: left;
  border: 0;
  border-radius: 3px 0 0 3px;  
}

#find {
  overflow: visible;
  position: relative;
  float: right;
  border: 0;
  padding: 0;
  cursor: pointer;
  height: 25px;  
  width: 100px;
  font: bold 13px WhitneyBold;
  color: #fff;
  text-transform: uppercase;
  background: #0972a5;
  border-radius: 0 3px 3px 0;
}

/* left arrow */
#find:before {
  content: '';
  position: absolute;
  border-width: 6px 6px 6px 0;
  border-style: solid solid solid none;
  border-color: transparent #0972a5 transparent;
  top: 7px;
  left: -6px;
}

#find:hover:before {
  border-right-color: #0089cc;
}

#displayedRoutes:hover,
#addRoutes:hover,
#loadRoutes:hover,
#displayedTrucks:hover,
#addTrucks:hover,
#loadTrucks:hover,
#displayedDispatch:hover,
#addDispatch:hover,
#loadDispatch:hover,
#displayedBins:hover,
#addBins:hover,
#loadBins:hover,
#headerButton:hover,
#refreshButton:hover,
#clearButton:hover,
#find:hover {
  background: #0089cc;
}

#addRoutes:hover {
  background-image: url(images/ui-icon-circle-arrow-w.png);
  background-position: 4px, 10px;
  background-position-x: 5px;
  background-position-y: 4px;
  background-repeat: no-repeat;  
}

#displayedRoutes:hover {
  background-image: url(images/ui-icon-circle-arrow-e.png);
  background-position: 130px, 10px;
  background-position-x: 130px;
  background-position-y: 4px;  
  background-repeat: no-repeat;  
}

#addTrucks:hover {
  background-image: url(images/ui-icon-circle-arrow-w.png);
  background-position: 4px, 10px;
  background-position-x: 5px;
  background-position-y: 4px;
  background-repeat: no-repeat;  
}

#displayedTrucks:hover {
  background-image: url(images/ui-icon-circle-arrow-e.png);
  background-position: 130px, 10px;
  background-position-x: 130px;
  background-position-y: 4px;  
  background-repeat: no-repeat;  
}

#addDispatch:hover {
  background-image: url(images/ui-icon-circle-arrow-w.png);
  background-position: 4px, 10px;
  background-position-x: 5px;
  background-position-y: 4px;
  background-repeat: no-repeat;  
}

#displayedDispatch:hover {
  background-image: url(images/ui-icon-circle-arrow-e.png);
  background-position: 120px, 10px;
  background-position-x: 120px;
  background-position-y: 4px;  
  background-repeat: no-repeat;  
}

#addBins:hover {
  background-image: url(images/ui-icon-circle-arrow-w.png);
  background-position: 4px, 10px;
  background-position-x: 5px;
  background-position-y: 4px;
  background-repeat: no-repeat;  
}

#displayedBins:hover {
  background-image: url(images/ui-icon-circle-arrow-e.png);
  background-position: 120px, 10px;
  background-position-x: 120px;
  background-position-y: 4px;  
  background-repeat: no-repeat;  
}

#headerButton, #clearButton, #refreshButton, #logoutButton {
  position: relative;
  border: 0;
  padding: 0;
  cursor: pointer;
  height: 25px;
  width: 100px;
  font: bold 13px WhitneyBold;
  color: #fff;
  text-transform: uppercase;
  background: #0972a5;
  border-radius: 3px 3px 3px 3px;  
}

#loadRoutes {
  border: 0;
  padding: 0;
  cursor: pointer;
  height: 25px;
  width: 100px;
  font: bold 13px WhitneyBold;
  color: #fff;
  text-transform: uppercase;
  background: #0972a5;
  border-radius: 3px 3px 3px 3px;  
}

#addRoutes {
  border: 0;
  padding: 0 0 0 24px;
  cursor: pointer;
  height: 25px;
  width: 109px;
  font: bold 13px WhitneyBold;
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  background: #0972a5;
  background-image: url(images/ui-icon-circle-arrow-w.png);
  background-position: 4px, 10px;
  background-position-x: 5px;
  background-position-y: 4px;
  background-repeat: no-repeat;
  border-radius: 3px 3px 3px 3px;   
}

#displayedRoutes {
  border: 0;
  padding: 0 0 0 8px;
  cursor: pointer;
  height: 25px;
  width: 150px;
  font: bold 13px WhitneyBold;
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  background: #0972a5;
  background-image: url(images/ui-icon-circle-arrow-e.png);
  background-position: 130px, 10px;
  background-position-x: 130px;
  background-position-y: 4px;
  background-repeat: no-repeat;
  border-radius: 3px 3px 3px 3px;  
}

#loadTrucks {
  border: 0;
  padding: 0;
  cursor: pointer;
  height: 25px;
  width: 100px;
  font: bold 13px WhitneyBold;
  color: #fff;
  text-transform: uppercase;
  background: #0972a5;
  border-radius: 3px 3px 3px 3px;  
}

#addTrucks {
  border: 0;
  padding: 0 0 0 24px;
  cursor: pointer;
  height: 25px;
  width: 109px;
  font: bold 13px WhitneyBold;
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  background: #0972a5;
  background-image: url(images/ui-icon-circle-arrow-w.png);
  background-position: 4px, 10px;
  background-position-x: 5px;
  background-position-y: 4px;
  background-repeat: no-repeat;
  border-radius: 3px 3px 3px 3px;   
}

#displayedTrucks {
  border: 0;
  padding: 0 0 0 8px;
  cursor: pointer;
  height: 25px;
  width: 150px;
  font: bold 13px WhitneyBold;
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  background: #0972a5;
  background-image: url(images/ui-icon-circle-arrow-e.png);
  background-position: 130px, 10px;
  background-position-x: 130px;
  background-position-y: 4px;
  background-repeat: no-repeat;
  border-radius: 3px 3px 3px 3px;  
}

#loadDispatch {
  border: 0;
  padding: 0;
  cursor: pointer;
  height: 25px;
  width: 90px;
  font: bold 13px WhitneyBold;
  color: #fff;
  text-transform: uppercase;
  background: #0972a5;
  border-radius: 3px 3px 3px 3px;  
}

#addDispatch {
  border: 0;
  padding: 0 0 0 24px;
  cursor: pointer;
  height: 25px;
  width: 100px;
  font: bold 13px WhitneyBold;
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  background: #0972a5;
  background-image: url(images/ui-icon-circle-arrow-w.png);
  background-position: 4px, 10px;
  background-position-x: 5px;
  background-position-y: 4px;
  background-repeat: no-repeat;
  border-radius: 3px 3px 3px 3px;   
}

#displayedDispatch {
  border: 0;
  padding: 0 0 0 8px;
  cursor: pointer;
  height: 25px;
  width: 140px;
  font: bold 13px WhitneyBold;
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  background: #0972a5;
  background-image: url(images/ui-icon-circle-arrow-e.png);
  background-position: 120px, 10px;
  background-position-x: 120px;
  background-position-y: 4px;
  background-repeat: no-repeat;
  border-radius: 3px 3px 3px 3px;  
}

#loadBins {
  border: 0;
  padding: 0;
  cursor: pointer;
  height: 25px;
  width: 126px;
  font: bold 13px WhitneyBold;
  color: #fff;
  text-transform: uppercase;
  background: #0972a5;
  border-radius: 3px 3px 3px 3px;  
}

#addBins {
  border: 0;
  padding: 0 0 0 24px;
  cursor: pointer;
  height: 25px;
  width: 137px;
  font: bold 13px WhitneyBold;
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  background: #0972a5;
  background-image: url(images/ui-icon-circle-arrow-w.png);
  background-position: 4px, 10px;
  background-position-x: 5px;
  background-position-y: 4px;
  background-repeat: no-repeat;
  border-radius: 3px 3px 3px 3px;   
}

#displayedBins {
  border: 0;
  padding: 0 0 0 6px;
  cursor: pointer;
  height: 25px;
  width: 140px;
  font: bold 13px WhitneyBold;
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  background: #0972a5;
  background-image: url(images/ui-icon-circle-arrow-e.png);
  background-position: 120px, 10px;
  background-position-x: 120px;
  background-position-y: 4px;
  background-repeat: no-repeat;
  border-radius: 3px 3px 3px 3px;  
}

#find:active:before {
  border-right-color: #00557f;
}

#displayedRoutes:active,
#addRoutes:active,
#loadRoutes:active,
#displayedTrucks:active,
#addTrucks:active,
#loadTrucks:active,
#displayedDispatch:active,
#addDispatch:active,
#loadDispatch:active,
#displayedBins:active,
#addBins:active,
#loadBins:active,
#headerButton:active,
#refreshButton:active,
#clearButton:active,
#find:active {  
  background: #00557f;  
}

#addRoutes:active {
  background-image: url(images/ui-icon-circle-arrow-w.png);
  background-position: 4px, 10px;
  background-position-x: 5px;
  background-position-y: 4px;
  background-repeat: no-repeat;  
}

#displayedRoutes:active {
  background-image: url(images/ui-icon-circle-arrow-e.png);
  background-position: 130px, 10px;
  background-position-x: 130px;
  background-position-y: 4px;  
  background-repeat: no-repeat;  
}

#addTrucks:active {
  background-image: url(images/ui-icon-circle-arrow-w.png);
  background-position: 4px, 10px;
  background-position-x: 5px;
  background-position-y: 4px;
  background-repeat: no-repeat;  
}

#displayedTrucks:active {
  background-image: url(images/ui-icon-circle-arrow-e.png);
  background-position: 130px, 10px;
  background-position-x: 130px;
  background-position-y: 4px;  
  background-repeat: no-repeat;  
}

#addDispatch:active {
  background-image: url(images/ui-icon-circle-arrow-w.png);
  background-position: 4px, 10px;
  background-position-x: 5px;
  background-position-y: 4px;
  background-repeat: no-repeat;  
}

#displayedDispatch:active {
  background-image: url(images/ui-icon-circle-arrow-e.png);
  background-position: 120px, 10px;
  background-position-x: 120px;
  background-position-y: 4px;  
  background-repeat: no-repeat;  
}

#addBins:active {
  background-image: url(images/ui-icon-circle-arrow-w.png);
  background-position: 4px, 10px;
  background-position-x: 5px;
  background-position-y: 4px;
  background-repeat: no-repeat;  
}

#displayedBins:active {
  background-image: url(images/ui-icon-circle-arrow-e.png);
  background-position: 120px, 10px;
  background-position-x: 120px;
  background-position-y: 4px;  
  background-repeat: no-repeat;  
}

button.filter {
  position: relative;
  border: 0;
  padding: 0;
  cursor: pointer;
  height: 32px;
  width: 37px;
  font: bold 13px WhitneyBold;
  color: #fff;
  text-transform: uppercase;
}

#showGeofences.filter.on {
    background: url("../images/markers/geofence_filter_on.png"); /* #0972a5 */
    background-repeat: no-repeat;
    background-position: center;
}

#showGeofences.filter.off {
    background: url("../images/markers/geofence_filter_off.png"); /* #8a8c8f */
    background-repeat: no-repeat;
    background-position: center;
}

#showGeofences.filter.on:hover {
    background: url("../images/markers/geofence_filter_on_hover.png"); /* #0089cc */
    background-repeat: no-repeat;
    background-position: center;
}

#showGeofences.filter.off:hover {
    background: url("../images/markers/geofence_filter_off_hover.png"); /* #81a3b6 */
    background-repeat: no-repeat;
    background-position: center;
}

#showGeofences.filter.on:active, #showGeofences.filter.off:active {  
  background: url("../images/markers/geofence_filter_active.png"); /* #00557f */
  background-repeat: no-repeat;
  background-position: center;
}

#showGeofenceNames.filter.on {
    background: url("../images/markers/geofence_names_filter_on.png"); /* #0972a5 */
    background-repeat: no-repeat;
    background-position: center;
}

#showGeofenceNames.filter.off {
    background: url("../images/markers/geofence_names_filter_off.png"); /* #8a8c8f */
    background-repeat: no-repeat;
    background-position: center;
}

#showGeofenceNames.filter.on:hover {
    background: url("../images/markers/geofence_names_filter_on_hover.png"); /* #0089cc */
    background-repeat: no-repeat;
    background-position: center;
}

#showGeofenceNames.filter.off:hover {
    background: url("../images/markers/geofence_names_filter_off_hover.png"); /* #81a3b6 */
    background-repeat: no-repeat;
    background-position: center;
}

#showGeofenceNames.filter.on:active, #showGeofenceNames.filter.off:active {  
  background: url("../images/markers/geofence_names_filter_active.png"); /* #00557f */
  background-repeat: no-repeat;
  background-position: center;
}

#showStops.filter.on {
    background: url("../images/markers/stop_filter_on.png"); /* #0972a5 */
    background-repeat: no-repeat;
    background-position: center;
}

#showStops.filter.off {
    background: url("../images/markers/stop_filter_off.png"); /* #8a8c8f */
    background-repeat: no-repeat;
    background-position: center;
}

#showStops.filter.on:hover {
    background: url("../images/markers/stop_filter_on_hover.png"); /* #0089cc */
    background-repeat: no-repeat;
    background-position: center;
}

#showStops.filter.off:hover {
    background: url("../images/markers/stop_filter_off_hover.png"); /* #81a3b6 */
    background-repeat: no-repeat;
    background-position: center;
}

#showStops.filter.on:active, #showStops.filter.off:active {  
  background: url("../images/markers/stop_filter_active.png"); /* #00557f */
  background-repeat: no-repeat;
  background-position: center;
}

#showLabels.filter.on {
    background: url("../images/markers/label_filter_on.png"); /* #0972a5 */
    background-repeat: no-repeat;
    background-position: center;
}

#showLabels.filter.off {
    background: url("../images/markers/label_filter_off.png"); /* #8a8c8f */
    background-repeat: no-repeat;
    background-position: center;
}

#showLabels.filter.on:hover {
    background: url("../images/markers/label_filter_on_hover.png"); /* #0089cc */
    background-repeat: no-repeat;
    background-position: center;
}

#showLabels.filter.off:hover {
    background: url("../images/markers/label_filter_off_hover.png"); /* #81a3b6 */
    background-repeat: no-repeat;
    background-position: center;
}

#showLabels.filter.on:active, #showLabels.filter.off:active {  
  background: url("../images/markers/label_filter_active.png"); /* #00557f */
  background-repeat: no-repeat;
  background-position: center;
}

#showTrucks.filter.on {
    background: url("../images/markers/truck_filter_on.png"); /* #0972a5 */
    background-repeat: no-repeat;
    background-position: center;
}

#showTrucks.filter.off {
    background: url("../images/markers/truck_filter_off.png"); /* #8a8c8f */
    background-repeat: no-repeat;
    background-position: center;
}

#showTrucks.filter.on:hover {
    background: url("../images/markers/truck_filter_on_hover.png"); /* #0089cc */
    background-repeat: no-repeat;
    background-position: center;
}

#showTrucks.filter.off:hover {
    background: url("../images/markers/truck_filter_off_hover.png"); /* #81a3b6 */
    background-repeat: no-repeat;
    background-position: center;
}

#showTrucks.filter.on:active, #showTrucks.filter.off:active {  
  background: url("../images/markers/truck_filter_active.png"); /* #00557f */  
  background-repeat: no-repeat;
  background-position: center;
}

#showLogins.filter.on {
    background: url("../images/markers/login_filter_on.png"); /* #0972a5 */
    background-repeat: no-repeat;
    background-position: center;
}

#showLogins.filter.off {
    background: url("../images/markers/login_filter_off.png"); /* #8a8c8f */
    background-repeat: no-repeat;
    background-position: center;
}

#showLogins.filter.on:hover {
    background: url("../images/markers/login_filter_on_hover.png"); /* #0089cc */
    background-repeat: no-repeat;
    background-position: center;
}

#showLogins.filter.off:hover {
    background: url("../images/markers/login_filter_off_hover.png"); /* #81a3b6 */
    background-repeat: no-repeat;
    background-position: center;
}

#showLogins.filter.on:active, #showLogins.filter.off:active {  
  background: url("../images/markers/login_filter_active.png"); /* #00557f */  
  background-repeat: no-repeat;
  background-position: center;
}

#showLogoffs.filter.on {
    background: url("../images/markers/logoff_filter_on.png"); /* #0972a5 */
    background-repeat: no-repeat;
    background-position: center;
}

#showLogoffs.filter.off {
    background: url("../images/markers/logoff_filter_off.png"); /* #8a8c8f */
    background-repeat: no-repeat;
    background-position: center;
}

#showLogoffs.filter.on:hover {
    background: url("../images/markers/logoff_filter_on_hover.png"); /* #0089cc */
    background-repeat: no-repeat;
    background-position: center;
}

#showLogoffs.filter.off:hover {
    background: url("../images/markers/logoff_filter_off_hover.png"); /* #81a3b6 */
    background-repeat: no-repeat;
    background-position: center;
}

#showLogoffs.filter.on:active, #showLogoffs.filter.off:active {  
  background: url("../images/markers/logoff_filter_active.png"); /* #00557f */  
  background-repeat: no-repeat;
  background-position: center;
}

#showGPSPings.filter.on {
    background: url("../images/markers/pin_filter_on.png"); /* #0972a5 */
    background-repeat: no-repeat;
    background-position: center;
}

#showGPSPings.filter.off {
    background: url("../images/markers/pin_filter_off.png"); /* #8a8c8f */
    background-repeat: no-repeat;
    background-position: center;
}

#showGPSPings.filter.on:hover {
    background: url("../images/markers/pin_filter_on_hover.png"); /* #0089cc */
    background-repeat: no-repeat;
    background-position: center;
}

#showGPSPings.filter.off:hover {
    background: url("../images/markers/pin_filter_off_hover.png"); /* #81a3b6 */
    background-repeat: no-repeat;
    background-position: center;
}

#showGPSPings.filter.on:active, #showGPSPings.filter.off:active {  
  background: url("../images/markers/pin_filter_active.png"); /* #00557f */  
  background-repeat: no-repeat;
  background-position: center;
}

#showSkips.filter.on {
    background: url("../images/markers/skip_filter_on.png"); /* #0972a5 */
    background-repeat: no-repeat;
    background-position: center;
}

#showSkips.filter.off {
    background: url("../images/markers/skip_filter_off.png"); /* #8a8c8f */
    background-repeat: no-repeat;
    background-position: center;
}

#showSkips.filter.on:hover {
    background: url("../images/markers/skip_filter_on_hover.png"); /* #0089cc */
    background-repeat: no-repeat;
    background-position: center;
}

#showSkips.filter.off:hover {
    background: url("../images/markers/skip_filter_off_hover.png"); /* #81a3b6 */
    background-repeat: no-repeat;
    background-position: center;
}

#showSkips.filter.on:active, #showSkips.filter.off:active {  
  background: url("../images/markers/skip_filter_active.png"); /* #00557f */  
  background-repeat: no-repeat;
  background-position: center;
}

#showDisposals.filter.on {
    background: url("../images/markers/disposal_filter_on.png"); /* #0972a5 */
    background-repeat: no-repeat;
    background-position: center;
}

#showDisposals.filter.off {
    background: url("../images/markers/disposal_filter_off.png"); /* #8a8c8f */
    background-repeat: no-repeat;
    background-position: center;
}

#showDisposals.filter.on:hover {
    background: url("../images/markers/disposal_filter_on_hover.png"); /* #0089cc */
    background-repeat: no-repeat;
    background-position: center;
}

#showDisposals.filter.off:hover {
    background: url("../images/markers/disposal_filter_off_hover.png"); /* #81a3b6 */
    background-repeat: no-repeat;
    background-position: center;
}

#showDisposals.filter.on:active, #showDisposals.filter.off:active {  
  background: url("../images/markers/disposal_filter_active.png"); /* #00557f */  
  background-repeat: no-repeat;
  background-position: center;
}

#showPictures.filter.on {
    background: url("../images/markers/photo_filter_on.png"); /* #0972a5 */
    background-repeat: no-repeat;
    background-position: center;
}

#showPictures.filter.off {
    background: url("../images/markers/photo_filter_off.png"); /* #8a8c8f */
    background-repeat: no-repeat;
    background-position: center;
}

#showPictures.filter.on:hover {
    background: url("../images/markers/photo_filter_on_hover.png"); /* #0089cc */
    background-repeat: no-repeat;
    background-position: center;
}

#showPictures.filter.off:hover {
    background: url("../images/markers/photo_filter_off_hover.png"); /* #81a3b6 */
    background-repeat: no-repeat;
    background-position: center;
}

#showPictures.filter.on:active, #showPictures.filter.off:active {  
  background: url("../images/markers/photo_filter_active.png"); /* #00557f */  
  background-repeat: no-repeat;
  background-position: center;
}

#showCompletes.filter.on {
    background: url("../images/markers/complete_filter_on.png"); /* #0972a5 */
    background-repeat: no-repeat;
    background-position: center;
}

#showCompletes.filter.off {
    background: url("../images/markers/complete_filter_off.png"); /* #8a8c8f */
    background-repeat: no-repeat;
    background-position: center;
}

#showCompletes.filter.on:hover {
    background: url("../images/markers/complete_filter_on_hover.png"); /* #0089cc */
    background-repeat: no-repeat;
    background-position: center;
}

#showCompletes.filter.off:hover {
    background: url("../images/markers/complete_filter_off_hover.png"); /* #81a3b6 */
    background-repeat: no-repeat;
    background-position: center;
}

#showCompletes.filter.on:active, #showCompletes.filter.off:active {  
  background: url("../images/markers/complete_filter_active.png"); /* #00557f */  
  background-repeat: no-repeat;
  background-position: center;
}

#showDriverActivity.filter.on {
    background: url("../images/markers/activity_filter_on.png"); /* #0972a5 */
    background-repeat: no-repeat;
    background-position: center;
}

#showDriverActivity.filter.off {
    background: url("../images/markers/activity_filter_off.png"); /* #8a8c8f */
    background-repeat: no-repeat;
    background-position: center;
}

#showDriverActivity.filter.on:hover {
    background: url("../images/markers/activity_filter_on_hover.png"); /* #0089cc */
    background-repeat: no-repeat;
    background-position: center;
}

#showDriverActivity.filter.off:hover {
    background: url("../images/markers/activity_filter_off_hover.png"); /* #81a3b6 */
    background-repeat: no-repeat;
    background-position: center;
}

#showDriverActivity.filter.on:active, #showDriverActivity.filter.off:active {  
  background: url("../images/markers/activity_filter_active.png"); /* #00557f */  
  background-repeat: no-repeat;
  background-position: center;
}

#showWorkOrders.filter.on {
    background: url("../images/markers/workorder_filter_on.png"); /* #0972a5 */
    background-repeat: no-repeat;
    background-position: center;
}

#showWorkOrders.filter.off {
    background: url("../images/markers/workorder_filter_off.png"); /* #8a8c8f */
    background-repeat: no-repeat;
    background-position: center;
}

#showWorkOrders.filter.on:hover {
    background: url("../images/markers/workorder_filter_on_hover.png"); /* #0089cc */
    background-repeat: no-repeat;
    background-position: center;
}

#showWorkOrders.filter.off:hover {
    background: url("../images/markers/workorder_filter_off_hover.png"); /* #81a3b6 */
    background-repeat: no-repeat;
    background-position: center;
}

#showWorkOrders.filter.on:active, #showWorkOrders.filter.off:active {  
  background: url("../images/markers/workorder_filter_active.png"); /* #00557f */  
  background-repeat: no-repeat;
  background-position: center;
}

#showContainers.filter.on {
    background: url("../images/markers/container_filter_on.png"); /* #0972a5 */
    background-repeat: no-repeat;
    background-position: center;
}

#showContainers.filter.off {
    background: url("../images/markers/container_filter_off.png"); /* #8a8c8f */
    background-repeat: no-repeat;
    background-position: center;
}

#showContainers.filter.on:hover {
    background: url("../images/markers/container_filter_on_hover.png"); /* #0089cc */
    background-repeat: no-repeat;
    background-position: center;
}

#showContainers.filter.off:hover {
    background: url("../images/markers/container_filter_off_hover.png"); /* #81a3b6 */
    background-repeat: no-repeat;
    background-position: center;
}

#showContainers.filter.on:active, #showContainers.filter.off:active {  
  background: url("../images/markers/container_filter_active.png"); /* #00557f */
  background-repeat: no-repeat;
  background-position: center;
}

.geofence-button {
  position: relative;
  border: 0;
  padding: 0;
  cursor: pointer;
  height: 25px;
  width: 130px;
  font: bold 13px WhitneyBold;
  color: #fff;
  text-transform: uppercase;
  border-radius: 3px 3px 3px 3px;  
}

.geofence-button.on {
   background: #0972a5;
}

.geofence-button.off {
    background: #8a8c8f;
}

.geofence-button.on:hover {
   background: #0089cc;
}

.geofence-button.off:hover {
   background: #81a3b6;
}

.geofence-button.on:active, .geofence-button.off:active {
    background: #00557f;
}