/*
 ########## BreezingForms 1.7.1 QuickMode ##########
 @autor crosstec.de
 @copyright Copyright (C) 2010 crosstec.de. All rights reserved.
 ########################################
*/

/* ##### General BreezingForms Default styles ##### */

.bfQuickMode {
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.bfQuickMode .bfFieldset-wrapper {
/*margin-bottom: 10px;*/
}
.bfQuickMode .bfWrapperBlock {
	margin: 15px 0 10px 0;
	width: 100%;
	float: right;
}
.bfQuickMode .bfNoSection {
	/*margin: 10px 0;*/
}
.bfQuickMode fieldset .bfWrapperBlock {
	width: 100%;
	margin-bottom: 0px;
}
.bfQuickMode fieldset {
	/*margin-bottom: 10px;*/
    margin: 0;
}
.bfQuickMode label {
	vertical-align: top;
}
.bfQuickMode section.bfElemWrap {
	padding: 5px;
	margin: 0px 0px 0px 0px;
	position: relative;
	overflow: hidden;
}
.bfQuickMode span.bfElemWrap {
	padding: 5px;
	margin: 0px 0px 0px 10px;
	position: relative;
	float: right;
}
.bfQuickMode section input[type='text'], .bfQuickMode section textarea, .bfQuickMode section select {
	float: left;
	margin: 0px;
	width: 50%;
}
.bfQuickMode span input[type='text'], .bfQuickMode span textarea, .bfQuickMode span select {
	width: auto;
	float: none;
	margin: 0px 0px 0px 10px;
}
.bfQuickMode p:after, .bfQuickMode .bfInline:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* ##### inline ##### */

.bfQuickMode fieldset .bfWrapperInline, .bfQuickMode .bfNoSection .bfWrapperInline {
	width: 100%;
	max-width: 50%;
	float: right;/*position: relative;*/
}
/*.bfQuickMode fieldset.bfInline {
    margin: 0px 10px 10px 0px;
    width: 100%;
    max-width: 44%;
}*/

.bfQuickMode fieldset.bfInline {
	/*margin: 0px 10px 10px 0px;*/
    width: 90%;
	float: right;
}
.bfQuickMode fieldset.bfInline p {
	padding: 5px;
	margin: 0px 0px 0px 0px;
}
.bfQuickMode .bfInline .bfLabelLeft .bfElementGroupNoWrap input[type='text'] {
	width: 60%;
}
/* ##### page intro ##### */

.bfQuickMode .bfPageIntro {
	padding: 5px;
	margin: 0px 0px 10px 0px;
	background: none;
	border: none;
	font-weight: normal;
}
.bfQuickMode .bfPageIntro p {
	background: none;
}
/* ##### error messages #####*/

.bfQuickMode .bfErrorMessage {
	padding: 10px;
	margin-bottom: 10px;
	background: #ffeded;
	font-weight: bold;
	float: none;
	display: block;
	color: red;
}
/* ##### tooltip ##### */

.bfQuickMode span.hasTip {
	width: auto;
	padding: 0 0 0 15px;
	margin: 3px 0 0;
	display: block;
	background: transparent url('img/icon_info.png') left top no-repeat;
	float: right;
}
/* 
.bfQuickMode span.bfTooltip {
	width: auto;
	padding: 0px 25px 0px 0px;
	margin: 0px;
	display: block;
	background: transparent url('img/icon_info.png') right top no-repeat;
}
 */
.tip-wrap .tip {
	background-color: #DDEEFF;
	border: 1px solid #89C4FF;
	border-radius: 5px;
	line-height: 23px;
	padding: 5px 10px 8px;
}
.tip-wrap .tip .tip-title {
	font-weight: bold;
}
.tip-wrap .tip .tip-text {
	font-weight: normal;
}
/* ##### Section Description #####*/

.bfQuickMode .bfSectionDescription {
	background: none;
	border: none;
	font-weight: normal;
}
.bfQuickMode .bfSectionDescription p {
	background: none;
	border: none;
}
/* ##### label and input field positions ##### */

.bfQuickMode .bfLabelTop label {
	display: block;
	width: 100%;
	margin-bottom: 5px;
}
.bfQuickMode .bfLabelTop input, .bfQuickMode .bfLabelTop textarea, .bfQuickMode .bfLabelTop select, .bfQuickMode .bfLabelTop button {
	float: right;
	width: auto;
}
.bfQuickMode .bfLabelLeft label {
    width: 30%;
    float: right;
    margin: 0px 0px 0px 0px;
}
.bfQuickMode .bfLabelLeft input, .bfQuickMode .bfLabelLeft textarea, .bfQuickMode .bfLabelLeft select, .bfQuickMode .bfLabelLeft button {
	/*width: auto;*/
    float: right;
	margin: 0px;
}
.bfQuickMode .bfLabelRight label {
	float: right;
	margin: 3px 0 0;
}
.bfQuickMode .bfLabelRight input, .bfQuickMode .bfLabelRight textarea, .bfQuickMode .bfLabelRight select, .bfQuickMode .bfLabelRight button {
	float: left;
	margin: 0;
}
.bfQuickMode .bfLabelBottom label {
	position: absolute;
	bottom: 5px;
	right: 5px;
	width: 99%;
	margin-top: 5px;
}
.bfQuickMode .bfLabelBottom input, .bfQuickMode .bfLabelBottom textarea, .bfQuickMode .bfLabelBottom select, .bfQuickMode .bfLabelBottom button {
	float: right;
	width: auto;
}
.bfQuickMode section.bfLabelBottom input, .bfQuickMode section.bfLabelBottom textarea, .bfQuickMode section.bfLabelBottom select, .bfQuickMode section.bfLabelBottom button, .bfQuickMode span.bfLabelBottom input, .bfQuickMode span.bfLabelBottom textarea, .bfQuickMode span.bfLabelBottom select, .bfQuickMode span.bfLabelBottom button {
	margin: 0px 0px 20px 0px;
}
.bfQuickMode section.bfLabelBottom .bfSummarize {
	display: block;
	margin: 0px 0px 20px 0px;
}
.bfQuickMode span.bfLabelLeft label {
	width: auto;
	float: right;
	margin: 0px 0px 0px 10px;
}
.bfQuickMode span.bfLabelLeft input, .bfQuickMode span.bfLabelLeft textarea, .bfQuickMode span.bfLabelLeft select, .bfQuickMode span.bfLabelLeft button {
	width: auto;
	float: none;
	margin: 0px;
}
.bfQuickMode span.bfLabelRight label {
	width: auto;
	float: left;
	margin: 0px 10px 0px 5px;
}
.bfQuickMode span.bfLabelRight input, .bfQuickMode span.bfLabelRight textarea, .bfQuickMode span.bfLabelRight select, .bfQuickMode span.bfLabelRight button {
	width: auto;
	float: none;
	margin: 0px;
}
/* ##### required ##### */

.bfQuickMode .bfRequired {
	vertical-align: top;
	background: none;
	font-size: 100%;
	font-weight: bold;
	border: none;
	padding: 0px 5px 0px 0px;
	margin: 0px;
	color: #f00;
	float: none;
}
/* ##### Element groups ##### */

.bfQuickMode .bfElementGroupNoWrap, .bfQuickMode .bfElementGroup, .bfQuickMode .bfCaptcha {
	display: inline;
	margin: 0px;
	padding: 0px;
	float: none;
	background: none;
	border: none;
}
.bfQuickMode section.bfLabelTop .bfElementGroupNoWrap {
	width: 80%;
	float: right;
}
.bfQuickMode .bfLabelTop .bfElementGroup {
	width: 80%;
	float: right;
}
.bfQuickMode .bfLabelTop .bfElementGroupNoWrap, .bfQuickMode .bfLabelTop .bfCaptcha {
	width: auto;
	padding-top: 10px;
}
.bfQuickMode .bfLabelLeft .bfElementGroupNoWrap, .bfQuickMode .bfLabelLeft .bfCaptcha {
	width: auto;
	background: none;
	float: right;
}
.bfQuickMode .bfLabelLeft .bfElementGroup, .bfQuickMode .bfLabelRight .bfElementGroup, .bfQuickMode section.bfLabelLeft .bfElementGroupNoWrap {
	float: right;
}
.bfQuickMode .bfLabelRight .bfElementGroupNoWrap {
	width: auto;
	float: right;
}
.bfQuickMode section.bfLabelRight .bfElementGroupNoWrap {
	float: left;
}
.bfQuickMode span.bfLabelBottom .bfElementGroupNoWrap {
	width: auto;
}
.bfQuickMode .bfLabelBottom .bfElementGroupNoWrap, .bfQuickMode .bfLabelBottom .bfElementGroup, .bfQuickMode .bfLabelBottom .bfCaptcha {
	float: right;
	width: 80%;
	padding-bottom: 20px;
}
.bfQuickMode .bfLabelLeft .bfElementGroup label, .bfQuickMode .bfLabelLeft .bfElementGroupNoWrap label, .bfQuickMode .bfLabelTop .bfElementGroup label, .bfQuickMode .bfLabelTop .bfElementGroupNoWrap label, .bfQuickMode .bfLabelRight .bfElementGroup label, .bfQuickMode .bfLabelRight .bfElementGroupNoWrap label, .bfQuickMode .bfLabelBottom .bfElementGroup label, .bfQuickMode .bfLabelBottom .bfElementGroupNoWrap label {
	width: auto;
	float: none;
	margin: 0 5px;
	display: inline;
	position: static;
}
.bfQuickMode .bfLabelLeft .bfElementGroup input, .bfQuickMode .bfLabelLeft .bfElementGroupNoWrap input, .bfQuickMode .bfLabelTop .bfElementGroup input, .bfQuickMode .bfLabelTop .bfElementGroupNoWrap input, .bfQuickMode .bfLabelRight .bfElementGroup input, .bfQuickMode .bfLabelRight .bfElementGroupNoWrap input, .bfQuickMode .bfLabelBottom .bfElementGroup input, .bfQuickMode .bfLabelBottom .bfElementGroupNoWrap input {
	width: auto;
	float: none;
	margin: 0;
	display: inline;
}
/* ##### Captcha ##### */

.bfQuickMode .bfCaptcha {
	background: none;
	border:  none;
	float: left !important;
}
.bfQuickMode .bfCaptcha input {
	width: auto;
	float: right;
}
.bfQuickMode .bfCaptcha img {
	vertical-align: middle;
}
.bfQuickMode .bfCaptcha .ff_capimg {
	margin-bottom: 10px;
}
/* ##### Summarize ##### */

.bfQuickMode .bfSummarize {
	display: table-cell;
	float: left;
	font-weight: bold;
	margin: 3px 0 0;
	text-align: right;
	width: 50%;
}
.bfQuickMode .bfNotAvailable {
	color: #ccc;
}
/* ##### buttons ##### */

.bfQuickMode .bfNextButton, .bfQuickMode .bfSubmitButton, .bfQuickMode .bfCancelButton {
	float: left;
}
.bfQuickMode .bfPrevButton {
	float: right;
	clear: right;
}
.bfQuickMode button.bfCalendar {
	height: 25px;
	margin: 0px 5px 0px 0px;
	float: none;
}
#bfCaptchaEntry {
	width: 196px;
}
/* ##### Uploader ##### */

#bfFileQueue {
	/*
	width: 400px;
	height: 300px;
	overflow: auto;
	border: 1px solid #E5E5E5;
	*/
	margin-bottom: 10px;
	position: absolute;
}
#bfSubmitMessage {
	font: 11px Verdana, Geneva, sans-serif;
	border: 2px solid #E5E5E5;
	background-color: #F5F5F5;
	margin-top: 5px;
	padding: 10px;
	width: 350px;
}
.uploadifyQueueItem {
	font: 11px Verdana, Geneva, sans-serif;
	border: 2px solid #E5E5E5;
	background-color: #F5F5F5;
	margin-top: 5px;
	padding: 10px;
	width: 350px;
}
.uploadifyError {
	border: 2px solid #FBCBBC !important;
	background-color: #FDE5DD !important;
}
.uploadifyQueueItem .cancel {
	float: left;
}
.uploadifyProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #C5C5C5;
	border-right: 1px solid #808080;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
}
.uploadifyProgressBar {
	background-color: #0099FF;
	width: 1px;
	height: 3px;
}