/*
Layout Master
Author:   lorraine.kilby
Created:  7/7/2009 2:53:56 PM
*/

body 
{
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

h1 { font-size: 120%; color: #6f84c5; font-weight:bold }
h2 { font-size: 100%; color: #000000; }
h3 { font-size: 130%; }
h4 { font-size: 115%; }
h5 { font-size: 105%; }
h6 { font-size: 75%; font-weight: bold;color: #000000; }
label, legend, ol, input { font-size: 90%;  }
table { font-size: 80%;  }
p { font-size: 75%;color: #000000;}
td { padding: 0.25em; }
strong { font-weight: bold; }
ol { list-style-type: decimal; margin-left: 1.75em; }

label{color: #6f84c5; font-weight:bold}
input{ border:solid 2px #6f84c5}
a, a:visited, a:hover, a:active 
{
	color: #0000ff;
	text-decoration: none;
}

a:hover 
{
	text-decoration: underline;
	 
}

#page 
{
	width: 765px;
	margin: 0 auto;
}

#content 
{
	position: relative;
	padding: 1em 0 0.5em 0;
}

#search 
{
	margin: 0 0 0.5em 0;	
}

#search fieldset
{
	border: 2px solid #6f84c5;
	padding:0em 0.25em 0.25em 0em;
	width:460px; 
}

#adr 
{ 
    border: 2px solid #6f84c5;
    padding: 0.25em 0.1em 0.25em 0.25em;
    width:440px; 
    height: 23px;
}


#search input.blur
{
	color: #999;
}

#search input.postcode
{
	width: 65px;
}


#search-advanced
{
	padding-top: 0.5em;
}

#search-buttons 
{
	/*margin-top: 0.25em;
	margin-left:3em;
    height: 23px;
    width: 258px;*/
}

#sidebar
{
	float: left;
    width: 270px;
    height: 300px;
    display: none;
}

.scrollContent 
{
	overflow-y: scroll;
}

#poi 
{

}

#poi li 
{
	padding: 3px 21px 3px 30px;
	margin: 0 0 .25em 0;
	position: relative;
	cursor: pointer;
}

#poi li.alt
{
 
}

#poi li:hover
{
	background-color: #aad6f1 !important;
}

#poi li img.drivingLink 
{
	position: absolute;
	right: 3px;
	top: 3px;
}

#drivingDirections 
{
	display: none;
}

#drivingDirections h5
{
	margin: 0.5em 0;
	font-size: 80%;
	font-weight:bold;
}

#drivingDirections h3
{
	margin: 0.5em 0;
	font-size: 100%;
}

#drivingDirections tr td
{
    border-bottom: 1px dotted #ccc;
}

#drivingDirections tr.segmentTotal 
{
	border-bottom: none;
}

#drivingDirections tr.segmentTotal  td
{
	text-align: right;
}

#drivingDirections .back 
{
	background: url('../images/arrow_left.png') no-repeat left center;
	padding-left: 18px;
	cursor: pointer;
}

#map
{
	float : right;
    height: 300px;
    width: 763px; /* 2px border! */
    font-size: 90%;
    background: #fff;
}

#map a:hover 
{
	text-decoration: none;
}

.popup-content 
{
	padding: 0.2em;
	width:auto;	
}

.popup-content table
{
	margin: 5px 0 0 0;
}

#footer 
{
	clear: both;
	margin: 1em 0 0 0;
}

#footer p
{
	text-align: center;
	font-size: 75%;
}


.hide 
{
	display: none;
}

.question 
{
	margin-bottom: 1em;
}


#btnFindAddress{
 width: 68px;
  height: 23px;
  margin: 0;
  border: 0;
  background: transparent url(../images/search.jpg) no-repeat center top;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

#btnReset{
width: 68px;
  height: 23px;
  margin: 0 0 0 0.3em;
  border: 0;
  background: transparent url(../images/clear.jpg) no-repeat center top;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}





/*
	clearing a float without additional markup
	http://www.positioniseverything.net/easyclearing.html
*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */