body.login-page {
    background: url('https://van.preservation.mirrorweb.com/public/20250221000429oe_/http://cdn.vanderbilt.edu/vu-www4/login/LoginBG.jpg') bottom center;
    background-size: cover;
}

.login-logo {
    background: #222;
    padding: 10px 0px 15px 0px;
    margin: 0;
}

.login-logo img {
    width: 90%;
}

.form-box {
    margin-top: 30px !important;
}

/* staff table td backgrounds */
.bgdulmesae {
    background: url('https://van.preservation.mirrorweb.com/public/20250221000429oe_/https://www.gravatar.com/avatar/18bf2d178bf23993455fd75dedfc8715?s=25&d=monsterid') 0px 10px no-repeat;
}

.bgfoxes {
    background: url('https://van.preservation.mirrorweb.com/public/20250221000429oe_/https://www.gravatar.com/avatar/5286b59aea7bbcf82e534e59e3dadb7d?s=25&d=monsterid') 0px 10px no-repeat;
}

.bglinkja {
    background: url('https://van.preservation.mirrorweb.com/public/20250221000429oe_/https://www.gravatar.com/avatar/90aa5975551e7e439ef74548c73b315c?s=25&d=monsterid') 0px 10px no-repeat;
}

.bgruizc {
    background: url('https://van.preservation.mirrorweb.com/public/20250221000429oe_/https://www.gravatar.com/avatar/e8462d7f60f074a75c5cfc05438822af?s=25&d=monsterid') 0px 10px no-repeat;
}

.bgcraigc1 {
    background: url('https://van.preservation.mirrorweb.com/public/20250221000429oe_/https://www.gravatar.com/avatar/cfda3ce5cf5d06d81d2302b3529acdda?s=25&d=monsterid') 0px 10px no-repeat;
}

.bgfieldsjc {
    background: url('https://van.preservation.mirrorweb.com/public/20250221000429oe_/https://www.gravatar.com/avatar/cdad0cc4d5f4dd409a369a378fb4dd16?s=25&d=monsterid') 0px 10px no-repeat;
}

.bgkirkwoj {
    background: url('https://van.preservation.mirrorweb.com/public/20250221000429oe_/https://www.gravatar.com/avatar/6692c86f64f1f46930852e106d03c77c?s=25&d=monsterid') 0px 10px no-repeat;
}

.bgmandevjc {
    background: url('https://van.preservation.mirrorweb.com/public/20250221000429oe_/https://www.gravatar.com/avatar/48a5e701fd2d5bd550a63a310c6883d4?s=25&d=monsterid') 0px 10px no-repeat;
}

.bgwebbk {
    background: url('https://van.preservation.mirrorweb.com/public/20250221000429oe_/https://www.gravatar.com/avatar/ab41fc2e53076d210f26e1382a3654c7?s=25&d=monsterid') 0px 10px no-repeat;
}

.bgtitel {
    background: url('https://van.preservation.mirrorweb.com/public/20250221000429oe_/https://www.gravatar.com/avatar/f2dfbd509dc0b67b2636ed9aff32f191?s=25&d=monsterid') 0px 10px no-repeat;
}

.bgcatanims {
    background: url('https://van.preservation.mirrorweb.com/public/20250221000429oe_/https://www.gravatar.com/avatar/3adfec671ae136db128bc86e937242c4?s=25&d=monsterid') 0px 10px no-repeat;
}

.bgpetrunm {
    background: url('https://van.preservation.mirrorweb.com/public/20250221000429oe_/https://www.gravatar.com/avatar/e0962f8474ec7d9e7aefea909695dc5f?s=25&d=monsterid') 0px 10px no-repeat;
}

.bgfullerra {
    background: url('https://van.preservation.mirrorweb.com/public/20250221000429oe_/https://www.gravatar.com/avatar/2a69b5932e4383761298a523ccc173da?s=25&d=monsterid') 0px 10px no-repeat;
}

.bghannerka {
    background: url('https://van.preservation.mirrorweb.com/public/20250221000429oe_/https://www.gravatar.com/avatar/c1b1a7a80d0b3751d45a8a4be37acf49?s=25&d=monsterid') 0px 10px no-repeat;
}

/* inactive and generic */
.bgwilli489,
.bgwynnskj,
.bghillsjb,
.bgpaschajl,
.bgmeredibe,
.bgwillica1,
.bgmcanaljf,
.bgclient {
    background: url('staff/client.jpg') 0px 10px no-repeat;
}

/* button icons */
a.add,
a.edit,
a.delete,
a.comm,
a.view,
a.email,
a.link,
a.blog,
a.csv,
a.date,
a.taskopen,
a.taskclosed {
    text-decoration: none;
    border: 0 !important;
    padding: 0px 0px 3px 25px;
    margin-right: 10px;
}

a.add {
    background: url('icons/add.png') top left no-repeat !important;
}

a.edit {
    background: url('icons/editme.png') top left no-repeat !important;
}

a.delete {
    background: url('icons/delete.png') top left no-repeat !important;
}

a.comm {
    background: url('icons/note.png') top left no-repeat !important;
}

a.view {
    background: url('icons/profile.png') top left no-repeat !important;
}

a.email {
    background: url('icons/email.png') top left no-repeat !important;
}

a.link {
    background: url('icons/link.png') top left no-repeat !important;
}

a.blog {
    background: url('icons/blog.png') top left no-repeat !important;
}

a.csv {
    background: url('icons/csv.png') top left no-repeat !important;
}

a.date {
    background: url('icons/date.png') top left no-repeat !important;
}

a.taskopen {
    background: url('icons/check-small-grey.png') top left no-repeat !important;
}

a.taskclosed {
    background: url('icons/check-small.png') top left no-repeat !important;
}

/* project status */
span.inprogress {
    display: block;
    background: url('icons/inprogress.png') top left no-repeat;
    width: 16px;
    height: 16px;
    text-indent: -99999px;
}

span.onhold {
    display: block;
    background: url('icons/onhold.png') top left no-repeat;
    width: 16px;
    height: 16px;
    text-indent: -99999px;
}

span.withclient {
    display: block;
    background: url('icons/withclient.png') top left no-repeat;
    width: 16px;
    height: 16px;
    text-indent: -99999px;
}

span.cancelled {
    display: block;
    background: url('icons/cancelled.png') top left no-repeat;
    width: 16px;
    height: 16px;
    text-indent: -99999px;
}

span.completed {
    display: block;
    background: url('icons/complete.png') top left no-repeat;
    width: 16px;
    height: 16px;
    text-indent: -99999px;
}

span.perpetual {
    display: block;
    background: url('icons/perpetual.png') top left no-repeat;
    width: 16px;
    height: 16px;
    text-indent: -99999px;
}

span.pending {
    display: block;
    background: url('icons/pending.png') top left no-repeat;
    width: 16px;
    height: 16px;
    text-indent: -99999px;
}

/* In Out Board */
table.inout td {
    border-bottom: 1px solid #FFF;
    border-left: 1px solid #FFF;
}

tr.you td {
    background-color: #e6efc2;
}

tr.callperson td {
    border-top: 2px solid #C00 !important;
    border-bottom: 1px solid #C00 !important;
}

td.in {
    background: #6C0 !important;
    color: #FFF;
}

td.out {
    background: #C00 !important;
    color: #FFF;
}

td.lunch {
    background: #39F !important;
    color: #FFF;
}

td.meeting {
    background: #F93 !important;
    color: #FFF;
}

td.home {
    background: teal !important;
    color: #FFF;
}

td.vacation {
    background: #CCC !important;
    color: #FFF;
}

td.leave {
    background: #CCC !important;
    color: #FFF;
}

td.sick {
    background: #666 !important;
    color: #FFF;
}

td.gone {
    background: #333 !important;
    color: #FFF;
}

td.inouttime span {
    font-size: 0.85em;
    background: url('icons/clock.png') top left no-repeat;
    padding-left: 18px;
}

.inoutfilters button {
    font-size: 1.3em;
    padding: 6px 10px;
    margin-bottom: 10px;
    background: #FFF;
    border: 1px solid #CCC;
}

button#showall {
    background: #CCC;
    color: #FFF;
    border: 1px solid #CCC;
}

/* page numbers */
.thispage {
    padding: 3px 5px;
    font-weight: bold;
    background: #666;
    color: #FFF;
}

.pagenumbers a:link,
.pagenumbers a:visited {
    padding: 3px 5px;
    background: #FAFAFA;
    border: 1px solid #CCC;
    text-decoration: none;
    color: #369;
    margin-right: 3px;
}

.pagenumbers a:hover {
    background: #333;
    color: #FFF;
}

span.uppergrey {
    text-transform: uppercase;
    font-size: 0.85em;
    color: #555;
}

textarea.simpletiny {
    width: 100%;
    height: 150px;
    font-size: 14px;
    line-height: 18px;
    border: 1px solid #dddddd;
    padding: 10px;
}

textarea.simplenada {
    width: 100%;
    height: 50px;
    font-size: 14px;
    line-height: 18px;
    border: 1px solid #dddddd;
    padding: 10px;
}

textarea.simpletall {
    width: 100%;
    height: 500px;
    font-size: 14px;
    line-height: 18px;
    border: 1px solid #dddddd;
    padding: 10px;
}

tr.privatenote td {
    background-color: #CCC !important;
    color: #333;
}

tr.privatenote td span {
    color: #C00 !important;
    font-weight: bold;
}

.multiselectnames,
.multiselectproject,
.multiselectnotify {
    width: 100%;
}

.notes {
    hyphens: auto;
    word-break: normal;
    -ms-word-break: break-all;  /* Non standard for webkit */
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

/*
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
////////////////////
table must have class = collapsehelp
////////////////////
*/
@media
only screen and (max-width:760px), (min-device-width:768px) and (max-device-width:1024px) {

    /* Force table to not be like tables anymore */
    table.collapsehelp,
    .collapsehelp thead,
    .collapsehelp tbody,
    .collapsehelp th,
    .collapsehelp td,
    .collapsehelp tr {
        display: block;
    }

    /* Hide table headers */
    table.collapsehelp thead {
        display: none;
    }

    table.collapsehelp tr {
        border: 1px solid #ccc;
    }

    table.collapsehelp>tbody>tr>td {

        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
    }

    table.collapsehelp>tbody>tr>td:before {

        /* Now like a table header */
        position: absolute;     /* Top/left values mimic padding */
        top: 7px;
        left: 7px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }

    table.collapsehelp>tbody>tr>td:nth-of-type(1) {
        padding-left: 7px;
    }

    /*
    Label the data
    */
    table.collapsehelp tr td:nth-of-type(2):before {
        content: "Opened/\00000AUpdated:";
    }

    table.collapsehelp tr td:nth-of-type(3):before {
        content: "Name:";
    }

    table.collapsehelp tr td:nth-of-type(4):before {
        content: "Excerpt:";
    }

    table.collapsehelp tr td:nth-of-type(5):before {
        content: "Urgency:";
    }

    table.collapsehelp tr td:nth-of-type(6):before {
        content: "Staff:";
    }

    /*
    Adjust the Staff icon locations
    */
    table.collapsehelp td.bgtitel {
        background: url('staff/titel-icon.jpg') 55% 50% no-repeat;
        height: 50px;
    }

    table.collapsehelp td.bgfoxes {
        background: url('staff/foxes-icon.jpg') 55% 50% no-repeat;
        height: 50px;
    }

    table.collapsehelp td.bgcatanims {
        background: url('staff/catanims-icon.jpg') 55% 50% no-repeat;
        height: 50px;
    }

    table.collapsehelp td.bgwynnskj {
        background: url('staff/wynnskj-icon.jpg') 55% 50% no-repeat;
        height: 50px;
    }

    table.collapsehelp td.bgcraigc1 {
        background: url('staff/craigc1-icon.jpg') 55% 50% no-repeat;
        height: 50px;
    }

    table.collapsehelp td.bgfieldsjc {
        background: url('staff/fieldsjc-icon.jpg') 55% 50% no-repeat;
        height: 50px;
    }

    table.collapsehelp td.bgfullerra {
        background: url('staff/fullerra-icon.jpg') 55% 50% no-repeat;
        height: 50px;
    }

    table.collapsehelp td.bgmandevjc {
        background: url('staff/mandevjc-icon.jpg') 55% 50% no-repeat;
        height: 50px;
    }

    table.collapsehelp td.bgpetrunm {
        background: url('staff/petrunm-icon.jpg') 55% 50% no-repeat;
        height: 50px;
    }

    table.collapsehelp td.bgruizc {
        background: url('staff/ruizc-icon.jpg') 55% 50% no-repeat;
        height: 50px;
    }

    table.collapsehelp td.bgwebbk {
        background: url('staff/webbk-icon.jpg') 55% 50% no-repeat;
        height: 50px;
    }

    table.collapsehelp td.bglinkja {
        background: url('staff/linkja-icon.jpg') 55% 50% no-repeat;
        height: 50px;
    }

    table.collapsehelp td.bgdulmesae {
        background: url('staff/dulmesae-icon.jpg') 55% 50% no-repeat;
        height: 50px;
    }

    table.collapsehelp td.bgkirkwoj {
        background: url('staff/kirkwoj-icon.jpg') 55% 50% no-repeat;
        height: 50px;
    }

}