@media print {
    @page {
        size: landscape
    }
 
    #print_area {
        background-color: white;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        z-index: 9999999;
        color: black !important;
        font-weight: bold !important;
    }
   
}

body {
}

.dxgvTable_DevEx caption {
    font-weight:bold;
}  

/*---------- bubble tooltip -----------*/
a.tt {
    position: relative;
    z-index: 24;
    color: #3CA3FF;
    font-weight: bold;
    text-decoration: none;
}

    a.tt span {
        display: none;
    }

    /*background:; ie hack, something must be changed in a for ie to execute it*/
    a.tt:hover {
        z-index: 25;
        color: #aaaaff;
    }

        a.tt:hover span.tooltip {
            display: block;
            position: absolute;
            top: 0px;
            left: 0;
            padding: 15px 0 0 0;
            width: 200px;
            color: black;
            text-align: center;
            filter: alpha(opacity:100);
            khtmlopacity: 1;
            mozopacity: 1;
            opacity: 1;
        }

        a.tt:hover span.top {
            display: block;
            padding: 30px 8px 0;
            background: url("../images/bubble.gif") no-repeat top;
        }

        a.tt:hover span.middle {
            /* different middle bg for stretch */
            display: block;
            padding: 0 8px;
            background: url("../images/bubble_filler.gif") repeat bottom;
        }

        a.tt:hover span.bottom {
            display: block;
            padding: 3px 8px 10px;
            color: #548912;
            background: url("../images/bubble.gif") no-repeat bottom;
        }




/* Text Box with Rounded Corners: */
.tb-rounded {
    border: 0;
    background: transparent url(rounded.gif) no-repeat top left;
    height: 22px;
    width: 230px;
    padding-top: 2px;
}

/* Text Box with Gradient: */
.tb-gradient {
    border: 0;
    background: transparent url(gradient.gif) no-repeat top left;
    height: 22px;
    width: 230px;
    padding-top: 2px;
}

.hidden {
    display: none;
}


.centered {
    margin: 0 auto;
    float: none !important;
    display: table;
}

.popup {
    background-color: White;
    color: Black;
    padding: 10px;
    border: solid 1px navy;
}

.popup_background {
    background-color: grey;
    opacity: 0.5;
}