html {
    background-color: #e2e2e2;
    margin: 0;
    padding: 0;
}

/*body {
    background-color: white;
    
    border-top: solid 10px #000;
    color: #333;
    
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
}*/
.footer-content{
    padding-left:5px;
}
#maincontainer {
    margin-left: auto;
    margin-right: auto;
    max-width: 960px;
    background-color: white;
}
.ppolicy {
    color: red;
    /*width:30%;*/
    border-radius: 25px;
    border: solid
}

.masterlist {
    list-style: none;
    margin: 0;
    padding: 0;
}

.listheader {
    font-weight: bold;
    width: 100%;
}

.listitem {
    width: 100%;
}

.listitem:hover {
    /*color: darkgrey;*/
    /*background-color: rgb(128, 128, 128);*/
    background-color: #DDD;
}

.odd {
    /*background-color: rgb(210, 210, 210);*/
    background-color: #EFEFEF;
}

.even {
    background-color: white;
}

.hr {
    border: none; 
    height: 5px; 
    color: #011b52; 
    background-color: #011b52; 
    padding: 0; 
    margin-top: 0px; 
    margin-bottom: 0px; 
    margin-left:0px; 
    margin-right:0px;
}

    .detailhdr {
        text-align: left;
    }

    .detailft{
        font-weight: bold;
    }

    .ftcenter {
        text-align: center;
    }

    .returnbottom {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    .detailLabel {
        float: left;
        width: 12em;
        /*text-align: right;*/
        clear: right;
        /*margin-right: 15px;*/
        word-wrap: normal;
        /*font-size: 1.1em;*/
        font-weight:bold;
        
        padding:0px;
        margin:0px;
        /*padding-right:15px;*/
        /*display:inline-block;*/

    }

    .detailData {
        word-wrap: normal;
        overflow: auto;
        /*display:inline-block;*/
    }

    .details {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: black;
        opacity: .5;
        -ms-filter: alpha(opacity = 50);
        z-index: 9998;
    }

    .detailBlock {
        position: absolute;
        top: 100%;
        left: 35%;
        /*width: 100%;*/
        /*height: 100%;*/
        /*height: 770px;*/
        /*-ms-transform: translate(20%, 0);
        -moz-transform: translate(20%, 0);
        -o-transform: translate(20%, 0);
        -webkit-transform: translate(20%, 0);
        transform: translate(20%, 0);*/
        /*max-width: 600px;*/
        background-color: white;
        z-index: 9999;
        display: inline-block;
    }

    .detailsVisible {
        display: inline;
        visibility: visible;
    }

    .detailsInVisible {
        display: none;
        visibility: hidden;
    }

    .errorVisible {
        color: red;
        display: inline;
        visibility: visible;
    }

    .errorInVisible {
        color: red;
        display: none;
        visibility: hidden;
    }


    .detail {
        clear: both;
        float: none;
        display: inline-block;
        padding: 5px;
        width: 100%;
    }

    .closeDetail {
        float: right;
        color: grey;
        font-weight: bold;
        font-size: 12pt;
        padding: 0 6px 0 6px;
        border: 1px solid lightgrey;
    }

    

    .detailInfo {
        float: left;
        padding: 10px;
    }

    .detailName {
        font-size: 20px;
        font-weight: bold;
    }

.pagecountdisplay{
    padding-top:15px;
}
.pagebuttondisplay{
    padding-top:15px;
    padding-bottom:15px;
}

    /* Charge partial views*/
    .chlistheader {
    font-weight: bold;
    color:black;
    /*background-color: beige;*/
    border-collapse:collapse;
    width: 100%;
}

.noresults {
    color: red;
    font-weight: bold;
}

}
@media (max-width: 600px) {
    .detailBlock {
        position: absolute;
        top: 140%;
        left: 0%;
        /*width: 100%;*/
        /*height: 100%;*/
        /*height: 770px;*/
        background-color: white;
        z-index: 9999;
        display: inline-block;
    }

    .detailLabel {
        width: 50%;
        text-align: left;
        display: block;
        clear: left;
    }

    .detailData {
        display: block;
        text-align: left;
        clear: left;
        padding-bottom: 10px;
    }

    .pagingpage {
        padding-left: 10px;
        font-size: 10px;
    }

}

@media (max-width: 300px) {
    .pagingpage {
        padding-left: 10px;
        font-size: 8px;
    }

}