#map_canvas1, #map_canvas2
{
	height: 200px;
}

#map_canvas
{
	height: 400px;
}


.map
{
	padding: 10px;
}

.default, .default_wrapper > .readings {
    background-color: lightgray;
    color: lightgray;
}

.green, .green_wrapper > .readings {
    background-color: #5dc150;
    color: black;
    padding: 2px 5px;
}

.rcorners1 {
    border-radius: 2px;
}

.yellow, .yellow_wrapper > .readings {
    background-color: #ffd400;
    color: black;
    padding: 2px 5px;
}

.orange, .orange_wrapper > .readings {
    background-color: #f68825;
    color: black;
    padding: 2px 5px;
}

.red, .red_wrapper > .readings {
    background-color: #ef202a;
    color: black;
    padding: 2px 5px;
}

.purple, .purple_wrapper > .readings {
    background-color: #893188;
    color: darkgrey;
    padding: 2px 5px;
}

.darkmagenta, .darkmagenta_wrapper > .readings {
    background-color: #510a2c;
    color: darkgrey;
    padding: 2px 5px;
}
.readings 
{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 3em;
    font-weight: bold;
    line-height: 1.15em;
    margin: 0;
    text-align: center;
}

.unit 
{
    border-bottom: 1px dotted #BBBBBB;
    display: block;
    padding-top: 5px;
    text-align:center;
    font-weight:lighter;
    color: black;
    margin: 0px auto;
    width:95%;
}

.details 
{
    text-align:left;
    font-weight:normal;
    padding-top:10px;
    padding-left:5px;
}

.details div.label
{
    text-align:right;
    margin-right: 5px;
    width: 5em;
    display:inline-block;
    line-height:1.5em;
    font-weight:bold;
}
.details div
{
    display:inline-block;
}

.disclaimer
{
    color:#7A7D80;
    font-size:0.8em;
    text-align:center;
}
.disclaimer:before
{
    content: "- ";
}
.disclaimer:after
{
    content: " -";
}

td.blue 
{
    color: Blue;
    text-align: center;
}