#dialog img {
	width:1000px;
}

#weatherGraph {
	background: #CCC url('../images/loading.gif') center no-repeat;
	width: 640px;
	height: 400px;
}

#pulldownChoices {
//	background: #EEE;
	margin-bottom: 10px;
}

#graphChoices {
	background: #EEE;
	margin-bottom: 10px;
}

.chosen, #graphChoices a:hover {
	background: #bbd142;
}

#types {
//	border-bottom: 1px dashed #CCC;
}

#graphChoices table {
	width: 100%;
}

#graphChoices td {
	padding: 0;
	height: 2em;
	text-align: center;
}

#graphChoices a {
	text-decoration: none;
	padding: 4px 8px;
	display: block;
}

#noaacard {
  width: fit-content;
  border: 1.5px solid #bbd142;
  border-radius: 5px;
  padding: 0px 10px;
  margin-top: 5px;
  background-color: #EEE;
}

#TableHiLoCumulus td {
  white-space: nowrap;
}

/* shade every other row in table */
#TableHiLoCumulus tbody tr:nth-child(even of :not(.no-shade)) td { 
    background-color: #F5F5F5; 
}

.toggle-button {
  border-radius: 10px; /* round the edges */
  border: none;
  background-color: #d0d0d0;
}
.toggle-button.active {
  background-color: #bbd142; /* Turns green when active */
}