#loginposition {
    float: right;
}

#content div.griffith-help {
    border: #dddddd dotted 1px;
    background-color: #ddeeff;
    color: #555555;
    padding: 0.5em;
}

span.informationabout {
    display: block;
    padding: 0.3em 0.7em 0.3em 1.8em;
    background: transparent url(/00/icons/information-about-16.png) 0 0.1em no-repeat;
}

a.icon, a.edit, a.schedule, a.up, a.down, a.delete, a.user-edit, a.prompt-edit, a.user-delete, a.prompt-delete, a.view-output, a.cancel, a.save, a.sort-alpha, a.sort-date, a.repair, a.view, a.update, a.history, a.viewlog, a.viewmigs, a.add-editor, a.remove, a.add {
    display: block;
    padding: 0.3em 0.7em 0.3em 1.8em;
}

a.edit {
    background: transparent url(/00/icons/edit-16.png) 0 0.1em no-repeat;
}

a.schedule {
    background: transparent url(/00/icons/sort-by-date-16.png) 0 0.1em no-repeat;
}

a.up {
    background: transparent url(/00/icons/up-16.png) 0 0.1em no-repeat;
}

a.down {
    background: transparent url(/00/icons/down-16.png) 0 0.1em no-repeat;
}

a.delete {
    background: transparent url(/00/icons/delete-16.png) 0 0.1em no-repeat;
}

a.user-edit, a.prompt-edit {
    background: transparent url(/00/icons/edit-administrator-16.png) 0 0.1em no-repeat;
}

a.user-delete, a.prompt-delete {
    background: transparent url(/00/icons/delete-administrator-16.png) 0 0.1em no-repeat;
}

a.view-output {
    background: transparent url(/00/icons/records-16.png) 0 0.1em no-repeat;
}

a.cancel {
    background: transparent url(/00/icons/cancel-16.png) 0 0.1em no-repeat;
}

a.save {
    background: transparent url(/00/icons/save-16.png) 0 0.1em no-repeat;
}

a.sort-alpha {
    background: transparent url(/00/icons/sort-by-name-16.png) 0 0.1em no-repeat;
}

a.sort-date {
    background: transparent url(/00/icons/sort-by-date-16.png) 0 0.1em no-repeat;
}

a.repair {
    background: transparent url(/00/icons/wizard-16.png) 0 0.1em no-repeat;
}

a.view {
    background: transparent url(/00/icons/open-file-16.png) 0 0.1em no-repeat;
}

a.update {
    background: transparent url(/00/icons/application-configuration-16.png) 0 0.1em no-repeat;
}

a.history {
    background: transparent url(/00/icons/history-16.png) 0 0.1em no-repeat;
}

a.viewlog {
    background: transparent url(/00/icons/check-in-16.png) 0 0.1em no-repeat;
}

a.viewmigs {
    background: transparent url(/00/icons/export-user-data-16.png) 0 0.1em no-repeat;
}

a.add-editor {
    background: transparent url(/00/icons/add-user-16.png) 0 0.1em no-repeat;
}

a.remove {
    background: transparent url(/00/icons/remove-16.png) 0 0.1em no-repeat;
}

a.add {
    background: transparent url(/00/icons/add-16.png) 0 0.1em no-repeat;
}

div.deleted {
    background: transparent url(/00/icons/delete-16.png) 0 0.1em no-repeat;
}

div.added {
    background: transparent url(/00/icons/add-16.png) 0 0.1em no-repeat;
}

div.modified {
    background: transparent url(/00/icons/edit-16.png) 0 0.1em no-repeat;
}

.ctrl {
    padding: 4px;
}

.ctrl a {
    white-space: nowrap;
}

.allctrl {
    width: 100%;
    background-color: #eeeeee;
    text-align: center;
    vertical-align: middle;
    height: 2em;
    padding: 0 0.5em;
}

table.fullwidth {
    width: 100%;
}

#content #phonebooksearch {
    background: #eeeeee;
    padding: 10px;
    margin-bottom: 5px;
    border: 1px solid #cccccc;
}

#content #phonebooksearch label {
    display: block;
    margin-bottom: 5px;
}

#content table.search-results {
    width: 100%;
    border: none;
    border-bottom: 1px solid #cccccc;
}

#content table.search-results td, #content table.search-results th {
    padding: 7px 0 7px 7px;
    border: none;
}

#content table.search-results td {
    border-bottom: 1px solid #dfe2ea;
    vertical-align: top;
}

#content table.search-results td .phone {
    display: block;
    margin: 0 0 5px 0;
}

#content table.search-results td .ext {
    font-size: 0.8em;
    display: block;
}

#content table.search-results th {
    text-align: left;
    padding: 5px 0 5px 24px;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    font-weight: normal;
}

#content table.search-results caption {
    font-size: 1.3em;
}

#content table.search-results th.staff-member {
    background: #eeeeee url("../images/staff.png?1267775644") no-repeat 4px center;
}

#content table.search-results th.phone-number {
    background: #eeeeee url("../images/phone.png?1267775644") no-repeat 4px center;
    min-width: 110px;
}

#content table.search-results th.location {
    background: #eeeeee url("../images/location.png?1267775642") no-repeat 4px center;
}

#content table.search-results th.position {
    background: #eeeeee url("../images/position.png?1246412864") no-repeat 4px center;
}

#content table.search-results th.email-address {
    background: #eeeeee url("../images/email.png?1267775642") no-repeat 4px center;
}

#content table.search-results td.staff-member {
    vertical-align: top;
}

#content table.search-results td.staff-member a {
    font-weight: bold;
}

#content table.search-results tr.odd td {
    background: #eef0f4;
}

.hidden {
    display: none;
}

html #banner #logo a {
    display: block;
    text-decoration: none;
    text-indent: -9999px;
    width: 204px;
    height: 83px;
    overflow: hidden;
    background: transparent url("/images/griffith_international_logo.svg") 0 0 no-repeat;
}
html #banner {
    text-align: left;
    background-color: #fff;
    color: #000;
    height: 1%;
    padding-top: 10px;
}

html #breadcrumbs {
    border-bottom: none;
}

#page #content div.vcard {
    border: 1px solid #cccccc;
    padding: 1.5em 1em 0em 120px;
    background-image: url(https://www.griffith.edu.au/search/img/phonebook-logo.png);
    background-repeat: no-repeat;
    background-position: 2em 50%;
    background-attachment: scroll;
    min-height: 300px;
    margin-bottom: 2em;
}

#page #content div.vcard h2.name {
    margin-bottom: 0;
    padding-bottom: 0;
}

#page #content div.vcard p.title {
    font-style: italic;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

#page #content div.vcard p.org {
    margin-top: 0;
    padding-top: 0;
}

#page #content div.vcard ul {
    padding-left: 0;
    list-style-type: none;
    margin-top: 0.8em;
}

#page #content div.vcard ul li.griffith-location {
    margin-top: 1.5em;
}

#page #content div.vcard form.savevcard div.submit {
    margin: 0;
}

#content .unseen {
    visibility: hidden;
}

#content ul.browse {
    margin: 0.5em 0 1em 0;
    padding: 0;
}

#content ul.browse li {
    background: none;
    margin: 0 0 0 0;
    padding: 0;
    color: #7b94a1;
    display: inline;
}

#content ul.browse li a {
    padding: 0.5em 1em 0.5em 1em;
    display: block;
    text-decoration: none;
    color: #434343;
    text-shadow: 0px 1px 0px white;
}

#content ul.browse li ul {
    width: auto;
    border: none;
    margin: 0;
}

#content ul.browse li ul li {
    display: inline;
}

#content ul.browse li ul li ul {
    width: auto;
    border: none;
    margin: 0;
}

#content ul.browse li.selected-area a {
    padding: 0.5em 1em 0.5em 1em;
    border-bottom: 1px solid #cccccc;
    background: #eeeeee url(../images/eee-gradient.gif) repeat-x left top;
    font-weight: bold;
}

#content ul.browse li a:hover {
    background: #eeeeee;
    margin: 0px 0;
    color: red;
}

#content ul.browse li.selected-area ul li a {
    background: #cccccc url(../images/ccc-gradient.gif) repeat-x left top;
    padding: 0.5em 1em 0.5em 3em;
    border-bottom: 1px solid #bcbcbc;
    border-top: none;
    font-weight: normal;
    font-size: 1em;
    color: black;
}

#content ul.browse li.selected-area ul li a:hover {
    background: white;
    color: red;
}

#content ul.browse li.selected-area ul li ul li {
    display: inline;
}

#content ul.browse li.selected-area ul li ul li a {
    background: #eeeeee url(../images/eee-gradient.gif) repeat-x left top;
    padding: 0.5em 1em 0.5em 7em;
    border-bottom: 1px solid #cccccc;
    border-top: none;
    font-style: italic;
    color: black;
}

/* Alerts */

.box {
    display: flex;
    padding: 10px;
    flex: 32px 1;
    background: #eee;
    background-image: linear-gradient(#fff, #eee);
    border: 1px solid #dfdfdf;
    box-shadow: 0px 0px 10px #fff inset, 0px 3px 7px #eee;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

#content .box:hover img.box-icon {
    opacity: 1;
    transition: all 0.3s;
}

#content .box h2 {
    /* margin-left: auto; */
    color: #333;
}

#content .box a.inline-login-button {
    padding: 3px 6px;
    color: #c02424;
    border: 1px solid #c02424;
    background-color: #fefefe;
    text-decoration: none;
    border-radius: 3px;
    transition: all 0.4s ease-in-out;
}

#content a.inline-login-button:hover {
    text-decoration: none;
    border: 1px solid #c02424;
    color: #fff;
    background-color: #c02424;
    transition: all 0.4s ease-in-out;
}