body { background: #fff; }
form { font-family: Trebuchet MS, Arial; font-size: 0.7em; color: #555; border:none;  }
h1 { font-family: Trebuchet MS, Arial; font-size: 1.7em; font-weight: normal; margin-bottom:4px; text-transform:uppercase; padding-bottom:6px; border-bottom: solid 1px #d6e0e0; }
h2 { font-weight:normal; font-family: Trebuchet MS; font-size: 0.9em; margin: 6px 0px 6px 0px; }
h3 { background: #ffffcc url('/images/base/logo.jpg') no-repeat; width:587px; height:100px; text-align:center; border-bottom: solid 1px #fac358; margin-bottom:10px; }
p { text-align:justify; }
a:visited { color: #0000aa; }
img a { border: 0; padding:0; margin:0; }
img { border: 0; }

#title { font-size:1.4em; font-weight:bold; margin-bottom:10px; }
.input { font-family:Trebuchet MS; font-size:1.0em; }

#dates { font-size:1.2em; margin-bottom:20px; margin-top:20px; }
#month { float:left; }

#viewer { width: 620px; }
#eventnumber { font-size:1.2em; float:left; padding-top:12px; font-weight:bold; }

/* Event descriptions */
#events .box { width: 600px; background-color: #fff; border: solid 1px #fff; margin-top: 10px; padding:0px; float:left; margin-right:98px; font-family:Trebuchet MS; }
#events .title { font-size:1.3em; font-weight:bold; margin-bottom:5px; }
#events .location { font-weight:bold; font-style:normal; margin-bottom:12px; font-size:1.2em; border-bottom: solid 1px #bbb; padding-bottom:8px; }
#events .date { font-weight:bold; font-style:normal; margin-bottom:12px; font-size:1.2em; margin-top:8px; }
#events .whole { width: 600px; font-style:italic; line-height:1.5em; font-size:1.2em; }
#events .picturepanel { float:left; width:200px; margin-right:10px; padding:0; }
#events .picture { width:200px; margin-right:10px; border: solid 1px #fff; padding:0; }
#events .photoselector { width: 50px; border: solid 1px #a4a470; float:left; margin-right: 5px; margin-top:10px; }
#events .details { float:left; margin-left:20px; width: 340px; font-style:italic; line-height:1.5em; font-size:1.2em; }
#events .spaces { margin-top:10px; font-size: 1.2em; margin-bottom:15px; font-weight:bold; color: #1a72d0; }
#events img { border:none; }
#events .tickets { margin-top: 16px; font-style:normal; }
#events .tickets .title { font-weight:bold; margin-bottom:12px; font-size:1.2em; border-bottom: solid 1px #dedede; padding-bottom:4px;}
#events .tickets .name { float:left; width:160px; font-weight:bold; font-size:0.9em; margin-top:2px; }
#events .tickets .selector { float:left; margin-left:0px; width:50px; }
#events .button { margin-top:10px; font-size:1.0em; font-family:Trebuchet MS; font-weight:bold; }
#events .button input { font-size: 1.0em; color:#555; font-family:Trebuchet MS; font-weight:bold;}
#events .warning { margin-top:10px; color: #ff0000; }
#events .otherdates { margin-top:10px; margin-bottom:10px; }
#events .otherdates .title { float:left; width: 120px; font-size:1.0em; font-style:normal; margin-top:2px; }
#events .otherdates .dates { float:left; width: 125px; font-family: Trebuchet MS; }

/* Confirmation page */
#confirm { width: 600px; background-color: #fff; border: solid 1px #fff; margin-top: 10px; padding:0px; }
#confirm .title { font-size:1.3em; font-weight:bold; margin-bottom:5px; }
#confirm .location { font-weight:bold; font-style:normal; margin-bottom:5px; font-size:1.2em; }
#confirm .date { font-weight:bold; font-style:normal; margin-bottom:10px; font-size:1.2em; }
#confirm .titleheading { width: 125px; }
#confirm .tickets { margin-top:20px; line-height:1.5em; font-size:1.2em; }
#confirm .tickets .title { font-weight:bold; padding-bottom:4px; border-bottom:solid 1px #aaa; margin-bottom:8px; }
#confirm .tickets .type { width:200px; font-weight:bold; }
#confirm .tickets .costperticket { width:100px; font-weight:bold; }
#confirm .tickets .quantity { width:50px; font-weight:bold; }
#confirm .tickets .cost { width:75px; font-weight:bold; }
#confirm .date { font-weight:bold; font-style:italic; margin-bottom:10px; }
#confirm .warning { color: #ff0000; margin-top:10px; }
#confirm .return { font-size:1.2em; }
#confirm .return a:link { margin-top:20px; }
#confirm .separator { margin-top:8px; margin-bottom:8px; border-bottom: solid 1px #aaa; height:0px; }
#confirm .totalcost { font-size:1.1em; font-weight:bold; }
#confirm .purchase { padding-left:0px; margin-bottom:10px; margin-top:10px; }
#confirm .purchase input { font-size: 1.2em; color:#555; font-family:Trebuchet MS; }
#confirm .details { margin-top: 20px; font-size:1.2em; }
#confirm .left { float:left; width:125px; margin-top:4px; }
#confirm .right { float:left; margin-top:0px; }
#confirm .right .text { font-family:Trebuchet MS; font-size:1.0em; color: #555; }
#confirm .instructions { font-style: italic; margin-bottom:10px; line-height:1.5em; }
#confirm .table {border: solid 1px #000; border-collapse:collapse; padding:4px;  }
#confirm .tableleft { width:150px; border: solid 1px #000; padding:4px;}
#confirm .tableleftmulti { width:150px; vertical-align:top; padding:4px; border: solid 1px #000; }
#confirm .tableright { width: 200px; border: solid 1px #000; padding:4px;}
#confirm .thanks { font-family:Trebuchet MS; font-size:1.2em; }
#confirm .promo { margin: 20px 0px 20px 0px; font-size:0.9em; }

/* Competitions */
#competition { font-family: Trebuchet MS; font-size: 1.1em; }
#competition .title { font-size: 1.2em; font-weight: bold; margin-bottom:10px; }
#competition .left { float: left; width: 300px; margin-right:20px; }
#competition .right { float: left; width:320px; }
#competition .description { margin-bottom: 16px; }
#competition .question { margin-bottom:16px; font-weight:bold; }
#competition .answer { margin-bottom: 10px; }
#competition .codes { margin-bottom: 10px; }
#competition .optout { margin-bottom: 24px; }
#competition .text { font-family: Trebuchet MS; }
#competition .button { margin-bottom:20px; }
#competition .details { margin-bottom:0px; padding: 0px; }
#competition #angelfish { float:left; margin-left:0px; font-size:0.8em; padding-top:5px; }
#competition .validate { color: Red; }
#competition .picturepanel { float:left; width:310px; margin-right:10px; padding:0; }
#competition .picture { width:300px; margin-right:10px; border: solid 1px #a4a470; padding:0; }
#competition .photoselector { width: 50px; border: solid 1px #a4a470; float:left; margin-right: 10px; margin-top:10px; }
#competition .captcha { margin-bottom:8px; }

/* Newsletters */
#newsletters { width: 800px; }
#newsletters .link { float:left; margin-right:20px; font-size:1.2em; }
.newsletter { margin-top:20px; }
#newsletter h1 { font-family: Trebuchet MS, Arial; font-size: 1.7em; font-weight: normal; margin-bottom:4px; text-transform:uppercase; padding-bottom:6px; border-bottom: solid 1px #d6e0e0; }
#newsletter h2 { font-weight:normal; font-family: Trebuchet MS; font-size: 0.9em; margin: 6px 0px 6px 0px; }
.newsletter h3, .newsletter H3 { background: none; text-align:center;  margin-bottom:10px; border: none; width:auto; height:auto; }
.newsletter .footer a { color:#fff; }
.newsletter .footer a:hover { color: #ccc; }

/* Vouchers */
.voucher { margin-bottom:20px; width: 780px; border: solid 1px #ccc; font-family: Trebuchet MS; padding:10px; }
.voucher .image { float:left; width: 300px; margin-right:10px; }
.voucher .details { float: left; width: 450px; background: #efefef; padding:10px; }
.voucher .details .title { font-size:1.3em; font-weight: bold; margin-bottom:10px; }
.voucher .details .description { margin-bottom: 10px; line-height:1.4em; }
.voucher .details .label { float:left; width: 70px; padding-top:9px; }
.voucher .details .value { float: left; margin-top: 6px; }
.voucher .promo { margin: 20px 0px; font-size:0.9em; }
.voucherdownload { font-family:Trebuchet MS; font-size: 1.5em; color: #fff; font-weight:bold; }
.voucherdownload .name { position: absolute; top: 20px; left: 20px; }
.voucherdownload .code { position: absolute; top: 50px; left: 20px; }
.voucherdownload .instructions { color: #555; font-size:0.7em; padding-top:20px; width:500px; font-weight:normal; }

/* Angelfish */
#angelfish { float:left; margin-left:20px; font-size:0.8em; padding-top:5px; }
#angelfish a { padding-left:5px; text-decoration:underline; font-weight:normal; color: #000000; }
#angelfish a:hover { text-decoration:underline; font-weight: normal; color: #fb620f; }