.hidden
	{	display: none;
	}
.busy
	{
background-image: url(./../demo/gui/rou/img/zandloper.png);	background-repeat: no-repeat;
	background-position: left top;
	background-color: #808080;
	display: inline;
	}
.numeric
	{
	text-align: right;
	font-family: "Courier New", Courier, monospace;
	}
.postcode
	{
	font-family: "Courier New", Courier, monospace;
	}
.warningDays0,
.backlog
	{background-color: #FF0000;
	}
.warningDays1
	{background-color: #FF8000;
	}
.warningDays2
	{background-color: #FFA000;
	}
.warningDays3
	{background-color: #FFD000;
	}
.warningDays4
	{background-color: #FFFF00;
	}
.warningDays5
	{background-color: #FFFF40;
	}
.warningDays6
	{background-color: #FFFF80;
	}

a:hover
	{	background-color: #C0BCBC;
		color: white;
	}
a img
	{	border-width: 0px;
	}
a.disabled
	{	color: #808080;
		margin-left: 10px;
	}
body
	{	background-color: #404040;
		font-family: "gill sans", "helvetica", "verdana", "sans-serif";
		color: #3B463F;
	}
button
	{	background-color: #999999;
		border-color: #F8FBF9 #808080 #808080 #F8FBF9;
		border-radius: 5px 5px 5px 5px;
			-moz-border-radius: 5px 5px 5px 5px;
  		-moz-box-sizing: border-box;
		border-style: solid;
		border-width: 1px 2px 2px 1px;
		color: #F8FBF9;
	}
button.disabled
	{	background-color: #D4D0C8;
		color: #808080;
		margin-left: 0.5em;
	}
div.autocomplete
	{	background-color: #E3F0E9;
		border-radius: 10px 10px 10px 10px;
			-moz-border-radius: 10px 10px 10px 10px;
	 		-moz-box-sizing: border-box;
		clear: both;
		font-family: monospace;
		float: left;
		margin-top: 0.5em;
		opacity: .8;
			-moz-opacity: .8;
			filter:alpha(opacity=80);
		padding: 1em;
		z-index: 2;
	}
div.autocomplete table tr td
	{ padding-right: 1em;
	}
div.autocomplete table tr td a:focus
	{	background-color: #F8FBF9;
		color: #3B463F;
	}
div.autocomplete table tr:hover
	{ background-color: white;
	}

div.error
	{	width: 12em;
	}
div.minimap
	{	float: right;
	}
div.main
	{	background-color: #D4DAD5;
		border-radius: 10px 10px 10px 10px;
			-moz-border-radius: 10px 10px 10px 10px;
	 		-moz-box-sizing: border-box;
		padding: 8px;
	}
div.openstreetmap
	{	background-color: #F8FBF9;
		border-radius: 10px 10px 10px 10px;
			-moz-border-radius: 10px 10px 10px 10px;
	 		-moz-box-sizing: border-box;
		float: right;
		height: 400px;
		opacity: 1;
			-moz-opacity: 1;
			filter:alpha(opacity=100);
    width: 450px;
 }
div.openstreetmap div
	{	border-radius: 10px 10px 10px 10px;
			-moz-border-radius: 10px 10px 10px 10px;
	 		-moz-box-sizing: border-box;
	}

form table
	{	border-collapse: collapse;
	}
form.postcode div
	{	clear: left;
		float: left;
	}

h2
	{	clear: right;
		margin-bottom: 2px;
		margin-top: 1.5em;
	}
img.busy
	{	opacity: .4;
			-moz-opacity: .4;
			filter:alpha(opacity=40);
	}
img.drivetime
	{	margin-top: 0.5em;
	}
img.map
	{	margin-top: 0.5em;
		float: right;
	}
img.minimap
	{	float: left;
		background-color: #D4DAD5;
	}
input.mandatory
	{	background-color: #FFFEB3;
	}
menu
	{	background-color: #EBEBEB;
		float: left;
		height: 7em;
		margin-left: 0;
		margin-right: 0.5em;
		padding-left: 0px;
	}
menu a
	{	color: #3B463F;
		display: block;
		text-decoration: none;
		padding-left: 0.5em;
		padding-right: 0.5em;
	}
menu div.selected
	{	background-color: #9A9A9A;
		color: #FFFFFF;
		padding-left: 0.5em;
		padding-right: 0.5em;
	}
p.separator
	{clear: both;
	}
table.route tr td
{	padding-right: 0.5em;
}
table.text
{	padding-left: 0.8em;
	padding-right: 0.8em;
}
table.text tr td
	{	background-color: #E3F0E9;
		border-radius: 5px 5px 5px 5px;
			-moz-border-radius: 5px 5px 5px 5px;
	 		-moz-box-sizing: border-box;
		padding-left: 0.8em;
		vertical-align: top;
	}
table.text tr td.minimap
	{	background-color: transparent;
	}
td.prompt
	{	text-align: right;
		background-color: #A3ABA5;
		vertical-align: top;
	}
textarea
	{	background-color: #F8FBF9;
		border-radius: 10px 10px 10px 10px;
			-moz-border-radius: 10px 10px 10px 10px;
	 		-moz-box-sizing: border-box;
	 	border-width: 1px;
		color: #3B463F;
		margin-right: 1em;
		margin-top: 0.5em;
		padding-left: 0.5em;
		padding-top: 0.5em;
	}
textarea.busy
	{
background-image: url(./../demo/gui/rou/img/zandloper.png);	background-color: #CCCCCC;
	background-repeat: no-repeat;
	background-position: right top;
	}


@media print
{
	body
	{	background-color: #FFFFFF;
	}
	textarea
	{	background-color: #FFFFFF;
		border-width: 0px;
	}
}