body 
{
	/* Temporary Width and Height to test mobile-ish size*/
	/*
	width: 320px; 
	height: 480px;
	*/
	
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ececec;
}

div#main 
{
	width: 100%;
	margin-right: auto;
	text-align: left;   
	margin-top: 8px;
}

table
{
	border-collapse: collapse;
}

th
{
	font-size: 1.5em;
}

div.Main
{
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #919101;
	background-color: #FFFFFF;
	padding: 0px 0px 5px 0px;
}

div.Breadcrumb
{
	text-align: left;
	width: 100%;
	padding: 2px 5px 2px 5px;
}

div.DataTable
{
	width: 100%;
	padding: 2px 5px 2px 5px;
}

div.Container
{
	width: auto;
	padding: 0px 10px 0px 0px;
}

table.Logo
{
	padding: 0px;
	background-color: #F0F096;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #919101;
	border-collapse: collapse;
	width: 100%;
	height: 40px;
}

td.Logo_Header
{
	border-style: none;
	font-size: 1.5em;
	font-weight: bold;
	background-color: inherit;
	vertical-align: middle;
	height: inherit;
	width: 100%;
	padding: 0px 0px 0px 5px;
}

td.Logo_Image
{
	border-style: none;
	background-color: inherit;
	text-align: right;
	height: inherit;
}

table.Login_Panel
{
	width: 100%;
}

td.Login_Header
{
	border-style: none;
	text-align: left;
	font-size: 0.8em;
	padding: 0px 0px 0px 5px;
}

td.Login_TextEntry
{
	border-style: none;
	width: 100%;
}

td.Login_Submit
{
	padding: 15px 5px 0px 5px;
	border-style: none;
	width: 100%;
}

p.Login_Message
{
	padding: 5px 5px 5px 5px;
	font-size: 0.8em;
}

table.ColourScale
{
	width: 100%;
	border-bottom: 1px solid #919101;
	border-top: 0px none #FFFFFF;
	border-left: 0px none #FFFFFF;
	border-right: 0px none #FFFFFF;
	border-style: solid;
}

td.ColourScale_Values
{
	width: 20%;
	border-style: inherit;
	font-size: 0.8em;
	font-weight: bold;
	padding: 3px 2px 3px 2px;
}

td.ColourScale_Image
{
	width: 60%;
	border-style: inherit;
	padding: 3px 2px 3px 2px;
}

img.ColourScale_Image
{
	width: 100%;	
}

.DataTable
{
	width: 100%;
}

.DataRow
{
	width: inherit;	
}

.RegionCell
{
	font-size: 2em;
	text-align: left;
	border: 1px solid black;
	padding: 5px;
	width: 100px;
}

.TimeCell
{
	font-size: 1.8em;
	border: 1px solid black;
	padding: 1px 5px 1px 5px;
	width: 100px;
}

.DateCell
{
	font-size: 1em;
	border: 1px solid black;
	padding: 1px 5px 1px 5px;
	width: 100px;
}

.PriceCell
{
	font-size: 2em;
	text-align: right;
	border: 1px solid black;
	padding: 5px;
	width: auto;
}

.CurrentRegion
{
	font-weight: bold;	
}