/***********************************************/
/*  CREATED: August 2008 for new RITA Map      */
/*  Google map is sensitive about a few things */
/*  Step with caution on those items           */
/*                                             */
/***********************************************/
html{height: 100%;width: 100%;}

body
{
	padding: 0px 0px 0px 0px; /*top right bottom left*/
	margin: 0px 0px 0px 0px; /*top right bottom left*/	
	background:#fff url(Images/Swatch_White.gif) repeat left top;
	height: 100%;
	width: 100%;
	background-color: whitesmoke;
}

#mapContainer
{
	/*border: 1px solid #000000;*/
	height: 100%;
	width: 100%;
	position: absolute;
}

/* Main part of the map itself */
.mapStyle
{
    height: 95%; /* reset this when we hide the coordinates */
    width: 85%;
    position: absolute;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #000000;
    top: 0px;
    left: 125px;
}
/* hide this one in production */
#message
{
	position: absolute;
	z-index: 10;
	top: 97%;
	left: 40%;
}
.mapNav
{
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #000000;
    width: 125px;
    height: auto;
    text-align: center;
    vertical-align: top;
    background-color: #FFFFFF;
    padding: 20px 0px 0px 0px; /*top right bottom left*/
    margin: 0px 0px 0px 0px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.mapNavButton
{
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	border-color: #000000;
	background-color: #FFCC66; /*EAEAEA*/
	width: 100%;
	margin: 1px 0px 1px 0px; /*top right bottom left*/
	text-align: center;
	vertical-align: middle;
	padding: 2px 0px 2px 0px;
	font-size: 12px;
}
.mapNavButton a
{
	text-decoration: none;
	color: #000000;
}
.mapNavLogos img
{
		padding: 10px 0px 10px 0px; /*top right bottom left*/
}
/*.over{ background-color: #84dfc1;}
.out{ background-color: #84c1df;}
/*onmouseover="style.backgroundColor='#84DFC1';"
onmouseout="style.backgroundColor='#84C1DF'"*/
/*<span style="cursor: url('img/myImageFile.gif')">This is pretty cool :-)</span> */

#loadingbox { border: medium double black; background-color: #cccc33; background-color: white;
   filter: alpha(opacity=85); /* IE's opacity */
   opacity: 0.85; -moz-opacity: 0.85;
   position: absolute; text-align: center; left: 30%; top: 30%; visibility: hidden; 
   padding: 10px; height: 200px; width: 300px; z-index: 990;
   font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;
   text-transform: capitalize; color: black; }

#buttonBar
{
    padding: 0px;
    margin: 0px;
    /*width: 90%;*/
    border: 1px solid #000000;
    font-family: 'Trebuchet MS';
    background-color: #F7F7F7;
    text-align: center;
    _padding: 0px 0px 0px 0px; /* top right bottom left */
}

.legendItem
{
    position: absolute;
    z-index: 10;
}

#mapLegend
{
    position: absolute;
    z-index: 10;
    top: 75%;
	left: 125px;
}