/*
Layout Master
Author:   lorraine.kilby
Created:  10/7/2009 4:35:41 PM
*/

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

h1 { font-size: 14px; font-family:Arial; color:Red; font-weight:bold;}
h2 { font-size: 160%; }
h3 { font-size: 100%; font-weight:bold; }
h4 { font-size: 100%; font-weight: bold;}
h5 { font-size: 100%; font-family:Verdana; font-size:10px;margin-bottom:.5em;font-weight:normal; }
h6 { font-size: 100%; font-weight: bold; margin-bottom: 3px; margin-top:5px; }
p, label, legend, ol, table, input { font-size: 100%; }
input{
font-size:90%;
}
hr{ height:18px; background-color:#f00; color: #f00; border:0;}

p{padding-top:6px; margin-top:6px;}
td { padding: 0.25em; text-align:center; border:solid 1px #000000}
strong { font-weight: bold; }
ol { list-style-type: decimal; margin-left: 1.75em; }
th{ font-weight:bold; background:#cccccc; text-align:center; border:solid 1px #000000}
table{border:solid 1px #000000;text-align:center; font:verdana 8px;}

.greybg{
background:#cccccc;
text-align:center;
}

a, a:visited, a:hover, a:active 
{
	color: #0000ff;
	text-decoration: none;
}

a:hover 
{
	text-decoration: underline;
}

.ui-dialog ui-widget ui-widget-content ui-corner-all {
z-index:9999 !important;
}

/*
#responseTimeDialog{
width:600px !important;
position:static;
z-index:99999 !important;

}


}

.ui-dialog-title-responseTimeDialog{
z-index:9999 !important;
}

.ui-widget-overlay{
z-index:9999 !important;
}

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

#content 
{
	position: relative;
	padding: .5em .5em 0.5em .5em;
	border:solid 1px #cfcfcf;
}

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

#search fieldset
{

	padding: 0em 0em 0em 0em;
}

#search fieldset input{
border:solid 1px red ;
}

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

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


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

#search-buttons 
{
	margin-top: -1.4em;
	text-align: right;
	color:Red;
	font:bold #ffffff;
	
}

#sidebar
{
	float: left;
    width: 270px;
    height: 400px;
    display: none;
    position: relative;
    overflow-x:hidden;
    
}

.scrollContent 
{
	overflow-y: scroll;
}

#poi{
font: verdana;
font-size: 14px;
margin-top:10px;
}

#poi li 
{
	padding: 3px 21px 3px 30px;
	margin: 0 0 .25em 0;
	position: relative;
	/*cursor: pointer;*/
	    overflow-x:hidden;
}

#poi li.alt
{

}

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

#poi li img.infoIcon 
{
	position: relative;
	margin-left:225px;
	top:-15px;
/*	right: 3px;
	top: 310px;*/
	
}

#drivingDirections 
{
	display: none;
}

#drivingDirections h5
{
	margin: 0.5em 0;
}

#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: 450px;
    width: 752px; /* 2px border! */
    font-size: 90%;
    background: #fff;
    border: none;
}

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

.popup-content 
{
	padding: 0.2em;	
	overflow: auto;
	height:80px;
}

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

#footer 
{
	clear: both;
	margin-left: -8px;
	margin-right: -8px;
	margin-top: 0px;
	margin-bottom:0px;
	
}


#poi p {
 margin-left:-30px;
}
#footer p
{
	text-align: center;
	font-size: 75%;
}

#btnReset{
background-color:Red;
color:White;
font-family:verdana;
font-size:11px;
font-weight:bold;

}
#btnFindAddress{
background-color:Red;
color:White;
font-family:verdana;
font-size:11px;
font-weight:bold;

}

.hide 
{
	display: none;
}

.question 
{
	margin-bottom: 1em;
}


.ui-widget-header 
{
 background:#9B9B9E url(../images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) repeat-x scroll 50% 50%;
 border:1px solid #9B9B9E;
 color:#FFFFFF;
 font-weight:bold;

}

.ui-state-default, .ui-widget-content .ui-state-default 
{
 background:#9B9B9E url(../images/ui-bg_glass_85_dfeffc_1x400.png) repeat-x scroll 50% 50%;
 border:1px solid #9B9B9E;
 color:#fff;


}

.ui-dialog{
 width:620px !important;
 }

/*
	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 */