body 
{
	background:url("../images/3.png") repeat;
}

/*Contains everything*/
.PageContainer
{
	background:white;
	border:1px solid #dddddd;
}

/*title at top of the page*/
h1
{
	color:#aaa;
}

/*contains header and main of each leg(see below)*/
.Container
{
	border:1px #aaa solid;
}

/*header of each leg*/
.Header
{
	background:url("../images/grad2.png") repeat-x;
	color:black;
}

/*Top header of all legs*/
.TopHeader
{
	background:url("../images/grad2.png") repeat-x;
	color:black;
	font-weight:bold;
}

/*fieldset for each section with border colours*/
fieldset
{
	border:1px #aaa solid;
}

/*Title of each section*/
legend
{
	font-weight:bold;
	color:#aaa;
}

/*3 bottom buttons*/
.Buttons
{
	color:black;
	background:url(../images/grad2.png) repeat-x;
}
.Calculate
{
	background:url(../images/grad_green.png) repeat-x;
}


/*The small summary on top of each leg*/
.Leg_Summary
{
	color:black;
}

.GoogleMaps
{
	margin-top:130px;
	height:250px;
}

.NoMap
{
	color:#2993de;
}

.bold-font
{
	background:red;
}

/*This is the stlye of the large hovering GOM  on mouseover of smaller one*/
.FloatingGOM
{
border:solid 4px #dddddd;  
background:#fff; 
text-align:center;
font-size:1.2em;
font-weight:bold;
}

.GoogleTable
{
	
}

.footer
{
	padding-top:20px;
	text-align:center;
}

/*This must always remind at the bottom of the css file commented out. 
The codebehind picks out the values of it uses them for the GOogle-o-meter
 background on the each leg header and summary header*/

/*
These MUST Be formated in this way. You may change the hex values but MUST keep them as 6 letter hex values
StartGOMLeg=ffffff,e4e9f3
StartGOMTotal=ffffff,ffffff
StartChart=ffffff,ffffff
*/