div.overlay {
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10000 !important;
    background-color: black;
    filter: alpha(opacity=15); /* internet explorer */
    -khtml-opacity: 0.15; /* khtml, old safari */
    -moz-opacity: 0.15; /* mozilla, netscape */
    opacity: 0.15; /* fx, safari, opera */
}

.form-horizontal .normal-weight {
    font-weight: normal;
}


header#topHead .container
{
    height:40px;
}


.red {
    color: #e8272f;
}

#validation {
    display: none;
}

#ajaxMessage {
    display: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.hidden {
    display: none;
}



.input-append .add-on {
    position: absolute;
    top: 7px;
    right: 15px;
}

.border-right {
    border-right: 10px solid #ffffff;
}

.border-left {
    border-left: 10px solid #ffffff;
}

.border-left-sm {
    border-left: 1px solid #ffffff;
}

.table thead th.vertical-middle,
.table thead tr.vertical-middle {
    vertical-align: middle;
}

.text-center {
    text-align: center;
}

.tdBlue {
    background-color: #A9D0F5;
}

.tdRed {
    background-color: #F5A9A9;
}

.bordered {
    border: 1px solid #ffffff;
}

table.floatThead-table {
    border-top: none;
    border-bottom: none;
    background-color: #FFF;
}

.noti_bubble {
    position:absolute;    /* This breaks the div from the normal HTML document. */
    padding:1px 2px 1px 2px;
    background-color:#F15757;/* you could use a background image if you'd like as well */
    color:white;
    font-weight:bold;
    font-size:11px;

    /* The following is CSS3, but isn't crucial for this technique to work. */
    /* Keep in mind that if a browser doesn't support CSS3, it's fine! They just won't have rounded borders and won't have a box shadow effect. */
    /* You can always use a background image to produce the same effect if you want to, and you can use both together so browsers without CSS3 still have the rounded/shadow look. */
    border-radius:30px;
    box-shadow:1px 1px 1px gray;
    width:20px;
    height:20px;
    line-height:20px;
}

input[type="text"] {
    z-index:-1;
}

@media print {

    table {
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid;
    }

    .page-break {
        -webkit-column-break-inside: avoid !important;
        page-break-inside: avoid !important;
        break-inside: avoid !important;
        -webkit-column-break-after: always !important;
        page-break-after: always !important;
        break-after: always !important;
    }

    thead {
        display: table-header-group;
    }

    tfoot {
        display: table-footer-group;
    }
}