*
{
}
/*go through and move all Design Styles to the bottom Or split the css up into two styleshe*/

body 
{
	font-size:9pt;
	font-family:Verdana;
}
img
{
	border:0px;
}

p
{
	margin:10px;
}
h3
{
	font-size:12px;
	margin:20px 0px 0px 0px;
}
h4
{
	margin:15px 0px 10px 0px;
}

h5
{
	font-weight:normal;
	margin:5px 0px 0px 0px;	

}

h5 a
{
	text-decoration:none;
}

h5 a:hover
{
	text-decoration:underline;
}

h6
{
	margin:10px 0px 0px 0px;
	font-size:9pt;
	padding:0px 20px;
}

/*Contains everything*/
.PageContainer
{
	border-collapse:collapse;
	margin-right:30px;
	margin-left:30px;
	padding:20px;
}

table
{
	width:100%;
}

td
{
	width:auto;
}
a img
{
	cursor:pointer;
}

.Container
{
	margin-right:5px;
	text-align:right;
}

.Header, .TopHeader
{
	cursor: pointer;
	padding-left:20px;
	padding-top:3px;
	height:22px;
	background:#185c39; /*url("../images/grad2.png") repeat-x;*/
	color:White;
	margin:0px;
	font-size:1.05em;
	border-top:1px;
}

/*The Main box for each leg*/
.Main
{
	text-align:left;
	margin:0px 12px;
}

/*fieldset for each section with border colours*/
fieldset
{
	padding:3px;
	margin:5px;
}

/*Text for everything in all the legs*/
fieldset table tr td span
{
}

/*text next to Specify Distance Checkbox*/
.checkbox_Text
{
	font-size:0.9em;
}

/*Validation Text by default is red*/
.Validation
{
	color:red;
	font-size:0.9em;
}

.warning
{
	display:none;
	font-size:0.8em;
	color:Orange;
	font-weight:bold;
}

/*Use this to make normal text which has onclick look like a links*/
.onClickLink
{
	text-decoration:underline;
	cursor:pointer;
	color:Blue;
}


/*div around all the buttons*/
.ButtonContainer
{
}

/*3 bottom buttons*/
.Buttons, .Calculate
{
	margin-top:10px;
	font-weight:bold;
	padding:4px 8px;
}

/*used on aligning the (5%) in the table to the left against the values*/
.tdAlignL
{
	text-align:left;
}

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

/*inside the leg summary*/
.tbFloatSum
{
	border-collapse:collapse;
	width:auto;
	margin-right:20px;
	text-align:right;
}

.tbLeg
{
	text-align:left;
}

.tdGOM
{
	width:40px;
}
/*row for the total*/
.TotalRow
{
	font-weight:bold;
}
.PieChart
{
}

.piechartTitle
{
	
}
.piechartTitle td
{
	font-weight:bold;
	padding-top:40px;
}
.BarChart
{
}

.BigTotalImage, .BigTotalColorRed, .BigTotalColorGreen, .BigTotalColorOrange
{
	margin:0px auto;
	color:white;
	width:200px;
	height:205px;
	font-size:1.4em;
	font-weight:bold;
	text-align:center;
	background:url(../Images/chrome-Black.png) no-repeat;
}

.BigTotalColorRed
{
	background:url(../Images/chrome-red.png) no-repeat;
}
.BigTotalColorOrange
{
	background:url(../Images/chrome-bright-orange.png) no-repeat;
}
.BigTotalColorGreen
{
	background:url(../Images/chrome-bright-green.png) no-repeat;
}

/*this is the div that the google map appears in. setting the 
height and width changes the size of the map. currently the width is on 100%*/
#FloatedMap
{
	padding:20px 5px;
	float:left;
	width:300px;
}

.GoogleMaps
{
	padding:20px 5px;
	margin-bottom:10px;
	margin-left:300px;
}
.NoMap
{
	display:block;
	margin:10px;
	font-size:12pt;
	color:#2993de;
}
.GoogleTable
{
	margin:20px 10px;
}

/*content of summary table*/
.SummaryTable
{
	border-collapse:collapse;
}
.SummaryTable td
{
	height:20px;
}

.tblGraphs
{
	text-align:center;
}

.bold-font
{
	font-size:20pt;
}
/*This is the stlye of the large hovering GOM  on mouseover of smaller one*/
.FloatingGOM
{ 
display:none;
position:absolute;
width:200px; 
padding:2px 2px 2px 2px; 
z-index:100; 


}
.FLoatingGOM img
{
	margin-bottom:20px;
}