body { background-color: #f9f9e5; color: #333; text-align: center; }

.content { width: 480px; margin: 10px auto; border: 3px solid #fa0; border-radius: 5px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fffce5), color-stop(100%, #fff9cd)); background-image: -webkit-linear-gradient(#fffce5 0%, #fff9cd 100%); background-image: -moz-linear-gradient(#fffce5 0%, #fff9cd 100%); background-image: -o-linear-gradient(#fffce5 0%, #fff9cd 100%); background-image: linear-gradient(#fffce5 0%, #fff9cd 100%); }
.content .header { width: 480px; height: 120px; background: url(img/header-bg.png) no-repeat center center; }
.content .header .question-title { text-align: left; padding: 60px 0 0 190px; font-size: 24px; font-weight: bold; }
.content .question-text { text-align: center; font-size: 14px; line-height: 36px; }
.content .question-box { padding: 10px 10px 30px; }
.content .question-box a { cursor: pointer; font-weight: bold; }
.content .question-box a.button-highlight { border-color: #988c00; background-color: #e3d200; color: #FFFFFF; text-shadow: 0 -1px 1px rgba(91, 53, 2, 0.35); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e3d200), color-stop(100%, #b2a400)); background-image: -webkit-linear-gradient(#e3d200 0%, #b2a400 100%); background-image: -moz-linear-gradient(#e3d200 0%, #b2a400 100%); background-image: -o-linear-gradient(#e3d200 0%, #b2a400 100%); background-image: linear-gradient(#e3d200 0%, #b2a400 100%); }
.content .question-box a.button-highlight:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f3e210), color-stop(100%, #b2a400)); background-image: -webkit-linear-gradient(#f3e210 0%, #b2a400 100%); background-image: -moz-linear-gradient(#f3e210 0%, #b2a400 100%); background-image: -o-linear-gradient(#f3e210 0%, #b2a400 100%); background-image: linear-gradient(#f3e210 0%, #b2a400 100%); }
.content .question-box a.button-highlight:active { background: none repeat scroll 0 0 #b2a400; color: #786c00; }