/* @override http://www.default.apilot.cz/style/client.forms.css */

/* @group steps */

.steps {
	height: 0;
	min-height: 0;
	margin: 0 0 10px 0;
}

div[class] .steps {
	height: auto;
	margin: 0;
}

.steps p {
	margin: 0;
}

.steps em {
	font-style: normal;
}

.steps strong, .steps span {
	display: block;
	float: left;
	height: 0;
	min-height: 0;
	margin: 0 2px 10px 0;
	padding: 5px 10px;
	font-weight: normal;
	font-size: 90%;
	border: solid 2px #181818;
}

div[class] .steps strong, div[class] .steps span {
	height: auto;
}

.steps strong {
	background: #181818;
}

/* @end */

/* @group way-of-order */

.way-of-order h3.legend {
	padding: 5px;
	font-size: 140%;
	background: #181818;
}

/* @group login-form */

.way-of-order .login-form {
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
}

.way-of-order .login-form fieldset {
	width: 47%;
	padding: 5px;
}

.way-of-order .login-form p {
	padding: 0 5px;
}

/* @end */

/* @group order-options */

.way-of-order .order-options {
	border: solid 2px #181818;
	background: #363636;
}

.way-of-order .order-options fieldset {
	padding: 5px;
}

.way-of-order .registration-type {
	width: 48%;
	float: left;
	border: solid 2px #181818;
	background: #4e4e4e;
}

.way-of-order .registration-type.right {
	float: right;
}

.way-of-order .registration-type h3.legend {
	padding: 5px;
	font-size: 120%;
	background: #181818;
}

.way-of-order .registration-type .cms-text {
	clear: both;
	padding: 5px;
}

.way-of-order .registration-type .cms-text h4 {
	margin: 0 0 10px 0;
}

.way-of-order .registration-type .button {
	float: right;
	margin: 0 0 5px 0;
	position: relative;
	right: 5px;
	top: 0;
}

/* @end */

/* @end */

/* @group order */

.order form {
	clear: both;
}

div[class] .order fieldset {
	height: auto;
}

.order fieldset h3 {
	display: block;
	float: left;
	clear: left;
	margin: 8px 0 0 0;
	padding: 5px 10px;
	position: relative;
	left: 0;
	top: 2px;
	font-size: 110%;
	border-top: solid 2px #181818;
	border-right: solid 2px #181818;
	border-left: solid 2px #181818;
	background: #414141;
}

.order fieldset fieldset {
	clear: left;
	padding: 10px;
	border: solid 2px #181818;
	background: #414141;
}

.order fieldset fieldset fieldset {
	margin: 0;
}

.order fieldset fieldset div.address-new {
	height: 0;
	min-height: 0;
	clear: left;
	padding: 10px 0 0 0;
}

div[class] .order fieldset fieldset div.address-new {
	height: auto;
}

.order fieldset fieldset div.address-new br {
	display: none;
}

.order fieldset fieldset br {
	display: none;
}

.order fieldset.overview br {
	display: block;
}

.order fieldset fieldset.br-using br {
	display: block;
}

.order fieldset fieldset.br-using span.left br {
	display: none;
}

.order fieldset fieldset label, .order fieldset fieldset div.label {
	display: block;
	height: 20px;
	min-height: 20px;
	margin: 2px 0;
	clear: left;
}

div[class] .order fieldset fieldset label, div[class] .order fieldset fieldset div.label {
	height: auto;
}

.order fieldset fieldset label.textarea {
	margin: 10px 0 5px 0;
}

.order fieldset fieldset div.address-new label.textarea {
	margin: 2px 0 5px 0;
}

.order fieldset fieldset label span, .order fieldset fieldset div.label span {
	display: block;
	float: none;
	margin: 0 0 0 10em;
	line-height: 20px;
}

.order fieldset fieldset div.label span {
	height: 0;
	min-height: 0;
}

div[class] .order fieldset fieldset div.label span {
	height: auto;
}

.order fieldset fieldset label span.left, .order fieldset fieldset div.label span.left {
	width: 9em;
	float: left;
	margin: 0;
}

.order fieldset fieldset div.label {
	margin: 10px 0 0 0;
}

.order fieldset fieldset div.label span label {
	float: none;
	display: inline;
}

.order fieldset fieldset div.label span label input {
	margin: 0 5px 0 0;
	vertical-align: middle;
}

.order fieldset fieldset label .i-text {
	width: 180px;
	margin: 0 5px 0 0;
	vertical-align: middle;
	font-size: 120%;
}

.order fieldset fieldset select {
	width: 186px;
	margin: 0 5px 0 0;
}

.order fieldset fieldset textarea.i-text {
	width: 260px;
	height: 140px;
}

fieldset.buttons {
	margin: 10px 0 0 0;
}

/* @end */
