/*
  Dropdown styling for droplet
  
  Example:
  .droplet_wrapper
    ul.droplet_list
      li
        a
      li
        a
    button.droplet_placeholder
    input[type="text"]
    input[type="hidden"]
*/

/* Firefox applies padding regardless */
button::-moz-focus-inner { border: 0; padding: 0; }

/* Default styling for dropdown */
.droplet_wrapper {
  height: 34px;
  
	position: relative;
  text-align: left;
  display: inline-block;
  zoom: 1;
}
.droplet_wrapper input {
	position: absolute;
	top: 5px; left: 5px;
	font-size: 0;
	z-index: -5;
}
.droplet_wrapper ul {
	background: #fff;
	border: 1px solid #000;
	display: block;
	position: absolute;
	z-index: 9999;
	left: 0;
}
button.droplet_placeholder {
  background: url('../img/droplet/dropdown.gif') no-repeat top right;
  height: 31px;
  font: 12px/0 "Helvetica Neue", Arial, sans-serif;
	color: #333;
	cursor: pointer;
	text-align: left;
	padding: 0 32px 0 0 !important; margin: 0;
}
.droplet_placeholder:active {
  background-position: bottom right;
  padding: 0 32px 0 0 !important; 
}
button.droplet_placeholder span {
  background: url('../img/droplet/dropdown.gif') no-repeat top left;
  display: block;
  height: 31px;
  line-height: 30px;
  padding: 0 10px 0 15px; margin: 0;
  text-shadow: none;
  text-transform: none;
}
.droplet_placeholder:active span {
  background-position: bottom left;
}
.droplet_wrapper li {}
/* Need to trigger hasLayout for IE7 */
.droplet_wrapper li a {
	display: block;
	padding: 0 9px 0;
	line-height: 23px;
	height: 23px;
	overflow: hidden;
	white-space: nowrap;
  text-transform: none;
}
.droplet_wrapper li a.selected {
	background: #eee;
}
.droplet_wrapper li a:hover {
	background: #000;
	color: #fff;
	text-decoration: none;
}

/*
 * Custom Skins
 */
/* Huge Browsers */
.huge_browsers {
  font: normal 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.huge_browsers .droplet_placeholder {}
.huge_browsers .droplet_list {
  background: #fff;
  background: rgba(255, 255, 255, 0.95);
  
  background: -webkit-gradient(linear, 0% 0%, 0% 90%, from(#fff), to(#eee)) !important;
  background: -moz-linear-gradient(top, #fff, #eee) !important;
  
  border: 0;
  padding: 5px 0;
  -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0 2px 8px;
  -moz-box-shadow: rgba(0, 0, 0, 0.35) 0 2px 8px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.huge_browsers li a {
  margin: 2px 9px 3px; padding: 0 10px;
  height: 25px;
  line-height: 25px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  color: #6a737b;
}
.huge_browsers li a:hover {
  background: #b2b7ba;
  color: #fff;
}
.huge_browsers li a.selected {
  background: #e5e7e8;
  color: #6a737b;
}
.huge_browsers li a:active {
  background: #464749;
  color: #fff;
}