.uvindex-low {
	color: black;
	background-color: #A4CE6A;
	width: 15%;
	height: 20px;
	text-align:center;
	margin:2px;
	font: 14px Arial, sans-serif;
	font-weight: bold;
	padding:5px; 
	border-radius:5px;
}
.uvindex-medium {
	color: black;
	background-color: #FBEE09;
	width: 15%;
	height: 20px;
	text-align:center;
	margin:2px;
	font: 14px Arial, sans-serif;
	font-weight: bold;
	padding:5px; 
	border-radius:5px;
}
.uvindex-high {
	color: black;
	background-color: #FD9125;
	width: 15%;
	height: 20px;
	text-align:center;
	margin:2px;
	font: 14px Arial, sans-serif;
	font-weight: bold;
	padding:5px; 
	border-radius:5px;
}
.uvindex-vhigh {
	color: black;
	background-color: #F63F37;
	width: 15%;
	height: 20px;
	text-align:center;
	margin:2px;
	font: 14px Arial, sans-serif;
	font-weight: bold;
	padding:5px; 
	border-radius:5px;
}
.uvindex-extreme {
	color:black;
	width: 15%;
	height: 20px;
	text-align:center;
	margin:2px;
	font: 14px Arial, sans-serif;
	font-weight: bold;
	padding:5px; 
	border-radius:5px;
	background-color: #BC659F;
}

.uvindex-low3 { 
	vertical-align: top;
	border-radius:5px;
	background-color: white;
	border: 2px solid;
	padding: 5px; 
	border-color: #A4CE6A;
	width: 100%;
}
.uvindex-med3 { 
	vertical-align: top;
	padding: 5px; 
	border-radius:5px;
	background-color: white;
	border: 2px solid;
	border-color: #FBEE09;
	width: 100%;
}
.uvindex-high3 { 
	vertical-align: top;
	padding: 5px;
	border-radius:5px;
	background-color: white;
	border: 2px solid;
	border-color: #FD9125;
	width: 100%;
}
.uvindex-vhigh3 { 
	vertical-align: top;
	padding: 5px;
	border-radius:5px;
	background-color: white;
	border: 2px solid;
	border-color: #F63F37;
	width: 100%;
}
.uvindex-ext3 { 
	vertical-align: top;
	padding: 5px;
	border-radius:5px;
	background-color: white;
	border: 2px solid;
	border-color: #BC659F;
	width: 100%;
}