/* TYPE YOUR OWN CSS HERE */
header .logo {display:none}
#header{height: 30px;
padding-top:10px;
background-color: #35b5b4}
img#headerBanner{height:auto; width:100%; display:block;margin:0;}
.main-nav li {font-size:16px;padding-right:10px}
@media screen and (min-width: 200px) {
        img#headerBanner{margin-top:20px}
        nav#sub-nav {background-color: #35b5b4;
        height: 15px;
        padding-top: 15px;
        margin-top: 0px;
        left:100px;top:0}
        #sub-nav>ul.main-nav {margin-top:0px;margin-left:50px;
        display:inline-block;}
        #sub-nav .user-menu {margin-top:10px;}

/* Replace ONLY the UpToDate tab text with the image */
#tabbed-widget-content_83116 ul.tabbed-widget-tabs > li:last-child > a {
    display: inline-block !important;
    width: 120px !important;                 /* adjust if needed */
    height: 28px !important;                 /* adjust if needed */
    background-image: url('https://maxhealthcare.ovidds.com/ui/shared/UptoDate-logo%20Transparent.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;

    text-indent: -9999px !important;         /* hides the text */
    overflow: hidden !important;
    padding: 0 !important;                   /* removes extra spacing */
    margin: 0 !important;
    line-height: 34px !important;
}

/* Maintain hover and active state behavior */
#tabbed-widget-content_83116 ul.tabbed-widget-tabs > li:last-child:hover > a,
#tabbed-widget-content_83116 ul.tabbed-widget-tabs > li:last-child.active > a {
    text-indent: -9999px !important;
    background-image: url('https://maxhealthcare.ovidds.com/ui/shared/UptoDate-logo%20Transparent.png') !important;
    background-size: contain !important;
}
