/* @charset "UTF-8";*. /* CSS Document */ /*----------------------------------------------------------------------------- Salix.com Screen Stylesheet version: 2.0 date: 10/27/10 websits: http://salix.com/ author: MedThink Communications ----------------------------------------------------------------------------- #004668 Blue #35992A Green -----------------------------------------------------------------------------*/ @media only screen and (max-width: 479px) { #wrapper { visibility: hidden; } }/*/mediaquery*/ @media only screen and (min-width: 480px) and (max-width: 569px) { #wrapper { visibility: hidden; } }/*/mediaquery*/ #wrapper { visibility: hidden; } * { margin:0; padding:0; } body { margin:0; font:62.5%/1.4em Helvetica, Arial, Verdana, sans-serif; /* font-size:62.5% allows use of ems on nested elements. em value corresponds to px */ color: #000; text-align: center;/* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ background:url(../images/global/wrapper.jpg) top repeat-x; } h1, h2, h3, h4, h5 { font-weight:normal; } h1 { font-size: 3.2em; line-height:1em; color:#35992A; padding:0 0 62px 30px; } /* Creative area */ h2 { font-size: 2.2em; line-height:1.2em; color:#35992A; padding:.6em 0 .3em 0; } /* Main headline */ h3 { font-size: 1.8em; line-height:1.2em; color:#004668; padding:.6em 0 0 0; } /* Sub-headline */ h4 { font-size: 1.4em; padding-top:.75em; } h5 { font-size: 1.4em; } p { font-size: 1.2em; padding:.5em 0; line-height:1.4em; } /* #col2 p over-writes master.css */ p.breadcrumb { font-size:1.1em; } a:link { color:#004668; text-decoration: underline; } /* #col2 a over-writes master.css */ a:visited { color:#666; text-decoration: underline; } a:hover { color:#666; text-decoration: underline; } /* #col2 a:hover over-writes master.css */ a:active { color:#666; text-decoration: underline; } sup { font-size: 7px; } img { border:0px none; } hr { margin:10px 20px; border:none; border-bottom:solid 1px #333; } /* class styles throughout site */ table.pipeline { width:95%; border:1px solid #004668; } .pipeline th, .pipeline td { font-size:1.2em; padding:3px 6px; } .pipeline th { background-color:#004668; border-left:1px solid #FFF; color:#FFF; } th.first { border:0px none; } .even th { border-top:1px solid #FFF; border-bottom: 1px solid #FFF; } .even-last th { border-top:1px solid #FFF; border-bottom: 0px; } tr.odd { background-color:#DBECFC; } #cpsiaTable { width:100%; } #home-content img.sign-up { display: none; } .toggle { display: none !important; } .left { float:left; width:inherit; } .right { float:right; width:inherit; } .clear { clear:both; } .sup, .super { font-size:60%; vertical-align: super; line-height: 0; text-decoration:none; } .print, .js-hide { display:none; } .blue { color:#004668; } .green { color:#35992A; } .red { color:red; } .no-wrap { white-space: nowrap; } /*------ Main layout IDS --------*/ #wrapper { width:100%; margin-bottom:30px; background:url(../images/global/wrapper.jpg) top repeat-x; } #container { width:980px; margin:0 auto; padding:0; background:url(../images/global/container-bkgd.png) top repeat-y; text-align:left;} #header { height:100px; background-color:#DCECFC; } #header img.logo { margin:11px; float:left; } #header .tag { width:550px; display:block; float:left; margin-top:30px; font-size:1.6em; } #frmSearch { width:187px; float:right; display:inline; margin:10px 25px 10px 0; } #frmSearch input { width:160px; } #frmSearch p { padding:0; text-align:right; } #frmSearch .stock { vertical-align:middle; margin-right: -20px} #frmSearch .go { position:relative; top:4px;} #social { margin-right:28px; float:right; display:inline; height:30px; width:300px; text-align:right; } #social img { margin-left:8px; float:right; } #social p { padding:.25em 0; font-size:1.3em; font-weight:bold; color:#004668; } #maincontent { width:950px; margin:10px 15px 0; overflow:hidden; } #creative, #products { height:160px; margin:10px 15px; position:relative; z-index:0; } #creative img, #products img { width:950px; margin-bottom:10px; } #creative h1, #products h1 { margin-top:-120px; } #products img { position:relative; z-index:0; } #col1 { width:210px; margin-right:15px; float:left; } #col2 { width:535px; float:left; margin:0 15px 0 0; } #col2 a { font-size:inherit; } /* line 149 */ #col2 ul { margin-bottom:1em; } #col2 li { font-size: 1.2em; margin:.4em 1.5em; } #col2 li li { font-size:1em; } form #col2 label { font-size: 12px; } #col2-main { width:710px; float:left; margin:0 15px 0 0; } #col2-main a { font-size:inherit; } /* line 149 */ #col2-main ul { margin-bottom:1em; } #col2-main li { font-size: 1.2em; margin:.4em 1.5em; } #col2-main li li { font-size:1em; } #col3 { width:175px; float:right; } #col3 li { font-size:1.2em; margin:.25em 1em; } #col3 img { margin-top:10px; } #footer { width:950px; clear:both; position:relative; left:15px; bottom:-10px; margin:0; text-align:center; } #footer p { font-size:1em; } .footerInfo {margin:0 auto; width: 730px; } .footerLogo { width:100px; height:53px; position: relative; float: left } .footerSocial { width:100px; border-left:1px solid #999999; border-right:1px solid #999999; text-align:center; padding:0 5px; margin: 0 10px; position: relative; float: left; } .footerCompanyAddress { width:485px; text-align:left; position: relative; float: left; } /*------ END Main Layout IDS --------*/ /*------ Main Navigation --------*/ .subpage-mobile { display: none; } #nav { height:55px; display:block; background:url(../images/global/container-top.png) top no-repeat #DCECFC; text-align:center; position:relative; z-index:1; } #nav ul { margin:0 15px; list-style-type:none; } #nav li { display:inline-block; position:relative; margin-top:13px; vertical-align:top; /*IE hacks*/ zoom:1; *display:inline; } #nav a { height:25px; display:block; padding:13px 8px 3px; font-size:1.4em; font-weight:bold; text-decoration:none; color:#004668; } #nav .active-section a, #nav li:hover a, #nav li a:hover { background:url(../images/navigation/nav-over.png) repeat-x #B1C2CE; } /*----- Main-nav Drop Down ------*/ #nav li ul { display:none; width:155px; position:absolute; top:40px; left:0; } #nav ul.hcp { width: 200px; } #nav li.last ul { left:auto; right:0; } #nav li.active-section:hover ul { display:none; } #nav li:hover ul { display:block; margin:0; background-color:#DBECFC; border:1px solid #B1C2CE; text-align:left; -moz-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.4); -webkit-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.4); box-shadow:1px 1px 3px rgba(0, 0, 0, 0.4);} #nav li li { display:block; margin:0; } #nav li:hover li a { display:block; height:auto; margin:0; padding:6px 6px 4px; font-size:1.3em; font-weight:normal; background:none transparent; border-bottom:1px solid #DBECFC; } #nav li li a:hover, #nav li li:hover a { background:url(../images/navigation/subnav-top.png) repeat-x; border-bottom-color:#B1C2CE; } /*------ Static Sub-nav --------*/ #left-nav { margin-bottom:10px; } #left-nav a, #left-nav a:link, #left-nav a:visited, #left-nav a:focus, #left-nav a:hover, #left-nav a:active { text-decoration:none; color:#004668;} #left-nav .section-head { font-size:1.2em; font-weight:bold; line-height:1.4em; } #left-nav li.section-head a { padding:8px 5px 2px 15px } #left-nav li { margin:0; list-style-type:none; border-bottom:1px solid #DBECFC; } #left-nav li:hover, #left-nav li.active-section { background:url(../images/navigation/subnav-top.png) repeat-x #DBECFC; } #left-nav li a { display:block; width:190px; padding:8px 5px 2px 15px; text-decoration:none; font-size:1.3em; } #left-nav li.active-section a:hover { background:url(../images/navigation/subnav-bottom.png) bottom repeat-x transparent; } #left-nav li a.active-page { font-weight:bold; } /*----- Drop Down Nav 1st tier ------*/ #left-nav li ul { display:none; background-color:#DBECFC; } #left-nav li.active-section ul { display:block; } #left-nav li li, #left-nav li li:hover { background:none; border-bottom:none; } #left-nav li li a { width:175px; height:auto; padding:5px 5px 5px 30px; font-weight:normal; border-top:1px solid #DBECFC; } #left-nav li li a:hover { border-top-color:#B1C2CE; } /*------END Navigation --------*/ /*------ Disclaimer (fair balance) -------*/ #disclaimer h3 { padding-top:1em; } #disclaimer p { color:#303030; } /*------ END Disclaimer -------*/ /*------ CTAs ------*/ #cta-newsletter { position:relative; margin:10px 0; background: url(../images/newsletter/newsletter-div.png) repeat-y #EDF6ED; } /*#cta-newsletter img { margin-top:0; }*/ #cta-newsletter a.newsletter-headline { display: block; margin: 0; padding: 0; } #cta-newsletter a.newsletter-headline img { margin-top:0; margin-bottom:-4px; border: 0; } .rss-feed-logo { position:relative; margin: 3px 0 0 10px !important; padding: 0 !important; } #cta-form, #cta-refresh { min-height:100px; padding:5px 10px; background:url(../images/newsletter/newsletter-form.png) no-repeat; } #cta-refresh { display:none; } #cta-refresh p { font-size:1.4em; font-weight:bold; color:#555; } #cta-form label { font-size:1.2em; font-weight:bold; color:#555; } #cta-form input { margin-bottom:5px; } /*#cta-form .checkbox label { width:135px; margin-bottom:10px; display:block; font-size:1.1em; line-height:1.2em; font-weight:normal; color:#000; } .checkbox label { margin-left:20px; position:relative; } .checkbox input { position:absolute; top:2px; left:-20px; } .checkbox input { *top:-2px; *left:-24px; }*/ /* IE6-7 reposition checkbox */ #cta-form .checkbox label { width:135px; margin-bottom:10px; display:block; font-size:1.1em; font-weight:normal; color:#000; float:right;} .checkbox input { float:left; } #cta-form #email { width:150px; } #cta-form #submit { margin-bottom:0; } /*------ END CTAs ------*/ /*------ Home page content ------*/ #flash-creative, #flash-products { margin:10px 15px; } #flash-creative { height:200px; } #flash-products { height:150px; } #news { width:100%; background:url(../images/global/news-bkgd.jpg) top repeat-x; } #news p { margin:0 10px; font-size:1.2em; font-weight:normal; line-height:1.2em; } #news p.title { padding:.6em 0 0 0; font-size:1.8em; font-weight:bold; text-align:center; color:#004668; } #news span { font-weight:bold; } #news a { text-decoration:none; } #news a:hover { text-decoration:underline; } #home-content { width:715px; float:right; margin-left:5px; } #home #cta-newsletter { margin-top:0; border:1px solid #82BBF7; background:url(../images/newsletter/home-bkgd.png) right top no-repeat #EDF6ED; } #home #cta-form, #home #cta-refresh { padding:15px; background:none; } #home #cta-form #email { width:100%; } #home #cta-form .checkbox label { width:157px; } /*------ END Home page ------*/ /*------ Disclaimer (fair balance) -------*/ .disclaimer p { color: #303030; } .boxedwarning { border-style:groove; border-width:thin; padding:0px 5px; } .boxedwarning p { padding: 0px 0px 5px; } /*------ END Disclaimer -------*/ /*------ shadow box framework ------*/ .shadow_box { margin:-95px 0 0 15px; background: url(../images/main/shadow_box_tile.gif) repeat-y; width: 496px; overflow: auto; margin-bottom: 10px; z-index: 1000; } .shadow_box_outer { background: url(../images/main/shadow_box_top.gif) no-repeat; } .shadow_box_inner { background: url(../images/main/shadow_box_bot.gif) no-repeat bottom left; width: 496px; overflow: auto; padding-bottom: 20px; } #interview_shadow_box{margin-top:0px;} /*------ END shadow box framework ------*/ /*------ product table ------*/ .product_table { color: #AA5C01; margin: auto; font-size:1.2em; text-align:center; width: 80%; } .product_table caption { font-weight: bold; } .product_table th { background: #F6D561 url(../images/main/product_table_hdr_bg.gif) repeat-x; border-top: 1px solid #DDA105; border-bottom: 1px solid #DDA105; padding: 8px; width: 160px; } .product_table td { background: #FDF1C6 url(../images/main/product_table_td_bg.gif) repeat-x; border-bottom: 1px solid #DDA105; padding: 8px; } /*------ END product table ------*/ /*------ ordering box ------*/ #ordering, #interview, #productordering { width: 471px; margin: auto;} #ordering h2, #interview h2, #productordering h2 { font-size: 18px; padding: 10px 0 8px 0; margin-bottom: 6px; border-bottom: 1px solid #E4DAC9; clear:both; } #ordering h4, #interview h4, #productordering h4 { margin: 1em; } #ordering .col, #interview .col { float: left; width: 45%; overflow: auto; } #ordering .col2, #interview .col2 { float: left; width: 100%; overflow: auto; } #productordering .col { float: left; overflow: auto; } /*#ordering .col { float: left; width: 190px; overflow: auto; }*/ #ordering .col2, #interview .col2 { float: right; overflow: auto; } #productordering .col2 { float: left; overflow: auto; } #ordering ul, #interview ul, #productordering ul { list-style: none; } #ordering a, #interview a, #productordering a { color: #096BCE; font-weight: bold; text-decoration: none; /*padding-right: 8px;*/ font-size: 12px; } #ordering a:hover, #interview a:hover, #productordering a:hover { text-decoration: underline; color: #000; } /*#ordering p { padding-top: 2em; clear: both; }*/ /*------ END ordering box ------*/ /*------ Gastro Resource Center Newsletter ------*/ /*#newsletter { margin-top: 1em; padding-left: 1px; }*/ #newsletter h2 { background: url(../images/main/mgt_hdr_bg.gif) no-repeat; padding-top: 40px; position: relative; margin-left: -8px; padding-left: 8px; font-size: 14px; color: #096bce; font-weight: bold; } #newsletter h2#intro { background-image: none; padding-top: 12px; } /*#newsletter h3 { color: #6b6b6b; font-size: 12px; font-weight:bold; }*/ #newsletter h4 { color: #096bce; margin-bottom: 0px; font-size: 1em; } #newsletter p { padding-top: 0px; } #newsletter a.vocab, #newsletter a.vocab :hover { text-decoration: none; background-color: #deedfd; } #newsletter img { display: block; } /*#newsletter .bodyten td { font-size: 1em; }*/ .newsletter_ul p { font-size: 1em; } .newsletter_ul ul { font-size: 0.9em; } #newsletter_toc { font-weight: bold; padding: 10px 0 8px 0; margin-bottom: 6px; border-bottom: 1px solid #E4DAC9; } /*------ END Gastro Resource Center Newsletter ------*/ /*------ Product CTAs ------*/ #col2 .product-links a { line-height:1.4em; height:33px; width:360px; display:block; margin:.75em 0; padding:8px 0 0 15px; font-size:1.4em; font-weight:bold; font-style:normal; text-decoration:none; color:#fff; } #col2 .product-links a.lg { width:520px; } /*#anusol a { background:url(../images/cta/products/anusol-link.gif) no-repeat; } #procto a { background:url(../images/cta/products/proctocort-link.gif) no-repeat; }*/ #anusol a.lg { background:url(../images/cta/products/anusol-link-lg.gif) no-repeat; } #procto a.lg { background:url(../images/cta/products/proctocort-link-lg.gif) no-repeat; } #anusol a:hover { color:#FF003B; } #procto a:hover { color:#0064D1; } #apriso a { background:url(../images/cta/products/apriso-link.gif) no-repeat; } #apriso a:hover { color:#797B66; } #azasan a { background:url(../images/cta/products/azasan-link.gif) no-repeat; } #azasan a:hover { color:#522381; } #colazal a { background:url(../images/cta/products/colazal-link.gif) no-repeat; } #colazal a:hover { color:#FDD102; } #diuril a { background:url(../images/cta/products/diuril-link.gif) no-repeat; } #diuril a:hover { color:#B5BFDC; } #mtzodt a { background:url(../images/cta/products/metozolvODT-link.gif) no-repeat; } #mtzodt a.lg { background:url(../images/cta/products/metozolvODT-link-lg.gif) no-repeat; } #mtzodt a:hover { color:#E84769; } #movi a { background:url(../images/cta/products/moviprep-link.gif) no-repeat; } #movi a:hover { color:#B6CEDF; } #osmo a { background:url(../images/cta/products/osmoprep-link.gif) no-repeat; } #osmo a.lg { background:url(../images/cta/products/osmoprep-link-lg.gif) no-repeat; } #osmo a:hover { color:#D2EEEC; } #pepcid a { background:url(../images/cta/products/pepcid-link.gif) no-repeat; } #pepcid a:hover { color:#EFBA1F; } #relistor a { background:url(../images/cta/products/relistor-link.gif) no-repeat; } #relistor a.lg { background:url(../images/cta/products/relistor-link-lg.gif) no-repeat; } #relistor a:hover { color:#FFF200; } #visicol a { background:url(../images/cta/products/visicol-link.gif) no-repeat; } #visicol a.lg { background:url(../images/cta/products/visicol-link-lg.gif) no-repeat; } #visicol a:hover { color:#93BAE1; } #xfn200 a { background:url(../images/cta/products/xifaxan200-link.gif) no-repeat; } #xfn550 a { background:url(../images/cta/products/xifaxan550-link.gif) no-repeat; } #xfn200 a:hover { color:#F99D32; } #xfn550 a:hover { color:#C1CD23; } /*---- END Product CTAs ----*/ /*------ right nav ------*/ .rightnav { padding: 0px 10px 10px 10px; font-size: 8px; font-style: italic; } .rightnav h4 { font-weight: bold; } .rightnav_sub { padding: 10px; margin-top:10px; border: 1px solid #ADD0FC; } .rightnav_sub strong { font-size:1.2em; } /*------ END right nav ------*/ /*------ site map ------*/ .col320 { float: left; width: 267px; font-size: 1em; } .col320 h3 { font-weight: bold; color: #096BCE; } .col320 h3 a { text-decoration: none; } .col320 .bulleted_list { margin: 0px; padding: 0px; } /*------ END site map ------*/ /*------ Form items ------*/ .signuptxt input { margin:3px 3px 2px 2px; } /*------ Form items ------*/ /* CSS Document */ /*-- CATEGORIES --*/ .bluebackground { background:url(../images/category-bg.jpg) no-repeat bottom; height:3px; } .info { padding:2px 0 0 12px; font-family:Helvetica, Arial, sans-serif; font-size:12px; color:#FFF; font-weight:bold; height:40px; } .phase { padding:2px 2px 2px 4px; font-family:Helvetica, Arial, sans-serif; font-size:12px; color:#FFF; font-weight:bold; height:40px; } /*-- END CATEGORIES --*/ /*-- DRUGS --*/ .drugs { padding: 1px 12px; /*8px 12px 10px 12px;*/ font-family:Helvetica, Arial, sans-serif; font-size:12px; border:solid 1px; width:150px; height:60px; } .top { border-left-color:#E9E9E9; border-top-color:#03486A; border-right-color:#E9E9E9; border-bottom-color:#FFF; } .grey { background-color:#E9E9E9; border-left-color:#E9E9E9; border-top-color:#E9E9E9; border-right-color:#FFF; border-bottom-color:#E9E9E9; } .white { border-left-color:#E9E9E9; border-top-color:#E9E9E9; border-right-color:#E9E9E9; border-bottom-color:#FFF; } /*-- END DRUGS --*/ /*-- PHASES --*/ .topphase { border:solid 1px; border-left-color:#E9E9E9; border-top-color:#03486A; border-right-color:#E9E9E9; border-bottom-color:#FFF; } .greyphase { background-color:#E9E9E9; border:solid 1px; border-left-color:#FFF; border-top-color:#E9E9E9; border-right-color:#FFF; border-bottom-color:#E9E9E9; } .greybox { background-color:#E9E9E9; border:solid 1px; border-left-color:#FFF; border-top-color:#E9E9E9; border-right-color:#E9E9E9; border-bottom-color:#E9E9E9; } .whitephase { border:solid 1px; border-left-color:#E9E9E9; border-top-color:#E9E9E9; border-right-color:#E9E9E9; border-bottom-color:#FFF; } /*-- END PHASES --*/ /*-- Conferences --*/ #conferences h3 { margin-bottom: 15px} #col2 #conferences ul.months li { list-style-type: none; margin:0; padding:0; } #col2 #conferences ul.nobullet { list-style-type: none; margin-bottom: 15px; margin-left: 32px; } #col2 #conferences ul.nobullet li { margin:0px;} #col2 #conferences .back_to_top { margin-left: 32px;} /*-- END Conferences --*/ /*--- Hiding Mobile Elements --*/ #social-mobile, #mobile-header-buttons, img.mobile, .mobile-breadcrumbs, #mobile-header-buttons, #mobile-header-buttons2 { display:none; } .mobile-restroom-map { display: none; } /*--- Stock quotes ---*/ .stock-quotes { width: 265px; margin-top: 8px; font-size: 1.2em; float: left; } .stock-quotes #stock-quotes-chart { width: 215px; } .stock-quotes .left-quote { text-align: left; white-space:nowrap; } .stock-quotes .right-quote { text-align: right; white-space:nowrap; font-weight: bold; } .stock-quotes table { width: 215px; } .stock-quotes .stock-quotes-periods { text-align: left; margin-left: 3px; margin-top: 3px; } .stock-quotes-copyright { font-size: 0.7em; color: #999999; text-align: right; margin-right: 54px; margin-top: 3px; } .stock-quotes-copyright a,.stock-quotes-copyright a:hover,.stock-quotes-copyright a:focus, .stock-quotes-copyright a:active { text-decoration: none; } /*--- END Stock quotes ---*/ /*--- Pipeline ---*/ .pipeline-chart { width: 100%; } .pipeline-chart .topphase { vertical-align:middle; line-height: 16px; display:table-cell; } /*--- END Pipeline ---*/ .product-paragraphs { font-size: 1.4em; } .centerPager { text-align:center;} ol.sf_pager li a { padding: 0 !important; } .newletter-cta-bkgrd {background: url(../images/cta/gi-digest-link.gif) no-repeat; height:34px; padding-top: 8px;} .newletter-cta-link a {text-decoration:none;font-weight:bold;color:#197404; font-size:12px;} .newletter-cta-link a:hover {text-decoration:none;font-weight:bold;color:#004668; font-size:12px;} .twitter-feed {background: url(../images/creative/twitter-blk-bg.gif) no-repeat; width:175px; height:340px;} a.twitter-top-link, a.twitter-top-link:hover { height:66px; width: 175px; display: block; text-decoration: none !important; } .print-link a, a.addthis_button_compact {text-decoration:none; font-weight:bold; color:#004668; font-size:14px; text-decoration:underline;} .print-link a:hover, a.addthis_button_compact:hover {text-decoration:underline; font-weight:bold; color:#666;} .newsletter-small-title-bkgrd {background: url(../images/newsletter/intro-hdr-bg.gif) no-repeat; width:400px; height:25px; font-size:14px; font-weight:bold;padding-top:4px;} .newsletter-large-title-bkgrd {background: url(../images/newsletter/section-hdr-bg.gif) no-repeat; width:685px; height:30px; font-size:14px; font-weight:bold;padding-top:4px; } .newsletter-right-title-bkgrd {background: url(../images/newsletter/toc-hdr-bg.gif) no-repeat; width:285px; height:25px; font-size:14px; font-weight:bold;padding-top:7px; margin-top:15px;} .newsletter-right-title-bkgrd-no-img { margin-top:0px; } .newsletter-float-left {width: 400px; float:left;} .newsletter-float-right {width:285px; float:right;} .newsletter-small-title-bkgrd a, .newsletter-large-title-bkgrd a, .newsletter-conclusion-title-bkgrd a {padding-top:5px; margin-left:15px; text-decoration:none;font-weight:bold;color:#004668; font-size:14px;} .newsletter-right-title-bkgrd { margin-top:13px; } .newsletter-right-title-bkgrd a {padding-top:5px; margin-left:15px; text-decoration:none;font-weight:bold;color:#004668; font-size:14px;} .newsletter-conclusion-title-bkgrd {background: url(../images/newsletter/conclusion-hdr-bg.jpg) no-repeat; width:685px; height:30px; font-size:14px; font-weight:bold;padding-top:4px; } #toc-links a {text-decoration:none ;font-weight:bold;color:#004668; font-size:13px;} #toc-links a:hover {text-decoration:underline;font-weight:bold;color:#197404; font-size:13px; } .toc-link-padding {padding-bottom:8px;} #quote-bkgrd {background: url(../images/newsletter/quote-bkgrd.gif) no-repeat; width:272px ; height:235px;} #quote-padding {padding:10px 30px 5px 35px; font-style:italic; font-size:16px; color:#004668; line-height:23px; font-family:Times New Roman; font-weight:bold; } #about-author-hcp { width:685px; background-color:#85BBf7; } #about-author-hcp-landscape, #about-author-hcp-portrait { display:none; } #about-author-hcp-landscape { width:450px; background-color:#85BBf7; } #about-author-hcp-portrait { width:290px; background-color:#85BBf7; } #about-author-hcp-container { margin:0 auto; width:683px; background:url(../images/newsletter/author-bg.jpg) repeat-x left bottom #FFF; } #about-author-hcp-container-landscape { margin:0 auto; width:448px; background:url(../images/newsletter/author-bg.jpg) repeat-x left bottom #FFF; } #about-author-hcp-container-portrait { margin:0 auto; width:288px; background:url(../images/newsletter/author-bg.jpg) repeat-x left bottom #FFF; } #about-author-hcp-container table, #about-author-hcp-container-landscape table, #about-author-hcp-container-portrait table { text-align:left; } #about-author-hcp-container h2 { border:none; } .newsletter-p-width{ width:97%; } .top-bottom-padding {padding: 20px 0 20px 0;} .italic {font-style:italic;} .newsletter-footer-statement {background-color: #0c3f78; height: 15px; color:#fff; font-style: italic; text-align: center; } .newsletter-footer-statement2 {background-color: #0c3f78; height: 15px; color:#fff; text-align: center; } .twitter-header {height:15px; color:White; margin-left:15px;font-size:13px;} .twitter-align {margin-left:5px; width:165px;height:210px;} /*--------------------------------*/ /*----------HCP VOLUME 6----------*/ /*--------------------------------*/ .intraluminal-ph-levels, .pH-dependent-mesalamine { display:block; } .m-intraluminal-ph-levels, .m-pH-dependent-mesalamine { display:none; } /*--------------------------------*/ /*----------HCP VOLUME 4----------*/ /*--------------------------------*/ .full-discharges-table, .full-mental-status-table, .full-50-percent-reduction-figure, .full-58-percent-reduction-figure { display:block; } .m-discharges-table, .m-mental-status-table, .m-50-percent-reduction-figure, .m-58-percent-reduction-figure { display:none; } /*--------------------------------*/ /*----------HCP VOLUME 2----------*/ /*--------------------------------*/ .m-opiate-antagonists-flowchart { display: none; } .m-opiate-antagonists-graph { display: none; } .m-opiate-antagonists-molecule { display: none; } .opiate-antagonists-flowchart { display: block; } .opiate-antagonists-graph { display: block; } .opiate-antagonists-molecule { display: block; } .m-figure1-split-dosing-regimen { display: none } .m-figure3-quality-of-bowel-preparation { display: none } .mobile-hdr-bg { display: none } .m-table1-common-bowel-prep { display: none } .m-table2-asa-fasting-guidelines { display: none } .m-table3-residual-gastric-volume-and-ph { display: none } .m-table4-patient-acceptance-convenience-efficacy { display: none } .m-split-evening-dosing { display:none; } .figure1-split-dosing-regimen { display: block } .figure3-quality-of-bowel-preparation { display: block } .main-hdr-bg { display: block } .table1-common-bowel-prep { display: block } .table2-asa-fasting-guidelines { display: block } .table3-residual-gastric-volume-and-ph { display: block } .table4-patient-acceptance-convenience-efficacy { display: block } .split-evening-dosing { display:block; } .figure4-patients-willing-to-rise { display: block } .author-hdr-line { display: block; } .newsletter-float-right { float: right; } .usFdaCatBrokenUp { display: none; } .strongB { position: relative; float: left; } .strongA { position: relative; float: left; } .searchSalixNews input { width:505px; } #wrapper { visibility: visible; } .buttonplaceholder input { margin-bottom:20px; } @media only screen and (max-width: 479px) { #wrapper { visibility: hidden; } }/*/mediaquery*/ @media only screen and (min-width: 480px) and (max-width: 569px) { #wrapper { visibility: hidden; } }/*/mediaquery*/ .panel-form { width:486px; } *+html sup { vertical-align: super; font-size: 10px; } /*----------------------------------------------------*/ /*----------2011 PATIENT NEWSLETTER REDESIGN----------*/ /*----------------------------------------------------*/ #patient-header, .toc, #patient-newsletter { margin:0 auto; width:535px; } .toc { margin:-100px 0 0 25px; height:260px; width:535px; } .toc-left { width:240px; float:left; } .toc-right { margin-right:30px; width:240px; float:right; } #patient-header { height:280px; background:url(../images/newsletter/2011-redesign/toc-box.jpg) no-repeat left top #FFF; } #patient-newsletter { margin-left:15px; } #patient-newsletter p { margin-top:5px; } h2.headline { font-size:22px; font-weight:normal; color:#E4812A; } h2.section { padding-bottom:3px; width:100%; font-size:13px; font-weight:bold; color:#004466; border-bottom:1px dotted #E4812A; } h2#intro.section { margin-bottom:4px; padding:0; font-size:18px; border:none; } h3.toc-item { width:100%; font-weight:bold; border-bottom:1px dotted #E4812A; } h3.toc-item a { padding-bottom:3px; width:100%; font-size:12px !important; color:#004466; text-decoration:none; } h3.toc-item a:hover { color:#E4812A; } a.patient-addthis, a.patient-print { color:#FFF !important; text-decoration:underline; } a.patient-addthis:hover, a.patient-print:hover { color:#FFF !important; text-decoration:underline; } ul.orange { margin-left:15px; color:#E4812A; } ul.orange li { margin:10px 15px !important; } ul.orange li p { font-size:12px; color:#000; } .previous-newsletters { margin:15px; } .previous-newsletters li { margin-top:10px !important; } .table-container { margin:20px auto 0; width:450px; text-align:center; } .m-table-container { margin:20px auto 0; width:290px; text-align:center; } .table-container p, m-table-container p { margin-bottom:5px; } .table-footnote { margin:5px auto 0; width:480px; font-size:10px !important; text-align:left; } .recipes { margin:25px auto 20px; width:480px; font-weight:bold; text-align:center; } .recipes p { margin:0 0 0 21px; padding:8px 0 0 20px; height:27px; background:url(../images/newsletter/2011-redesign/content/recipes-top.jpg) no-repeat left top #FFF; text-align:left; } .recipes p a { color:#FFF; text-decoration:underline; } .recipes p a img { vertical-align:bottom; } .m-recipes { margin:30px auto 20px; width:320px; font-weight:bold; text-align:center; } .m-recipes p { margin:0 0 -3px 15px; padding:3px 0 0 20px; height:24px; background:url(../images/newsletter/2011-redesign/content/recipes-top-mobile.jpg) no-repeat left top #FFF; text-align:left; } .m-recipes p a { color:#FFF; text-decoration:none; } .m-recipes p a:hover { text-decoration:underline; } .m-recipes p a img { vertical-align:bottom; } .blue-quote { margin-top:15px !important; margin-bottom: 15px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#004466; } .back-to-top { margin-bottom:15px; } .table-container, .recipes { display:block; } .m-table-container, .m-recipes { display:none; } h2.author, h2.portrait-author, h2.landscape-author { font-size: 14px; font-weight: bold; color: #59869D; border-bottom: 1px dotted #59869D; } h2.author { width: 94%; } h2.landscape-author { width: 97%; } h2.portrait-author { width: 102%; } .bio { margin-top: 0 !important; margin-bottom: 5px; width:90%; } #about-author { background:url(../images/newsletter/2011-redesign/authors-box-1px_middle.jpg) repeat-y left top #FFF; } #landscape-about-author, #portrait-about-author { display:none; }