/*google Search start*/
.gsc-selected-option-container.gsc-inline-block {
    width: 100px !important;
}
input.gsc-search-button.gsc-search-button-v2 {
    width: 71px;
    height: 29px;
}
/*google search end*/
body {
    /*background-color: #F4F4F4;*/
    background-color: #FFF;
    margin: 0px;
    padding: 0px;
    font: normal 12px 'Roboto', sans-serif;
}

image {
    border: 0px;
}

a:link {
    text-decoration: none;
    color: #000;
}
a:visited {
    text-decoration: none;
    color: #000;
}
a:hover {
    text-decoration: none;
    color: #000;
}
a:active {
    text-decoration: none;
    color: #000;
}

h1 {
    padding: 0px;
    margin: 0px;
}

h1 {
    font: bold 28px/30px 'Roboto', Helvetica, sans-serif;
}

.floatLeft, .fl {
    float: left;
}

.floatRight, .fr {
    float: right;
}

.clear, .fc {
    clear: both;
}

figure {
    display: table;
    width: 1px;
}
figure img, figcaption {
    display: table-row;
    vertical-align: bottom;
}
figcaption {
    font-size: 12px;
    text-align: center
}
.centered {
    text-align: center;
}
.topNavShell {
    z-index: 9999999;
    height: 20px;
    line-height: 20px;
    color: white;
    padding-left: 20px;
}

.topNav {
    width: 1000px;
    margin: auto;
}

.topNav a:link {
    text-decoration: none;
    color: #FFF;
}
.topNav a:visited {
    text-decoration: none;
    color: #FFF;
}
.topNav a:hover {
    text-decoration: none;
    color: #FFF;
}
.topNav a:active {
    text-decoration: none;
    color: #FFF;
}

.headerShell {
    z-index: 9999999;
    min-width: 1000px;
    background: transparent;
}

.navigationShell {
    z-index: 9999990;
    background-color: #f8f8f8;
    border: #e7e7e7 1px solid;
    #height: 50px;
    width: 1200px;
    margin: 0 auto;
}

.navigation {
    /*    width: 1000px;
        margin: auto;
        height: 30px;
        line-height: 30px;
        color: white;
        padding-top: 3px;
        padding-left: 15px;*/

}

.navigation ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.background{
    background-image: url(https://targetedonc-com.s3.amazonaws.com/v1_media/_image/MAP_Artboard%2015.png);
}
.navigation li {
    display: inline-block;
    color: #000;
    padding: 16px;
}
.navigation a {
    font-family: Roboto !Important;
    color: #000 !important;
    font-weight: 500;
    font-size: 14.5px;
}
.navigation a:link , .navigation a:visited, .navigation a:active {
    text-decoration: none;
}

.navigation li.noBG:hover {
    background: none;
    color: #fff !important;
}
.navigation li.displayNone {
    display: none;
}
.navigation li:hover {
    background: #337ab7;
    color: #fff !important;
}
.shell {
    width: 100%;
}
.navigation li.selectedTab {
    background: #337ab7;
    color: #fff;
}
#rightTabHome {
    margin-top: 35px;
}
.search-panel {
    height: 40px;
    text-align: center;
    padding: 5px;
    margin-bottom: 10px;
    transform: translateY(0);
    box-shadow: 1px 5px 7px rgba(0,0,0,.5);
    margin-bottom: 30px;
    margin-top: 0px;
    background-color: white;
    width: 1200px;
    margin: 0 auto;
}
#rightTab {
    #margin-top: 19px;
}
.AD300x250A {
    width: 300px;
}
.frameLogo {
    width: 1200px;
    margin: auto;
}
.frameLogo img {
    margin-top: 15px;
    margin-bottom: 25px;
    width: 275px;
}
.headerSpace1 {
    width: 462.5px;
}
.headerButton {
    background: url('https://amvet.s3.amazonaws.com/_media/_core/recall_thumb.png') no-repeat;
    background-size: contain;
    cursor: pointer;
    width: 130px;
    height: 50px;
    left: 0;
    margin-top: 12px;
}
.headerText {
    width: 130px;
}
.mainBody {
    margin: auto;
    width: 1140px;
}

.mainBodyMod {
    margin: auto;
    width: 1050px;
}
.content {
    margin-top: 20px;
}
.pageLeft {
    width: 800px;
}
.pageLeftMod {
    width: 730px;
    margin-right: 10px;
}
.publish_date {
    font: 14px 'Roboto';
    margin-top: 10px;
    color: #000;
}
.pageRight {
    width: 350px;
}

.section h2 {
    font: bold 18px 'Roboto', Helvetica, sans-serif;
    color: #000;
    padding: 0;
}

.section2 {
    background-color: #1b3662;
}

.section2 h2 {
    font: bold 11px/20px 'Roboto', Helvetica, sans-serif;
    color: white;
    padding: 0px 5px;
}

.section2 a {
    color: white;
}

.section3 {
    background-color: #385c87;
}

.section3 h2 {
    font: bold 11px/20px 'Roboto', Helvetica, sans-serif;
    color: white;
    padding: 0px 5px;
}

.sectionBox {
}

.sideOption {
    width: 160px;
    margin-right: 10px;
}

.mainPage {
    width: 520px;
}

.body {
    width: 520px;
    border: 1px solid #CCC;
    padding: 10px;
    background-color: #FFF;
}
.body a, .bodyMod a {
    color: #42629d;
}
.bodyMod {
    width: 560px;
    border: 1px solid #CCC;
    padding: 10px;
    background-color: #FFF;
}
.noOptionBody {
    border: 1px solid #CCC;
    padding: 10px;
    background-color: #FFF;
}

.body iframe, .bodyMod iframe {
    width: 100%;
}

.body .bodyText, .bodyMod .bodyText {
    font: normal 16px/30px 'Roboto', Helvetica, sans-serif;
    padding-bottom: 50px;
    color: #444;
}

.noOptionBody .bodyText {
    font: normal 16px/30px 'Roboto', Helvetica, sans-serif;
    padding-bottom: 50px;
    color: #444;
}

.body .bodyText img, .bodyMod .bodyText img {
    padding: 0px 20px 20px 0px;
}

.bodyText ul {
    margin: 10px;
    padding: 20px;
}
.b {
    font-weight: bold !important;
}
.articleItem {
    border: 0px solid #CCC;
    padding-left: 0;
    background-color: #FFF;
    float: left;
    width: 365px;
    margin-bottom: 10px;
}
.journalItem{
    border: 0 solid #CCC;
    padding-left: 0;
    background-color: #FFF;
    width: 395px;
    height: 80px;
    margin-bottom: 10px;
    float: left;
}
.featureArticle {
    border: 0px solid #CCC;
    background-color: #FFF;
}
.latest_news {
    width: 365px;
}

.sbox1Content {
    padding: 0 10px 0 10px;
    background-color: #FFF;
}
.readMore a {
    font: bold 12px 'Roboto', Helvetica, sans-serif;
    color: #2B4186 !important;
}
.readMore  {
    margin-top: 2px;
}
/*
.articleItem:hover {
    background-color: #fefff2;
    padding-bottom: 50px;
    cursor: pointer;
}
*/
.contact_field {
    width: 120px;
    height: 25px;
    text-align: right;
    font: normal 12px 'Roboto', Helvetica, sans-serif;
    float: left;
}
.typerDiv {
    margin-left: 10px;
    width: 170px;
    border: solid 1px #ccc;
    float: left;
    padding: 0 2px;
}
#contact select {
    margin-top: 5px;
    margin-bottom: 10px;
    height: 30px;
}
.articleItem2 {
    border: 1px solid #CCC;
    padding: 10px;
    margin-top: 5px;
    background-color: #FFF;
}
.articleThumbnail img {
    float: left;
    width: 80px;
    margin: 0 5px 0 0;
    max-height: 95px;
}
.homeVideoThumbnail {
    float: left;
}
.homeVideoRightDiv {
    float: right;
    width: 210px;
}
.homeVideoThumbnail img {
    width: 150px;
    margin: 0 5px 0 0;
}
.featureThumbnail {
    width: 350px;
}
.featureThumbnail img {
    float: left;
    max-width: 325px;
    margin: 0 10px 0 0;
    height: 50%;
}

.smallFeatureArticle {
    width: 365px;
    float: left;
    margin:0 10px 10px 0;
    height: 140px;
    overflow: hidden;
}
/*
.smallFeatureArticle + .smallFeatureArticle {
    margin-left: 20px;
}
*/

.smallFeatureThumbnail img {
    float: left;
    margin: 0px 10px 0 0px;
    height: 120px;
}

.videoThumbnail img {
    float: left;
    width: 100%;
    margin: 0px 10px 10px 0px;
}
.pageDesc {
    margin-bottom: 10px;
    border: 1px solid #ccc;
    background: #eee;
    padding: 15px;
    font: normal 12px 'Roboto', Helvetica, sans-serif;
}
.linkSmall {
    font: bold 11px 'Roboto', Helvetica, sans-serif;
    color: #7B1221;
}

.articleTitle {
    font: 17px 'Archivo Narrow', Helvetica, sans-serif;
}

.articleTitleLarge {
    font: 30px 'Archivo Narrow', Helvetica, sans-serif;
    padding-top: 5px;
}

.FeaturearticleTitleSmall {
    font: 22px 'Archivo Narrow', Helvetica, sans-serif;
}

.articleTitleLarge a, .FeaturearticleTitleSmall a {
    text-decoration: none;
    color: #000 !important;
}

.articleTitleLarge a:hover, .FeaturearticleTitleSmall a:hover {
    text-decoration: none;
    color: #000 !important;
}
.articleTitleSmall, .articleTitleSmall a  {
    font: bold 14px 'Roboto', Helvetica, sans-serif !important;
    color: #000 !important;
}

.articleDate {
    font: italic 12px 'Roboto', Helvetica, sans-serif;
    color: #999;
}

.articleLocation {
    font: 12px/20px 'Roboto', Helvetica, sans-serif;
    color: #999;
}

#hcpliveSearch {
    float:left;
    padding-top: 0px;
}
.searchBox {
    height: 35px;
    margin: 0;
    padding: 5px 10px;
    font-family: 'Roboto', Helvetica, sans-serif;
    font-size:14px;
    border: 1px solid #999;
    margin-right: 5px;
    width: 280px;
}

.searchButton {
    height: 37px;
    margin: 0;
    padding: 5px 15px;
    font-family: 'Roboto', Helvetica, sans-serif;
    font-size:14px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    color: #111;
    border: solid 1px #C5C5C5;
    background: #e7e7e7;
}

.searchButton:hover {
    text-decoration: none;
    background: #999;
    background: -webkit-gradient(linear, left top, left bottom, from(#C5C5C5), to(#C5C5C5));
    background: -moz-linear-gradient(top, #C5C5C5, #C5C5C5);
    color: black;
}
/* Fixes submit button height problem in Firefox */
.searchButton::-moz-focus-inner {
    border: 0;
}

.footer ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.footer li {
    float: left;
    margin: 20px 10px 10px 10px;
    padding: 0px 20px 0px 10px;
    border-right: 1px solid #666;
}

.footer li > .footerTitle {
    font: bold 15px/25px 'Roboto', Helvetica, sans-serif;
}

.footer .logoDiv img {
    width: 140px;
}

.footer a:link, .footer a:active, .footer a:visited, .footer a:hover {
    color: white;
}

.spacer {
    height: 10px;
}

.fixed {
    position:fixed;
    top: 0px;
    margin-left: 700px;
}

.stick {
    position: relative;
    bottom: 300px;
}

.specialtyBar {
    width: 1000px;
    margin: auto;
    color: white;
}

.specialtyLink {
    color: #666;
}
.rightColBox {
    background: transparent;
    padding: 10px;
}

.specialtyLink a:visited, .specialtyLink a:link, .specialtyLink a:active, .specialtyLink a:hover {
    color: #666;
}

.pmdLink {
    color: #666;
}

.pmdLink a:visited, .pmdLink a:link, .pmdLink a:active, .pmdLink a:hover {
    color: #666;
}

.keyword1:hover {
    background-color: #EEE;
    cursor: pointer;
}

.keyword2:hover {
    background-color: #EEE;
    cursor: pointer;
}

.pmdLogo img {
    height: 65px;
    margin-top: 2px;
}

.mdLogo img {
    height: 55px;
    margin-top: 7px;
    margin-left: 10px;
}

.mdLogo2 img {
    height: 40px;
    margin-top: 15px;
    margin-left: 32px;
}

/* Pager */
.pager ul {
    list-style: none;
}

.pager li {
    float: left;
    padding: 5px;
    margin: 0px 5px;
    border: 1px solid #CCC;
    background-color: #EEE;
}

.pager #selectedPage {
    background-color: yellow;
}
.pubCover1{
    width:223px;
    height:243px;
    margin-left:10px;
    margin-right:10px;
    float:left;
}
.pubCover2{
    width:223px;
    height:243px;
    float:left;
}
.contributorThumbnail{
    margin-right: 10px; width: 70px;
}
.contributorIntro {
    width: 588px;
}
.columnIntro {
    width: 418px;
}
.peerTopImg {
    width:270px;
    padding-bottom: 10px;
    float:left;

}
.peerTopImg_Img {
    width:240px;
}

.peerIntro{
    font:12px 'Roboto';
    width:380px;
    float:left;
    margin-right:20px;
}
.peerLastestImg{
    width:260px;
    height:200px;
    float: left;
}
.videoList{
    margin-top: 10px;
    height: 800px;
    overflow-y: scroll;
}
.EpisodeImg{
    border: solid 2px #666;
    width:234px;
}
.peerLanding{
    width:260px;
    height:210px;
    float:left;
}
.peerVideo {
    width:254px;
    height:210px;
    margin-left: 5px;
}
.acaVideo {
    width: 222px;
    height: 210px;
    margin-left: 5px;
}
.nameDiv {
    margin-left: 10px;
    width: 220px;
    border: solid 1px #ccc;
    float: left;
    padding: 0 2px;"
}
.emailDiv {
    margin-left: 10px;
    width: 220px;
    border: solid 1px #ccc;
    float: left;
    padding: 0 2px;
}
.textareaDiv {
    margin-left: 10px;
    width: 300px;
    height:200px;
    border: solid 1px #ccc;
    float: left;
    padding: 0 2px;
}
.typerDiv {
    margin-left: 10px;
    width: 170px;
    border: solid 1px #ccc;
    float: left;
    padding: 0 2px;
}
.contactDiv {
    float:left;
    width:500px;
}
.contactLLC {
    float:left;
    width:400px;
    font:14px 'Roboto';
}
.contact_field {
    width: 120px;
    height: 25px;
    text-align: right;
    font: normal 12px 'Roboto', Helvetica, sans-serif;
    float: left;
}
.contact_submit {
    margin-left: 385px;
}
.gacha_div {
    margin-left: 60%;
}
.shareThis {
    margin-bottom: 20px
}

#emailProfile input[type=checkbox] {
    margin-right: 5px;
}
.backButton {
    font: bold 18px 'Roboto', Helvetica, sans-serif;
    color: #004b7b;
}
.backButton a {
    color: #464646;
}
.contributorHeaderDiv .headshot_image {
    float: left;
    width: 80px;
    margin-right: 10px;
}
.contributorHeaderDiv .headshot_image img {
    width: 80px;
}
.contributorHeaderDiv .latestArticle {
    margin-top: 10px;
    font: bold 14px/14px 'Roboto';
}
.contributorHeaderDiv .author {
    font: 24px 'Roboto';
}
.contributorHeaderDiv .description {
    font: 14px 'Roboto';
    margin: 5px 0;
    color: #666666;
    min-height: 45px;
}

#registrationForm {
    padding: 10px;
    font: bold 13px 'Roboto', Helvetica, sans-serif;
}

#registrationForm input, select {
    margin-top: 5px;
    margin-bottom: 10px;
    height: 30px;
    width: 100%;
}

#registrationText {
    padding: 10px;
    font: normal 15px/20px 'Roboto', Helvetica, sans-serif;
}

#registrationText li {
    margin-bottom: 20px;
}

.joinNowButton {
    margin-bottom: 10px;
    height: 30px;
    width: 100%;
}
.specialtyRss {
    height: 24px;
}
.staffDiv a, .authorBio a {
    color: #0000ff;
}
.authorBio {
    font: normal 12px 'Roboto', Helvetica, sans-serif;
}
.articleListIntro {
    display: none;
}
.conferenceDesc {
    margin-bottom: 10px;
    border: 1px solid #ccc;
    background: #eee;
    padding: 15px;
    font: normal 12px 'Roboto', Helvetica, sans-serif;
}
.authorLink a, .authorLink {
    font: 12px 'Roboto', Helvetica, sans-serif;
    color: #999;
}
.articleVideo img {
    width: 100px !important;
    clear: both;
}
.videoIcon {
    width: 40px;
    float: left;
    margin-right: 5px;
}
.videoSpan {
    background: #1b3662;
    padding: 0 5px;
    font: bold 9px 'Roboto';
    color: #fff;
    vertical-align: middle;
    position: relative;
    top: -1px;
}

.navigationTop {
    width: 1000px;
    margin: auto;
    height: 25px;
    line-height: 25px;
    color: white;
    padding-left: 15px;
}

.navigationTop ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.navigationTop li {
    float: left;
    margin-right: 20px;
    font: normal 15px/25px 'Roboto', Helvetica, sans-serif;
    color: #000;
}

.navigationTop a:link {
    text-decoration: none;
    color: #000;
}
.navigationTop a:visited {
    text-decoration: none;
    color: #000;
}
.navigationTop a:hover {
    text-decoration: none;
    color: #000;
}
.navigationTop a:active  {
    text-decoration: none;
    color: #000;
}
.confTable td a{
    color: #2B4186;
}
.confTable tr, .confTable td {
    padding: 8px;
}
.confLine td {
    background: #eee;
}
.confImg {
    max-height: 150px;
}

/* listbody CSS Start*/
.listBodyMenu {
    background-color:#ddd;
    color:darkblue;
    padding: 10px;
    margin: 10px 0 20px 0;
    font: 14px arial;
}
.detail_body .detailBodySection {
    margin: 20px 0 50px 0;
}
.detail_body .detailBodySection .detailBodyImgDiv {
    text-align: center;
    margin: 20px;
}
.detail_body .detailBodySection .detailBodyImgDiv img {
    #width: 50%;
    max-height: 300px;
}
/* listbody CSS End*/

/*728 Bottom AD stick Start*/
.navigation img{
    width: 25px;
}
.navigation ul li .navSpecialties{
    display:none;
}
.nav_fullwidth {
    width: 100% !important;
    left:0 !important;
    z-index:9999999 !important;
}
.nav_fullwidth img{
    display: block;
    height: 20px;
    margin-top: 5px;
}
#videosTab:hover {
    background: #f8f8f8 !important;
    text-decoration: none;
}
#videosTab a:hover {
    color: #000 !important;
    text-decoration: none;
}
#videosTabMenu {
    position: absolute;
    display: none;
    width: 145px;
    background: #f8f8f8;
    margin-top: 16px;
    margin-left: -16px;
}
#videosTabMenu li{
    width: 145px;
    font-size: 14px;
}
.nav_fullwidth ul li .navSpecialties{
    display: block;
}
.bottomAD728Shell.footer_fullwidth.scroll-to-fixed-fixed {
    border-top: 1px solid #ccc;
}
.footer_fullwidth {
    width: 100% !important;
    background-color: #ffffff;
    left: 0 !important;
}
/*728 Bottom AD stick End*/
#frontMatter {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999999999;
    outline: none;
    display: none;
    width:60%;
}
#frontMatterBg {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999999;
}
.frontMatterContent {
    background-color:#fff;
    overflow-y: auto;
    padding:20px;
}
#frontMatterCloseButton {
    position: absolute;
    top:-25px;
    right:0;
    cursor: pointer;
}
#frontMatterCloseButton img {
    width: 25px;
}
/*Synagis Start*/
.synagisContainer{
    padding:0 20px;
    margin-top:10px;
}
.synagisHeader{
    font: bold 18px 'Roboto';
    margin-top:50px;
}
.synagisHeader a{
    font: bold 18px 'Roboto';
}
.synagisSubHeader{
    font: normal 14px/20px 'Roboto', Helvetica, sans-serif;
}
.innerList{
    border-top:dotted 1px #ccc;
    padding:5px 0;
    width:790px;
    margin-top:15px;
}
.innerLeft{
    width:250px;
    align-content: center;
}
.innerLeft img{
    width:100px;
    margin-top:15px;
    margin-left:75px;
}
.innerRight{
    width:450px;
    margin-top:10px;
    margin-left:15px;
    color:#000;
}
/*Synagis End*/

/* Medical News frame start */
.pageLeftNews{
    width: 740px;
    margin-right: 10px;
}
.news300x250A{
    width:300px;
    margin-top: 10px;

}
/* Medical News frame end */


/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
sfooter,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
    display: inline-block; /* 1 */
    vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
    display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
h2 {
    font-size: 18px;
    margin: 5px 0 15px 0;
}
/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.


sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}
 */
/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
    border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
    overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
    /*margin: 1em 40px;*/
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
    overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
    color: inherit; /* 1 */
    font: inherit; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
    overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
    line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
    overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
    font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

/* NAVIGATION START */
#navigation {
    margin-left:30px;
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
    margin:			0;
    padding:		0;
    list-style:		none;
    height:			auto;

}
.sf-menu ul li{
    float:left;
    width:205px;
    padding:5px 0;
}
.sf-menu {
    line-height:	13px;
}
.sf-menu ul {
    #background:none repeat scroll 0 0 #336699;
    position:		absolute;
    top:			-999em;
    width:			410px; /* left offset of submenus need to match (see below) */
    z-index:9999;
    background-color:#336699;
}
.sf-menu li:hover {
    visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
    font:			bold 12px 'Roboto',Helvetica,sans-serif;
    float:			left;
    position:		relative;
    padding:		0 10px;
}
.sf-menu a {
    display:		block;
    position:		relative;

}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    left:				0;
    top:				40px; /* match top ul list item height */
    z-index:			 99999999999999;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    top:				-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left:				235px; /* match ul width */
    top:				0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
    top:				-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    #left:				235px; /* match ul width */
    top:				0;
}

/*** DEMO SKIN ***/
.sf-menu {
    float:			left;
    margin-bottom:	0px;
}
.sf-menu a {
    /*border-left:	1px solid #fff; */
    /*border-top:		1px solid #CFDEFF; */
    padding: 		7px .50em;
    text-decoration:none;
    color: #142c4c !important;
    font-face: 'Roboto';
    font-size: 18px;
    font-weight: bold;
}
.sf-menu li {
    #background:		#336699;
    height: 		40px;
    line-height:26px;
}
.sf-menu li li {
    background:		#336699;
    height: 		34px;
}
.sf-menu li li a {
    color:#ffffff !important;
    font-size:16px;
}
.sf-menu li li li {
    background:		#336699;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    background:		#336699;
    outline:		0;
    color:#ffffff !important;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
    padding-right: 	6px;
    min-width:			1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
    position:		absolute;
    display:		block;
    right:			.75em;
    top:			1.05em; /* IE6 only */
    width:			10px;
    height:			10px;
    text-indent: 	-999em;
    overflow:		hidden;
    background:		url('/_media/_core/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
    top:			.8em;
    background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
    background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position: -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position: 0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
    background:	url('/_media/_core/shadow.png') no-repeat bottom right;
    padding: 0 8px 9px 0;
    -moz-border-radius-bottomleft: 17px;
    -moz-border-radius-topright: 17px;
    -webkit-border-top-right-radius: 17px;
    -webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
    background: transparent;
}
/* NAVIGATION END */

/* SITE standard CSS */
body {
    background-color: #FFF;
    margin: 0px;
    padding: 0px;
    font: normal 12px 'Roboto', Helvetica, sans-serif;
}

image {
    border: 0px;
}

a:link {
    text-decoration: none;
    color: #2B4186;
}
a:visited {
    text-decoration: none;
    color: #2B4186;
}
a:hover {
    text-decoration: underline;
    color: #000;
}
a:active {
    text-decoration: none;
    color: #000;
}

h1, h1 p {
    padding: 0px;
    margin: 0px;
}

h1 {
    font: bold 24px/28px 'Roboto', Helvetica, sans-serif;
}

/* defined global CSS */
.fc {clear:both;}
.fl {float:left;}
.fr {float:right;}
img { border: 0; }
.f16p { font-size: 16px; }

.orangebb{
    #border-bottom: #003768 3px solid;
}
.orangebt{
    #border-top:3px solid #eee;
}
.greybb{
    border-bottom:3px solid #ccc;
}
.greybt{
    border-top:3px solid #ccc;
}
/* defined global CSS */
/*Home CSS Start*/
.lco{
    width:160px;
    margin-right:10px;
}
.mco{
    width:830px;
}
.mco730{
    width: 820px;
    margin-right:10px;
}
.mcoBotL{
    width:520px;
    margin-right:10px;
}
.mcoBotR{
    width:300px;
}
.rco{
    width:300px;
}
.sectionTitle{
    font: bold 18px/20px 'Roboto', Helvetica, sans-serif;
    border-top: #005e9d 4px solid;
    color: #000;
    padding-top: 10px;
    margin-bottom: 10px;
}
.sectionTitle h1, .sectionTitle p {
    font: bold 18px/20px 'Roboto', Helvetica, sans-serif;
}
.sectionTitle p {
    margin: 0;
    padding: 0;
}
.sectionTitle a {
    font-family: Roboto !Important;
    color: #000 !important;
    font-weight: 500;
    font-size: 14.5px;
}
.email{
    background-color:#ececec;
    padding:10px;
}
.emailHeader{
    font:bold 18px/26px 'Roboto';
    color:#0E3463;
    text-align: center;
}
.emailTitle{
    font: bold 12px/16px 'Roboto';
    color: #0E3463;
}
.emailTxt{
    font: italic 12px/16px 'Roboto';
    color: #0E3463;
    padding: 5px 0px;
    text-align: center;
}
.email #email,#firstname,#lastname{
    width:97%;
    margin-bottom:10px;
}
.email .productList {
    padding: 5px 5px;
    font: normal 12px/14px 'Roboto';
}
.emailInput{
    float:left;
    margin-right: 5px;
}
.emailLabel{
    float:left;
    width:100px;
}
.emailSubmit{
    margin-top: 20px;
    margin-bottom:10px;
    text-align: center;
}
.mcoTopL{
    width:410px;
    margin-right:10px;
}
.mcoTopSection{
    width:410px;
}
.mcoTopRSection{
    position:relative;
    width:410px;
    height:246px;
}
.mcoTopRSection img{
    width:410px;
}
.mcoTopRSectionTitle{
    position: absolute;
    bottom: 0;
    font:13px 'Roboto';
    color:#ffffff;
    padding: 10px;
    background-color:#193864;
    opacity: 0.75;
    width:390px;
}
.mcoTopRSectionTitle a{
    font:18px 'Roboto';
    color:#ffffff;
}
.homearticleDivImage ,.homearticleDivImage img{
    width:133px;
    margin-right:10px;
    height:80px
}
.homearticleDivTitle {
    padding:5px;
}
.homearticleInfo{
    font: italic 12px 'Roboto';
    color: #777;
}
.homearticleDivTitle a{
    font: 13px 'Roboto';
    font-weight: bold;
    color: #333;
}
.viewMore, .viewMore a {
    font: bold 12px 'Roboto';
    color: orange;
}
.moreArticles {
    float: right;
    font: bold 12px arial;
}
.mcoBotLSectionL{
    width:345px;
    height:207px;
    margin-right:10px;
    position: relative;
}
.mcoBotLSectionL img{
    width:345px;
}
.mcoBotLSectionLTitle{
    position: absolute;
    bottom: 0;
    font:italic 14px 'Roboto';
    color: #ffffff;
    padding: 10px;
    background-color: #193864;
    opacity: 0.75;
    width:325px;

}
.mcoBotLSectionR{
    width:165px;
    height:99px;
    position: relative;
}
.mcoBotLSectionR img{
    width:165px;
}
.mcoBotLSectionRTitle{
    position: absolute;
    bottom: 0;
    font:italic 12px 'Roboto';
    color: #ffffff;
    padding: 5px;
    background-color: #193864;
    opacity: 0.75;
}
.mcoBotLSectionRTitle a,.mcoBotLSectionLTitle a{
    color:#ffffff;
}
.mostPopularDiv {
    border-bottom: dotted 1px #FEBC43;
    padding: 5px 10px 10px 10px;
}
/*Home CSS End */
/*Landing Detail page Start */
.articleListDiv{
    padding-bottom: 20px;
    margin-bottom: 10px;
    width: 100%;
}
.issueImage img{
    width: 220px;
}
.HomeIssueImage img {
    width: 150px;
}
.HomeIssueImage {
    width: 150px;
    margin: 0 auto;
}
.publicationList {
    float: left;
    height: 230px;
    margin-bottom: 30px;
    margin-left: 30px;
    width: 150px;
    text-align: center;
}
.publicationList a img {
    border: 5px solid #CCCCCC;
    width: 140px;
}
.articleDivImage,.articleDivImage img{
    width: 150px;
    margin-right:10px;
}
.articleDivTitle,.articleDivTitle a {
    font: 24px/28px 'Archivo Narrow', arial;
    color: #000;
    text-decoration: none;
}

.articleDivTitle a:hover {
    color: #000;
    text-decoration: none;
}
.articleInfo {
    font: 14px 'Roboto';
    color: #000;
}
.linkSmall {
    font: bold 11px 'Roboto', Helvetica, sans-serif;
    color: #7B1221;
}
.pager ul {
    list-style: none;
    padding: 0;
}
#selectedPage {
    background-color: #FEBC43;
    font-size: 20px;
}
.pager li {
    float: left;
    padding: 5px;
    margin: 0px 5px;
    border: 1px solid #CCC;
    background-color: #EEE;
    font-size: 15px;
}
.pager_div a {
    font: bold 20px 'Roboto';
    float: left;
    padding: 5px;
    margin: 0px 5px;
    border: 1px solid #CCC;
    background-color: #EEE;
    font-size: 15px;
}
.detailTitle {
    font: bold 12px 'Roboto';
}
.pub_toc_dep_title {
    border-bottom: 2px solid #dddddd;
    color: #42629d;
    font: bold 18px 'Roboto';
    margin-bottom: 5px;
    padding: 5px 0;
}
.detailAuthor {
    color: #666666;
    font: 12px 'Roboto';
}
.detailPublishdate {
    color: #666666;
    font: 12px 'Roboto';
}
.pub_toc_art_title, .pub_toc_art_title a {
    font: bold 14px 'Roboto';
    margin-bottom: 15px;
    color: #000000;
}
.detailBody, .detailBodyContentDiv {
    font: 16px/24px 'Roboto',arial,Helvetica,sans-serif;
    padding-top:10px;
}
.relatedArticleFloatDivImage img{
    width:100px;
}
.relatedArticleFloatDivImage{
    float:left;
    margin-right:10px;
}
.landPage{
    background-color: #EFF7FF;
    padding: 20px;
    border: 1px solid #CCC;
    font: bold 15px 'Roboto';
}
/*Landing Detail page End */
/* frame css */
.shell {
    width:1000px;
    margin:0 auto;
}
.AD728x90L {
    margin: 10px auto;
    width:728px;
    background: #eee;
    height: 90px
}
.AD728x90B {
    margin:5px auto;
    width:728px;
    background: #eee;
    height: 90px
}
.AD160x600 {
    width:160px;
    margin-bottom:10px;
    background: #eee;
    height: 600px
}
.AD300x250 {
    width:300px;
    background: #eee;
    height: 250px;
    margin: 20px 0 20px 20px
}
.shellHeader {
    background-color:#ececec;
}
.shellHeader .mainHeaderDiv {
    width:1000px;
    margin:0 auto;
    background-color:#ececec;
    padding:10px 0;
}
.shellFooter {
    background-color: #999;
}

.socialButtonsHeader div.social_item {
    display:inline-block;
    padding:5px;
}
.issueList {
    display: inline-block;
    padding: 5px;
    height: 220px;
    border: solid 1px #ccc;
    font: bold 12px 'Roboto', Helvetica, sans-serif;
    margin: 0px 15px 0 0px;
    width: 167px;
    text-align: center;
    vertical-align: top;
}
.issueList img {
    width:150px !important;
}
.issue_list_div{
    overflow-x: scroll;
    border-right: 1px solid #B9C7D4;
    border-left: 1px solid #B9C7D4;
    border-bottom: 1px solid #B9C7D4;
    padding: 0 10px;
}
.slide_content{
    width: 1820px;
    height: 230px;
}
.slide_title{
    background-image: url("https://onclive.s3.amazonaws.com/_media/_core/section_title_bg.png");
    background-repeat: repeat-x;
    color: #003768;
    font: bold 18px/38px 'Roboto';
    height: 38px;
    padding: 0 10px;
    border-top: 1px solid #B9C7D4;
    border-right: 1px solid #B9C7D4;
    border-left: 1px solid #B9C7D4;
}
/********************************Contributor Start*********************************/
.contributorList a{
    color: #405CA6;
    font: bold 16px 'Roboto';
}
.contributorBox{
    padding-bottom: 10px;
    border-bottom: 2px solid #e4e4e4;
    margin-bottom: 10px;
}
.contributorLeft{
    width: 100px;
    float: left;
    margin-right: 10px;
}
.contributorLeft a img{
    width: 100px;
}
.contributorRight{
    width: 520px;
    float: left;
}
.contributorTitle{
}
.contributorTitle a{
    color: #405CA6;
    font: bold 20px 'Roboto';
}
.contributorAuthor{
    font: bold 13px 'Roboto';
    color: #999CA1;
}
.contributorIntro{
    font: normal 14px 'Roboto';
}
.contributorBody{
    font: normal 14px 'Roboto';
}
.contributorMore{
    text-align: left;
}
.contributorMoreTitle a{
    color: #405CA6;
    font: bold 15px 'Roboto';
}
.contributorMoreIntro{
    font: normal 13px 'Roboto';
}
.contributorMoreDate{
    color: #999CA1;
    font: normal 12px 'Roboto';
}
.contributorArticle{
    margin-top: 10px;
}
.contributorArticle a{
    color: #000000;
    font: bold 14px 'Roboto';
}
.contributorPublished{
    font: bold 12px 'Roboto';
}
.pubAuthShareBox {
    border-bottom: 1px solid #8BA7BD;
    border-top: 1px solid #8BA7BD;
    padding: 5px 0;
}
.pubAuth {
    font: normal 12px 'Roboto';
    padding-top: 3px;
}
/********************************Contributor End*********************************/

/** Peer-x Start **/
.pxDesc {
    margin-top: 0;
    margin-bottom: 10px;
    font: normal 12px/16px Arial, Helvetica, sans-serif;
}
button.accordion {
    background-color: #012E5A;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}
button.accordion.active, button.accordion:hover {
    background-color: #ddd;
}
button.accordion:after {
    content: "\02795";
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}

button.accordion.active:after {
    content: "\2796";
}
div.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
}
div.panel.show {
    opacity: 1;
    max-height: 500px;
}
.text {
    color: #005e9d;
    font: bold 18px/22px arial;
    height: 38px;
}
.text select {
    border-color: #005e9d;
    height: 22px;
    background: #f0eef0;
    border-radius: 4px;
}
.videoLandingImage img {
    border-radius: 5px;
    #height: 120px;
    width: 150px;
}
.videoLandingTitle {
    margin-top: 5px;
}
.videoLandingTitle a {
    font: bold 12px arial;
    color: #000;
}

.videoLandingItem {
    width: 150px;
    margin: 10px 10px 10px 0;
    float: left;
    height: 155px;
    overflow: hidden;
}
.selectSpecialty {
    width: 545px;
}
.selectSeries {
    width: 500px;
}
/** Peer-x End **/

/***************************login,register,profile start**********************************/
.loginDiv {
    padding-top: 10px;
    font: bold 13px 'Roboto';
    color: #2179b8;
    margin-right: 25px
}
.loginDiv a {
    color: #2179b8
}
.loginInnerDiv {
    margin: 0 auto;
    width: 510px;
    height: 316px;
}
.loginPageOuterDiv {
    padding-top: 40px
}
.loginPage {
    width: 300px;
    margin: 0 auto
}
.loginTitle {
    font: bold 13px/25px 'Roboto';
    margin-bottom: 20px
}
.loginForgot {
    margin-top: 10px;
    font: bold 11px 'Roboto', Helvetica, sans-serif;
    width: 300px
}
.loginSubmit {
    float: left;
    width: 150px;
    text-align: center
}
.loginRegister {
    float: left;
    margin-top: 10px;
    font: bold 11px 'Roboto', Helvetica, sans-serif;
    width: 150px
}
.loginEmail input,
.loginPassword input {
    width: 298px;
    border: solid 1px #ddd
}
.green{
    color: green;
}
.red{
    color: red;
}
#changePW{
    display: none;
}
/***************************login, register, profile End**********************************/

/* ###################### Condition Resource ###################### */
.floatLeft {
    float:left;
}
.W160{
    width:160px;
}
.W300 {
    width: 300px;
}
.W500{
    width:520px;
    margin-left:10px;
    margin-right:10px;
}
.spacer10{
    height:10px;
}
.floatClear{
    clear: both;
}
.articleDivTitle{
    margin:5px 0;

}
.sectionTitleBorder {
    border-bottom: 3px solid orange;
    color: #666;
    font: 18px 'Roboto';
    margin: 0 0 10px;
    padding-bottom: 5px;
}

.list_title {
    border-bottom: 1px dotted #ccc;
    font: bold 13px 'Roboto';
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.resourceList_title {
    border-bottom: 1px dotted #ccc;
    font: bold 13px 'Roboto';
    padding: 5px;
}
.resourceListHeaderDiv {
    border-bottom: 2px solid #cccccc;
    color: #ffa500;
    font: italic bold 20px/28px 'Roboto';
}

.articleFloatDivImage {
    float: left;
    margin-right: 10px;
    width: 160px;
}
.articleFloatDivImage img {
    width: 160px;
}
.articleListTitle {
    color: #333;
    font: 14px 'Roboto';
    font-weight: bold;
}


a.backto {
    background: url("https://targetedonc-com.s3.amazonaws.com/v1_media/_core/icon_backarrow.gif") no-repeat scroll left center transparent;
    color: #0285c1;
    font: bold 14px/30px 'Roboto';
    padding: 0 0 0 13px;
}
.conditionSubListDiv {
    float: left;
    font: bold 12px 'Roboto';
    padding: 0 15px 20px;
}
.conditionSubListDiv a {
    color: #0285c1;
}
.articleFloatDivTitle a {
    color: #333;
    font: bold 14px 'Roboto';
}
.pager_selected {
    background-color: #febc43;
    border: 1px solid #cccccc;
    color: black;
    font: bold 20px 'Roboto';
    float:left;
    padding: 5px;

}
.detailBody iframe {
    max-width: 520px;
    height: 293px;
    display: block;
    margin: 0 auto;
}
.frameTools .searchDiv {
    border:1px solid #ccc;
    margin:20px 0;
    background-color:#ffffff;
}
.frameTools .searchDiv input[type='text'] {
    height: 37px;
    vertical-align:top;
    border:0;
    width:360px;
    font:px 'Roboto';
    padding:0 8px;
    font-size:20px;
}
.frameTools .searchDiv input[type='image'] {
    height: 37px;
    vertical-align:top;
}
.w200 {
    width:200px;
}
.w750 {
    width:750px;
}
.w800{
    width:800px;
}
.issueItem {
    display:inline-block;
    padding: 0px 2px;
// height: 260px;
    font: bold 12px 'Roboto', Helvetica, sans-serif;
    margin: 0.25in 2px 0.25in 2px;
    width: 167px;
    text-align: center;
    vertical-align:top;
}
.issueItem img {
    height: 180px !important;
    margin-top: 3px !important;
    margin-bottom: 3px !important;
}

.pubIssueItem{
    padding-top: 10px;
    width: 158px;
    font:bold 12px 'Roboto', Helvetica, sans-serif;
    float: left;
    text-align: center;
    margin-right: 15px;
    margin-top: 30px;
}
.clearPubIssue {
    clear: left;
}

.deptheadMid {
    border-bottom: solid 2px #ccc;
    color: #ff464a;
    font: bold 16px 'Roboto', Helvetica, sans-serif;
    padding: 0 10px 5px 0;
}

.deptHeadEnd {
    border-bottom: solid 2px #ccc;
    color: #ff464a;
    font: bold 16px 'Roboto', Helvetica, sans-serif;
    padding: 0 10px 5px 0;
    margin-top: 20px;
}

.pubLinkTitle {
    margin-top: 10px;
    font: bold 13px/20px 'Roboto', Helvetica, sans-serif;
    margin-bottom: 10px;
    padding: 0 15px;
}
.shareThis {
    margin: 10px 0;
}
.oncAlertDiv{
    width:300px;
    height:75px;
}
.oncAlertDiv img{
    max-width:300px;
    max-height:75px;
}

.bodyContent iframe, .bodyContent object, .bodyContent embed{
    width: 520px;
}
.pageDesc {
    margin-bottom: 10px;
    border: 1px solid #ccc;
    background: #ececec;
    padding: 10px;
    font: normal 12px 'Roboto', Helvetica, sans-serif;
}
.case_intro {
    margin-top:10px;
    font-size:14px;
    color:#666666;
    font-family:'Roboto',helvetica,sans-serif;
}
.clinicFooter {
    padding:20px 0 10px 0;
    font: 11px 'Roboto', helvetica, sans-serif;
    color: #ccc;
    background: transparent;
    width: 100%;
    border-top: #999 3px solid;
}
.footer {
    width: 1000px;
    margin: 0 auto;
    min-height: 280px;
    color: white;
    font: normal 11px/25px 'Roboto', Helvetica, sans-serif;
}
.footer_middle {
    width: 238px;
    float: left;
    padding-left: 30px;
    color: #000;
}
.footer_middle a:link, .footer_middle a:active, .footer_middle a:visited, .footer_middle a:hover {
    color: #000;
}
.footer_right {
    padding-left: 30px;
    width: 211px;
    float: left;
    color: #000;
}
.footer_right a:link, .footer_right a:active, .footer_right a:visited, .footer_right a:hover {
    color: #000;
}
.footer_contact {
    padding-left: 30px;
    width: 226px;
    float: left;
    color: #000;
}
.footer_contact a:link, .footer_contact a:active, .footer_contact a:visited, .footer_contact a:hover {
    color: #000;
}
.footer li > .footerTitle {
    font: bold 15px/25px 'Roboto', Helvetica, sans-serif;
}
.footer a:link, .footer a:active, .footer a:visited, .footer a:hover {
    color: white;
}
.footer li {
    float: left;
    margin: 20px 10px 10px 10px;
    padding: 0px 20px 0px 10px;
    border-right: 1px solid #FFF;
}
.footer ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.srItem {
    width: 167px !important;
}
.bg666 {
    background-color: transparent;
    margin-top: 20px;
    border-top: #005e9d 4px solid;
}
.mt40 {
    margin-top: 40px;
}
.share span{
    height: 22px !important;
}
.section_box {
    border: 1px solid #B9C7D4;
}
.section_title {
    background-image: url("https://onclive.s3.amazonaws.com/_media/_core/section_title_bg.png");
    background-repeat: repeat-x;
    color: #003768;
    font: bold 18px/38px 'Roboto';
    height: 38px;
    padding: 0 10px;
}
.shell_div {
    width:1000px;
    margin:0 auto;
}
.shell_div .page_content {
    padding:10px 20px;
    background-color:#ffffff;
    font:15px/20px 'Roboto';
}
.section_content {
    padding: 0 10px;
}
.bx_slider_img_float {
    margin-left: 50px;
}
.bx_slider_img_float {
    float: left;
}
.bx_slider_img_float:first-child {
    margin-right: 0;
}
.bx_slider_img_float a img {
    width: 140px;
    height: 170px;
}
/*Specialty CSS Start*/
/* GLOBALS */

.dropdown {
    overflow-y: scroll;
    height: 400px;
}


*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
//padding: 0;
//margin: 0;
}
.mco520 ul {
    padding: 20px;
}

/*
::selection {
    background: transparent;
}

::-moz-selection {
    background: transparent;
}
*/

.wrapper-demo {
    margin: 0;
    *zoom: 1;
    font-weight: 400;
}

.wrapper-demo:after {
    clear: both;
    content: "";
    display: table;
}

/* DEMO 3 */

.wrapper-dropdown-3 {
    /* Size and position */
    position: relative;
    width: 350px;
    margin-right: 10px;
    padding: 10px;

    /* Styles */
    /*background: #58111c;*/
    border-radius: 0px;
    border-bottom: 1px solid #999;
    /*box-shadow: 0 1px 1px #000;*/
    cursor: pointer;
    outline: none;

    /* Font settings */
    font-weight: bold;
    color: #FFF;
    font-family: 'Roboto', Helvetica, sans-serif;
    font-size: 30px;
}

.wrapper-dropdown-3 ul {
    font-size: 15px;
}

.wrapper-dropdown-3:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #8aa8bd transparent;
}

.wrapper-dropdown-3 .dropdown {
    /* Size & position */
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;

    /* Styles */
    background: white;
    border-radius: inherit;
    border: 1px solid rgba(0,0,0,0.17);
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    font-weight: normal;
    -webkit-transition: all 0s ease-in;
    -moz-transition: all 0s ease-in;
    -ms-transition: all 0s ease-in;
    -o-transition: all 0s ease-in;
    transition: all 0s ease-in;
    list-style: none;
    z-index: 9999999;

    /* Hiding */
    opacity: 0;
    pointer-events: none;
    display: none;
}

.wrapper-dropdown-3 .dropdown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 15px;
    border-width: 0 6px 6px 6px;
    border-style: solid;
    border-color: #fff transparent;
}

.wrapper-dropdown-3 .dropdown:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 13px;
    border-width: 0 8px 8px 8px;
    border-style: solid;
    border-color: rgba(0,0,0,0.1) transparent;
}

.wrapper-dropdown-3 .dropdown li a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #8aa8bd;
    border-bottom: 1px solid #e6e8ea;
    box-shadow: inset 0 1px 0 rgba(255,255,255,1);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.wrapper-dropdown-3 .dropdown li i {
    float: right;
    color: inherit;
}

.wrapper-dropdown-3 .dropdown li:first-of-type a {
    border-radius: 7px 7px 0 0;
}

.wrapper-dropdown-3 .dropdown li:last-of-type a {
    border: none;
    border-radius: 0 0 7px 7px;
}

/* Hover state */

.wrapper-dropdown-3 .dropdown li:hover a {
    background: #f3f8f8;
}

/* Active state */

.wrapper-dropdown-3.active .dropdown {
    opacity: 1;
    pointer-events: auto;
    display: block;
}

/* No CSS3 support */

.no-opacity       .wrapper-dropdown-3 .dropdown,
.no-pointerevents .wrapper-dropdown-3 .dropdown {
    display: none;
    opacity: 1; /* If opacity support but no pointer-events support */
    pointer-events: auto; /* If pointer-events support  but no pointer-events support */
}

.no-opacity       .wrapper-dropdown-3.active .dropdown,
.no-pointerevents .wrapper-dropdown-3.active .dropdown {
    display: block;
}


/*min nav drop down css*/

.min-wrapper-demo {
    margin: 0px 0 0 0;
    *zoom: 1;
    font-weight: 400;
}

.min-wrapper-demo:after {
    clear: both;
    content: "";
    display: table;
}

/* DEMO 3 */

.min-wrapper-dropdown-4 {
    /* Size and position */
    position: relative;
    width: 200px;
    /* Styles */
    cursor: pointer;
    outline: none;

    /* Font settings */
    font-weight: bold;
    color: #FFF;
    font-family: 'Roboto', Helvetica, sans-serif;
    font-size: 20px;
}

.min-wrapper-dropdown-4 ul {
    font-size: 15px;
}

.min-wrapper-dropdown-4:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #8aa8bd transparent;
}

.min-wrapper-dropdown-4 .dropdown {
    /* Size & position */
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;

    /* Styles */
    background: white;
    border-radius: inherit;
    border: 1px solid rgba(0,0,0,0.17);
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    font-weight: normal;
    -webkit-transition: all 0s ease-in;
    -moz-transition: all 0s ease-in;
    -ms-transition: all 0s ease-in;
    -o-transition: all 0s ease-in;
    transition: all 0s ease-in;
    list-style: none;

    /* Hiding */
    opacity: 0;
    pointer-events: none;
    display: none;
}

.min-wrapper-dropdown-4 .dropdown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 15px;
    border-width: 0 6px 6px 6px;
    border-style: solid;
    border-color: #fff transparent;
}

.min-wrapper-dropdown-4 .dropdown:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 13px;
    border-width: 0 8px 8px 8px;
    border-style: solid;
    border-color: rgba(0,0,0,0.1) transparent;
}

.min-wrapper-dropdown-4 .dropdown li a {
    display: block;
    width:180px;
    padding: 10px;
    text-decoration: none;
    color: #8aa8bd;
    border-bottom: 1px solid #e6e8ea;
    box-shadow: inset 0 1px 0 rgba(255,255,255,1);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.min-wrapper-dropdown-4 .dropdown li i {
    float: right;
    color: inherit;
}

.min-wrapper-dropdown-4 .dropdown li:first-of-type a {
    border-radius: 7px 7px 0 0;
}

.min-wrapper-dropdown-4 .dropdown li:last-of-type a {
    border: none;
    border-radius: 0 0 7px 7px;
}

/* Hover state */

.min-wrapper-dropdown-4 .dropdown li:hover a {
    background: #f3f8f8;
}

/* Active state */

.min-wrapper-dropdown-4.active .dropdown {
    opacity: 1;
    pointer-events: auto;
    display: block;
    z-index:100;
}

/* No CSS3 support */

.no-opacity       .min-wrapper-dropdown-4 .dropdown,
.no-pointerevents .min-wrapper-dropdown-4 .dropdown {
    display: none;
    opacity: 1; /* If opacity support but no pointer-events support */
    pointer-events: auto; /* If pointer-events support  but no pointer-events support */
}

.no-opacity       .min-wrapper-dropdown-4.active .dropdown,
.no-pointerevents .min-wrapper-dropdown-4.active .dropdown {
    display: block;
}

/*Specialty CSS End*/

/* Event registration start */
.form_col {
    padding: 15px 0 0 0;
    color: #0E3463;
    font: normal 14px 'Roboto';
}
.job_title {
    margin-right: 10px;
}
.fillOut {
    font: bold 16px 'Roboto';
    color: #666;
}
.formLeftColumn {
    width: 460px;
}
.formRightColumn {
    width: 320px;
}
.pagePadding {
    padding: 15px 0 15px 15px;
}
.eventDate {
    font: bold 18px 'Roboto';
    color: #0E3463;
}
.eventTime{
    font: italic 16px 'Roboto';
    color: #0E3463;
}
.eventLocation {
    font: 16px 'Roboto';
    color: #0E3463;
}
.formRightNote {
    background: #ececec;
    padding: 20px;
    line-height: 18px;
}
.formEmployer {
    font: normal 13px 'Roboto';
    text-align: right;
    position: relative;
    bottom: 5px;
}
.eventRegisterButton {
    width: 160px;
    margin: 20px auto;
    background: #fdb456;
    padding: 6px;
    border-radius: 3px;
}
.eventRegisterButton a {
    padding: 0 43px;
    font: bold 15px 'Roboto';
    text-decoration: none;
}

/* Event registration end */
.shareButton {
    float: left;
}
.bodyIntro {
    margin-top: 10px;
    border: 1px solid #ccc;
    background: #eee;
    padding: 15px;
    margin-bottom: 5px;
}
.bodyAuthor {
    color: #000;
    font: italic 16px 'Roboto', Helvetica, sans-serif;
}
.boxBorder {
    border: 1px solid #CCC;
    padding: 10px;
    margin-bottom: 10px;
    background-color: #FFF;
}
.pdfBox {
    border: 1px solid #ccc;
    padding: 10px 20px;
    width: 250px;
    margin-bottom: 10px;
    float: right;
    text-align: center;
    font: bold 12px 'Roboto';
}
.articleTitle {
    font: bold 16px/21px 'Archivo Narrow', Helvetica, sans-serif;
}
.articleTitle a {
    text-decoration: none;
    font-weight: normal;
    color: #000;
}
.articleTitle a:hover {
    text-decoration: none;
    color: #000;;
}
.articleLargeIntro {
    font: normal 18px/24px 'Roboto', Helvetica, sans-serif;
    padding-bottom: 10px;
    padding-top: 10px;
}
.articleIntro {
    font: 12px/19px 'Roboto', Helvetica, sans-serif;
    padding-bottom: 20px;
    color: gray;
}
.social_itemList img {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.clickForEbook {
    width: 150px;
    margin: 0 auto;
    font: bold 18px 'Roboto';
    margin-top: 10px;
    color: #42629d;
}

/*** rightTab fly js starts here ***/
.scrollFly {
    position:fixed;
    top: 40px;
    padding:5px 0;
    width: 320px;
}
.scrollBottom {
    position:absolute;
    bottom: 0;
    padding:5px 0;
    width: 350px;
}
#rightTab {
    position:relative;
    width: 320px;
}
/*** rightTab fly js ends here ***/

/** 728x90 ad fly js starts here **/
#flyBanner {
    -webkit-transition: top 0.3s ease-in-out;
    -moz-transition: top 0.3s ease-in-out;
    -o-transition: top 0.3s ease-in-out;
    transition: top 0.3s ease-in-out;
}
.topBannerFly {
    position: fixed;
    top: 40px;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 105px;
    background-color: #fff;
}
.topBannerCenter {
    text-align:center;
    margin:5px auto;
    width:728px;
    padding:5px 0;
}
/** 728x90 ad fly js ends here **/

/** Search **/
.counter {
    display: table;
    margin: 0 auto;
}
.pageCounter {
    padding: 0 10px;
}
.pageCurrent {
    padding: 0 10px;
    color: #6c7c96;
}
/** End search **/
.listStyleArrow {
    background-image: url(https://pharmacytimes.s3.amazonaws.com/v1_media/_core/arrow.png);
    background-repeat: no-repeat;
    height: 35px;
    padding-left: 30px;
    font: bold 18px/18px Arial, Helvetica, sans-serif;
    color: #464646;
}

/** Subcribe **/
.subscribe-button-inner {
    height: 62px !important;
    width: 112px !important;
    position: absolute !important;
    margin-top: 40px !important;
    overflow: visible !important;
    text-align: left !important;
    padding: 0 !important;
    border: 0 !important;
    display: inline-block !important;
}
#leftTab .subscribe-button-inner {
    height: 48px !important;
    width: 675px !important;
    position: relative !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    overflow: visible !important;
    text-align: center !important;
}
.subscribeText {
    text-align: center;
    padding-bottom: 10px;
    font: bold 18px arial;
}
.contactText {
    width: 50%;
    float: left;
}

/*  conferences start  */
.yearList{
    margin: 20px 10px;
}
.currentYear{
    color: #000000;
    font-weight: bold;
}
.otherYear a{
    color: #2B4186;
    font-weight: bold;
}
.conferenceListItem{
    margin-bottom: 20px;
}
.conferenceListInitials a{
    font-size: 16px;
    color: #003768;
    font-weight: bold;
}
.conferenceListTitle a{
    font-size: 12px;
    color: #000000;
    margin-left: 10px;
}
.conferenceListDateLoc{
    font-size: 10px;
    color: #6F6F6F;
    margin-left: 20px;
}
/*  conferences end  */

/** BUTTON **/
.loginButton {
    background: linear-gradient(#13a5e6,#0e8ade);
    border-radius: 4px;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    width: 112px;
    height: 27px;
    margin-left: 225px;
    margin-right: 20px;
    margin-top: 40px;
    font-size: 13px;
    font-family: Helvetica Neue,Arial,Helvetica,sans-serif;
    border: 0.5px solid #0173b7;
}
.loginButton img {
    display: inline-block;
    width: 16px;
    padding-right: 5px;
    margin: 2px 0;
    border-right: 1px solid #0d7edc;
}
.loginButton span {
    display: inline-block;
    position: relative;
    white-space: nowrap;
    text-shadow: 0 1px 0 #1085da;
    vertical-align: top;
    padding-top: 4px;
}
/*** FORM ***/
.form {
    width: 100%;
    margin: 0 auto;
}
.formGroup {
    width: 400px;
}
.formLabel {
    width: 250px;
    margin: 10px 5px;
    text-align: right;
}
.formLabel2 {
    width: 80px;
    margin: 10px 5px;
    text-align: right;
}
.formField {
    width: 510px;
    margin: 5px 5px;
}
.formField2 {
    width: 250px;
    margin: 5px 5px;
}
.formField input, .formField textarea {
    width: 80% !important;
}
.formLabel img {
    width: 25px;
    height: 25px;
    margin: -8px 0 10px;
}
.formLabel label {
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #000;
}
.formLabel label .span {
    color: rgb(102, 102, 102);
    font: 10px Arial,Helvetica,sans-serif;
}
.formFieldRadio img {
    width:  25px;
    height:  25px;
    margin: 0 10px -5px 10px;
}
.formFieldRadio {
    width: 100px;
    margin: 5px 5px;
}
.submitButton {
    text-align: center;
    margin: 20px 0;
}
.submitButton input[type="submit"] {
    background: linear-gradient(#13a5e6,#0e8ade);
    border-radius: 4px;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    width: 112px;
    height: 27px;
    font-size: 13px;
    font-family: Helvetica Neue,Arial,Helvetica,sans-serif;
    border: 0.5px solid #0173b7;
}
.loadedImage {
    width: 100%;
    margin: 10px 0;
    text-align: center;
}
.loadedImage img {
    max-width: 100%;
}
.notice {
    text-align: center;
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #f00;
}
.simpleCaptcha {
    text-align:  center;
    margin:  10px 0;}
.g-recaptcha {
    display:  inline-block;
}
.food-recall:visited, .food-recall{
  color:#ba952e !important;
}
.food-recall{
    padding:16px;
}
.food-recall:hover{
    background:#337ab7;
    color:white !important;
}

/***** POP UP *****/
.popUpBG {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999999;
    opacity: 0.50;
    background-color: #003768;
}

.popUpDiv {
    display: none;
    left:  0;
    top: 0;
    position: fixed;
    width: 500px;
    height: 539px;
    z-index: 9999999999;
}

.popUpClose {
    position: absolute;
    margin-left: calc(100% - 35px);
    margin-top: 10px;
    color: #000000;
    line-height: 25px;
    font-size: 25px;
    text-align: center;
    width: 25px;
    border-radius: 13px;
    background-color: #80cfee;
    height: 25px;
    cursor: pointer;
}

.popUpBody {
    margin: 25px;
}

.popUpImage {
    width:  100%;
}

.popUpImage img {
    width:  100%;
}
.popUpBody iframe{
    width:100%;
    height:539px;
    border-width: 0px;
}
/**** END POP UP ****/

/**** START Feature Product Profile ****/

.sectionBox2 a{
    text-decoration:none;
    color:black;
}
.featureProductContainer{
    width:100%;
}
.featureProductImage{
    margin-bottom:10px;
}
.featureProductImage img{
    width:100%;
}
.featureProductTitle{
    font: bold 16px/21px 'Archivo Narrow', Helvetica, sans-serif;
    text-align:center;
}
.featureProductDescription{
    font: 14px/18px 'Archivo Narrow', Helvetica, sans-serif;
    text-align:center;
    margin-bottom: 10px;
}



/*** PROCEEDINGS 2018 ***/
.proceedingBox { padding: 10px; border: 1px solid #CCC; margin-bottom: 10px; background-color: #EEE; }
.proceedingDate { font: bold 18px Arial; background-color: #003768; color: white; padding: 5px; }

.proceedingTrack { font: bold 14px Arial; margin: 0px 0px 0px 0px; }
.proceedingLecture { font: bold 18px Arial; margin: 0px 0px 0px 0px; }
.proceedingFaculty { font: italic 14px Arial; margin: 0px 0px 0px 0px; }
.proceedingFile { font: bold 14px Arial; margin: 10px 0px 0px 0px; }