#mapload {
	text-align:left;
	color: #000000;
	z-index:9999;
}

#baseload {
	text-align:left;
	color: #000000;
	z-index:9999;
}

#tableload {
	text-align:left;
	color: #000000;
	z-index:9999;
}

.cellName {
	position:relative;
	float:left;
	text-align:left;
}

.cellTrends {
	position:relative;
	right:-9px;
	float:right;
}

.smallestblue {
	color:#000066;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:11px;
}

#stationTable {
	top: 0px;
	left: 10px;
	text-align: center;
	position:relative;
	width: 896px; /* should match the map size used, can't use blueprint in spidr, it resets other css...*/
}

#stationMap {
	position: relative;
	top: 10px;
	left: 10px;
	padding-bottom: 10px;
}

#mirrorMap {
	position: relative;
	top: 10px;
	left: 10px;
	padding-bottom: 0px;
}

#map {
    background: #808080;
}


/*
 *
 * classes for making things hide/show, 
 * but still render underneath
 *
 */
.visible {
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity:1.0;
	opacity:1.0;
}

.invisible {
	filter:alpha(opacity=0);
	-moz-opacity:0.0;
	-khtml-opacity:0.0;
	opacity:0.0;
}


/*
 *
 * map sizes
 *
 */
.smallmap {
    width: 512px;
    height: 256px;
    border: 3px solid #ccc;
}

.mediummap {
    width: 896px;
    height: 448px;
    border: 3px solid #ccc;
}

.bigmap {
    width: 1030px;
    height: 520px;
    border: 3px solid #ccc;
}


/* 
 * 
 * These classes should match 1-1 with the KML values of the same
 * 
 */

.defaultIcon {
	border: medium solid orange;
}

.redIcon {
	border: medium solid red;
}

.yellowIcon {
	border: medium solid yellow;
}

.greenIcon {
	border: medium solid green;
}

.blueIcon {
	border: medium solid blue;
}

.lightblueIcon {
	border: 3px solid #5bb3ff;
}

.purpleIcon {
	border: 3px solid #b600ff;
}