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

span.cube{display:inline-block;height:18px;width:18px;margin-bottom: -3px;-webkit-border-radius:50%;border-radius:50%;line-height:1.4;font-size:12px;text-align:center;}
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:none no-repeat scroll 0 0 #80ff80;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, ul#ajax_cart li.gr{background-color:#80FF80;}
/* 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#stage_label{width:1100px;margin: auto;margin-top:5px;background:url('../../images/stage.png') no-repeat center top;text-align:center;padding-top:50px;font-size:36px;-webkit-background-size:75% 100%;background-size:75% 100%;height:120px;color:#808080;font-weight:bold;outline:0px solid #C0C0C0;}
div.seatplan{width:1100px;margin-top:10px;line-height:1.8;padding:35px 23px;outline:0px solid #C0C0C0;margin-left:auto;margin-right:auto;-khtml-user-select:none;user-select:none;-webkit-background-size:100% 100%;background-size:100% 100%;background:url('../../images/bg1.png') no-repeat center top;}
ul.hidden{display:none !important;}
ul.r{padding:0px;margin:0px;list-style-type:none;height:26px;}
ul.r li{float:left;width:22px;height:22px;font-family:Verdana;font-size:10px;padding:0;margin-left:0px;margin-right:0px;text-align:center;/*outline:1px solid #C0C0C0;*/border:1px solid #808080;-webkit-border-radius:50%;border-radius:50%;-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 5px}
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.d{width:25px;background:none repeat scroll 0 0 transparent;cursor:default;outline:0px solid transparent;border:0px solid red;-webkit-box-shadow:none;box-shadow:none ;}
ul.r li.c{width:16px; 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:11px;background:none repeat scroll 0 0 transparent;outline:0px solid 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:100px;}

@media (max-width: 1200px) {
	div#stage_label{width:900px;height:100px;padding-top:40px;font-size:30px;}
	div.seatplan{width:900px;margin-top:10px;line-height:2;outline:0px solid blue;padding:35px 19px;-webkit-background-size:100% 100%;background-size:100% 100%;}
	ul.r{height:22px;}
	ul.r li{float:left;width:18px;height:18px;font-size:8px;padding:0;margin-left:0px;margin-right:0px;}
	ul.r li.d{width:24px;}
	ul.r li.c{width:6px;}
	ul.r li.h{width:9px;}
	ul.r li.ltr{margin: 0 4px}
	#gap{height:80px;}

}
@media (max-width: 992px) {	
	div#stage_label{width:698px;height:80px;padding-top:30px;}
	div.seatplan{width:698px;margin-top:10px;outline:0px solid red;padding:25px 16px;}
	ul.r{height:18px;}
	ul.r li{float:left;width:14px;height:14px;font-size:6px;padding:0;margin-left:0px;margin-right:0px;}
	ul.r li.d{width:16px;}
	ul.r li.c{width:10px;}
	ul.r li.h{width:7px;}
	ul.r li.ltr{margin: 0 2px}
	#gap{height:70px;}
}
@media (max-width: 767px) {	
	div#stage_label{width:500px;height:60px;padding-top:15px;font-size:26px;}
	div.seatplan{width:500px;margin-top:10px;outline:0px solid red;padding:20px 11px;}
	ul.r{height:16px;}
	ul.r li{float:left;width:10px;height:10px;font-size:0px;padding:0;margin-left:0px;margin-right:0px;}
	ul.r li.d{width:12px;}
	ul.r li.c{width:6px;}
	ul.r li.h{width:5px;}
	ul.r li.ltr{font-size:6px;margin: 0 2px}
	#gap{height:60px;}
}

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