/* ===============================================
petrol prices
=================================================*/
#petrolPrices {color:black;font-weight:bold;padding-top:20px;line-height:20px}
#petrolPrices .search-button {padding:0;margin:0;float:none !important;position:relative;top:8px}
#petrolPrices #Location {border:#000000 1px solid;width:150px;padding:1px}
#petrolPrices #States {border:#000000 1px solid;width:60px}
#petrolPrices SELECT {width:60px}
#petrolPrices .petrolSelection {margin-top:20px;width:600px}
#petrolPrices .showResults {float:left;width:100px}
#petrolPrices .petrolSelection ul.fuelTypes {width:150px}
#petrolPrices .petrolSelection ul.fuelTypes li {width:150px;height:15px;padding:0px;margin:0px}
#petrolPrices .fuelTypes {float:left;width:200px;height:150px;margin-left:10px}
#petrolPrices ul li {font-weight:normal}
#petrolPrices ul li span {font-weight:bold !important}
.mapContainer {margin:10px 0 10px 0;border-top:1px #CCCCCC dashed;border-bottom:1px #CCCCCC dashed;padding-left:12%;visibility:hidden}
#petrolMap {margin:10px 0 10px 0;width:580px}
.averagePrice {width:380px !important !important;float:left;margin-right:20px}
.averagePrice h3 {color:#931318;font-size:17px;font-weight:bold}
.showAverage {margin-top:10px;font-weight:bold}
.showAverage li {display:inline;margin-left:5px}
ul.showResultsFor {float:left;color:gray;font-weight:bold;width:120px;position:relative;left:-35px}
ul.showResultsFor li {font-weight:normal;color:black;padding-bottom:2px;width:120px !important}
#graphContainer {height:190px;width:400px}
#graphContainer #city {font-weight:bold;padding-top:5px}
#average {width:280px;height:160px;background-image:url(/img/temp/petrolAverage2.gif);background-repeat:no-repeat;background-position:top;float:left}
#Adelaide, #Brisbane, #GoldCoast, #Melbourne, #Perth, #SunshineCoast, #Sydney {width:26px;float:right;border-right: #999999 1px solid;position:relative;left:-46px;background-image:url(img/temp/greyGrad.gif);visibility:hidden}
#pointer {clear:both;position:relative;top:-23px;text-align:center;width:90px;background-image:url(/img/temp/redArrowUp.gif);background-position:top;background-repeat:no-repeat;padding-top:10px;font-size:12px;font-family:Arial, Helvetica, sans-serif;font-weight:normal;height:10px}
#pointer span {color:#931318;font-size:12px;font-family:Arial, Helvetica, sans-serif}
#message {border-bottom:1px #CCCCCC dashed;font-weight:bold;visibility:hidden}
#message span {color:#931318;font-weight:normal}
.markerLabel {font:12px Arial, sans-serif;color:#fff;font-weight:700}
ul.glabel {list-style:none;padding:0;width:250px;height:100px}
li.stationName, li.stationAddress {font-weight:bold}
li.stationName {padding-bottom:5px}
ul.glabel li {width:170px;padding-left:0;background:none}
li.date {color:#ccc;font-size:11px}
li.stationLogo {position:relative;top: -60px;left: 190px}
.petrol-lookup div#lowest {width:150px;margin-top:30px}
.petrol-lookup li.average {color:#999999}
.petrol-lookup div#lowest .suburb {font-weight:bold;color:#931318}
.petrol-lookup div#lowest span.price {padding-left:30px}
.petrol-lookup div#address {width:120px;margin-top:10px}
.petrol-lookup .gray {font-weight:bold;color:#999999}
.petrol-lookup #minimap {width:144px;height:126px;background:url(/img/temp/minimap.gif) 0 0 no-repeat;position:relative;top:-125px;right:-160px}
.petrol-lookup .petrol {position:relative !important;top:-120px!important;left:210px}
div#values {position:relative;top:30px;left:-390px;_left:-415px !important;_padding-top:90px !important;*left:-415px !important;*padding-top:90px !important;width:30px}
div#values li {padding-bottom:10px}
div.ad_350x250.floatingAd.high {position:relative;top:-130px;float:right}
/*------------- suggest ----------------*/
#petrolPrices #suggest {position:absolute;background:#fff;width:150px;visibility:hidden;border:#000000 1px solid}
#petrolPrices #suggest div {background:#fff;color:#000;padding-left:4px;cursor:hand;text-align:left}
#petrolPrices #suggest div.over {color:#fff;background:#931318;height:auto;padding-bottom:0px;padding-top:0px}



/*petrol August 2008*/
div.petrol-bg label, div.petrol-bg input {vertical-align:middle}
div.petrol-bg label {margin-right:10px}
div.petrol-bg p {margin:0}
div.petrol-bg form p {padding: 10px 0}
body.petrol-prcs div.left-panel-top {position:relative}
p.btyb-head {position:absolute;top:7px;text-align:right;right:10px;vertical-align:middle}
p.btyb-head img {vertical-align:middle}
div.recent-petrol-search {float:right;width:200px !important;padding-left:25px;margin-top:10px;margin-left:10px;border-left:1px solid #cacaca;height:111px}
div.recent-petrol-search li{width:200px !important}
div.prices_container div.petrol-bg{height:321px!important}
div.petrol-map {float:left;width:353px}
div.petrol-map-data {float:right;width:353px;margin-top:-25px}
div.petrol-map-data p {font-size:11px}
div.petrol-map ul {background:#fff url(/img/img/petrol_ausmap.gif) 0 5px no-repeat;height:265px;position:relative}
div.petrol-map ul li {position:absolute;overflow:visible !important;padding:0;background:none}
div.petrol-map ul li a {display:block;background: url(/img/icons/icn-sprites-map.gif) -7px -7px no-repeat;padding-left:10px;z-index:2;font-size:11px}
div.petrol-map ul li a:hover, div.petrol-map ul li a.selected {z-index:1;background: url(/img/icons/icn-sprites-map.gif) 0 -65px no-repeat;padding:2px 0 2px 22px;left:-7px;position:absolute;white-space:nowrap}
div.petrol-map ul li.adelaide {left:169px;top:173px}
div.petrol-map ul li.brisbane {left:253px;top:115px}
div.petrol-map ul li.gold-coast {left:255px;top:128px}
div.petrol-map ul li.hobart {left:207px;top:234px}
div.petrol-map ul li.melbourne {left:206px;top:195px}
div.petrol-map ul li.perth {left:32px;top:159px}
div.petrol-map ul li.sunshine-coast {left:244px;top:101px}
div.petrol-map ul li.sydney {left:234px;top:171px}
div.petrol-map-data table {border-bottom:1px solid #cacaca !important;border-right:1px solid #cacaca !important;border-collapse: collapse;width:337px;margin:15px 0 5px}
div.petrol-map-data table th, div.petrol-map-data table td {border-top:1px solid #cacaca !important;border-left:1px solid #cacaca !important;padding:7px 5px;text-align:center}
div.petrol-map-data table tr.top-data th {text-align:center}
div.petrol-map-data table th {text-align:left}
ul.petrol-national-average {position:relative;height:110px !important;padding-bottom: 20px}
ul.petrol-national-average li {position:absolute;display:block;background: #cacaca;width:63px;bottom:10px;text-align:center;font-weight:bold;padding: 3px 0 10px 0;border-bottom:1px solid #cacaca}
ul.petrol-national-average li span {position:absolute;bottom:-20px;color:#333}
li#ULPNA {left:0px;height:10px;background-color:#f9cccc;border:1px solid #df0000}
li#PULPNA {left:66px;height:10px;background-color:#cef2ce;border:1px solid #0cbf0b}
li#LPGNA {left:132px;height:10px;background-color:#ced9f5;border:1px solid #0c41cf}
li#DieselNA {left:198px;height:10px;background-color:#ffebcc;border:1px solid #f90}
li#E10NA {left:264px;height:10px;background-color:#cccccc;border:1px solid #000}
th.ULP {background-color:#f9cccc;border:1px solid #df0000}
th.PULP {background-color:#cef2ce;border:1px solid #0cbf0b}
th.LPG {background-color:#ced9f5;border:1px solid #0c41cf}
th.Diesel {background-color:#ffebcc;border:1px solid #f90}
th.E10 {background-color:#cccccc;border:1px solid #000}
body.petrol-prcs div.square-panel-small h4.collapsabletitle {margin:10px 0 5px !important;color:#06f}
div.petrol-bg3 {border-bottom: 1px solid #ccc;border-top: 1px solid #fff;background:#fff;padding: 0 0 20px}
ul.petrol-price-history-graph li {border-bottom:1px solid #cacaca !important;background:#fff;padding-top:10px;width:319px}
ul.petrol-time-history-graph {margin-left:47px;z-index:1}
ul.petrol-price-history-graph {z-index:2;background:#ccc url(/img/img/cents-per-litre.gif) -1px 0 no-repeat;padding-left:18px}
ul.petrol-time-history-graph {height:35px}
ul.petrol-time-history-graph li {float:left;padding:20px 0 0;text-align:center;border-left:1px solid #fff;height:18px}
ul.petrol-time-history-graph li ul {margin-top:-35px}
html>body ul.petrol-time-history-graph li ul {*height:18px}
ul.petrol-time-history-graph li ul li {margin:0;padding:3px 5px 0px;background:none;border:0;width:12px;height:16px;background-color:#cacaca}
p.cheapest-petrol strong {font-size:1.2em}
th.lowest-petrol {padding-left:20px !important;background:url(/img/bg/petrol-arrows.png) 4px -1px no-repeat}
th.average-petrol {padding-left:20px !important;background:url(/img/bg/petrol-arrows.png) 4px -64px no-repeat}
th.highest-petrol {padding-left:20px !important;background:url(/img/bg/petrol-arrows.png) 4px -124px no-repeat}
div.no-bg {background:#fff !important}
body.petrol-prcs .content-center.centre-right {width:373px;padding: 20px 0 0}
h3.ULP, h3.PULP, h3.LPG, h3.Diesel, h3.E10 {color:#000;margin:5px 0 19px;padding:7px;font-size:10pt}
h3.ULP {background-color:#f9cccc;border:1px solid #df0000}
h3.PULP {background-color:#cef2ce;border:1px solid #0cbf0b}
h3.LPG {background-color:#ced9f5;border:1px solid #0c41cf}
h3.Diesel {background-color:#ffebcc;border:1px solid #f90}
h3.E10 {background-color:#cccccc;border:1px solid #000}
div.petrol-prices-results {width:230px;float:left}
ul.petrol-stations li {margin-bottom:10px;padding:5px;position:relative;border:1px solid #cacaca;background:none}
ul.petrol-stations li:hover {background:#f2f2f2;border: 1px solid #ccc}
ul.petrol-stations li span {color:white;font-size:12pt;font-weight:bold;left:20px;margin-left:-15px;position:absolute;text-align:center;top:12px;width:20px}
div.gmap-petrol {float:right;width:500px;height:480px;border:1px solid #cacaca;margin-top:38px}
/* petrol rhc module */
div.home-petrol {border-top:5px solid #fff;margin-top:5px;position:relative;background:#fff url(/img/bg/petrol-prices-rhc-bg2.png) 0 0 no-repeat !important}
div.home-petrol input.go-button{width:36px !important;position:absolute;top:83px;left:126px}
div.rhc-petrol input.box{width:100px !important}
div.rhc-petrol select.box{width:104px !important}
div#petrolMap, div#gmap-petrol div#container{margin:0 !important}
body.petrol-prcs div#prices_container div.content-center {margin-top:0!important}
body.petrol-prcs div.petrol-bg form select#States {vertical-align:middle}
div#chart {background:transparent url(/img/img/cents-per-litre.gif) no-repeat scroll -1px 0;text-align:right;margin: 0 0 20px}
div#chart img {width:320px}
body.petrol-prcs h4.collapsabletitle, body.petrol-prcs h4.collapsabletitle.open {padding-left:15px;background:url(/img/bg/plusorminus.gif) 0 4px no-repeat;cursor:pointer}
body.petrol-prcs h4.collapsabletitle.open {background-position: 0 -85px}
form.car-values-search {width:370px}


#Adelaide, #Brisbane, #GoldCoast, #Melbourne, #Perth, #SunshineCoast, #Sydney{
opacity:0.6;
filter:alpha(opacity=60);
}

#error{
display:inline;
margin-right:4px;
}

#boxcontent .date, #boxcontent .author, #boxcontent .intro, #boxlinks{
_height:0;
height:0!important;
visibility:hidden!important;
padding:0!important !important;
margin:0!important !important;
padding-bottom:0!important;
margin-bottom:0!important;
}

* html .PPcontainer{margin-top:-45px;}
div.PPcontainer{_margin-top:-0 !important;*margin-top:-0 !important;}

#city{padding-top:3px!important;}


ul#showResultsFor{
top:10px;
left:-16px!important;
}

#message{
padding-top:5px!important;
margin-bottom:10px!important;
padding-bottom:5px!important;
}

.mapContainer{height:0;}

.averagePrice h3{
padding:0!important;
margin:0!important;
}

.averagePrice p{margin-top:7px!important;}

#graphContainer{margin-top:10px!important;}
#petrolPrices{padding-top:0!important;}

#petrolPrices .showResults {width:120px!important;}

.button_red{
padding-bottom:0;
text-align:center;
font-size:12px;
cursor:pointer;
}

#pointer{
letter-spacing:0!important;
top:-60px!important;
}

#average{padding-bottom:40px;}

#legend{
padding-top:10px;
height:0;
}

#values{
letter-spacing:0;
padding-top:77px!important;
top:0!important;
line-height:1.3em!important;
}