@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('fonts/glyphicons-halflings-regular.eot');
  src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('fonts/glyphicons-halflings-regular.woff') format('woff'), url('fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
#locationlocator
{
    width:100%;
}
#locationlocator td
{
    border:1px solid #c1c1c1;
}

.map_canvas
{
    border:1px solid;
    float:left;
    margin:0px 10px;
}
#resulttop
{ 
    border-spacing: 1px;
    color: #666666;
    width: 100%;
    float:left;
}
.locationphone,.item-hour

{
    display:block;
    font-weight: 700;    
}
#resulttop .row0  {
    border: 4px solid #EEEEEE; border-radius: 2px; padding: 5px;
    border-radius:0 0 6px 6px;
}
#resulttop .row1  {
    background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid #A8A5A5;
    padding: 5px;
    border-radius:0 0 6px 6px;
}
.location-name
{
    position: relative;
    font-size: 16px;
}
.distance
{
    float:right;
}
#locationresult
{
    float: left;
    margin-top: 10px;
    position: relative;
    margin-bottom: 10px;

}
#map
{
    border:1px solid;
    float:left;
}

#locationsearch_div #map
{
    float:left;
}
#locationsearch_div #matrix
{
    float:right;
}
#maps
{
    width:100%;
    height:100%;
    float:left;
}
#udetails
{
    float:left;
    margin:4px;
}
a.jspArrow:hover{
    background:none;
}

.jspContainer{
    overflow: hidden;
    position: relative;
}

.jspPane{
    position: absolute;
}

.jspVerticalBar{
    position: absolute;
    top: 0;
    right: 0;
    width: 12px;
    height: 100%;
}

.jspHorizontalBar{
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    height: 10px;
}

.jspVerticalBar *,.jspHorizontalBar *{
    margin: 0;
    padding: 0;
}

.jspCap{
    display: none;
}

.jspHorizontalBar .jspCap{
    float: left;
}

.jspVerticalBar .jspArrow{
    height: 16px;
}

.jspHorizontalBar .jspArrow{
    width: 16px;
    float: left;
    height: 100%;
}

.jspVerticalBar .jspArrow:focus{
    outline: none;
}

.jspCorner{
    float: left;
    height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{
    margin: 0 -3px 0 0;
}

.horizontal-only {
    height: auto;
    max-height: 200px;
}


.jspArrowUp{
    background: url("images/up.png") no-repeat scroll center 0 transparent;
}
a.jspArrowUp:hover {
    background: url("images/up.png") no-repeat scroll center 0 transparent;
    opacity: 0.3;
}


.jspArrowDown{
    background: url("images/down.png") no-repeat scroll center 0 transparent;
}
a.jspArrowDown:hover {
    background: url("images/down.png") no-repeat scroll center 0 transparent;
    opacity: 0.3;
}


.jspArrowRight{
    background: url("images/right.png") no-repeat scroll 0 center transparent;
}
a.jspArrowRight:hover {
    background: url("images/right.png") no-repeat scroll 0 center transparent;
    opacity: 0.3;
}


.jspArrowLeft {
    background: url("images/left.png") no-repeat scroll 0 center transparent;
}
a.jspArrowLeft:hover {
    background: url("images/left.png") no-repeat scroll 0 center transparent;
    opacity: 0.3;
}

.jspTrack{
    position: relative;
    padding:1px;
}

.jspDrag{
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
}

.jspHorizontalBar .jspDrag{
    float: left;
    height: 100%;
}

.jspHorizontalBar .jspTrack{
    float: left;
    height: 100%;
}

.jspDisabled{
    opacity: 0.3;
}

.jspArrow{
    text-indent: -20000px;
    display: block;
    cursor: pointer;
}
.jspDrag {
    background: none repeat scroll 0 0 #FFFFFF;
}
.jspTrack {
    background: none repeat scroll 0 0 #CCCCCC;
}
.map_canvas img, #map img
{
    max-width: none !important;
}
.location
{
    float: left;
    margin-top: 10px;
    width: 20%;

}
.loclist h3,.loclist 
{
    float:left;
    width:100%;
}

/* MAP LOCATIONS --------------------------------------*/
#locationlocator{ 
    width:100%; 
    min-height:338px; 
    float:none; 
    clear:both; 
    display:inline-block; 
    background:url('images/map-background.jpg') no-repeat; 
    position:relative; 
    margin:0px!important; 
    padding:0px!important;
}

#locationlocator .innerLeft { 
    width:100%; min-height:338px; 
    float:none; 
    clear:both; 
    display:inline-block; 
    position:relative; 
}

#locationlocator .innerLeft .innerRight { 
    width:100%; 
    min-height:338px; 
    float:none; 
    clear:both; 
    display:inline-block; 
    position:relative; 
}

#locationlocator .btn-group { 
	width:40%; 
	display:inline-block; 
	text-align:center; 
	float:left; 
}

#locationlocator .btn-group .btn-success { 
	height:auto !important; 
	width:80%; 
	display:inline-block; 
	text-align:center; 
	margin:0px 10%; 
	padding:20px 0px; 
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px; 
	border-radius: 2px;
	font-size: 16px; 
	color: #fff;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
 	background: #2980b9;
 	border: 0;
 	cursor: pointer;
  	box-shadow: inset 0 -2px #2475ab;
}

#locationlocator .btn-group .btn-success:active {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#locationlocator .btn-group .btn-success:hover { 
	opacity:0.8; 
	filter:alpha(opacity=80);
	color: #fff; 
}

#locationlocator .btn-group .btn-success i { 
	margin-right:10px; 
}

#locationlocator .btn-group h2, #locationlocator #locationsearch_div h2 { color:#444 !important; font-weight:normal; font-size:19px!important; background:url('images/h2_bkg.png') top center no-repeat; height:47px; line-height:30px; margin:100px auto 0px auto;  }
#locationlocator .separatorLoc{ width:20%; display:inline-block; text-align:center; float:left; margin:150px 0 110px 25px; }
#locationlocator .separatorLoc h5 { 
	color:#fff!important; 
	font-weight:normal; 
	font-size:32px; 
	background: none repeat scroll 0 0 rgba(68, 68, 68, 0.7); 
	width:75px; 
	height:75px; 
	line-height:70px; 
	margin:0px auto; 
	-webkit-border-radius: 50px; 
	-moz-border-radius: 50px; 
	border-radius: 50px;
}

#locationlocator #locationsearch_div { 
	width:40%; 
	display:inline-block; 
	text-align:center; 
	float:right; 
	padding:0px; 
	margin:0px; 
}

#locationlocator #locationsearch_div .input-append { 
	width:60%; 
	display:inline-block; 
	text-align:center; 
	margin:19px 10% 0px 10%; 
	padding:15px 10%; 
	border-radius: 4px; 
	background: #f7f7f7; 
}

#locationlocator #locationsearch_div .input-append #searchinput,#locationlocator #locationsearch_div .input-append #searchpostal  { 
	background:white!important; 
	border:none !important; 
	color: #422b18 !important; 
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px; 
	border-radius: 2px; 
	box-shadow:none !important; 
	width:70%; 
	float:left; 
	min-height: 25px;
}

#locationlocator #locationsearch_div .input-append .btn-primary { 
	width:auto; 
	display:inline-block; 
	text-align:center; 
	line-height: 22px;
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px; 
	border-radius: 2px; 
	font-size: 15px; 
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
 	background: #2980b9;
 	border: 0;
 	cursor: pointer;
  box-shadow: inset 0 -2px #2475ab;
  margin-left: 3px;
    color: #fff;
}

address span.label.label-important.distance span {
color: #fff;
}

#locationlocator #locationsearch_div .input-append .btn-primary:active {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#locationlocator #locationsearch_div .input-append .btn-primary:hover { 
	opacity:0.9; 
	filter:alpha(opacity=90);
	color: #fff; 
}

button.btn.btn-primary.resultbtn, a.btn.btn-inverse.resultbtn, button.sample.btn.custom.large.a.pull-right.btn-danger.button, a.btn.btn-warning.resultbtn, a.modal.resultbtn.btn.btn-success { 
    width:auto; 
    display:inline-block; 
    text-align:center; 
    line-height: 22px;
    -webkit-border-radius: 2px; 
    -moz-border-radius: 2px; 
    border-radius: 2px; 
    font-size: 14px; 
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    background: #2980b9;
    border: 0;
    cursor: pointer;
    box-shadow: inset 0 -2px #2475ab;
    margin-left: 3px;
    color: #fff;
    text-decoration: none;
    padding: 4px;
}


button.btn.btn-primary.resultbtn:hover, a.btn.btn-inverse.resultbtn:hover, button.sample.btn.custom.large.a.pull-right.btn-danger.button:hover, a.btn.btn-warning.resultbtn:hover {
box-shadow: 2px 2px 12px #ccc;
}

button.btn.btn-primary.resultbtn:active, a.btn.btn-inverse.resultbtn:active, button.sample.btn.custom.large.a.pull-right.btn-danger.button:active, a.btn.btn-warning.resultbtn:active {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

button.btn.btn-primary.resultbtn:hover, a.btn.btn-inverse.resultbtn:hover, button.sample.btn.custom.large.a.pull-right.btn-danger.button:hover, a.btn.btn-warning.resultbtn:hover {
    color: #fff; 
}

#maps { 
	margin:30px 0px 10px 0px; 
}

#locationresult { 
	float:right; width:38%; margin-top:0px!important; 
}

#resulttop .row0, #resulttop .row1 { margin-bottom:10px; 
	background:#eeeeee; 
	border:1px solid #eeeeee; 
}

.location-name { 
	margin-left:5px; 
}

.location-location { 
	position:relative; left:5px; 
}

.location-name a { 
	color:#444 !important; 
	text-decoration: none;
}

span.item-map{margin-top:10px; display:inline-block; width:90%; margin-left:5%;}
body.location{ width:100%; margin:0px; }

table.adp-directions, table.adp-placemark{ border:none!important; }
table.adp-directions td, table.adp-placemark td{ border:none!important; }
table.adp-placemark, table.adp-placemark td{ background:none!important; font-weight:bold; color:#422B18 !important; }
#resultpanel button.sample{ position:relative; left:-15px; }

.cwell{
    padding: 20px;
}
#locationresult address
{
    width:100%;
}

#locationresult address
{
    width:100%;
}
#locationlocator .element-invisible,#locationlocator .page-header
{
    display: none;
}
.map_canvas h2
{
    line-height: none;
    font-size:30px;
}

#locationsearch_div .filter-select
{
    display: block !important;
}

#locationlocator .span1
{
    width:15%;
    float:left;
}
.maplist
{
    margin-bottom: 4px;
}
.contact .modal,.item-map .modal
{
    left: 0px;
    margin: 0;
    position: relative;
    width: auto;
    right: 0px;
    top: 0px;
}
.adv-search
{
      background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #EEEEEE;
    border-radius: 9px;
    margin: 0 auto;
    width: 77%;
}
.pac-container, .pac-item {
    width: inherit !important;
}
.adv-search input.labelauty + label
{
  background:#cccccc;
}
#filter_catid,#radius,#resultpanel
{
    background: none repeat scroll 0 0 #EEEEEE;
}


[class^="mml-"], [class*=" mml-"] {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mml-print:before {
  content: "\e045";
}
.cmml-toolbar
{
    float:right;
    width:25%;
}
.maplist
{
    max-width: 200px;
}

.mml-map-marker:before {
  content: "\e062";
}
.mml-calendar:before {
  content: "\e023";
}
.mml-home:before {
  content: "\e021";
}
.mml-icon-search:before {
  content: "\e003";
}

.mml-user:before {
  content: "\e008";
}
.mml-hand-right:before {
  content: "\e145";
}
.mml-icon-remove-circle:before
{
  content: "\e088"; 
}
.mml-icon-geolocation:before
{
content:"\e087";
}

.mml-icon-align-justify:before
{
  content:"\e128";
}
.mml-icon-screenshot:before
{
 content:"\e087"
}
.mml-edit:before
{
 content:"\270f"; 
}
.conutry_dropdown,.conutry_dropdown
{
    background: none repeat scroll 0 0 #EEEEEE;
       max-width: 200px;
}
.tag-search
{
  float:left;
  width:100%;
}
#map-location.form-inline div.tag-search label
{
  padding:5px;
  line-height:15px;
}
.mymap-icon
    {
    max-width:100px;
    max-height: 100px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: inline-block;
    height: auto;
    line-height: 1.42857;
    padding: 4px;
    transition: all 0.2s ease-in-out 0s;
     float:left;
           margin: 10px;
    }
    .sidebar-icon
    {
    max-width:80px;
    max-height: 80px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: inline-block;
    padding: 4px;
     margin: 0px 4px;
    transition: all 0.2s ease-in-out 0s;
    float:left;

    }

@media (min-width: 979px) {
  #locationlocator
  {
    background-size: 100% 338px;
  }
}
@media (min-width: 768px) and (max-width: 979px) { 
    #locationlocator .btn-group h2, #locationlocator #locationsearch_div h2{ font-size:17px!important; background:url('images/h2_bkg.png') no-repeat; width:100%; line-height:30px; }
}

@media (min-width : 481px) and (max-width : 767px) { 
    #locationlocator .btn-group{ width:80%; display:inline-block; text-align:center; margin:0px 10%; float:none; clear:both; }
    #locationlocator .separatorLoc{ width:100%; display:inline-block; text-align:center; float:none; clear:both; margin:20px 0px 0px 0px; }
    #locationlocator .btn-group h2, #locationlocator #locationsearch_div h2{ margin:30px auto 0px auto;  }
    #locationlocator #locationsearch_div{ width:80%; display:inline-block; text-align:center; margin:0px 10%; float:none; clear:both; }
    #locationlocator #locationsearch_div .input-append{  width:60%; display:inline-block; text-align:center; margin:19px 10% 0px 10%; padding:15px 10% 0px 10%; -moz-border-radius: 9px; border-radius: 9px; border:1px solid #eeeeee; background: #eeeeee; }
#locationlocator .span1
{
    width:100%;
    float:left;
}
#locationlocator .btn-group h2, #locationlocator #locationsearch_div h2
{
  margin:0px auto 0px;
}

}

@media (max-width: 480px) { 
    #locationlocator .btn-group{ width:80%; display:inline-block; text-align:center; margin:0px 10%; float:none; clear:both; }
    #locationlocator .separatorLoc{ width:100%; display:inline-block; text-align:center; float:none; clear:both; margin:20px 0px 0px 0px; }
    #locationlocator .btn-group h2, #locationlocator #locationsearch_div h2{ margin:30px auto 0px auto; width:100%; font-size:13px!important; line-height:21px; font-weight:bold; }
    #locationlocator #locationsearch_div{ width:80%; display:inline-block; text-align:center; margin:0px 10%; float:none; clear:both; }
    #locationlocator #locationsearch_div .input-append{  width:60%; display:inline-block; text-align:center; margin:19px 10% 0px 10%; padding:15px 10% 0px 10%; -moz-border-radius: 9px; border-radius: 9px; border:1px solid #c3b6ac; background: #cfc5bd; }
#locationlocator .span1
{
    width:100%;
    float:left;
}
#locationlocator .btn-group h2, #locationlocator #locationsearch_div h2
{
  margin:0px auto 0px;
}
}
@media (max-width: 560px) { 
    #locationresult,#map,.map_canvas
    {
        width:100% !important;
        float:left;
    }
}
.textbold
{
  font-size: 20px;
  font-weight: bold;
}
span.star-rating-wrap {
	width:98px;
	display:inline-block;
	height:23px;
	background-position: left bottom;
	background-repeat:no-repeat;
	border-radius: 7px;
}

span.star-rating-wrap span {
	width:100%;
	display:inline-block;
	height:22px;
	background-position: left top;
	background-repeat:no-repeat;
	float: left;
}
span.star-rating-wrap, span.star-rating-wrap span{background-image:url(images/stars-large.png) ;}
.google-avatar{
 background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    height: 60px;
    margin: 0 10px 10px 0;
    width: 60px;
    }
    #map .gm-style-iw h3
    {
      display:block;
    }
    #locationsearch_div #cal_event_id
    {
      max-width:100px;
    }