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

/* #### Custom Fonts #### */


@font-face {
	font-family: 'YanoneKaffeesatzRegular';
	src: url('fonts/YanoneKaffeesatz-Regular-webfont.eot');
	src: local('☺'), url('fonts/YanoneKaffeesatz-Regular-webfont.woff') format('woff'), url('fonts/YanoneKaffeesatz-Regular-webfont.ttf') format('truetype'), url('fonts/YanoneKaffeesatz-Regular-webfont.svg#webfonthKXnaAjv') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'YanoneKaffeesatzBold';
	src: url('fonts/YanoneKaffeesatz-Bold-webfont.eot');
	src: local('☺'), url('fonts/YanoneKaffeesatz-Bold-webfont.woff') format('woff'), url('fonts/YanoneKaffeesatz-Bold-webfont.ttf') format('truetype'), url('fonts/YanoneKaffeesatz-Bold-webfont.svg#webfont6SmZJ6dM') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* ##### CSS3 Animations (Webkit Browsers only) ##### */

@-webkit-keyframes pulse {
	0% {
	-webkit-box-shadow: 1px 1px 0 rgba(66, 166, 236, 0), -1px -1px 0 rgba(66, 166, 236, 0);
	}
	50% {
	-webkit-box-shadow: 1px 1px 0 rgba(66, 166, 236, 1), -1px -1px 0 rgba(66, 166, 236, 1);
	}
	100% {
	-webkit-box-shadow: 1px 1px 0 rgba(66, 166, 236, 0), -1px -1px 0 rgba(66, 166, 236, 0);
	}
}


/* #### Colors #### */

/* ## Background Colors ##*/
/* Page BG */.bfPage-m {background: #fcfcfc;}
/* BG Fielset */.bfQuickMode .bfFieldset-m, .bfQuickMode .bfWrapperInline .bfFieldset-m {background: #f8f8f8;}
/* BG Fielset Level 2*/.bfQuickMode .bfWrapperBlock .bfWrapperBlock .bfFieldset-m {background: #f1f1f1;}


/* ## Font Colors ## */
/* Standard Font Color in Form*/ .bfQuickMode {color: #333;}
/* Legend Fieldset */ .bfQuickMode .bfLegend-m {color: #4ab5f5;}
/* Legend Fieldset Level 2*/ .bfQuickMode .bfWrapperBlock .bfWrapperBlock .bfLegend-m {color: #4ab5f5;}
/* Buttons */ .bfQuickMode button span, .bfQuickMode .bfDivButtonWrapper .bfDivButtonMain  {color: #ffffff !important;}
/* Not Available */ .bfQuickMode .bfNotAvailable {color: #888 !important;}
/* Required */ .bfQuickMode .bfRequired {color: #0f7fc9;}
/* Max Length Counter */ .bfMaxLengthCounter {color: #0f7fc9;}

/* Rollovers */
/*Regular*/.bfQuickMode p.bfRolloverBg, .bfQuickMode span.bfRolloverBg, .bfQuickMode .bfWrapperInline p.bfRolloverBg {background-color: #ededed !important;}
/* Fieldset Level 1 */ .bfQuickMode .bfWrapperInline p.bfRolloverBg, .bfQuickMode .bfWrapperInline span.bfRolloverBg {background-color: #e6e6e6 !important;}
/* Fieldset Level 2 */ .bfQuickMode .bfWrapperBlock .bfWrapperBlock p.bfRolloverBg, .bfQuickMode .bfWrapperBlock .bfWrapperBlock span.bfRolloverBg {background-color: #dfdfdf !important;}

/* Input Fields */
.bfPage select option, .bfPage select, .bfPage input[type='file'] {background-color: #ffffff;}
.bfQuickMode input[type=text], .bfQuickMode input[type=password], .bfQuickMode textarea, .bfQuickMode select {border: 1px solid #d6d6d6;}
.bfQuickMode textarea:hover, .bfQuickMode input[type='text']:hover, .bfQuickMode input[type='password']:hover, .bfQuickMode select:hover {border-color: #888;}
.bfQuickMode textarea:focus, .bfQuickMode input[type='text']:focus, .bfQuickMode input[type='password']:focus, .bfQuickMode select:focus {
	outline:none;
	border-color: #42a6ec;
	
	-webkit-box-shadow: 1px 1px 0 rgba(66, 166, 236, 1), -1px -1px 0 rgba(66, 166, 236, 1);
	-moz-box-shadow: 1px 1px 0 rgba(66, 166, 236, 1), -1px -1px 0 rgba(66, 166, 236, 1);
	box-shadow: 1px 1px 0 rgba(66, 166, 236, 1), -1px -1px 0 rgba(66, 166, 236, 1);
	-webkit-animation: pulse 1s infinite ease-in-out;
}


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

.bfPage-tl { background: transparent url('img/bg_page-tl.png') top left no-repeat; }
.bfPage-tr { background: transparent url('img/bg_page-tr.png') top right no-repeat; }
.bfPage-t { height: 25px; background: transparent url('img/bg_page-t.png') 0 0 repeat-x; margin: 0 25px; }

.bfPage-l { background: transparent url('img/bg_page-l.png') 0 0 repeat-y; }
.bfPage-r { background: transparent url('img/bg_page-r.png') 100% 0 repeat-y; }

.bfPage-m {
    margin: 0 25px;
    padding-top: 10px;
}

.bfPage-bl { background: transparent url('img/bg_page-bl.png') bottom left no-repeat; }
.bfPage-br { background: transparent url('img/bg_page-br.png') bottom right no-repeat; }
.bfPage-b { height: 25px; background: transparent url('img/bg_page-b.png') 0 0 repeat-x; margin: 0 25px; }

.bfQuickMode {
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.bfQuickMode fieldset {
    margin: 0;
    padding: 0;
}


.bfQuickMode .bfWrapperInline .bfFieldset-tl, .bfQuickMode .bfFieldset-tl { background: transparent url('img/bg_fieldset-tl.png') top left no-repeat; }
.bfQuickMode .bfWrapperInline .bfFieldset-tr, .bfQuickMode .bfFieldset-tr { background: transparent url('img/bg_fieldset-tr.png') top right no-repeat; }
.bfQuickMode .bfWrapperInline .bfFieldset-t, .bfQuickMode .bfFieldset-t { height: 43px; background: transparent url('img/bg_fieldset-t.png') 0 0 repeat-x; margin: 0 19px; }

.bfQuickMode .bfWrapperInline .bfFieldset-l, .bfQuickMode .bfFieldset-l { background: transparent url('img/bg_fieldset-l.png') 0 0 repeat-y; }
.bfQuickMode .bfWrapperInline .bfFieldset-r, .bfQuickMode .bfFieldset-r { background: transparent url('img/bg_fieldset-r.png') 100% 0 repeat-y; }

.bfQuickMode .bfFieldset-m {
    margin: 0 19px;
	padding: 0 5px 0 5px;
}

.bfQuickMode .bfWrapperInline .bfFieldset-bl, .bfQuickMode .bfFieldset-bl { background: transparent url('img/bg_fieldset-bl.png') bottom left no-repeat; }
.bfQuickMode .bfWrapperInline .bfFieldset-br, .bfQuickMode .bfFieldset-br { background: transparent url('img/bg_fieldset-br.png') bottom right no-repeat; }
.bfQuickMode .bfWrapperInline .bfFieldset-b, .bfQuickMode .bfFieldset-b { height: 14px; background: transparent url('img/bg_fieldset-b.png') 0 0 repeat-x; margin: 0 19px; }

.bfQuickMode fieldset {
    border: none;
    padding: 0;
    margin: 0;
    position: relative;
}


/*#### Legend ####*/

.bfQuickMode legend, .bfQuickMode .bfWrapperBlock legend, .bfQuickMode .bfWrapperBlock .bfWrapperBlock legend {
    font-size: 100%;
    font-weight: normal;
    color: #000;
	position: absolute;
	left: -3px;
}

.bfQuickMode legend {
	top: -43px;
}

.bfQuickMode .bfWrapperBlock legend {
	top: -43px;
}

.bfQuickMode .bfWrapperBlock .bfWrapperBlock legend {
	top: -40px;
}

.bfQuickMode .bfLegend-l {
    padding: 0;
    background: none;
    left: 0;
	width: 100%;
}

.bfQuickMode .bfLegend-l, .bfQuickMode .bfLegend-r, .bfQuickMode .bfLegend-m {
	display: inline-block; 
	height: 35px;
}

.bfQuickMode .bfWrapperBlock .bfWrapperBlock .bfLegend-l, .bfQuickMode .bfWrapperBlock .bfWrapperBlock .bfLegend-r, .bfQuickMode .bfWrapperBlock .bfWrapperBlock .bfLegend-m {
	display: inline-block; 
	height: 32px;
}

.bfQuickMode .bfLegend-m {
	padding-top: 12px;
	font: 26px/23px 'YanoneKaffeesatzRegular', Arial, sans-serif !important;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.65);
}

.bfQuickMode .bfWrapperBlock .bfWrapperBlock .bfLegend-m { 
	font: 24px/21px 'YanoneKaffeesatzRegular', Arial, sans-serif !important;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.65);
}

.bfQuickMode p.bfElemWrap {
    padding: 5px;
    margin: 0px 0px 10px 0px;

}

.bfQuickMode span.bfElemWrap {
    padding: 5px;
    margin: 10px 10px 0 0;
}


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

.bfQuickMode .bfWrapperBlock .bfWrapperBlock .bfFieldset-tl { background: transparent url('img/bg_infieldset-tl.png') top left no-repeat; }
.bfQuickMode .bfWrapperBlock .bfWrapperBlock .bfFieldset-tr { background: transparent url('img/bg_infieldset-tr.png') top right no-repeat; }
.bfQuickMode .bfWrapperBlock .bfWrapperBlock .bfFieldset-t { height: 37px; background: transparent url('img/bg_infieldset-t.png') 0 0 repeat-x; margin: 0 12px; }

.bfQuickMode .bfWrapperBlock .bfWrapperBlock .bfFieldset-l { background: transparent url('img/bg_infieldset-l.png') 0 0 repeat-y; }
.bfQuickMode .bfWrapperBlock .bfWrapperBlock .bfFieldset-r { background: transparent url('img/bg_infieldset-r.png') 100% 0 repeat-y; }

.bfQuickMode .bfWrapperBlock .bfWrapperBlock .bfFieldset-m {
    margin: 0 12px;
    padding-top: 0;
}

.bfQuickMode .bfWrapperBlock .bfWrapperBlock .bfFieldset-bl { background: transparent url('img/bg_infieldset-bl.png') bottom left no-repeat; }
.bfQuickMode .bfWrapperBlock .bfWrapperBlock .bfFieldset-br { background: transparent url('img/bg_infieldset-br.png') bottom right no-repeat; }
.bfQuickMode .bfWrapperBlock .bfWrapperBlock .bfFieldset-b { height: 12px; background: transparent url('img/bg_infieldset-b.png') 0 0 repeat-x; margin: 0 12px; }

.bfQuickMode fieldset.bfInline {
    width: 100%;
    max-width: 110%;
}

.bfQuickMode fieldset fieldset legend {
    background: none;
    font-size: 100%;
    font-weight: normal;
}


.bfQuickMode fieldset.bfInline p {
    padding: 5px;
    margin: 0 0 10px 0;
}


/* ##### Labels ##### */

.bfQuickMode .bfInline .bfLabelLeft .bfElementGroupNoWrap input[type='text'] {
    width: 48%;
}
.bfQuickMode label {
	font-weight:bold;
	font: 14px/16px 'YanoneKaffeesatzRegular', Arial, sans-serif;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 1);
}

.bfElementGroup label, .bfElementGroupNoWrap label {
	font-weight: normal;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.9);
}


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

.bfQuickMode input[type=text], .bfQuickMode input[type=password], .bfQuickMode textarea, .bfQuickMode select {
    padding: 2px;
    line-height: normal;
    background: url('img/bg_input.png') 0 0 no-repeat;
}

.bfQuickMode textarea:focus, .bfQuickMode input[type='text']:focus, .bfQuickMode input[type='password']:focus, .bfQuickMode select:focus {
	background: url('img/bg_input_focus.png') 0 0 no-repeat;
}

.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 {
    cursor: pointer;
}

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


/* ##### Rollover ##### */

.bfQuickMode p.bfRolloverBg, .bfQuickMode span.bfRolloverBg, .bfQuickMode .bfWrapperInline p.bfRolloverBg, .bfQuickMode .bfWrapperInline span.bfRolloverBg, .bfQuickMode .bfWrapperBlock .bfWrapperBlock p.bfRolloverBg, .bfQuickMode .bfWrapperBlock .bfWrapperBlock span.bfRolloverBg {
    padding: 5px !important;
    background-repeat: repeat !important;
}


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

.bfQuickMode .bfPageIntro {
    padding: 5px;
    margin: 0px 0px 10px 0px;
    background: none;
    border: none;
    font-weight: normal;	
}


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

.bfQuickMode .bfErrorMessage {
    background: #ffeded;
    font-weight: bold;
    float: none;
    display: block;
    /*color: red;*/
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}


/* ##### Tooltip ##### */

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


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

.bfQuickMode .bfSectionDescription {
    background: none;
    border: none;
    font-weight: normal;
	margin: 0;
}

.bfQuickMode .bfSectionDescription p {
    background: none;
    border: none;
}


/* ##### Required ##### */

.bfQuickMode .bfRequired {
    background: none;
    font-size: 21px;
	line-height: 16px;
    font-weight: bold;
    border: none;
    padding: 0;
    margin-left: 0;
    float: none;
}

.bfQuickMode .bfFieldset-m .bfRequired {
	margin-left: 4px;
}


/* ##### Buttons ##### */

/* ## new Button style##*/

.bfQuickMode .bfDivButtonWrapper {
	display: inline-block;
	position: relative;
	cursor: pointer;
	height: 30px;
	padding: 0;
	overflow: hidden;
}

.bfQuickMode .bfDivButtonWrapper .bfDivButtonMain {
	position: relative;
	float: left;
	display: block;
	height: 36px;
	min-width: 18px;
	padding: 3px 0 0 18px;
	font: 16px/22px 'YanoneKaffeesatzRegular', Arial, sans-serif;
	text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.25);
	white-space: nowrap;
	background: transparent url('img/bg_btn.png') no-repeat left top;
}

.bfQuickMode .bfDivButtonWrapper .bfDivButtonRight {
	position: relative;
	float: left;
	width: 18px;
	height: 36px;
	display: block;
	background: transparent url('img/bg_btn.png') no-repeat right -83px;
}

.bfQuickMode .bfDivButtonWrapper:hover .bfDivButtonMain {
	background-position: 0 -36px;
	text-shadow: 0 1px 0px rgba(255, 255, 255, 0.5);
	color: #00629c !important;
}

.bfQuickMode .bfDivButtonWrapper:hover .bfDivButtonRight {
    background-position: right -119px; 
}


/* ## old Button style## */

.bfQuickMode button { 
    padding: 0 18px 0 0; 
    margin-right: 5px; 
    font-size: 12px;
    font-weight:bold; 
    text-align: center; 
    background: transparent url('img/bg_btn_old.png') no-repeat right -83px;
    position: relative;
    border: 0; 
    cursor: pointer;
    overflow: visible; /* removes extra side padding in IE */
}

.bfQuickMode button span {
    padding: 3px 0 0 18px; 
    height:28px; 
    background: transparent url('img/bg_btn_old.png') no-repeat left top; 
    position: relative;
    display: block;
    white-space: nowrap;
	font: 16px/22px 'YanoneKaffeesatzRegular', Arial, sans-serif;
	text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.25);
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.bfQuickMode button span {
		line-height: 19px;
	}
}

.bfQuickMode button::-moz-focus-inner {
    border: none;  /* overrides extra padding in Firefox */
}

.bfQuickMode button:hover, button.submitBtnHover { /* the redundant class is used to apply the hover state with a script */
    background-position: right -119px;
}

.bfQuickMode button:hover span, button.submitBtnHover span {
    background-position: 0 -36px;
	text-shadow: 0 1px 0px rgba(255, 255, 255, 0.5);
	color: #00629c !important;
}

.bfQuickMode .bfNextButton, .bfQuickMode .bfSubmitButton, .bfQuickMode .bfCancelButton {
    float: right;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari and Google Chrome only - fix margins */
    .bfQuickMode button span {
        margin-top: -1px;
		padding: 5px 0 0 15px;
    }
}

.bfQuickMode .bfPrevButton {
    float: left
}

.bfQuickMode button.bfCalendar {
    height: 30px;
    margin: 0 0 0 5px;
	top: -1px;
}


/* #### bfTooltip ### */

.bfQuickMode span.bfTooltip {
    background: url("img/icon_info.png") no-repeat scroll right top transparent;
    display: block;
    margin: 0;
    padding: 0 25px 0 0;
    width: auto;
	height: 21px;
}


/* #### Summary #### */

.bfQuickMode .bfSummarize  {
	font-weight: normal !important;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.9);
}

.bfQuickMode .bfNotAvailable {
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
}