﻿/*@table-header-colour: #D5E7EB;*/
/*@table-header-colour: #ACD7E5;*/

table {
    /*border-collapse: separate; border-spacing: 5px; }*/ /* cellspacing="5" */
    border-collapse: collapse;
    border-spacing: 0; /* cellspacing="0" */
}

/*------------------------------------------------*/

.Table_Form {
    /* Centers the table on the page*/
    margin-left: auto;
    margin-right: auto;
}

.Table_Form tbody th {
    text-align: right;
}

.Table_Form tbody th, .Table_Form tbody td {
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 2px;
    padding-top: 2px;
}

.Table_Form caption {
    margin-bottom:10px;
}

.Form_Heading {
    background-color: #dddddd;
    text-align: center;
    font-weight: bold;
    padding-top: 15px;
    padding-bottom:15px;
    margin-bottom: 20px;
}

/*------------------------------------------------*/

    .Table_Report {
        /* Centers the report on the page*/
        margin-left: auto;
        margin-right: auto;
        border-collapse: collapse;
        /*border: 1px solid #000000;*/
    }

        .Table_Report th, .Table_Report td {
            padding-left: 4px;
            padding-right: 4px;
            color: #666666;
        }

    .Table_Report thead tr {
        border-bottom:4px solid #dddddd;
    }

    /*
    .Table_Report tbody tr:nth-child(even) {
        background-color: #eeeeee;
    }

    .Table_Report tbody tr:nth-child(odd) {
        background-color: #FFFFFF;
    }
    */
    
    .Table_Report thead th {
        border-width: 0px;
        /*
        border-color: #000000;
        */
        text-align: left;
        padding-right: 10px;
        padding-left: 10px;
        padding-bottom: 3px;
        padding-top: 3px;
        /*
        border-right-style: solid;
        border-bottom-style: solid;
            */
        color:#666666;
        font-size:14px;
        font-weight:600;
        vertical-align:bottom;
    }

    .Table_Report tbody tr {
        border-bottom: 1px solid #dddddd;
    }

    .Table_Report tbody td {
        /*border: 1px solid #C0C0C0;*/
        padding-right: 10px;
        padding-left: 10px;
        padding-bottom: 5px;
        padding-top: 5px;
        vertical-align: top;
    }

        .Table_Report tbody td a, .Table_Report tbody td a:visited {
            /*color: #666666;*/
        }

    .Table_Report thead th, .Table_Report tbody th {
            /*background-color: #ACD7E5;*/
            /*background-color: #dddddd;*/
        }
    /* Changes the color of the record row when hovering over the top of it */
    .Table_Report tbody tr:hover {
        /*background-color: #FFFF88;*/
    }
    /* Enlarges the contents of the cell for easier reading */
    .Table_Report tbody tr td:hover {
        /*font-size: large;*/
    }
    /* Use a small button in the report lines */
    .ReportButton, .Table_Report input {
        font-size: 10px;
    }
    /*------------------------------------------------*/

    .DIV_Report_Container {
        text-align:center;
    }

.DIV_Report_Center {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    text-align:left;
}

    .RecordsReturned, .PrevNextLinks {
        margin-left: auto;
        margin-right: 0px;
        text-align: right;
        margin-top: 15px;
        margin-bottom: 15px;
    }


    .Textbox-FillWidth {
        width: 100%;
        box-sizing: border-box;
    }

/*------------------------------------------------*/

.CopyButton {
    width:20px;
    height:20px;
    background-color:transparent;
    border:none;
    background-image:url("../images/clipboard.png");
    cursor: pointer;
}

/*------------------------------------------------*/

/* Fixes issues with the formatting of Calendar Extender */

.calendarContainerOverride table {
    width: 0px;
    height: 0px;
    background-color:white;
}

.calendarContainerOverride table tr td, .calendarContainerOverride table tr th {
        padding: 0;
        margin: 0;
    }


.MyCalendar .ajax__calendar_container {
    border: 1px solid #646464;
    background-color: #ffffff;
    color: #000000;
}

    .MyCalendar .ajax__calendar_container th {
        padding: 0px;
    }

    .MyCalendar .ajax__calendar_container td {
        background-color: #ffffff;
        padding: 0px;
    }

.MyCalendar .ajax__calendar_other .ajax__calendar_day, .MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}

.MyCalendar .ajax__calendar_hover .ajax__calendar_day, .MyCalendar .ajax__calendar_hover .ajax__calendar_month, .MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}

.MyCalendar .ajax__calendar_active .ajax__calendar_day, .MyCalendar .ajax__calendar_active .ajax__calendar_month, .MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight: bold;
}

/*------------------------------------------------*/

.progress_modal {
    position: fixed;
    z-index: 999;
    height: 100%;
    width: 100%;
    top: 0;
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;
}

.progress_center {
    z-index: 1000;
    margin: 300px auto;
    padding: 10px;
    width: 130px;
    background-color: White;
    border-radius: 10px;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
}

.progress_center img {
    height: 128px;
    width: 128px;
}

/*------------------------------------------------*/

/* ModalPopupExtender has z-index of 100001 */
.DIV_Progress {
    position: fixed;
    z-index: 100002;
    height: 100%;
    width: 100%;
    top: 0px;
    /*
    background-color: White;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;
        */
}

.progress-container {
    /*z-index: 100003;*/
    margin: 200px auto;
    width: 200px;
    height: 140px;
    /*background-color: white;
    border-radius: 10px;
    border: 1px solid black;*/
}

    /*------------------------------------------------*/
    .form-note {
    font-style:italic;
    color: #36454F;
    font-size:90%;
}

.cell-negative {
    color: crimson;
    font-weight:bold;
}

.icon-deposit-report {
    margin-left:20px;
    margin-right:20px;
}

.icon-withdrawal-report {
    margin-right:40px;
}

.icon-gain-report {
    margin-left:40px;
}

.div-search-header, .div-search-body {
    margin-left: auto;
    margin-right: auto;
    
}

.div-search-header {
    padding: 10px;
    background-color: #dddddd;
}

.div-search-body {
    padding: 10px;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    border-bottom: 1px solid #808080;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}