#poi-info {position:relative}
.icon-48 {
	float:left;
	margin-left:3px;
	background:#444 url(/images/ui-bg_dots-small_50_444_2x2.png) 50% 50% repeat;
	width: 50px;
	height: 48px;
	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
	word-wrap:break-word;
	font-size:9px;
	color:#fff;
	position:relative;
	cursor:pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.icon-48.selected {
	background: #444;
}

.icon-48.selected .checkmark {
	position:absolute;top:1px;left:1px;width:16px;height:16px;
	background:url(/images/icons/check-mark-white.png);
}

.icon-48.icon-54 {
	height: 54px;
}

.icon-48:nth-child(1) {
	margin-left:0px;
}

.filter-icon {width:32px;height:37px;text-align:center;float:left;}
.filter-text {text-transform:lowercase;color:#fff;float:left;font-size:16px;padding:3px 0 0 5px;cursor:pointer;}

.icon-48, #accommodation-do-search {border:1px solid #bbb;}
.tt-suggestion {font-size:16px;line-height:17px;padding:0 10px 6px 25px;font-weight:normal;text-align:left;}
.tt-suggestion:last-child {padding-bottom:0;}
.tt-suggestion:hover {cursor: pointer;color: #fff;background-color: #333;}
.tt-suggestion.tt-cursor {color: #fff;background-color: #333;}

//.ui-dialog-titlebar-close {display:none;}

html, body, #map {width:  100%; height: 100%; font-size:12px;}
html {overflow: hidden;}
body {margin: 0px; 0px; 0px; 0px;background:#fff;background-image:none !important;overflow:hidden;}
.cke_custom_error {border: 1px solid #cd0a0a; background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #FFFFFF;padding:0 5px;}
.ui-widget-overlay { background: #666666 url(images/ui-bg_maze_20_000000_10x10.png) 50% 50% repeat scroll; opacity: .60;filter:Alpha(Opacity=60); }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a;
background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #fff; font:.8em Arial,Helvetica,clean,sans-serif;
}
.ui-state-ok {border: 1px solid #0acd0a;
background: #41bf3b url(images/ui-bg_diagonals-thick_30_41bf3b_40x40.png) 50% 50% repeat; color: #444; font:.8em Arial,Helvetica,clean,sans-serif;
}
.noTitle .ui-dialog-titlebar {display:none;}
#location-status.idle {background-image:none;}
#location-status.working {background-image:url(images/pbar.gif);background-position:7px 15px;background-repeat:no-repeat;}

.signin-field {margin-top:5px;}
.signin-field input {width:170px;opacity:0.7;filter: alpha(opacity = 70);}

.round2 {border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;}
.round3 {border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.round4 {border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
.round5 {border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.opacity60 {opacity:0.6;filter: alpha(opacity = 60);}
.opacity80 {opacity:0.8;filter: alpha(opacity = 80);}
.grey50 {color:#888888;}
.grey80 {color:#aaaaaa;}
.pointer {cursor:pointer;}

.input-hidden {z-index:-1; position:absolute; visibility: hidden; overflow: hidden;}

.noshow {visibility:hidden;}
.nodisplay {display:none;}

.color-enabled {background: #8f8;}
.color-disabled {background: #f88;}

textarea, select, input {
	font-family: 'Open Sans',Arial,Helvetica,clean,sans-serif;
	font-size: 100%;
	vertical-align: middle;
	border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;
	border:1px solid #ff770d;
	padding: 2px 5px;
}

.button-orange {
-moz-border-radius:5px 5px 5px 5px; // FF;
-webkit-border-radius:5px 5px 5px 5px; // SF;
border-radius:5px 5px 5px 5px; // CH, OP;
background: #ff770d;
border:0 none transparent;
color:#FFFFFF;
display:inline-block;
font-family: Verdana, Arial, sans-serif;
cursor:pointer;
font-size:1em;
font-weight:bold;
line-height:2;
padding:0 1.5em;
}

.labels {background-color: white;font-family: 'Noto Sans',"Verdana","Arial",sans-serif;font-size: 9px;text-align: center;width:auto;border: 1px solid #888;white-space: nowrap;padding:0px 1px;opacity:.7;
-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

.labels.active, .leaflet-tooltip.active {background-color: #6f6;font-weight:600;border:1px solid #0f0;}
.good {border:1px solid red;}

.leaflet-control-zoom, .leaflet-control-zoom input {
	font-family: 'Open Sans',helvetica,arial,sans-serif;
}
.controltype .leaflet-control-zoom a, .maptype .leaflet-control-zoom a {
	display: block;
	width: 90px;
	height: 19px;
	text-align: center;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-color: rgba(255, 255, 255, 0.75);
	
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	
	text-decoration: none;
	font-size: 11px;
	color: black;
}

.controltype .leaflet-control-zoom a {width: 100%;font-size:14px;height:22px;position:relative;}

.controltype .leaflet-control-zoom a div,.maptype .leaflet-control-zoom a div {
	padding-top: 2px;
}

.closetimes {position:absolute;right:5px;top:0px;display:none;}
.control-active .closetimes {display:block;}

.floatmaptype {position: absolute; top:10px; left:10px;z-index:400;}
.floatsearch {display:none;position: absolute; top:80px; left:10px; font-size:14px;color:#fff;z-index:401;}
.floatsearch input {margin-left:5px;border:1px solid #fff;color:#000;width:40px;font-size:14px;vertical-align:middle !important;}
.floatsearch input.focused {width:240px;}
.floatzoom {display:none;}
.floataccommodation {display:none;z-index:400;}
.floatsearch .twitter-typeahead:before {background:center no-repeat url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='16' height='16'><path fill='%23FFFF' d='M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z'></path></svg>");height:25px;content:"aaa";color:transparent;margin-left:2px;}

@media (min-width: 768px) {
.floatmaptype {position: absolute; top:40px; left:80px;}
.floatzoom {position: absolute; top:40px; left:40px;display:block;}
.floatsearch {position: absolute; top:120px; left:40px;display:block;}
.floataccommodation {position: absolute; top:170px; left:40px;display:block;}
.floatsearch input {width:100px;}
.floatsearch input.focused {width:300px;}
}

//.tt-menu {margin:5px 0;background-color:#888;width:100%;-webkit-border-radius:5px;border-radius:5px; -moz-border-radius:5px;-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);box-shadow: 0 5px 10px rgba(0,0,0,.2);-moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);border:1px solid rgba(0,0,0,.2);}

.leaflet-control-zoom, .tt-menu {
	background-color: rgba(0, 0, 0, 0.6) !important;
	-moz-box-shadow: 0 2px 8px rgba(0,0,0,0.5) !important;
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.5) !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.5);	
    padding: 5px !important;
	-moz-border-radius: 7px !important;
	-webkit-border-radius: 7px !important;
	border-radius: 7px !important;
	border: 0px !important;
}
.tt-menu {
	background-color: rgba(40, 40, 40, 0.8) !important;
}
.leaflet-control-zoom, .tt-menu {
	margin-left: 13px;
	margin-top: 12px;
	box-shadow: 0 0 8px rgba(0,0,0,0.4);
	border: 1px solid #888;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
	}
.tt-menu {width:100%; margin-left:-5px;margin-top:7px;}
.leaflet-control-zoom a {
	width: 22px;
	height: 22px;
	background-color: rgba(255, 255, 255, 0.8);
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-control-zoom a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-control-zoom a:hover {
	background-color: #fff;
	color: #777;
	}
.leaflet-control-zoom-in {
	border-bottom: 1px solid #aaa;
	font: bold 18px/24px Arial, Helvetica, sans-serif;
	-webkit-border-radius: 5px 5px 0 0;
	        border-radius: 5px 5px 0 0;
	}
.leaflet-control-zoom-out {
	font: bold 23px/20px Tahoma, Verdana, sans-serif;
	-webkit-border-radius: 0 0 5px 5px;
	        border-radius: 0 0 5px 5px;
	}
.leaflet-control-zoom a.leaflet-control-zoom-disabled {
	cursor: default;
	background-color: rgba(255, 255, 255, 0.8);
	color: #bbb;
	}

.controltype .leaflet-control-zoom a.control-active,  .maptype .leaflet-control-zoom a.maptype-active {
-moz-box-shadow:inset 2px 2px 2px rgba(0,0,0,0.8) !important;
-webkit-box-shadow:inset  2px 2px 2px rgba(0,0,0,0.8) !important;
box-shadow:inset  2px 2px 2px rgba(0,0,0,0.8) !important;
background-color: #eee;
font-weight:bold;
}
.leaflet-control-zoom a.maptype-active a:hover {
background-color: #fff;
}

.leaflet-tooltip {padding:0px;font-size:10px;}
.leaflet-popup-content {width:auto;}
div[field=poi-title] {text-align:center;font-size:11px;}

.poi-label {font-size: 10px;white-space: nowrap;padding:0px 1px;}
.poi-label.nopoi {visibility:hidden;}
.poi-label.active {background-color: #448aff;border-color: #448aff;border-right-color: #448aff;color: #ffffff;z-index:900;}
.leaflet-tooltip-right.poi-label.active:before {border-right-color: #448aff;}
.leaflet-tooltip-left.poi-label.active:before {border-left-color: #448aff;}
.leaflet-marker-pane svg {z-index:3000}

.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
}
.modal-dialog {width:630px !important;}
.control-button {background:#f18103;width:32px;height:32px;cursor:pointer;margin-top:5px;text-align:center;color:#fff;}
.control-button i {line-height:32px;}