﻿/* All screen styles go in here - common.css is just for styles that you want to appear on print and screen */
.outer { margin: 0 auto; width:980px; background:url(../images/body_sides.png) repeat-y left top; padding:0 9px; overflow:hidden; display:block; }
.outerfooter { width: 100%; background: transparent url(../images/grass_bg.jpg) repeat-x }
.main {float:left; width:980px; padding:0px; background:#a6d6f0 url(../images/background.gif) repeat-x 0 0; font-size:1.2em;  }
.page { width:980px; position:relative;}
.header { width:460px; float:right; height:77px;}
.contentholder { width:968px; float:left; clear:both; padding-bottom:20px;}
.contentarea { background:transparent; clear:both; float:left; width:958px; padding:0 0px; }
.page .contentarea { width:720px; clear:none; /*padding-left:9px;*/ padding-right:0; margin-left:0; }
.page .contentarea.full  { width:958px;}
.page .content { width:720px; /*padding-left:10px;*/ padding-top:14px; /*background:url(../images/content_bg.gif) repeat-x 10px top;*/ }
.page .contentarea.full .content { width:938px; }
.contentholder a, .contentarea a { color:#ffea00; text-decoration:none;}
.contentarea a:hover { text-decoration:underline;}

/*   generics  */
.content ul, .rhs ul, .rhs ul li, .content .subnav ul li { list-style:none; font-size: 1.0em; font-family: Arial, Verdana, Sans-Serif}
.content ul {margin-left: 20px}
.content ul li { list-style: disc; line-height: 1.5em; font-size: 1.1em; font-family: Verdana, Arial, Sans-Serif}
.rhs ul li { background:url(../images/bullet_orange.gif) no-repeat left 5px; font-weight:bold; padding-top:1px; padding-bottom:1px;}
.content ul li a { }
.content ol { margin:5px; padding:18px; }
.content ol li { padding:4px 0 4px 0px; margin:0;}
.content ol li a { padding:0; margin:0; }



/* hidden text */
.home h1, a.btn, .page .logo {text-indent:-999em; outline:none;}

/*    logo     */
.logo { padding:5px 18px 0px 18px; float:left; width:460px; height:75px;}
.home h1 { background-repeat: no-repeat; background-position: left top; width:460px; height:75px; margin: 0; padding: 0}
.page .logo a { background-repeat: no-repeat; background-position: left top; width:460px; height:75px; display:block }

/* main navigation */
div.nav { width:965px; height:45px; float:left; padding:0 11px; margin:0 0 0 10px; background:url(../images/nav/nav_bg.gif) no-repeat left top; }
div.nav ul.nav { float:left; width:960px; clear:both; text-align:center;}
div.nav ul.nav li {background: url(../images/nav/sep.gif) no-repeat left top; display:block; position:relative; float:left; height:25px; margin:0; width:auto; }
div.nav ul.nav li a {text-decoration:none; text-align:center; white-space:nowrap; padding:5px 10px 4px 12px; display:block; color:#ffea00; font-weight:bold; /*background:url(../images/nav/li.gif) repeat-x left bottom;*/ width:auto; }
div.nav ul.nav li a:hover { text-decoration:underline;}
div.nav ul.nav li.home {background-image: none}
div.nav ul.nav li.on { width:auto; position:relative; background:url(../images/nav/nav_on_right_bg.gif) no-repeat right top; padding-right:7px; }
div.nav ul.nav li.on a { background:url(../images/nav/nav_on_bg.gif) no-repeat left top; padding: 6px 4px 12px 12px;  font-weight:bold;position:relative; font-weight:bold; color:#fff;}
div.nav ul.nav li.on a span { display:block; position:absolute; top:0; right:0; width:7px; height:31px; background:url(../images/nav/nav_on_right_bg.gif) no-repeat left bottom; }


div.search { background:url(../images/search_bg.gif) no-repeat left top; float:right; width:365px; height:30px; padding:32px 0 10px 0px;}
div.search label {font-size:1.25em; font-weight: normal; color: #ffea00; float:left; vertical-align:middle; padding:5px 5px 0 5px; background:url(../images/search.gif) no-repeat 7px center;  width:85px; }
div.search input {  padding:3px 6px; height:17px; float:left; width:196px;}
div.search input.btn { background:url(../images/btn_go.gif) no-repeat left top; /*color:#fff; text-transform:uppercase;font-weight:bold; */ border:0; height:25px; font-size:11px; width:32px; cursor:pointer; text-indent:-999em; margin-left:3px;}

div.subnavcol { float:left; width:182px; margin-right: 10px; padding-bottom:180px; position:relative; }
div.subnavtop {background:#fff url(../images/nav/subnav_top.gif) no-repeat left top; height:auto; width:182px; }
div.subnavtop h4 {padding:19px 0 7px 9px; font-size:1.4em; font-weight:bold; width:161px; margin-left:3px; color:#fff; }
div.subnav { background: #bb0f30 url(../images/nav/subnav_bottom.gif) no-repeat left bottom; width:171px; float:left; padding:7px 0 25px 11px; }

/* level 1 */
div.subnav ul { float:left; clear:both; list-style:none; padding:0px; margin:0; position:relative;}
div.subnav ul li {float:left; width:156px; text-decoration:none; padding:0px; margin:0; background: url(../images/nav/subnav_sep.gif) no-repeat top left; }
div.subnav ul li a:hover {text-decoration:underline;}
div.subnav ul li.on a {color:#fff; font-weight:bold; }
div.subnav ul {list-style:none;font-size:1em;}
div.subnav ul li a { display:block; text-decoration:none; color:#FFEA00; padding:0; line-height:2.3em; background:none;}
div.subnav ul li a:hover, .subnav ul li a:focus { text-decoration:underline;}

/* level 2 */
div.subnav ul ul {list-style:none;}
div.subnav ul ul li {width:127px;}
div.subnav ul ul li.on a {padding-left:10px; font-weight:bold; color:#000; }

.contentarea div.breadprint { float:left; width:690px; }
.contentarea div.breadcrumbs ul { width:595px; color:#fff; list-style:none; font-size:0.938em; padding:0 0 18px 0; float:left; clear:both;}
.contentarea div.breadcrumbs ul li {font-size: 1.0em; list-style:none; float:left;  padding:0 9px 0 8px;background:url(../images/bullet_black.gif) no-repeat left 5px; }
.contentarea div.breadcrumbs ul li.first { background:none; padding-left:0;}
.contentarea div.breadcrumbs a {color: #ffea00}
.contentwithsubnav div.breadprint { width:500px; padding: 7px 0 }
.contentwithsubnav div.breadcrumbs ul { margin: 0; width:407px;padding: 0 0 10px 0; font-family: Arial, Verdana, Sans-Serif}
.page .contentarea.full div.breadprint { width:938px;}
.page .contentarea.full div.breadcrumbs ul {width:846px;}

/* accessible skip links */
div.skiplinks {text-indent:-999em;position:absolute;}

.footer { background: #006eae;  padding:25px 15px 0px 20px; font-size:0.80em; float:left; width:945px;}
.footer .footernav { width:770px; float:right; color:#ffea00; margin-top:34px; height: 15px; text-align:right;}
.footer .footernav a { color:#ffea00; text-decoration:none; padding:0 3px; font-size: 1.4em  }
.footer .footernav p { color:#fff; float: left; text-align:left; width: 435px;}
* + html .footer .footernav p { margin-top: -10px }
.footer .copy { width:auto; color:#fff; padding-top:12px; height:15px; font-size: 1.1em }
.footer .copy img { }
.footer .copy a { font-size:0.916em;}
.footer .copy span { vertical-align:top; padding:8px 0 0 4px; display:inline-block;}
.footer a:hover, .footer a:focus { text-decoration:underline;}

.footerbg { height: 20px; margin: 0 auto; width: 980px; background: transparent url(../images/footerbottom_bg.gif) no-repeat top left}
.footer .links {color:#fff; margin-bottom:5px; float:left;width: 940px; font-size: 1.35em}
.footer .links ul { list-style:none;}
.footer .links ul li { list-style:none; padding:2px 0;}
.footer .links a {color:#fff; text-decoration:none; background:url(../images/bullet.gif) no-repeat left 4px; padding-left:7px;}
.footer .links a:hover { text-decoration:underline;}
.footer .links h4 {padding-bottom:0.4em;}
.footer .links h4 a { color: #fff; background:none; padding-left:0;}
.footer .links .col { float:left; width:132px; min-height: 125px; height: auto}
.footer .footerlogo { float:left; width:175px; clear:both}
.footer p {}

/* ======================   home page  ====================== */
.bannerholder { float:left;}
.bannerholder .bannertext { float:left; width:234px; height:269px; padding:7px 8px 11px 21px; }
.bannerholder .bannerimg { float:left; width:600px;}
.bannerholder .bannertext h2 { margin: 0; padding: 0 0 0.5em 0; color:#094194 !important; font-size: 1.5em; font-weight: bold; line-height: 1.25em; }
.bannerholder .bannertext p { font-size:1.166em;line-height:1.3em; color:#094194; }

.extracontent {float:left; margin: 20px 20px 5px 20px;}
.extracontent p, .extracontent li {color: #094194 !important; font-size: 1em}
.extracontent h2, .extracontent h3 {color: #094194 !important;}

.spotlightholder { float:left; width:948px; /*background:url(../images/spotlightholder_bg.gif) repeat-x left top;*/ padding:17px 0px 17px 20px;}
.spotlightholder .spot { float:left; width:187px; background:url(../images/spot_bg.gif) no-repeat left top; height:250px; padding: 10px; margin-right:30px; position:relative;}
.spotlightholder .spot h3 { display:block; width:185px; font-size:1.334em; padding:8px 0; margin: 0; }
.spotlightholder .spot h3 a {color: #094194}
.spotlightholder .spot p { line-height:1.15em;width:150px; font-size: 0.95em; color: #094194}
.spotlightholder .spot a.start { text-indent: -99999px; background:url(../images/start.gif) no-repeat 0px 1px; padding:0; height:35px; width: 35px; position:absolute; right:6px; bottom:26px; font-weight:bold; font-size:1em;}

.spotlightholder .spot.calendar select { background:none; width:175px; margin-bottom:5px;}
.spotlightholder .spot.calendar p { font-size:0.938em;}

.page .spotlightholder { background:none; float:right; width:237px; padding: 0; margin-top: 10px;  position:relative;}
.page .spotlightholder .spot { clear:both; margin:0 0 6px 0; background: url(../images/spot_page_bg.gif) no-repeat 0 0; width: 205px; height: 220px}
.page .spotlightholder .spot a.start {right: 12px}
.page .spotlightholder .spotimg {clear:both; margin:0 0 6px 0;}
.page .full .spotlightholder {margin-top: -20px}
.spotlightholder h2 { font-size:1.5em; font-weight:bold;}

/* ================         content          ================ */
.content { float:left; width:958px; padding-left:11px; }
.page .content { float:left; width:958px; }
.page .content p {font-family: Verdana, Arial, Sans-Serif; font-size: 1.1em}
.contentwithsubnav { width:500px; float:left; background:#378DBF url(../images/innercontent_bg.gif) repeat-x scroll 0 0; padding: 0 7px }
.contentwithsubnav .breadprint { width:512px;}
.contentwithsubnav .breadcrumbs ul { width:417px;}

.contentwithnosubnav { width: 690px; min-height: 500px; float: left; background:#378DBF url(../images/innercontent_bg.gif) repeat-x scroll 0 0; padding: 0 7px  }
.contentwithnosubnav .breadprint { width:512px; padding-top: 7px}
.full .contentwithnosubnav {width: auto !important}

a.print { /*background:url(../images/print.gif) no-repeat left top;color:#b2b2b2;font-size:0.938em;*/ float:left;  padding:0; width:28px; }

.home .spotsarea { float:left; width:250px; padding:6px 6px 10px 6px; background:#737373 url(../images/spots_bg.png) repeat-x left top;}
.home .spotsarea .spots { background:#b1b1b1; padding:15px;}
.home .spotsarea .spots h2 { color:#5c6065; font-weight:bold;}
.home .spotsarea .spots h3 { color:#484748; padding:0 0 0.3em 0; font-size:1em;}
.home .spotsarea .spots h3 a { color:#484748;}
.home .spotsarea .spots p {color:#fff;}
.home .spotsarea .spots p span { color:#727272; font-size:0.938em;}

.page .spotsarea { float:left; width:250px; padding:6px 6px 10px 6px; }
.page .spotsarea .spots { background:#999999; padding:15px; float:left; width:222px;}
.page .spotsarea .spots h2, .spotlight h2, .feature h2 { color:#565151; font-size:1.333em;}
.page .spotsarea .spots h2 a {color:#565151; text-decoration:none;}
.page .spotlight h2 a {color:#565151;}
.page .spotsarea .spots h3 { color:#484748; padding:0 0 0.3em 0;}

.page .spotsarea .spots p {color:#e1e1e1;}
.page .spotsarea .text p.title { color:#cacaca; font-weight:bold; padding-bottom:0px; margin-bottom:0;}
.page .spotsarea .text a.more { background:url(../images/bullet_orange.gif) no-repeat scroll left 5px; padding-left:10px;}
.page .spotsarea  a {color:#fff; color:#fff; font-weight:bold;text-decoration:underline;}
.page .spotsarea  a:hover {color:#e1e1e1; }
h2.job { padding-bottom:0.3em; font-size:1.166em; font-weight:bold;}
p.sub { font-size:0.938em; color:#72757a;}
.page .spotsarea .spots p span { color:#727272; font-size:0.938em;}
.page .spotsarea div.text { background:url(../images/spotlight_bottom.gif) no-repeat left top; padding:23px 10px 0px 10px; color:#e1e1e1;font-size:0.916em; clear:both; float:left; width:230px;/**/}
.page .spotsarea p span.highlighted, .page .spotsarea label span { color:#d97129;}
.page .spotsarea label {clear:both; float:left; color:#fff; padding:10px 0 2px 0;}
.page .spotsarea div.contactlabel {width:55px; font-weight:bold; float:left; color:#cacaca; clear:both;}
.page .spotsarea div.info { float:left; width:120px; font-weight:bold;}
.page .spotsarea div.info a {color:#fff;}
.page .spotsarea input.text { background:url(../images/input_bg.gif) no-repeat left top; width:140px; height:18px; padding:3px; clear:both; float:left; width:214px; border:1px solid #87888a;}
.page .spotsarea select {float:left; clear:both; width:222px; border:1px solid #87888a; height:24px;}
.page .spotsarea textarea.text { background:url(../images/input_bg.gif) no-repeat left top;clear:both; float:left; width:218px; border:1px solid #87888a; height:80px;}



/* list page */
.list { padding-bottom:21px; float:left;}
.list.listfirst { padding-top:20px;}
.list .img { float:left; width:220px;}

.list .text { float:left; width:451px; }
.list .text h2 { font-size:1.166em;  padding-top:0;}
.list.services .text h2 {line-height:37px;vertical-align:middle; padding-bottom:6px;}
.list .text h2.news {padding-bottom:0; margin-bottom:0;}
.list .text h2 img {padding-right:9px; float:right;}
.list .text a.icon { float:right;}
.list .text h2 a.title { vertical-align:super; float:left  }
.list .text p.first {padding-top:10px;}
.list .text p { clear:both;   }
.list .text p span {color:#ccc;}

.calendartop { background:url(../images/calandar_holder_top.gif) no-repeat left top; padding:10px; float:left; width:671px; height:3px; }
.calintro { background:url(../images/calendar.jpg) no-repeat left top; padding-left:192px; float:left; line-height:1.5em; min-height:122px;}
.calendarholder { float:left; width:677px; background:url(../images/calendar_bottom.gif) no-repeat left bottom; padding:6px 7px 30px 7px;}
.calendarholder label { font-size:1.833em; font-weight:bold; padding-right:5px;}
.calendarholder select { width:180px; margin-right:10px;}
.calendarholder select.state { margin-right:30px;}

.calendarholder p.intro { font-size:1.166em; padding-top:14px; margin-top:15px; border-top:1px solid #d9d9d9;}
.calendarholder p.intro span, .question span { font-weight:bold;}
.question span { font-size:1.166em;}
.calendarholder input.text  {}
.calendarholder input.btn.gored { background:url(../images/btn_go_red.gif) no-repeat left top; width:32px; border:0; height:25px; cursor:pointer;}
.calendarholder a.back { clear:both; margin:10px 0;}

.symptomstop {background:url(../images/calandar_holder_top.gif) no-repeat left top; padding: 0 10px; float:left; width:661px; height:13px; margin: 0 }
.symptomsholder {float:left; width:661px; background:url(../images/calendar_bottom.gif) no-repeat left bottom; padding: 0 10px}
.symptombody { padding:15px;}
.symptombody .choices { padding:5px 50px; float:left;}
.symptombody .choice { padding:4px; clear:both; float:left; margin-bottom: 5px}
.symptombody .choice label { font-size:1.166em; padding:0px 10px; font-weight:bold; clear: none !important}
.symptombottom {clear:both; float:left; width:677px; padding-top:20px; padding-bottom:10px;}
.symptombottom a.print { clear:both; margin-left:230px; float:left; padding-top:7px; }
.symptombottom a.next { background:url(../images/next.gif) no-repeat right 1px; display:block; height:30px; float:right; width: 120px; font-size: 1.5em; font-weight: normal; line-height: 1.6em; margin-right: 30px; padding-right: 30px; text-align: right; }

.symptomspots { float: left; background: #a6d6f0; overflow: hidden; clear: both; padding: 15px 0 0 15px; margin: 0 -15px; width: 960px}
.symptomspots .spot a.start {right: 12px}
.symptomspots .spot { float:left; width:205px; background:url(../images/spot_page_bg.gif) no-repeat left top; height:220px; padding: 10px; margin-right:12px; position:relative;}
.symptomspots .spot a {color: #094194; display: block; font-size: 1.6em; font-weight: normal; line-height: 2em; height: 75px; width: 200px; background: url(../images/start.gif) no-repeat bottom right}
.symptomspots .spot p { line-height:1.25em;width:150px; font-size: 0.95em; color: #094194}
.symptomspots .spot a.start { text-indent: -99999px; background:url(../images/start.gif) no-repeat 0px 1px; padding:0; height:35px; width: 35px; position:absolute; right:6px; bottom:26px; font-weight:bold; font-size:1em;}
.symptomspots .imgspot {float: left; margin-right:12px}

.symptombody span.checkbox {height: 35px; display: block}
.symptombody .col { float:left; width:157px;}
.symptombody input {clear:both; float:left; margin-right:10px;}
.symptombody label {float:left; padding:2px 0; width:120px; }

.symptombody .print {float: none; font-size: 12px; line-height: 16px; padding-left: 5px; color: #666; text-decoration: none !important}
.symptombody .print img {padding-right: 5px}

/* 3 */
.think { float:left; width:600px;}
.think p { margin:0; padding: 0; display: inline; line-height: 2em}
.think .symptom { display: inline; font-weight:bold; margin:0; padding:0 0 0 10px;}
.think .first {clear: left}
.symptomSep {clear: both}
.results { float: left; width:632px; font-size:1.333em;}
.resulttop { background:url(../images/result_top.gif) no-repeat left top; width:632px; height:9px; margin-top: 15px; float:left; }
.results .result { clear:both; float:left; padding:10px; width:632px; margin-bottom:10px;}
.results .result.resultfirst { color: #0170b3; background:url(../images/result_bottom.gif) no-repeat left bottom; clear:both; float:left; padding:10px; width:612px; margin-bottom:10px;}
.results .result.resultfirst a { font-weight:bold;}
.results .print {display: none}
.results b {font-size: 1.4em}
.pollenlist { width:130px; float:left; margin-bottom:7px; padding-right:5px; padding-right:6px;}
.pollenlist .img {}
.pollenlist .text { margin-top:-73px; width:110px; padding:0 10px; background:yellow; background:url(../images/calendar_overlay.png) no-repeat left bottom; height:73px; position:relative; }
.pollenlist .text h2 { font-size:12px; color:#000; padding-top:9px;}
.pollenlist .text p { color:#1066bc; font-size:11px; padding-top:3px; line-height:1.2em;}



a.back { padding-left:7px; background:url(../images/back.gif) no-repeat left top; padding:0px 20px; float:right; font-size:0.938em;}
a.more { background:url(../images/bullet.gif) no-repeat left 5px; padding-left:6px; font-weight:bold;}


div.paging { text-align:center; padding-top:1.8em; color:#b1b1b1; }
div.paging ul { list-style:none; clear:none; display:inline;}
div.paging ul li { padding:0; list-style:none; display:inline; font-weight:bold; color:#72757a; font-size:1.166em; background:none;}
div.paging a {text-decoration:none; background:none;}
.spots img {padding-bottom:10px;}



/*   Schering Styles */
.pagetop { width:998px; background:url(../images/page_top.gif) no-repeat left top; margin:0 auto; height:30px; }
.disclaimershare { background:url(../images/disclaimer.gif) repeat-x left bottom;  height:22px;}
.disclaimer { float:left; width:800px; font-weight:bold; padding-left:22px; color: #fefefe; font-size: 12px }
.share { float:right; width:56px;}
.share a { background:url(../images/share.gif) no-repeat left top; color: #ffea00; padding-left:20px; font-size: 0.9em; line-height: 16px; height:16px; text-decoration:none;}
.share a:hover { text-decoration:underline;}
.page .share { float:left; width:43px;}

/* paging */
ul.paging {list-style:none; margin-top: 35px}
ul.paging li {float: left;list-style:none;background: none; margin: 0; padding: 0; font-weight: bold}
ul.paging li a{margin: 0 5px 0 8px; font-weight: normal}
ul.paging li a.on {font-weight: bold}


#TB_closeWindow a, #TB_closeAjaxWindow a {background: url(../images/close.png) }

/* Internal Images */

.internal-left { position:absolute; bottom:0; left:10px; }
.internal-right { position:absolute; bottom:0; right:5px; }


/* Pollen Counter */
#pollen {padding: 0 0 0 15px; position: relative; top: 0; overflow: hidden; float: left}
#pollen h1 {}
#pollen #wc {text-indent: -99999px; width: 146px; height: 31px; position: absolute; top: 0; right: 10px; background: url(../images/ico-weatherchannel.png) no-repeat top left}
#pollen .noscript-button {position: absolute; top: 22px; left: 155px}
#pollen .panel {position: relative; z-index: 100; padding-right: 8px; margin-top: 5px; float: left; width: 212px; height: 147px; background: url(../images/pollen-bg-small.png) no-repeat 0 0}
#pollen h2 {margin: 2px 0 10px 0; padding: 0; color: #0070b3; font-size: 22px; font-weight: bold;}
#pollen .forecast p {margin: 0; padding: 0 0 4px 0; text-transform: uppercase; font-size: 14px}
#pollen .forecast p span {font-size: 20px}
#pollen1 {position: relative; z-index: 1000; float: left; width: 653px; height: 182px; background: url(../images/pollen-bg-main.gif) no-repeat 0 0}
#pollen1 select, #pollen1 div.sexy {position: absolute; top: 18px; left: 20px; }
#pollen1 select {width: 127px; top: 21px}
#pollen1 img {position: absolute; width: 90px; height: 90px; left: 37px; top: 52px;}
#pollen1 .desc {position: absolute; left: 24px; top: 134px; width: 120px; text-align: center; line-height: 11px; font-size: 10px; color: #fff; display: block; }
#pollen1 .forecast {position: absolute; top: 20px; left: 172px; width: 175px; height: 150px}
#pollen1 .forecast .range {width: 131px; height: 59px; background: url(../images/pollen-large-0.png) no-repeat 0 0}
#pollen1 .forecast .range.level1 { background: url(../images/pollen-large-1.png) no-repeat 0 0}
#pollen1 .forecast .range.level2 { background: url(../images/pollen-large-2.png) no-repeat 0 0}
#pollen1 .forecast .range.level3 { background: url(../images/pollen-large-3.png) no-repeat 0 0}
#pollen1 .forecast .range.level4 { background: url(../images/pollen-large-4.png) no-repeat 0 0}
#pollen1 .temp {position: absolute; left: 335px; width: 110px; height: 115px; top: 45px}
#pollen1 .temp .low {background: url(../images/temp-low.png) no-repeat 0 0; padding-left: 38px; width: 28px; height: 58px}
#pollen1 .temp .high {background: url(../images/temp-high.png) no-repeat 0 0; padding-left: 38px; width: 28px; height: 58px}
#pollen1 .temp p {margin: 0; padding: 0px 0 4px 0; text-transform: uppercase; font-size: 14px; vertical-align: middle}
#pollen1 .temp p span {font-size: 28px; line-height: 32px; font-weight: normal; display: block; white-space: nowrap}
#pollen1 .details {font-size: 11px; line-height: 16px; position: absolute; top: 56px; left: 450px; height: 110px; width: 200px}
#pollen1 .details dt {margin: 0; padding: 0; display: block; float: left; width: 110px;}
#pollen1 .details dd {margin: 0; padding: 0; display: block; float: left; width: 90px;}
#pollen .panel .forecast {position: absolute; left: 113px; top: 43px}
#pollen .panel h2 {padding: 10px; text-transform: uppercase;}
#pollen .panel .forecast p {font-size: 12px; line-height: 14px}
#pollen .panel .forecast p span {font-size: 16px; display: block; padding: 5px 0}
#pollen .panel .forecast .range {width: 81px; height: 24px; background: url(../images/pollen-small-0.png) no-repeat 0 0}
#pollen .panel .forecast .range.level1 { background: url(../images/pollen-small-1.png) no-repeat 0 0}
#pollen .panel .forecast .range.level2 { background: url(../images/pollen-small-2.png) no-repeat 0 0}
#pollen .panel .forecast .range.level3 { background: url(../images/pollen-small-3.png) no-repeat 0 0}
#pollen .panel .forecast .range.level4 { background: url(../images/pollen-small-4.png) no-repeat 0 0}
#pollen .panel img {position: absolute; top: 40px; left: 15px; width: 90px; height: 90px}
#pollen #info {position: relative; font-size: 12px; padding: 25px 20px; background: url(../images/pollen-bg-info.gif) no-repeat 0 0; width: 648px; height: 93px; float: left; margin-top: 15px}
#pollen #info a {position: absolute; right: 60px; top: 32px; text-indent: -99999px; outline: none; width: 109px; height: 28px; background: url(../images/btn_getwidget.gif) no-repeat 0 0 }


