.settingsMenu {
	width: 360px;
			}

.mapButton {
	display: none;
}

	.mapButton + label {
		cursor: pointer;
	}

.checkboxLabel {
	font-size: 12pt;
	font-weight: normal;
}

#checkbox-traffic:checked + label span::before {
	display: inline-block;
	content: url('../images/map/nontraffic/small/TrafficOn.png');
	vertical-align: middle;
	width: 16px;
	height: 16px;
}

#checkbox-traffic + label span::before {
	display: inline-block;
	content: url('../images/map/nontraffic/small/TrafficOff.png');
	vertical-align: middle;
	width: 16px;
	height: 16px;
}

#checkbox-incidents:checked + label span::before {
	display: inline-block;
	content: url('../images/map/traffic/large/IncidentOn.png');
	vertical-align: middle;
	width: 22px;
	height: 32px;
}

#checkbox-incidents + label span::before {
	display: inline-block;
	content: url('../images/map/traffic/large/IncidentOff.png');
	vertical-align: middle;
	width: 22px;
	height: 32px;
}

#checkbox-construction:checked + label span::before {
	display: inline-block;
	content: url('../images/map/traffic/large/ConstructionOn.png');
	vertical-align: middle;
	width: 22px;
	height: 32px;
}

#checkbox-construction + label span::before {
	display: inline-block;
	content: url('../images/map/traffic/large/ConstructionOff.png');
	vertical-align: middle;
	width: 22px;
	height: 32px;
}

#checkbox-cameras:checked + label span::before {
	display: inline-block;
	content: url('../images/map/nontraffic/small/CCTVOn.png');
	vertical-align: middle;
	width: 16px;
	height: 16px;
}

#checkbox-cameras + label span::before {
	display: inline-block;
	content: url('../images/map/nontraffic/small/CCTVOff.png');
	vertical-align: middle;
	width: 16px;
	height: 16px;
}

#checkbox-messagesign:checked + label span::before {
	display: inline-block;
	content: url('../images/map/nontraffic/small/SignOn.png');
	vertical-align: middle;
	width: 16px;
	height: 16px;
}

#checkbox-messagesign + label span::before {
	display: inline-block;
	content: url('../images/map/nontraffic/small/SignOff.png');
	vertical-align: middle;
	width: 16px;
	height: 16px;
}

#checkbox-closure:checked + label span::before {
	display: inline-block;
	content: url('../images/map/traffic/large/ClosureOn.png');
	vertical-align: middle;
	width: 22px;
	height: 32px;
}

#checkbox-closure + label span::before {
	display: inline-block;
	content: url('../images/map/traffic/large/ClosureOff.png');
	vertical-align: middle;
	width: 22px;
	height: 32px;
}

#checkbox-roadconditions:checked + label span::before {
	display: inline-block;
	content: url('../images/map/traffic/large/RoadConditionOn.png');
	vertical-align: middle;
	width: 22px;
	height: 32px;
}

#checkbox-roadconditions + label span::before {
	display: inline-block;
	content: url('../images/map/traffic/large/RoadConditionOff.png');
	vertical-align: middle;
	width: 22px;
	height: 32px;
}

#checkbox-bus:checked + label span::before {
	display: inline-block;
	content: url('../images/map/nontraffic/small/BusOn.png');
	vertical-align: middle;
	width: 16px;
	height: 16px;
}

#checkbox-bus + label span::before {
	display: inline-block;
	content: url('../images/map/nontraffic/small/BusOff.png');
	vertical-align: middle;
	width: 16px;
	height: 16px;
}

#checkbox-rail:checked + label span::before {
	display: inline-block;
	content: url('../images/map/nontraffic/small/TransitOn.png');
	vertical-align: middle;
	width: 16px;
	height: 16px;
}

#checkbox-rail + label span::before {
	display: inline-block;
	content: url('../images/map/nontraffic/small/TransitOff.png');
	vertical-align: middle;
	width: 16px;
	height: 16px;
}




#checkbox-parkride:checked + label span::before {
	display: inline-block;
	content: url('../images/map/nontraffic/small/Park-RideOn.png');
	vertical-align: middle;
	width: 16px;
	height: 16px;
}

#checkbox-parkride + label span::before {
	display: inline-block;
	content: url('../images/map/nontraffic/small/Park-RideOff.png');
	vertical-align: middle;
	width: 16px;
	height: 16px;
}

#checkbox-parkride-traffic:checked + label span::before {
	display: inline-block;
	content: url('../images/map/nontraffic/small/Park-RideOn.png');
	vertical-align: middle;
	width: 16px;
	height: 16px;
}

#checkbox-parkride-traffic + label span::before {
	display: inline-block;
	content: url('../images/map/nontraffic/small/Park-RideOff.png');
	vertical-align: middle;
	width: 16px;
	height: 16px;
}

#checkbox-fastrak:checked + label span::before {
	display: inline-block;
	content: url('../images/map/nontraffic/small/FasTrakOn.png');
	vertical-align: middle;
	width: 16px;
	height: 16px;
}

#checkbox-fastrak + label span::before {
	display: inline-block;
	content: url('../images/map/nontraffic/small/FasTrakOff.png');
	vertical-align: middle;
	width: 16px;
	height: 16px;
}

#checkbox-tap:checked + label span::before {
	display: inline-block;
	content: url('../images/map/nontraffic/small/TAPOn.png');
	vertical-align: middle;
	width: 16px;
	height: 16px;
}

#checkbox-tap + label span::before {
	display: inline-block;
	content: url('../images/map/nontraffic/small/TAPOff.png');
	vertical-align: middle;
	width: 16px;
	height: 16px;
}

#checkbox-bike:checked + label span::before {
	display: inline-block;
	content: url('../images/map/nontraffic/small/BikeOn.png');
	vertical-align: middle;
	width: 16px;
	height: 16px;
}

#checkbox-bike + label span::before {
	display: inline-block;
	content: url('../images/map/nontraffic/small/BikeOff.png');
	vertical-align: middle;
	width: 16px;
	height: 16px;
}

#checkbox-bikeLocker:checked + label span::before {
	display: inline-block;
	content: url('../images/map/nontraffic/small/BikeLockOn.png');
	vertical-align: middle;
	width: 16px;
	height: 16px;
}

#checkbox-bikeLocker + label span::before {
	display: inline-block;
	content: url('../images/map/nontraffic/small/BikeLockOff.png');
	vertical-align: middle;
	width: 16px;
	height: 16px;
}

#checkbox-evcharging:checked + label span::before {
	display: inline-block;
	content: url('../images/map/nontraffic/small/EVOn.png');
	vertical-align: middle;
	width: 16px;
	height: 16px;
}

#checkbox-evcharging + label span::before {
	display: inline-block;
	content: url('../images/map/nontraffic/small/EVOff.png');
	vertical-align: middle;
	width: 16px;
	height: 16px;
}

#checkbox-valocation:checked + label span::before
{
	display: inline-block;
	content: url('../images/map/nontraffic/small/VaLocationOn.png');
	vertical-align: middle;
	width: 16px;
	height: 16px;
}

#checkbox-valocation + label span::before
{
	display: inline-block;
	content: url('../images/map/nontraffic/small/VaLocationOff.png');
	vertical-align: middle;
	width: 16px;
	height: 16px;
}


#checkbox-worksource:checked + label span::before
{
	display: inline-block;
	content: url('../images/map/nontraffic/small/WorkSourceOn.png');
	vertical-align: middle;
	width: 16px;
	height: 16px;
}

#checkbox-worksource + label span::before
{
	display: inline-block;
	content: url('../images/map/nontraffic/small/WorkSourceOff.png');
	vertical-align: middle;
	width: 16px;
	height: 16px;
}