/* thickbox.css */
@media screen {
    #TB_window {
        font: 12px Arial, Helvetica, sans-serif;
        color: #333333;
    }

    #TB_secondLine {
        font: 10px Arial, Helvetica, sans-serif;
        color: #666666;
    }

    #TB_window a:link {
        color: #666666;
    }

    #TB_window a:visited {
        color: #666666;
    }

    #TB_window a:hover {
        color: #000;
    }

    #TB_window a:active {
        color: #666666;
    }

    #TB_window a:focus {
        color: #666666;
    }

    #TB_overlay {
        position: fixed;
        z-index: 100;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
    }

    .TB_overlayMacFFBGHack {
        background: url(macFFBgHack.png) repeat;
    }

    .TB_overlayBG {
        background-color: #000;
        filter: alpha(opacity=75);
        -moz-opacity: 0.75;
        opacity: 0.75;
    }

    * html #TB_overlay {
        position: absolute;
        height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
    }

    #TB_window {
        position: fixed;
        background: #ffffff;
        z-index: 102;
        color: #000000;
        display: none;
        border: 4px solid #525252;
        text-align: left;
        top: 50%;
        left: 50%;
    }

    * html #TB_window {
        position: absolute;
        margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = (document.documentElement ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px');
    }

        #TB_window img#TB_Image {
            display: block;
            margin: 15px 0 0 15px;
            border-right: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
            border-top: 1px solid #666;
            border-left: 1px solid #666;
        }

    #TB_caption {
        height: 25px;
        padding: 7px 30px 10px 25px;
        float: left;
    }

    #TB_closeWindow {
        height: 25px;
        padding: 11px 25px 10px 0;
        float: right;
    }

    #TB_closeAjaxWindow {
        padding: 7px 10px 5px 0;
        margin-bottom: 1px;
        text-align: right;
        float: right;
    }

    #TB_ajaxWindowTitle {
        float: left;
        padding: 7px 0 5px 10px;
        margin-bottom: 1px;
    }

    #TB_title {
        background-color: #e8e8e8;
        height: 27px;
    }

    #TB_ajaxContent {
        clear: both;
        padding: 2px 15px 15px 15px;
        overflow: auto;
        text-align: left;
        line-height: 1.4em;
    }

        #TB_ajaxContent.TB_modal {
            padding: 15px;
        }

        #TB_ajaxContent p {
            padding: 5px 0 5px 0;
        }

    #TB_load {
        position: fixed;
        display: none;
        height: 13px;
        width: 208px;
        z-index: 103;
        top: 50%;
        left: 50%;
        margin: -6px 0 0 -104px;
    }

    * html #TB_load {
        position: absolute;
        margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = (document.documentElement ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px');
    }

    #TB_HideSelect {
        z-index: 99;
        position: fixed;
        top: 0;
        left: 0;
        background-color: #fff;
        border: none;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        opacity: 0;
        height: 100%;
        width: 100%;
    }

    * html #TB_HideSelect {
        position: absolute;
        height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
    }

    #TB_iframeContent {
        clear: both;
        border: none;
        margin-bottom: -1px;
        margin-top: 1px;
        _margin-bottom: 1px;
    }


    .tooltipGridItem {
        line-height: 16px;
        font-weight: 100;
    }

        .tooltipGridItem TD {
            padding-right: 4px;
        }

    .tooltipGridAlternatingItem {
        background-clip: border-box;
        background-repeat: repeat;
        background-size: auto;
        line-height: 16px;
        font-weight: 100;
        background-color: #ede9e9;
    }

        .tooltipGridAlternatingItem TD {
            padding-right: 4px;
        }

    .tooltipGridHeader {
        background-color: #cdcdcd !important;
        border-top-color: #cdcdcd;
        border-bottom-color: #cdcdcd;
        border-right-width: 0;
        border-left-width: 0;
        border-top-width: 0;
        border-bottom-width: 1px !important;
        font-weight: normal;
        background-image: none !important;
    }

    #divTooltipGrid th {
        font-weight: normal !important;
        border-right: solid 1px #cdcdcd;
        border-bottom: solid 1px #cdcdcd;
        font-weight: 100;
        line-height: 18px;
        text-align: left;
    }

    #divTooltipGrid table.tooltipTable {
        border: solid 1px #cdcdcd;
    }

    .rtCloseButton {
        width: 28px !important;
        height: 28px !important;
        border-radius: 45px !important;
        margin: -5px -5px 0px 0px !important;
        background-image: url("/Images/radActionsSprite.png") !important;
        background-position: -11px -1911px !important;
        border: 1px solid rgb(205, 205, 205) !important;
        background-color: rgb(249, 249, 249) !important;
    }

    .rtTitlebar {
        margin-left: 0px !important;
        margin-top: 0px !important;
        padding-bottom: 5px;
        line-height: 16px !important;
        color: #4e4d4d !important;
    }

    .rtDescriptionbar {
        font-style: italic;
        color: #AAAAAA;
    }

    #Div_notes .triangle {
        position: relative;
        left: 5px;
        border-left: 10px solid transparent;
        border-top: 10px solid #EEEEEE;
        width: 0px;
        height: 0px;
        margin-bottom: 0px;
    }

    #Div_notes .createdBy {
        float: left;
        margin-right: -10px;
        font-weight: Bold;
        text-transform: capitalize;
        font-size: 11px;
        color: #797777;
    }

    #Div_notes .createdOn {
        color: gray !important;
        font-size: 11px;
        float: right;
        margin-top: -10px;
    }

    #Div_notes .comment {
        background-color: #EEEEEE;
        color: #4d4d4d;
        border-radius: 3px;
        text-align: justify !important;
        padding: 8px 15px 8px 15px;
        -ms-word-wrap: break-word;
        word-wrap: break-word;
    }

    .checkbox_TextAlign input, .checkbox_TextAlign label {
        vertical-align: middle;
    }

    .hrm-comment {
        color: #cdcdcd;
        font-style: italic;
    }

    .hrm-subHeading {
        font-size: 11px;
        color: #4E4D4D;
        font-weight: bold;
        margin: 0;
    }
}