.registerBox
{ 
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 24px;
  }

.registerBoxOuter
{ 
	border: 1px solid #c8c8c8;
	background-color: #f7f7f7;
  width: 267px;
  float: left;
  margin-left: 24px;
  /*min-height: 177px;*/
  min-height: 185px;  
  }

.loginTextbox 
{
  width: 200px;

}
.registerCity
{
	width: 90px;
}
.registerSuite
{
  width: 60px;

}
.registerState
{
  width: 30px;

}
.registerZip
{
  width: 50px;

}
.register_city
{
	width: 110px;
	float: left;
}
.register_state
{
	width: 50px;
	float: left;
}
.register_zip
{
	width: 70px;
	float: left;
}
.clear
{
	float: none;
	clear: both;
}

.instructions
{
	font-style: italic;
}
.loginBox
{ 
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 24px;
  }
  
 .loginBoxOuter
 {
	border: 1px solid #c8c8c8;
	background-color: #e4e6df;
  width: 267px;
  float: left;
  /*min-height: 177px;*/
  min-height: 185px;
 }
  
.loginFieldRow
{ 
  /*width: 263px;*/
  width: 240px;
  }
  
  
.forgotLink
{
    font-family: $font_family;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #127db4;
	line-height: 18px;
  margin-left: 10px;
  margin-top: 5px;
  padding-top: 0px;
  vertical-align: bottom;
}
.image_button
{
	padding-right: 5px;
	padding-left: 5px;
	margin-top: 5px;
}


.divSectionContainer {
	background-color: #afafaf; 
	/*background-image: url(images/container_bg.jpg);*/
	background-position: top center;
	background-repeat: repeat-x;
	width: 535px;
	vertical-align: top;
	min-height: 100%;
	height: 340px;
	font-size: 16px;
	margin-top: 0px;
	z-index: -1;
	margin-bottom: 0px;
}

.divMapContainer 
{
  width: 600px;
 height: auto; 
}
.divMapInner
{ 
  /*padding-left: 270px; */
}

.listings_count_message
{
  font-size: 14px; 
  font-weight: bold;
  color: black;
  height: 15px;
  float: right;
  width: 200px;
  text-align: right;
  padding-top: 10px;
  padding-right: 10px;
}
.imgMap 
{
  clear: none;
  float: none;
  position: relative;
  width: 650px;
  height: 340px;
  /*padding-left: 150px; */
}

.divCounty, .divCity {
	width: 200px; /*168px;*/
	height: 245px;
	overflow: auto;
	padding: 10px 0px 0px 10px;
	font-family: $font_family;
	font-size: 70%;
	font-style: normal;
	font-weight: normal;
	color:Black;
	/*color: #838383;*/
	/*border: 1px solid #c8c8c8; */
	border: 3px double #c8c8c8;
	background-color: White;
}

.divRentBedroomsContainer, .divUnitTypeOptionsContainer {
 float: left;
 text-align: left;
 width: 50%;
}

.divCountyContainer , .divCityContainer
{
 float: left;
 text-align: left;
 margin-top: 14px;
}
.divCountyContainer
{
  margin-right: 6px; 
  margin-left: 14px
}
.divCityContainer
{
  margin-right: 17px; 
}

.searchLabel
{ 
 background-color: transparent;
 font-family: $font_family;
	font-size: 75%;
	font-style: normal;
	font-weight: bold;
	color: #505050;
	margin-bottom: 1px;
	margin-left: 12px;
  }

.divRentBedroomsContainer
{
}

.divRent
{
  width: 120px;
  float: left;
  margin-bottom: 5px;
  
	/*border: 3px double #c8c8c8;*/
	/*background-color: White;*/
}

.rentDDL 
{
  margin-left: 4px;
  margin-right: 4px; 
}

.bedroomsoptions, .unittypeoptions, .otherfilteroptions {
	width: 125px;
	overflow: auto;
	padding: 5px 0px 0px 5px;
	z-index: 0;
	border: 3px double #c8c8c8;
	font-family: $font_family;
	font-size: 70%;
	font-style: normal;
	font-weight: normal;
	color:Black;
	/*color: #838383;*/
	text-align: left;
	background-color: White;
	margin-top: 1px;
}

.bedroomsoptions 
{
  height: 29px;
	margin-bottom: 5px;
}

.unittypeoptions, .otherfilteroptions
{
  height: 100px;
}

.otherfilteroptions
{
}


.divBedroomsOptions {
  /*float: left;
  width: 130px; 
  margin-top: 0px;
  margin-bottom: 10px;*/
}

.divBedrooms 
{
  width: 150px;
	/*border: 1px solid #c8c8c8; */
}
    /* Change these values together */
    .divBedrooms, .divRent {
      height: 60px;
    }

    .divRent {
      width: 130px;
    }

    .divUnitTypes {
      width: 130px;
    }

    .bedroomsoptions {
      width: 150px;
    }


  .divBedrooms, .divRent, .divUnitTypes, .divOptions {
    float: left;
    margin-right: 3px;
    padding: 4px 4px 4px 4px;
  }




.divOptions
{ 
  width: 100px;
  }

.alphaCity
{
  font-family: $font_family;
	font-size: 120%;
	font-style: normal;
	font-weight: bold;
	color: #505050; 
	margin-top: 5px;
	padding-left: 5px;
}
.startingLetter
{
  margin-top: 10px; 
}

.divLogo {
  height: 17px;
  padding-right: 18px;
  /*margin-top: 12px; */
  margin-top: 0px;
  padding-top: 11px;
  background-image: url(images/logo_hlist.png);
  background-position: right;
  background-repeat: no-repeat;
  width: 630px;
}

.divSearch 
{
  /*width: 684px;*/
  width: 650px;
  clear: none;
  float: left;
  padding-bottom: 0px;
  line-height: 16px;
}

.search_button
{
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 0px;
	padding-top: 14px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
  background-image: url(images/button_searchrentals.png);
  background-repeat: no-repeat;
  width: 160px;
  height: 35px;
  float: left;
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  
}

a.search_button, a.search_button:hover
{
  color: #fff;
  font-weight: bold; 
  text-decoration: none;
}

.imgContainerBottom
{ 
  margin-top: 0px;
  clear: none;
  display: block;
  float: none;
  }

.MyTab
{ 
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  background-image: url(images/logo_hlist.png);
  background-position: left;
  background-repeat: no-repeat;
  
  }
.mapTitle 
{
 font-family: $font_family;
 font-size: 120%; 
 font-weight: bold;
 color: Black;
 padding-left: 10px;
}

.spanPhoneContainer
{
  margin-bottom: 1px;
}

.divPhoneContainer
{
  margin-top: 3px;
  margin-bottom: 3px;
}

.clearAllPos
{
  margin-bottom: 2px; 
  vertical-align: bottom;
  float: left;
  padding-top: 20px;
  padding-left: 10px;
}

.criteriaContainer
{
  font-size: 16px;
  /*float: left;
  height: auto;*/
  
}
.criteraContainer:after {
	    visibility: hidden;
	    display: block;
	    content: "";
	    clear: both;
	    height: 0;
}

.multipage_viewport
{
  width: 650px; 
  float: left;
  height: auto;
  
}

.outerContainer
{
  padding-top: 10px;
	background-color: #afafaf; 
	/*background-image: url(images/container_bg.jpg);*/
	background-position: top center;
	background-repeat: repeat-x;
  width: 100%;
  max-width: 685px;
	/*width: 685px;*/
	/*height: 400px;*/
  padding-left: 5px;

  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
      -ms-border-radius: 5px;
          border-radius: 5px;


}
    .outerContainer:after {
	    visibility: hidden;
	    display: block;
	    content: "";
	    clear: both;
	    height: 0;

    }

.accessible_image
{
	background-image: url(images/accessible.gif);
  
}

.RadTabStrip_Responsive .rtsLI {
  width: 114px;
  /*height: 38px;*/
}




/*@media screen and (max-width: 999px) {*/
@media screen and (max-width: 768px) {

  .divRentBedroomsContainer {
    max-width: 250px;
  }
  

  .search-control {
    max-width: 768px;
  }
  .outerContainer {
    width: 100%;
    max-width: 768px;
  }
  .criteriaContainer {
    width: 100%;
    min-width: 330px;
  }
  .divSearch {
    width: 100%;
    min-width: 330px;
  }
  .imgMap {
    width: 100%;
  }

  .divMapContainer {
    width: 100%;
    min-width: 330px;
  }
  .RadTabStrip_Responsive .rtsLI {
  width: 90px;
  font-size: smaller;
  /*height: 38px;*/
  }
}

@media screen and (max-width: 480px) {

  .sfPublicWrapper {
    padding: 0;
  }
  
  .header {
    margin: 0 auto;
    text-align: center;
  }
  
  .top-menu select, .footer select {
    margin: 0 auto;
    text-align: center;
  }

 .search-control {
    min-width: 480px;
  }

  .outerContainer {
    width: 100%;
    min-width: 330px;
  }

  .criteriaContainer {
    width: 100%;
    min-width: 330px;
    font-size: larger;
  }

  .outerContainer {
  }

  .multipage_viewport {
    width: 100%;
    min-width: 330px;
  }

  .divMapContainer {
    width: 100%;
    min-width: 330px;
  }

  .imgMap {
    width: 100%;
    height: 300px;
  }

  .divSearch {
    width: 100%;
    min-width: 330px;
  }

  .divRentBedroomsContainer, .divUnitTypeOptionsContainer {
    width: 100%;
    max-width: 100%;
  }
  


  .unittypeoptions, .otherfilteroptions
  {
    height: 70px;
  }
  .RadTabStrip_Responsive .rtsLI {
  font-size: smallest;
  /*height: 38px;*/
  }

  .RadTabStrip_Responsive.MyTab .rtsCenter.rtsLevel {
    text-align: right;
  }

  .MyTab
  { 
    font-size: 10px;
    text-align: right;
    background-image: none;
  }


  .listings_count_message {
    font-size: smaller;

  }

  .search_button {
    height: 25px;
    font-size: 14px;
    padding: 5px 0 0 0 ;
    vertical-align: middle;
    display: table-cell;
    line-height: 14px;
    float: none;
  }

  
  .divCounty, .divCity {
	  font-size: 110%;
  }

}