.legend ul{padding-left:0px;}

span.cube{display:inline-block;height:18px;width:18px;margin-bottom: -3px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;}
span.plan_{background:none repeat scroll 0 0;border:1px solid grey;}
span.plan_red{background:none repeat scroll 0 0 #fa9c9f;border:1px solid grey;}
span.plan_blue{background:none repeat scroll 0 0 #c0ffff;border:1px solid grey;}
span.plan_green{background:#80FF80 url('../../../images/wheelchair.svg') no-repeat center top;border:1px solid grey;}
span.plan_fuchsia{background:none repeat scroll 0 0 #ffc0ff;border:1px solid grey;}
span.plan_yellow{background:none repeat scroll 0 0 #ffffc0;border:1px solid grey;}
span.plan_salmon{background:none repeat scroll 0 0 #FA8072;border:1px solid grey;}
span.plan_skyblue{background:none repeat scroll 0 0 #87CEEB;border:1px solid grey;}
span.plan_teal{background:none repeat scroll 0 0 #04aca9;border:1px solid grey;}
span.plan_thistle{background:none repeat scroll 0 0 #D8BFD8;border:1px solid grey;}
span.plan_palegreen{background:none repeat scroll 0 0 #98FB98;border:1px solid grey;}
span.plan_orange{background:none repeat scroll 0 0 #FFA500;border:1px solid grey;}
span.plan_incart{background:none repeat scroll 0 0 #FF00FF;border:1px solid #808080;}
span.plan_reserved{background:none repeat scroll 0 0 #808080;border:1px solid #808080;}
span.plan_locked{background:none repeat scroll 0 0 #8080C0;border:1px solid #808080;}
span.plan_own{background:none repeat scroll 0 0 #FFFFFF;border:1px solid #808080;}
/*fix opera outline*/
body.opera ul.r li { outline:0px; }
body.opera ul.r li.ltr { outline:0px; }
/*eof fix opera outline  background-image:url(../../images/disabled.png)*/
ul.r li.bl, ul#ajax_cart li.bl{background-color:#C0FFFF;}
ul.r li.rd, ul#ajax_cart li.rd{background-color:#FFC0C0;}
ul.r li.gr{background:#80FF80 url('../../../images/wheelchair.svg') no-repeat center top;}
ul.r li.or, ul#ajax_cart li.or{background-color:#FFA500;}
ul.r li.fu, ul#ajax_cart li.fu{background-color:#FFC0FF;}
ul.r li.ye, ul#ajax_cart li.ye{background-color:#FFFFC0;}
ul.r li.sa, ul#ajax_cart li.sa{background-color:#FA8072;}
ul.r li.sb, ul#ajax_cart li.sb{background-color:#87CEEB;}
ul.r li.te, ul#ajax_cart li.te{background-color:#008080;}
ul.r li.th, ul#ajax_cart li.th{background-color:#D8BFD8;}
ul.r li.pg, ul#ajax_cart li.pg{background-color:#98FB98;}
ul.r li.o{color:#000000;background-color:#FFFFFF;cursor:default;}
ul.r li.x{color:#FFFFFF;background-color:#808080;cursor:default;}
ul.r li.y{color:#FFFFFF;background-color:#FF00FF;cursor:pointer;}
ul.r li.z{color:#FFFFFF;background-color:#8080C0;cursor:default;}
ul.r li.s:hover{background-color:#000;color:#FFFFFF;}

div.seatplan{width:754px;height:300px;margin-top:10px;padding:0px;outline:0px solid #C0C0C0;margin-left:auto;margin-right:auto;-khtml-user-select:none;user-select:none;background: url("../../../bg-ab.png") no-repeat center bottom;}
ul.hidden{display:none !important;}
ul.r{padding:0px;margin:0px;list-style-type:none;height:24px;}
ul.r li{float:left;width:22px;height:18px;font-family:Verdana;font-size:10px;padding:0;margin-left:2px;margin-right:2px;text-align:center;/*outline:1px solid #C0C0C0;*/border:1px solid #808080;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;-webkit-box-shadow:0 2px 2px rgba(0, 0, 0, 0.2);box-shadow:0 2px 2px rgba(0, 0, 0, 0.2);color:#000000;cursor:pointer;}
ul.r li.ltr{font-weight:bold;color:#ff0000;outline:0px solid #c0c0c0;background-color:transparent;cursor:default;border:0px solid #808080;-webkit-box-shadow:none;box-shadow:none;margin: 0 2px}
ul.r li.b{background:none repeat scroll 0 0 transparent;cursor:default;outline:0px solid transparent;border:0px solid #808080;-webkit-box-shadow:none;box-shadow:none ;}
ul.r li.c{background:none repeat scroll 0 0 transparent;cursor:default;outline:0px solid transparent;border:0px solid #808080;-webkit-box-shadow:none ;box-shadow:none ;}

ul.r li.h{width:22px;font-weight:bold;color:#555;outline:0px solid #c0c0c0;background-color:transparent;cursor:default;border:0px solid #808080;-webkit-box-shadow:none;box-shadow:none;}

ul.r li.sd{background:#ccc;cursor:default;outline:0px solid transparent;border:0px solid #808080;-webkit-box-shadow:none;box-shadow:none ;}
#gap{height:0px;}

@media (max-width: 1200px) {

	div.seatplan{width:696px;margin-top:10px;outline:0px solid blue;}
	ul.r{height:20px;}
	ul.r li{float:left;width:20px;height:17px;font-size:9px;padding:0;margin-left:2px;margin-right:2px;}
	ul.r li.h{width:20px;}
	ul.r li.ltr{margin: 0 2px}
	#gap{height:0px;}

}
@media (max-width: 992px) {	
		
	div.seatplan{width:696px;margin-top:10px;outline:0px solid red;}
	ul.r{height:20px;}
	ul.r li{float:left;width:20px;height:17px;font-size:9px;padding:0;margin-left:2px;margin-right:2px;}
	ul.r li.h{width:20px;}
	ul.r li.ltr{margin: 0 2px}
	#gap{height:0px;}
}

@media (max-width: 767px) {	
		
	div.seatplan{width:466px;margin-top:10px;outline:0px solid green;}
	ul.r{height:20px;}
	ul.r li{float:left;width:16px;height:15px;font-size:8px;padding:0;margin-left:0px;margin-right:0px;}
	ul.r li.h{width:16px;}
	ul.r li.ltr{margin: 0px}
	#gap{height:0px;}
}

@media (max-width: 767px) {
	.clear {overflow-x: scroll;-webkit-overflow-scrolling: touch;}
}
@media (max-width: 480px) {
	.clear {overflow-x: scroll;-webkit-overflow-scrolling: touch;}
} 