DIV#shop-seating-notification {
margin-bottom:16px;
}

DIV.notification-success {
margin-bottom:16px;
}

DIV#shop-seating-header {
margin-bottom:16px;
}

DIV#shop-seating-details {
margin-bottom:16px;
}

DIV#shop-seating-buttons {
margin-bottom:16px;
}

DIV#shop-seating-canvas {
margin-bottom:16px;
}

DIV#shop-seating-footer {
margin-bottom:16px;
}

DIV#shop-seating-map-help {
width:100%;
margin-bottom:16px;
border:2px solid #92a8d6;
border-radius:4px;
padding:16px;
}

DIV#container-confirmseating {
}

DIV#front-row-notification {
display:none;
position:absolute;
bottom:128px;
left:16px;
margin-right:32px;
}

DIV#seat-selection-notification {
margin-bottom:16px;
}

TABLE.shop-seating-details {
width:100%;
empty-cells:show;
border-collapse:collapse;
}

DIV#overlay {
position:fixed;
top:0px;
left:0px;
width:100%;
z-index:100;
background-color:#92a8d6;
padding:8px;
filter:alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity:0.9;
opacity:0.9;
}

DIV#canvas-pane {
position:relative;
width:100%;
height:64px;
border:1px solid #dddddd;
border-radius:4px;
overflow:auto;
}

DIV#pane-event {
}

DIV#pane-quantity {
}

DIV#pane-kijkwijzer-consent {
}

DIV#pane-buttons {
}

#plan-pane {
position:fixed;
top:48px;
right:16px;
width:400px;
background-color:#ccccff;
padding:8px;
}

#detail-pane {
position:fixed;
top:148px;
right:16px;
width:400px;
background-color:#ccccff;
padding:8px;
}

#detail-pane H2 {
margin-bottom:8px;
}

DIV#notification {
position:fixed;
bottom:40px;
left:0px;
text-align:center;
width:100%;
z-index:100;
padding:16px;
background-color:#b9d296;
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity:0.8;
opacity:0.8;
}

DIV.notification-close {
display:none;
float:right;
margin-right:48px;
font-size:1.0em;
}

DIV#notification-message {
font-size:1.5em;
}

DIV.seat {
position:absolute;
width:24px;
height:24px;
cursor:pointer;
/*
border:2px solid #bdbdbd;
background-image:url('/images/chair.png');
*/
}

#message-pane {
background-color:#cccccc;
padding:8px;
}

.seat-template {
display:none;
visibility:hidden;
}

.seat-available {
background-color:transparent !important;
background-image:url(/images/icons/seat-available-new.png) !important;
background-size:100%;
background-position:center;
background-repeat:no-repeat;
}

.seat-available-upside-down {
background-color:transparent !important;
background-image:url(/images/icons/seat-available-new-upside-down.png) !important;
background-size:100%;
background-position:center;
background-repeat:no-repeat;
}

.seat-unavailable {
background-color:transparent !important;
background-image:url(/images/icons/seat-unavailable-new.png) !important;
background-size:100%;
background-position:center;
background-repeat:no-repeat;
}

.seat-unavailable-upside-down {
background-color:transparent !important;
background-image:url(/images/icons/seat-unavailable-new-upside-down.png) !important;
background-size:100%;
background-position:center;
background-repeat:no-repeat;
}

.seat-blocked {
background-color:transparent !important;
background-image:url(/images/icons/seat-blocked-new.png) !important;
background-size:100%;
background-position:center;
background-repeat:no-repeat;
}

.seat-blocked-upside-down {
background-color:transparent !important;
background-image:url(/images/icons/seat-blocked-new-upside-down.png) !important;
background-size:100%;
background-position:center;
background-repeat:no-repeat;
}

#message-pane-text {
font-family:Arial,sans-serif;
font-size:10pt;
color:#000000;
}

FORM#frm {
margin-bottom:8px;
}

DIV#legend-pane {
position:absolute;
bottom:16px;
left:16px;
overflow:hidden;
padding:0px;
}

DIV.legenditem {
float:left;
width:140px;
padding:0px;
margin-right:4px;
margin-bottom:0px;
}

DIV.legenditem-indicator {
float:left;
margin-right:4px;
width:32px;
height:32px;
background-color:transparent !important;
background-size:100%;
background-position:center;
background-repeat:no-repeat;
}

DIV.legend-available {
background-image:url(/images/icons/seat-available-new.png) !important;
}

DIV.legend-available-upside-down {
background-image:url(/images/icons/seat-available-new-upside-down.png) !important;
}

DIV.legend-unavailable {
background-image:url(/images/icons/seat-unavailable-new.png) !important;
}

DIV.legend-unavailable-upside-down {
background-image:url(/images/icons/seat-unavailable-new-upside-down.png) !important;
}

DIV.legend-blocked {
background-image:url(/images/icons/seat-blocked-new.png) !important;
}

DIV.legend-blocked-upside-down {
background-image:url(/images/icons/seat-blocked-new-upside-down.png) !important;
}

DIV.legend-selected {
background-image:url(/images/icons/seat-selected-new.png) !important;
}

DIV.legend-selected-upside-down {
background-image:url(/images/icons/seat-selected-new-upside-down.png) !important;
}

DIV.legenditem-description {
margin-top:8px;
font-size:0.8em;
color:#999999;
}

.rowindicator {
position:absolute;
font-size:1.25em;
font-weight:bold;
color:#000000;
padding:0px;
height:24px;
}

DIV#frontindicator {
position:absolute;
top:4px;
width:100%;
text-align:center;
font-size:1.5em;
font-weight:bold;
color:#000000;
padding:0px;
}

DIV.peg {
position:absolute;
width:32px;
height:32px;
cursor:pointer;
}

DIV.peg-background {
background-color:transparent !important;
background-image:url(/images/icons/seat-selected-new.png) !important;
background-size:100%;
background-position:center;
background-repeat:no-repeat;
}

DIV.peg-background-upside-down {
background-color:transparent !important;
background-image:url(/images/icons/seat-selected-new-upside-down.png) !important;
background-size:100%;
background-position:center;
background-repeat:no-repeat;
}

.peghover {
background-color:#ffff22;
}

DIV#pane-please-wait {
display:none;
}

.seat-available-seat-flag-wheelchair {
background-color:transparent !important;
background-image:url(/images/icons/wheelchair-new.png), url(/images/icons/seat-available-new.png) !important;
background-size:100%;
background-position:center;
background-repeat:no-repeat;
}

.seat-available-upside-down-seat-flag-wheelchair {
background-color:transparent !important;
background-image:url(/images/icons/wheelchair-new.png), url(/images/icons/seat-available-new-upside-down.png) !important;
background-size:100%;
background-position:center;
background-repeat:no-repeat;
}

.seat-unavailable-seat-flag-wheelchair {
background-color:transparent !important;
background-image:url(/images/icons/wheelchair-new.png), url(/images/icons/seat-unavailable-new.png) !important;
background-size:100%;
background-position:center;
background-repeat:no-repeat;
}

.seat-unavailable-upside-down-seat-flag-wheelchair {
background-color:transparent !important;
background-image:url(/images/icons/wheelchair-new.png), url(/images/icons/seat-unavailable-new-upside-down.png) !important;
background-size:100%;
background-position:center;
background-repeat:no-repeat;
}

.seat-blocked-seat-flag-wheelchair {
background-color:transparent !important;
background-image:url(/images/icons/wheelchair-new.png), url(/images/icons/seat-blocked-new.png) !important;
background-size:100%;
background-position:center;
background-repeat:no-repeat;
}

.seat-blocked-upside-down-seat-flag-wheelchair {
background-color:transparent !important;
background-image:url(/images/icons/wheelchair-new.png), url(/images/icons/seat-blocked-new-upside-down.png) !important;
background-size:100%;
background-position:center;
background-repeat:no-repeat;
}

.seat-flag-custom-1 {
}

.seat-flag-custom-2 {
}

DIV#pane-tickets {
}

DIV.shop-tickets-tickets-odd, DIV.shop-tickets-tickets-even {
}

.hidden {
display:none;
visibility:hidden;
}

SPAN.kijkwijzer {
margin-left:8px;
}

IMG.kijkwijzer-icoon {
margin-right:-2px;
}

H4.event-label {
margin-top:0 !important;
margin-bottom:4px;
}

H4.form-element-label {
margin-top:6px;
}

DIV.hall-label {
position:absolute;
font-size:2em;
font-weight:bold;
color:#ffffff;
margin:0px;
padding:0px;
}

I.hall-icon {
position:absolute;
font-size:2em;
color:#ffffff;
margin:0px;
padding:0px;
}
