.popup-wrapper {
	/*width: 940px;*/
	height: 699px;
	padding: 10px;
	background: #252525 url('../../images/popup-bg.png') center center no-repeat;
	background-size:cover;
}
.popup-wrapper div.titlei {
	border-bottom: 1px solid #424242 !important;	
}

	.popup-wrapper div.titlei span {
		display: block;	
		border-bottom: 1px solid #040404;
		padding-bottom: 10px;
		color: #919191;
		text-shadow: 0px 1px 1px #191919;
		font-size: 14px;
	}

	.popup-wrapper div.titlei span b{
		font-size: 16px;
		color: #A5F202;
	}
.popup-wrapper div.side-bar{
	width: 175px;
	margin-top: 10px;
	height: 610px;
	float: right;
}

	.popup-wrapper div.side-bar .hall-data{ height: 80px; }

		.popup-wrapper div.side-bar .hall-data .seatsNum{
			height: 45px;
			padding: 10px;
			color: #B9B9B9;
			font-size: 11px;
			line-height: 16px;
			width: 100px;
			border: 1px solid #404040;
			background: #232323;
		}
		
			.popup-wrapper div.side-bar .hall-data .seatsNum span{ float: left; }


	.popup-wrapper div.side-bar .hall-data .seatsSelected{
		height: 63px;
		float: left;
		text-align: center;
		width: 65px;
		color: #B9B9B9;
		padding: 1px;
		font-size: 12px;
		border: 1px solid #404040;
		background: #232323;
	}
		.popup-wrapper div.side-bar .hall-data .seatsSelected span.seatsSelectedTitle{
			display: block;
			padding: 5px;
			margin-bottom: 13px;
			color: #F2F2F2;
			background-color: #393939;
			background-image: -moz-linear-gradient(top, #434343, #353535);
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #434343),color-stop(1, #353535));
			background-image: -webkit-linear-gradient(#434343, #353535);
			background-image: linear-gradient(top, #434343, #353535);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#434343', EndColorStr='#353535');
		}

.popup-wrapper div.hall-schema{
	width: 750px;
	height: 610px;
	margin-top: 10px;
	margin-right: 188px;
	border: 1px solid #404040;
	overflow: hidden;
	text-align: center;
	background: #232323;
}

.popup-wrapper div.buttons{
	padding: 10px 0;
	text-align: left;
}

.popup-wrapper div.buttons a.submit{
	display: block;
	padding: 10px 30px;
	float: left;
	text-decoration: none;
	font-weight: 700;
	color: #C4F209;
	font-size: 12px;
	background-color: #353535;
	border: 1px solid #434343;
	background-image: -moz-linear-gradient(top, #404040, #292929);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #404040),color-stop(1, #292929));
	background-image: -webkit-linear-gradient(#404040, #292929);
	background-image: linear-gradient(top, #404040, #292929);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#404040', EndColorStr='#292929');
	-moz-box-shadow: 0 0 1px #000;
	-webkit-box-shadow: 0 0 1px#000;
	box-shadow: 0 0 1px #000;
}

.popup-wrapper div.buttons a.back{
	display: block;
	padding: 10px;
	float: left;
	text-decoration: none;
	font-weight: 700;
	color: #fff;
	margin-left: 10px;
	font-size: 12px;
	/*background: url('../../images/butt-bg.png');*/
	border: 1px solid #434343;
	-moz-box-shadow: 0 0 1px #000;
	-webkit-box-shadow: 0 0 1px#000;
	box-shadow: 0 0 1px #000;
}
















.selectable { cursor: default; }

/*******************************************************************************
 *		ZOOM 1
 ---------------------------------
.ulam { /*width: 765px; height: 611px; background: url('../../images/bg.png') center center no-repeat; width: 715px; height: 559px;}
.ulam ul { display: block; /*width: 765px; width: 715px; height: 13px; list-style: none; margin: 0px; padding: 0px; clear: both; white-space:nowrap;}
.ulam ul li { display: inline-block; width: 12px; height: 12px; margin-left: 1px; margin-bottom: 1px; color: #fff; }

.ulam ul li.seat span { display: block; width: 12px; height: 12px; font-size: 1px;  background-color: #626262; position: relative; }
.ulam ul li.seat span i { display: block; width: 8px; height: 8px; background-color: transparent; top: 2px; left: 2px;  position: absolute; }

.ulam ul li.seat.ui-selecting span { background: #7b7b7b; }
.ulam ul li.seat.ui-selected span i { background-color: #2c2c2c;}

.ulam ul li.row-num span { display: block; font-size: 1px; width: 12px; height: 12px; background-color: #99c10f; 	position: relative; cursor: default; }
.ulam ul li.row-num span i { 
	display: block; position: absolute; font-size: 8px; font-style: normal; text-align: center; width: 12px; color: #313131; font-weight: bold; top: 1px; text-shadow: 0px 1px 0px #bee238;
	/*-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=4);
}*/

/*******************************************************************************
 *		ZOOM 2
 ---------------------------------*/
	/*.ulam { width: 935px; height: 731px;}
	.ulam ul { display: block; width: 935px; height: 17px; list-style: none; margin: 0px; padding: 0px; clear: both; white-space:nowrap;}
	.ulam ul li { display: inline-block; width: 16px; height: 16px; margin-left: 1px; margin-bottom: 1px; color: #fff; }

	.ulam ul li.seat span { display: block; width: 16px; height: 16px; font-size: 1px;  background-color: #626262; position: relative; }
	.ulam ul li.seat span i { display: block; width: 10px; height: 10px; background-color: transparent; top: 3px; left: 3px;  position: absolute; }

	.ulam ul li.seat.ui-selecting span { background: #7b7b7b; }
	.ulam ul li.seat.ui-selected span i { background-color: #2c2c2c;}

	.ulam ul li.row-num span { display: block; font-size: 1px; width: 16px; height: 16px; background-color: #99c10f; position: relative; cursor: default; }
	.ulam ul li.row-num span i { 
		display: block; position: absolute; font-size: 10px; font-style: normal; text-align: center; width: 16px; color: #313131; font-weight: bold; top: 1px; text-shadow: 0px 1px 0px #bee238;
		
	}*/

	/*-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=4);*/

.ulam ul li.hovered span { background: #6F6F6F;}

.ulam ul li.canceledSeats span { background: #e31b1b url('../../images/cancel_seat_x.png') center center no-repeat;}
.ulam ul li.canceledSeats.ui-selecting span { background: #ef6161 url('../../images/cancel_seat_x.png') center center no-repeat;}
.ulam ul li.canceledSeats.hovered span { background: #E94848 url('../../images/cancel_seat_x.png') center center no-repeat;}

.ulam ul li.agent_1 span { background: #fb116a;}
.ulam ul li.agent_1.ui-selecting span { background: #FB438A;}
.ulam ul li.agent_1.hovered span { background: #FB438A;}
.ulam ul li.agent_1.transp span { background:  #904A64;}

.ulam ul li.agent_2 span { background: #F3D10B;}
.ulam ul li.agent_2.ui-selecting span { background: #F7DF52;}
.ulam ul li.agent_2.hovered span { background: #F8E46A;}
.ulam ul li.agent_2.transp span { background:  #8E8348;}

.ulam ul li.disable span { background-color: #404040;}


.contextMenu {
	display: block;
	position: absolute;
	z-index: 1150;
	width: 130px;
	background: #f0f0f0;
	-moz-box-shadow: 0 0 5px #000;
	-webkit-box-shadow: 0 0 5px#000;
	box-shadow: 0 0 5px #000;
}
.contextMenu ul{ list-style: none; padding: 0; margin: 0;}
.contextMenu ul li { display: block; color: #a0a0a0; font-size: 13px; text-shadow: 0px 1px 0px #fff; position: relative;}
.contextMenu ul li span { display: block; padding: 3px 5px; color: #a0a0a0; border-bottom: 1px solid #d5d5d5;  border-top: 1px solid #fff;}
.contextMenu ul li a { display: block; padding: 3px 5px; text-decoration: none; color: #0f0f0f; border-bottom: 1px solid #d5d5d5;  border-top: 1px solid #fff; outline: none;}
.contextMenu ul li a:hover { color: #FFF; background: #4a8cf8; border-top: 1px solid #4a8cf8;  border-bottom: 1px solid #4a8cf8;  text-shadow: none; outline: none;}
.contextMenu ul li a.arrow { background: url('../../images/context_arrow_black.gif') left center no-repeat; }
.contextMenu ul li a.arrow:hover, .contextMenu ul li a.hovered.arrow { background: #4a8cf8 url('../../images/context_arrow_white.gif') left center no-repeat;}

.contextMenu ul li a.hovered  { color: #FFF; background: #4a8cf8; border-top: 1px solid #4a8cf8;  border-bottom: 1px solid #4a8cf8;  text-shadow: none;}

.contextMenu .subMenu { display: none; }

.ulamModalWindow {
	position: absolute;
	padding: 7px;
	color: #222222;
	background: #f0f0f0;
	font-size: 13px;
	font-family: Arial;
	z-index: 200;
	width: 290px;
	-moz-box-shadow: 0 0 5px #000;
	-webkit-box-shadow: 0 0 5px#000;
	box-shadow: 0 0 5px #000;
	-moz-border-radius: 3px;  -webkit-border-radius: 3px;  -khtml-border-radius: 3px;
}
.ulamModalWindow .modalTitle { 
	padding: 5px; text-align: right; background: #4e8ddf; font-weight: bold; color: #fff; font-size: 13px; 
	background-color: #4e8ddf;
	-moz-border-radius: 3px;  -webkit-border-radius: 3px;  -khtml-border-radius: 3px;
	background-image: -moz-linear-gradient(top, #4692ff, #2a79f5);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #4692ff),color-stop(1, #2a79f5));
	background-image: -webkit-linear-gradient(#4692ff, #2a79f5);
	background-image: linear-gradient(top, #4692ff, #2a79f5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4692ff', EndColorStr='#2a79f5');
}

.ulamModalWindow .line { display: block; font-size: 1px; height: 0px; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #fff;}

.ulamModalWindow .modalBody .mainText { padding: 10px; font-weight: bold; font-size: 14px }
.ulamModalWindow .modalBody .input { padding: 5px 0; text-align: right; }
.ulamModalWindow .modalBody .input label { display: block; cursor: pointer; }
.ulamModalWindow .modalBody .input input { margin: 5px 0; padding: 3px 5px; box-sizing: border-box; border: 1px solid #aaa;  font-size: 14px;}
.ulamModalWindow .modalBody .shekel { display: block; margin: 5px 0; padding: 3px 5px; width: 25px; text-align: center;  font-size: 14px; line-height: 16px; box-sizing: border-box; float: right; background: #f8fdfc;  border: 1px solid #aaa; border-right: none;}

.ulamModalWindow .modalButtons { padding: 5px 0; text-align: left; height: 28px;}
.ulamModalWindow .modalButtons a { 
	display: block;
	float: left;
	padding: 5px 15px; 
	border: 1px solid #dcdcdc; 
	text-decoration: none; 
	color: #181818;
	margin-right: 5px;
	font-weight: bold;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	background: #f0f0f0;
}
.ulamModalWindow .modalButtons a:hover { -moz-box-shadow:    0 0 10px -5px #b0b0b0; -webkit-box-shadow: 0 0 10px -5px #b0b0b0; box-shadow: 0 0 10px -5px #000; }
.ulamModalWindow .modalButtons a#aprove { background: #4c8ef9; color: #fff; border: 1px solid #446af3; }


.tooltipT td {
	padding-bottom: 5px;
	font-size: 11px;
	font-weight: 700;
	background: #D1D1D1;
	color: #2B2B2B;
	text-align: center;
}

.tooltipT b {
	display: block;
	padding: 2px 5px;
	font-size: 10px;
	background: #1F1F1F;
	color: #fff;
	margin-bottom: 5px;
}

.right-side {
	width: 200px;
	margin: 0 auto;
	color: #fff;
	height: 530px;
	background: #232323;
	border: 1px solid #424242;
	font-size: 13px;
	position: relative;
	z-index: 100
}




ul.agents-list { list-style: none; padding: 5px; margin: 5px 15px 50px 5px; width: 170px; }

ul.agents-list li { border-right: 1px solid #CCFF00; position: relative; direction: rtl; text-align:  right; }
ul.agents-list li span { display: block; height: 24px;}
ul.agents-list li span i, ul.agents-list li ul.tiket-prices li i { font-style: normal; }
ul.agents-list li span i.line-con { display: block; font-size: 1px; float: right; border-top: 1px solid #CCFF00; height: 11px; width: 8px; margin-top: 12px; }
ul.agents-list li span i.agent-name { display:inline-block; max-width:100px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

ul.agents-list li span a { 
	display: block;
	padding: 4px 0 4px 4px;
	height: 16px; 
	margin-right: 8px; 
	color: #fff; 
	outline: none;
	text-decoration: none; 
	font-weight: 700; 
	line-height: 16px;
}

ul.agents-list li span a i.line-con { display: block; font-size: 1px; float: right; border-top: 1px solid #CCFF00; height: 7px; width: 4px; margin-top: 8px; }
ul.agents-list li span a i.arrow { 
	display: block; 
	float: right; 
	width: 16px; 
	height: 16px; 
	margin-left: 5px; 
	background: #fb116a url('../../images/arrow.png') center center no-repeat;
}
ul.agents-list li span a i.arrow.down { background: #fb116a url('../../images/arrow-down.png') center center no-repeat; }
ul.agents-list li span a i.seats-num, ul.agents-list li ul.tiket-prices li a i.seats-num { 
	display: block;
	font-size: 11px;
	color: #fb116a;
	float: left;
}
ul.agents-list li span a i.options, ul.agents-list li ul.tiket-prices li a i.options {
	display: none;
	float: left;
	width: 16px; 
	height: 16px;
	cursor: pointer; 
	padding-right: 5px;
	border-right: 1px dotted #5b5b5b;
	background: url('../../images/star.png') 3px center no-repeat; 
}
ul.agents-list li span a i.blanker { display: block; position: absolute; top: 20px; height: 4px; right: 20px; border-left: 1px solid #fb116a;}

ul.agents-list li span a:hover, 
ul.agents-list li span a.hovered, 
ul.agents-list li ul.tiket-prices li a:hover, 
ul.agents-list li ul.tiket-prices li a.hovered 
{ 
	border: 1px solid #3b3b3b; 
	padding: 3px 3px 3px 3px;
	background-color: #272727;
	background-image: -moz-linear-gradient(top, #353535, #272727);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #353535),color-stop(1, #272727));
	background-image: -webkit-linear-gradient(#353535, #272727);
	background-image: linear-gradient(top, #353535, #272727);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#353535', EndColorStr='#272727');
	-moz-box-shadow: 1px 1px 2px #171717;
	-webkit-box-shadow: 1px 1px 2px #171717;
	box-shadow: 1px 1px 2px #171717;
}
ul.agents-list li span a:hover i.line-con, 
ul.agents-list li span a.hovered i.line-con 
	{ display: none; }
ul.agents-list li span a:hover i.seats-num, 
ul.agents-list li span a.hovered i.seats-num, 
ul.agents-list li ul.tiket-prices li a:hover i.seats-num, 
ul.agents-list li ul.tiket-prices li a.hovered i.seats-num 
	{ display: none; }
ul.agents-list li span a:hover i.options, 
ul.agents-list li span a.hovered i.options, 
ul.agents-list li ul.tiket-prices li a:hover i.options,
ul.agents-list li ul.tiket-prices li a.hovered i.options 
	{ display: block; }
ul.agents-list li span a:hover i.blanker,
ul.agents-list li span a.hovered i.blanker 
	{ display: none; }

ul.agents-list li.title span a { font-weight: 700; color: #CCFF00; text-decoration: none; padding: 4px;}
ul.agents-list li.title span a:hover, 
ul.agents-list li.title span a.hovered 
	{ padding: 3px;}
ul.agents-list li.title span i.circle { display: block; width: 7px; height: 17px; background: #232323 url('../../images/circle.png') center bottom no-repeat; position: absolute; right: -4px;}


ul.agents-list li ul.tiket-prices { list-style: none; padding: 0; margin: 0 20px 0 0; padding-bottom: 10px; }
ul.agents-list li ul.tiket-prices li { border-right: 1px solid #fb116a; height: 24px; line-height: 18px; color: #cecece; position: relative; }
ul.agents-list li ul.tiket-prices li i.line-con { display: block; font-size: 1px; float: right; border-top: 1px solid #fb116a; height: 11px; width: 10px; margin-top: 12px; }
ul.agents-list li ul.tiket-prices li a {
	white-space:nowrap;
	display: block;
	padding: 4px;
	height: 16px; 
	margin-right: 10px;
	padding-left: 5px; 
	color: #cecece; 
	text-decoration: none; 
	line-height: 16px;
}
ul.agents-list li ul.tiket-prices li a i.ticket-name { display:inline-block; max-width: 65px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
ul.agents-list li ul.tiket-prices li a i.seats-num { color: #cecece; }
ul.agents-list li ul.tiket-prices li a:hover,
ul.agents-list li ul.tiket-prices li a.hovered
{ color: #fff; }


ul.agents-list li ul.tiket-prices li.blanker{ height: 5px; }

ul.agents-list ul.menu-options, 
ul.agents-list li ul.tiket-prices ul.menu-options {
	display: block;
	position: absolute;
	z-index: 150;
	width: 130px;
	left: -130px;
	top: -3px;
	background: #f0f0f0;
	-moz-box-shadow: 0 0 5px #000;
	-webkit-box-shadow: 0 0 5px#000;
	box-shadow: 0 0 5px #000;
	list-style: none; padding: 0; margin: 0;
}

ul.agents-list ul.menu-options li, 
ul.agents-list li ul.tiket-prices ul.menu-options li { 
	display: block; color: #a0a0a0; font-size: 13px; text-shadow: 0px 1px 0px #fff; position: relative; border-right: none;
}

ul.agents-list ul.menu-options li span, 
ul.agents-list li ul.tiket-prices ul.menu-options li span { 
	display: block; padding: 3px 5px; color: #a0a0a0; border-bottom: 1px solid #d5d5d5;  border-top: 1px solid #fff;
}
ul.agents-list ul.menu-options li a, 
ul.agents-list li ul.tiket-prices ul.menu-options li a { 
	display: block; padding: 3px 5px; text-decoration: none; color: #0f0f0f; border-bottom: 1px solid #d5d5d5;  border-top: 1px solid #fff; margin-right: 0;
}
ul.agents-list ul.menu-options li a:hover, 
ul.agents-list li ul.tiket-prices ul.menu-options li a:hover { 
	margin: 0; border: none; color: #FFF; background: #4a8cf8; border-top: 1px solid #4a8cf8;  border-bottom: 1px solid #4a8cf8;  text-shadow: none; 
	-moz-box-shadow: none;
	-webkit-box-shadow:none;
	box-shadow: none;
}

.transparent {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
}

.closed { display: none; }

.green { color: #A5F202 }

.user-box { background: url('../../images/user-box-bg.png'); border: 1px solid #404040; margin-bottom: 15px;}
.user-box .ub-title { background: url('../../images/ub-title-bg.png'); border-bottom: 1px solid #404040; padding: 8px; font-size: 14px; color: #ccff00; }
.user-box .ub-item { border-bottom: 1px solid #2e2e2e; border-top: 1px solid #434343; padding: 8px; font-size: 14px; color: #cacaca; }
	.user-box .ub-item.first { border-top: none }
	.user-box .ub-item.last { border-bottom: none }
	.user-box .ub-item .rect { display: block; float: right; width: 16px; height: 16px; margin-left: 10px; border-bottom: 1px solid #272727; border-right: 1px solid #272727; }
	.user-box .ub-item .handy { display: block; float: right; width: 16px; height: 16px; margin-left: 10px; background: url('../../images/handycapt.png') center center no-repeat; }
	.user-box .ub-item .selected { display: block; float: right; width: 16px; height: 16px; margin-left: 10px; background: url('../../images/ub-selected-bg.png') center center no-repeat; }
	.user-box .ub-item .unevel { display: block; float: right; width: 16px; height: 16px; margin-left: 10px; background: #404040; border-bottom: 1px solid #272727; border-right: 1px solid #272727; }
	.user-box .ub-basket { padding: 15px 8px; font-size: 14px; color: #cacaca; }
        .user-box .ub-item .busy { display: block; float: right; width: 16px; height: 16px; margin-left: 10px; border-bottom: 1px solid #272727; border-right: 1px solid #272727; background: #BBCE1E;position: relative;}
       
        .user-box .ub-item .busy i{ background-color: rgba(0, 0, 0, 1);
    display: block;
    height: 8px;
     left: 4px;
    position: absolute;
    top: 4px;
    width: 8px;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
        }
         .user-box .ub-item .tmp-busy { display: block; float: right; width: 16px; height: 16px; margin-left: 10px; border-bottom: 1px solid #272727; border-right: 1px solid #272727; background: #BBCE1E;position: relative;}
         .user-box .ub-item .tmp-busy i{background: #2C2C2C;   height: 10px;
    left: 3px;
    position: absolute;
    top: 3px;
    width: 10px;
    position: absolute; }
         

.lb-v-dummy { width: 100%; display: block; height: 1px; }
.lb-h-dummy { height: 100%; display: block; width: 1px; }
.lb-clear { clear: both; }
.lb-wrap { z-index: 0; overflow: auto; position: relative; }
/*.lb-scrollbar-wrap { position: absolute; left: 0; top: 0; }*/
.lb-v-scrollbar { z-index: 1; position: absolute; right: 2px; top: 2px; width: 7px; height: 100%; background: #cfcfcf; opacity: 0.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }
.lb-h-scrollbar { z-index: 1; position: absolute; bottom: 2px; left: 2px; width: 100%; height: 7px; background: #cfcfcf; opacity: 0.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }
.lb-v-scrollbar-slider { position: absolute; width: 7px; height: 50px; left: 0; top: 0; background: #000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }
.lb-h-scrollbar-slider { position: absolute; height: 7px; width: 50px; left: 0; top: 0; background: #000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }

.rotate_90
{
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.rotate_180
{
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.rotate_270
{
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}