body { font-size: 75%; } .mainTitle { width: 800px; text-align: left; padding-left: 5px !important; font-size: 2em; font-weight: bold; border: 0px !important; vertical-align: middle !important; } .shopSelectBox { width: 400px; font-size: 1.3em; font-weight: bold; border: 0px !important; vertical-align: middle !important; text-align: right; } .reloadButton { text-align: right; } .mainTable, .baseTable, .subTable { border: 0px #000000 solid; border-collapse: collapse; } #shopSelect { font-size: 1em; text-align: right; border: 0px; } .baseTable td { border: 1px #000 solid; padding: 0px; margin: 0px; vertical-align: top; } .mainTable th, .mainTable td { height: 22px; width: 80px; white-space: nowrap; vertical-align: middle; padding: 0px; } .subTable th, .subTable td { height: 22px; width: 166px; white-space: nowrap; vertical-align: middle; padding: 0px; } .mainTable tbody td, .subTable tbody td { text-align: right; padding-right: 5px !important; } .mainTable thead th, .mainTable thead td, .subTable thead th, .subTable thead td { border: 1px solid #000; font-size: 100%; } /*-------------------*/ .mainTable .tbody1 tr:nth-of-type(2n-1)>th:nth-of-type(1), .mainTable .tbody3 tr:nth-of-type(n)>th:nth-of-type(1), .mainTable .tbody2 tr:nth-of-type(n)>th:nth-of-type(1), .mainTable .tbody4 tr:nth-of-type(n)>th:nth-of-type(1) { font-size: 100%; } /*-------------------*/ .mainTable .tbody1 tr th { border: 1px solid #000; background-color: lightcyan; } /*-------------------*/ .mainTable .tbody2 tr th { border: 1px solid #000; background-color: lightyellow; } /*-------------------*/ .mainTable .tbody3 tr th { border: 1px solid #000; background-color: orange; } /*-------------------*/ .mainTable .tbody4 tr th { border: 1px solid #000; background-color: pink; } /*-------------------*/ .mainTable .tbody1 tr:nth-of-type(1), .mainTable .tbody2 tr:nth-of-type(1), .mainTable .tbody3 tr:nth-of-type(1), .mainTable .tbody4 tr:nth-of-type(1) { border-top: 2px solid #000; } .mainTable .tbody1 tr:nth-last-of-type(1), .mainTable .tbody2 tr:nth-last-of-type(1), .mainTable .tbody3 tr:nth-last-of-type(1), .mainTable .tbody4 tr:nth-last-of-type(1), .subTable .tbody1 tr:nth-of-type(1) { border-bottom: 2px solid #000; } /*-------------------*/ .mainTable .tbody1 td:nth-of-type(2n-1), .mainTable .tbody2 td:nth-of-type(2n-1), .mainTable .tbody3 td:nth-of-type(2n-1), .mainTable .tbody4 td:nth-of-type(2n-1) { border-top: 1px dotted #000; border-bottom: 1px dotted #000; border-left: 1px solid #000; border-right: 1px dashed #000; background-color: white; } .mainTable .tbody1 td:nth-of-type(2n), .mainTable .tbody2 td:nth-of-type(2n), .mainTable .tbody3 td:nth-of-type(2n), .mainTable .tbody4 td:nth-of-type(2n) { border-top: 1px dotted #000; border-bottom: 1px dotted #000; border-left: 1px dashed #000; border-right: 1px solid #000; background-color: lightyellow; } @media print { .reloadButton { display: none !important; } } @page { size: auto landscape; margin: 10px; }