/***********************************************/
/*  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%;*/
}

#mapContainer
{
     /*style="width: 660px; height: 520px"*/
	/*border: 1px solid #000000;*/
	height: 500px;
	width: 700px;
	/*position: absolute;*/
}

/* Main part of the map itself */
.mapStyle
{
    height: 500px;  /*reset this when we hide the coordinates */
    width: 900px;
    /*position: absolute;*/
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #000000;
    /*top: 0px;
    left: 125px;*/
}
/* hide this one in production */
#message
{
    display: none;
	position: absolute;
	z-index: 10;
	top: 95%;
	left: 35%;
}
.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;*/
}