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

span.cube{display:inline-block;height:18px;width:18px;margin-bottom: -3px;}
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:before{padding:0;background-color:#80FF80;position:relative;top:-10px;left:0;font-family: 'FontAwesome';content: "\f193";font-size:32px;width:36px;}
.gre:before{padding:0;background-color:#80FF80;position:relative;top:-10px;left:0;font-family: 'FontAwesome';content: "\f193";font-size:32px;width:36px;}
*/

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:720px;margin: auto;margin-top:5px;background:url('../../../images/stage.png') no-repeat center top;text-align:center;padding-top:40px;font-size:26px;-webkit-background-size:100% 100%;background-size:100% 100%;height:120px;color:#808080;font-weight:bold;outline:0px solid #C0C0C0;}
div.seatplan{width:720px;margin-top:10px;padding:0px;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%;}
ul.hidden{display:none !important;}
ul.r{padding:0px;margin:0px;list-style-type:none;height:24px;}
ul.r li{float:left;width:16px;height:16px;font-family:Verdana;font-size:9px;padding:0;margin-left:2px;margin-right:2px;text-align:center;/*outline:1px solid #C0C0C0;*/border:1px solid #808080;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;-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:9px;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:0px;}

@media (max-width: 1200px) {
	div#stage_label{width:668px;}
	div.seatplan{width:668px;margin-top:10px;outline:0px solid blue;}
	ul.r{height:20px;}
	ul.r li{float:left;width:15px;height:15px;font-size:8px;padding:0;margin-left:2px;margin-right:2px;}
	ul.r li.h{width:10px;}
	ul.r li.ltr{margin: 0 4px}
	#gap{height:0px;}

}
@media (max-width: 992px) {	
	div#stage_label{width:470px;}
	div.seatplan{width:470px;margin-top:10px;outline:0px solid blue;}
	ul.r{height:20px;}
	ul.r li{float:left;width:13px;height:13px;font-size:7px;padding:0;margin-left:0px;margin-right:0px;}
	ul.r li.h{width:11px;}
	ul.r li.ltr{margin: 0 2px}
	#gap{height:0px;}
}
/* @media (max-width: 767px) {
	div#stage_label{width:400px;}
	div.seatplan{width:400px;outline:1px solid orange;padding:0px;}
	ul.r{height:18px;}
	ul.r li{width:14px;font-size:9px;height:18px;margin-left:1px;margin-right:1px;}
	ul.r li.ltr{margin: 0}
} */
@media (max-width: 575px) {
	div#stage_label{width:390px;}
	div.seatplan{width:396px;outline:0px solid green;padding:0px;}
	ul.r{height:20px;}
	ul.r li{width:11px;font-size:6px;height:12px;margin-left:0px;margin-right:0px;}
	ul.r li.ltr{margin: 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;}
} 