20180913_1/* This file contains the CSS classes to be used for the HTML previewer control. 
The file needs to be loaded inside the IFRAME element of the previewer custom control. 
The classes are the same for all themes */

@page{ 
    margin:0pt; 
}

@media screen{
    body.DR_Body{
        background-color: #DDDDDD;
        margin: 0;
    }

    .page{
        border: 1px solid black;
        margin: 20px 10px 30px;
        
        -webkit-box-shadow: -2px -3px 9px rgba(0, 0, 0, 0.8);
        -moz-box-shadow:    -2px -3px 9px rgba(0, 0, 0, 0.8);
        box-shadow:         -2px -3px 9px rgba(0, 0, 0, 0.8);

        background-color: #FFFFFF;
    }
}

@media print{
    .page{
        page-break-inside: avoid;
        page-break-after: always;
        display: inline-block;
    }
    .page:last-child{
        page-break-after: avoid;
    }
}

.page{
    position: relative;
    width: 628pt;
    height: 852pt;
}

.DR_ViewPort {
    overflow: hidden;
    position: relative;
}

.DR_Click {
    text-decoration: underline;
    cursor: pointer;
}

.DR_Sizer{
    position: absolute;
}