@import url(rentcafe_common.css);

h1 { font-size: 2em; }
h2 { font-size: 1.5em; }



#mapContainer {
	height: 800px;
	width: 100%;
}

.section>h2 { font-size:16px; background-color:#fff;
border-bottom: 1px solid #dddddd;		
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	}
.section { margin-top: 20px;  padding: 10px }



h2 {
line-height: 24px;
padding: 6px !important;
color: #1fa9d6;
background-color: #f5f5f5;
margin: 0 ;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
width: 100%;
font-size:16px;
font-weight: 400;
border-top: 1px solid #fff;
}



#ctmcontentcontainer .section h2, #ctmcontentcontainer .section h3  
{
border: none; margin: 50px 0px 20px -10px;}

.normaltext {
font-size: 12px;
line-height: 20px;
padding: 5px;
margin-top: 5px;	
}

.badge.pink  { background-color: #ff6bbc; }
.badge.blue { background-color: #2565fa; }
.badge.yellow { background-color: #fac746; }
.badge.orange { background-color: #f77e52; }
.badge.purple { background-color: purple; }

/* DEMOGRAPHICS */
.list-group-item {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    display: block;
    margin-bottom: -1px;
    padding: 10px 15px;
}

.list-group.small .list-group-item {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    display: block;
    margin-bottom: -1px;
    padding: 5px 15px;
}

.text-muted {
    color: #999999;
}

.demographics-section{
	padding-bottom:15px;
}

.graph-wrap .graph-average {
    position: relative;
	height:6px;
	margin-bottom:15px;
	width:50%;
	overflow:visible;
}

.demographics-key .demographics-value {
    font-weight: 600;
}

.graph-wrap .graph-limit{
    position: absolute;
    z-index: 3;
	left:0;
	border-right:1px solid #fff;
	width:100%;
	height:100%;
}

.graph-wrap .val-below-avg {
    max-width: 100%;
    position: absolute;
    z-index: 2;
}

.graph-wrap .val-above-avg {
    max-width: 200%;
    position: absolute;
    z-index: 1;
}

demographics-wrap{
	margin-top:15px;
}













textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  border: 1px solid #b2b7bc;
  color: #666666;
  font-family: 'Muli Regular', "Lato", sans-serif;
  font-size: 14px;
  text-indent: 1px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
  

label {
color: #1fa9d6;
font-weight: 400;
}

label span {
color: #666;
font-weight: 400;
}


#expandAdvanced {
	border-bottom: 1px solid #1fa9d6;
	border-left: 0px solid #f6f6f6;
	border-top:   0px solid #ffffff;
	border-right:  0px solid #ffffff;  
    background-color: #ffffff !important;
	color: #7f7f7f;
    outline:none;
	-webkit-appearance:none; 
	text-shadow: 0 0px 0px rgba(255, 255, 255, 0.0);
	-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
	position: relative;
	padding: 0 20px 2px 0;
	float: right;
	}
	
#expandAdvanced:after {
	content:'>';
	-webkit-transform:rotate(-90deg);
	font:20px "Consolas", monospace;
	color:#1fa9d6;
	position:absolute;
	right: 0px;
	top:-2px;
	padding:0 0 2px;
	pointer-events:none;		
}	
#expandAdvanced.collapsed:after {
	-webkit-transform:rotate(90deg);
}

#advancedOptionsWrap label.header { 
background-color: #fff;
color: #1fa9d6;
font-weight:400;
font-size: 14px;
padding: 0px;
 
}


#advancedOptionsWrap #cmb_Neighborhood { width: 100%; }

#advancedOptionsWrap ul.amenities , #advancedOptionsWrap ul.unstyled {
border: 1px solid #dce4ec;
padding: 15px;
margin: 0px 0px 10px 0px;
color: #666;
}

#advancedOptionsWrap label.header { padding: 2px 5px;}

#resultHeader {
width: 100%;	
background-color: #eb6d31;;
-webkit-box-shadow: 0 8px 6px -6px #b98121;
	   -moz-box-shadow: 0 8px 6px -6px #b98121;
	        box-shadow: 0 8px 6px -6px #b98121;
z-index: 2;
}

.resultHeader { position: relative; }

.specialIcon { position: absolute; top: 5px; }

#mapWrap {
overflow: auto;
}

@media (min-width: 480px) {
	#mapColumn.span6 #mapWrap { width: 100% }
}

@media (min-width: 767px) {
	#mapColumn.span6 #mapWrap { width: 352px; }
}
@media (min-width: 980px) {
	#mapColumn.span6 #mapWrap { width: 460px; }
}

@media (min-width: 1200px) {
	#mapColumn.span6 #mapWrap { width: 570px; }
}

#searchResultWrapper .searchResultSpan6 {
	margin-left: 0;
}
#searchResultWrapper  #mapColumn.span12 {
	margin-left: 0;
}

#searchResultWrapper #createPoly_btn, #searchResultWrapper #clearPoly_btn {
	position: absolute;
	right: 10px;
	top: 10px;
	padding: 2px 6px;
	z-index: 1000;
}

#paginationTop{
	padding-right: 10px;
	padding-top: 4px;
}

.well-small {
background-color:#ffffff;
}

.well-small:hover {
background-color:#f5fdff;
cursor: pointer;
}
@media (min-width: 767px) {
	.resultBody .thumbnail img { max-width: 130px; }
}

@media (max-width: 767px) {
	.resultBtnWrap  { margin: 10px 0 ; }
	.resultBtnWrap .btn { display: block; }
	.resultBody .addressLabel { float: left;  }
	.resultBody .value { float: right; text-align: right; }
	.row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 0px; }
	label { margin: 10px 0 0 0; }
	.controls select { margin: 0 0 10px 0 }
	.favoriteLabel { width:100% !important; }

    #termsAndConditions
    {
        padding: 0px !important;
    }
}
.sticky.stuck { position: fixed; top: 0px; }

/*added classes for specialty type*/

.specialty-type{
  position:absolute; 
  top:5px;
}
.specialty-type li{
  width:25px;
  height:25px;
  padding:2px 0px;
  margin-right:1px;
  float:left;
  
}

.senior-specialty, .affordable-specialty, .student-specialty{
    background: rgba(0, 0, 0, 0.6);
  }
.senior-specialty {
    background: rgba(0, 0, 0, 0.6) url("../images/senior-icon.png") no-repeat scroll center 50%;
}
.affordable-specialty {
    background: rgba(0, 0, 0, 0.6) url("../images/affordable-icon.png") no-repeat scroll center 50%;
}
.student-specialty {
    background: rgba(0, 0, 0, 0.6) url("../images/student-icon.png") no-repeat scroll center 50%;
}