body { margin: 0; padding: 0 0.5em 0.5em 0.5em; } h2, h3 { margin: 1em 0; font-family: sans-serif; } h2 { font-size: 18px; } h3 { font-size: 16px; } a { text-decoration: none; } a.info { color: #ccc; } a.info:hover { color: #444; } button { padding: 0.33em; } div > p:first-child { margin-top: 0; } div > p:last-child { margin-bottom: 0; } .para { width: 40em; } .whatisthis { margin: 0 0 0 8px; border: 0; padding: 0 0 4px 0; width: 16px; height: 16px; background: url('../img/help16.png') no-repeat; cursor: pointer; opacity: 0.5; vertical-align: middle; } .whatisthis:hover { opacity: 1.0; } .whatisthis-expandable { margin: 0.5em 0 1em 1.25em; padding: 0.5em; display: none; border: 1px dotted black; background-color: #F8F8F8; font-size: 13px; } .whatisthis-expandable > p { margin-top: 1em; margin-bottom: 0; } .whatisthis-expandable > p:first-child { margin-top: 0; } .whatisthis-expandable.whatisthis-expanded { display: block; } .warn { margin: 0; padding: 5px; background-color: #FEDAE0; }