/* Rating Colors */
.rating_box{color:#fff; padding: 4px 10px; font-size: 11px; }
.rating1{background:#338203; }
.rating2{background:#70BC00; }
.rating3{background:#CBDD0D; }
.rating4{background:#DEB30E; }
.rating5{background:#DE7E0E; }
/* Rating Colors */

#container{margin-top: 10px;}
h2.heading_locality{margin: 15px 0px 10px 0px;}
.popular_locality_block{ float: left; width:100%; margin-bottom: 30px;}
.locality_unit{float: left; width: 220px; border:1px solid #ebebeb; margin:0px 30px 0px 0px; padding:0px;}
.locality_unit a.unit_link{ width:100%; display: block; overflow: hidden; text-decoration: none; cursor: pointer; float: left;}
.locality_unit a.unit_link .image_wrap{ display: block; widows: 220px; height: 165px;}
.locality_unit a.unit_link .image_wrap img{height: 100%;}
.unit_last{margin:0px;}

.locality_detail{ float: left; width:100%; }
.locality_detail .detail_box h2{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.locality_detail .detail_box{ float: left; width:100%; padding: 10px; box-sizing: border-box;}
.locality_detail .detail_box ul li{padding:5px 0px; color:#666; font-size: 12px; }
.locality_detail .detail_box ul li span.rating_box{color:#fff; padding: 4px 10px; font-size: 11px; }

.locality_detail .detail_box .spanLeft{float: left;}
.locality_detail .detail_box .spanRight{float: right}
.locality_detail span.view_detail{ float: left; width:100%; border-top: 1px solid #ebebeb; padding:8px 10px; color: #3b5998; font-size: 12px; text-decoration: none; box-sizing: border-box;}
.locality_unit:hover .locality_detail span.view_detail{color:#795a9e;}

/* Locality Main Block CSS*/
.locality_main{ float:left; width:100%; margin-bottom: 20px;}
.locality_main .cfselected-menu{ background: none; padding-left: 0px;}
.locality_main input.search_input{ padding:4px; background-position: 285px 7px; width:305px; margin:10px 0px 20px 0px;}

table.locality_table{ width: 100%; margin-bottom: 15px;}
table.locality_table th{ background: #f7f7f7; padding:15px 10px 15px 20px; color:#666; border: 1px solid #ccc; border-left: none; border-right: none; cursor: pointer;}
table.locality_table th.first_th{width: 200px;}
table.locality_table th..popularity_th{width: 160px;}

table.locality_table th.header span.help_icon{
	display: inline-block;
	width: 15px; 
	height: 14px; 
	float: right;
	background-image: url('/images/localities/new_locality_sprite.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: pointer; 
	margin-right: 15px;
}

table.locality_table th.header span.arrow{
	display: inline-block;
	width: 10px; 
	height: 10px; 
	float: right;
	background-image: url('/images/localities/new_locality_sprite.png');
	background-repeat: no-repeat;
	background-position: 0px -140px;
	cursor: pointer; 
}
table.locality_table th.header span.mt7{
	margin-top: -7px;
}

table.locality_table th.header.headerSortUp, table.locality_table th.header.headerSortDown{
	background: #fff;
}
table.locality_table th.header.headerSortUp span.arrow{
background-position:0px -91px;
}
table.locality_table th.header.headerSortDown span.arrow{
background-position:0px -45px;
}
table.locality_table td{ padding:10px 0px 10px 20px; color:#3b5998;}
table.locality_table tr.even{ background: #f7f7f7;}
table.locality_table td .cfprice { color: #666;font-size: 12px; }
.locality_table th.sorting-asc, .locality_table th.sorting-desc{background: #fff;}
table.locality_table th.sorting-asc span.arrow{background-position: 0px -45px;}
table.locality_table th.sorting-desc span.arrow{background-position: 0px -90px;}

.popularity_tooltip {
  display: none;
  position: absolute;
  top: 72px;
  right: 920.5px;
  z-index: 100000;
}
.popularity_tooltip .popularity_tooltip_block {
  float: left;
  position: relative;
  z-index: 1;
}
.popularity_tooltip .popularity_tooltip_block .down-arrow {
  background: url('/images/localities/new_locality_down_arrow.png') no-repeat;
  z-index: 100;
  position: relative;
	top: 45px;
	padding: 0px 10px 0px 0px;
	left: 80px;
}
.popularity_tooltip .popularity_tooltip_block .popularity_tooltip_txt {
  float: left;
  width: 150px;
  background: #fff;
  padding: 6px 10px 7px 10px;
  color: #333;
  font-size: 12px;
  font-family: Arial;
  line-height: 16px;
  box-shadow: 0px 0px 3px 0px;
}
.popularity_tooltip_txt span {
	padding: 7px;
	margin-right: 2px;
	display: inline-block;
	vertical-align: middle;
}