.gridM, #gridY { position:relative; left:2%; width:96%; border-collapse:collapse; } .gridM th, #gridY th { border:0; } .gridM tr { min-height:3em; } #gridY tr { height:12em; } .gridM tr td { border:1px solid black; vertical-align:top; width:13.714285714286%; } #gridY tr td { border:1px solid black; vertical-align:top; width:25%; } .mDate { font-weight:bold; } .mDateM { font-weight:bold; } .yDate { position:relative; font-weight:bold; } .eventBoxM { font-size:0.9em; border-radius:0.2em; padding:0.2em; margin:0 0.2em; } .triBox { position:relative; width:72%; left:12%; } .triMonth { position:relative; width:100%; text-align:center; } .triDiv { display:inline-block; width:15em; padding:0.2em 0.5em; } .triSpan { width:10em; padding:0.2em 0.5em; } .triSpan2:hover { background-color:#eeeeee; } .gridM { z-index:0; } .mDate, .yDate { z-index:0; } #diBox { z-index:1; } #diBox2 { z-index:2; } #coverSlip { z-index:3; } #bannerBox { z-index:4; } #bannerBoxButtons { z-index:5; } #bannerDate { z-index:6; } #chevronleft, #chevronright { z-index:7; } #ajaxBox, #cookieBox { z-index:8; }