@color_line: #5e8b51;
@color_bg: #a23d3e;
@color_border: #812c2a;
@color_button: #62965b;


.font-face(@filename, @name) {
  @font-face {
    font-family: @name;
    src: local(@name), e(%("url(/assets/templates/mytheme/font/%s)", @filename)) format("truetype");
    font-weight: normal;
    font-style: normal;
  }
}

.font-face("Nautilus.otf", "Nautilus");

input {
	outline: none;
	font-family: Tahoma, Geneva, sans-serif;
}

.bs {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);
}
.br(@radius : 6px) {
	-webkit-border-radius: @radius;
	-moz-border-radius: @radius;
	border-radius: @radius;
}
.bs {
	-webkit-box-sizing: border-box; /* Safari */
	-moz-box-sizing: border-box; /*Firefox 1-3*/
	box-sizing: border-box;
}


.myform_v {
    position: relative;
    right: 20px;
    top: 10px;
    width: 370px;
    height: 390px;
    zoom: 0.8;
    margin-bottom: 15px;
    font: 12px/15px Arial, Helvetica, sans-serif;
	.line_1 {
		width: 100%;
		position: absolute;
		top: 55px;
		height: 120px;
		background: @color_line;
		z-index: 1;
		&:before {
			border-bottom: 60px solid rgba(255, 255, 255, 0);
			border-left: 20px solid #fff;
			border-top: 60px solid rgba(255, 255, 255, 0);
			content: "";
			height: 0;
			left: 0;
			position: absolute;
			top: 0;
			width: 0;
			-webkit-transform: rotate(0.05deg);
            -moz-transform: scale(1.1);
            -o-transform: rotate(0.05deg); /* Didn't check Opera yet */
            transform: rotate(0.05deg);
		}
		&:after {
			border-bottom: 60px solid rgba(0,0,0,0);
			border-right: 20px solid #fff;
			border-top: 60px solid rgba(0,0,0,0);
			content: "";
			height: 0;
			-webkit-transform: rotate(0.05deg);
            -moz-transform: scale(1.1);
            -o-transform: rotate(0.05deg); /* Didn't check Opera yet */
            transform: rotate(0.05deg);
			position: absolute;
			right: 0;
			top: 0;
			width: 0;
		}
	}
	.line_2 {
		width: 300px;
		position: absolute;
		top: 20px;
		height: 120px;
		background: @color_line;
		left: 50%;
		margin-left: -150px;
		border: solid #6d756b 1px;
		z-index: 10;
		font-family: "Nautilus";
		font-size: 30px;
		text-align: center;
		div {
			margin: 13px 0px;
			&:first-child {
				//margin: 0px 0px;
			}
		}
		span {
			position: relative;
			color: rgba(230,229,243,1);
			text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
		}
		
		.pen {
			position: absolute;
			background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAYCAYAAACBbx+6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjRFRjhCMDVCM0Q0MjExRTQ5QkU4QTI2NEI4Qjk1REQyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjRFRjhCMDVDM0Q0MjExRTQ5QkU4QTI2NEI4Qjk1REQyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NEVGOEIwNTkzRDQyMTFFNDlCRThBMjY0QjhCOTVERDIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NEVGOEIwNUEzRDQyMTFFNDlCRThBMjY0QjhCOTVERDIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6qRpWqAAACZUlEQVR42syXzYoaQRDHp9fRzI5rsusXGmH1JEIgIhqMOQfiC3gRvHrw7jvoM+jVi+BJ0Xtugl5y8JAX2CDrBHQnzmqrqVrKIDLOLpHZmYKie+wWfl3zr+oaYbfbCXZwMCZJ0q0sy59EUfyGHg6H0/V63QPrjv0+RpstNcYY8ImfOec3x2ter1fr9XrjXC43h0d+IdjAnE7nRz1YNEVRpFarFYPpJfiFaIPoIsh7oz2qqroJWLM8wm63+y1yG+1JJpMcBgwusxw4kUhoRuvRaHRTqVQeUL/gW8uBR6PRIhKJ3OuthUKhbafTmblcrj/wiL6xQ9Jt+/3+j3w+/ysQCHCKKi+Xyw/j8fgunU7P4KffqF/wnS3KGmY/uAyOesYEc5AEluALiu7TYU4CQ/aeRfAfgUBoJyUXzrcEuaa5YDfgl5VBqm9fzXzf7Xb7e6FQUPev9SztwH3NzBZoKpXywyA9V29fBAyZaTowNDUyafN8SYDWEPgK3E/yMMMwy7HWqk+liTEHdmYwBlerlRdGHgwG72u12s9SqbQ8TDI9YIFO/4bKiRm2AX9EDQOcCzqzL9DseI43AfRyOByOYrHYgv6jW0oESgY8/dwk/5dwAJvRg0WbTqeXjUbjlt40MwJ+FYPe9h3A+oz2aJp2RcAOy4FBftfP7YGrmBOs9RH2+XxLo/V4PM6LxeL+Gt5aDtxsNhW/3z8/1UZ2u90Z6f1kpXjt5ocNBgMPfFh+mEwmN/AlwTKZzDqbzT5Wq9U53Al4GIUaHm4HYIH0ue/MZNLqmtpH9bAzswvwcWfGDjozbnRpoP0VYAAYS1W9oRg/ZgAAAABJRU5ErkJggg==');
			width: 44px;
			height: 24px;
			top: 50%;
			margin-top: -12px;
			margin-left: 5px;
			&.rot {
				right: 0px;
				-webkit-transform: rotate(180deg);     /* Chrome and other webkit browsers */
				-moz-transform: rotate(180deg);        /* FF */
				-o-transform: rotate(180deg);          /* Opera */
				-ms-transform: rotate(180deg);         /* IE9 */
				transform: rotate(180deg);             /* W3C complaint browsers */
				margin-right: 5px;
			}
		}

	}
	.line_3 {
		width: 276px;
		position: absolute;
		top: 140px;
		height: 120px;
		left: 50%;
		margin-left: -150px;
	    border-top: 35px solid #000;
	    border-left: 13px solid transparent;
	    border-right: 13px solid transparent;
	    height: 0;
		z-index: 2;
		-webkit-transform: rotate(0.05deg);
        -moz-transform: scale(1.1);
        -o-transform: rotate(0.05deg); /* Didn't check Opera yet */
        transform: rotate(0.05deg);
		
	}
	.main_bg {
		width: 74%;
		margin: 0 auto;
		height: 100%;
		background: @color_bg;
		position: relative;
		z-index: 5;
		left: 2px;
		.bs;
		.br;
		.borderb {
			position: relative;
			width: 250px;
			height: 215px;
			margin: 0 auto;
			.br;
			border: dashed @color_border 1px;
			top: 160px;
			.ts {
				text-align: center;
				position: relative;
				margin-top: 10px;
				&:first-child {
					margin-top: 35px;
				}
				&:last-child {
					margin-top: 20px;
				}
				span {
					position: relative;
					display: inline-block;
					input[type="text"] {
						width: 210px;
						background: #2b2f32;
						border: 0px;
						.br;
						.bs;
						font-size: 20px;
						padding: 10px 20px 10px 30px;
						position: relative;
						z-index: 1;
						color:#fff !important;

					}
					.ico {
						position: absolute;
						z-index: 2;
						background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAfCAYAAADTNyzSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkZFQjc2ODYwM0QzQTExRTQ5MkQ5RUUwMjUxOTEzRTk3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkZFQjc2ODYxM0QzQTExRTQ5MkQ5RUUwMjUxOTEzRTk3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RkVCNzY4NUUzRDNBMTFFNDkyRDlFRTAyNTE5MTNFOTciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RkVCNzY4NUYzRDNBMTFFNDkyRDlFRTAyNTE5MTNFOTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7qyALvAAADF0lEQVR42pRUX0xSURg/wL0ICFdQLxIIFxFduqW1WZvOhx5r9ZI+ueV6s9YajZdQX3IVpA8ynQ84qpd0PfTU2nJubj5UDzFzsV4wt3TKRVAu/6/AvXdA57YgMvDPbzvb3T3f73y/832/74BCoQCKy+12i1ZXV11+vz/j9Xo3FxcXNeX7/BKCMqhUqivd3d33ZDKZRK/Xt5lMprH5eZegPKZEWFhYADKZdIBlWVBcCIIMqlT14nICUvzIZDIgm2UCfGAR8PuQZZlCxQwjIyMgFosuMQwD2D8rmUwu7e0FuYoEHlSY2iZJ8gufJUXTSb9/122z2QpVCbbRUY4kd1dYjgUURe3Dau2BIxDwpeJht9uVGk3TYHNz8yOlUtXOMNl0MBh6TdP0Wyjts9Vq/S1NJBaj4OvaWr+p1fTKYDA8EItrGnK5HBAIBKhCoeiRSCR3pFKJcXl5+Xtvb18MQRG0x9zW/gmWFHAcd1QBQFGE788wPODqs6dPehAcx+f4n5WCy1FbW6uvr2+wIxiGdZ4UXASuxgcQigqTjTjeeRpCIpGIIZFotIsMBIbUuHoCq8N0UGv+SJyQTtGJ0H5wAnrsZamsp4UQnBFnJpTc6nK5gFZ7TkUQhijDsC88Hs9di+VhoWoGeCERbND9TIb5oNXqhqRSmf5YSS0tRh1BGPtJMvATFkJOEMQNp9MpqEqAXbwFPdQnkdRc2NnZ2YadtYqhsareIZ/PDedzOUypVHLr6+vXoLdisCdMVUIkEtUgagSkUsmNcPhg0253HF/WUCjk5QcHDn4rtDR6Yh/gqW5YTkhAr0ul0ksnEmLR6Eo8HoP+R4XQ8jfHRm0VCSUvjY+PwcbpZjs6zlsO6cO8b2OjD74injoMa8wyTB6+JtHJyam/GRyO57ysx4l4AohrxEKDQT8Hq9plIIxLZrM5Ivij5h8vwYGPb/zw3c5mskAul182Eob3kQjFwSEDkNzxH2F62gkODsJvtra2pvgpVGAYAeV9S6fTH5s0TRcrunVmZrZABvzjPp/PAgN5ebpQMOgQCYXv+P1fAgwASrJ0RbZ44pcAAAAASUVORK5CYII=) no-repeat;
						width: 12px;
						height: 14px;
						top: 50%;
						margin-top: -8px;
						left: 10px;
						&.n {

						}
						&.p {
							background-position: 0px -17px;
						}
					}
				}
				input[type="submit"] {
					background: @color_button;
					border: 0px;
					font-size: 16px;
					color: #fff;
					padding: 15px 20px;
					.br(40px);
					cursor: pointer;
					-webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75), inset 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
					-moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.75), inset 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
					box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.75), inset 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
					position: relative;
					&:active {
						top: 2px;
					}
				}
			}
		}
	}
}

.myform_g {
	width: 690px;
	height: 120px;
	position: relative;
	//left: -44px;
    margin-bottom: 15px;
    font: 12px/15px Arial, Helvetica, sans-serif;
	.line_1 {
		width: 100%;
		position: absolute;
		top: 25px;
		height: 34px;
		background: @color_line;
		z-index: 1;
		&:before {
			border-bottom: 17px solid rgba(0,0,0,0);
			border-left: 10px solid #fff;
			border-top: 17px solid rgba(0,0,0,0);
			content: "";
			height: 0;
			left: 0;
			position: absolute;
			top: 0;
			width: 0;
			-webkit-transform: rotate(0.05deg);
            -moz-transform: scale(1.1);
            -o-transform: rotate(0.05deg); /* Didn't check Opera yet */
            transform: rotate(0.05deg);
		}
		&:after {
			border-bottom: 17px solid rgba(0,0,0,0);
			border-right: 10px solid #fff;
			border-top: 17px solid rgba(0,0,0,0);
			content: "";
			height: 0;
			position: absolute;
			right: 0;
			top: 0;
			width: 0;
			-webkit-transform: rotate(0.05deg);
            -moz-transform: scale(1.1);
            -o-transform: rotate(0.05deg); /* Didn't check Opera yet */
            transform: rotate(0.05deg);
		}
	}
	.line_2 {
		width: 640px;
		position: absolute;
		top: 10px;
		height: 35px;
		background: @color_line;
		left: 50%;
		margin-left: -320px;
		border: solid #6d756b 1px;
		z-index: 10;
		font-family: "Nautilus";
		font-size: 22px;
		text-align: center;
		line-height: 37px;
		div {
			display: inline-block;
		}
		span {
			position: relative;
			color: rgba(230,229,243,1);
			text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
		}
		
		.pen {
			position: absolute;
			background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAYCAYAAACBbx+6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjRFRjhCMDVCM0Q0MjExRTQ5QkU4QTI2NEI4Qjk1REQyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjRFRjhCMDVDM0Q0MjExRTQ5QkU4QTI2NEI4Qjk1REQyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NEVGOEIwNTkzRDQyMTFFNDlCRThBMjY0QjhCOTVERDIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NEVGOEIwNUEzRDQyMTFFNDlCRThBMjY0QjhCOTVERDIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6qRpWqAAACZUlEQVR42syXzYoaQRDHp9fRzI5rsusXGmH1JEIgIhqMOQfiC3gRvHrw7jvoM+jVi+BJ0Xtugl5y8JAX2CDrBHQnzmqrqVrKIDLOLpHZmYKie+wWfl3zr+oaYbfbCXZwMCZJ0q0sy59EUfyGHg6H0/V63QPrjv0+RpstNcYY8ImfOec3x2ter1fr9XrjXC43h0d+IdjAnE7nRz1YNEVRpFarFYPpJfiFaIPoIsh7oz2qqroJWLM8wm63+y1yG+1JJpMcBgwusxw4kUhoRuvRaHRTqVQeUL/gW8uBR6PRIhKJ3OuthUKhbafTmblcrj/wiL6xQ9Jt+/3+j3w+/ysQCHCKKi+Xyw/j8fgunU7P4KffqF/wnS3KGmY/uAyOesYEc5AEluALiu7TYU4CQ/aeRfAfgUBoJyUXzrcEuaa5YDfgl5VBqm9fzXzf7Xb7e6FQUPev9SztwH3NzBZoKpXywyA9V29fBAyZaTowNDUyafN8SYDWEPgK3E/yMMMwy7HWqk+liTEHdmYwBlerlRdGHgwG72u12s9SqbQ8TDI9YIFO/4bKiRm2AX9EDQOcCzqzL9DseI43AfRyOByOYrHYgv6jW0oESgY8/dwk/5dwAJvRg0WbTqeXjUbjlt40MwJ+FYPe9h3A+oz2aJp2RcAOy4FBftfP7YGrmBOs9RH2+XxLo/V4PM6LxeL+Gt5aDtxsNhW/3z8/1UZ2u90Z6f1kpXjt5ocNBgMPfFh+mEwmN/AlwTKZzDqbzT5Wq9U53Al4GIUaHm4HYIH0ue/MZNLqmtpH9bAzswvwcWfGDjozbnRpoP0VYAAYS1W9oRg/ZgAAAABJRU5ErkJggg==') no-repeat;
			width: 36px;
			height: 16px;
			top: 50%;
			margin-top: -8px;
			margin-left: 5px;
			left: 0px;
			background-size: contain;
			&.rot {
				right: 0px;
				left: auto;
				-webkit-transform: rotate(180deg);     /* Chrome and other webkit browsers */
				-moz-transform: rotate(180deg);        /* FF */
				-o-transform: rotate(180deg);          /* Opera */
				-ms-transform: rotate(180deg);         /* IE9 */
				transform: rotate(180deg);             /* W3C complaint browsers */
				margin-right: 5px;
			}
		}

	}
	.line_3 {
		width: 589px;
		position: absolute;
		top: 47px;
		left: 50%;
		margin-left: -319px;
		border-top: 25px solid #000;
		border-left: 25px solid transparent;
		border-right: 25px solid transparent;
		height: 0;
		z-index: 2;
		-webkit-transform: rotate(0.05deg);
        -moz-transform: scale(1.1);
        -o-transform: rotate(0.05deg); /* Didn't check Opera yet */
        transform: rotate(0.05deg);
	}
	.main_bg {
	    	overflow: hidden;
		width: 620px;
		margin: 0 auto;
		height: 100%;
		background: @color_bg;
		position: relative;
		z-index: 5;
		.bs;
		.br;
		.borderb {
			position: relative;
			width: 580px;
			height: 85px;
			margin: 0 auto;
			.br;
			border: dashed @color_border 1px;
			top: 22px;
			text-align: center;
			.ts {
				text-align: center;
				position: relative;
				margin-top: 10px;
				display: inline-block;
				&:first-child {
					margin-top: 35px;
				}
				&:last-child {
					margin-top: 20px;
				}
				span {
					position: relative;
					display: inline-block;
					input[type="text"] {
						width: 190px;
						background: #2b2f32;
						border: 0px;
						.br;
						.bs;
						font-size: 18px;
						padding: 10px 20px 10px 30px;
						position: relative;
						z-index: 1;
						color:#fff !important;
					}
					.ico {
						position: absolute;
						z-index: 2;
						background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAfCAYAAADTNyzSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkZFQjc2ODYwM0QzQTExRTQ5MkQ5RUUwMjUxOTEzRTk3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkZFQjc2ODYxM0QzQTExRTQ5MkQ5RUUwMjUxOTEzRTk3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RkVCNzY4NUUzRDNBMTFFNDkyRDlFRTAyNTE5MTNFOTciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RkVCNzY4NUYzRDNBMTFFNDkyRDlFRTAyNTE5MTNFOTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7qyALvAAADF0lEQVR42pRUX0xSURg/wL0ICFdQLxIIFxFduqW1WZvOhx5r9ZI+ueV6s9YajZdQX3IVpA8ynQ84qpd0PfTU2nJubj5UDzFzsV4wt3TKRVAu/6/AvXdA57YgMvDPbzvb3T3f73y/832/74BCoQCKy+12i1ZXV11+vz/j9Xo3FxcXNeX7/BKCMqhUqivd3d33ZDKZRK/Xt5lMprH5eZegPKZEWFhYADKZdIBlWVBcCIIMqlT14nICUvzIZDIgm2UCfGAR8PuQZZlCxQwjIyMgFosuMQwD2D8rmUwu7e0FuYoEHlSY2iZJ8gufJUXTSb9/122z2QpVCbbRUY4kd1dYjgUURe3Dau2BIxDwpeJht9uVGk3TYHNz8yOlUtXOMNl0MBh6TdP0Wyjts9Vq/S1NJBaj4OvaWr+p1fTKYDA8EItrGnK5HBAIBKhCoeiRSCR3pFKJcXl5+Xtvb18MQRG0x9zW/gmWFHAcd1QBQFGE788wPODqs6dPehAcx+f4n5WCy1FbW6uvr2+wIxiGdZ4UXASuxgcQigqTjTjeeRpCIpGIIZFotIsMBIbUuHoCq8N0UGv+SJyQTtGJ0H5wAnrsZamsp4UQnBFnJpTc6nK5gFZ7TkUQhijDsC88Hs9di+VhoWoGeCERbND9TIb5oNXqhqRSmf5YSS0tRh1BGPtJMvATFkJOEMQNp9MpqEqAXbwFPdQnkdRc2NnZ2YadtYqhsareIZ/PDedzOUypVHLr6+vXoLdisCdMVUIkEtUgagSkUsmNcPhg0253HF/WUCjk5QcHDn4rtDR6Yh/gqW5YTkhAr0ul0ksnEmLR6Eo8HoP+R4XQ8jfHRm0VCSUvjY+PwcbpZjs6zlsO6cO8b2OjD74injoMa8wyTB6+JtHJyam/GRyO57ysx4l4AohrxEKDQT8Hq9plIIxLZrM5Ivij5h8vwYGPb/zw3c5mskAul182Eob3kQjFwSEDkNzxH2F62gkODsJvtra2pvgpVGAYAeV9S6fTH5s0TRcrunVmZrZABvzjPp/PAgN5ebpQMOgQCYXv+P1fAgwASrJ0RbZ44pcAAAAASUVORK5CYII=) no-repeat;
						width: 12px;
						height: 14px;
						top: 50%;
						margin-top: -8px;
						left: 10px;
						&.n {

						}
						&.p {
							background-position: 0px -17px;
						}
					}
				}
				input[type="submit"] {
					background: @color_button;
					border: 0px;
					font-size: 16px;
					color: #fff;
					padding: 10px;
					.br(40px);
					cursor: pointer;
					-webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75), inset 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
					-moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.75), inset 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
					box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.75), inset 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
					position: relative;
					&:active {
						top: 2px;
					}
				}
			}
		}
	}
}