/* css for EOL v3 for the inner monograph of drugs, altmeds, OTC, and tables, medtools
Not for mobile


monograph div
Drug Header
monograph nav and altmed nav and OTC nav
Basic Monograph Styles
Print and Email Printsend
Basic Monograph Styles
specific sections
medtools
formulary, in widget
formulary, in monograph
upsells
*/

div#monograph {
    position: relative;
    background: #FFF;
    border: 1px solid #DDD;
    border-top: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-bottom: 0;
    padding: 0px;
}

#monograph div {
    border: none;
}
#page div#druglookup {
    padding-bottom: 0;
    margin-bottom: 20px;
}

div#browsercontentbox {
    padding-top: 0;
    margin-top: 0;
    clear: none;
    float: none;
}

/*------------------------------- Drug Header -------------------------------------------*/
div.rxHeaderOne {
    display: block;
    position: relative;
    top: -1px;
    left: -1px;
    min-height: 0px;
    height: auto;
    width: 773px;
    background: url(/noFrame/img/manufacturerResources/monograph_header.gif) no-repeat scroll top left #3E5890;
    border-bottom: 1px solid #D9E4EF;
    margin: 0px;
    padding: 10px;
    _margin-right: -2px;
}

*html div.rxHeaderOne {
    height: 52px;
}

.rxHeaderOne h1 {
    font-size: 23px;
    padding: 0 10px;
    margin: 0;
    border: none;
    color: white;
}

.rxHeaderOne h2 {
    font-size: 13px;
    padding: 0 10px 5px;
    color: #C3D6E9;
}

.manufacturerResource .rxHeaderOne h2 {
    color: #E4F1E0;
}

.rxHeaderOne h2 a {
    text-decoration: underline;
    color: #BBCDE4;
}
.rxHeaderOne h2 a:hover {
    text-decoration: none;
}

.ahfsLogo {
    float: right;
}

.hidLogo {
    margin-top: 14px;
    margin-bottom: 14px;
}

/* monograph nav and altmed nav and OTC nav----------------------------*/

#rx_navSections {
    float: right;
    margin: 0;
    padding: 10px 10px 0 0;
    width: 191px;
    border-bottom: 1px solid #E9EEF4;
}

.rx_altmed #rx_navSections {
    top: 122px
}

div.navMono h3 {
    background: url(/noFrame/img/manufacturerResources/monograph_title.gif) no-repeat scroll top left #3E5890;
    border-bottom: 1px solid #98AAD1;
    border-top: 7px solid #355A8F;
    border-left: 0px;
    border-right: 0px;
    border-color: -moz-use-text-color -moz-use-text-color #98AAD1;
    border-style: none none solid;
    border-width: 0 0 1px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    margin: 0px;
    padding: 6px 0;
    text-indent: 10px;
}

div.navMR h3 {
    background: url(/noFrame/img/manufacturerResources/resources_title.gif) no-repeat scroll top left #5E8D3C;
    border-bottom: 7px solid #5E8D3C;
    border-top: 7px solid #5E8D3C;
    border-color: -moz-use-text-color -moz-use-text-color #ACD293;
    border-style: none none solid;
    border-width: 0 0 1px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    padding: 6px 0;
    text-indent: 10px;
}

div.navMR {
    margin-bottom: 10px;
}

#monograph div.mr_sponsor {
    background-color: #EEE;
    border: 1px solid #DDD;
    width: 465px;
    margin: 10px 10px;
}

#monograph .navMR div.mr_sponsor {
    background-color: #FFF;
    border-color: #ACD294;
    border-style: none solid;
    border-width: 1px;
    width: auto;
    margin: 0;
}

#monograph .mr_sponsor {
    padding: 4px 10px;
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
}

#monograph .navMR .mr_sponsor {
    padding: 8px 10px;
    font-size: 11px;
    font-weight: normal;
}

#monograph .mr_sponsor .title {
    float: left;
    padding-right: 5px;
    color: #666;
    font-style: normal;
}

#monograph .navMR .mr_sponsor .title {
    float: none;
}

div.navMono {
    margin-bottom: 10px;
}

div.navFooter {
    margin-bottom: 10px;
}

div.navFooter a {
    display: block;
    margin-bottom: 5px;
    text-align: center;
    width: 100%;
}

#rx_navSections p {
    text-indent: 5px;
    text-decoration: none;
    display: block;
    margin: 0;
    background: #E9EEF4;
    border-left: 5px solid #D9E4EF;
    border-right: 3px solid #E9EEF4;
    border-bottom: 1px solid #D9E4EF;
    border-top: none;
    color: #373851;
    padding: 1px 0 1px 0;
    font-size: 11px;
}

#rx_navSections p span {
    display: block;
    border: 1px solid;
    border-color: #C1CEDD #D9E4EF #FFF #D9E4EF;
    color: #7988A5;
    font-size: 11px;
    font-weight: bold;
    margin: 1px 0 1px 2px;
    padding: 1px 0;
    width: 183px;
    cursor: default;
    text-indent: 3px;
}

#rx_navSections ul.mononav  {
    background: url(/noFrame/img/manufacturerResources/monograph_bottom.gif) no-repeat scroll bottom left #98AAD1;
    _background-color: transparent;    /* IE hack */
    padding-bottom: 6px;
    width: auto;
    z-index: 101;
}

#rx_navSections .mononav li {
    background: none repeat scroll 0 0 #F7F9FC;
    border-right: 1px solid #98AAD1;
    border-left: 1px solid #98AAD1;
    list-style-image: none; /*IE*/
    list-style: none;
}

#rx_navSections ul.mononav li span,
#rx_navSections ul.mononav li a {
    display: block;
    background: url(/noFrame/img/manufacturerResources/nav_monograph_arrow.png) no-repeat scroll 10px 8px transparent;
    border: 0 none;
    margin: 0;
    color: #002163;
    font-size: 12px;
    padding: 3px 5px;
    text-indent: 12px;
    text-decoration: none;
    _width: auto;    /* IE6 hack */
}

#rx_navSections ul.mononav li span { /*inactive bb warning*/
    color: #8C8C8C;
    cursor: default;
}

#rx_navSections ul.mononav li a#bbwarning { /*active bb warning*/
    color: #970F17;
    font-weight: bold;
}

*html #rx_navSections ul.mononav li span,
*html #rx_navSections ul.mononav li a {
    width: 179px; /*191px; no doctype */
}

#rx_navSections ul.mononav li a:hover {
    background-color: transparent;
    color: #002163;
    text-decoration: underline;
}

#rx_navSections ul.mononav li a.active_nav,
#rx_navSections ul.mononav li a.active_nav:hover {
    position: relative;
    background: url(/noFrame/img/manufacturerResources/menu_selected.gif) no-repeat scroll left center #3E5890;
    border: none;
    color: #FFF;
    margin-left: -11px;
    padding: 3px 5px 3px 16px;
    text-decoration: none;
}

*html #rx_navSections ul.mononav li a.active_nav {
    width: 190px; /*197px; no doctype */
}


#rx_navSections .mononav li.menuspacer {
    display: block;
    _display: inline;    /* IE6 hack */
    *display: inline;    /* IE7 hack */
    background-color: #d9e4ef;
    border-width: 0;
    border-top: 1px solid #98AAD1;
    height: 0px;
    font-size: 0px;
    line-height: 0.1%;
    _overflow: hidden;    /* IE6 hack */
    _white-space: nowrap;    /* IE6 hack */
    _width: 100%;    /* IE6 hack */
}

*html #rx_navSections .mononav li.menuspacer {
    width: 195px;
}

a.addToInteraction {
    display: block;
    background: url(../../../common/images/bg_mchecktablit.gif) 9px 3px no-repeat white;
    margin: 8px 8px;
    text-decoration: none;
    text-indent: 35px;
    width: 180px;
}

a.openWCalculator {
    display: block;
    background: url(/noFrame/img/wcalcCombo.gif) 9px 3px no-repeat white;
    margin: 8px 8px;
    text-decoration: none;
    text-indent: 35px;
    width: 180px;
}

a:hover.addToInteraction {
    text-decoration: underline;
}

a:hover.openWCalculator {
    text-decoration: underline;
}

#rx_navSections ul.mononav li.addToInteraction a {
    background: url(../../../common/images/bg_mchecktablit.gif) no-repeat scroll 5px 3px #efeff7;
    border-bottom-color: #efeff7;
    text-indent: 30px;
    padding: 3px 5px;
    border: 0px;
}

#rx_navSections ul.mononav li.openWCalculator a {
    background: url(/noFrame/img/wcalcCombo.gif) no-repeat scroll 5px 3px #efeff7;
    border-bottom-color: #efeff7;
    text-indent: 30px;
    padding: 3px 5px;
    border: 0px;
}

#rx_navSections ul.mononav li.openWCalculator a.wcalcDisabled,
#rx_navSections ul.mononav li.openWCalculator a.wcalcDisabled:hover {
    color: #8C8C8C;
    cursor: default;
}

/* Basic Monograph Styles -------------------------------*/

.msection {
    padding: 0 0 10px 20px; /*h2 at top also has 15 padding*/
    margin: 0;
    width: 550px;
}

h2.rx_monTitle {
    font-size: 20px;
    color: #355A8F;
    padding: 0;
    margin: 15px 0 0 20px;
}

.msection h2 {
    font-size: 20px;
    color: #3E5890;
    padding: 15px 0 .36em 0;
}

.msection h3 {
    font-size: 16px;
    color: #373851;
    padding: 0.46em 0 0.46em 0;
}

.msection dl,
.msection ol,
.msection ul {
    margin: 0 0 .6em 0;
}

.msection dt {
    font-weight: bold;
    padding: 0 0 0.6em 0;
}

.msection dd {
    padding: 0 0 0.6em 0;
}

.msection ol {
    padding-left: 23px;
}

.msection li {
    list-style: none;
    margin-bottom: .6em;
    background: url(/noFrame/img/bg_lister.gif) no-repeat scroll 0 6px transparent;
    padding-left: 17px;
}

.msection p {
    margin: 0 0 0.6em 0;
}

.msection p.ingredient {
    font-weight: bold;
}

.msection p.ingredient_header span {
    font-weight: bold;
}
/* spans to break long drug names---------------------- */

.rxHeaderOne span,
.interactions a span,
#i span {
    font-size: 1px;
}

#monograph .interactions li {
    margin-bottom: 1.2em;
}

/* --- exceptions ------------*/

.msection li.drugdefault {
    list-style-image: none;
    list-style: none;
    padding-left: 0;
    background-image: none;
}

.msection dt#plain {
    font-weight: normal;
}

.contextHelp {  /* chock full of browser hacks, check FF, IE and Safari if changing. Markup is <a class="contextHelp">.</a> */
    text-decoration: none;
    padding: 0 6px;
    background: url(/noFrame/img/context.gif) 0 -99px no-repeat;
    font-size: 20px;
    color: #fff;
    line-height: 100%;
}

a.contextHelp:hover {
    background-position: 0 -199px;
    color: #fff;
}

.noContentMsg {
	padding: 15px 0 .36em 0;
}

/* specific sections -------------------------------------*/

/* OTC Safety/Pharmacology --*/

.otcsafety ul {
    margin-top: 0.6em;
}

/* Black Box Warnings------------*/

div#blackbox {
    margin: 10px 10px 0 0;
    padding: 12px 20px 10px;
    background-color: #ffffd5;
    border: 1px solid #000;
    color: #000;
}

#blackbox h3 {
    padding: 0;
}

/* Patient Education------------*/
#h img {
    height: 38px;
    width: 35px;
    margin-right: 5px;
    clear: left;
    float: left;
}

#h ul,
#h h3,
#h ol,
#h p {
    clear: left;
}

.rx_showlang {
    font-size: 11px;
}

hr {
    margin: 14px 0;
    height: 1px;
    color: #ddd;
    background-color: #ddd;
}

/* Pill Pics ----------------*/

.rx_pillpic {
    border: 0;
    border-collapse: collapse;
    padding: 0;
}

.rx_pillpic td {
    font-weight: bold;
    font-size: 12px;
    width: 285px;
    list-style: none;
    padding-bottom: 20px;
}

.rx_pillpic img {
    width: 216px;
    border: 2px solid #D9E4EF;
}

/* Other info--------------*/

#other ul { /* lists without list look or bullets */
    padding-left: 0;
}
#other li {
    list-style-image: none; /*IE*/
    list-style: none;
}

/* reported dose --------*/

.reportedDoseHeader {
    color: #c00;
    font-weight: bold;
}

/* disclaimer -------------*/

.legal p,
.legalcenter p,
p.legalcenter,
p.legal {
    font-size: 11px;
    color: #555;
}

#monograph div.legal,
.legal {
    border-top: 1px solid #ddd;
    padding: 1.3em 0 1.3em 1.3em;
    clear: both;
}

p.legalcenter {
    text-align: center;
    border-top: none;
}

/* Interactions ---------------- see line 800 of monographEolV2.css */

a.rx_pop,
#monograph .interactions a {
    text-decoration: none;
    border-bottom: 1px dotted #039;
    cursor: default;
/*    display: inline;
    position: relative;*/
}

a.rx_pop:hover,
#monograph .interactions a:hover {
    background-color: #ddd;
    border-bottom: 1px solid #555;
    color: #555;
}
.msection .rx-warn {
    color: #970F17;
}

/* multibrand alert-----------------------*/
#monograph .multibrand_Alert {
    margin: 20px 40px 20px 20px;
    width: 730px;
}

*html #monograph .multibrand_Alert {
    height: 403px;
}

#monograph .multibrand_Alert h2 {
    font-weight: normal;
    color: #373851;
}

#monograph .multibrand_Alert h2 em {
    font-weight: bold;
}
/* Med Tools -------------------------*/

.m-tools h1 {
    padding-left: 16px;
}

.m-tools ul {
    background: #FFF;
    font-size: 12px;
}

.m-tools li {
    border-bottom: 1px solid #C1CEDD;
    padding: 4px 16px;
}

/* lookup formulary in widget, not in monograph ---------------------------------------------*/

.formulary_lookup { /* from inline style */
     border: none;
     width: 790px;
     clear: both;
     padding: 0 0 0 5px;
}

.formulary_lookup fieldset {  /* there are 3 #formularyinfo  all in fieldsets */
    font-size: 11px;
    border: none;
    margin: 0;
    padding: 0;
}

#portkey-label { /* for floated close link*/
    width: 771px;
}

#formularyInputChoice {
    background: url(/noFrame/img/formulary.gif) no-repeat scroll top right #F2F5F9;
    position: relative;
    border: 1px solid #CCD7E1;
    font-size: 10px;
    margin: 0 5px 0 0;
    padding: 0 18px 0 5px;
    width: 300px;
    overflow: hidden;
    float: left;
    display: inline;        /*IE*/
    display: inline-block;    /*FF*/
}

#formularyInputChoice a {
    text-decoration: none;
    margin-right: 5px;
}

#portkey-label span {
    float: left;
    padding-right: 5px;
}

div#formularyChoiceContainer {
    position: absolute;
    top: 57px;
    left: 90px;
    line-height: .1px;
    z-index: 1190;
}

#formularyChoiceContainer ul {
    line-height: 100%;
    font-size: 10px;
    color: #000;
    background-color: #fff;
    border: 1px solid #607bae;
    overflow: hidden;
    white-space: nowrap;
    width: 23.5em;
    padding-bottom: 7px;
    min-height: 14px; /*FF*/
    max-height: 400px;
    overflow-y: auto;
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); /* webkit box shadow */
}

#formularyChoiceContainer li {
    height: 15px;
    list-style: none;
}

#formularyChoiceContainer a {
    font-size: 12px;
    text-decoration: none;
    width: 100%;
    padding-left: 10px;
    padding: 3px 5px 3px 10px;
    display: block;
    cursor: pointer;
    color: #000;
}

#formularyChoiceContainer a:hover {
    background-color: #d9e4ef;
    text-decoration: none;
}

.selectedF {
    background-color: #d9e4ef;
    font-weight: bold;
}

.edit-formulary #formularyInputChoice { /* Edit Formulary Page*/
    color: #bbb;
}

 /* ----------------------Formulary inside monograph -----------------------------------------*/
.rx_Formulary {
    width: 500px;
    padding: 0;
}

div#monograph .rx_Formulary { /* IE hack to make formulary area close when no formulary selected */
    font-size: .01%;
}

.rx_Formulary fieldset { /* there are 3 #formularyinfo  all in fieldsets */
    border-width: 0;
    border: none;
}

.monSelectedFormulary {
    line-height: 28px;
    font-weight: bold;
    margin: 0 1em 0 20px;
}

div#monograph .rx_Formulary span,            /* unhacking IE font size hack above */
div#monograph .rx_Formulary a,
div#monograph #showTrailFormulary {
    font-size: 11px;
}

#showTrailFormulary {
    position: absolute;
    top: 0;
    left: 145px;
    z-index: 100;
    min-width: 150px;
    max-width: 300px;
    overflow: hidden;
}

*html #showTrailFormulary {
    width: 300px;
}

#monograph #codeinfoInner {
    border: 1px solid #d3d8de;
}

/*#codeInfoForm {   this is in templateEOLv2
    background: #EBEFF5 none repeat scroll 0 0;
    font-size: 12px;
    height: auto;
    width: auto;
    padding: 5px;
}*/

.formularyClose {
    background: url(/noFrame/img/ico_close.gif) left center no-repeat;
    padding-left: 16px;
    float: right;
}

/* Overlay */
.overlay {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /* IE 5-7 */
    filter: alpha(opacity=0);
    /* Netscape */
    -moz-opacity: 0;
    /* Safari 1.x */
    -khtml-opacity: 0;

    opacity:    0;
    background: #FFFFFF;
    width:      100%;
    height:     100%;
    z-index:    10;
    top:        0;
    left:       0;
    position:   fixed;
}

#interactionOverview #io-hr {
    margin: 10px 300px 10px 0;
    border-top: 1px solid #CCCCCC;
}

.formularyDisable {
    z-index: 1000;
    border: medium none;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgb(0,0,0);
    opacity: 0.6;
    cursor: auto;
    pointer-events: none;
}