@CHARSET "UTF-8";

.sorting-header .sorting-header-hover {
    display: none;
    position: absolute;
    top: -5px;
    left: -23px;
    background: #f8f8f8;
    background: rgba(225, 225, 225, 0.6);
    padding: 5px;
    border-radius: 5px;
    z-index: 1;
}

.sorting-header a, .sorting-header img {
    display: inline-block;
}

.sorting-header .sorting-header-hover span {
    position: static;
    background: none;
    border-radius: 0;
}

.sorting-header:hover .sorting-header-hover {
    display: block;
}

.sorting-header .sorting-header-hover-container {
    position: relative;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
}

.sorting-header:hover .sorting-header-hover span {
    display: inline-block;
}

.sorting-header.no-shift span {
    left: -3px;
}

.sorting-header .sorting-header-label {
    display: inline-block;
    background: none;
    position: static;
}

.extra, .extra-all {
    display: inline-block;
    width: 14px;
    height: 15px;
    font-size: 1px;
    background: url(../images/datagrid_extra_collapsed.png) center center no-repeat;
}

.extra.expanded, .extra-all.expanded {
    background-image: url(../images/datagrid_extra_expanded.png);
}

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

.extra-info-container td, .extra-form-container td {
    padding: 0px;
}

.extra-info-container pre {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.extra-info, .extra-form {
    height: 0px;
    overflow: hidden;
}

.invalid-input {
    background-image: url(../images/invalid-input.png);
    background-repeat: no-repeat;
    background-position: top right;
}