/*= svg map css :
 *            only applicable for svg rendering;
 *            not applicable for general style (html)
 *****************/
text
{
	pointer-events: none;
	font-family: sans-serif;
	font-size: 9pt;
	stroke: none;
	text-anchor: middle;
}

.order
{
	fill: #000000;
	color:#000000;
}

.offer
{
    fill: #FF0000;
    color:#FF0000;
}

text
{
	pointer-events: none;
	font-family: sans-serif;
	font-size: 9pt;
	stroke: none;
	text-anchor: middle;
}

.order
{
	fill: #000000;
	color:#000000;
}

.offer
{
    fill: #FF0000;
    color:#FF0000;
}

.territory:hover{
	fill: #22aa44;
}

.stroke_
{
	stroke: none;
}
.text
{
    font-family: sans-serif;
    font-size: 8pt;
    pointer-events: none;
    stroke: none;
}
.smalltext
{
    font-family: sans-serif;
    font-size: 6pt;
    pointer-events: none;
    stroke: none;
}
.largetext
{
    font-family: sans-serif;
    font-size: 14pt;
    pointer-events: none;
    stroke: none;
}
.mapsymbol
{
    font-family: sans-serif;
    font-size: 14pt;
    pointer-events: none;
    stroke: none;
}
.picker
{
    fill-opacity: 0.5;
    stroke-width: 2;
    stroke-opacity: 0;
}

.picker:hover
{
    fill-opacity: 0.5;
    cursor: pointer;
    stroke-opacity: 1;
}

.picker:focus {
    stroke-opacity: 1;
}

.shadow
{
    fill: green;
    fill-opacity: 0.2;
    stroke: black;
    stroke-width: 1;
}

.highlightpicker
{
    fill: green;
    fill-opacity: 0.3;
    stroke: black;
    stroke-width: 1;
}
.filledpicker
{
    fill: red;
    fill-opacity: 0.3;
    stroke: black;
    stroke-width: 1;
}
.fullpicker
{
    fill: green;
    fill-opacity: 0;
    stroke: black;
    stroke-width: 1;
}
.fullfilledpicker
{
    fill: red;
    fill-opacity: 0;
    stroke: black;
    stroke-width: 1;
}
.white
{
    fill: white;
}
.black
{
    fill: black;
}
.green
{
    fill: green;
}
.bundle
{
    fill: green;
}
.red
{
    fill: red;
}
circle
{
    /*stroke-width: 2px;*/
}
text
{
    font-family: sans-serif;
    font-size: 9pt;
    pointer-events: none;
    stroke: none;
    text-anchor: middle;
}
.order
{
    fill: black;
    font-size:15px;
}
.checked_seat
{
    stroke-width: 1.5px;
    fill: #fff;
}

.selected_seat
{
    stroke: #fff;
    stroke-width: 1.5px;
}

.seat_info
{
    fill: black;
    font-size:12px;
		text-anchor: start;
}
.offer
{
    fill: red;
}
.seatA
{
    cursor: pointer;
    opacity: 1;
}
.seatH
{
    cursor: pointer;
    opacity: 1; /* based on John's comments held seats are changed */
}
.seatM
{
    cursor: pointer;
    opacity: 1;
}
.seatU
{
    opacity: 0.3;
}
.seatR
{
    opacity: 0.3;
}
.seatS
{
    opacity: 0.3;
}
.seatO
{
    opacity: 0.3;
}
.seata
{
    opacity: 1;
}
.seath
{
    cursor: pointer;
    opacity: 1;
}
.seatm
{
    stroke: black;
}

.seats, .seato, .seatu, .seatr, .seatS, .seatO, .seatU, .seatR
{
    opacity: 0.2;
}

.seat-shadow
{
    opacity: 0.5;
    fill: #231F20;
}
.unavailable-indicator
{
    position: absolute;
    top: 0;
    left: 0;
    line-height: 12px;
    width: 12px;
    height: 12px;
    font-weight: bold;
}

.screen-nav-arrow{
    cursor: pointer;
}

.screen-nav-arrow text{
    font-size: 28px;
    fill: #000;
}

.screen-nav-arrow:hover text{
    font-size: 28px;
    fill: #555;
}