/*
styles for generic drop-downs

(C) Copyright 2009, Compete 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/metrics/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;
}

/*
 * Category Dropdown styles
 *
 */
body div.mcdropdown,
.category-dropdown {
    width:165px;
    height:14px;
    border:1px solid #b6caeb;
    color:#3972CD;
    overflow:visible;
}

body div.mcdropdownDisabled {
    color:#999999;
}

body div.mcdropdown div {
    font-weight:bold;
    line-height:15px;
    background-color:#FFFFFF;
}

body div.popup {
    background-color:#FEEFD0;
    background-image:none;
    background-position:0 0;
    background-repeat:repeat;
    color:#3972CD;
    border:1px solid #b6caeb;
    height:18px;
    line-height:18px;
    text-align:left;
    width:auto;
    z-index:9999;
    white-space:nowrap;
    padding-left:3px;
    padding-right:10px;
    position:absolute;
}