/* Button Styles
---------------------------------------- */

/* Rollover buttons
   Based on: http://wellstyled.com/css-nopreload-rollovers.html
---------------------------------------- */
.button {
  cursor: pointer;
  display: inline-block;
  height: 18px;
  font-size: 13px;
  white-space: nowrap;
  border: 1px solid #C7C3BF;
  border-radius: 4px;
  background: transparent none 0 0 repeat-x;
  padding: 2px 8px;
  font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica, sans-serif;
  position: relative;
  text-decoration: none;
  outline-style: none;
  vertical-align: bottom;
}

.dropdown-select {
  padding-right: 24px;
}

.icon-button::before {
  background: transparent 0 0 no-repeat;
  content: '';
  display: inline-block;
  float: right;
  height: 12px;
  margin: 3px 0 0 2px;
  width: 12px;
}

.dropdown-select.icon-button::before {
  margin-right: 4px;
}

.dropdown-select::after {
  background-position: -103px 10px;
  border-left: 1px solid;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  height: 22px;
  width: 16px;
}

.dropdown-visible .dropdown-select::after,
.nojs .dropdown-container:hover .dropdown-select::after {
  background-position: -103px -10px;
}

.buttons,
.buttons .button {
  float: left;
}

.buttons .button,
.dropdown-select {
  margin-right: 5px;
}

#jumpbox .dropdown-select {
  margin: 0;
}

/* Big button images */
.reply-icon::before,
.pmreply-icon::before { background-position: -20px 0; }
.reply-icon:hover::before,
.pmreply-icon:hover::before { background-position: -20px -20px; }

.post-icon::before,
.newpm-icon::before,
.reply-all::before { background-position: 0 0; }
.post-icon:hover::before,
.newpm-icon:hover::before,
.reply-all:hover::before { background-position: 0 -20px; }

.locked-icon::before { background-position: -60px 0; }
.locked-icon:hover::before { background-position: -60px -20px; }

.forwardpm-icon::before { background-position: -40px 0; }
.forwardpm-icon:hover::before { background-position: -40px -20px; }

.modtools-icon {
  font-size: 0;
}

.tools-icon::before,
.modtools-icon::before,
.search-icon::before,
.search-adv-icon::before {
  background-position: -80px 0;
  height: 16px;
  margin-top: 2px;
  width: 16px;
}

.dropdown-visible .tools-icon::before,
.nojs .dropdown-container:hover .tools-icon::before { background-position: -80px -20px; }

.search-icon::before { background-position: -245px 0; }
.search-icon:hover::before { background-position: -245px -20px; }

.search-adv-icon::before { background-position: -265px 0; }
.search-adv-icon:hover::before { background-position: -265px -20px; }

.modtools-icon::before { background-position: -225px 0; }
.dropdown-visible .modtools-icon::before,
.nojs .dropdown-container:hover .modtools-icon::before { background-position: -225px -20px; }

/* Icon images
---------------------------------------- */
.small-icon {
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-image: none;
}

.small-icon > a {
  display: inline-block;
  padding: 0 0 0 18px;
}

ul.linklist.bulletin > li.small-icon::before {
  display: none;
}

.dropdown .small-icon > a {
  display: block;
}

/* Post control buttons
--------------------------------------------- */

.quote-icon::before { background-position: -122px 0; }
.quote-icon:hover::before { background-position: -122px -21px; }
.edit-icon::before { background-position: -137px 0; }
.edit-icon:hover::before { background-position: -137px -21px; }
.warn-icon::before { background-position: -208px 0; }
.warn-icon:hover::before { background-position: -208px -21px; }
.delete-icon::before { background-position: -152px 0; }
.delete-icon:hover::before { background-position: -152px -21px; }
.report-icon::before { background-position: -165px 0; }
.report-icon:hover::before { background-position: -165px -21px; }
.info-icon::before { background-position: -175px 0; }
.info-icon:hover::before { background-position: -175px -21px; }
.button.responsive-menu-link::before { background-position: -191px 0; }
.button.responsive-menu-link:hover::before { background-position: -191px -21px; }

/* Browser-specific tweaks */
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}