/**
* eDirectory - Result Pages ( Modules )
*
* @package			layout
* @filesource		results.css
* @author			Arca Solutions
* @copyright		Copyright (c) 2009, Arca Solutions Inc.
* @version			eDirectory 9.3
* @since			October, 17, 2011
*			
*/

/* #Map
*/

div.map {height: 550px;  margin: 15px 0 20px 0; width: 99.75%; }
div.map > div { height: 96.8% !important;  margin: 0.7%;  width: 98.6% !important;}   
    
.content-results-filters div.map > div {height: 98.8% !important; margin: 0.5%; width: 99.1% !important;}

.noresults {
    margin-top: -12px;
}

/* #Content and Sidebar*/
.content-results-filters { float: right; padding: 0 0 2% 0%;  width: 69.3%;}
.content-results-filters .resultsMessage { margin-left: -44.5%;  margin-top: 5px;  width: 146.5%;}

.flex-box-list > h2{
  overflow: hidden;
  padding-right: 7%;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 93%;
}

.sidebar-filters h3 .title-filter {
    width:60%;
    text-overflow:ellipsis;
    overflow: hidden;
    white-space:nowrap;
}
/*
.sidebar-filters div > h2 {
    margin-bottom: 20px;
  }
*/
.sidebar-filters > ul {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.sidebar-filters .item-filter h3 a {
  float: right;
  padding-left: 10px;
  text-indent: 0;
}

.sidebar-filters .item-filter .item-select {
  margin: 10px 0;
  float: left;
  width: 100%;
  max-height: 225px;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.sidebar-filters .item-filter .item-select li {
  color: #333333;
  font-size: 12px;
  line-height: 20px;
  overflow: hidden;
  padding-left: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 1px;
}


.sidebar-filters .item-filter .item-select li a {
  float: left;
  margin-left: -10px;
  margin-right: -30px;
  width: 90%;  
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left:30px; 
  padding-right:40px; 
  color:#333;   
  z-index:1;
}

.sidebar-filters .item-filter .item-select li a[class*="icon-caret"] {
  margin-left: 0;
  color: #2980B9;
  padding: 2px 7px 3px 6px;
  font-size: 13px;
  width: auto;
  position: relative;
  z-index: 3;
}

.sidebar-filters .item-filter .item-select li a[class*="icon-caret"]:hover + a + a,
.sidebar-filters .item-filter .item-select li a[class*="icon-caret"]:hover + a {
  background-color: #eee;
}

.sidebar-filters .item-filter .item-select li a.filter-listitem:hover {
  background-color: #eee;
}
.sidebar-filters .item-filter .item-select li.loading {
  background-color: #fff;
  font-size: 11px;
  margin-left: 16px;
  white-space: pre-wrap;
  color: #ccc;
  max-width:76%;
}

.sidebar-filters .item-filter .item-select li.active > a,
.sidebar-filters .item-filter .item-select li > a:hover {
  background-color: #eee;
}
.sidebar-filters .item-filter .item-select li li {
  padding-left: 5px;
  float: left;
  width: 100%;
}
.sidebar-filters .item-filter .item-select li li.active > a {
  background-color: #eee;
}
.sidebar-filters .item-filter .item-select#list_deal li {
  white-space: normal;
}
.filter-box {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 5px;
  
}
.filter-box li {
  background-color: #ECEFF0;
  margin: 5px 0;
  padding: 7px 5px 2px;
  font-size: 12px;
}
.filter-box li b {
   font-weight:normal;
  max-width:90%;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  display:inline-block;
}
.filter-box li span {
  float: right;
  color: #333;
}
.filter-box .remove-all {
  text-align: right;
  display: block;
  font-size: 11px;
  color:#4F7EB5;
}




/* #Summary View */	

.summary {margin-bottom: 20px; padding:0; width: 99.6%; clear:both;}
.summary-small {width: 99.6%; clear:both; padding: 0;}
.summary section { padding: 17px;}


.summary .navicons .share-social {padding: 3px 0 0;}
.summary .share-social, .summary .share-actions  {display:inline-block;}

.summary .share-social li, .summary .share-actions li {display:inline-block;float:right;margin:4px 4px -4px; font-size:11px; line-height: 16px;}
.summary .media, .media .media { margin-top:0;}
.summary .media .span4.text-right { padding-top: 5px;} 

.summary .line-footer .comp-info,.summary .line-footer .comp-info a {font-size:10px; margin-top:7px; text-align:right;}  
.span6.comp-info > p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/*.summary-image {width: 35%;display: block;}		*/

.summary-small .summary-image {width: 100%;display: block;}	
.summary-small p.claim {margin-top:5px;}
    
.ie7 .summary-image {float:left;}	
.summary-image .image > img { width: 100%;}	
.ie7 .summary-image .image > img, .ie7 .image.summary-image  img {width: 96%;}		

.ie .row-fluid.line-footer {padding-top:3px;}

/* #Sumary View items 
	* Image
	* Description
	* Rate
	* Share
	* Badges
	* Map

	.summary-image  img, .summary-image .no-image	{ float:left; display:block; margin:20px 10px 0 0;} */
	
    .summary-small .summary-image  img, 
    .summary-small .summary-image .no-image,
    .summary-deal .summary-image  img, 
    .summary-deal .summary-image .no-image
    { margin:4px 0 2px;}
    
	.summary-small address { line-height: 15px;height:60px;}
	.summary-deal address {padding-top:6px;}
    
	.summary .media-body 	{margin-top:18px;}
	.summary-small .media-body, .summary-deal .media-body 	{margin-top:0;}
	
    .listing-tag-deal, .deal-tag-small, .deal-tag {white-space:nowrap; float: right; height: 38px; margin-right: -2.7%; margin-top: -3px; padding-left: 2px; text-align: right;}
    .extendedContent .listing-tag-deal {margin-right:-2%;}
    
    .summary-deal .name-tag-deal.soldout { padding: 10px;font-size:16px;}
    .name-tag-deal { padding: 10px;}
    
    .summary .summary-price {margin-top:8px; font-size:11px;}
    .summary .review-count {text-decoration:none;}
	.summary .rate p  {margin:0 5px;}	
	.summary .review b, .summary .rate p:before  { font-weight:300;color:#787878;text-decoration:none; font-size:12px;}	
	.summary .rate p:before  {content:"|"; margin-right:5px;}	
	.summary .badges {text-align:right;margin-top:6px;height:80px;}
    .summary .badges img { clear: both;float: left;margin-bottom:10px;}
	.summary .info {margin-top:10px;}
	.summary .poston {text-align:right;padding:10px 5px 0 0;}
    
    .summary-address {padding-bottom:3px; min-height:60px;}
    .summary-infodetail {min-height:65px;}
    .content-profile .summary-address { min-height:10px; padding-bottom:0;}
    
    .summary-contact.span12, .summary-contact.span9  {display:table;margin:0;}
    .summary-contact > div{display:table-cell;height: 36px; vertical-align:bottom; width:50%;}


    .claim {clear:both}
    
    .summary .line-footer { max-height: 30px; width:96%; padding:0 2%;}
    .summary .line-footer .span7.icons, .summary .line-footer .span5.icons{margin-left:2%;}
    
    .line-footer .summary-icons {padding:2px 0; line-height:30px}
    .line-footer .summary-icons.checkin {padding:2px 5px 2px 0;}
    
    .line-footer .summary-icons, 
    .line-footer .navicons,
    .summary .line-footer .rate-stars, 
    .summary .line-footer .rate p,
    .summary .line-footer .rate {display:inline;}


    .summary .line-footer .rate {
        display: inline-block;
        height: 22px;
        padding-top: 7px;
        white-space:nowrap;
    }

    .summary .line-footer .stars-rating {
        vertical-align: middle;
        margin-top:-3px;}

    .summary .line-footer .review {
        padding:0 0 0 5px;
        line-height: 14px;
        font-size: 11px;
    }   

    .summary .line-footer .icons {
        padding: 5px;
    }

.ie7 .button-send , .ie7 .button-call  {margin-top:3px;}	 

.filter_load {text-align:center; margin:10px auto; width:80%;}
.filter_load img {clear:both;}
.filter_load p {font-size:11px;}


/*#Tab View*/
.content-results-filters .tabs li {display: inline-block;
    line-height: 12px;    max-width: 90px;    min-height: 13px;    padding: 8px 0px 10px 0px;    word-wrap: break-word;}

.content-results-filters .tabs li a {padding:7px 8px 8px 30px;}

.results-info-listing {margin:2px 0 20px;float:left;width:100%;}
.search-info i {font-style:normal;}
.search-info {float:left; margin-bottom: -10px;  margin-top: 10px;}
.results-info-listing .content-custom {margin-top:40px;}
.custom-select-listing .search-info {float: right;}
.search-info p{white-space: nowrap}
.tabview-results .pagination {float:right;}


.tabview-results {float: right;clear:both;width: 460px;}
.tabview-results .btn-group.bootstrap-select {float: right; position: relative;}

.tabview-results .filter-order label{display:none;}
.ie7 .content-results-filters .tabs li {float:left;margin-right:5px; }
.ie7 .content-results-filters .tabs li a{font-size:10px; }
.ie7 .content-results-filters .tabs {border:none;}
.ie7 .results-info-listing {float:left; clear:both; margin-top:5px;}
.ie7 .tabview-results {width:auto;margin-bottom:-50px;}
.ie7 .tabview-results .pagination {float:none;}
.ie7 .tabview-results .pagination .goto {padding-top:5px;}


/*General Page Checkin Review*/
.box-title .summary-small .listing-tag-deal, .box-title .summary-small .deal-tag-small, .box-title .summary-small .deal-tag { margin-right: -2%;}
.box-title .results-per-page {float:right;}
.box-title .summary-image .no-image {height:126px;}


/*Pop Up on GOOGLE MAP*/
.gm-style .gm-style-iw a {
    white-space:nowrap;
}

/* #Media queries

	All changes when you want a responsive website
	
*/
@media (min-width: 978px) {
    .sidebar-filters {display:block !important;}
}

@media (min-width: 768px) and (max-width: 979px) {

    /*No-Images*/
    .level-summary .no-image, .summary span.no-image, .content-main .summary span.no-image {height:70px;}

    /*Filters*/
    .sidebar-filters {display:block!important;}

    .tabview-results {width:200px;}
    #list_category label, #list_location label { font-size: 10px; width: 110px;}
    #list_category .child label, #list_location .child label { font-size: 9px; width: 100px;}
    .sidebar-filters label {width: 138px;}

    .sidebar.sidebar-filters {display:block !important;}
    
    .span6.text-right.icons, .review .rate {text-align:center;}
    
    .sidebar-filters .item-select {margin:8px 0 8px 10px;}
     
	.pagination {margin: 7px 0; width: 100%;}
	

    .summary .info .span2 {margin:10px 0 0 0;}
	.summary .info .badges {text-align:center;}
    
	.bottom-pagination .pages {  margin-left: 20%;	}
    
    .summary .line-footer {max-height: none; padding: 0 0; width: 100%;}
    .summary .line-footer .comp-info {padding-right:2px;}

    .summary .summary-price {border-top:1px solid #dbdbdb; width: 100%;}
    
	.summary .media-body {  padding-top: 10px;}

    .summary .badges img {margin-bottom: 10px}
    .summary .navicons .share-social {padding: 0 0 9px;}

    .summary-small .row-fluid .span10 { width: 70%;}
    .summary-small .summary-address { float: left;min-height:0; padding:0;}

    .summary-small .info .badges{ margin:0;}
    .summary-small .row-fluid .span9 {width: 100%;}  
    .summary-small .row-fluid.line-footer .span9 {padding: 3px 0 0; width: auto;} 

    .summary-small address { height: auto; line-height: 15px; max-width: 170px; font-size: 10px;}
    .summary-contact > div { max-width: 170px;word-wrap:break-word;}
    .summary-small .media-body { padding-top: 0;}
    .summary .line-footer .span9.review .rate {  display: inline;  float: none;}
    .summary .summary-price { padding-top: 3px;margin-bottom:-10px;}
    .summary .line-footer .stars-rating { margin-top:-2px; margin-left:5px;}

    .summary-article .row-fluid.media .media-body {padding-top:0;}

    
    
    #content_mapView div.map .map-loading {background-image:none;}


    .summary .line-footer .icons { float: right;}
    .button-send, .button-call {margin-top: 4px;}



    /*Filters*/
    
    .sidebar-filters { float: left; width: 100%;}

    .sidebar-filters div > h2 {
    overflow: hidden;
    padding-right: 7%;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 93%;
    }

    #list_category label, #list_location label { font-size: 10px; width: 100px;}

    .sidebar-filters .item-filter .item-select {margin: 10px 0; width:96%;}

    /*Calendar Events*/
    .calendar-event {width:99.5%}
    
}

@media (max-width: 767px) {
    .media-body .summary-image .no-image {background-position: left top }

    .media-body .info .span8 {width:60%;margin-left:4%;}

    /*Filters*/
    .sidebar-filters {display:none;}

    .results-info-listing {       
        margin: 2px 2% 20px;
        width: 96%;
    }

    /*No Image*/
    .summary-deal .media .summary-image .no-image, .tabview-results.custom-select-listing { display:none;}
    
    .sidebar.sidebar-filters,   
    .content-results-filters { float: none; width:95%; margin:10px auto; padding:0;}
    .sidebar.sidebar-filters, .sidebar.sidebar-filters h2 {display: none;}
    
    .content-full-results {float:none;}
     
    .btn.btn-inverse { float: right;margin-right: 2%;}

    #list_category, #list_location {max-height: none;}
    
    .summary .title {text-align:center;}
    .listing-tag-deal {margin-top:10px;}
    .pull-right.summary-price {float:left;}
    
    .summary-infodetail {min-height: 0;}

    
    .summary .line-footer {    margin-top: 15px; max-height: none;}
    .summary .line-footer, .summary .line-footer .review , .summary .line-footer .text-right{ max-height:none; text-align:center; font-size:10px;}
   .summary .line-footer .review { padding: 5px 0 8px 5px;}
   .summary .line-footer b {display:none;}
    
    .summary .badges, .summary-small address { height: auto;}
    .media .pull-left, .media .pull-right {margin-bottom: 0;} 
    .summary-address {margin:10px 0 5px;}

    .summary .row-fluid .span4, .summary .row-fluid .span8, .summary-address, .summary .span12, .summary .row-fluid  { min-height: 0;}
    .summary .line-footer .review {float:none; width: 100%;}
    .line-footer .summary-icons, .line-footer .navicons {display:none;}
    
    #content_mapView div.map .map-loading {background-image:none;}   
    .content-center div.map { height: 220px;}
     
    .summary-contact.span9 div { white-space: nowrap; word-wrap: break-word;}

    .summary .line-footer .icons { padding: 0 0 10px 0;}



    

    /*Deals*/
    .listing-tag-deal, .deal-tag-small, .deal-tag {margin-top:0;}

       
    .content-results-filters .resultsMessage { margin-left: 0;  margin-top: 5px; width: 100%;}

    .summary .line-footer .comp-info, .summary .line-footer .comp-info a {text-align:center; float:none; margin:0 auto; width:100%;}
    
    /*Filter*/   
    .summary .rate p:before {content: "";}
    
    .sidebar-filters > ul {margin-bottom:10px;}
    .sidebar-filters .item-filter .item-select { float: left; max-width: 100%;}

    .sidebar-filters .item-filter .item-select li a {
      width:90%;
      padding-right:10%;
    }

    .sidebar-filters label {width: 100%;}
    #list_category label, #list_location label {width: 78%;}
    #list_category .child label, #list_location .child label {width: 76%;}

    .nav-tabs > li > a, .tabs-advertise > li > a {font-size:8px;}
    .nav-tabs > li > a, .tabs-advertise > li > a, .tabsLevels > li > h2, .nav-pills > li > a {margin-right: 3px;}

    /*#article*/
    .summary-article .row-fluid.media .span8 {width:66%; margin-left:2%;}
    .summary-article .summary-image .no-image {display:block;}
    
}

@media (max-width: 480px) {
   .media-body .summary-image .no-image {display:none;}

.summary .badges { height: auto;max-width: 100%; text-align: center;  width: 100%;}
.summary .badges img {clear: none; float: none; margin-bottom: 0; max-width:30%; }


    .summary-contact > div {display:block;clear:both;width:100%;}
    .summary-contact.span12 a { white-space: nowrap;}
    .summary-contact .text-right {text-align: left;}


    .media-body .info .span8 {width:98%;margin:10px auto 0;}

    .bottom-pagination-listing .pagination ul > li a { font-size: 14px; font-weight: normal; padding: 0 7px;}

    /*#article*/
    .summary-article .row-fluid.media .span8 {width:100%; margin-left:20;}
    .summary-article .summary-image .no-image {display:none;}


    
}


@media (max-width: 320px) {	    
    
}