/**
 * @file
 * Styles for the core Shortcut module elements.
 */

/*******************************************************************************
 * General shortcuts styling
 ******************************************************************************/
.add-or-remove-shortcuts a {
  float: left;
  display: block;
  margin: 0 5px 0 0;
  padding: 0;
  background: #999 url(../images/buttons.png) -800px 50% no-repeat;
  color: #fff;
  text-shadow: #666 0 1px 0;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}
.remove-shortcut a {
  background-position: -1600px 50%;
}
.add-or-remove-shortcuts a:active {
  color: #222;
  background-color: #666;
  background-position: -1200px 50%;
  text-shadow: #999 0 1px 0;
}
.remove-shortcut a:active {
  background-position: -2000px 50%;
}
.add-or-remove-shortcuts a span.icon {
  width: 20px;
  height: 20px;
  float: left;
}
.add-or-remove-shortcuts a span.text {
  float: left;
  display: none;
  padding: 0 5px;
}
.add-or-remove-shortcuts a:focus span.text,
.add-or-remove-shortcuts a:hover span.text {
  display: block;
}
/* General shortcuts styling end */

/*******************************************************************************
 * Toolbar styles
 * Unchanged from core shortcut.css styles.
 ******************************************************************************/
div#toolbar a#edit-shortcuts {
  float: right;
  padding: 5px 10px 5px 5px;
  line-height: 24px;
  color: #bbb;
}
div#toolbar a#edit-shortcuts:focus,
div#toolbar a#edit-shortcuts:hover,
div#toolbar a#edit-shortcuts.active {
  color:  #fff;
}
div#toolbar div.toolbar-shortcuts ul {
  padding: 5px 0 2px 0;
  height: 28px;
  line-height: 24px;
  float: left;
  margin-left: 5px;
}
div#toolbar div.toolbar-shortcuts ul li a {
  padding: 0 5px;
  margin-right: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
div#toolbar div.toolbar-shortcuts ul li a:focus,
div#toolbar div.toolbar-shortcuts ul li a:hover,
div#toolbar div.toolbar-shortcuts ul li a.active:focus {
  background: #555;
}
div#toolbar div.toolbar-shortcuts ul li a.active:hover,
div#toolbar div.toolbar-shortcuts ul li a.active {
  background: #000;
}
div#toolbar div.toolbar-shortcuts span.icon {
  float: left;
  background: #444;
  width: 30px;
  height: 30px;
  margin-right: 5px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}
/* Toolbar styles end */