#w-header, .dir-header {
    background-color: #FFFFFF;
}

/* , .cover-container .cover-title */
h1, h2, h3, h4, h5, h6, .h7, .h8, .search-res .search-res-path {
    color: #000080;
}

.subsection-container, .cluster-load div, .sprAtoms-load div, .load-more {
    background-color: #F3F3F3;
}

#content a, span.Hyperlink, .search-res .search-res-title, .search-res-sub-expand {
    color: #000080;
}

.header-button, .search-icon {
    color: #7e7e7e ;
}

.header-button:hover, .search-icon:hover {
    color: #2b2b2b;
}

.search-q::-webkit-input-placeholder {
    color: #7e7e7e;
}

#w-content-pane {
 background-color: white;
}

#w-content-wait, #w-not-found {
 background-color: #F3F3F3;
 color: #404040;
}

#w-navi {
 background-color: #F3F3F3;
 color: #7e7e7e;
}
.dir-list {
 background-color: #F3F3F3;
}

/*#navi .navi-btn > label {
    border-bottom: 1px solid #eaeaea;
}*/

@media (min-width: 1380px) {
    article {
        -webkit-box-shadow: 0px 0px 4px #cccccc;
        -moz-box-shadow: 0px 0px 4px #cccccc;
        box-shadow: 0px 0px 4px #cccccc;
    }
}

@media (min-width: 980px) and (max-width: 1379px) {
    article {
        -webkit-box-shadow: 0px 0px 4px #cccccc;
        -moz-box-shadow: 0px 0px 4px #cccccc;
        box-shadow: 0px 0px 4px #cccccc;
    }
}

.dir-container {
    background-color: #eaeaea;
}

#content::-webkit-scrollbar-track-piece {
        background: #FFFFFF;
}

.dir-list::-webkit-scrollbar-track-piece {
        background: #FFFFFF;
}

.dir-msg {
    color: #7e7e7e;
}