﻿/* validation begin */
.field-validation-error {
    /*color: #e80c4d;
    font-weight: bold;*/
    color: #c90001;
    display: block;
    clear: both;
}

/*added jinweizh*/
.ui-autocomplete { max-height: 200px; overflow-y: scroll; overflow-x: hidden;}    

/*Added Summer*/
/*Style:.field-validation-error1*/
.field-validation-error1 {
    /*color: #e80c4d;
    font-weight: bold;*/
    color: #c90001;
    display: block;
    clear: both;
    text-align:right;
}

.field-validation-error2 {
    /*color: #e80c4d;
    font-weight: bold;*/
    color: #c90001;
    display: block;
    clear: both;
    text-align:left;
}

.field-validation-valid {
    display: none;
}

textarea.input-validation-error,
select.input-validation-error,
input.input-validation-error {
    /*border: 1px solid #e80c4d;
    color: #c90001;*/
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}
/* validation end */
/*li {
margin: 6px 0;
text-transform: none;
}*/
/* table sort start */
.sort_table_header {
    cursor: pointer;
    text-decoration: underline;
}

    .sort_table_header:hover {
        color: #002380;
    }

table.data .tablesorter-header {
    /*background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);*/
    /* background-image: url(images/black-unsorted.gif); */
    background-image: url(../../images/icon_sort.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    cursor: pointer;
    white-space: normal;
}

table.data .headerSortUp,
table.data .tablesorter-headerSortUp,
table.data .tablesorter-headerAsc {
    /*background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);*/
    background-image: url(../../images/arrow-up.png);
    /* background-image: url(images/black-asc.gif); */
}

table.data .headerSortDown,
table.data .tablesorter-headerSortDown,
table.data .tablesorter-headerDesc {
    /*background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);*/
    background-image: url(../../images/arrow-down.png);
    /* background-image: url(images/black-desc.gif); */
}

table.data thead .sorter-false {
    background-image: none;
    cursor: default;
}
/* table sort end */



a {
    text-decoration: none;
    cursor: pointer;
    outline: none;
}

.mainNav ul,
.mainNav li {
    list-style: none;
}

h1 {
    font-size: 40px;
    font-weight: 300;
    color: #cf3240;
    margin-bottom: 10px;
    display: block;
    overflow: hidden;
    line-height: 50px;
}

h2 {
    font-size: 30px;
    font-weight: 300;
    margin: 0 0 20px 0;
    line-height: 100%;
    border-bottom: 1px solid #e6001c;
    padding-bottom: 10px;
}

    h2 a.export {
        color: #cf3240;
        font-size: 14px;
        float: right;
        background: url(../../images/icon_excel.png) left 5px no-repeat;
        padding-left: 25px;
        line-height: 20px;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -10px;
        height: 20px;
    }

    h2 a.toggleico {
        color: #cf3240;
        font-size: 14px;
        float: right;
        /*background: url(../../images/icon_accordion_plus.png) no-repeat;*/
        padding-left: 34px;
        line-height: 20px;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -10px;
        height: 37px;
    }

    h2 a.toggleinfoico {
        color: #cf3240;
        font-size: 14px;
        float: right;
        /*background: url(../../images/icon_accordion_plus.png) no-repeat;*/
        padding-left: 34px;
        line-height: 20px;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -10px;
        height: 37px;
    }

.icominus {
    background: url(../../images/icon_accordion_minus.png) no-repeat;
}

.icoplus {
    background: url(../../images/icon_accordion_plus.png) no-repeat;
}

h2 a.export:hover {
    text-decoration: underline;
}

img {
    border: 0;
}

.req, .star {
    color: #cf3240;
}

.info {
    display: block;
    overflow: hidden;
    background-color: #f6f8fa;
    padding: 15px 20px 15px 20px;
    margin: 20px 0 30px 0;
    font-size: 12px;
    font-weight: lighter;
    background-image: url(../../images/icon_warning.png);
    background-position: 20px 13px;
}

.importantnoteinfo {
    display: block;
    overflow: hidden;
    background-color: #f6f8fa;
    padding: 15px 20px 15px 60px;
    margin: 20px 0 30px 0;
    font-size: 12px;
    font-weight: lighter;
    background-image: url(../../images/icon_warning.png);
    background-position: 20px 13px;
}

.timelineinfo {
    display: block;
    overflow: hidden;
    background-color: #f6f8fa;
    padding: 15px 20px 15px 60px;
    margin: 20px 0 30px 0;
    font-size: 12px;
    font-weight: lighter;
    background-image: url(../../images/icon_warning.png);
    background-position: 20px 13px;
}


    .info p {
        margin: 0;
    }

        .info p b {
            font-weight: bold;
        }

input[type="text"] {
    background-color: #FFF;
    font-family: Helvetica, sans-serif;
    font-size: 14px;
    height: 26px;
    border: 1px solid #cfcfcf;
    outline: none;
}

input[type="submit"].btn,
input[type="button"].btn,
button.btn {
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 120px;
    color: #FFF;
    font-size: 14px;
    background-color: #cf3240;
    border: none;
    font-family: Helvetica, sans-serif;
    margin-right: 10px;
    outline: none;
}

    input[type="submit"].btn:hover,
    input[type="button"].btn,
    button.btn:hover {
        cursor: pointer;
    }

input[disabled],
textarea[disabled] {
    background-color: #e8e8e8;
    color: #101010;
}

button {
    background-color: #616161;
}

.gray {
    background-color: #616161 !important;
}

.ui-selectmenu-menu .ui-menu-item {
    padding: 10px;
    background-color: #FFF;
    border: 1px;
}

.dropDown {
    width: 100%;
    height: 35px;
    float: left;
    border: 1px solid #cfcfcf;
    margin-right: 40px;
}

    .dropDown input {
        width: 85%;
        height: 35px;
        border: 0;
        text-indent: 0;
        line-height: 35px;
        float: left;
        margin-left: 15px;
    }

    .dropDown > a {
        display: block;
        width: 40px;
        height: 35px;
        background-color: #cfcfcf;
        float: right;
        margin-right: -41px;
        margin-top: -1px;
        border: 1px solid #cfcfcf;
        border-left: 0;
        background-image: url(../../images/select_dropdown_arrow_light.png);
    }

    .dropDown ul {
        width: 100%;
        background-color: #FFF;
        border: 1px solid #cfcfcf;
        border-top: 0;
        position: relative;
        margin-left: -1px;
        margin-top: 0;
        float: left;
        max-height: 200px;
        overflow-y: auto;
        display: none;
        border-top-width: 0;
    }

        .dropDown ul li {
            float: none;
            display: block;
            padding: 7px 15px;
            cursor: pointer;
            font-size: 14px;
            line-height: 20px;
        }

            .dropDown ul li:hover {
                background-color: #EEE;
            }

    .dropDown.disabled {
        background-color: #e8e8e8;
        color: #101010;
    }

        .dropDown.disabled input {
            ime-mode: disabled;
            background-color: #e8e8e8;
            color: #101010;
        }

        .dropDown.disabled a {
            cursor: default;
        }

    .dropDown.dropdownError {
        border-color: #cf3240;
        border-right-width: 0;
    }

        .dropDown.dropdownError > a {
            border-color: #cf3240;
        }

        .dropDown.dropdownError ul {
            border-color: #cf3240;
        }

.tooltip {
    width: auto;
    height: 0;
    overflow: visible;
    display: inline;
    float: left;
    position: relative;
    display: none;
    margin-left: -1px;
}

    .tooltip p {
        height: 35px;
        white-space: nowrap;
        background-color: #ff9fa5;
        padding: 0 10px;
        margin: 0;
        margin-top: -50px;
    }

    .tooltip span {
        width: 32px;
        height: 15px;
        display: block;
        background-image: url(../../images/tooltip_arr.png);
        background-position: left bottom;
    }

.ui-timepicker-div {
    margin: 10px;
}

.ui-datepicker-trigger {
    display: none;
}


/*#btnSave {
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 120px;
    color: #FFF;
    font-size: 14px;
    background-color: #cf3240;
    border: none;
    font-family: Helvetica, sans-serif;
    margin-right: 10px;
    outline: none;
}*/
.ui-corner-all {
    color: #222222 !important;
}
