body     { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 }
/* it is essential that you define a height and width for both quickFlip and quickFlipPanel */
.quickFlip, .quickFlipPanel  { width: 500px; height: 500px }
/* the rest of this is irrelevent */
a:link { color: gray }
a:visited { color: gray }
a:hover { color: #c03 }
h1    { color: gray; font-size: 17px; font-weight: normal; line-height: 24px; margin: 30px 0 0 }
h4 { color: gray; font-size: 22px; font-weight: normal; line-height: 24px; margin: 10px 0 30px }
h2   { color: gray; font-size: 13px; font-weight: normal; line-height: 20px; margin: 20px 0 0; padding: 0 }
h2 a { color: gray; text-decoration: none }
h2 a:hover { color: #c03; text-decoration: none }
h3  { color: gray; font-size: 13px; font-weight: normal; line-height: 20px; margin: 10px 0 0; padding: 0 }
h3 a { color: gray; text-decoration: none }
h3 a:hover { color: #c03; text-decoration: none }
.quickFlip   { clear: both }
.quickFlipPanel   { text-align: center }
.frontPanel   { margin: 4px; padding: 4px; border: solid 1px gray }
.backPanel   { margin: 4px; padding: 4px; border: solid 1px gray }
.quickFlipCta  { cursor: pointer; margin: 0; padding: 0 }