/*********************************************** 
  Grid styles
***********************************************/

.Grid .emptyRow TD {
    padding-top: 10px;
}

.Grid TD A,
.Grid TD A:link,
.Grid TD A:hover,
.Grid TD A:visited,
.Grid TD A:active {
    cursor: pointer;
}


.Grid TD,
.Grid TH {
    padding: 5px 4px 5px 4px;
    color: #555;
}

.Grid TD {
    border: 1px solid #91b9d0;
}

.Grid TH {
    border: 1px solid #2e8ed8;
}

@media all and (max-width:480px) {
    .Grid TD,
    .Grid TH {
        padding: 5px 4px 5px 4px;
    }
}

.Grid .GridHeader {    
    background: #2e8ed8; /* Old browsers */
    background: -moz-linear-gradient(top, #2e8ed8 0%, #0d76c0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2e8ed8), color-stop(100%, #0d76c0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2e8ed8 0%, #0d76c0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2e8ed8 0%, #0d76c0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #2e8ed8 0%, #0d76c0 100%); /* IE10+ */
    background: linear-gradient(to bottom, #2e8ed8 0%, #0d76c0 100%); /* W3C */
    font-weight: bold;
    color: #fff;
    text-align: center;
}

.Grid .DataRow {
    background-color: #fff;
    border-color: #ddd;
    border-width: 1px;
}

.Grid .GridHeader,
.Grid .AltDataRow {
    background-color: #f3fbff;
}

.Grid tr.GridPager > td {
    border: none;
}

div.GridPager TABLE,
.Grid .GridPager TABLE {
    margin: 0px auto;
}

    div.GridPager table td,
    .Grid tr.GridPager table td {
        padding: 0px;
    }

        div.GridPager table td a,
        div.GridPager table td span,
        .Grid tr.GridPager table td a,
        .Grid tr.GridPager table td span {
            display: block;
            padding: 6px 12px;
        }

        div.GridPager table td span,
        .Grid tr.GridPager table td span {
            color: #FFF;
            background-color: #1a80ba;
        }

div.GridPager table {
    border-top: solid 1px #ddd;
    border-left: solid 1px #ddd;
    border-right: none;
    border-bottom: none;
    border-collapse: collapse;
}

    div.GridPager table tr td {
        border-right: solid 1px #ddd;
        border-bottom: solid 1px #ddd;
    }

@media (max-width: 1366px) {
    div.release-notes .Grid tbody tr th:nth-child(2),
    div.release-notes .Grid tbody tr.DataRow td:nth-child(2),
    div.release-notes .Grid tbody tr.AltDataRow td:nth-child(2) {
        display: none;
    }
}


/*********************************************** 
  Modal Popup
***********************************************/

.modalBackground {
    background-color: #F4F6FB;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup {
    background-color: #FFFFFF;
    border-width: 3px;
    border-style: solid;
    border-color: #6E8ECE;
    padding: 3px;
    max-width: 640px;
    width: 100%;
    min-height: 480px;
}

    .modalPopup.modalPopupAbsolutePosition {
        position: absolute !important;
    }

    .modalPopup H3 {
        font-size: 16px !important;
        font-weight: 400;
        margin: 3px 0px 5px 3px;
    }


.modalPopup .closeButtonLayout {
    text-align: right;
    vertical-align: top;
}

.modalPopup .closeButtonLayout INPUT {
    padding: 12px 5px;
}

    .modalPopup .closeButtonLayout .txtEditable,
    .checkboxesContainer .txtEditable {
        width: auto;
    }

.modalPopup .modal-footer.popupButtonsContainer.text-center {
    text-align: center;
}

.modalPopup .gridContainer {
    margin-top: 5px !important;
    overflow: auto;
    width: auto;
    min-height: 200px;
}

@media all and (max-width:768px) {
    div.modalPopup .gridContainer,
    div.modalPopup.popup-with-grid .gridContainer {
        min-height: 100px;
        height: auto;
    }

    div.modalPopup,
    .modalPopup.popup-with-grid {
        min-height: 150px !important;
    }

        div.modalPopup .checkboxesContainer {
            min-height: 100px !important;
            height: auto !important;
            max-height: none !important;
        }
}

.modal-header {
    min-height: 5px; 
    padding: 1px; 
}

/*********************************************** 
  Message List styles
***********************************************/

.asterisk {
    color: Red !important;
    font-weight: bold;
}

.error {
    color: Red;
}

    .error A,
    .error A:visited {
        font-weight: bold;
        text-decoration: underline;
    }

        .error A:hover {
            text-decoration: none;
        }

.info {
    color: Green;
}

.message,
.mainMessages,
.innerMessage TR TD {
    margin: 1px;
    background-color: #FFFFEE !important;
    border: 1px solid Red;
    text-align: left;
    border-width: 1px;
    -moz-border-top-colors: Red #ffffff Red;
    -moz-border-right-colors: Red #ffffff Red;
    -moz-border-bottom-colors: Red #ffffff Red;
    -moz-border-left-colors: Red #ffffff Red;
    vertical-align: middle !important;
}

.infoMessages {
    border-color: Green;
    -moz-border-top-colors: Green #ffffff Green;
    -moz-border-right-colors: Green #ffffff Green;
    -moz-border-bottom-colors: Green #ffffff Green;
    -moz-border-left-colors: Green #ffffff Green;
}

.mainMessages {
    width: auto;
}

.Grid TR.AltDataRow .editPanel .message TR TD {
    background-color: #FFFFEE !important;
}

DIV.mainMessages {
    margin: 5px;
}

.message TR TD,
TABLE.mainMessages TR TD,
.innerMessage TR TD {
    border: none !important;
    padding: 4px;
    /*font-size: 0.9em;*/
    font: 1.0em "Arial";
}

    .message TR TD.error,
    .innerMessage TR TD.error,
    .message TR TD.warning,
    .innerMessage TR TD.warning {
        color: Red;
    }

    .message TR TD.info,
    .innerMessage TR TD.info {
        color: Green;
    }

@media (min-width: 768px) and (max-width: 991px) {
}

@media (max-width: 768px) {
    DIV.mainMessages {
        margin-top: 0px;
        margin-bottom: 10px;
    }
}