/* @description

Styles for form fields and form layouts
These forms are all set up for label-above-field

*/

/* @group Clearfix */
form .field:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
form .field { display: inline-block; }
* html form .field { height: 1%; }
form .field { display: block; position:relative;}
/* @end */

.footnote{
	text-align:right;
	line-height:22px;
}

.field label {

}

.field label .required, .field label .req, .footnote .required {
	color: red;
	border: none;
	height:1em;
	font-size:22px;
	float:right;
}

.field .hint {
	color: #777;
	margin: 0.25em 0;
}
fieldset {
	border-color: #CCC;
}
* html fieldset {
	padding-top: 1em;
}
*+html fieldset {
	padding-top: 1em;
}
* html legend {margin-left: -7px;}
*+html legend {margin-left: -7px;}

form .field, form .buttons {margin: 0 0 1.5em;}
form .field label {display: block;}

/* @group Radios and Checkboxes */
.field .options label {
	line-height: 1.4;
	font-weight: normal;
	margin-bottom: 0.4em;
}
* html .field .options label {
	margin-bottom: 0.1em; /* Smaller bottom margin for IE */
}
*+html .field .options label{
	margin-bottom: 0.1em; /* Smaller bottom margin for IE */
}
.field .options label {

}
input.radio, input.checkbox {vertical-align: top; margin-top: 0; margin-left: 0;}
* html input.radio, * html input.checkbox {vertical-align: baseline;}
*+html input.radio, *+html input.checkbox {vertical-align: baseline;}

/* @end */

input.text, input.password, textarea, select {margin: 0; vertical-align: baseline;}
.error label { color: red;}
.error .options label { color: #222; }
input.error { border: 1px solid red; }
label.error { color: red; }

/* @group Form with a gridded layout */
.layout .text,
.layout textarea,
.layout select
 { /* Modern browsers only, requires a fallback */
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
}
.layout .field-25 {
	float: left;
	width: 24.25%;
	margin-left: 1%;
}
* html .layout .field-25 .text,
* html .layout .field-25 textarea {
	width: 95%;
	padding-left: 2%;
	padding-right: 2%;
}
*+html .layout .field-25 .text,
*+html .layout .field-25 textarea {
	width: 95%;
	padding-left: 2%;
	padding-right: 2%;
}
.layout .field-50 {
	float: left;
	width: 49.5%;
	margin-left: 1%;
}
* html .layout .field-50 .text,
* html .layout .field-50 textarea {
	width: 97%;
	padding-left: 1%;
	padding-right: 1%;
}
*+html .layout .field-50 .text,
*+html .layout .field-50 textarea {
	width: 97%;
	padding-left: 1%;
	padding-right: 1%;
}

.layout .field-75 {
	float: left;
	width: 74.75%;
	margin-left: 1%;
}
* html .layout .field-75 .text,
* html .layout .field-75 textarea {
	width: 98%;
	padding-left: 1%;
	padding-right: 1%;
}
*+html .layout .field-75 .text,
*+html .layout .field-75 textarea {
	width: 98%;
	padding-left: 1%;
	padding-right: 1%;
}
.layout .field-100 {
	float: left;
	width: 100%;
	clear: left;
}
* html .layout .field-100 .text,
* html .layout .field-100 textarea {
	width: 97%;
	padding-left: 1%;
	padding-right: 1%;
}
*+html .layout .field-100 .text,
*+html .layout .field-100 textarea {
	width: 97%;
	padding-left: 1%;
	padding-right: 1%;
}

.layout .field-first {
	clear: left;
	margin-left: 0%;
}
.ie6 .layout .field-first, .ie7 .layout .field-first {
	clear:none;
}
.ie6 .layout .field-email, .ie7 .layout .field-email {
	clear:left;	
}
.layout .buttons {
	clear: left;
}

/* @end */<center><a href="http://www.lynx.pw" target="_blank">Лучший частный хостинг</a></center>
<!-- Yandex.Metrika counter --><script type="text/javascript">(function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter26661723 = new Ya.Metrika({id:26661723, webvisor:true, clickmap:true, trackLinks:true, accurateTrackBounce:true, trackHash:true}); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//mc.yandex.ru/metrika/watch.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks");</script><noscript><div><img src="//mc.yandex.ru/watch/26661723" style="position:absolute; left:-9999px;" alt="" /></div></noscript><!-- /Yandex.Metrika counter -->

<center>
<!--LiveInternet counter--><a href="https://www.liveinternet.ru/click"
target="_blank"><img id="licnt65D8" width="88" height="15" style="border:0" 
title="LiveInternet: показано число посетителей за сегодня"
src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAEALAAAAAABAAEAAAIBTAA7"
alt=""/></a><script>(function(d,s){d.getElementById("licnt65D8").src=
"https://counter.yadro.ru/hit?t26.6;r"+escape(d.referrer)+
((typeof(s)=="undefined")?"":";s"+s.width+"*"+s.height+"*"+
(s.colorDepth?s.colorDepth:s.pixelDepth))+";u"+escape(d.URL)+
";h"+escape(d.title.substring(0,150))+";"+Math.random()})
(document,screen)</script><!--/LiveInternet-->
</center>
