﻿.siteheader {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #cccccc;
    height: 30px;
    padding: 5px 10px;
    /*min-width:950px;*/
}

    .siteheader .logo {
        margin: 0 30px 0 0px;
        width: 90px;
        height: 30px;
        background-image: url("../images/logo.png");
        float: left;
    }

        .siteheader .logo.prebeta {
            background-image: url("../images/logo-prebeta.png");
        }

        .siteheader .logo.beta {
            background-image: url("../images/logo-beta.png");
            padding: 0px;
        }

    .siteheader nav.mainnav {
        line-height: 30px;
        vertical-align: middle;
    }

        .siteheader nav.mainnav li {
            float: left;
            padding-right: 15px;
        }

            .siteheader nav.mainnav li a {
                font-size: 16px;
                text-decoration: none;
                color: #4d4d4d;
            }

            .siteheader nav.mainnav li:hover a,
            .siteheader nav.mainnav li.active a {
                color: #F25822;
            }

    .siteheader .settings, .siteheader .search, .siteheader .loading {
        float: right;
    }

    .siteheader .loading {
        line-height: 30px;
        margin-right: 10px;
        display: none;
    }


    .siteheader .search {
        position: relative;
        background-color: #4d4d4d;
        width: 250px;
    }

        .siteheader .search input[type="text"] {
            color: #fff;
            border: none !important;
            height: 20px;
            width: 210px;
            background: #4d4d4d;
        }

#search_results {
    position: absolute;
    display: none;
    background-color: #4d4d4d;
    min-width: 258px;
    max-width: 700px;
    padding: 0px;
    right: 0px;
    border: 1px solid #909090;
    z-index: 1000;
}


    #search_results UL {
        list-style-type: none;
    }

        #search_results UL LI {
            list-style: none;
            color: #FFF;
            font-size: 14px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            padding: 5px;
            margin: 5px;
        }

            #search_results UL LI.active:hover, #search_results UL LI.active.hover {
                background-color: #F25822;
                cursor: pointer;
            }

            #search_results UL LI .highlight {
                font-weight: bold;
            }

            #search_results UL LI.recent {
                border-top: 1px solid #909090;
                margin: 0px;
                padding: 10px;
                font-size: 18px;
            }

#helpChat {
    float: right;
    padding: 8px 0;
    margin-right: 10px;
}

    #helpChat span {
        font-size: 15px;
        /*display: block;*/
        display: inline-block;
        font-style: italic;
    }

        #helpChat span a {
            font-size: 1.6rem;
            color: #F25822;
            font-weight: 400;
            text-decoration: none;
        }

            #helpChat span a:hover {
                font-weight: 500;
            }

DIV.notify {
    background-color: #F25822;
    color: #FFF;
    font-weight: bold;
    padding: 5px;
    min-width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
}

@media all and (max-width: 1050px) {

    .siteheader .logo {
        width: 31px !Important;
        margin-right: 10px;
    }

    .siteheader .search {
        width: 175px;
    }

    .siteheader .loading {
        display: none !important;
    }

    .siteheader .search input[type="text"] {
        width: 135px;
    }
}

/* HH: WHS/CONGU indicator, this is temp - 
    (eventually everything gets removed)
    so I'm placing it here. */
@-webkit-keyframes basic-blink {
    to {
        opacity: 0;
    }
}

