.map-container{style: "margin: -30px -30px 20px -30px;"}
	#map-canvas{style: "width: 100%; height: 350px;"}

#charts

	#searches_chart{style: "width: 100%; height: 300px;"}
		%center
			The dashboards are loading
			%br/
			= image_tag('dashboard-loader.gif')
	#grades_chart{style: "width: 100%; height: 300px;"}
	#preferences_chart{style: "width: 100%; height: 300px;"}
.map-container{style: "margin: -30px -30px 20px -30px;"}
	#map-canvas{style: "width: 100%; height: 350px;"}
		%div{style: "text-align: center; margin-top: 200px;"}
			The dashboards are loading
			%br/
			= image_tag('dashboard-loader.gif')

#searches_chart{style: "width: 100%; height: 300px;"}
	%center
		The dashboards are loading
		%br/
		= image_tag('dashboard-loader.gif')

#grades_chart{style: "width: 100%; height: 300px;"}
	%center
		The dashboards are loading
		%br/
		= image_tag('dashboard-loader.gif')

#preferences_chart{style: "width: 100%; height: 300px;"}
	%center
		The dashboards are loading
		%br/
		= image_tag('dashboard-loader.gif')
Add a loader gif for every dashboard
Add a loader gif for every dashboard
