@charset "UTF-8";
/**
 * MAN Framework Styles - Forms
 *
 * @project       MAN Web 2012/2013
 * @package       html-css-js
 * @subpackage    css
 * @author        Timo Mayer, VI
 *
 * @note all styles should be concatenated and minified to one file (eg. man.all.min.css) in production use
 */


/* locked tabs im form */
#content-navigation li.locked:hover a {
	color: #303c49;
}

#content-navigation li.locked:hover:after,
#content-navigation li.locked.success.next-tab:hover:after{
	background-image: none;
}

#content-navigation li.locked.next-tab:hover:after {
	background-image: url("http://www.man.eu/media/resources/img/sprites/general.png");
}

#content-navigation li.locked.next-tab a,
#content-navigation li.locked.next-tab:hover a{
	color: #303c49;
	cursor: pointer;
}

#content-navigation li.locked a,
#content-navigation li.locked:hover a,
#content-navigation li.success a,
#content-navigation li.success:hover a,
#content-navigation li.success.next-tab a,
#content-navigation li.success.next-tab:hover a {
	color: #acb1b6;
	cursor: default;
}

#content-navigation li.active a,
#content-navigation li.active:hover a {
	color: #e60041;
}

.form .form-page {
	background-color: #eaebec;
	padding: 0 10px 20px;
}

.form .form-page + p {
	margin: 2px 0 5px;
}

.form h1 + div.form-page {
	margin-top: 17px;
}

.form fieldset h5 {
	font-family: Arial,sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 17px;
	margin: 6px 0 0;
}

.form fieldset > h5:first-child {
	margin-top: 16px;
}

.form fieldset p {
	margin: 13px 0 0;
}

.form fieldset h5:first-child + p {
	margin: 13px 0 0;
}

.form p + div,
.form h5 + div {
	margin: -4px 0 0;
}

.form h5 + ul {
	margin: 3px 0 0;
}

.form fieldset div + h5, .form fieldset ul.checkbox-list + h5 {
	margin-top: 16px;
}

.form fieldset ul {
	list-style: none outside none;
	margin: 0 0 0 -10px;
	padding: 0;
}

.form fieldset ul li {
	display: inline-block;
	margin-left: 10px;
	padding: 7px 0 0 16px;
	vertical-align: top;
}

.form fieldset ul.checkbox-list li {
	width: 124px;
}

.form fieldset ul.checkbox-list li.twocolumm {
	width: 280px;
}

.form fieldset ul.checkbox-list li.fourcolumm {
	width: 560px;
}

/* checkboxlist in 2 columns */
.form .columns-2 fieldset ul.checkbox-list li {
	width: 122px;
}

/* checkboxlist in sidebar */
aside .form fieldset ul.checkbox-list li {
	width: 116px;
}

.form fieldset input[type="checkbox"],
.form fieldset input[type="radio"] {
	vertical-align: top;
	margin-left: -16px;
	margin-right: 3px;
}

/* todo: set not-valid color */
.form label.not-valid,
.form li.not-valid {
	color: #e60041;
}

.form input[type="text"].not-valid,
.form textarea.not-valid,
.form select.not-valid,
.not-valid input[type="text"],
.not-valid textarea,
.not-valid select {
	border-color: #e60041;
}

/* form fields */
.form textarea,
.form input[type="text"],
.form select {
	width: 100%;
	padding: 4px 5px;
	color: #303C49;
}

.form select {
	padding: 3px 3px 3px 2px;
}

textarea {
	height: 120px;
	margin: 0;
}

.form div.input-narrow {
	width: 30%;
	float: left;
}

.form div.input-wide {
	width: 70%;
	float: left;
}

.required-info {
	color: #e60041;
}

/* mark required inputs */
.required-label {
	position: relative;
}

.required-label:before,
.required-label .ie-before,
.not-required .ie-before {
	background: none;
	content: "*";
	display: block;
	left: -7px;
	top: 50%;
	position: absolute;
	margin-top: 0px;
	color: #e60041;
}

ul.required-label:before,
ul.required-label .ie-before {
	left: 2px;
	top: 8px;
}

ul li.required-label:before,
ul li.required-label .ie-before,
.lt-ie8 ul li.not-required .ie-before {
	left: -7px;
	top: 9px;
}

.lt-ie8 ul li.not-required .ie-before {
	background-color: yellow;
}

ul.not-valid label {
	color: #e60041;
}

/* ########### */
.form-page .columns-2 {
	float: left;
	width: 50%;
	padding: 0 0 0 10px;
}

.form-page .columns-2:first-child {
	padding: 0 10px 0 0;
}

.form-page .columns-2,
div.required-label,
div.input-wide,
div.input-narrow,
.form textarea,
.form input[type="text"],
.form select,
.form div.clearfix {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.lt-ie8 .form li.required-label,
.lt-ie8 .form-page ul li,
.lt-ie8 li.not-required {
	box-sizing: border-box;
	zoom: 1;
}

div.ie-limit-width {
	box-sizing: border-box;
}

.input-narrow,
.input-wide {
	padding-right: 10px;
}

.input-wide + .input-narrow,
.input-narrow + .input-wide {
	padding-right: 0;
}

.form .button-bar {
	text-align: right;
}

.form textarea,
.form input[type="text"],
.form select {
	margin-top: 10px;
}

.form fieldset ul {
	margin-top: 3px;
	margin-bottom: -3px;
}

.form fieldset ul.checkbox-list {
	margin-top: -1px;
}

.form .radio-list {
	margin-top: 2px;
}

/* ie-fixes */
.lt-ie9 .form textarea,
.lt-ie9 .form input[type="text"] {
	padding: 3px 6px 5px;
}

.lt-ie9 .form select {
	padding: 3px 3px 3px;
}

/* #### ie7 in progress ##### */
.lt-ie8 .form fieldset ul li {
	display: inline;
	zoom: 1;
}

.lt-ie8 .form fieldset ul {
	zoom: 1;
}

.ie7-trigger-layout-repaint {
	border: 0 solid transparent;
}

.lt-ie8 section.form .button *,
.lt-ie8 section.form .button a,
.lt-ie8 .form-page,
.lt-ie8 .form fieldset ul,
.lt-ie8 .ie-limit-width,
.lt-ie8 .required-label,
.lt-ie8 .not-valid,
.lt-ie8 .form-tab-content {
	zoom: 1;
}