.box-container { border: 1px solid #6cc8f3; padding: 0 0.5em 0.5em; margin: 0.75em 0.5em 0; border-radius: 5px; overflow: hidden; } .box-container .box-header { background: #f0f0f0; color: #004f80; margin: 0 -0.4em 0.4em; padding: 0.3em 0.4em; border-bottom: none; font-size: 1.25em; } .color2 { border-color: #80f000; } .box-container .box-header:first-child, .box-container .editLink:first-child + .box-header { border-top-left-radius: 5px; border-top-right-radius: 5px; margin-top: 0; border-top: none; } .box-container * ~ .box-header { margin-top: 0.75em; border-top: 1px solid #c0c0c0; } .box-container .centered { text-align: center; } .box-container .justified { text-align: justify; } .color2 .box-header, .color2 .box-header a { color: #00804f; } .box-container .editLink { float: right; font-size: 90%; background: transparent; margin: 0.5em 0 0.5em 0.75em; padding-top: 0.4em; } @media print { .box-container .editLink { display: none; } } .box-container p, .box-container ul, .box-container .div { margin-bottom: 0.3em; } table.box-container { margin: 0; border-style: none; border-spacing: 0 0; border-collapse: collapse; } .box-first { margin: 0; clear: both; } table.box-container td { margin: 0; padding: 0 0 0 0.75em; vertical-align: top; } table.box-container td:first-child { padding: 0; } @media print { .box-container { border: 0.25mm solid #6cc8f3; } .box-container .box-header { font-size: 1em; border-top: 0.25mm solid #c0c0c0; } }