﻿html
{
		background: url(../Imgs/background.png);

}

body
{
	font-family:Trebuchet MS;
	margin:0;
	padding:0;
	font-variant:small-caps;
	font-size:0.9em;
}

h1, h2, h3
{
	margin:0px;
	padding:0px;
}

h2
{
	font-size:1.1em;
	font-weight:bold;
}

select
{
	padding:0px;
}

.step
{
	float:left;
	margin-right:0.5em;
	margin-top:0.2em;
	background-color:#6584ab;
	padding:0px 0.2em 0.1em 0.1em;
	font-weight:bold;
	font-size:1.3em;
}

.step .number
{
	color:yellow;
	
}

.fieldvalue
{
	margin-right:1em;
	float:left;
}

.fieldvalue input, select, button
{
	font-size:0.8em;
}

.fieldvalue .value .item
{
	float:left;
	margin-right:1em;
}

.fieldvalue .value label
{
	cursor:pointer;
	font-size:0.9em;
	display:inline;
}


.fieldvalue .field
{
	font-size:0.9em;
	display:block;
	float:left;
	text-align:right;
	padding-right:0.3em;
	height:2em;
}

.fieldvalue .value
{
	float:left;
	margin-top:-0.2em;
}

.fieldvalue .error
{
	float:left;
	margin-left:0.3em;
	font-size:0.8em;
	color:Red;
}

.tab
{
	float:left;
	border:solid 1px #000;
	background-color:#6584ab;
	border-bottom:0px;
	padding-left:0.5em;
	padding-right:0.5em;
}

.current
{
	background-color: #c4daf7;
}

.tab A
{
	text-decoration:none;
	color:#fff;

}

.current A
{
	text-decoration:none;
	color:#000;
}

	
.pnlAvailability SELECT
{
	width:7em;
}

.pnlAvailability .cboHeader
{
	font-size:0.7em;
	color:#777;
}

.locations, .persistence
{
	margin-top:0.5em;
	margin-left:6em;
}


.locations FIELDSET
{
	width:40%;
	font-size:0.9em;
	float:left;
	padding-bottom:0.8em;
	margin-right:2em;

}

.locations FIELDSET .fieldvalue
{
	margin-left:0.7em;
	margin-bottom:0.7em;
}

.locations .textbox
{
	width:8em;
}

.persistence .input
{
	margin-left:0.5em;
}

LEGEND
{
	font-family:Georgia;
	font-size:0.9em;
	padding:0.5em;
}

FIELDSET
{
	display:block;
}

.results
{
	border-collapse:collapse;
	border:solid 1px black;
	font-size:0.85em;
	width:100%;	
}

.results TD, .results TH
{
	border:solid 1px black;
	text-align:center;
}

.results TH
{
	border-top: solid 1px #000;
}

.results TBODY TD
{
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
	border-top: solid 1px #ddd;
}

.results TD.match, .results TH.match
{
	width:6%;
}

.results TD.truck, .results TH.truck
{
	width:12%;
}

.results TD.availability, .results TH.availability
{
	width:11%;
}

.results TD.location, .results TH.location
{
	width:18%;
}

.results TD.contact, .results TH.contact
{
	width:25%;
}

.results TD.destinations, .results TH.destinations
{
	width:20%;
}

.results TD.dateposted, .results TH.dateposted
{
	width:8%;
}



.results TH
{
	text-align:center;
}



.stepsection
{
	background-color:#6584ab;
	color:#fff;
	padding-left:0.2em;
	min-height:2em;
	margin-bottom:0.5em;	
}

.stepsection .fieldvalue
{
	margin-top:0.4em;
}

.clear
{
	clear:both;
}

.region
{
	float:left;
	margin-right:2px;
	margin-top:0.25em;
	
}

h3
{
	font-size:7.5pt;
	border:solid 2px #d5d5d5;
	background-color:#e5e5e5;
	cursor:default;
	text-align:center;
}

.region h3 img
{
	display:inline;
}

.region div
{
	cursor:pointer;
}

.region .direction
{
	float:left;
	font-size:8pt;
	width:60px;
	overflow:hidden;
	padding:2px;
}

.zone
{
	text-align:center;
	float:left;
	margin-right:1px;
	margin-top:0.25em;
	margin-left:0.4em;
	font-size:0.8em;
	margin-top:0.7em;
	cursor:default;	
}

.country
{
	float:left;
}