/*
	TABLE OF CONTENTS
	
	-Selectbox Plugin - replaces <select> with JS made div that appears like a select
	-Galleryview Plugin - used for CM27 modal pop-up photo gallery
	-FancyBox Plugin - used to display the modal holder
*/

/*
	Selectbox Plugin
*/

/* applied to original <select> to hide */
.has_sb{position:absolute;left:-999999em;text-indent:-999999em;}

/* always visible styles */
.selectbox{display:inline-block;*display:inline;font-family:arial;font-weight:bold;font-size:10px;margin:1px;position:relative;/*vertical-align:middle*/;zoom:1;line-height: 15px;}
.selectbox .display{
  color:#085584;
  cursor:default;
  display:block;
  font-weight:bold;
  overflow:hidden;
  outline:none;
  height: 16px;
  line-height: 16px;
  padding:0 24px 0 3px;
  position:relative;
  text-decoration:none;
  overflow:hidden;
  
  /* GWU */
  width:68px;
  background:#518db5;
  background-image: url(../images/bgSelectBox.png);
  background-position: right center;
  background-repeat: no-repeat;
}
.selectbox.disabled .display{color:#999;}
.selectbox.focused .display .text{
	color:#fcfcfc;display:inline-block;*display:inline;zoom:1;
}
.selectbox .display .text{
	height: 16px;
	line-height: 16px;
	font-size: 10px;
	float: left;
}

.selectbox .display.active{
}

.selectbox .value{display:none;}

/* dropdown styles */
.selectbox.items{
  background:#82bce3;
  border:1px solid #085584;
  display:block;
  font-family:arial;
  font-size: 10px;
  list-style-type:none;
  margin:0;
  overflow-x:hidden;
  overflow-y:auto;
  padding:0 0 1px 0;
  z-index:99999;
  -moz-box-shadow:0 3px 5px rgba(0,0,0,.5);
  -webkit-box-shadow:0 3px 5px rgba(0,0,0,.5);
}
.selectbox.items.above{}
.selectbox.items li{display:block;margin:0;padding:0;/*white-space:nowrap; maybe necessary if using fixedWidth: false */}
.selectbox.items li.first{margin-top:0;}
.selectbox.items li>.item{color:#085584;cursor:default;display:block;padding:2px 6px;text-decoration:none;}
.selectbox.items li>.item>.text{display:inline-block;*display:inline;zoom:1;}
.selectbox.items li.selected>.item{border-bottom:1px dotted #085584;border-top:1px dotted #085584;}
.selectbox.items li.disabled>.item{color:#999;}
.selectbox.items li.hover>.item{background-color:#bfd9eb;color:#fff;}
.selectbox.items .value{display:none;}