.content-holder .grid_9 {
}

.container-google-maps-outer {
	padding: 100% 0 0 0 ;		/* area for google-maps to sit in- then the table sits beneath it ... */
	position: relative ;
	margin-bottom: 1.5em ;
}

.container-google-maps-outer.profile-editing {
	width: 450px ;
	padding-top: 450px ;
	border-width: 5px ;
	}

.container-google-maps {
	position: absolute ;	
	top: 0 ; 
	right: 0 ;
	bottom: 0 ;
	left: 0 ;
}

#map-canvas { 
	height:100% ; 
	width:100%; 
	margin: 0 auto ;
}

.map-results {
	text-align: center ;
	padding: 0.25em 0.5em 0.75em 0.5em ;
	}

/* turn off universal img max-width of 100% */
.gmnoprint img ,
#map-canvas img {
    max-width: none; 
}

/* adjust google map infowindow inner divs - to make scroll bar look nice ... */
.gm-style-iw > div 			{ width: 100% !important ; } 
x.gm-style-iw > div > div 	{ width: 100% !important ; }


/* now, IMDA stuff */

.data-filters {
	
}
.data-filters .heading-category {
	padding-left: 1.35em ;
	text-indent: -1.35em ;
	cursor: pointer;
}
.data-filters .heading-category .fa {
	display: inline ;
}

.data-filters .data-select-deselect-all  {
	padding: 0.35em 0.15em 0.35em 1.7em ;
}

.data-filters label {
	display: inline-block ;
	font-weight: normal ;
	padding-left: 1.75em ;	/* push everything to the right .. */
	text-indent: -1.69em ;	/* pull first line back to the left ... */
	margin: 0.25em 0 ;
}

.data-filters input {
	vertical-align: middle ;
	position: relative ;
	bottom: 1px ;		/* cb wants 1, radio wants 2 .. */
	margin-right: 0.7em ;
	margin-left: 0.15em ;
}

	.data-filter-search  {
		padding-top: 0.25em ;	
	}


	.data-filter-search input {
		padding: 0.253em ;
		margin: 0.25em ;
	}
		.lt-ie9 .data-filter-search input {
			width: 150px ;
		}
	
	.dfc-search-btn {
		margin: 0 3px;
		border: 0;
		height: 32px;
		width: 32px;
		background-color: transparent;
		xfloat: right;
	}
	

.data-filters .container-category {
	padding: 0.75em ;
	border-width: 1px ;
	margin-bottom: 1em ;
}

.data-table {
	border-width: 1px ;
}
.data-header {
	font-weight: bold ;
	background: #4f2f91 ;
}
	.data-header div {
		padding: 0.36em ;	/* 0.45em / 1.25em ; (0.45em is data-row's padding) */
		font-weight: bold ;
		font-size: 1.25em ;
		color: white ;
	}

.data-row {
	border-width: 0 0 1px 0 ;
	cursor: pointer ;
}
	.data-row:hover {
		background: #F0F0F0 ;
	}
	.data-row div {
		padding: 0.45em ;
	}

	.hide-row {
		display: none ;
	}




.data-info {
	/* - height set by .logo & .data-info-text */
	/* width: 300px ; */
	/* height: 320px ; */
}

.data-info .di-header {
	margin-right: 30px ;	/* need space for the infowindow X button */ 
	}

.data-info .logo {
	text-align: left ;
	height: 110px ;				/* fixed the height to stop the double scrolling bar bug */
}
	#map-canvas .data-info .logo img {
		max-width: 400px ;
		height: 100px ;			/* make the logo fill the height space */
		display: block ; 		/* turn off that silly extra padding */
	}
.data-info .title {
	line-height: 1.2 ;
	margin-bottom: 0.15em ;
	font-size: 1.2em ;
	color: #53565A;
}
.data-info-text {
	height: 220px ;			/* fixed the height to stop the double scrolling bar bug */
	overflow-y: auto ;
	overflow-x: hidden ;
	-webkit-overflow-scrolling:touch ;	/* for mobile gadgets */
	
}
	.data-info-left ,
	.data-info-right {
		display: inline-block ;
		width: 50% ;
		vertical-align: top ;
	}
	.data-info-right span {
		/* put in trailing "..." when text is too long for the line */
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		width: 180px ;
		display: inline-block ;
	}

.mm-status {
	text-align: center ;
	}

.data-row .mm-status {
	padding-top: 1em ;
	}

.yes {
	color: green ;
	}		
.no {
	color: orange ;
	}	
.expired {
	color: red ;
}

.data-filter-poi input {
	height: 2.5em;
	}

.data-filter-poi span {
	display: inline-block ;
	width: 3.25em;
	height: 2.3em ;
	}
.data-filter-poi .administration {
	background: transparent url(/Sectors/IMDA/Map.nsf/images/icons/map/administration.png) no-repeat center center ;
	}
.data-filter-poi .hospital-building {
	background: transparent url(/Sectors/IMDA/Map.nsf/images/icons/map/hospital-building.png) no-repeat center center ;
	}
.data-filter-poi .office-building {
	background: transparent url(/Sectors/IMDA/Map.nsf/images/icons/map/office-building.png) no-repeat center center ;
	}
.data-filter-poi .university {
	background: transparent url(/Sectors/IMDA/Map.nsf/images/icons/map/university.png) no-repeat center center ;
	}

.line-latlng {
	margin-bottom: 0.15em ;	
	}

.gm-coords-lat , 
.gm-coords-lng {
	background: gray ;
	color: white ;
	padding-left: 0.5em ;
	padding-right: 0.5em ; 
	min-width: 170px ;
	display: inline-block ;
}


.container-share-page {
	margin-top: 3em ;
	}

@media screen and (max-width: 800px) {
	.content-holder .grid_3 {
		width: 98% ;
	}
	.content-holder .grid_9 {
		width: 98% ;
	}
	
}