body { font-family: verdana,arial,geneva,sans-serif; background-color: white; font-size: 9pt; }

h1,h2,h3 { margin: 0; padding: 0 }
h1 { font-size: 12pt }
h2 { font-size: 11pt }
h3 { font-size: 10pt }

td { font-size: 9pt; vertical-align: top }
td.title { font-size: 12pt; font-weight: bold }
td.header { font-size: 7pt }
td.label { text-align: right; font-weight: bold; white-space: nowrap; padding-right: 1em; }
td.label small { font-weight: normal; }
td.input { padding-top: 8px; }
td.p { padding-right: 1em; }
td.n, td.nowrap { white-space: nowrap; }
td.b { font-weight: bold; }
td.c { text-align: center; }
td.r { text-align: right; }

tr.label td { font-size: 12pt; font-weight: bold; }

a { text-decoration: underline }
a:hover { text-decoration: none }

a.fixed { color: blue }

table.cycle { empty-cells: show; border-right: 1px solid lightgrey; border-bottom: 1px solid lightgrey }
table.cycle td { border-left: 1px solid lightgrey }
table.cycle tr.header { background-color: #3D80DF; color: white }
table.cycle tr.header a { color: white }
table.cycle tr.light { background-color: white }
table.cycle tr.dark { background-color: #EDF3FE }
table.cycle tr.lightred { background-color: #FF9999 }
table.cycle tr.darkred { background-color: #FF6666 }
table.border td { border-top: 1px solid lightgrey }
table.small td { font-family: Tahoma,sans-serif; font-size: 8pt }
table.hidelinks a { color: black; text-decoration: none }
table.hidelinks a:hover { text-decoration: underline }

hr { height: 1px; color: black; background-color: black; border: 0; }

#question .question_title { font-weight: bold; color: black }
#question .question_text { line-height: 1.6em; margin-bottom: 1em }
#question .feedback_text { line-height: 1.6em; margin-top: 1em }
#question .choice { color: black }
#question .choice:hover { color: blue }
#question .question_block { display: inline-block; }

img { max-width: 500px; }

.hidden-print, .d-print-none {
    display: none !important;
}

/*
How to make sexy buttons with CSS
Source: http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html
<a class="button" href="#"><span>Save</span></a>
a.button {
    background: transparent url('/img/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px;
    text-decoration: none;
    white-space: nowrap;
}

a.button span {
    background: transparent url('/img/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
    white-space: nowrap;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none;
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px;
}
*/