#locatorltr div.gap{
	padding: 20px 0px;
}

#locatorltr  #map{
	min-width: 60%;
	max-width: 60%;
    height: 400px;
}

#locatorltr section.map > div {
    display: inline-block;
    float: left;
}

#locatorltr ul#ui-id-1 {
    max-height: 100px;
    overflow-y: scroll;
    overflow-x: hidden;
}

#locatorltr #mapper_listing{
	max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    min-width: 40%;
    max-width: 40%;
}

#locatorltr .msg{
	padding-left: 20px;
    border-left: 2px solid #aeaeae;
    margin-left: 20px;
    color: #aeaeae;
    font-size: 16px;
}

#locatorltr .entry h4 {
    margin: 0;
    padding: 10px 10px;
    color: #4c4c4c;
    font-size: 18px;
    font-family: sans-serif;
    font-weight: 500;
    text-transform: capitalize;
}

#locatorltr .entry.active h4{
	color: #24b574;
}

#locatorltr section.details{
	display: none;
}

#locatorltr .entry {
	margin: 10px;
    cursor: pointer;
    border-left: 2px solid #ececec;
    padding: 0px 0;
}

#locatorltr .entry.active{
    border-left: 2px solid #24b574;
}

#locatorltr .details p {
    margin: 0;
    padding: 0px 10px;
    font-size: 14px;
    font-family: sans-serif;
    color: #848484;
}

#locatorltr .details ul {
    padding-left: 10px;
    list-style: none;
    font-size: 12px;
    color: #2c2c2c;
    font-family: sans-serif;
}


#locatorltr .input_section{
	position: relative;
}

#locatorltr .input_section input[type=text]{
	border-radius: 0;
    width: 100%;
    min-height: 50px;
    padding-left: 20px;
    outline: none;
}


#locatorltr .ui-state-active, #locatorltr .ui-widget-content .ui-state-active, 
#locatorltr .ui-widget-header .ui-state-active, 
#locatorltr a.ui-button:active, #locatorltr .ui-button:active, 
#locatorltr .ui-button.ui-state-active:hover{
	background-color: #24b574;
	color: #fff;
	border: none;
}


#locatorltr section.window-popup {
    padding: 4px;
}


#locatorltr section.window-popup h4, #locatorltr section.window-popup p {
    margin: 0;
    padding: 0;
}

#locatorltr section.window-popup p {
    font-size: 12px;
    padding-bottom: 4px;
    color: #8c8c8c;
}

#locatorltr section.window-popup h4 {
    padding-bottom: 10px;
    color: #2c2c2c;
}




/*==========  Mobile First Method  ==========*/


    /* Extra Small Devices, Phones galaxy s5 */ 
    @media only screen and (max-width : 480px) {
    	section.map > div {
		    display: block;
		    float: none;
		    width: 100%;
		    max-width: 100% !important;
		    min-width: 100% !important;
		}
    }