@charset "utf-8";
/* CSS Document */
#areaPickerContainer{
	color: black;
}

.areaPickerDefaultText{
  color:#c0c0c0;
  font:12px arial;
}

.areaPickerActive{
  color:#000000;	
  font:12px arial;
  height:30px;
  margin-left:5px !important;
}

#areaPicker	{
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 2px;
  width:100%;
  box-shadow: none;
  background: none ;
  outline: none;
  float:left; 
}

#ihf-selectedAreas{
  
}

.ihf-container .ihf-one-selectedArea{
	float: left;
	padding:1px;
	border:1px solid #ccc;
	border-radius:3px;
	margin-right:2px;
}

.ihf-one-selectedArea .btn {
	padding:2px 4px;
	font-size:13px;
}

.ihf-one-selectedArea .btn:hover {
	background:#999;
}

.ihf-one-selectedArea.disabled {
    opacity: .5;
}

.autocompleteMessage{
  margin: 3px 0px 15px 3px;
  font:12px arial;
  color:  #036;
}

#autocompleteMatchValues {
  z-index:100;  
  width:100%;
  font:12px arial;
  background-color: #f0f0f0; 
  padding:2px;
  overflow: auto;
  text-align:left;
}

#autocompleteMatch {
  position:absolute;
  z-index:100;  
  width:80%;
  margin-left:24px;
  font:12px arial;
  display: none;
  background-color: #dbe8f3; 
  padding:2px;
  border: 1px solid #CCCCCC;  
  border-radius: 4px 4px 4px 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; 
  text-align:center;
}
@media screen and (min-width: 768px) {
	#autocompleteMatch {
    width:80%;
  	margin-left:74px;
	}
}	

#areaPickerResults{
  position:relative;
}

.areaUnselected{
  padding:3px;
  border:1px solid transparent;
  border-radius:3px;
}

.autocompleteMouseOver{
  text-decoration:none;
  background-color:#666;
  color:#FFF;
  font-weight:bold;
  cursor:pointer;
  padding:3px;
  border-radius:3px;
}

.areaSelected{
  font-weight:bold;
  background-color:#ccc;
  padding:3px;
  border:1px solid #999;
  border-radius:3px;
}

.autocompleteArrowOver{
  font:12px arial;
  background-color:#666; /*dbe8f3*/
  color:#FFF;
  font-weight:bold;
  cursor:pointer;
}

.autocompleteArrowOverDisabled{
  font:12px arial;
  background-color:#dbe8f3;
  color:#FFF;
  font-weight:bold;
  cursor:pointer;
}


#areaPickerContainer {
}

#areaPickerExpandAll{
  position:absolute;
  z-index:100;  
  display: none;
  padding-right:15px;
}

#areaPickerExpandAllContainer{
  width:100%;
  height:250px;
  background-color: #eee; 
  font:11px arial;
  padding:0px;
  border: 1px solid #CCCCCC;  
  border-radius: 4px 4px 4px 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; 
  overflow: auto;
}

.areaPickerExpandAllElement{
  float:left;
  font:12px arial;
  width: 130px;
  margin-left:3px;
  padding: 7px 2px;
  border-bottom:0px solid #ccc
}

.areaPickerExpandAllElementDisabled{
  float:left;
  font:12px arial;
  width: 130px;
  margin-left:3px;
  padding: 3px 0px;	
	color:#c0c0c0;
}

.areaPickerExpandAllRow{
  border-bottom:1px solid #f0f0f0;
}

.areaPickerExpandAllElement div {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.areaPickerAutoCompleteSubAreaElement{
  font:11px arial;
  padding: 0px 10px;
  height: 15px;
}

.areaPickerExpandAllSubAreaContainer{
  background-color:#DDD;
  display: inline-block;
  border-bottom:1px solid #666;
}

.areaPickerExpandAllSubAreaElement{
  float:left;
  font:12px arial;
  width: 105px;  
  padding: 2px 5px;
  border: 1px solid transparent;
}

.areaPickerElementHasSubAreas{
  font-weight: bold;  
}

.areaPickerElement{
  height: 30px;
  font-size:14px;
}

.areaPickerElementDisabled{
  height: 15px;
	color:#999; 
	font: 12px arial;
}

.areaPickerExpandAllTopBar{
  background-color: #3c639b; 
  height:38px;
  color: white;
  border: 1px solid #CCCCCC;  
  border-radius: 4px 4px 4px 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;   
}

.areaPickerExpandAllGroup{
  background-color: #f0f0f0; 
  height:16px;
  color: black;
  padding: 2px;
  font-weight:bold;
}


#areaPickerExpandAllCloseButton{
  height:28px;
  width: 105px;
  padding: 0px;
  float: right;
  margin:8px 14px 0 0;
  text-align:right;
}

#areaPickerCustomListToggle{
  height:28px;
  width: 80px;
  padding: 0px;
  float: left;
  margin:8px 0px 0px 4px;
  color: white;
}

#areaPickerClearAll{
  height:20px;
  width: 120px;
  padding: 0px;
  float: left;
  margin:8px 2px 2px 15px;
  color: white;
}

.areaPickerExpandAllButtonClass {
  padding: 2px;
  cursor:pointer;
}