/* 
************************************************************************** 
*/


#iribbon-container {
    font-family: Arial, Helvetica, sans-serif;
    width: 100%;
    color: #fff;
    height: 35px;
    float: left;
    font-size: 13px;
    line-height: 18px;
    position: absolute;
    top: 0;
    z-index: 99999;
}


    #iribbon-container a {
        color: #fff;
    }


#iribbon-title {
    height: 16px;
    width: 92px;
    background: url('../Images/iribbon-logo.gif') no-repeat top center;
    font-size: 0em;
    color: #525a5c;
    margin: 10px auto;
    clear: both;
    cursor: pointer;
}

div#iribbon-wrapper {
    background: #525A5C;
    border-bottom: 1px solid #A5ACAF;
    position: absolute;
    width: 96%;
    padding: 0 2%;
}

#iribbon-detail {
    /*display:none;*/
    overflow: hidden;
    max-height: 0;
    max-width: 1180px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    transition: max-height ease-in-out 500ms;
}

#iribbon-right,
#iribbon-left {
    max-width: 570px;
    width: 47%;
    float: left;
    margin: 40px 0;
}

@media(max-width:600px) {
    .iribbon-mainlink {
        display: block !important;
    }

    #iribbon-detail ul li {
        border-right: none !important;
        padding: 5px !important;
    }
}

#iribbon-right {
    float: right;
    border-left: 1px solid #A5ACAF;
    padding-left: 2%;
}

#iribbon-detail p:last-child {
    margin-bottom: 0;
}

#iribbon-detail ul,
#iribbon-detail ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
}

    #iribbon-detail ul li {
        padding: 0 10px 0 5px;
        line-height: 1em;
        border-right: 1px solid #A5ACAF;
    }

        #iribbon-detail ul li:last-child {
            border: 0;
        }

        #iribbon-detail ul li a {
            text-transform: uppercase;
        }

        #iribbon-detail ul li.iribbon-mainlink {
            border: 0;
            padding-left: 0;
        }

            #iribbon-detail ul li.iribbon-mainlink a {
                text-transform: none;
                font-weight: bold;
            }


.show #iribbon-detail {
    max-height: 400px;
}

.show #iribbon-title {
    background-position: bottom center;
}


/* ie specific classes */
.ie body.show .outer {
    padding-top: 1px;
}