/*
Layout Master
Author:   Shenouda Andrawis
Created:  7/27/2009 2:40:23 PM
*/

/****** PAGE OBJECTS *******/
body { font-family: Arial, Helvetica Neue, Helvetica, sans-serif; }
#page { width: 740px; margin:  0 auto; }
#content { position: relative; }

/****** ELEMENTS **********/
h1 { font-size: 100%; font-weight: bold; }
h2 { font-size: 160%; }
h3 { color: #666666; font-size: 10pt; padding: 5px; font-weight: bold; border-bottom: 1px solid #009900; border-left: 1px solid #009900; border-right: 1px solid #009900; }
h4 { color: #ffffff; font-size: 10pt; padding: 5px; font-weight: bold; border-top: 1px solid #009900; border-left: 1px solid #009900; border-right: 1px solid #009900; }
h5 { font-size: 90%; font-weight: bold; }
h6 { font-size: 125%; font-weight: bold; width: 400px; float: left; }
p, label, legend, ol, table, input { }
td { }
strong { font-weight: bold; }
ol { list-style-type: decimal; margin-left: 1.75em; }
a, a:visited, a:hover, a:active { color: #0000ff; text-decoration: none; }
a:hover { text-decoration: underline; }

/****** SEARCH LAYOUT *******/
#search { border-right: 1px solid #009900; border-left: 1px solid #009900; }
#searchpanel { margin-left: 15px; }
fieldset { }
#search fieldset { }
#search fieldset input.blur { color: #999; }
#search input.postcode { width: 65px; }
#search-advanced { }
#txtStreet, #txtSuburb, #ddlState, #txtPostcode { font-size: 9pt; color:#999; border: 1px solid #009900; }
#txtStreet, #txtSuburb { }
#resultsContent { width: 550px; float:left; }


#fuelFilter, #servicesFilter, #facilitiesFilter { margin-left: 20px; font-size: 9pt; }
#fuelFilter td, #servicesFilter td, #facilitiesFilter td { width: 200px; }
#servicesFilter th { color: #666666; padding: 3px; font-weight: bold; }
#servicesFilter td { padding-left: 10px; }
.Nearest { margin: 5px 0 5px 10px; color: #666666; cursor: pointer; font-size: 9pt; font-weight: bold; }

/****** BUTTONS *******/
#search-buttons { text-align: right; }

/*#sidebar { clear: both; width: 100%; display: none; }*/

#sidebar {
background-color:#F5FBEF;
clear:both;
display:none;
width:100%;
}


.scrollContent { overflow-y:  hidden; }

/****** POI/Popup Objects *******/
#poi { }
#poi li { border-bottom: 1px solid #009900; border-left: 1px solid #009900; border-right: 1px solid #009900; padding: 5px 0px 5px 30px; border-collapse: collapse; margin: 0 0 0 0; position: relative; cursor: pointer; font-size: 11px; font-weight: normal; }
#poi li.alt { }
#poi li:hover { background-color: #d9f0d9 !important; text-decoration: underline; color:#009900;}
#poi li img.drivingLink { position: absolute; right: 3px; top: 3px; }
.popup-content { padding: 0.5em; }
.popup-content table { margin: 5px 0 0 0; width: 300px; }
.popup-content th { font-weight: bold; font-size: 11px; padding: 3px; text-align: right; width: 85px; }
.popup-content td { font-size: 11px; padding: 3px; }
.popup-content img { float: left; padding-right: 0.5em; }
.olPopupCloseBox { background: transparent url(  '../images/btnClose.gif' ) no-repeat scroll 0 0 !important; right: 15px !important; width: 35px !important; }
.popup-content a:link{ width:140px;font-size: 11px;color:#009900; }
.popup-content a:hover{ text-decoration:underline;}
/****** drivingDirections Objects *******/
#drivingDirections { display: none; }
#chkAdvancedSearch { width: 115px; margin: 5px; cursor: pointer; font-weight: bold; color: #009900; font-size: 9pt; background: url(   '../images/advancedFiltersDwn.png' ) no-repeat right; }

#drivingDirections table { width: 100%; border-collapse: inherit; border-left: 1px solid #009900; border-right: 1px solid #009900; }
#drivingDirections h5 { padding: 0.5em 0.3em; border-left: 1px solid #009900; border-bottom: 1px solid #009900; border-right: 1px solid #009900; }
#drivingDirections tr { }
#drivingDirections td { border-bottom: 1px dotted #009900; padding-left: 5px; font-size: 9pt; }
#drivingDirections tr.segmentTotal { border-bottom: none; }
#drivingDirections tr.segmentTotal td { text-align: right; }

/*#btnFindAddress { background: url(       '../images/bp_search.gif' ); width: 65px; height: 19px; border: 0px; color: White; }*/

#btnFindAddress {
background:transparent url('../images/bp_search.gif') repeat scroll 0 0;
border:0 none;
color:yellow;
padding-bottom:5px;
height:19px;
width:65px;
}


/*#btnReset { background: url(       '../images/bp_search.gif' ); width: 65px; height: 19px; border: 0px; color: White; }*/

#btnReset {
background:transparent url('../images/bp_search.gif' ) repeat scroll 0 0;
border:0 none;
color:yellow;
padding-bottom:2px;
height:19px;
width:65px;
}



#lblAdvancedSearch { color: #009900; font-size: 9pt; font-weight: bold; }
#drivingDirections .back { background: url(    '../images/arrow_left.png' ) no-repeat left center; padding-left: 18px; cursor: pointer; }
/****** Map Layout *******/
#map { float: right; height: 450px; width: 738px; /* 2px border! */ font-size: 90%; background: #fff; }
#map a:hover { text-decoration: none; }
div.olMap { border-left: 1px solid #009900 !important; border-right: 1px solid #009900 !important; border-top: 1px solid #009900 !important; border-bottom: 1px solid #009900 !important; }
/****** FILTERS BUTTONs and other *******/
/*#btnFuel, #btnServices, #btnFacilities { cursor: pointer; width: 65px; height: 19px; border: 0px; color: White; }*/

#fuelFilter, #servicesFilter, #facilitiesFilter {
font-size:9pt;
margin-left:20px;
padding: 6px 0px 6px 0px;
}

.bFuel { background: url(    '../images/darkgreenBtn.gif' ) repeat left center; width:85px; height:20px; border:none; color:#fff; font-weight:bold; }
.bServices { background: url(    '../images/lightgreenBtn.gif' ) repeat left center; width:85px; height:20px; border:none; color:#fff; font-weight:bold; }
.bFacilities { background: url(    '../images/lightgreenBtn.gif' ) repeat left center; width:85px; height:20px; border:none; color:#fff; font-weight:bold; }
#FiltersButtons { border-bottom: 1px solid #009900; margin-top: 10px; padding-bottom:3px;}
/******  Footer and other *******/
#footer { clear: both; margin: 1em 0 0 0; color: #999; }

#footer p { text-align: center; font-size: 75%; }
.hide { display: none; }
.question { margin-bottom: 1em; }

#print_link
{
color:#006786;
float:right;
font-size:11px;
margin-top:4px; 
margin-right: 10px;
text-decoration:none;

}

/*
	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 */




legend, label.hidden { left: -999em; overflow: hidden; position: absolute; width: 0; }

html > /**/ body legend { display: none; }


#header{
height:70px;
background: transparent url(../images/bpheader.jpg) repeat scroll 0% 0%;
position: relative;
}

#header p {
position: absolute;
bottom:5px;
left:15px;
font-size: 75%;
font-style:inherit;
font-weight:  bolder;
color:Gray;
}




