/*
 ########## BreezingForms 1.6.5 QuickMode ##########
 @autor crosstec.de
 @copyright Copyright (C) 2009 crosstec.de. All rights reserved.
 ########################################
*/
.bfElementGroup input[type='radio']{
    vertical-align: top;
}
.bfElementGroupNoWrap input[type='radio']{
    vertical-align: top;
}
.bfElementGroup input[type='checkbox']{
    vertical-align: top;
}
.bfElementGroupNoWrap input[type='checkbox']{
    vertical-align: top;
}
/* ##### General BreezingForms styles ##### */

.bfQuickMode {

}

.bfQuickMode fieldset {

}

.bfQuickMode legend {

}

.bfQuickMode p.bfElemWrap {

}

.bfQuickMode span.bfElemWrap {

}

/* ##### inline ##### */

.bfQuickMode fieldset fieldset legend {

}

.bfQuickMode fieldset.bfInline {

}

.bfQuickMode fieldset.bfInline p {

}

/* ##### Input Fields ##### */

.bfQuickMode input[type=text], .bfQuickMode input[type=password], .bfQuickMode textarea, .bfQuickMode select {
	border:1px solid #bdbdc1;
	border-radius:3px;
	color: #383838;
	padding: 5px 10px;
	font-size: 12px;
	background:#fff;
}

.bfQuickMode textarea:hover, .bfQuickMode input[type='text']:hover, .bfQuickMode input[type='password']:hover, .bfQuickMode select:hover {

}

.bfQuickMode textarea:focus, .bfQuickMode input[type='text']:focus, .bfQuickMode input[type='password']:focus, .bfQuickMode select:focus {

}

.bfQuickMode input[type='button'], .bfQuickMode input[type='submit'], .bfQuickMode input[type='checkbox'], .bfQuickMode input[type='image'], .bfQuickMode input[type='radio'], .bfQuickMode input[type='reset'], .bfQuickMode select, .bfQuickMode button {

}

.bfQuickMode input[type='hidden'] { display: none; }

/* ##### page intro ##### */

.bfQuickMode .bfPageIntro {

}

/* ##### error messages #####*/

.bfQuickMode .bfErrorMessage {

}

/* ##### max length message ##### */

.bfMaxLengthCounter {
    color: #666;
}

/* ##### tooltip ##### */

.bfQuickMode span.hasTip {
    background: transparent url('img/icon_info.png') right top no-repeat;
}

/* ##### Section Description #####*/

.bfQuickMode .bfSectionDescription {

}

.bfQuickMode .bfSectionDescription p {

}

/* ##### required ##### */

.bfQuickMode .bfRequired {

}

/* ##### buttons ##### */

.bfQuickMode input[type='submit'], .bfQuickMode input[type='reset']  {

}

.bfQuickMode .bfNextButton, .bfQuickMode .bfSubmitButton, .bfQuickMode .bfCancelButton {
	background: #6eb43f;
	color: #fff;
	border: 0 none;
	border-radius:3px;
	padding: 7px 25px;
	float:left;
	clear: left;
	margin-top: 15px;
}

.bfQuickMode .bfPrevButton {

}

.bfQuickMode input.bfCalendar {

}

.bfQuickMode .bfLabelLeft label {
	width: 50%;
	font-size: 13px;
	font-weight: bold;
	color: #666b6d;
}
.bfQuickMode section.bfElemWrap {
	overflow: visible;
	clear: both;
	min-height: 27px;
	padding: 5px 0;
}

/*B*/
.bfQuickMode .selectReplacement{
	height:15px;
	line-height:15px;
	border:0 none;
	padding:5px 0;
	border:1px solid #bdbdc1;
	border-radius:3px;
	float: left;
	width: 45%;
	
	background:#fff;
}
.bfQuickMode .selectReplacement span{
	color:#383838;
	display:inline-block;
	margin-left:10px;
}
.bfQuickMode .selectReplacement ul {
	padding: 0;
	background: #fff;
	border: 1px solid #B2C4D4;
	border-top: 0 none;
	margin-top: 5px;
}
.bfQuickMode .selectReplacement ul li {
	padding: 5px;
	margin:0;
	border-top:1px solid #bdbdc1;
	background:#fff;
}
.bfQuickMode .selectReplacement ul li.first {
	/*display: none;*/
}
.bfQuickMode .selectReplacement ul li:hover, .bfQuickMode .selectReplacement ul li.selected {
	background: #f9d7c0;
}
.bfQuickMode .selectReplacement .arrowDown{
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid #6eb43f;
	width: 0;
	height: 0;
	float: right;
	margin-right: 10px;
	margin-top: 5px;
}

.bfQuickMode .bfElementGroupNoWrap {
	clear: left;
	width: 95% !important;
	padding-left: 5%;
	margin-top: 15px;
}

.bfQuickMode input[type="checkbox"], .bfQuickMode input[type="radio"] {
	position: absolute;
	left: -9999px;
	margin: 0;
	z-index: -999;
}
.bfQuickMode .checkbox_label, .bfQuickMode .radio_label{
	float: left;
	z-index: 1;
	display: block;
	cursor: pointer;
	font-weight:normal !important;
	padding:0 35px;
}
.bfQuickMode .checkbox_label, .bfQuickMode .radio_label {
	display:inline-block !important;
}
.bfQuickMode .checkbox_label {
	padding-top: 3px;
	min-height: 24px;
	background: url(img/check.png) no-repeat left top;
}
.bfQuickMode .radio_label{
	padding-top: 3px;
	min-height: 23px;
	background: url(img/radio.png) no-repeat left top;
}
.bfQuickMode .radio_label.checked {
	background-image: url(img/radio_b.png);
}
.bfQuickMode .checkbox_label.checked {
	background-image: url(img/check_b.png);
}
.ui-datepicker th {
	background: initial;
	color: initial;
}

.bfQuickMode input[type=file] {
	display:none;	
}
.bfQuickMode .fileUpload {
	border: 1px solid #bdbdc1;
	border-radius: 3px;
	color: #383838;
	background:#fff;
	overflow:hidden;
	min-width: 45%;
	line-height:27px;
	float: left;
}
.bfQuickMode .fileUpload span{
	margin-left: 10px;
	max-width: 65%;
	display: inline-block;
	overflow: hidden;
	float: left;
	height: 27px;
}
.bfQuickMode .updateBt {
	float:right;
	line-height:27px;
	height:27px;
	width:25%;
	background:#6eb43f;
	color:#fff;
	text-align: center;
	cursor:pointer;
}

.bfQuickMode .bfNoSection {
	clear:both;	
}

@media screen and (max-width: 959px){
	#ff_form1.bfQuickMode section.bfElemWrap {
		margin: 0 0 10px 0;
	}
	.bfQuickMode .bfLabelLeft label {
		margin: 0px 0 5px 0px;
	}
	.bfQuickMode .bfElementGroupNoWrap {
		margin-top: 5px;
	}
	
	.bfQuickMode .checkbox_label, .bfQuickMode .radio_label {
		padding: 0 25px;
	}
	.bfQuickMode .radio_label {
		background: url(img/radio_a.png) no-repeat left 2px;
		background-size: 15px auto;
	}
	.bfQuickMode .checkbox_label {
		background: url(img/check_a.png) no-repeat left 2px;
		background-size: 15px auto;
	}
}