/* ---------------- link-icons ------------------------ */

/* remove bullets and margin for links w/ icons */
.file-list li {
    margin-left: -1.5em;
    list-style-type: none;
    border-top: 1px solid #CCC;
    padding: 5px 0;
}

/* Small Icons */
.iconic {
    padding: 2px 0 2px 22px;
    margin: -2px 0;
    background-repeat: no-repeat;
    background-position: left top;
}

/* DIRECTORY */

.directory li {
    margin: 0 20px 12px 0;
    list-style-type: none;
    float: left;
}

    .directory li a, a.directory, input[type="submit"].directory {
        padding: 5px 7px 5px 27px;
        margin: -2px 0;
        background-repeat: no-repeat;
        background-position: 5px center;
        text-decoration: none;
        color: #333;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: #999 0px 1px 2px;
        -moz-box-shadow: #999 0px 1px 2px;
        box-shadow: #999 0px 1px 2px;
        border: 1px solid #dedede;
        border-top: 1px solid #eee;
        border-left: 1px solid #eee;
        background-color: #f5f5f5;
    }

    .directory li a {
        display: inline-block;
        margin: 0;
    }

/*a.directory {
  display: inline-block;
}*/

.directory.fixed-width li a, .directory.fixed-width-medium li a {
    width: 200px;
}

.directory.fixed-width-small li a {
    width: 100px;
}

.directory.fixed-width-large li a {
    width: 300px;
}

.directory a:hover, a:hover.directory, .directory a.active {
    background-color: #dff4ff;
    border: 1px solid #c2e1ef;
}

.directory a:active, a:active.directory {
    background-color: #6299c5;
    border: 1px solid #6299c5;
}


input[type="submit"]:hover.directory {
    cursor: pointer;
    background-color: #dff4ff;
    outline: none;
}