/*
 * \Sentra.Designs\ModuleLib\plugins\advanced\Sentra-Formular\CSSform\styles-form-sendbutton.tpl.css
 */

{{MODEsel}}formbutton{{ID}}(@buttonaligned) when (@buttonaligned = right) {
/* Sendbutton right aligned */
	.sendbtnright {
		width: 2 * {{form_sendbutton_width}}px;
		height:{{form_sendbutton_height}}px;
		background: {{fm_button_sendbutton_url}} right top;
		float: right;
		span {
			float: right;
			right: -{{fm_span_korr_shift}}px;
			width: {{fm_span_text_width}}px;
			position:relative;
			width:{{form_sendbutton_width}}px;
			height:{{form_sendbutton_height}}px !important;
			line-height:{{fm_span_text_line_height}}px;
			color: {{form_sendbutton_color}};
			text-align: center;
			font-weight: bold;
		}
		input.sendbtn{
			left: {{form_sendbutton_width}}px; /*{{fm_span_text_width}}px; */
			background:transparent;
			position:relative;
			width:{{form_sendbutton_width}}px !important;
			height:{{form_sendbutton_height}}px;
			border:0;
		}
	}
}
{{MODEsel}}formbutton{{ID}}(@buttonaligned) when (@buttonaligned = center) {
/* Sendbutton centered */
	div.sendbtn {
		width: {{form_sendbutton_width}}px;
		height:{{form_sendbutton_height}}px;
		background: {{fm_button_sendbutton_url}} left top;
		float: left;
		span {
			float: right;
			right:  -{{fm_span_korr_shift}}px;
			width: {{fm_span_text_width}}px;
			position:relative;
			width:{{form_sendbutton_width}}px;
			height:{{form_sendbutton_height}}px;
			line-height:{{fm_span_text_line_height}}px;
			color: {{form_sendbutton_color}};
			text-align: center;
			font-weight: bold;
		}
		input.sendbtn{
			left: 0;
			bottom:{{form_sendbutton_height}}px;
			background:transparent;
			position:relative;
			width:{{form_sendbutton_width}}px !important;
			height:{{form_sendbutton_height}}px;
			border:0;
		}
	}
}
{{MODEsel}}formbutton{{ID}}(@buttonaligned) when (@buttonaligned = left) {
/* Sendbutton left aligned */
	.sendbtnleft {
		width: 2 * {{form_sendbutton_width}}px;
		height:{{form_sendbutton_height}}px;
		background: {{fm_button_sendbutton_url}} left top;
		float: left;
		span {
			float: right;
			right: {{form_sendbutton_width}}px - {{fm_span_korr_shift}}px;
			width: {{fm_span_text_width}}px;
			position:relative;
			width:{{form_sendbutton_width}}px;
			height:{{form_sendbutton_height}}px;
			line-height:{{fm_span_text_line_height}}px;
			color: {{form_sendbutton_color}};
			text-align: center;
			font-weight: bold;
		}
		input.sendbtn{
			left: 0;
			background:transparent;
			position:relative;
			width:{{form_sendbutton_width}}px !important;
			height:{{form_sendbutton_height}}px;
			border:0;
		}
	}
}
/*
form.form {
*/
	{{MODEsel}}formbutton{{ID}}({{buttonaligned}});
/*
}
*/