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

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

#selectedAreas{
  width:217px;
  height:200px;
  font:12px arial;
  border: 1px solid #b2b2b2;
  overflow: auto;
}

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

#autocompleteMatchValues {
  z-index:100;  
  width:260px;
  height:190px;
  font:12px arial;
  background-color: #f0f0f0; 
  padding:2px;
  border-bottom: 1px dotted black;
  overflow: auto;
  text-align:left;
}

#autocompleteMatch {
  position:absolute;
  z-index:100;  
  width:263px;
  height:215px;
  font:12px arial;
  display: none;
  background-color: #dbe8f3; 
  padding:2px;
  border: 1px dotted black;
  text-align:center;
}

#areaPickerResults{
  position:relative;
}

.autocompleteMouseOver{
  text-decoration:none;
  background-color:#036;
  color:#FFF;
  font-weight:bold;
  cursor:pointer;
}

.areaSelected{
  font-weight:bold;
  background-color:#999;
}

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

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


#areaPickerContainer {
  background: url(/idx/images/t8_pickerbtnbg2_blue.png) no-repeat;
  width: 219px;
  height: 32px;
}

#areaPicker{
  height: 25px;
  width: 179px;
  margin: 3px 0px 3px 3px;
  padding-left:2px;
  line-height:22px;
  padding: 0px !important;
}

#ihf input[type=checkbox] {
	margin:2px;
}

input#areaPicker {
  border:0;
	padding:0;
}

#areaPickerExpandAll{
  position:absolute;
  z-index:100;  
  display: none;
}

#areaPickerExpandAllContainer{
  width:600px;
  height:200px; 
  background-color: white; 
  font:11px arial;
  padding:0px;
  border: 1px solid #b2b2b2;
  overflow: auto;
}

.areaPickerExpandAllElement{
  float:left;
  font:12px arial;
  width: 130px;
  margin-left:3px;
  padding: 3px 0px;
}

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

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

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

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

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

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

.areaPickerElementHasSubAreas{
  font-weight: bold;  
}

.areaPickerElement{
  height: 15px;
}

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

.areaPickerExpandAllTopBar{
  background-color: #3c639b; 
  height:38px;
  color: white;
}

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


#areaPickerExpandAllCloseButton{
  background: url(/idx/images/btn_close1.png) no-repeat;
  height:28px;
  width: 105px;
  padding: 0px;
  float: right;
  margin:4px;
}

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

#areaPickerClearAll{
  height:28px;
  width: 150px;
  padding: 0px;
  float: left;
  margin:8px 2px 2px 2px;
  color: white;
}

.areaPickerExpandAllButtonClass {
  padding:6px 4px 6px 0;
  cursor:pointer;
}