/*
 ########## BreezingForms Ribbon ##########
 @autor crosstec.de
 @copyright Copyright (C) 2011 crosstec.de. All rights reserved.
 ########################################
*/

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

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

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

@-webkit-keyframes pulse {
	0% {
	-webkit-box-shadow: 1px 1px 0 rgba(80, 170, 230, 0), -1px -1px 0 rgba(80, 170, 230, 0);
	}
	50% {
	-webkit-box-shadow: 1px 1px 0 rgba(80, 170, 230, 1), -1px -1px 0 rgba(80, 170, 230, 1);
	}
	100% {
	-webkit-box-shadow: 1px 1px 0 rgba(80, 170, 230, 0), -1px -1px 0 rgba(80, 170, 230, 0);
	}
}

@-moz-keyframes pulse {
	0% {
	-moz-box-shadow: 1px 1px 0 rgba(80, 170, 230, 0), -1px -1px 0 rgba(80, 170, 230, 0);
	}
	50% {
	-moz-box-shadow: 1px 1px 0 rgba(80, 170, 230, 1), -1px -1px 0 rgba(80, 170, 230, 1);
	}
	100% {
	-moz-box-shadow: 1px 1px 0 rgba(80, 170, 230, 0), -1px -1px 0 rgba(80, 170, 230, 0);
	}
}

@-o-keyframes pulse {
	0% {
	-o-box-shadow: 1px 1px 0 rgba(80, 170, 230, 0), -1px -1px 0 rgba(80, 170, 230, 0);
	}
	50% {
	-o-box-shadow: 1px 1px 0 rgba(80, 170, 230, 1), -1px -1px 0 rgba(80, 170, 230, 1);
	}
	100% {
	-o-box-shadow: 1px 1px 0 rgba(80, 170, 230, 0), -1px -1px 0 rgba(80, 170, 230, 0);
	}
}

@keyframes pulse {
	0% {
	box-shadow: 1px 1px 0 rgba(80, 170, 230, 0), -1px -1px 0 rgba(80, 170, 230, 0);
	}
	50% {
	box-shadow: 1px 1px 0 rgba(80, 170, 230, 1), -1px -1px 0 rgba(80, 170, 230, 1);
	}
	100% {
	box-shadow: 1px 1px 0 rgba(80, 170, 230, 0), -1px -1px 0 rgba(80, 170, 230, 0);
	}
}

.bfFileQueueItem{

    display: inline-block !important;

}

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

/* ## Background Colors ##*/
/* Page BG */.bfPage-m {background: #ffffff;}
/* BG Fielset */.bfQuickMode .bfFieldset-m{background: #e5e4e1 !important;}
/* BG Fielset Level 2*/.bfQuickMode .bfWrapperBlock .bfWrapperBlock .bfFieldset-m, .bfQuickMode .bfWrapperInline .bfFieldset-m  {margin: 0 10px !important;background: #f1f1f1 !important;}


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

/* Rollovers */
/*Regular*/.bfQuickMode section.bfRolloverBg, .bfQuickMode span.bfRolloverBg, .bfQuickMode .bfWrapperInline section.bfRolloverBg {background-image: url('img/bg_rollover.png') !important;}
/* Fieldset Level 1 */ .bfQuickMode .bfWrapperInline section.bfRolloverBg, .bfQuickMode .bfWrapperInline span.bfRolloverBg {background-image: url('img/bg_rollover_fieldset.png') !important;}
/* Fieldset Level 2 */ .bfQuickMode .bfWrapperBlock .bfWrapperBlock section.bfRolloverBg, .bfQuickMode .bfWrapperBlock .bfWrapperBlock span.bfRolloverBg { 
	background-image: url('img/bg_rollover_infieldset.png') !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: #52ace9;}
.bfQuickMode textarea:focus, .bfQuickMode input[type='text']:focus, .bfQuickMode input[type='password']:focus, .bfQuickMode select:focus {
	outline:none;
	border-color: #52ace9;
	
	-webkit-box-shadow: 1px 1px 0 rgba(80, 170, 230, 1), -1px -1px 0 rgba(80, 170, 230, 1);
	-moz-box-shadow: 1px 1px 0 rgba(80, 170, 230, 1), -1px -1px 0 rgba(80, 170, 230, 1);
        -o-box-shadow: 1px 1px 0 rgba(80, 170, 230, 1), -1px -1px 0 rgba(80, 170, 230, 1);
	box-shadow: 1px 1px 0 rgba(80, 170, 230, 1), -1px -1px 0 rgba(80, 170, 230, 1);
	-webkit-animation: pulse 1s infinite ease-in-out;
        -moz-animation: pulse 1s infinite ease-in-out;
        -o-animation: pulse 1s infinite ease-in-out;
        animation: pulse 1s infinite ease-in-out;
}


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

.bfPage-tl { background: transparent url('img/bg_page-tl.png') top left no-repeat; width: 60%; margin: auto;}


.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; width: 60%; margin: auto;}


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


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

.bfPage-bl { background: transparent url('img/bg_page-bl.png') bottom left no-repeat;  margin: -0.5px auto !important; width: 60%;}
.bfPage-br { background: transparent url('img/bg_page-br.png') bottom right no-repeat; }
.bfPage-b { height: 24.7px; 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 !important;
    padding: 0 !important;
}


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

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

.bfQuickMode .bfFieldset-m {
    margin: 0 18px !important;
    padding: 0 5px 0 5px !important;
}



.bfQuickMode .bfFieldset-bl { background: transparent url('img/bg_fieldset-bl.png') bottom left no-repeat !important; }
.bfQuickMode .bfFieldset-br { background: transparent url('img/bg_fieldset-br.png') bottom right no-repeat !important; }
.bfQuickMode .bfFieldset-b { height: 13.5px; background: transparent url('img/bg_fieldset-b.png') 0 0 repeat-x !important; margin: 0.1px 18px !important; }

.bfQuickMode fieldset {
    border: none !important;
    padding: 0 !important;
    margin: -1px 0 0 0 !important;
    position: relative !important;
}


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

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

.bfQuickMode legend {
	top: -35px !important;
        background: none repeat scroll 0 0 transparent !important;
}

.bfQuickMode .bfWrapperBlock legend {
	top: -35px !important;
}

.bfQuickMode .bfWrapperInline legend, .bfQuickMode .bfWrapperBlock .bfWrapperBlock legend {
	top: -35px !important;
}

.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 { 
	font: 18px/27px 'ChunkFiveRegular', Arial, sans-serif !important;
	color: #f2f2f2 !important;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

.bfQuickMode .bfWrapperInline .bfLegend-m, .bfQuickMode .bfWrapperBlock .bfWrapperBlock .bfLegend-m { 
	font: 16px/25px 'ChunkFiveRegular', Arial, sans-serif !important;
	color: #f1f1f1 !important;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

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

}

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


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

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

.bfQuickMode .bfWrapperInline .bfFieldset-l, .bfQuickMode .bfWrapperBlock .bfWrapperBlock .bfFieldset-l { background: transparent url('img/bg_infieldset-l.png') 0 0 repeat-y !important; }
.bfQuickMode .bfWrapperInline .bfFieldset-r, .bfQuickMode .bfWrapperBlock .bfWrapperBlock .bfFieldset-r { background: transparent url('img/bg_infieldset-r.png') 100% 0 repeat-y !important; margin: -1px 0 !important; }

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

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

.bfQuickMode fieldset .bfWrapperBlock {
    display: table !important;
}

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

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


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


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

.bfQuickMode .bfInline .bfLabelLeft .bfElementGroupNoWrap input[type='text'] {
    width: 48%;
}

.bfQuickMode label {
	font-weight:bold;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
}

.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: #fff url('img/bg_input.png') 0 0 no-repeat;
	 border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.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 !important;
}

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


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

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

.bfElemWrap{
    top: 5px;
    position: relative;
}



/* ##### 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 section {
    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 !important;
}


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

/* ## new Button style##*/

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

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

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

.bfQuickMode .bfDivButtonWrapper:hover .bfDivButtonMain {
	background-position: 0 -36px !important;
}

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


/* ## old Button style## */

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

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

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

.bfQuickMode button::-moz-focus-inner {
    border: none !important;  /* 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 !important;
}

.bfQuickMode button:hover span, button.submitBtnHover span {
    background-position: 0 -36px !important;
}

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

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

.bfQuickMode button {
    outline: none;
}

.bfQuickMode .bfPrevButton {
    float: left !important;
}

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

.bfQuickMode legend{
    border: 0;
}


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

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


/* #### 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);
}