/* 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; padding-bottom:30px; background:url(../images/body_sides.png) repeat-y top left; padding:0 9px; overflow:hidden; display:block; }
.main { float:left; width:980px; padding:0px; background:#fff; font-size:1.2em;  }
.page { width:980px; position:relative;}
.header { width:560px; float:right; height:77px;}
.contentholder { width:968px; float:left; clear:both; padding-bottom:20px;}
.contentarea { background:#fff; 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:#bb0f30; text-decoration:none;}
.contentarea a:hover { text-decoration:underline;}

/*   generics  */
.content ul, .rhs ul { list-style:none;}
.content ul li, .rhs ul li { list-style:none; background:url(../images/bullet.gif) no-repeat left 9px; padding:4px 0 4px 10px;}
.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:15px 18px 0px 18px; float:left; width:360px; height:60px;}
.home h1 { background-repeat: no-repeat; background-position: left top; width:360px; height:60px;}
.page .logo {padding:15px 18px 0px 18px; float:left; width:360px; height:60px; }
.page .logo a { background-repeat: no-repeat; background-position: left top; width:360px; height:60px; display:block }

/* main navigation */
div.nav { width:948px; height:36px; float:left; padding:0 11px; margin:18px 0 19px 10px; background:url(../images/nav/nav_bg.gif) no-repeat left bottom; }
div.nav ul.nav { line-height:1.0; float:left; width:948px; clear:both; height:31px; padding:5px 0 0 0; text-align:center;}
div.nav ul.nav li {display:block; position:relative; float:left; height:31px; margin:0 5px 0 0; width:auto; }
div.nav ul.nav li a {text-decoration:none; text-align:center; white-space:nowrap; padding:7px 18px 12px 25px; display:block; color:#000; 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.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:11px 18px 8px 25px; font-weight:bold;position:relative; font-weight:bold; color:#bb0f30;}
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.166em; float:left; vertical-align:middle; padding:5px 5px 0 5px; background:url(../images/search.gif) no-repeat 7px center;  width:85px; font-weight:bold;  }
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:161px; margin-left:19px; padding-bottom:380px; position:relative; }
div.subnavtop {background:#fff url(../images/nav/subnav_top.gif) no-repeat left top; height:auto; width:161px; }
div.subnavtop h4 {padding:12px 0 7px 9px; font-size:1.334em; font-weight:bold; width:141px; margin-left:3px; color:#f9d759; }
div.subnav { background:url(../images/nav/subnav_bottom.gif) no-repeat left bottom #bb0f30; width:144px; float:left; padding:7px 0 25px 17px; }

/* 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:136px; text-decoration:none; padding:0px; margin:0; background:none; }
div.subnav ul li a:hover {text-decoration:underline;}
div.subnav ul li.on a {color:#f9d759; font-weight:bold; padding-left:10px; }
div.subnav ul {list-style:none;font-size:1em;}
div.subnav ul li a { display:block; text-decoration:none; color:#fff; 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:#000; list-style:none; font-size:0.938em; padding:0px 0 20px 0; float:left; clear:both;}
.contentarea div.breadcrumbs ul li {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;}
.contentwithsubnav div.breadprint { width:515px; }
.contentwithsubnav div.breadcrumbs ul { width:417px; }
.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: white url(../images/footer_bg.gif) repeat-x left top;  padding:25px 15px 0px 20px; font-size:1.1em; float:left; width:945px;}
.footer .footernav { width:600px; float:right; color:#bb0f30; padding-top:5px; text-align:right;}
.footer .footernav a { color:#bb0f30; text-decoration:none; padding:0 7px; }
.footer .footernav p { color:#000; padding-top:16px; padding-right:7px; text-align:right;}
.footer .copy { width:320px; color:#000; padding-top:12px; height:15px; padding-left:7px; }
.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 { background:url(../images/footerbottom_bg.gif) no-repeat left top; width:998px; height:27px; margin:0 auto; padding-bottom:50px;}
.footer .links {color:#7f7f7f; margin-bottom:30px; float:left;width: 940px}
.footer .links ul { list-style:none;}
.footer .links ul li { list-style:none; padding:2px 0;}
.footer .links a {color:#7f7f7f; 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 {  background:none; padding-left:0;}
.footer .links .col { float:left; width:188px;}
.footer .footerlogo { float:left; width:300px; clear:both}
.footer p {margin-bottom:4px;}

/* ======================   home page  ====================== */
.bannerholder { float:left;}
.bannerholder .bannertext { float:left; width:234px; height:269px; padding:7px 8px 11px 21px; background:url(../images/bannertext_bg.gif) #bb0f30 no-repeat left top; }
.bannerholder .bannerimg { float:left; width:600px;}
.bannerholder .bannertext h2 { padding-bottom:1em; padding-top:1em; color:#ffc600 !important; }
.bannerholder .bannertext p { font-size:1.166em; color:#fff; line-height:1.3em;}

.spotlightholder { float:left; width:948px; /*background:url(../images/spotlightholder_bg.gif) repeat-x left top;*/ padding:17px 0px 17px 10px;}
.spotlightholder .spot { float:left; width:200px; background:url(../images/spot_bg.gif) no-repeat left top; height:260px; padding:15px 15px 15px 15px; margin-right:7px; position:relative;}
.spotlightholder .spot h3 { display:block; width:200px; font-size:1.334em; padding-top:18px; }
.spotlightholder .spot p { line-height:1.5em;}
.spotlightholder .spot a.start { background:url(../images/start.gif) no-repeat 0px 1px; }
.spotlightholder .spot a.start, .spotlightholder .spot a.video { padding:0 10px 0 20px; height:18px; position:absolute; right:10px; bottom:18px; 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 0 370px 0; position:relative; }
.page .spotlightholder .spot { clear:both; margin:0 0 6px 0;}

.spotlightholder h2 { font-size:1.5em; font-weight:bold;}

/* ================         content          ================ */
.content { float:left; width:958px; padding-left:11px; }
.page .content { float:left; width:auto; padding-left:0px; }
.contentwithsubnav { width:515px; float:left; margin-left:19px; }
.contentwithsubnav .breadprint { width:512px;}
.contentwithsubnav .breadcrumbs ul { width:417px;}
.contentwithnosubnav { width:722px; float:left; margin-left:19px; }

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 { color:#1066bc;  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:3px 10px; float:left; width:671px; height:1px; }
.symptomsholder {float:left; width:671px; background:url(../images/calendar_bottom.gif) no-repeat left bottom; padding:6px 10px 6px 10px;}
.symptombody { padding:20px;}
.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 left 1px; font-size:2.2em; display:block; height:30px; float:right; padding:0px 45px 20px 35px; font-weight:bold; }

.symptomspots { float:left; width:682px; padding:8px;}
.symptomspots .spot { background:url(../images/symptom_spot_bg.gif) no-repeat left top; float:left; width:221px; height:173px; padding-right:6px;}
.symptomspots .spot a { padding:7px 10px; background:url(../images/start.gif) no-repeat right 10px; float:left; width:192px; display:block; font-size:1.333em; font-weight:bold;}
.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:190px;}
.think p { margin:0; padding:10px 0px 0 0;}
.think .symptom { font-weight:bold; padding-left:10px; margin:0; padding:0 10px;}
.results { float: left; width:430px; font-size:1.333em;}
.resulttop { background:url(../images/result_top.gif) no-repeat left top;  width:439px; height:10px; float:left; }
.results .result { clear:both; float:left; padding:10px; width:419px; margin-bottom:10px;}
.results .result.resultfirst { background:url(../images/result_bottom.gif) no-repeat left bottom; clear:both; float:left; padding:10px; width:419px; margin-bottom:10px;}
.results .result.resultfirst a { font-weight:bold;}

.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:24px; }
.disclaimershare { background:url(../images/disclaimer.gif) repeat-x left bottom; height:22px;}
.disclaimer { float:left; width:800px; font-weight:bold; padding-left:22px; }
.share { float:right; width:56px; }
.share a { background:url(../images/share.gif) no-repeat left top; padding-left:20px; height:16px; color:#699ad7; 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; }