@charset "utf-8";
/*
DROPDOWN STYLESHEET
Description:  Dropdown definitions
Author:       Interactive Things
Created:      100614_BW
Updated:      100707_BW
*/
/* DEFAULT DROPDOWNS
/////////////////////////////////////////////////////////////////*/
.dropdown {
/*   display: inline; */
  position: relative;
}

.dropdown-button {
  background: url(../img/button_sprite.png) 0 0 repeat-x;
  border: 1px solid #2f425b;
  color: #38537e;
  cursor: pointer;
  display: block;
  font-size: 12px;
  font-weight: normal;
  line-height: 22px;
  margin: 0;
  z-index: 1;
  /* CSS3 */
  border-radius: 5px;
}

.dropdown-button.hover {
  background-position: 0 -100px;
}
.dropdown-button.active {
  background-position: 0 -200px;
}
.small .dropdown-button {
  background: url(../img/button_sprite.png) 0 -700px repeat-x; 
  border: 1px solid #9ebbdf; 
  font-size: 11px; 
  line-height: 18px; 
  width: 140px; 
  /* CSS3 */
  border-radius: 5px;
}
.enroll_drop .dropdown-button {
  background: url(../img/button_sprite.png) 0 -300px repeat-x; 
  border: 1px solid #d9d9d9; 
  font-size: 11px; 
  line-height: 18px; 
  width: 140px; 
  /* CSS3 */
  border-radius: 5px;
}

.small .dropdown-button.hover {
  background-position: 0 -800px;
}
.small .dropdown-button.active {
  background-position: 0 -900px;
}
.enroll_drop .dropdown-button.hover {
  background-position: 0 -400px;
}
.enroll_drop .dropdown-button.active {
  background-position: 0 -900px;
  border: 1px solid #9ebbdf;
}
.plain_drop .dropdown-button{
  background: #e3e3e3 url('../img/button_sprite.png') 0 -400px repeat-x; 
  border: 1px solid #d9d9d9;
  width: 200px;
}
.plain_drop .dropdown-menu{
	left: 0px;
}
.dropdown-button.error{
	background: url('../img/table_sprite.png') 0px -901px repeat-x;
	border-color: #EA5A50;
}
.dropdown-label {
  color: #38537e;
  display: block;
  margin: 0 10px 0 10px;
  overflow: hidden;
  white-space: nowrap;
}
.small .dropdown-label, .enroll_drop .dropdown-label  {
  margin: 0 5px 0 5px;
}
.enroll_drop .dropdown-label {color:#555}
.enroll_drop .dropdown-label:hover {color:#366fb4}
.enroll_drop .dropdown-button.active .dropdown-label {color:#38537e}
.plain_drop .dropdown-label {color: #333333;}
.dropdown-icon { 
  background: url('../img/dropdown_sprite.png') 100% -1791px no-repeat;
  padding-right: 10px;
}
.small .dropdown-icon {
  background-position: 100% -392px;
}
.enroll_drop .dropdown-icon{
  background-position: 100% -191px;
}
.dropdown-menu {
  background: #fff;
  display: none;
  font-size: 11px;
  line-height: 20px;
  list-style: none;
  margin: 0;
  padding: 2px !important;
  position: absolute;
  z-index: 2;
  right: 0px;
  /* CSS3 */
  border-radius: 5px;
  box-shadow: 0px 2px 10px #000000;
}
.scrollContent {
height: 250px;
overflow: auto;
}

ul.dropdown-menu a {
  color: #333 !important;
  display: block;
  font-weight: normal;
  padding: 0 10px !important;
  margin: 0 !important;
  text-decoration: none;
  white-space: nowrap;
  /* CSS3 */
  border-radius: 3px;
}
ul.dropdown-menu li{
  margin: 0 !important;
}
ul.dropdown-menu a:hover {
  background: #d3e4f4 !important;
}
.disabled h4.dropdown-button {
  cursor: default;
}
.disabled span.dropdown-label, .disabled span.dropdown-label:hover{	
  opacity:0.5;
  /* IE specific CSS */
  filter:Alpha(opacity=50);
}