#notifications {
    display: none;
}

body.change-list #notifications, body.dashboard #notifications, body.change-form #notifications {
    display: block;
}

#notifications {
    width: 0;
    height: 0;
    font-size: 14px;
    padding: 5px 20px;
    position: relative;
    z-index: 10;  /** FIXME: Notifications' "stacking context" doesn't work correctly in IE7 **/
}

.notifications > li {
    font-size: 14px;
    list-style-type: none;
    margin-bottom: 10px;
    clear: both;
}

.notifications > li:first-child {
    margin-top: 10px;
}

.notifications-count {
    position: absolute;
    top: -34px;
    left: 158px;
    z-index: 999;
    color: #eee;
    font-weight: bold;
    padding: 8px 13px;
    background-color: red;
    background-color: rgba(255, 0, 0, 0.5);
    border-radius: 50%;
}

.notifications-count:hover {
    background-color: rgba(255, 40, 40, 0.5);
}

.notifications-messages {
    position: absolute;
    z-index: 999;
    left: 150px;
    top: 13px;
    width: 360px;
    min-height: 30px;
    background-color: #323232;
    background-color: rgba(32, 32, 32, 0.9);
}

.notifications-messages:before {
    display: block;
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: -10px;
    left: 14px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid rgba(32, 32, 32, 0.9);
}

h4.notifications-message {
    margin: 0;
    font-size: 14px;
    font-weight: bold;
}

.notifications-description {
    overflow: hidden;
    text-overflow:  ellipsis;
    max-height: 40px;
}

.notifications-timesince {
    font-size: 10px;
    margin-bottom: 10px;
}

.notifications-timesince:before {
    content: "(";
}

.notifications-timesince:after {
    content: ")";
}

.notifications-close {
    float: left;
    width: 4%;
}

.notifications-content {
    float: right;
    width: 95%;
}

h1 {
    text-transform: capitalize;
}

#headermenu {
    width: 990px;
}  /** FIXME: #user-tools collides oddly with this element, partially overlapping it. **/

.extras .note {
    padding: 30px 10px 0 10px;
    color: #686868;
}

.extras .note:last-child {
    padding-bottom: 30px;
}

.signatures {
    display: none;
}

.object-tools a:hover {
    /** FIXME: Moderately-breakable URL: **/
    background: #5b80b2 url(/static/admin/img/tool-right_over.gif) top right no-repeat;
}

/** For tabular inlines, also include this selector: .inline-group .tabular tr.add-row td a **/
.inline-group div.add-row a {
    font-weight: bold;
    font-size: 20px;
    color: rgb(82, 82, 82);
}

select[multiple=multiple] {
    height: 200px;
    min-width: 127px;
}

@media print {
    .module {
        page-break-inside: avoid;
    }

    #headerbox, .submit-row, .datetimeshortcuts, .add-another {
        display: none;
    }

    .module, div.inline-group {
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .module h2, .module caption, .inline-group h2 {
        text-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .module th {
        border: none;
    }

    img.help-tooltip, .help {
        display: none
    }

    .object-tools {
        display: none;
    }

    .add-row {
        display: none;
    }

    h1 {
        font-size: 32px;
        text-transform: capitalize;
    }

    label, select, textarea, input, input[type=text], input[type=password], .vTextField {
        background-color: white;
        border: none;
        font-size: 20px;
    }

    select::-ms-expand {
        display: none;
    }

    select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin-left: -4px;
    }

    select[selected=selected][value=""] {
        color: white;
    }

    label {
        text-transform: capitalize;
    }

    label.required:after {
        content: "";
    }

    .signatures {
        display: block;
        page-break-inside: avoid;
        page-break-after: always;
        color: #686868;
        font-size: 20px;
    }

    .signature {
        vertical-align: baseline;
        padding: 30px 0;
        text-wrap: avoid;
        width: 100%;
    }

    .signature > div {
        max-width: 30%;
        float: left;
    }

    .signature-line:after, .signature-date:after {
        content: "______________________";
    }

    .signature-date {
        margin-left: 30px;
    }

    .signature-date:before {
        content: "date: ";
    }

    .signature-label {
        margin-right: 3px;
    }

    .signature-label:after {
        content: " signature:"
    }
}

/** Hiding Trakon modules on the home page that may be otherwise confusing to users **/

.app-assignables, .app-equipment, .app-servicing, .app-contenttypes, .app-sites,
.model-displayheightlinearitylargepercentage, .model-displayheightlinearitysmallactualpercentage,
.model-displayheightlinearitysmallallowedrange, .model-amplitudecontrollinearityallowedrange,
.model-amplitudecontrollinearitydecibels, .model-amplitudecontrollinearityindicatedheight, .model-job,
.model-positivematerialidentificationreportotherelement, .model-flaw,
.model-contract, .model-projectcostcode, .app-projectmanagement .model-fieldrequirement,
.field-contracts {
    display: none;
}

.dashboard .module .model-lemreport a.addlink, .change-list a[href="/expenses/lemreport/add/"].addlink,
.dashboard .module .model-timecard a.addlink, .change-list a[href="/expenses/timecard/add/"].addlink {
    display: none;
}

.dynamic-thicknessmeasurementreportexaminationresult_set .datetimeshortcuts {
    display: none;
}

.inline-group .tabular textarea.vLargeTextField {
    height: 15px;
}

#expensereimbursementform_form .vLargeTextField {
    width: auto;
}

/** IE 7 forced colours. **/
body .module a {
    color: #333;
}

div.breadcrumbs a {
    color: #b1b5b8;
}

/** IE 7 forced float right for submit buttons. **/
.change-form .submit-row input {
    float: right;
}

/** Project weekly report TextField width to try to match line numbers between form and printout **/
.projectmanagement-projectweeklyreport.change-form .vLargeTextField {
    width: 480px;
}

#calendar #cal .daynumber a {
    color: white;
}

form fieldset .form-row ul {
    clear: left;
}

form fieldset .form-row li {
    list-style-type: none;
    display: inline-block;
    min-width: 49%;
}