#legendLinkDiv {
	text-align: right;
	width: 100%;
	
}

#legendLink {
	cursor: pointer;
}

#currentStatusList {
	margin-top: 20px;
}

.HASubButton {
	margin: 4px;
	width:  45%;
}

.HASubButtonGroup {
	width:  100%;
	margin:  0 auto;
	text-align: center;
}

.frontPageHealthAdvisoryDiv {
	max-width: 100%;
	width:  100%;
	margin: 0 auto;

}

.popUpTitleWhiteBox {
	padding: 6px;
}

.airnowLink {
	text-decoration: none;
}

#legendIcon {
	border-radius: 6px;
	text-align: center;
	padding-top:  4px;
	padding-bottom: 4px;
	max-width: 100%;
	width: 280px;
	margin: 0 auto;
	margin-bottom: 2px;
	box-shadow: 2px 3px 3px #888888;
}



.legendHighlight{
	background-color: rgba(255,255,255,0.5);
	border-radius: 6px;
	transition: .2s;
	margin: 0 auto;
	margin-top: 4px;
	margin-bottom: 4px;
	padding:  4px;
	font-size: 11px !important;
}

.legendHighlight:hover {
	background-color: rgba(255,255,255,0.85);
	transition: .2s;
}

.table-curved {
	width: 100%;
	max-width: 100%;
	border-collapse: separate;
	border: solid 1px;
	border-radius: 6px;
	border-left: 0px;
	border-top: 0px;
	border-spacing: 0;
	margin-bottom: 4px !important;
	box-shadow: 2px 3px 3px #888888;
}

.table-curved > th {
	text-align: center;
}


.table-curved > thead:first-child > tr:first-child > th {
	border-bottom: 0px;
	border-top: solid 1px;

}



.table-curved td, .table-curved th {
	border-left: solid 1px;
	border-top: solid 1px;

}

.table-curved > :first-child > :first-child > :first-child {
	border: none;
}




.table-curved > :first-child > :first-child > :nth-child(2) {
	border-top-left-radius: 6px;

}


.table-curved > :nth-child(2) > :first-child > :first-child {
	border-top-left-radius: 6px;

}


.table-curved > :first-child > :first-child > :last-child {
	border-top-right-radius: 6px;
}
.table-curved > :last-child > :last-child > :first-child {
	border-bottom-left-radius: 6px;
}
.table-curved > :last-child > :last-child > :last-child {
	border-bottom-right-radius: 6px;
}

#communityLink:hover {
	/*background-color: #FFFFFF;*/
	/*font-weight: bold;*/
	/*transition: .5s;*/
}


#communityLink {
	padding: 0;
	margin: 0 auto;
	vertical-align: middle;
}

#statusTableHeader {
	padding: 0;
	margin: 0 auto;
	background-color: #FFFFFF;
}




#commLinkDiv {
	width: 100%;
	/*height: 50px;*/
	max-height: 100%;
	/*margin: 0 auto;*/
	text-align: center !important;
}

#commLinkText {
	background-color: rgba(255,255,255,0.5);
	border-radius: 6px;
	margin: 0 auto;
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 0;
	max-width: 90%;
	text-align: center !important;
	font-size: 14px !important;
}

#commLinkText:hover {
	background-color: rgba(255,255,255,0.75);

}

.siteLink {
	text-decoration: none;
	color: #222222;
}

a#commLinkText {

}


.sidePaneButton {
	white-space: normal;
	margin: 2px;
	margin-left: 0;
	margin-right: 0;
	padding: 4px;
	max-width: 100%;
	width: 100%;
	/*border: solid 1px;*/
	border-radius: 6px;

}

.HAButton {
	white-space: normal;
	margin: 2px;
	margin-left: 0;
	margin-right: 0;
	padding: 1%;
	width: 100%;
	/*border: solid 1px;*/
	border-radius: 6px;

}

.healthAlertLinkButton {
	margin: 1px;
	color: #222222;
	/*border: solid 1px;*/
	max-width: 100%;
	padding: 1%;

}



.alertDropDownContent {
	padding: 6px;
}

#whatIsButton {
	max-width: 100%;
	margin-top: 2px;
}

.healthAlertSidePane {
	background-color: #F05A56;
	margin:0 auto;
	max-width: 400px;
	border-radius: 10px;
	padding: 8px;
	font-color: #FFFFFF;
	margin-top: 6px;
	margin-bottom: 20px;
	text-align: center;
	/*border: solid 3px #B51915;*/
	box-shadow: 2px 3px 3px #888888;
}

.tempMonitorDiv {
	background-color: #F05A56;
	border-radius: 10px;
	padding: 8px;
	/*border: solid 3px #B51915;*/
	box-shadow: 2px 3px 3px #888888;
	margin-bottom: 20px;
}

#statusTable {
	max-width: 100%;
}

#statusTableHeader {
	padding: 0;
	vertical-align: middle;
	line-height: 0;
}



#tempMonitorsTable {
	margin-top: 10px;
}

#regionsTable {
	margin-top: 10px;
}

#townsTable {
	margin-top: 10px;
}

.AQIColoredDiv {
	padding: 5px;
	border-radius: 4px;
	display: inline-block;

}

.aqiGridContainer {
	border-radius: 4px;
}

.popUpTitleWhiteBox {
	display: inline-block;
	background-color: rgba(255,255,255,0.7);
	border-radius:  4px;
	margin: 0px;
	padding:  2px;
	font-weight: 400;
}

.aqiTableWhiteBox {
	background-color: rgba(255,255,255,0.7);
	border-radius:  4px;
	margin-top: 4px;
	margin-bottom: 4px;
	text-align: center;
}

.aqiTableContent{
	margin-top: 4px;
	margin-bottom: 4px;
	text-align: left;
}

.aqiTableRow {
	border:  solid 1px white;
}

.coloredGridBox {
	border-radius: 4px;
}

.popUpCloseButton {
	margin-top:  6px;
	margin-right:  6px;
	position: absolute;
    top: 0px;
    right: 0px;
}




.whiteBox {
	background-color: rgba(255,255,255,0.7);
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-radius:  4px;
	margin: 10px;
	max-width: 100%;
	word-wrap: break-word;
	font-size: 1rem;
}

.sidePaneWhiteBox {
	background-color: rgba(255,255,255,0.7);
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-radius:  4px;
	margin-top: 4px;
	margin-bottom: 4px;
	max-width: 100%;
	
	/*word-wrap: break-word;*/
	font-size: 1rem;
}

/*.emergencyMonitorAQIDiv {
	width: 100%;
	height: 100%;
	margin: 0;
	border-radius: 0;
}*/

@media (max-width: 1350px) {
	.sidePaneWhiteBox {
		font-size: .9rem;
	}

}

@media (max-width: 1225px) {
	.sidePaneWhiteBox {
		font-size: .7rem;
	}

}

@media (max-width: 1065px) {
	.sidePaneWhiteBox {
		font-size: 1rem;
	}

}

@media (max-width: 460px) {
	.sidePaneWhiteBox {
		font-size: .7rem;
	}

}