body {
    font-family: Trebuchet MS, Verdana, sans-serif;
    /* background: #EFFFF6; */
}

.topmenu {
    border: 1px solid black;
    padding: 5px;
    margin: 2px;
    text-align: center;
    background: #A4A5EF;
}

.topcap {
    border: 1px solid black;
    padding: 2px;
    margin: 2px;
    text-align: center;
    background: #4947BF;
    background-image: url(images/gradback.jpg);
    background-repeat: repeat-x;
    color: white;
    font-size: 85%;
    height: 35px;
}

.error {
    padding: 10px;
    margin-top: 20%;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid black;
    text-align: center;
    vertical-align: middle;
    font-size: 110%;
    background: #7F2F2F;
    color: white;
}

.errorparam {
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
    margin: 2px;
    border: 1px solid black;
    text-align: center;
    vertical-align: middle;
    font-size: 110%;
    background: #7F2F2F;
    color: white;
}

.menuref {
    display: inline-block;
    width: 120px;
    /* border: 1px solid black; */
    padding: 2px;
    margin: 5px;
    font-size: 85%;
    font-weight: bold;
    background: #5A1D5F;
    color: white;
}

.menuref:visited {
    text-decoration: none;
    color: white;
}

.menuref:hover {
    text-decoration: none;
    background: #DF0D64;
    color: white;
}

.menuref:link {
    text-decoration: none;
    color: white;
}

.menurefselected {
    display: inline-block;
    width: 120px;
    padding: 2px;
    margin: 5px;
    font-size: 85%;
    font-weight: bold;
    color: white;

    text-decoration: none;
    background: #DF0D64;
    color: white;
}

.menurefselected:visited {
    text-decoration: none;
    color: white;
}

.menurefselected:hover {
    text-decoration: none;
    background: #DF0D64;
    color: white;
}

.menurefselected:link {
    text-decoration: none;
    color: white;
}

.alert {
    font-weight: bold;
    font-style: normal;
    color: red;
}

.footer {
    text-align: center;
    font-size: 70%;
    color: gray;
}

.caption {
    margin: 10px;
    font-size: 100%;
    font-weight: bold;
}

.sumtable {
    font-size: 80%;
    border: 1px solid black;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.histtable {
    font-size: 70%;
    border: 1px solid black;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.sumtabcontainer {
    border: 1px solid black;
    margin: 2px;
    padding: 2px;
    background: #EFF8FF;
}

.tempcontainer {
    border: 1px solid black;
    margin: 2px;
    padding: 30px;
    text-align: center;
    background: #E2EFE0;
    font-size: 75%;
    font-weight: bold;
}

.sumtabrowlite {
    text-align: right;
    background: #EFF1FF;
}

.sumtabrowdark {
    text-align: right;
    background: #ECEBFF;
}

.sumtabcell {
    cursor: pointer;
    color: #8A7FFF;
}

.histtabcell {
    cursor: pointer;
    color: #8A7FFF;
}

.histtabcellpassive {
    color: #7F7F7F;
}

.histtabcellpassivecenter {
    color: #7F7F7F;
    text-align: center;
}

.sumtabcell:hover {
    color: #0C165F;
}

.histtabcell:hover {
    color: #0C165F;
}


.sumtabcellritealigned {
    text-align: right;
    color: #6F6F6F;
}

.sumtabcellcenteraligned {
    text-align: center;
}

.sumtabhead {
    background: #70319F;
    color: white;
    font-style: normal;
    font-weight: normal;
    font-family: Arial, sans-serif;
}

.histtabhead {
    background: #70319F;
    color: white;
    font-style: normal;
    font-weight: normal;
    font-family: Arial, sans-serif;
}

.sumdetail {
    border: 1px solid black;
    padding: 0px;
    background: white;
    min-width: 130px;
    display: inline-block;
    width: 220px;
    margin-right: auto;
    margin-left: auto;
}

.spanned {
    display: inline-block;
    /* border: 1px solid black; */
    margin-left: 2px;
    margin-top: 5px;
    padding: 0px;
    font-size: 80%;
}

.sumdetailcelllablite {
    background: #6B76BF;
    color: white;
}

.sipdetailcelllabdark {
    background: #2337BF;
    color: white;
}

.sumdetailcelldatalite {
    background: white;
    color: #3F3F3F;
    text-align: right;
}

.sumdetailcelldatadark {
    background: #EFEFEF;
    color: #3F3F3F;
    text-align: right;
}

.detailcontainer {
    border: 1px solid black;
    margin: 2px;
    padding: 2px;
    background: #EFF2FF;
}

.detailremark {
    font-family: Verdana, sans-serif;
    font-size: 90%;
    font-style: normal;
    color: #4F4F4F;
}

.buttonblock {
    margin: 5px;
    text-align: center;
}

.submitbtn {
    margin-left: 15px;
    margin-right: 15px;
}

.sumsubmenu {
    border: 1px solid black;
    background: #DFE2FF;
    margin: 2px;
    text-align: center;
}

.histsubmenu {
    border: 1px solid black;
    background: #DFE2FF;
    margin: 2px;
    text-align: center;
}

.sumsubbtn {
    display: inline-block;
    border: 1px solid black;
    font-size: 70%;
    font-weight: bold;
    padding: 2px;
    margin: 2px;
    background: #4F0512;
    color: white;
    width: 240px;
}

.histsubbtn {
    display: inline-block;
    border: 1px solid black;
    font-size: 70%;
    font-weight: bold;
    padding: 2px;
    margin: 2px;
    background: #4F0512;
    color: white;
    width: 140px;
}

.wlsubbtn {
    display: inline-block;
    border: 1px solid black;
    font-size: 70%;
    font-weight: bold;
    padding: 2px;
    margin: 2px;
    background: #4F0512;
    color: white;
    width: 240px;
}


.sumsubbtn:link {
    text-decoration: none;
}

.sumsubbtn:visited {
    text-decoration: none;
}

.sumsubbtn:hover {
    background: #AF0024;
}

.histsubbtn:link {
    text-decoration: none;
}

.histsubbtn:visited {
    text-decoration: none;
}

.histsubbtn:hover {
    background: #AF0024;
}

.wlsubbtn:link {
    text-decoration: none;
}

.wlsubbtn:visited {
    text-decoration: none;
}

.wlsubbtn:hover {
    background: #AF0024;
}


.statusnone {
    display: none;
}

.statusok {
    border: 2px solid #2CAF15;
    font-size: 85%;
    text-align: center;
    display: none;
    background: #D6FFCF;
    color: #0F7F14;
}

.statusbad {
    border: 1px solid #BF2F2F;
    font-size: 85%;
    text-align: center;
    display: none;
    background: #7F0744;
    color: #DF8B9E;
    font-weight: bold;
    padding: 2px;
    margin: 2px;
}

.detailmode {
    display: none;
}

.errormessage {
    border: 1px solid #BF2F2F;
    font-size: 65%;
    text-align: center;
    display: none;
    background: #FFCFCF;
    color: #9F1313;
    margin: 2px;
}

.highlitederrfield {
    border: 2px solid red;
}

.sumsmallhead {
    border: 1px solid black;
    font-size: 75%;
    margin: 2px;
    padding: 2px;
    text-align: center;
    font-weight: bold;
    background: #EFF6FF;
}

.todaysumcontainer {
    /* border: 1px solid black; */
    padding: 5px;
    margin: 2px;
    margin-left: auto;
    margin-right: auto;
    background: #EFF8FF;
}

div.sumdetail {
    border: 1px solid black;
    padding: 3px;
    margin: 3px;
    margin-right: auto;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 85%;
}

span.sumdetail {
    border: none;
}

.filterscope {
    border: 1px solid black;
    text-align: center;
    margin: 3px;
    background: #9F4F7F;
    font-size: 85%;
    color: white;
    font-weight: bold;
}

.histheader {
    border: 1px solid black;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin: 2px;
    background: #E2DFFF;
}

.relaydetails {
    margin-right: auto;
    margin-left: auto;
}

.whitelistbtn {
    border: 1px solid black;
    color: #FFDFDF;
    background: #9F0909;
    font-size: 80%;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    margin-right: auto;
    margin-left: auto;
    padding: 3px;
    margin-bottom: 4px;
    width: 220px;
    display: inline-block;
}

.whitelistbtn:hover {
    color: white;
    background: #DF0D0D;
}

.whitelistresok {
    border: 1px solid black;
    text-align: center;
    margin-bottom: 2px;
    background: #23BF38;
    color: white;
    font-size: 80%;
    display: none;
}

.whitelistresfail {
    border: 1px solid black;
    text-align: center;
    margin-bottom: 2px;
    background: #BF3D23;
    color: white;
    font-size: 80%;
    display: none;
}

.commentcontainer {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding: 2px;
    font-size: 85%;
    display: inline-block;
}

.wlc {
    text-align: center;
}

.whitelisted {
    text-align: center;
    font-size: 80%;
    color: white;
    background: #289F13;
    padding: 3px;
}

.todaysum {
    text-align: center;
    border: 1px solid black;
    background: #A8ABCF;
    padding: 4px;
    color: white;
}

th.todaysum {
    text-align: center;
    border: 1px solid black;
    background: #615FFF;
    padding: 4px;
}

.today {
    margin-left: auto;
    margin-right: auto;
    font-size: 85%;
}

.seektable {
    margin-left: auto;
    margin-right: auto;
}

.seeklabel {
    text-align: right;
}

.datepicker {
    width: 23px;
    height: 20px;
}
