﻿
.myGridPanelLineHeader {
    width: -moz-calc(100% - 0px);
    width: calc(100% - 0px);
    width: -webkit-calc(100% - 0px);
    height: 30px;
    /*margin-left:35px;*/
    /*background-color: #007D8F;*/
    background-image: url("../images/MyGridView/MyGridHeader.png");
    color: white !important;
    font-weight: 600;
    border-radius: 8px 8px 0 0;
    padding-top: 2px;
}

.myGridPanelLineFilter {
    width: -moz-calc(100% - 0px);
    width: calc(100% - 0px);
    width: -webkit-calc(100% - 0px);
    height: 34px;
    /*margin-left:35px;*/
    /*padding-left:35px;*/
    /*background-color: #00a3ba;*/
    background-image: url("../images/MyGridView/MyGridFilter.png");
}

.myGridView {
    margin: 0;
    width: 100%;
    border-left: solid 1px #a7a7a7;
    border-right: solid 1px #a7a7a7;
    color: #707070 !Important;
    border-radius: 8px;
}

.myGridPager {
}

.myGridFooter {
    background-image: url("../images/MyGridView/MyGridFooter.png");
    height: 27px !Important;
    letter-spacing: 10px;
    text-decoration: none;
    font-weight: 600;
    color: black !important;
}

    .myGridFooter a {
        text-decoration: none;
        color: white !important;
        margin-left: 5px;
        font-weight: normal;
        border: solid 1px #a7a7a7;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding-left: 15px;
        padding-top: 3px;
        display: block;
        margin-top: 8px;
    }

    .myGridFooter span {
        text-decoration: none;
        color: black;
        margin-left: 5px;
        border: solid 1px #a7a7a7;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background-color: #DEE8FF !important;
        font-weight: 600;
        padding-left: 15px;
        display: block;
        margin-top: 8px;
        padding-top: 3px;
        height: 19px;
        text-shadow: white 2px 2px 1px;
    }

.myGridPanelLineFooter2 {
    width: -moz-calc(100% - 0px);
    width: calc(100% - 0px);
    width: -webkit-calc(100% - 0px);
    height: 8px;
    border-radius: 0 0 8px 8px !important;
    background-image: url("../images/MyGridView/MyGridFooter2.png");
}

.myGridLinkbutton {
    width: 15px;
    height: 19px;
    float: left;
    margin-top: 2px;
}

.myGridLabelPageCount {
    width: 80px;
    height: 19px;
    float: left;
    margin-top: 3px;
    font-weight: normal;
    letter-spacing: 0 !important;
    border: solid 1px #a7a7a7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-shadow: none !important;
    font-weight: normal !important;
    padding-left: 5px !important;
    text-align: left !important;
    color: #505050 !important;
    background-image: url("../images/MyGridView/MyGridPages.png");
}

.myGridLabelRecCount {
    width: 100px;
    height: 19px;
    float: right;
    margin-top: 3px;
    margin-right: 5px;
    font-weight: normal;
    letter-spacing: 0 !important;
    border: solid 1px #a7a7a7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-shadow: none !important;
    font-weight: normal !important;
    padding-left: 5px !important;
    text-align: left !important;
    color: #505050 !important;
    background-image: url("../images/MyGridView/MyGridPages.png");
}

.myGridLinkButtonFirstEnabled {
    width: 10px;
    height: 19px;
    float: left;
    margin-top: 2px;
    background-image: url("../images/MyGridView/MyGridBtnFirst_normal.gif");
}

.myGridLinkButtonFirstDisabled {
    width: 10px;
    height: 19px;
    float: left;
    margin-top: 2px;
    cursor: default;
    background-image: url("../images/MyGridView/MyGridBtnFirst_disabled.gif");
}

    .myGridLinkButtonFirstDisabled:hover {
        width: 10px;
        height: 19px;
        float: left;
        margin-top: 8px;
        cursor: default;
        background-image: url("../images/MyGridView/MyGridBtnFirst_over.gif");
    }

.myGridLinkButtonPrevEnabled {
    width: 10px;
    height: 19px;
    float: left;
    margin-top: 2px;
    background-image: url("../images/MyGridView/MyGridBtnPrevious_normal.gif");
}

.myGridLinkButtonPrevDisabled {
    width: 10px;
    height: 19px;
    float: left;
    margin-top: 2px;
    cursor: default;
    background-image: url("../images/MyGridView/MyGridBtnPrevious_disabled.gif");
}

    .myGridLinkButtonPrevDisabled:hover {
        width: 10px;
        height: 19px;
        float: left;
        margin-top: 8px;
        cursor: pointer;
        background-image: url("../images/MyGridView/MyGridBtnPrevious_over.gif");
    }

.myGridLinkButtonNextEnabled {
    width: 10px;
    height: 19px;
    float: left;
    margin-top: 2px;
    background-image: url("../images/MyGridView/MyGridBtnNext_normal.gif");
}

.myGridLinkButtonNextDisabled {
    width: 10px;
    height: 19px;
    float: left;
    margin-top: 2px;
    cursor: default;
    background-image: url("../images/MyGridView/MyGridBtnNext_disabled.gif");
}

    .myGridLinkButtonNextDisabled:hover {
        width: 10px;
        height: 19px;
        float: left;
        margin-top: 8px;
        cursor: default;
        background-image: url("../images/MyGridView/MyGridBtnNext_over.gif");
    }

.myGridLinkButtonLastEnabled {
    width: 10px;
    height: 19px;
    float: left;
    margin-top: 2px;
    background-image: url("../images/MyGridView/MyGridBtnLast_normal.gif");
}

.myGridLinkButtonLastDisabled {
    width: 10px;
    height: 19px;
    float: left;
    margin-top: 2px;
    cursor: default;
    background-image: url("../images/MyGridView/MyGridBtnLast_disabled.gif");
}

    .myGridLinkButtonLastDisabled:hover {
        width: 10px;
        height: 19px;
        float: left;
        margin-top: 8px;
        cursor: default;
        background-image: url("../images/MyGridView/MyGridBtnLast_over.gif");
    }

.myGridLabelCurrentPage {
    width: 20px;
    height: 24px;
    float: left;
}

.myGridLabelMore {
    width: 20px;
    height: 24px;
    float: left;
    cursor: default;
    letter-spacing: 0 !important;
    background-color: transparent !important;
    color: white !important;
}

.myGridFooterDummy {
    height: 0px;
    font-size: 0.01em !important;
    background-color:#DEECFC !important;
}


.myGridBtnSearchSmall {
    background-image: url(../Images/MyGridView/MyGridBtnSearchSmall.png) !Important;
    width: 30px;
    margin: 0px 4px 0 0px;
    padding: 0px;
    float: none !Important;
}


.myGridBtnNewSmall {
    background-image: url(../Images/MyGridView/MyGridBtnNewSmall.png) !Important;
    width: 30px;
    margin: 0px 5px 0 7px;
    padding: 0 0 0 25px;
    float: none !Important;
}

.myGridBtnNewSaveSmall {
    background-image: url(../Images/MyGridView/MyGridBtnSaveSmall.png) !Important;
    width: 30px !Important;
    margin: 0px 11px 0 0px;
    padding: 0 0 0 25px;
    float: none !Important;
}

.myGridBtnNewCancelSmall {
    background-image: url(../Images/MyGridView/MyGridBtnCancelSmall.png) !Important;
    width: 30px !Important;
    margin: 0px 5px 0 0px;
    padding: 0 0 0 25px;
    float: none !Important;
}

.myGridBtnCancelSmall {
    background-image: url(../Images/MyGridView/MyGridBtnCancelSmall.png) !Important;
    width: 30px !Important;
    margin: 0px 5px 0 0px;
    padding: 0 0 0 25px;
    float: none !Important;
}

.myGridBtnDeleteSmall {
    background-image: url(../Images/MyGridView/MyGridBtnDeleteSmall.png) !Important;
    width: 30px;
    margin: -3px 0 0 0px;
    padding: 0;
    float: none !Important;
}
