@import url("forms.css");

/*CSS RESET*/
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
ol, ul, li {outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}
div {/*overflow: hidden;*/}
/*END RESET*/

body {margin: 0; padding: 0; font: 76%/1.4em Arial, Helvetica, sans-serif; background-color: #FFF; color: #333; text-align: center;}

p {margin: 0 0 15px 0;}

a {text-decoration: none; color: #336699;}
a:hover {text-decoration: underline;}

h1, h2, h3 {font-family: Georgia, Times, serif; font-weight: normal;}
h1 {font-size: 2.2em; margin: 10px 0 5px 0; padding: 0; letter-spacing: 0.02em; line-height: 1.2em;}
h2, h3 {margin: 10px 0 0 0; padding: 0; font-size: 1.8em; line-height: 1.4em;}
h3 {font-size: 1.4em; line-height: 1.2em;}
h4 {font-size: 1.2em; line-height: 1.2em;}
h5 {}

.pharma h1 {color: #FF5209;}
.bio h1 {color: #660066;}
.gen h1 {color: #CC0000;}

.video h2 {margin-bottom: 5px;}
.listingBlock h2 {color: #666; font: 0.9em Arial, Helvetica, sans-serif; padding-bottom: 0; margin-bottom: 0; font-weight: bold;}
#right .listingBlock h2 {color: #333;}
.related h2 {color: #333;}
#right .related h2, .commentSection h2 {padding: 5px; background-color: #666; color: #FFF; font-size: 1.1em; border: none;}
.subscribeCta h2 {float: left; width: 420px; padding: 5px 10px; margin: 0; background-color: #497267; color: #FFF; font-size: 1.8em;}
.contentWide .subscribeCta h2 {width: 280px;}
.contentWide .versionThree h2 {width: 600px;}
.contentWide .versionThree h2 a:hover {text-decoration: none;}
.sortBy h2, .refineBy h2 {font-size: 1.6em; margin: 0;}
.refineBy h2 {}
.refineBy h3 {font: bold 1em Arial, Helvetica, sans-serif; border-top: 1px solid #A4BFCC; padding-top: 5px; margin-bottom: 5px; color: #154660;}
.text h2 {margin: 0 0 15px 0;}
.formPage h2 {border-bottom: 1px dotted #CCC;}
* html .formPage h2 {border-bottom: 1px solid #CCC;}

.video h3 {margin-top: 0;}
.related h3 {margin: 0; font: 1em Arial, Helvetica, sans-serif;}
#right .related h3 {font: normal 1.4em Georgia, Times, serif;}
.listingBlock .featured h3, .events .listing h3, .video .listing h3, .listingPage .listing h3 {font-size: 1.8em;}
.subscribeCta h3 {float: left; width: 420px; padding: 5px 10px; margin: 0; background-color: #1164A9; color: #FFF; font-size: 1.8em; line-height: 1.4em;}
.contentWide .subscribeCta h3 {float: right; width: 280px;}
.contentWide .versionThree h3 {width: 600px; background-color: #1164A9;}
.contentWide .versionThree h3 a:hover {text-decoration: none;}
.listingPage .listing h3 {float: left; width: 100%; border-bottom: 1px dotted #CCC; padding: 0 0 2px 0; margin-bottom: 3px;}
.formPage h3, .inPageForm h3 {display: block; clear: both; margin: 25px 0 20px 0; padding-bottom: 3px; border-bottom: 1px dotted #CCC; font: bold 1.4em Arial, Helvetica, sans-serif;}

.contentWide .subscribeCta h4 {float: left; width: 620px; font-size: 1.5em;}
.versionThree h4 {font-size: 1.4em;}

img {border: none;}

hr {float: left; width: 100%; margin: 10px 0; clear: both; height: 1px; background-color: #999; border: none;}
*+html hr {margin: 10px 0 0 0;}

#header ul, #footer ul, .featured ul, .printShareComments ul, .paginate ul, .addComment .link ul, .related ul, .add ul, .login ul, .intro ul, .tabbedLinks ul, .commentSection ul, .aToZ, .aToZlist, .refineBy ul {margin: 0; padding: 0; list-style: none;}
#header li, #footer li, .printShareComments li, .paginate li, .addComment .link li, .add li, .commentSection li, .aToZ li {display: inline;}

#container {width: 940px; margin: 0 auto; text-align: left;}

.banner {float: left; width: 728px; margin: 5px 12px 0 0;}
#right .banner, .wrapper .banner {width: 300px; margin: 5px 0;}
#right .left .banner, #right .right .banner {width: 140px;}

.login {float: right; width: 200px; margin: 14px 0 0 0; text-align: right; font-size: 1.1em;}
.login li {padding: 4px 0; border-bottom: 1px dotted #CCC; font-weight: bold;}
.loginLink a {background: url(../images/key-icon.gif) no-repeat 0 3px; padding-left: 14px; font-weight: bold;}
.subscribeLink a {color: #FF0000; font-weight: bold;}
.trialLink{font-weight: bold;}
.loggedinLink a {background: url(../images/user-icon.gif) no-repeat 0 2px; padding-left: 18px;font-weight: bold; color: #2C9BD2;}

#header, .wrapper, #footer {float: left; width: 940px;}

.topNav {float: left; width: 635px; margin: 3px 10px 0 0; font-weight: bold;}
.topNav ul {display: inline;}
.topNav a {margin: 0 10px 0 0; color: #666; text-transform: uppercase;}
.topNav a:hover {text-decoration: underline;}
.topNav .last a {padding-right: 15px; border-right: 1px solid #CCC;}
.topNav p {margin: 0; display:inline!important;}
.topNav .current a {color: #000;}

.search {float: right; width: 295px; padding: 0; text-align: right;}

.wrapper .search {float: left; width: 600px; text-align: left!important;}
.wrapper .search h3 {float: left; width: 100%;}
.wrapper .search .subscriber {width: 566px; background: url(../images/key-icon.gif) no-repeat 566px 5px; padding-right: 14px;}

#header {border-top: 1px solid #CCC; padding: 5px 0; margin: 10px 0;}

.logo {float: left; width: 100%; margin: 5px 0 0 0; padding-top: 30px; border-top: 1px solid #CCC; background: url(../images/tagline.gif) no-repeat 100% 3%;}
.logo a {float: left; width: 455px; height: 75px; /*Make width & height same size as logo image*/ text-indent: -3000px; background: url(../images/the-pharma-letter-logo.gif) no-repeat 0 0;}

.mainNav, .subNav {float: left; width: 940px; margin: 10px 0 0 0; font-size: 1em; background-color: #FFF; text-transform: uppercase; letter-spacing: 0.05em;}
.mainNav a {float: left; width: auto; padding: 5px 10px; color: #444; font-weight: bold; background: url(../images/main-nav-divider.gif) no-repeat 100% 50%;}
.mainNav a:hover, .mainNav .current {color: #FFF!important; background-color: #154660; background-image: none; text-decoration: none;}
.mainNav .current {font-weight: bold;}
.mainNav .level1 {float: left; width: 100%; clear: both;}

.subNav {background-color: #154660; margin: 0; height: 27px;}
.subNav a {float: left; width: auto; padding: 5px 10px; color: #FFF; background: url(../images/sub-nav-divider.gif) no-repeat 100% 50%;}
.subNav a:hover {}

/*.pharmaNav {background-color: #FF5209!important;}*/

.home {margin-top: 10px;}
.wrapper {}
.wrapper .left, .wrapper .right {float: left; width: 300px; margin: 0 20px 0 0;}

.content {float: left; width: 600px; padding-right: 40px; overflow: hidden;}
.home {width: 640px; padding: 0;}
.articlePage {width: 440px;}
.listingPage .content {width: 620px;}
.content p, .contentWide p {font-size: 1.2em; line-height: 1.4em;}
.home p {font-size: 1em;}
.formPage {width: 980px; padding-right: 0!important;}
.text {float: right; width: 276px; padding: 10px; margin: 10px 40px 0 0; background-color: #F8F8F8; border: 2px solid #CCC;}
* html .text {margin: 10px 20px 0 0;}

.content ul {font-size: 1.2em; line-height: 1.4em;}

.formPage ul {padding-left: 25px;}
*+ html .formPage ul {padding-left: 0; margin-left: 25px;}

.contentWide {float: left; width: 620px;}

.intro, .sectionIntro {float: left; width: 620px; margin-bottom: 0; padding-bottom: 12px; border-bottom: 6px solid #CCC; font-size: 1.1em;}
.intro img {float: left; margin: 0 10px 0 0;}
.intro p {margin: 0 0 10px 0;}
.intro ul {font-weight: bold;}

.heading {float: left; width: 100%; margin-bottom: 10px; font-weight: bold;}
.title {float: left; width: 100%; margin-bottom: 3px; font-weight: bold;}

.printShareComments {float: left; width: 100%; margin: 0 0 15px 0 ; padding: 5px 0; border-top: 1px dotted #CCC; font-size: 1em!important;}
.printShareComments .print a {margin-right: 15px; background: url(../images/print-icon.gif) no-repeat 0 0; padding-left: 20px;}
.printShareComments .share {margin-right: 5px;}
.printShareComments .comments {font-size: 1em; background: none; padding: 0;}
.printShareComments .comments a {padding-left: 18px; background: url(../images/comment-icon.gif) no-repeat 0 0;}

.featured, .events {padding-bottom: 20px;}

.tabbedLinks {float: left; width: 300px; margin: 10px 0;}
.tabbedLinks .top {float: left; width: 290px; padding-left: 10px;}
.tabbedLinks .top li {display: inline; padding: 0; margin: 0 5px 3px 0;}
.tabbedLinks .top li a {float: left; width: auto; padding: 6px 12px 3px 12px; margin: 0 5px -1px 0; text-decoration: none; color: #333; font-weight: bold; background-color: #CCC;}
.tabbedLinks .top li a:hover {color: #FF0000;}
.tabbedLinks .top .current a {background-color: #666; color: #FFF; position: relative; z-index: 100;}
.tabbedLinks .links {float: left; width: 300px; padding: 10px 0; line-height: 1.7em; color: #666; border-top: 1px solid #666; position: relative; z-index: 1;}
.tabbedLinks .links li {float: left; width: 100%; padding: 5px 0; border-bottom: 1px dotted #CCC;}
.tabbedLinks .links .subscriber {background-position: 286px 5px;}
.tabbedLinks .links .link {float: left; width: 300px; font-weight: bold; margin: 10px 0 0 0;}

.box {}

.listingBlock, .listing, .related {float: left; width: 100%;}
.listing {padding: 0 0 15px 0; border-bottom: 1px dotted #CCC;}
.right .listing {padding-bottom: 0px;}
.listingBlock .image {margin: 0;}
.listing p {margin: 0;}
.events .image {margin-top: 5px;}
p.section {font: bold 1em Arial, Helvetica, sans-serif; margin: 10px 0 0 0; color: #666; border-bottom: 5px solid #333;}
#right .listing {padding-bottom: 10px; border-bottom: none;}
#right .listing ul {margin: 10px 0; padding: 0; list-style: none;}
.subscriber {float: left; width: 286px; background: url(../images/key-icon.gif) no-repeat top right; padding-right: 14px;}
.listingPage .subscriber {width: 596px;}
#right .related .listing, .related .listing {padding: 5px 0; border-bottom: 1px dotted #CCC;}
.related .link {margin: 5px 0;}
.listingPage .listingBlock {margin-bottom: 20px;}
.listingPage .listing p {font-size: 1em;}
.listingPage .listing .image {float: left; width: 100%; margin: 0 0 5px 0;}
.listingPage .listing {width: 580px; padding: 0 9px 9px 9px; margin: 7px 0; border: 1px dotted #CCC;}
.articles .listing, #searchResult .listing {width: 600px; padding: 0; margin: 7px 0; border: none;}

.pharma, .bio, .gen {border-color: #FF5209; padding: 5px 0 0 0; margin-bottom: 12px;}
p.pharma, p.bio, p.gen, .web h2, .events h2, .video h2 {float: left; width: 100%; border-bottom: 6px solid #FF5209; color: #444; font: 1.6em Georgia, Times, serif!important; padding: 2px 0!important; margin-bottom: 5px;}
p.pharma a, p.bio a, p.gen a, .web h2 a, .video h2 a, .events h2 a {color: #444;}
p.bio {border-color: #660066;}
.bio {border-color: #660066;}
.gen, p.gen {border-color: #CC0000;}
.web h2 {border-color: #333;}
.events h2 {border-color: #1164A9;}
.video h2 {border-color: #1164A9;}

.commentSection {float: left; width: 100%; margin: 20px 0;}
.commentCount {font-weight: normal; font-size: 1em;}
.commentIntro {margin: 10px 0; font-weight: bold;}
.commentSection .listingBlock {margin-bottom: 15px;}
.commentSection .listing, .addComment {width: 420px; padding: 9px; margin: 5px 0; border: 1px solid #999;}
.commentSection .listingBlock ul {margin-bottom: 10px;}
.commentSection .listingBlock ul a {margin-right: 7px; padding-left: 9px; background: url(../images/grey-divider.gif) no-repeat 0 1px;}
.commentSection .listingBlock .first a {background: none; padding: 0;}
.commentSection .listing .dateAuthor {padding-bottom: 3px; border-bottom: 1px solid #CCC; margin-bottom: 15px;}
.commentSection .listing .dateAuthor strong {color: #666;}
.commentSection .listing p {margin: 0 0 15px 0; font-size: 1em;}
.commentSection .link {margin: 10px 0 0 0;}
.addComment {background-color: #EFEFEF;}
.addComment .link {margin: 0 0 5px 0; font-size: 1em;}
.commentSection ul {font-size: 1em;}

.subscribeCta {float: left; width: 100%; padding: 15px 0; margin-bottom: 20px; border-bottom: 5px solid #CCC; border-top: 5px solid #CCC;}
.versionThree {}
.subscribeCta h2 a, .subscribeCta h3 a {color: #FFF; text-decoration: underline;}
.subcribeInfo, .trialInfo {float: left; width: 420px; padding: 5px 10px; font-weight: bold; font-size: 1.1em!important; background-color: #000; color: #FFF; border-bottom: 5px solid #FFF;}
.contentWide .subcribeInfo, .contentWide .trialInfo {width: 280px;}
.subscribeCta .loginLink {background: url(../images/key-icon.gif) no-repeat 0 3px; padding-left: 14px; font-weight: bold;}
.trialInfo {border-bottom-width: 10px;}
.subscribeCta .left, .subscribeCta .right {float: left; width: 300px; margin: 0; padding: 0;}
.subscribeCta .right{float: right;}
.versionThree .trialInfo, .versionThree .subcribeInfo {width: 600px;}
.trialInfo a, .subcribeInfo a {color: #FFF; text-decoration: underline;}
.trialInfo a:hover, .subcribeInfo a:hover {text-decoration: none;}
.subscribeCta .heading {margin: 0; padding: 0 0 10px 0; background-color: #FFF; color: #497267; font: bold 1.4em Arial, Helvetica, sans-serif;}
.subheading {font-weight: bold; font-size: 1.4em;}

p.testimonial {font: 2em Georgia, Times, serif; color: #CC0000;}
p.testimonial .author {font-size: 0.7em; color: #000;}

.date, .dateAuthor, .locationDate {float: left; width: 100%; color: #999; font-size: 0.9em;}
p.dateAuthor, .home .dateAuthor, .locationDate {font-size: 1em;}
p.date {margin-bottom: 5px;font-size: 0.9em;}
.author {}
.source {}
.type {}
p.comments a {font-size: 0.9em; background: url(../images/comment-icon.gif) no-repeat 0 0; padding-left: 20px;}
p.keywords {float: left; width: 100%; padding-bottom: 5px; margin-bottom: 20px; border-bottom: 1px dotted #CCC; color: #999; font-size: 1em;}

.newsletter {float: left; width: 296px; margin: 5px 0; border: 2px solid #CCC;}
.newsletter h2 {margin: 0; padding: 5px 10px; background-color: #CCC;}
.newsletter p {margin: 5px 10px 0 10px;}

.poll {float: left; width: 100%; margin-bottom: 15px;}
.poll .link {font-size: 0.9em;}
.poll {border-top: 2px solid #FFF; padding-top: 10px;}

.searchHighlight {background-color: #C4EAFF;}
.searchResults {float: left; width: 100%;}
.searchResult, .searchText, .items {float: left; width: 560px;}
.searchResult {font-weight: bold; font-size: 1.1em;}
.searchText {margin-bottom: 15px;}
.searchExplanation {}
.searchType {}
.searchRelevance {}
.searchNoResult {}
.items {margin-bottom: 10px;}

.paginate {float: left; width: 100%; margin: 5px 0; padding: 10px 0;}
.paginate p {margin: 0 0 10px 0; font-size: 1em;}
.paginate ul {display: inline; font-size: 1em;}
.paginate li {display: inline;padding-left: 4px; margin-right: 2px;}
.paginate a {text-decoration: none; }
.paginate a:hover {text-decoration: underline;}
.paginate .current a {color: #000; text-decoration: none;}
.paginate .current {font-weight: bold;}
.paginate .end a, .paginate .next a, .paginate .previous a, .paginate .start a {background-image: none!important; padding-left: 0; margin-right: 0;}
.paginate img {margin-bottom: -5px; position: relative;}
.paginate .first {margin-left: 5px;}
.paginate .first a {background-image: none;}
.paginate .last {background-image: none; margin-right: 7px;}

#left {float: left; width: 200px; margin: 0 0 0 -200px; position: relative; background-color: #EFEFEF; overflow: hidden;}
#left .content {float: left; width: 180px; padding: 10px;}

#right {float: left; width: 300px; overflow: hidden;}
#right .left {float: left; width: 140px; margin: 0;}
#right .right {float: right; width: 140px; margin: 0;}
* html #right .right {overflow: hidden;}

#farRight {float: right; width: 140px; margin-left: 20px; overflow: hidden;}

.sortBy {padding: 5px 0 10px 0; border-top: 2px solid #E3ECF0; border-bottom: 2px solid #E3ECF0;}

.refineBy {float: right; width: 200px; padding: 5px 10px 0 10px; margin: -10px 0 0 20px; background-color: #E3ECF0;}
.refineBy ul {margin-bottom: 20px;}
.refineBy li {margin: 3px 0;}

.aToZ {float: left; width: 100%; padding: 10px 0 8px 0; margin: 0 0 10px 0; font-size: 1.3em; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC;}
.aToZ li {font-weight: bold; margin: 0 3px;}
.aToZ .first {margin-left: 0;}

.aToZlist {font-size: 1.2em;}
.aToZlist li {margin: 5px 0; padding-bottom: 5px; border-bottom: 1px dotted #CCC;}

.drugs {margin: 25px 0 40px 0;}
.drugs li {}

.content .top {float: left; width: 600px; margin-bottom: 20px; border: 2px solid #CCC; font-size: 0.9em;}
.top .left {float: left; width: 300px; padding: 25px 10px 10px 20px; background-color: #F8F8F8; margin: 0;}
.top .right{float: right; width: 246px; padding: 25px 10px 10px 10px; margin: 0; text-align: center;}
.top p {line-height: 1.8em;}
.top .date {color: #666; font-size: 1.4em; margin-bottom: 15px;}

.nav {}
.left {}
.right {}
.base {}
.cta {font-weight: bold; color: #666;}
.link {float: left; width: 100%; font-weight: bold;}

#footer {font-size: 1.1em; margin: 40px 0 20px 0; padding: 10px 0 0 0; border-top: 2px solid #CCC;}
*+html #footer {padding-bottom: 30px;}
#footer ul {margin: 10px 0;  font-size: 0.9em; text-transform: uppercase;}
#footer a {margin: 0 10px 0 0; color: #666;}

.clear {clear: both;}
.level1 {margin: 0; padding: 0; list-style: none;}
.first {}
.last {}
.current {}
.note {}
.grey {color: #666;}
.red {color: #FF0000;}
/* WSB STYLES */
.wsb {font-size: 0.9em; color: #666666;}
.wsb a {color: #666666; text-decoration: none;}
.works {color: #006699; font-weight: bold;}
.sitebuilder {color: #FF6600; font-weight: bold;}
.small {font-size: 0.9em;}

table img {padding: 0 10px 0 0;}
table {text-align: left!important;}
.greenText {color: #497267;}