﻿.tbl { border-collapse:collapse; width:100%;}
.tbl thead {}
.tbl thead th { text-align:left; padding: 5px; border-bottom:solid 1px gray;}
.tbl tbody td { padding:6px;}

.md { width:100%; padding:0px 0 0px 8px}
.md_Master {width:15%; float:left; border:solid 1px #c1daef; overflow-y:scroll; }
.md_Detail {width:85%; border:solid 1px #c1daef;background-color:white; padding:0 1%; position:relative;overflow-x: scroll; }
.md_Footer { clear:both;}

table.tbl { table-layout:auto; border-collapse:collapse;}
table.tbl tr.odd td{ background-color:white;}
table.tbl tr.even td{background-color:#ebf3f9;}


.detail { position:relative;}
.detailHeader {}
.detailHeader ul { list-style-type:none; margin:0px; padding:0px;}
.detailHeader ul li {padding:5px 0;}
.productPhoto {float:right; width:175px; border:solid 1px #cbcbcb;}

.chkOl {
        -webkit-column-count: 3; /*6 is just a placeholder -- can be anything*/
        -moz-column-count: 3;
        column-count: 3;
        list-style-type: none;
    }

.chkOl2 {
        -webkit-column-count: 3; /*6 is just a placeholder -- can be anything*/
        -moz-column-count: 3;
        column-count: 3;
        list-style-type: none;
    }

.chkOl3 {
       list-style-type: none; 
    }

    .modalProgress {
        position: fixed;
        z-index: 999;
        height: 100%;
        width: 100%;
        top: 0;
        background-color: Black;
        filter: alpha(opacity=60);
        opacity: 0.6;
        -moz-opacity: 0.8;
        display: none;
    }

    .center {
        z-index: 1000;
        margin: 50px auto;
        padding: 10px;
        width: 148px;
        background-color: White;
        border-radius: 10px;
        filter: alpha(opacity=100);
        opacity: 1;
        -moz-opacity: 1;
    }

    .center img {
        
        height: 128px;
        width: 128px;
    }