/* seat layout */

.s	/* seat */
{
	width: 23px;
	height: 23px;
	text-align: center;
	vertical-align: middle;
	font-size: 9px;
	font-weight: bold;
}

.sA			/* seat alternative */
{
	color: gray;
}

.sC1		/* seat category1 */
{
	background: url(icon_seat_category1.gif) no-repeat left top;
	cursor: pointer;
}

.sCS1		/* seat category1 sun */
{
	background: url(icon_seat_category1_sun.gif) no-repeat left top;
	cursor: pointer;
}

.sCR1		/* seat category1 rain */
{
	background: url(icon_seat_category1_rain.gif) no-repeat left top;
	cursor: pointer;
}

.sPDF1		/* seat category1 needed for pdf-generation */
{
	background-color: #D9D878;	
}



.sC2		/* seat category2 */
{
	background: url(icon_seat_category2.gif) no-repeat left top;
	cursor: pointer;
}

.sCS2		/* seat category2 sun */
{
	background: url(icon_seat_category2_sun.gif) no-repeat left top;
	cursor: pointer;
}

.sCR2		/* seat category2 rain */
{
	background: url(icon_seat_category2_rain.gif) no-repeat left top;
	cursor: pointer;
}

.sPDF2		/* seat category2 needed for pdf-generation */
{
	background-color: #78B2D9;	
}



.sC3		/* seat category3 */
{
	background: url(icon_seat_category3.gif) no-repeat left top;
	cursor: pointer;
}

.sCS3		/* seat category3 sun */
{
	background: url(icon_seat_category3_sun.gif) no-repeat left top;
	cursor: pointer;
}

.sCR3		/* seat category3 rain */
{
	background: url(icon_seat_category3_rain.gif) no-repeat left top;
	cursor: pointer;
}

.sPDF3		/* seat category3 needed for pdf-generation */
{
	background-color: #CDA749;	
}



.sC4		/* seat category4 */
{
	background: url(icon_seat_category4.gif) no-repeat left top;
	cursor: pointer;
}

.sCS4		/* seat category4 sun */
{
	background: url(icon_seat_category4_sun.gif) no-repeat left top;
	cursor: pointer;
}

.sCR4		/* seat category4 rain */
{
	background: url(icon_seat_category4_rain.gif) no-repeat left top;
	cursor: pointer;
}

.sPDF4		/* seat category4 needed for pdf-generation */
{
	background-color: #E15899;	
}



.sC5		/* seat category5 */
{
	background: url(icon_seat_category5.gif) no-repeat left top;
	cursor: pointer;
}

.sCS5		/* seat category5 sun */
{
	background: url(icon_seat_category5_sun.gif) no-repeat left top;
	cursor: pointer;
}

.sCR5		/* seat category5 rain */
{
	background: url(icon_seat_category5_rain.gif) no-repeat left top;
	cursor: pointer;
}

.sPDF5		/* seat category5 needed for pdf-generation */
{
	background-color: #57D9F5;	
}



.sC6		/* seat category6 */
{
	background: url(icon_seat_category6.gif) no-repeat left top;
	cursor: pointer;
}

.sCS6		/* seat category6 sun */
{
	background: url(icon_seat_category6_sun.gif) no-repeat left top;
	cursor: pointer;
}

.sCR6		/* seat category6 rain */
{
	background: url(icon_seat_category6_rain.gif) no-repeat left top;
	cursor: pointer;
}

.sPDF6		/* seat category6 needed for pdf-generation */
{
	background-color: #FF3616;	
}




.sL			/* seat locked */
{
	background: url(icon_seat_locked.gif) no-repeat left top;
	cursor: default;
	color: gray;
}

.sLM		/* seat locked by myself */
{
	background: url(icon_seat_locked_myself.gif) no-repeat left top;
	cursor: pointer;
}

.sB			/* seat booked */
{
	background: url(icon_seat_booked.gif) no-repeat left top;
	cursor: default;
	opacity: 0.4;
}

/* seat booked - only for logged off user */
.mainBox_userLogoff .sB								{text-indent: -5000px;}
.mainBox_userLogoff.mainBox_atOfficeReally .sB		{text-indent: 0px;}

.sBM		/* seat booked by myself */
{
	background: url(icon_seat_booked_myself.gif) no-repeat left top;
	cursor: default;
	opacity: 0.4;
}

.sBO		/* seat booked opened */
{
	background: url(icon_seat_booked_opened.gif) no-repeat left top;
	cursor: default;
}

.sBOM		/* seat booked opened by myself */
{
	background: url(icon_seat_booked_opened_myself.gif) no-repeat left top;
	cursor: default;
}

.sR			/* seat reserved */
{
	background: url(icon_seat_reserved.gif) no-repeat left top;
	cursor: default;
}

.sRM		/* seat reserved by myself */
{
	background: url(icon_seat_reserved_myself.gif) no-repeat left top;
	cursor: default;
}

.sRB		/* seat reserved for booking office */
{
	background: url(icon_seat_reserved_bookingoffice.gif) no-repeat left top;
	cursor: default;
}

.sRAM		/* seat reserved for abo by myself */
{
	background: url(icon_seat_reserved_abo_myself.gif) no-repeat left top;
	cursor: default;
}

.sRA		/* seat reserved for abo */
{
	background: url(icon_seat_reserved_abo.gif) no-repeat left top;
	cursor: default;
}

.sRBM		/* seat reserved for booking office by myself */
{
	background: url(icon_seat_reserved_bookingoffice_myself.gif) no-repeat left top;
	cursor: default;
}

.sRR		/* seat reserved for relocation */
{
	position: relative;
}

.sRR:before	/* seat reserved for relocation */
{
	content: '\2B24';
	font-size: 1.5em;
	position: absolute;
	left: 22%;
	top: -1%;
	color: #666666;
	z-index: 1;
	opacity: 0.5;
}

.sSIA		/* seat stage inactive (for the entire stage) */
{
	filter: alpha(opacity=50);
	opacity: 0.50;
}

.sIA		/* seat inactive */
{
}

.sH			/* seat hidden */
{
	filter: alpha(opacity=50);
	opacity: 0.50;
}

.sE			/* seat edited */
{
	color: #8F002B;
	font-size: 9px;
	text-decoration: blink;
}

.sI			/* seat info */
{
	width: 22px;
	cursor: default;
}

.sP			/* seat pointer */
{
	width: 22px;
	cursor: pointer;
}


.sPI		/* seat pointer inherit */
{
	cursor: inherit;
}

.sRE		/* seat reservation-end */
{
	box-shadow: 0.2ex 0.2ex 1.2ex black, inset 0 0 2.0ex #2EBECC;
}


.sSI		/* seat scanned inside */
{
   
	box-shadow: 0.2ex 0.2ex 1.2ex black, inset 0 0 2.0ex green;
}

.sSO		/* seat scanned outside */
{
	box-shadow: 0.2ex 0.2ex 1.2ex black, inset 0 0 1.0ex #FFBF00;
}


.sT			/* seat is table */
{
	width: auto;
	text-align: center;
}

.sM			/* seat middle */
{
	line-height: 23px;
}

.sK			/* seat category content */
{
	width: 30px;
	background-position: center;
	margin: 0px auto;
	cursor: default;
	position: static;
}

.sKK		/* seat category kind content */
{
	width: auto;
	height: auto !important;
	position: static;
	white-space: normal;
}



.tC1			/* ticket list category1 */
{
	height: 40px;
	background: url(ticket_bg_category1.gif);
}

.tC2			/* ticket list category2 */
{
	height: 40px;
	background: url(ticket_bg_category2.gif);
}

.tC3			/* ticket list category3 */
{
	height: 40px;
	background: url(ticket_bg_category3.gif);
}

.tC4			/* ticket list category4 */
{
	height: 40px;
	background: url(ticket_bg_category4.gif);
}

.tC5			/* ticket list category5 */
{
	height: 40px;
	background: url(ticket_bg_category5.gif);
}

.tC6			/* ticket list category6 */
{
	height: 40px;
	background: url(ticket_bg_category6.gif);
}

tr.tC1:nth-child(odd) > td,
tr.tC2:nth-child(odd) > td,
tr.tC3:nth-child(odd) > td,
tr.tC4:nth-child(odd) > td,
tr.tC5:nth-child(odd) > td,
tr.tC6:nth-child(odd) > td
{
	background-image: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,255,0.2));
}

.tL				/* ticket list locked */
{
	height: 40px;
	background: url(ticket_bg_locked.gif) repeat-x;
}

.tLM			/* ticket list locked by myself */
{
	height: 40px;
	background: url(ticket_bg_locked_myself.gif) repeat-x;
}

.tP				/* ticket pointer */
{
	cursor: pointer;
}






/*-----RESPONSIVE-----SMARTPHONES-----PORTRAIT AND LANDSCAPE-----*/
@media only screen and (max-width : 480px) {
	.bodyBox_responsive tr.tC1:nth-child(odd) > td													{background: none;}
	.bodyBox_responsive tr.tC2:nth-child(odd) > td													{background: none;}
	.bodyBox_responsive tr.tC3:nth-child(odd) > td													{background: none;}
	.bodyBox_responsive tr.tC4:nth-child(odd) > td													{background: none;}
	.bodyBox_responsive tr.tC5:nth-child(odd) > td													{background: none;}
	.bodyBox_responsive tr.tC6:nth-child(odd) > td													{background: none;}
}