﻿@charset "UTF-8";
body {
    width: auto;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

form {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 14px;
    line-height: 1.4;
    color: #333;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    //background-color: #fff;
    width: auto;
}

.lMessage {
    font-weight: bold;
    color: blue;
}

.lDate {
    font-weight: bold;
    font-size: 16px;
}

.thStatus {
    background-color: deepskyblue;
    color: white;
}

tr {
    /*border: 1px solid blue;*/
    vertical-align: text-top;
    height:auto;
}

td {
    /*color: #2E3B7E;*/
    vertical-align: text-top;
    /*border: 1px solid blue;*/
    height: auto;
}

    td.Title {
        font-weight: bold;
    }

    td.Prompt {
        font-weight: bold;
    }

.tStatus {
    width: inherit;
}

.panelCls1, .tblCls1 {
    /*min-width: 300px;*/
    width: auto;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.tblCls1 {
    /*border-style: solid;
    border-width: thin;*/

}


/*.tdP1 {
    width: 150px;
    border: thin blue;
    color: blue;
}*/

.tdP2 {
    /*min-width: 300px;*/
    /*min-width:250px;*/
    /*width: inherit;*/
}

.tdPS {
    column-span: all;
}

/*.cSpan1, .cSpan2, .cSpan3, .cSpan12, .cSpan23, .cSpan123{}*/
.cSpan1 {
    min-width: 50px;
    max-width: 100px;
}

.cSpan2 {
    min-width: 125px;
    max-width: 300px;
}

.cSpan3 {
    min-width: 50px;
    max-width: 100px;
}

.cSpan12 {
    min-width: 75px;
    max-width: 125px;
}

.cSpan23 {
    min-width: 200px;
}

.cSpan123 {
    width: 99%;
}


@media screen and (min-width: 620px) {
    body, form {
    }
}

@media screen and (width: 450px) {
    body, form {
    }
}
@media screen and (min-width: 362px) {
    form {
        font-size: 12px;
        line-height: 1.2;
    }

    .lDate {
        font-weight: bold;
        font-size: 12px;
    }
}

@media screen and (min-width: 250px) {
    form {
        font-size: 12px;
        line-height: 1.05;
    }

    .lDate {
        font-weight: bold;
        font-size: 12px;
    }
}