/******************************************************************************
 * Generic tags
 ******************************************************************************/

BODY,TD {
margin-top:0px;
margin-left:0px;
font-family:Arial,Helvetica,sans-serif;
font-size:10pt;
}

A,A:visited {
color:#000000;
}

A:hover {
color:#ab0635;
}

FORM#frm {
margin-bottom:12px;
}

#pagetitle {
font-family:Arial,Helvetica,sans-serif;
font-size:14pt;
font-weight:bold;
color:#000000;
margin-top:8px;
margin-bottom:8px;
}

.form-element-label {
font-family:Arial,Helvetica,sans-serif;
font-size:8pt;
color:#000000;
}

#form-error-message {
font-family:Arial,Helvetica,sans-serif;
font-size:8pt;
color:#fd0000;
margin-bottom:8px;
}

.reservations-section {
margin-bottom:12px;
}

#reservations-nav {
margin-bottom:20px;
}

#reservations-nav-prev, #reservations-nav-cancel {
margin-right:8px;
}

/******************************************************************************
 * Agenda
 ******************************************************************************/

#pane-agenda {
margin-bottom:16px;
}

TABLE#agenda-shows {
width:100%;
empty-cells: show;
border-collapse: collapse;
border: outset 1pt;
border-spacing: 4pt;
background-color:#ffc20e;
}

TD.agenda-shows-column-1, TD.agenda-shows-column-2, TD.agenda-shows-column-3  {
border:1px solid #000000;
padding:4px;
font-family:Arial,Helvetica,sans-serif;
font-size:8pt;
color:#000000;
text-align:left;
vertical-align:top;
}

.agenda-cancelled {
color:#ab0635;
}

/******************************************************************************
 * Maandprogramma
 ******************************************************************************/

#month-program, #month-description-top, #month-description-bottom {
margin-bottom:16px;
}

.month-header {
border-top:1px solid #000000;
}

.month-day-even {
background-color:#ffffff;
}

.month-day-odd {
background-color:#dddddd;
}

.month-day-even-weekstart {
background-color:#ffffff;
border-top:1px solid #000000;
}

.month-day-odd-weekstart {
background-color:#dddddd;
border-top:1px solid #000000;
}

.month-show-time-even, .month-show-time-odd {
padding-right:8px;
font-family:Arial,Helvetica,sans-serif;
font-size:8pt;
color:#000000;
font-weight:bold;
}

.month-show-even {
background-color:#ffffff;
}

.month-show-odd {
background-color:#dddddd;
}

.month-show-title-even {
font-family:Arial,Helvetica,sans-serif;
font-size:8pt;
color:#000000;
display:block;
float:left;
}

.month-show-title-odd {
font-family:Arial,Helvetica,sans-serif;
font-size:8pt;
color:#000000;
display:block;
float:left;
}

.month-show-groups-even {
display:block;
float:left;
margin-left:8px;
}

.month-show-groups-odd {
display:block;
float:left;
margin-left:8px;
}

.month-show-group-even, .month-show-group-odd {
display:block;
_display:inline;
float:left;
width:27px;
height:27px;
margin-right:4px;
}

.month-show-group-film-even, .month-show-group-film-odd {
background:transparent url(/conf/fraterhuis/images/eventgroups/film.gif) no-repeat;
}

.month-show-type-even, .month-show-type-odd {
display:block;
_display:inline;
float:left;
margin-left:4px;
}

.month-show-type-9-even, .month-show-type-9-odd {
background:transparent url(http://filmtheaterfraterhuis.nl/images/icons/zinnema.gif) no-repeat;
width:48px;
height:12px;
}

.month-show-type-12-even, .month-show-type-12-odd {
background:transparent url(http://filmtheaterfraterhuis.nl/images/icons/klassieker.gif) no-repeat;
width:56px;
height:12px;
}

/******************************************************************************
 * Event detail page
 ******************************************************************************/

#pane-event {
}

#event-title {
font-family:Trebuchet;
color: #d2232a;
font-size:18px;
font-weight:bold;
text-decoration:none;
line-height:22px;
}

#event-subtitle {
font-family:Arial,Helvetica,sans-serif;
font-weight:normal;
font-weight:bold;
font-size:12px;
}

#event-description {
font-family:Arial,Helvetica,sans-serif;
font-weight:normal;
line-height:15px;
font-size:12px;
margin-top:16px;
margin-bottom:16px;
}

TABLE#event-details {
empty-cells: show;
border-collapse: collapse;
border: outset 1pt;
border-spacing: 4pt;
margin-bottom:16px;
}

TD.event-details-column-1 {
background-color:#d2232a;
border:1px solid #000000;
padding:4px;
font-family:Arial,Helvetica,sans-serif;
font-size:8pt;
font-weight:bold;
color:#ffffff;
text-align:left;
vertical-align:top;
width:140px;
}

TD.event-details-column-2 {
background-color:#ffffff;
border:1px solid #000000;
padding:4px;
font-family:Arial,Helvetica,sans-serif;
font-size:8pt;
color:#000000;
text-align:left;
vertical-align:top;
width:240px;
}

#pane-event-image {
}

#event-image {
position: relative;
border: 1px solid #000000;
margin-left: 0px;
margin-bottom: 0px;
}

#pane-tickets {
}

TABLE#event-tickets {
empty-cells: show;
border-collapse: collapse;
border: outset 1pt;
border-spacing: 4pt;
margin-bottom:16px;
}

#event-tickets TH {
background-color:#d2232a;
font-family:Arial,Helvetica,sans-serif;
font-size:8pt;
font-weight:bold;
color:#ffffff;
text-align:left;
padding:4px;
border:1px solid #000000;
}

TD.event-tickets-column-1 {
background-color:#ffffff;
border:1px solid #000000;
padding:4px;
font-family:Arial,Helvetica,sans-serif;
font-size:8pt;
color:#000000;
text-align:left;
vertical-align:top;
width:140px;
}

TD.event-tickets-column-2 {
background-color:#ffffff;
border:1px solid #000000;
padding:4px;
font-family:Arial,Helvetica,sans-serif;
font-size:8pt;
color:#000000;
text-align:left;
vertical-align:top;
width:240px;
}

#pane-event-links {
margin-bottom:16px;
}

#event-links-header {
font-weight:bold;
}

#box-event-link {
}

#event-link {
}

/******************************************************************************
 * Reservations
 ******************************************************************************/

#pane-reservations {
margin-bottom:16px;
}

LI.reservations-ol-step {
font-size:8pt;
color:#000000;
float:left;
margin-top:.2em;
margin-right:2.3em;
}

LI.reservations-ol-step-active {
border:1px solid;
font-size:8pt;
color:#000000;
font-weight:bold;
float:left;
margin-top:.2em;
margin-right:2.3em;
}

#reservations-steps {
margin-bottom:12px;
}

.reservations-step {
font-size:8pt;
color:#000000;
}

.reservations-step-active {
font-size:8pt;
color:#000000;
font-weight:bold;
}

.reservations-separator {
margin-left:4px;
margin-right:4px;
}

.reservations-show {
font-family:Arial,Helvetica,sans-serif;
font-size:8pt;
}

.reservations-show-remark {
color:#00ff00;
}

.reservations-show-marker {
font-family:Arial,Helvetica,sans-serif;
font-size:8pt;
color:#ab0635;
}

.reservations-show-wheelchair {
font-family:Arial,Helvetica,sans-serif;
font-size:8pt;
color:#000000;
}

SELECT#eventid {
size:4;
width:400px;
font-family:Arial,Helvetica,sans-serif;
font-size:10pt;
}

TABLE#reservations {
empty-cells: show;
border-collapse: collapse;
border: outset 1pt;
border-spacing: 4pt;
margin-bottom:12px;
}

TD.reservations-column-1 {
background-color:#ab0635;
border:1px solid #000000;
padding:4px;
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
font-weight:bold;
color:#ffffff;
text-align:left;
vertical-align:top;
width:140px;
}

TD.reservations-column-2 {
background-color:#ffffff;
border:1px solid #000000;
padding:4px;
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
color:#000000;
text-align:left;
vertical-align:top;
width:240px;
}

#reservations-error {
margin-bottom:12px;
}

#reservations-personal-firstname {
}

/******************************************************************************
 * Profiles
 ******************************************************************************/

TABLE#profiles {
empty-cells: show;
border-collapse: collapse;
border: outset 1pt;
border-spacing: 4pt;
}

TD.profiles-column-1 {
background-color:#ab0635;
border:1px solid #000000;
padding:4px;
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
font-weight:bold;
color:#ffffff;
text-align:left;
vertical-align:top;
width:140px;
}

TD.profiles-column-2 {
background-color:#ffffff;
border:1px solid #000000;
padding:4px;
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
color:#000000;
text-align:left;
vertical-align:top;
width:240px;
}

/******************************************************************************
 * Online sales
 ******************************************************************************/

#my-transactions-header-text {
margin-bottom:16px;
}

#my-transactions-footer-text {
margin-bottom:16px;
}

TABLE#my-transactions-pending-table {
empty-cells: show;
border-collapse: collapse;
border: outset 1pt;
border-spacing: 4pt;
margin-bottom:16px;
}

TH.my-transactions-pending, TH.my-transactions-archived {
background-color:#ab0635;
border:1px solid #000000;
padding:4px;
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
font-weight:bold;
color:#ffffff;
text-align:left;
vertical-align:bottom;
width:140px;
}

TD.my-transactions-pending, TD.my-transactions-archived {
background-color:#ffffff;
border:1px solid #000000;
padding:4px;
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
color:#000000;
text-align:left;
vertical-align:top;
width:240px;
}

#my-transactions-pending, #my-transactions-archived {
margin-bottom:24px;
}

#my-transactions-pending-title, #my-transactions-archived-title {
font-weight:bold;
margin-bottom:8px;
}

TABLE#my-transactions-archived-table {
empty-cells: show;
border-collapse: collapse;
border: outset 1pt;
border-spacing: 4pt;
margin-bottom:16px;
}

/******************************************************************************
 * Online sales detail page
 ******************************************************************************/

#my-transactions-details-header-text, #my-transactions-details-footer-text {
margin-bottom:16px;
}

#my-transactions-details, #my-transactions-tickets, #my-transactions-payments {
margin-bottom:24px;
}

#my-transactions-details-title, #my-transactions-tickets-title, #my-transactions-payments-title {
font-weight:bold;
margin-bottom:8px;
}

TABLE#my-transactions-details-table {
empty-cells: show;
border-collapse: collapse;
border: outset 1pt;
border-spacing: 4pt;
}

TD.my-transactions-details-table-column1 {
background-color:#ab0635;
border:1px solid #000000;
padding:4px;
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
font-weight:bold;
color:#ffffff;
text-align:left;
vertical-align:top;
width:140px;
}

TD.my-transactions-details-table-column2 {
background-color:#ffffff;
border:1px solid #000000;
padding:4px;
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
color:#000000;
text-align:left;
vertical-align:top;
width:240px;
}



TABLE#my-transactions-tickets-table {
empty-cells: show;
border-collapse: collapse;
border: outset 1pt;
border-spacing: 4pt;
margin-bottom:16px;
}

TH.my-transactions-tickets {
background-color:#ab0635;
border:1px solid #000000;
padding:4px;
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
font-weight:bold;
color:#ffffff;
text-align:left;
vertical-align:bottom;
width:140px;
}

TD.my-transactions-tickets {
background-color:#ffffff;
border:1px solid #000000;
padding:4px;
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
color:#000000;
text-align:left;
vertical-align:top;
width:240px;
}

TD.my-transactions-tickets-total {
background-color:#ffffff;
border:1px solid #000000;
padding:4px;
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
color:#000000;
text-align:left;
vertical-align:top;
width:240px;
}



TABLE#my-transactions-payments-table {
empty-cells: show;
border-collapse: collapse;
border: outset 1pt;
border-spacing: 4pt;
margin-bottom:16px;
}

TH.my-transactions-payments {
background-color:#ab0635;
border:1px solid #000000;
padding:4px;
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
font-weight:bold;
color:#ffffff;
text-align:left;
vertical-align:bottom;
width:140px;
}

TD.my-transactions-payments {
background-color:#ffffff;
border:1px solid #000000;
padding:4px;
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
color:#000000;
text-align:left;
vertical-align:top;
width:240px;
}

/******************************************************************************
 * Send receipt thank you page
 ******************************************************************************/

#my-transactions-sendreceipt-thanks-text {
margin-bottom:16px;
}

/******************************************************************************
 * Nieuwsbrieven
 ******************************************************************************/

FORM#newsletters-subscribe {
margin-bottom:16px;
}

#message-pane {
background-color:#ab0635;
padding:8px;
margin-bottom:16px;
}

#message-pane-text {
font-family:Arial,sans-serif;
font-size:10pt;
color:#ffffff;
}

SELECT#mailinglistid, INPUT#emailaddress, INPUT#name {
width:280px;
}

#butconfirm {
margin-top:16px;
font-family:Arial,sans-serif;
font-size:10pt;
}

DIV#newsletters-mode {
margin-bottom:8px;
}

#newsletters-subscribe-header-text {
margin-bottom:16px;
}

#newsletters-subscribe-footer-text {
margin-bottom:16px;
}

DIV#newsletters-format {
visibility:hidden;
display:none;
}

#noscript-warning {
border:1px solid #ff0000;
padding:8px;
}

/******************************************************************************
 * Miscellaneous
 ******************************************************************************/

#systemmessage {
margin-bottom:16px;
}

#show-cancelled {
color:#ab0635;
}

#profiles-change-pw-header-text, #profiles-change-pw-footer-text {
margin-bottom:16px;
}

#profiles-change-pw-form-error {
font-family:Arial,Helvetica,sans-serif;
font-size:8pt;
color:#fd0000;
margin-bottom:16px;
}

