/*
 ########## BreezingForms - Bronson Theme (CSS3) ##########
 @autor Crosstec GmbH & Co. KG
 @copyright Copyright (C) 2012 Crosstec GmbH & Co. KG All rights reserved.
 ########################################
*/
.bfQuickMode button{
    outline: none;
}

.bfCancelButton{
    margin-left: 10px !important;
}

/*** FONTS ***/
@font-face {
    font-family: 'EnigmaticRegular';
    src: url('fonts/Enigma__2-webfont.eot');
    src: url('fonts/Enigma__2-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Enigma__2-webfont.woff') format('woff'),
         url('fonts/Enigma__2-webfont.ttf') format('truetype'),
         url('fonts/Enigma__2-webfont.svg#EnigmaticRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'EnigmaticItalic';
    src: url('fonts/Enigma_2i-webfont.eot');
    src: url('fonts/Enigma_2i-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Enigma_2i-webfont.woff') format('woff'),
         url('fonts/Enigma_2i-webfont.ttf') format('truetype'),
         url('fonts/Enigma_2i-webfont.svg#EnigmaticItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'EnigmaticBold';
    src: url('fonts/EnigmaB_2-webfont.eot');
    src: url('fonts/EnigmaB_2-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/EnigmaB_2-webfont.woff') format('woff'),
         url('fonts/EnigmaB_2-webfont.ttf') format('truetype'),
         url('fonts/EnigmaB_2-webfont.svg#EnigmaticBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*** FONTS END ***/


.bfQuickMode {
	color: #ddd;
	font-family: "EnigmaticRegular";
	font-size: 16px;
}
.bfQuickMode fieldset {
	margin-left: 10px !important;
        padding: 50px 10px 10px 10px !important;
	background: #333333 url(img/field_trans.png) repeat-x !important;
	border: 1px solid #bbccb0 !important;
        -webkit-box-shadow:inset 0 0 2px #d0e4a5 !important;
        -moz-box-shadow:inset 0 0 2px #d0e4a5 !important;
	box-shadow:inset 0 0 2px #d0e4a5 !important;
	border-radius: 7px !important;
	-moz-border-radius: 7px !important;
	-webkit-border-radius: 7px !important;
}

.bfQuickMode fieldset fieldset {
	margin-top: 30px !important;
        margin-left: 5px !important;
        margin-right: 15px !important;
	padding-top: 60px !important;
	border: 1px solid #5d5651 !important;
	background: #514b47 url(img/field_trans.png) repeat-x !important;
        -webkit-box-shadow: inset 0 0 5px #333, 0 0 2px #726a65 !important;
        -moz-box-shadow: inset 0 0 5px #333, 0 0 2px #726a65 !important; 
	box-shadow: inset 0 0 5px #333, 0 0 2px #726a65 !important; 
}
.bfQuickMode legend {
        margin-left: 5px !important;
        color: #ddd !important;
	color: #fff\9 !important;
	text-shadow: 1px 1px 0px #333 !important;
	padding: 0 20px !important;
	/*width: 20%; */
	height: 30px !important;
	line-height: 35px !important;
        line-height: 30px\9 !important;
	font-size: 20px !important;
	position: absolute !important;
	margin-top: -40px !important;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #91d30d), color-stop(1, #6a9310) ) !important;
	background:-webkit-linear-gradient( center top, #91d30d 5%, #6a9310 100% ) !important;
        background:-moz-linear-gradient( center top, #91d30d 5%, #6a9310 100% ) !important;
        background:linear-gradient( center top, #91d30d 5%, #6a9310 100% ) !important;
	background-color:#91d30d !important;
	border: 1px solid #91d30d !important;
	border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	box-shadow: 0 0 5px #6b9610 !important;
}
/*
.bfQuickMode .bfLegend-l, .bfQuickMode .bfLegend-r, .bfQuickMode .bfLegend-m { display: inline-block;  line-height: 26px; height: 26px }

.bfQuickMode .bfLegend-l { background: transparent url('img/tab_l.png') 0 0 no-repeat; }
.bfQuickMode .bfLegend-r { background: transparent url('img/tab_r.png') 100% 100% no-repeat;}
.bfQuickMode .bfLegend-m { background: transparent url('img/tab_m.png') 0 0 repeat-x; margin: 0 21px; margin-left: 12px;}
*/


.bfQuickMode section.bfElemWrap {

}
.bfQuickMode span.bfElemWrap {

}

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

.bfQuickMode fieldset fieldset legend {
	margin-top: -52px !important;
        padding: 0px 10px !important;
        margin-left: 0px !important;
}
.bfQuickMode fieldset.bfInline {
	margin-top: 30px;
        margin-left: 15px;
	padding-top: 60px;
	border: 1px solid #5d5651;
	background: #514b47 url(img/field_trans.png) repeat-x;
        -webkit-box-shadow: inset 0 0 5px #333, 0 0 2px #726a65;
        -moz-box-shadow: inset 0 0 5px #333, 0 0 2px #726a65; 
	box-shadow: inset 0 0 5px #333, 0 0 2px #726a65; 
}
.bfQuickMode fieldset.bfInline section {

}

/* ##### Input Fields ##### */
.bfQuickMode input[type=file] {
	font-family: "EnigmaticRegular";
	font-size: 11px;
	line-height: 22px;
	height: 22px;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f1ecd8), color-stop(1, #fefefd) );
        background:-webkit-linear-gradient( center top, #f1ecd8 5%, #fefefd 100% );
	background:-moz-linear-gradient( center top, #f1ecd8 5%, #fefefd 100% );
        background:linear-gradient( center top, #f1ecd8 5%, #fefefd 100% );
	background-color:#f1ecd8;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	opacity: 0.8;
	border: 2px solid #c7c0a9;
}
textarea {
	font-family: "EnigmaticRegular";
	font-size: 16px;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f1ecd8), color-stop(1, #fefefd) );
	background:-webkit-linear-gradient( center top, #f1ecd8 5%, #fefefd 100% );
        background:-moz-linear-gradient( center top, #f1ecd8 5%, #fefefd 100% );
        background:linear-gradient( center top, #f1ecd8 5%, #fefefd 100% );
	background-color:#f1ecd8;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	opacity: 0.8;
	border: 2px solid #c7c0a9;
}
.bfQuickMode input[type=text], .bfQuickMode input[type=password], .bfQuickMode select {
	font-family: "EnigmaticRegular";
	font-size: 16px;
	line-height: 22px;
	height: 22px;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f1ecd8), color-stop(1, #fefefd) );
        background:-webkit-linear-gradient( center top, #f1ecd8 5%, #fefefd 100% );
	background:-moz-linear-gradient( center top, #f1ecd8 5%, #fefefd 100% );
        background:linear-gradient( center top, #f1ecd8 5%, #fefefd 100% );
	background-color:#f1ecd8;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	opacity: 0.8;
	border: 2px solid #c7c0a9;
}

.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 {
	outline: none;
	opacity: 1;
	border:2px solid #e7c971; 
	box-shadow: 0 0 5px #fff, 0 2px 2px rgba(0,0,0,0.1) inset;
	-moz-box-shadow: 0 0 5px #fff, 0 2px 2px rgba(0,0,0,0.1) inset;
	-webkit-box-shadow: 0 0 5px #fff, 0 2px 2px rgba(0,0,0,0.1) inset;
}
.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 {

}
.bfQuickMode section.bfRolloverBg, .bfQuickMode span.bfRolloverBg {
    
	color: #aaaaaa;
	background-color: #514b47 !important;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
}
.bfQuickMode fieldset fieldset section.bfRolloverBg, .bfQuickMode span.bfRolloverBg {
    
	color: #aaaaaa;
	background-color: #333333 !important;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
}
.bfQuickMode fieldset fieldset fieldset section.bfRolloverBg, .bfQuickMode span.bfRolloverBg {
    
	color: #aaaaaa;
	background-color: #333333 !important;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
}
/* ##### 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;
}

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

.bfMaxLengthCounter {
    color: #666;
}

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

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

.bfQuickMode span.bfTooltip {
    padding: 3px 15px 0px 0px;
}

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

.bfQuickMode .bfSectionDescription {
    background: none;
    border: none;
    font-weight: normal;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.bfQuickMode .bfSectionDescription section {
    background: none;
    border: none;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}


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

.bfQuickMode .bfRequired {
    background: none;
    font-size: 100%;
    font-weight: bold;
    border: none;
    padding: 0px 0px 0px 5px;
    margin: 0px;
    color: #f00;
    float: none;
}

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

.bfQuickMode input[type='submit'], .bfQuickMode input[type='reset'], .bfQuickMode button  {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff !important;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff !important;
	box-shadow:inset 0px 1px 0px 0px #ffffff !important;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #91d30d), color-stop(1, #6a9310) ) !important;
	background:-webkit-linear-gradient( center top, #91d30d 5%, #6a9310 100% ) !important;
        background:-moz-linear-gradient( center top, #91d30d 5%, #6a9310 100% ) !important;
        background:linear-gradient( center top, #91d30d 5%, #6a9310 100% ) !important;
	border-radius: 7px !important;
        background-color:#91d30d !important;
	-moz-border-radius:6px !important;
	-webkit-border-radius:6px !important;
	border:1px solid #6a9310 !important;
	display:inline-block !important;
	color:#eee !important;
	font-family:arial !important;
	font-size:15px !important;
	font-weight:bold !important;
	padding: 6px 24px !important;
	text-decoration:none !important;
	text-shadow:1px 1px 0px #333 !important;
	cursor: pointer !important;
}
.bfQuickMode input[type='submit']:hover, .bfQuickMode input[type='reset']:hover, .bfQuickMode button:hover  {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6a9310), color-stop(1, #91d30d) ) !important;
	background:-webkit-linear-gradient( center top, #6a9310 5%, #91d30d 100% ) !important;
        background:-moz-linear-gradient( center top, #6a9310 5%, #91d30d 100% ) !important;
        background:linear-gradient( center top, #6a9310 5%, #91d30d 100% ) !important;
        background-color:#6a9310 !important;
}
.bfQuickMode .bfNextButton, .bfQuickMode .bfSubmitButton, .bfQuickMode .bfCancelButton {
	float: right !important;
}

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

.bfQuickMode input.bfCalendar {
	height: 23px !important;
        margin: 0px 0px 0px 5px !important;
}

.bfQuickMode button.bfCalendar {
    padding: 0px 5px !important;
}
/* Custom checkboxes and radio styles
	\9 is for IE only, DO NOT REMOVE!!
*/


span.bfElementGroupNoWrap input[type=checkbox],
span.bfElementGroupNoWrap input[type=radio],
span.bfElementGroup input[type=checkbox],
span.bfElementGroup input[type=radio]
{
    background: transparent !important;
    border: 0 !important;
}

span.bfElementGroup input[type=checkbox],
span.bfElementGroup input[type=radio]
{
   padding: 5px 0px 0px 0px\9 !important; 
}

.bfElementGroup
{ 
    padding-top: 4px\9 !important;
}

span.bfElementGroup label
{ 
    padding: 0px 0px 0px 0px\9 !important;
}

.bfGroupLabel{
    padding-top: 3px !important;
    padding-top: 0px\9 !important;
}

.bfQuickMode label{
    vertical-align: middle !important;
    vertical-align: middle\9 !important;
}