@charset "utf-8";

/*
 Created by a.ryabchenko http://webchili.org on 2013-07-28.
 Copyright 2013 a.ryabchenko. All rights reserved.
 Набор стилей для стандартных форм.
 версия 0.0.1

 формат строки:
 <form class="form-horizontal">
 <div class="control-group[[+error.username:notempty=` error`]]">
 	<label class="control-label">Имя</label>
 	<div class="controls">
 		<input type="text" name="username" value="[[+username]]" />
 		<span class="help-inline">[[+error.username]]</span>
 	</div>
 </div>
 ......
 </form>

 */

.form-horizontal {
	margin: 20px 0;
}
.form-horizontal:after {
	content: "";
	clear: both;
}
.form-horizontal .control-group:before, .form-horizontal .control-group:after {
	content: "";
	display: table;
	line-height: 0;
}
.form-horizontal .control-group:after {
	clear: both;
}
.form-horizontal .control-group {
	margin-bottom: 10px;
}
.form-horizontal .control-label {
	float: left;
	padding-top: 5px;
	text-align: right;
	width: 160px;
	color: #353535;
	font-size: 13px;
	font-weight: normal;
}
.form-horizontal .help-inline {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle;
	padding-left: 5px;
	font-size: 13px;
	font-weight: 300;
	line-height: 1.6em;
	color: #666;
}
.form-horizontal .controls {
	margin-left: 180px;
}
.form-horizontal input[type="text"], .form-horizontal textarea, .form-horizontal select {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	color: #555555;
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	padding: 4px 6px;
	vertical-align: middle;
}
.form-horizontal input[type="text"] {
	height: 20px;
	width: 206px;
}
.form-horizontal textarea {
	height: 100px;
	width: 206px;
}
.form-horizontal textarea.wild{
	height: 100px;
	width: auto;
}
.form-horizontal select{
	width: 220px;
}
.form-horizontal input:focus, .form-horizontal textarea:focus, .form-horizontal select:focus {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
	border-color: #336699;
}
.form-horizontal .form-actions {
	background-color: #F5F5F5;
	border-top: 1px solid #E5E5E5;
	margin: 20px 0;
	padding: 19px 20px 20px;
}

.alert {
	border-radius: 2px 2px 2px 2px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.alert, .alert-block, .alert-success {
	background-color: #DFF0D8;
	border-color: #D6E9C6;
	color: #468847;
	padding: 14px;
}
.alert-danger, .alert-error {
	background-color: #F2DEDE;
	border-color: #EED3D7;
	color: #B94A48;
}
.control-group.error .control-label, .control-group.error .help-block, .control-group.error .help-inline {
	color: #B94A48;
}
.control-group.error input, .control-group.error select, .control-group.error textarea {
	border-color: #B94A48;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	color: #B94A48;
}
.control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus {
	border-color: #953B39;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #D59392;
}