/*
styles for generic drop-downs

(C) Copyright 2009, Biro Networks, Inc.

>> keep in mind:
 > font-size is set @ 62.5% @site.css, so the em font-sizes are on base10
   (i.e. 1.2em == 12px)

*/
div.dropdown {
  position: absolute;
  width: 220px;
  height: 25px;
  cursor: pointer;
  background: #ffffff url(images/dropdown.gif) no-repeat;
  z-index: 999;
}

div.dropdown div.dropdown-title {
  line-height: 26px;
  color: #3972cd;
  font-weight: bold;
  font-size: 1.4em;
  padding-left: 5px;
  overflow: hidden;
  height: 25px;
}
div.dropdown-title span.default {
  color: #a7a7a7;
}
.dropdown-hovered {
  background-color: #f0f0f0;
  padding:inherit;
}

div.dropdown div.dropdown-list {
  position: relative;
  width: 208px;
  height: auto;
  border: 1px solid #b6caeb;
  background: #ffffff;
  margin: -1px 0 0;
  padding: 5px;
  margin-top:-1px;
}

div.dropdown div.dropdown-list ul hr {
  border-style: dotted;
  border-width: thin;
  color: #d7d7d7;
  width: 200px;
  cursor: default;
}
div.dropdown div.dropdown-list ul li {
  font-size: 1.2em;
  line-height: 1.2em;
  color: #3972cd;
  cursor: pointer;
  width: 100%;
}
div.dropdown div.dropdown-list ul li.group-title {
  color: #333;
  font-weight: bold;
  font-size: 1.1em;
  cursor: default;
}
div.dropdown div.dropdown-list ul li.item-disabled {
  color: #a7a7a7;
  font-style: italic;
  cursor: default;
}

body div.dropdown-disabled {
  cursor: default;
}