/********************************/
/*********** leftNav ************/

#leftNav {
    position: relative;
    left: 0.8em;
    padding-bottom: 5em;
    width: 250px;
    display: inline-block;
}


a.imageButton {
    width: 207px;
    height: 23px;
    border: none;
    display: block;
    margin-bottom: 10px;
    padding-top: 10px;
}

    a.imageButton span {
        display: none;
    }

.old-buttons {
    display: none;
}

.new-buttons .btn-appname {
    display: none;
}

.new-buttons, .new-buttons a {
    display: block !important;
}


/**********************************/
/************* Authenticated Nav *************/
.authenticated-nav {
}

    *html .authenticated-nav h3, .communicate h3 {
        height: 100%;
    }

    *html .communicate ul.contentNav, .authenticated-nav ul {
        font-size: 0.9em;
        height: 100%;
    }

.contentNav {
    border-top: none;
    margin-top: -5px;
}


.authenticated-nav h3, .communicate h3, .new-buttons a {
    padding: 6px;
    background-color:#ffd300;  
    background-position: bottom right;
    background-repeat: no-repeat;
    color: #011c2c;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 7px;
}


    .authenticated-nav h3:hover, .communicate h3:hover, .new-buttons a:hover {
        text-decoration: underline;
    }

    .communicate h3 a {
        color: #011c2c;
    }

#logout-nav {
    border: dashed 1px #F49200;
    margin-bottom: 10px;
}

    #logout-nav ul li span {
        background: none;
    }

/**********************************/
/************* Communicate *************/
.communicate, #details-nav, #jobs-nav, #workgroups-nav, #events-nav {
    margin-bottom: 9px;
}

    .communicate ul.contentNav, .authenticated-nav ul {
        font-size: 0.9em;
    }

    .communicate ul, .authenticated-nav ul {
        list-style: none;
        padding: 0;
    }

        .communicate ul li span, .authenticated-nav ul li span {
            padding: 3px 0 3px 0px;
            display: inline;
            width: 180px;
            background: url('images/dotted_underline.gif') repeat-x bottom;
        }

            .communicate ul li span.underline.no {
                background: none;
            }
