/* mobile layout*/
@media (max-width: 419px) {
    div.logo-bar {
        height: 70px;
    }

    div.logo-bar #left-logo {
        top: 1px;
        left: 0;
        width: 330px;
        height: 150px;
        background-image: url('../images/cer_logo.png'); /* dimensions of logo = 1360 x 424   */
    }

    div.logo-bar #right-logo {
        display: none;
    }

    #page-top div.title-bar { /* to improve presentation of logo bar at small screen */
        width: 98%;
    }

}

/* wider screen mobile layout*/
@media (min-width: 420px) {
    div.logo-bar {
        height: 75px;
    }

    div.logo-bar #left-logo {
        top: 1px;
        left: 0;
        width: 330px;
        height: 150px;
        background-image: url('../images/cer_logo.png'); /* dimensions of logo = 466 x 118   */
    }

    div.logo-bar #right-logo {
        display: none;
    }
}

/* smallscreen layout*/
@media (min-width: 600px) {
    div.logo-bar {
        height: 100px;
    }

    div.logo-bar #left-logo {
        top: 6px;
        left: 10px;
        width: 330px;
        height: 150px;
        background-image: url('../images/cer_logo.png'); /* dimensions of logo = 466 x 118   */
    }

    div.logo-bar #right-logo {
        top: 33px;
        right: 0;
        width: 200px;
        height: 52px;
        background-image: url('/_resources/images/Orima_Logo.png'); /*  dimensions of logo = 400 x 103  */
        display: inline-block;
    }
}

/* desktop layout  */
@media (min-width: 800px) {
    div.logo-bar {
        height: 110px; /* set height to accommodate size of logos */
    }

    div.logo-bar #left-logo {
        top: 0;
        left: 10px;
        width: 456px;
        height: 114px;
        background-image: url('/_resources/images/logos/cer_logo.png'); /* dimensions of logo = 466 x 118   */
    }

    div.logo-bar #right-logo {
        top: 37px;
        right: 10px;
        width: 250px;
        height: 64px;
        background-image: url('/_resources/images/Orima_Logo.png'); /*  dimensions of logo = 400 x 103  */
    }
}

/*div.tooltip div.tooltip-inner  {
    font-family: verdana;
    font-size: 14px;
    padding-top: 20px;
}*/

div.tooltip ul li {
    font-family: verdana;
    font-size: 14px;
}