body {margin: 0px; padding: 0px; font: 14px/16px Arial, Helvetica, sans-serif;}

html,body{
	height:100%;
}

#map {
	width: 100%;
	height: 400px;
}

.info {
	margin-left: 20px;
	padding: 6px 8px;
	font: 14px/16px Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
}

.info h4 {
	margin: 0 0 5px;
	color: #777;
}

#indeedResults {
	margin-left: 20px;
	padding: 6px 8px;
}

.legend {
	text-align: left;
	line-height: 18px;
	color: #555;
	padding: 6px 8px;
}

.legend i {
	width: 18px;
	height: 18px;
	float: left;
	margin-right: 8px;
	opacity: 0.4;
}

.leaflet-control-attribution leaflet-control {display: none important!;}

.header #info {display: none; margin-top: 40px; margin-left: 40px; color: #FFFFFF;}

#title {text-align: center; background-color: #396AB3; color: #FFFFFF; padding: 20px 0px;}
h1.mainTitle {color: #FFFFFF !important;}

#pageTitle {color: #FFFFFF; font-size: 34px; margin-left: 40px; margin-top: 50px;}

br {margin-bottom: 10px;}

.location {font-size: 12px; font-style: italic;}

.jobs br {margin-bottom: 0px;}

.pageToggle {padding: 10px; margin: 0px; 5px; float: left; cursor: pointer;}

.pageToggle:hover {background-color: orange; color: #FFFFFF;}


.pageControls {}
		.pageNumber, .prevNext {padding: 10px; margin: 0px; 5px; float: left; cursor: pointer;}
		
		div.active, .pageNumber:hover {background-color: orange; color: #FFFFFF;}
		.active {background-color: orange; color: #FFFFFF;}
		.active a {color: #FFFFFF;}

		#categories p, #companies p, #jobsByCategory p, #jobsByCompany p {padding: 10px;}
		
		.CTAFooter {
			float: right;
			font-size: 22px;
			font-weight: bold;
			font-style: italic;
		}
		
		.CTAFooter a {
			background-color: #F67E79;
			color: #FFFFFF;
			padding: 10px;
			display: inline-block;
			margin-left: 20px;
			font-weight: normal;
			font-style:normal;
			text-decoration:none;
		}

		.green {
			background-color: #69b333;
		}

		.pink {
			background-color: #ff7e79;
		}

		.orange {
			background-color: #ff8100;
		}

		.topButton {
			color: #FFFFFF;
			padding: 5px;
			display: block;
			margin-left: 20px;
			font-weight: normal;
			font-style:normal;
			text-decoration:none;
			font-size:18px;
			float: left;
		}

		.states { 
			pointer-events: none; 
		}

		.navButtons {
			float: left;	
		}

		#pageTitle {
			color: #ffffff;
			font-size: 34px;
			margin-bottom: 15px;
			margin-left: 20px;
			margin-top: 50px;
		}
		
		.noCursor {
			cursor: default;
			text-decoration: none;
		}

		.noCursor:hover {
			cursor: default;
			color: #FFFFFF;
			text-decoration: none;
		}
		
		.scrollBar {
			overflow: auto;
			//border: 1px solid red;
			height: 600px;
		}
		
.ecomButton {
	color: #000000;
	font-weight: normal;
	
}

@media (min-width: 992px) {
.row.mapGrid {
    background: #fff;
    border-collapse: none;
    display: table;
    margin: 0;
    padding: 0;
	width: 100%;
}

.row.mapGrid [class*="col-"] {
    float: none;
    xdisplay: table-cell !important;
    vertical-align: top;
}
}
/*@media (max-width: 991px) {
.row.mapGrid [class*="col-"] {
    display: block !important;
}	
}*/