/*
 ____  ____              _____ __  __ 
|___ \|  _ \  __ _ _   _|  ___|  \/  |
  __) | | | |/ _` | | | | |_  | |\/| |
 / __/| |_| | (_| | |_| |  _| | |  | |
|_____|____/ \__,_|\__, |_|   |_|  |_|
                   |___/              
File:     modules.css
Author:   Jens Korff - Fairfax Digital
Born:     November 2007
Modified: 15 Apr 2008

Colours:  

DO NOT MODIFY THIS FILE! 
Make any changes only to the version which is in version control.
-------------------------------------------------------------------------------------------------- */

/* Rotating Feature Highlights */
div#primary div#featurehighlights {position:relative;width:636px;height:300px;overflow:hidden;color:#fff}
div#primary div#highlights {position:absolute;top:0;left:0;overflow:hidden;width:636px;height:300px}
div#primary div#highlights div.highlight {position:absolute;top:0;left:0;width:530px;height:300px;overflow:visible;display:none}
div#primary div#highlights div.highlight div.heading {position:absolute;right:-88px;width:85px;border:1px solid transparent}
div#primary div#highlights div.active {display:block}
div#primary div#highlights div.active div.heading {background-color:#000;border:1px solid #fff} 

div#primary div#highlights div.highlight div.teaser {visibility:hidden}
div#primary div#highlights div.active div.teaser {visibility:visible}
div#primary div#highlights div.highlight div.teaser {position:absolute;bottom:.9em;left:8px;width:618px;background:transparent url('../img/bg_colors.png') 0 0}
div#primary div#highlights div.highlight div.teaser h5 {color:#fff;position:absolute;top:-46px;left:8px;font:bold 40px "Trebuchet MS", Arial, Helvetica, sans-serif;text-transform:uppercase;text-shadow:#000 2px 2px 1px}
div#primary div#highlights div.highlight div.teaser h6 {margin:-.08em 0 0 7px;font:bold 30px "Trebuchet MS", Arial, Helvetica, sans-serif}
div#primary div#highlights div.highlight div.teaser p {margin:-.2em 0 0 7px;font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;width:515px}
div#primary div#highlights div.highlight div.teaser ul {color:#fff;margin:2px 0 0 7px}
div#primary div#highlights div.highlight div.teaser li {float:left;margin-right:15px}

/* Static Feature Highlights */
div#primary div#staticfeaturehighlights {position:relative;width:636px;height:300px;overflow:hidden;color:#fff}
div#primary div#staticfeaturehighlights div.highlight {width:636px}

/* HEADINGS */
div#sub_highlights {position:absolute;width:87px;height:160px;left:auto;right:17px;bottom:6px;overflow:hidden;}
div#primary div#highlights div.heading {display:none}
div#sub_highlights div.heading {position:relative;display:block;margin-top:1px;width:85px;border:1px solid transparent}
div#sub_highlights div.active {background-color:#000;border:1px solid #fff}
div#sub_highlights div.active img {opacity:0.65}
div#primary div#highlights div.highlight a.featureImage {visibility:hidden}
div#primary div#highlights div.active a.featureImage {visibility:visible}

/* Rotator 4th asset */
div#sub_highlights {position:absolute;width:87px;height:auto;left:auto;right:17px;bottom:6px;overflow:hidden;}
div#primary div#highlights div.heading {display:none}
div#sub_highlights div.heading {position:relative;display:block;margin-top:1px;width:85px;border:1px solid transparent}
div#sub_highlights div.active {background-color:#000;border:1px solid #fff}
div#sub_highlights div.active img {opacity:0.65}
div#primary div#highlights div.highlight a.featureImage {visibility:hidden}
div#primary div#highlights div.active a.featureImage {visibility:visible}

/* Rounded corner box 1 */
div.rounded-1 {float:left;margin:8px 0 0 -2px;width:640px;background:transparent url('../img/roundedBox640.png') no-repeat -1280px 100%/*end of box*/}
div.rounded-1 .r1 {float:left;width:640px;background:transparent url('../img/roundedBox640.png') no-repeat 0 0/*top of box*/}
div.rounded-1 .r2 {margin:8px 0;position:relative;padding:0 6px;width:628px;background:transparent url('../img/roundedBox640.png') repeat-y -640px 50%/*mid of box*/}
div.rounded-1.first {margin-top:0}
div.rounded-1 h4,.smallCol h4,.mainCol h3
 {position:relative;margin:0 9px;padding-bottom:6px;font-size:96%;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;color:#269eec;text-transform:uppercase;/*Green bg is default*/background:transparent url('../img/bg_heading_dotted.gif') repeat-x 0 100%}
div.rounded-1 h4 span {position:absolute;right:0;top:0;text-transform:none}
div.rounded-1 h4 span.note {font-family:Arial, Helvetica, sans-serif;font-weight:normal;color:#4f4b4c}
div.rounded-1 h4 span a:link,div.rounded-1 h4 span a:visited {color:#f00;font-weight:normal;font-size:95%}
div.hColour h2 {position:relative;margin:-6px 0 9px -3px;height:28px;width:625px;color:#fff;padding:9px 0 0 11px;font-size:180%;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;background:transparent url('../img/bg_heading.jpg') no-repeat 0 0}
	div.hOrange h2 {background-position:0 -40px}
	div.hColour h2 span {position:absolute;right:10px;top:9px;font:normal 55% Arial, Helvetica, sans-serif}
div.rounded-1 div.group {width:200px;float:left;margin:8px 0 7px 7px;position:relative}
	div.group h6,.wof h6 {font-size:130%;color:#999;font-weight:normal;margin-bottom:.7em}
	div.group ul {color:#397cde;line-height:1.55}
div.group p.teaser {position:absolute;bottom:.4em;left:5px;width:184px;padding:1px 3px 2px 3px;line-height:1.3;color:#fff;font:bold 130% "Trebuchet MS", Arial, Helvetica, sans-serif}
div.rounded-1 div.large {width:300px;margin-bottom:8px;margin-right:6px}
	div.advert div.large {margin-top:0;margin-bottom:0}
div.large p.teaser {width:280px;height:auto;top:auto;left:7px;bottom:8px;font-size:180%}
div.rounded-1 div.large p span {display:block;font-size:13px}
div.rounded-1.entertainment {margin-top:2px}
div.rounded-1 div.latestNews {position:relative;width:620px;height:16px;margin:0 0 11px 3px;padding:0;clear:both;background:transparent url('../img/bg_latest_news_ent.png') no-repeat 0 0}
div.rounded-1 div.latestNews h5 {color:#fff;width:153px;padding-left:7px}
div.rounded-1 div.latestNews a.more {position:absolute;right:0;top:0;display:block;width:20px;height:16px;text-indent:-9000px}
div.rounded-1 div.latestNews .ticker_int {margin:0;padding:0;bottom:0;width:430px;position:absolute;left:166px;top:0;overflow:hidden;height:16px;background:none}
div.rounded-1 div.latestNews .ticker_int div {padding:0;background:none;bottom:0}
div.rounded-1 #moreEntNews {display:none;width:608px;height:231px;position:absolute;top:18px;bottom:0;padding:0 6px 6px;z-index:10;color:#fff;background:transparent url('../img/bg_latest_news_ent.png') no-repeat 0 -30px}
	#moreEntNews ul {float:left;width:161px;list-style-type:none;font:bold 10px Verdana, Arial, Helvetica, sans-serif;padding:20px 0 0 7px;line-height:1.85}
	#moreEntNews h6 {font-size:14px;padding:18px 0 10px}
	#moreEntNews p {padding-bottom:14px}
	#moreEntNews dl {margin:0 0 0 168px;width:294px}
	#moreEntNews dt {font-size:14px;border-top:1px solid #fac3ed;padding:14px 0 8px}
	#moreEntNews dd {line-height:1.4;color:#fac3ed}
	#moreEntNews dd a:link,#moreEntNews dd a:visited {color:#fac3ed}
	#moreEntNews img {float:right;border:2px solid #fff;margin:15px 12px 0 0}
	#moreEntNews a.more {bottom:11px;top:auto;left:273px;width:75px;height:11px}
div.rounded-1 div.blogBubble {position:absolute;right:7px;top:25px;margin-top:2px;background:transparent url('../img/bg_blog_bubble.png') no-repeat 0 0;width:298px;height:207px;padding:0 0 0 18px;overflow:hidden}
	div.blogBubble h4 {font-size:140%;text-transform:none;background:none;color:#fff;margin:7px 0 5px}
	div.blogBubble blockquote {font-weight:bold;font-size:15px;font-style:italic;color:#397cde;width:283px;margin:8px 0}
	div.blogBubble blockquote span {font-size:12px;font-style:normal}
	div.blogBubble a {position:absolute;left:20px;bottom:18px;display:block}
div#secondary div.blogBubble {position:relative;width:291px;height:234px;margin:0 0 10px 0;padding:0 0 0 9px;background:transparent url('../img/bg_blog_bubble_300px.png') no-repeat 0 0;overflow:hidden}
	div#secondary div.blogBubble h4 {padding-left:9px}
	div#secondary div.blogBubble h5 {margin-top:.9em}
	div#secondary div.blogBubble blockquote {font-size:13px}
	div#secondary div.blogBubble blockquote span {font-size:10px}
	div#secondary div.blogBubble a {position:absolute;left:9px;bottom:0;display:block}
.bottomPadding {padding-bottom:80em!important}

/* Wofs */
div.wof p {font:normal 100% Arial, Helvetica, sans-serif;margin-bottom:.7em}
	div.wof h5 {font:bold 110% "Trebuchet MS", Arial, Helvetica, sans-serif}
	div.wof a {color:#2b424a}
	div.wof h6 a {color:#999}
	div.wof img {float:left;padding:2px;border:1px solid #dfdfdf;background-color:#fff;margin:0 5px 5px 0}
	div.wof ul {list-style-type:none}
	div.wof li {float:left;margin-right:50px;padding-left:0.7em;background:transparent url('../img/bg_li.png') no-repeat 0 6px}
	div.wof ul.vertical {color:#4f4b4c;margin-bottom:0.7em}
	div.wof ul.vertical li {float:none;margin-right:0}
	div.wof li a {color:#397CDE}
	div.wof cite {font-style:normal;color:#999;font-size:.9em}
	div.wof img.floatRight {float:right;margin:0 0 5px 5px}
	div.regularLinks a {color:#397CDE}
	div.wof.last {margin-bottom:1em}
div.musicWof {background:#fff url(../img/bg_wofs.jpg) no-repeat 0 0;height:81px;overflow:hidden;margin-bottom:.5em}
	div.musicWof h5 {margin-top:.2em}
	div.musicWof img {float:right;margin:5px}
div.indexWof,div.borderWof {margin-bottom:10px;border-bottom:1px solid #f4f4f4;padding-bottom:10px}
	div.indexWof p,div.indexWof ul {margin-left:96px}
	div.indexWof.last {border-bottom:none}
div.newsWof p,div.newsWof ul {margin-left:111px}	
div.paddedWof {padding:.9em 0}
div.bigPicWof p,div.bigPicWof ul {margin-left:151px}
div.showHighlights div.small {width:623px}
	div.showHighlights .small .wof {width:91px;margin:0 16px 0 16px;float:left}
	div.showHighlights .small .wof img {margin:0 0 5px 0}
	div.showHighlights .small .wof h5 {font-weight:normal;font-size:100%}
	div.showHighlights .small .wof a {color:#397cde}
div.videos {margin:10px 0}
	div.videos .wof {clear:both}
	div.videos .wof h5 {font-weight:normal;font-size:100%}
	div.videos .wof p {color:#666}
div.noFrame img {padding:0;border:0}/* reverts img frame */
.emphasis {padding:5px 10px;margin:10px 0;border-top:2px solid #f2f6f9;background-color:#f6f8fa}
div.odd {background-color:#fffcf4}
.hitMusic .group h6 {margin-bottom:.3em}
.videoPlayer {margin:0 0 20px 53px}
.video {text-align:center;position:relative}
	.video .coverMaximizeVideo {display:block;width:25px;height:25px;position:absolute;bottom:1px;left:452px;background:transparent url(../img/bg_coverMaximizeVideo.jpg) no-repeat 0 0}

/* Poll, Newsletter */
div.poll,div.newsletter {margin:37px 0 10px;padding:2px 10px 10px;position:relative}
	div.poll h4,div.newsletter h4 {width:625px;height:27px;line-height:27px;font-size:140%;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;color:#fff;padding-left:15px;position:absolute;top:-27px;left:0}
	div.poll p {padding:20px 0}
	.poll ul.fRows {margin:0}
	.poll ul.fRows li {padding:.2em 0 .2em .2em;background-color:transparent}
	.poll ul.fRows input {width:auto}
	.poll ul.fRows li.last {padding-top:0}
	/* Result bars */
	.poll dl {color:#666;margin:0 0 0 6px}
	.poll dt {clear:left;float:left;width:45%;border-right:1px solid #ebebeb}
	.poll dd {width:40%;margin-left:45%;padding-left:39px}
	.poll dd p {background-color:#c00;line-height:1.1;float:left;padding:0}
	.poll dd span {position:relative;margin-left:-31px;color:#818181;background:none;float:left}
	.poll .btnVote {margin:5px 0 0 275px}
	/* Result bars where the poll choices are hidden */
	.poll dl.noanswers {padding-bottom:15px}
	.poll dl.noanswers dt {display:none}	
	.poll dl.noanswers dd {clear:left;width:85%;margin:-3px 0 0 0;padding:3px 0 0 31px}
	div#primary div.poll {background:transparent url('../img/bg_box_640px.png') no-repeat -640px 100%;margin-left:-2px;width:620px;margin-top:30px}
	div#primary div.first.poll {margin-top:37px}
	div#primary div.poll h4 {background:transparent url('../img/bg_box_640px.png') no-repeat 0 0}
	div#secondary .newsletter,
	div#secondary .poll {background:transparent url('../img/bg_box_300px.png') no-repeat -300px 100%;width:285px;padding-right:10px}
	div#secondary .newsletter h4,div#secondary .poll h4 {background:transparent url('../img/bg_box_300px.png') no-repeat 0 0;width:285px}
	div#secondary .poll h4 {background-position:0 -30px}
	div#secondary .poll .btnVote {margin:5px 0 0 95px}
	div#primary .r2 .mainCol .poll {width:384px;margin:30px 0 10px -2px;background:transparent url('../img/bg_box_400px.png') no-repeat -404px 100%;margin-top:30px}
	div#primary .r2 .mainCol .poll h4 {width:389px;margin:0 0 4px 0;padding-bottom:0;background:transparent url('../img/bg_box_400px.png') no-repeat 0 0;text-transform:none}
	div#primary .r2 .mainCol .first.poll {margin-top:28px}
	div#primary .r2 .mainCol .poll .btnVote {margin-left:142px}
	div#primary .r2 .mainCol .poll .btnVote {margin-left:142px}
	div#primary .r2 .mainCol .poll dl p {margin-bottom:0}

	.newsletter p {margin-bottom:.7em}
	.newsletter a {margin:0 0 0 38px}

/*sponsor*/
div.adsponsor {margin:37px 0 10px;padding:2px 10px 10px;position:relative;}
div.adsponsor h4 {width:625px;height:27px;line-height:27px;font-size:140%;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;color:#fff;padding-left:15px;position:absolute;top:-27px;left:0;}
div.adsponsor h3 {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px;}
div.adsponsor h3 a {color:#333333;}
div#secondary .adsponsor {background:transparent url('../img/bg_box_300px.gif') no-repeat -300px 100%;width:285px;padding-right:10px}
div#secondary .adsponsor h4 {background:transparent url('../img/bg_pink_box.jpg') no-repeat 0 0;width:285px}

.adsponsor div#adsponsorImg { margin:10px 0 5px -6px;}
.adsponsor P {border:none;}
div.adsponsor h3 span {display:block; font-weight:normal;}
.adsponsor p a img {float:left; padding:3px; border:1px solid #dfdfdf; margin-right:5px;margin-left:-6px; height:56px; width:91px;}

.fuelFinder {position:relative;margin:10px 0}
	.fuelFinder form {padding:0 5px}
	.fuelFinder label {display:block}
	.fuelFinder input {color:#8a8a8a}
	.fuelFinder #suburb {width:148px;margin-right:11px}
	.fuelFinder #postcode {width:59px;margin-left:11px}
	.fuelFinder #fueltype {float:left;width:152px;margin-top:10px}
	.fuelFinder .searchButton {margin-top:8px}
.userInput {color:#000!important}
.news {position:relative;margin:15px 0}
	.news .sponsor {margin-top:-10px}
	.news ol {margin-top:8px}
	.news ol li.more {list-style-type:none}
.showfeature {margin-top:0px}
	.showfeature img {float:left;width:400px}
	.showfeature .r2 div {position:absolute;left:406px;width:212px;height:238px;color:#fff;padding:5px 8px;background:#fff url(../img/bg_show_feature.jpg) no-repeat 100% 50%}
	.showfeature h2 {font-size:210%;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;margin-bottom:.5em;line-height:1.2}
	.showfeature p {font-size:120%;margin-bottom:.5em;width:100%}
	.showfeature li {color:#fff;margin-bottom:.5em;font-size:120%}
	.showfeature li a, .showfeature h2 a, .showfeature h2 a:link {color:#fff}
	.winfeature .r2 div {background:none;width:auto;height:auto;position:static;padding:5px 8px 0 0}
		.winfeature img {width:auto;margin:0 8px 8px 0}
		.winfeature h2 {color:#269eec}
		.panel .winfeature p {color:#4f4b4c;line-height:1.5}
		.panel .winfeature a {color:#397CDE}
div.player {margin:12px 0 .5em 0}
	div.player a {line-height:2.8;margin-left:15px}
	/* UI NOTE: Remove this style for production. Used for placeholder image only: */
	div.player img {border:0;margin:0;padding:0;float:none}
	/* UI NOTE: End remove */

/* Sponsor links */
.sponsor {position:absolute;right:5px;top:0;background:transparent url(../img/bg_sponsors.gif) no-repeat 0 0;text-indent:-9000px;display:block;width:80px;height:30px}
	.brand-2dayfm .sponsor {background-position:0 0} /* SMH */
	.brand-929 .sponsor {background-position:0 -120px} /* WAtoday */
	.brand-fox .sponsor,.brand-safm .sponsor {background-position:0 -80px}/* The Age */
	.brand-b105 .sponsor {background-position:0 -40px} /* BT */

/* Fuel Sponsor links */
.fuelSponsor {position:absolute;right:5px;top:0;background:transparent url(../img/bg_fuel_sponsors.jpg) no-repeat 0 0;text-indent:-9000px;display:block;width:80px;height:30px}

/* Buttons */
.button,.startSearchButton {cursor:pointer;color:#fff!important;font-weight:bold;position:relative;display:block;width:159px;height:23px;padding:2px 0 0 36px;margin:0 auto;background:transparent url('../img/bg_button.png') no-repeat 0 0}
	.button span,.startSearchButton span {background:transparent url('../img/bg_button.png') no-repeat 0 -25px;display:block;width:10px;height:23px;position:absolute;right:-10px;top:0px}
	.mediumButton {width:119px}
	.smallButton {width:72px}
	.tinyButton {width:41px}
	.halfCol .button {margin-top:2em;margin-bottom:2em}
	.disabledButton {cursor:default;color:#666!important;background-position:0 -50px}
	.disabledButton span {background-position:0 -75px}
	ul.fRows li .disabledButton {float:none}
.rss {color:#666;font-weight:bold;display:block;width:176px;height:24px;padding:4px 0 0 36px;background:transparent url('../img/bg_buttons_special.png') no-repeat 0 0;}
.searchButton {background:transparent url('../img/bg_button_search.png') no-repeat 0 3px;padding:1px 8px 0 32px;width:90px;height:25px;border:0;color:#666;font:bold 100% Arial, Helvetica, sans-serif;cursor:pointer;margin-left:35px}
	.searchButton span {float:left}
	.searchButton:hover span {text-decoration:underline}
.blogButton {margin:0;float:left}
a.iTunes {display:block;width:134px;height:21px;margin:0 auto .7em;padding:2px 0 0 35px;color:#fff!important;font-weight:bold;font-size:100%;background:transparent url('../img/bg_button_podcast.png') no-repeat 0 0}
	div.rounded-1 h4 span a.iTunes {position:absolute;top:-2px;right:0;color:#fff;font-weight:bold;font-size:100%}
	div.smallCol a.iTunes {margin-left:24px}
	a.iTunes + p {text-align:center;margin-bottom:0}
.startSearchButton {width:74px;height:23px;margin: 0px 17px 0px 10px}
    .startSearchButton input {border:0;background:transparent;font-color:none;font-weight:bold;color:#fff;font-family:Arial, Helvetica, sans-serif;font-size:100%;cursor:pointer}
/*.logout {position:absolute;top:175px;right:22px;background:transparent url('../img/bg_button_logout.png') no-repeat 0 0;width:88px}*/
.logout {position:absolute;top:80px;right:22px;background:transparent url('../img/bg_button_logout.png') no-repeat 0 0;width:88px}

/* Images */
span.hot {z-index:100;background:transparent url('../img/hot_icons.png') no-repeat 0 0;position:absolute;top:2px;left:2px;text-indent:-9000px;display:block;height:41px;width:40px}
span.hotgoss {background-position:0 -60px;top:0;left:0;height:52px;width:52px}
span.hottour {background-position:0 -238px;top:0;left:0;height:52px;width:52px}

/* Colours */
div.entertainment p.teaser {background:transparent url('../img/bg_colors.png') no-repeat 0 -200px}
div.entertainment h4 span {color:#f943cd}
div.hotgossip p.teaser {background:transparent url('../img/bg_colors.png') no-repeat 0 -400px}
div.hotgossip h4 span {color:#80c900}
div.hitMusic p.teaser {background:transparent url('../img/bg_colors.png') no-repeat 0 -600px}
div.hitMusic h4 span {color:#9143e0}
div.winPrizes h4 span {color:#ffc211}

/* Link colours */
div.highlight div.teaser a:link,div.highlight div.teaser a:visited,
#moreEntNews a:link,#moreEntNews a:visited,
p.teaser a:link,p.teaser a:visited {color:#fff}
/* Links */
a.download {color:#397CDE!important;line-height:1;padding-left:8px;background:transparent url(../img/bg_li.png) no-repeat 0 -595px}
a.important {color:#f00!important}

/* Weather */
div#weather {float:left;width:290px}
DIV#weather span {color:#0077c6}
DIV#weather li.today span {font-weight:bold}
DIV#weather li.now span {color:#ff5000}
div#weather ul {list-style-type:none}
DIV#weather ul.current {float:left;width:290px;padding:0}
DIV#weather ul.current li {float:left;line-height:1.2em}
DIV#weather ul.current li.today {padding:0px;background:transparent url("../img/weathericons_31x31_0407.gif") 0 9px no-repeat}
DIV#weather ul.current li.today DIV {float:left;width:136px;padding:4px 4px 9px 42px;background:transparent url("../img/bg_weathermask.gif") 0 -10px no-repeat}
DIV#weather ul.current li.now { width:63px;padding:4px 0px 7px 37px}
div#weather ul.forecast {float:left;width:290px;border-top:1px solid #e6e6d5;padding:0}
DIV#weather ul.forecast li {float:left;width:auto;padding:0px;/*background:8px 9px no-repeat;*/ background:transparent url("../img/weathericons_31x31_0407.gif") 8px 9px no-repeat}
DIV#weather ul.forecast li DIV {float:left;width:42px;padding:9px 4px 9px 42px;background:transparent url("../img/bg_weathermask.gif") 0 -10px no-repeat}
DIV#weather ul li.cloud {background-image:url(../img/weather_cloud.gif)}
DIV#weather ul li.rain {background-image:url(../img/weather_rain.gif)}
DIV#weather ul li.fine {background-image:url(../img/weather_fine.gif)}
/* SMH Weather icons */
DIV#weather ul li.w0  {position:absolute;top:0px;left:-9999px}
DIV#weather ul li.w1  {background-position:0    0px !important}
DIV#weather ul li.w2  {background-position:0  -35px !important}
DIV#weather ul li.w3  {background-position:0  -70px !important}
DIV#weather ul li.w4  {background-position:0 -105px !important}
DIV#weather ul li.w5  {background-position:0 -140px !important}
DIV#weather ul li.w6  {background-position:0 -175px !important}
DIV#weather ul li.w7  {background-position:0 -210px !important}
DIV#weather ul li.w8  {background-position:0 -245px !important}
DIV#weather ul li.w9  {background-position:0 -280px !important}
DIV#weather ul li.w10 {background-position:0 -315px !important}
DIV#weather ul li.w11 {background-position:0 -350px !important}
DIV#weather ul li.w12 {background-position:0 -385px !important}
DIV#weather ul li.w13 {background-position:0 -420px !important}
DIV#weather ul li.w14 {background-position:0 -455px !important}
DIV#weather ul li.w15 {background-position:0 -490px !important}
DIV#weather ul li.w16 {background-position:0 -525px !important}
DIV#weather ul li.w17 {background-position:0 -560px !important}
DIV#weather ul li.w18 {background-position:0 -595px !important}

/* Control panel */
#controlpanel {width:302px;height:317px;margin:0 0 15px -2px;padding-left:2px;background:transparent url('../img/bg_controlpanel.png') no-repeat 0 0;overflow:hidden}
	#controlbuttons {margin:2px 0 0 6px;list-style-type:none}
	#controlbuttons li {float:left;margin-bottom:2px}
	#controlbuttons li a {display:block;float:left;height:24px;width:104px;font-weight:bold;padding:6px 0 0 35px}
	#listen-button a {color:#fff;background:url('../img/bg_controlpanel_buttons.png') no-repeat 0 0}
	#podcast-button a {color:#666;background:url('../img/bg_controlpanel_buttons.png') no-repeat 0 -40px;margin-left:12px}
	.controltabs {list-style-type:none;width:300px;height:28px;clear:both}
		.controltabs li {float:left;width:100px;margin-right:-1px;background:transparent url(../img/bg_controlpanel_tabs.gif) no-repeat 0 0}
		.controltabs li.selected {background-position:0 -40px}
		.controltabs li.selected a {color:#fff}
		.controltabs li#hot30tab.selected {background-position:0 -80px}
		.controltabs li a {display:block;float:left;width:84px;height:22px;color:#666;font-weight:bold;padding:6px 0 0 16px}
	.controltab {width:300px;display:none;float:left;border-top:1px solid #1c8ed7}
    .membershipcontroltabs {list-style-type:none;width:300px;height:28px;clear:both}
		.membershipcontroltabs li {float:left;width:100px;margin-right:-1px;background:transparent url('../img/bg_controlpanel_tabs.gif') no-repeat 0 0}
		.membershipcontroltabs li.selected {background-position:0 -40px}
		.membershipcontroltabs li.selected a {color:#fff}
		.membershipcontroltabs li a {display:block;float:left;width:84px;height:22px;color:#666;font-weight:bold;padding:6px 0 0 16px}
    .membershipcontroltab {display:none;float:left;border-top:1px solid #1c8ed7; width:100%;}
        /* UI NOTE: Switch between tabs by (de)activating the 'display' property: */
		/*#controlpanel .selected,.panel .selected {display:block}*/
        #controlpanel .selected,.panel .selected, .membershipcontroltab .selected {display:block}
        #secondary .tab2 {height:251px;background:transparent url('../img/bg_controlpanel_tab2.jpg') no-repeat 0 0;border-top:1px solid #eb0000}
			.tab2 .advert,.tab3 .advert {display:none;margin-left:7px}
			.sponsored .advert {display:block}
			.tab2 hr,.tab2 .bottomLink,
			.tab3 hr,.tab3 .bottomLink {display:block}
			.sponsored hr,.sponsored .bottomLink {display:none}
		.tab3 {height:251px;background:transparent url('../img/bg_controlpanel_tab3.jpg') no-repeat 0 0}
		/*.panel .controltab {width:100%;padding-top:1em}*/
        .panel .controltab .membershipcontroltab {width:100%;padding-top:1em}

    #onairnow {margin:5px 0 5px 5px;overflow:hidden;position:relative;height:217px;width:290px;background:transparent url('../img/bg_controlpanel_scrollbox.gif') no-repeat 0 0}
		#onairnow .scroll {display:block;width:19px;height:109px;text-indent:-9000px;position:absolute;right:0;top:0;z-index:100}
		#onairnow .list-up {background:transparent url('../img/bg_controlpanel_scrollbar.gif') no-repeat 0 0}
		#onairnow .list-down {background:transparent url('../img/bg_controlpanel_scrollbar.gif') no-repeat 0 -120px;top:auto;bottom:0}
		#onairnow .list-up:hover {background-position:-30px 0}
		#onairnow .list-down:hover {background-position:-30px -120px}
		#onairnow ul {list-style-type:none;width:271px;/*Required for JS code:*/position:absolute;top:0;left:0}
		#onairnow li {float:left;height:71px;width:269px;border:1px solid #e0e0e0;border-width:1px 1px 0 1px;position:relative}
		#onairnow li img {margin:5px 6px 0 6px;float:left}
		#onairnow li h5 {font-size:105%;margin:.4em 0 .3em 0;line-height:1}
		#onairnow li h5 a {color:#4f4b4c}
		#onairnow li p {color:#999;line-height:1}
		#onairnow li ul {position:static;font-size:93%;margin:.3em 0 0 97px;width:auto}
		#onairnow li li {float:left;height:auto;width:auto;border:0;margin-right:1em;padding-left:.7em;background:transparent url('../img/bg_li.png') no-repeat 0 6px}
		#onairnow li.now {background:transparent url('../img/bg_wofs.jpg') no-repeat 1px -99px}
		#onairnow li.now h5 a,#onairnow li.now p,#onairnow li.now a {color:#fff}
		#onairnow li.now h5 {margin-top:.6em}
		#onairnow li.now li {background-position:0 -94px}
		#onairnow li.now span {position:absolute;top:0;left:0;display:block;width:37px;height:37px;text-indent:-9000px;background:transparent url('../img/hot_icons.png') no-repeat 0 -120px}
		#onairnow .advert {float:right;margin:3px 3px 0 0}
	.tab2tab3 {margin:3px 0 0 5px;padding:0 2px;overflow:hidden;height:246px;width:285px;background:transparent url('../img/bg_controlpanel_inner.png') no-repeat 0 100%}
		.sponsored .tab2tab3 {height:206px}
		.tab2tab3 ol {margin:1px 1px 14px;color:#f00;position:relative}
		.tab2tab3 li {width:274px;float:left;height:13px;padding:5px 5px 4px}
		.tab2tab3 li.odd {background-color:#f6f8fa}
		.tab2tab3 li * {line-height:1;float:left}
		.tab2tab3 img {margin:5px}
		.tab2tab3 span {font-weight:bold;font-size:100%;margin-right:.4em}
		.tab2tab3 h5 {font-size:100%;line-height:1}
		.tab2tab3 p {line-height:1;color:#777;margin-left:.3em}
		.tab2tab3 a {color:#f00;float:right}
		.tab2tab3 .selected {width:284px;height:65px;padding:0;color:#fff;background:transparent url('../img/bg_wofs.jpg') no-repeat 0 -200px}
			.tab2tab3 .selected h5 {font-size:110%;margin-top:.6em;float:none}
			.tab2tab3 .selected p {color:#fff;margin:.6em 0 0 0;float:none}
			.tab2tab3 .selected a {display:block;font-size:90%;color:#fff;margin-top:.6em;float:none}
			.tab2tab3 .selected span {position:absolute;top:0;left:0;display:block;height:37px;width:37px;background:transparent url('../img/hot_icons.png') no-repeat 0 -180px;text-indent:-9000px}
		#secondary .tab2tab3 hr {margin:10px 0 12px}
		.tab2tab3 .button {float:none;color:#fff}
		.tab2tab3 .button span {margin:0}
	.tab3 .tab2tab3 {background:none}
		.tab3 .tab2tab3 ol,.tab3 .tab2tab3 a {color:#269eec}
		.tab3 .tab2tab3 .selected {background-position:0 -100px}
		.tab3 .tab2tab3 .button,.tab3 .tab2tab3 .selected a {color:#fff}
	.bottomLink {text-align:center;display:block;float:none!important;color:#397cde!important}

/* Show header */
.showheader {position:relative;height:161px;margin-bottom:5px!important;background:#fff url('../img/bg_drop_shadow_636px.png') no-repeat 0 100%}
	div.showheader.small {height:136px}
	.showheader h1 {width:636px;height:155px;text-indent:-9000px}
	.showheader.small h1 {height:131px}
	.showheader ul {height:25px;width:636px;list-style:none;position:absolute;bottom:6px;background:transparent url('../img/nav_sprite.png') repeat-x 0 -660px}
	.showheader li {float:left;line-height:25px;list-style-position:outside}
	.showheader ul li span {float:left;position:relative;min-height:25px;left:-2px;padding:0 0 0 2px;margin-right:-2px} 
	.showheader ul li span a {float:left;padding:0 14px;min-height:15px;color:#fff;font-size:13px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;text-transform:lowercase;text-decoration:none;background:transparent url('../img/nav_sprite.png') no-repeat 100% -120px}
	.showheader li:hover {position:relative;background:transparent url('../img/nav_sprite.png') repeat-x 0 -39px}
	.showheader li.active {background:transparent url('../img/nav_sprite.png') repeat-x 0 -80px}
	.showheader li.active a {color:#f00;background:transparent url('../img/nav_sprite.png') no-repeat 7px -150px}
	.showheader .advert {position:absolute;top:80px;left:10px}

	/* Header for 'My <station>': */
	.members {height:137px}
        .members h1 {height:132px}
        .members h1.brand-2dayfm {background:transparent url('../img/2day/bg_heading_crm_memberProfile.jpg') no-repeat 0 0}
        .members h1.brand-929 {background:transparent url('../img/929/bg_heading_crm_memberProfile.jpg') no-repeat 0 0}
        .members h1.brand-b105 {background:transparent url('../img/b105/bg_heading_crm_memberProfile.jpg') no-repeat 0 0}
        .members h1.brand-fox {background:transparent url('../img/fox/bg_heading_crm_memberProfile.jpg') no-repeat 0 0}
        .members h1.brand-safm {background:transparent url('../img/safm/bg_heading_crm_memberProfile.jpg') no-repeat 0 0}

/* Small column */
div.smallCol h4,div.smallCol h5,div.smallCol ul {margin:0 2px .3em}
	div.smallCol .latestComments li {color:#4f4b4c;list-style-type:none;line-height:1.15;margin-bottom:.7em}
	div.smallCol .latestComments li em {font-weight:bold;font-style:normal}
	div.smallCol .latestComments li a {font-weight:bold}
	div.smallCol .latestComments li a.more {font-weight:normal}

/* Coloured boxes */
.orangeBox,.pinkBox,.purpleBox,.loginBox /* Default: wide version */
	{width:612px;margin:40px 0 10px -2px;padding:2px 10px 10px;position:relative;background:#fff url('../img/bg_box_632px.jpg') no-repeat -632px 100%}
	div.orangeBox h4,div.pinkBox h4,div.purpleBox h4,div.loginBox h4
	{height:30px;line-height:30px;font-size:135%;color:#fff;text-transform:none;padding:0 0 0 15px;margin:0;position:absolute;top:-30px;left:0;width:617px;background:transparent url('../img/bg_box_632px.jpg') no-repeat 0 0}
	div.orangeBox div.small,div.pinkBox div.small,div.purpleBox div.small {width:617px;margin-left:0}
	.orangeBox .wof li,.pinkBox .wof li,.purpleBox .wof li {margin:0;background:transparent url('../img/bg_li.png') no-repeat 0 6px;font-weight:normal;line-height:normal}
	/* small version */
	.smallCol .orangeBox,.smallCol .pinkBox,.smallCol .purpleBox {background:#fff url('../img/bg_box_216px.png') no-repeat -216px 100%;padding-bottom:20px;width:196px}
	.smallCol .orangeBox {margin:40px 0 10px 0}
	.smallCol .pinkBox,.smallCol .purpleBox {margin:10px 0 30px 0}
	div.smallCol .orangeBox h4,div.smallCol .pinkBox h4,div.smallCol .purpleBox h4 {width:201px;background:transparent url('../img/bg_box_216px.png') no-repeat 0 0}
	div.smallCol .pinkBox h4,div.smallCol .purpleBox h4 {background-color:white;top:0}
	div.smallCol .pinkBox h5,div.smallCol .purpleBox h5 {margin-top:30px}
	div.pinkBox h4,div.smallCol .pinkBox h4 {background-position:0 -40px}
	div.purpleBox h4,div.smallCol .purpleBox h4 {background-position:0 -80px}
	a.other {position:absolute;bottom:-16px;left:0;display:block;text-align:center;width:100%}
	div.smallCol .orangeBox ul li {font-weight:bold;padding-left:10px;margin:0 0 0 5px;line-height:2;list-style-type:none;background:transparent url('../img/nav_sprite.png') no-repeat 0 -152px}
		/* Main column version */
	.mainCol .purpleBox {width:384px;background:transparent url('../img/bg_box_400px.png') no-repeat -404px 100%}
	.mainCol .purpleBox h4 {width:389px;background:transparent url('../img/bg_box_400px.png') no-repeat 0 -40px}
	.headlines cite {color:#999;font-style:normal;font-size:.9em}
    .smallCol .headlines {margin-top:30px;}
    .smallCol .headlines cite {display:none}
	/* If a coloured Box is the first in a column, add class 'first' to remove excess top margin: */
	div.orangeBox.first,div.pinkBox.first,div.purpleBox.first,div.loginBox.first {margin-top:30px}
		/* Contained boxes don't have th "other" link below the box: */
	div.orangeBox.contained,div.pinkBox.contained,div.purpleBox.contained,div.loginBox.contained {margin-bottom:10px}
	div.smallCol div.pinkBox.first,div.smallCol div.purpleBox.first {margin-top:0}
	div.orangeBox.chain,div.pinkBox.chain,div.purpleBox.chain {margin-bottom:60px}
	.loginBox {float:right;width:286px;background:#fff url('../img/bg_box_306px.png') no-repeat -306px 100%}
		div.loginBox h4 {width:291px;background:transparent url('../img/bg_box_306px.png') no-repeat 0 0}
		.loginBox p {text-align:center;margin:2em 0 1.5em}
		.loginBox ul.fRows li {background-color:transparent}
		.loginBox ul.fRows label {width:77px;font-weight:bold;margin-right:14px}
		.loginBox ul.fRows input {width:167px;margin-bottom:1em}
		.loginBox ul.fRows p {margin:0}
		.loginBox .button {margin:auto;float:left;cursor:pointer}

/* Main column */
.mainCol h3 {font-size:115%;margin-bottom:.5em}
	.mainCol img {margin-bottom:.5em}
	.mainCol p {margin-bottom:.7em;line-height:1.5}
	.r2 hr {background-color:#F4F4F4;color:#f4f4f4;border:0;height:1px;margin:2px 0}
	.r2 .mainCol hr {clear:both;background:transparent url('../img/bg_heading_dotted.gif') repeat-x 0 100%;margin:10px 0 6px;height:4px}

/* Blogs */
	.blogHeading span {display:block;color:#999;font-weight:normal;font-size:86%;line-height:1.5;text-transform:none}
		.blogHeading span img {margin-bottom:0;vertical-align:middle}
	div.mainCol h4.blogComments {margin:3em 0 0}
		div.mainCol h4.blogComments span {line-height:1.5;color:#999;font-weight:normal;top:-5px}
		h4.blogComments span img {vertical-align:middle;margin:0}
		div.mainCol h4.blogComments span a {color:#397cde}
		h4.blogComments span a img {padding-bottom:2px}
	ul.blogComments {list-style-type:none}
		ul.blogComments li {color:#4f4b4c;line-height:1.4;padding:.5em .4em}
		ul.blogComments li.odd {background-color:#fafdf1}
		ul.blogComments cite,ul.blogComments span {display:block;line-height:2.5;font-style:normal}
		ul.blogComments span {color:#999}
div.blogWof p {line-height:1.4}
	div.blogWof h3 {margin-left:0;margin-right:0;background:none}
	div.blogWof h3 a {color:#269eec}
	div.blogWof h3 img {border:0;margin:0;padding:0;float:none}
	div.blogWof img.floatRight {margin-left:1em}
	div.blogWof ul {margin:3em 5px 2em 0;border-bottom:1px solid #f4f4f4}
	div.blogWof ul li {float:right;list-style-type:none;background:none;color:#999;margin:0 0 0 10px}
	div.blogWof ul img {border:0;margin:0 0 2px;padding:0;float:none;vertical-align:middle}
	ul.pagination {list-style-type:none;text-align:center;overflow:hidden}
		ul.pagination li {display:inline;background:transparent url('../img/bg_li.png') no-repeat 0 0;color:#999;padding-left:13px}
		ul.pagination li a {position:relative;left:-13px;margin-right:-13px;padding-left:13px;background:transparent url('../img/bg_li.png') no-repeat 0 0}
		ul.pagination li.first {background-position:0 -146px}
		ul.pagination li.first a {background-position:0 -246px}
		ul.pagination li.prev {background-position:0 -196px;margin:0 8% 0 3%}
		ul.pagination li.prev a {background-position:0 -296px}
		/*ul.pagination li.next {background-position:0 -346px;margin:0 3% 0 8%}*/
		ul.pagination li.next {padding:0 13px 0 0;background-position:117% -346px;margin:0 3% 0 8%}
		/*ul.pagination li.next a {background-position:0 -446px}*/
		ul.pagination li.next a {margin:0 0 0 -13px;padding:0 13px 0 0;right:-13px;left:auto;background-position:117% -446px}
		/*ul.pagination li.last {background-position:0 -396px}*/
		ul.pagination li.last {padding:0 13px 0 0;background-position:117% -396px}
		/*ul.pagination li.last a {background-position:0 -496px}*/
		ul.pagination li.last a {margin:0 0 0 -13px;padding:0 13px 0 0;right:-13px;left:auto;background-position:117% -496px}
		ul.pagination li.page {background:none;padding:0;margin:0 1px}
		ul.pagination li.page a {background:none;left:0;margin-right:0;padding:0 4px;display:inline;text-align:center}
		ul.pagination li.active a {background:transparent url('../img/bg_li.png') no-repeat 50% -550px;color:#fff}
	.r2 hr {background-color:#F4F4F4;color:#f4f4f4;border:0;height:1px;margin:2px 0}
	.r2 .mainCol hr {clear:both;background:transparent url('../img/bg_heading_dotted.gif') repeat-x 0 100%;margin:10px 0 6px;height:4px}

/* Sitemap-style list */
.sitemap ul {list-style-type:none}
	.sitemap .smallCol h4, .evenCols .mainCol h4 {margin-top:2.5em !important;margin-left:0 !important}
	.sitemap .smallCol, .evenCols .mainCol {margin-top:-2.35em;padding-bottom:2em}
	.sitemap ul li {font-weight:bold;margin-left:-2px;font-size:105%;line-height:1.75}
	.sitemap ul ul li {font-weight:normal;font-size:96%;background:#fdfefe none}
	.sitemap ul ul li.odd {background-color:#f6f8fa}
	.sitemap ul ul {margin-top:0.2em}
	.sitemap ul li a {margin-left:2em;padding-left:0.7em;background:transparent url('../img/bg_li.png') no-repeat 0 -595px}
	.sitemap ul ul li a {margin-left:3em;padding-left:0.9em;background:transparent url('../img/bg_li.png') no-repeat 0 5px}

div.smallCol .simpleList {margin-bottom:3em}
	.simpleList li {list-style-type:none;margin:.3em 0}

/* Forms */
fieldset {border:0}
textarea {font-family:Arial, Verdana;font-size:110%}
ul.fRows {list-style-type:none;margin:10px 0}
	ul.fRows li {clear:left;padding:0.5em 0;color:#333;background-color:#f6f8fa}
	ul.fRows li span {float:left}
	ul.fRows li.odd {background-color:#fbfcfd}
	ul.fRows label {width:111px;float:left;margin-right:5px;text-align:right}
	ul.fRows label.lblRadio {width:auto;margin-right:60px}
	ul.fRows label.large {height:50px}/*Make it span two rows*/
	ul.fRows input {width:220px}
	ul.fRows input.small {width:37px}
	ul.fRows input.large {width:480px}
	ul.fRows input#remember,ul.fRows input#forget {width:auto}
	ul.fRows input#scode {width:140px}
	ul.fRows textarea {width:220px}
	ul.fRows img {float:left;padding-right:1em;margin:0}
	ul.fRows li.last {border:0;padding-top:2em;background-color:transparent}
	ul.fRows select.small {width:80px}
    ul.fRows select.expanded.small {width:110px;}
	ul.fRows select.large {width:480px}
	ul.fRows input.radio {width:auto;margin:0 .2em 0 1em;position:relative;top:2px}
	ul.fRows input.first {margin-left:0}
	ul.fRows .checkbox input {float:left;margin-right:1em}
	ul.fRows #updates { float:none; width:auto; margin-right:2px; }
	ul.fRows p {margin:4px}
    ul.fRows li p.phone {margin:6px 40px 3px 39px}
.frmDetails ul.fRows input {float:left;width:180px}
	.frmDetails ul.fRows input.large {width:480px}
	.frmDetails ul.fRows input.small {width:37px;margin-right:143px}
	.frmDetails ul.fRows textarea {width:386px}
	.frmDetails ul.fRows p {margin:.3em 0 .7em}
	.frmDetails ul.fRows #updates,.frmDetails ul.fRows #terms {width:auto;float:none}
	ul.fRows label.checkbox {width:35px; height:auto;}
.podcast select {float:left;width:170px;margin-right:75px}
	.podcast .button {float:left;background:transparent url('../img/bg_button_subscribe.png') no-repeat 0 0;width:88px}
.frmSearch * {float:left}
	.frmSearch input#searchSite {width:360px;background:#fff url('../img/nav_sprite.png') no-repeat 4px -696px;border:1px solid #7f9db9;height:1.4em}
	.frmSearch input#searchSite.userInput {background-image:none}
	.frmSearch a {margin:0 20px 0 10px}
	.frmSearch fieldset {position:relative;top:4px}
.frmVideoSearch * {float:left}
	.frmVideoSearch label {font-size:110%;font-weight:bold;margin:.2em .8em 0}
	.frmVideoSearch input {width:358px;margin-right:.8em}
	.frmVideoSearch .startSearchButton input {width:auto}
.frmMemberProfile select {margin-right:1em}
	.frmMemberProfile .button.top {margin:0 0 1em 0}
	.frmMemberProfile .fRows .button.top {margin:0 2em 0 0;float:left}
	.frmMemberProfile .tab2 li {border-bottom:1px solid #f4f4f4;margin-bottom:4px}
	.frmMemberProfile .tab2 ul.fRows input.radio {margin-left:40px}
	.frmMemberProfile .tab2 p {float:right;width:432px;position:relative;top:-15px;margin-bottom:-15px}
	.frmMemberProfile .formresult { width: 610px; margin-left: 2px; padding: 3px 8px; background: #bbb; color: white; }

/* Error messages */
ul.fRows .error {padding-bottom:0}
ul.fRows .error span {padding-left:19px;color:#f00;font-weight:bold;background:transparent url('../img/bg_exclamation.png') no-repeat 0 0}
ul.fRows .error span.empty {display:block;width:180px;padding:0;background:none}
.loginBox ul.fRows .error span {width:167px}

.feedbackMessage {font-weight:bold;color:#269eec;margin-top:.4em}

/* Error pages */
.sitemap .wideCol .emphasis,.sitemap .wideCol .last {margin-left:0}
.sitemap .last {clear:left;text-align:center}
.sitemap .last a,.sitemap .last a:link {color:#397cde}

/* Fuel Finder */
.fuelfinder h4.large {font-size:140%;margin-top:0.75em}
.fuelfinder form#fuelFinder {background-color:#f6f8fa;padding:7px 3px;margin:10px 0 20px 0}
	.fuelfinder form#fuelFinder input,.fuelfinder form#fuelFinder select {margin:0 5px}
	.fuelfinder form#fuelFinder .searchButton {margin-left:10px}
	.fuelfinder form#fuelFinder .searchButton span {float:none}
.fuelfinder table {width:100%;margin:10px 0 20px 0}
	.fuelfinder tr.alt {background-color:#f6f8fa}
	.fuelfinder th,.fuelfinder td {padding:7px 4px}
	.fuelfinder table a,.fuelfinder table a:link {color:#4f4b4c}
	.fuelfinder td.highest,.fuelfinder td.lowest,.fuelfinder td.average {font-weight:bold;width:33%;background-image:url('../img/icons_fuelfinder_arrows.gif');background-repeat:no-repeat;text-indent:40px}
	.fuelfinder td.highest {background-position:15px 6px}
	.fuelfinder td.lowest {background-position:15px -44px}
	.fuelfinder td.average {background-position:15px -98px}
.fuelfinder .graph {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;height:380px;background:url(../img/bg_fuelfinder_label.gif) 0 320px no-repeat;margin:10px 0 20px 0}
.fuelfinder .graph .price {float:left;width:60px;height:360px;text-align:center;background-color:white;margin-right:35px} /* vertical scale */
	.fuelfinder .graph .price span {font-weight:bold; display:block}
	.fuelfinder .graph .price div {width:60px;height:20px;border-right:1px solid #f6f8fa}
.fuelfinder .graph dd {position:relative;float:left;width:31px;height:320px;padding-right:45px} /* graph columns */
	.fuelfinder .graph dd div {position:absolute; bottom:0; width:31px; background-color:#40b5ef}
	.fuelfinder .graph dd div.cheapest {background-color:#eb0000}
.fuelfinder .graph dd div div {position:relative;width:31px;height:15px;background-color:#fff;text-align:center} /* price at the top */
.fuelfinder .graph dt {float:left;margin:320px -60px 0 -20px;padding:8px 10px 8px 15px;width:55px} /* horizontal labels */
	.fuelfinder .graph dt span {font-weight:bold;padding-right:0.25em}
.fuelfinder .time {clear:left;width:100%;text-align:center;font-weight:bold;text-indent: 53px} /* "Days of the week" */

/* CRM Pop-ups */
#crmpopup { width: 350px; height: 165px; margin: 0; border: 0; padding: 0; background: url('../img/bg_popup.gif') repeat-x; }
#crmpopup div { width: 350px; height: 165px; margin: 0; border: 0; padding: 0; }
#crmpopup.changepasswordpassword, #crmpopup.changepasswordpassword div { height: 200px; }
#crmpopup h4 { margin: 0; padding: 0; font-size: 1.35em; padding-top: 6px; padding-left: 10px; color: #289fec; width: 250px; float: left; }
#crmpopup a#closewindow { position: relative; float: left; width: 90px; height: 26px; background: url('../img/bg_button_close.gif') no-repeat; text-indent: -10000px; }
#crmpopup p { padding: 15px 20px; float: left; }
#crmpopup p.center { text-align: center; width: 290px; }
#crmpopup div ul.fRows li { background: url('../img/bg_popup_form.gif') 0 100% repeat-x; }
#crmpopup div ul.fRows li.error { height: 145px; padding: 5px 0 8px 5px; }
#crmpopup ul.fRows li.error span { margin-left: 20px; margin-bottom: 3px; width: 290px; }

#crmpopup form { float: left; margin-left: 5px; width: 339px; padding: 0; }
#crmpopup form label { padding: 8px 5px 0 0px; margin: 0; width: 110px; }
#crmpopup form input { width: 205px; margin-top: 5px; line-height: 0.8em; float: left; }
#crmpopup form .changepasswordbutton { background: url('../img/bg_button_changepassword.gif') no-repeat; width: 156px; height: 23px; border: 0; margin: 5px 0 0 115px; cursor: pointer; }
#crmpopup form .retrievepasswordbutton { background: url('../img/bg_button_retrievepassword.gif') no-repeat; width: 156px; height: 24px; border: 0; margin: 20px 0 0 115px; cursor: pointer; }
#crmpopup a.continuetohomepage { display: block; text-indent: -10000px; background: url('../img/bg_button_continuetohomepage.gif') no-repeat; width: 177px; height: 24px; border: 0; margin: 20px auto; cursor: pointer; }

/*galleries*/
div.rounded-1 .moreGalleriesH4 {position:absolute; top: 169px; left:5px; background:none; color: #ffffff; text-transform: none; float:left; text-align:left;}
div.rounded-1 .moreGalleries h4 {background: none; text-transform: none; text-align:left;}

ul.fRows li span.req {float:none;}