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

.bfQuickMode legend{
    border: 0;
}

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

.bfQuickMode fieldset .bfFieldset-m{
  padding-top: 20px !important;
}

.bfQuickMode .bfWrapperBlock {
	margin: 0px 0 10px 0 !important;
}

.bfQuickMode {
	color: #ddd;
	font-family: Trebuchet MS;
	font-size: 14px;
}

.bfQuickMode fieldset {	
	border: 1px dashed #767676 !important;
	background-color: #313a43 !important;
        margin-left: 10px !important;
        padding: 10px 10px !important;
}

.bfQuickMode legend {
        margin-left: 10px !important;
        margin-right: 10px !important;
	color: #fff !important; 
	font-family: Georgia !important;
	font-weight: bold !important;
	font-size: 20px !important;
	padding: 0 20px !important;  
	border: 1px solid #767676 !important;
	background: #373737 url(img/background.gif) repeat-x !important;
}

.bfQuickMode section.bfElemWrap {
    
}
.bfQuickMode span.bfElemWrap {
	
}

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

.bfQuickMode fieldset fieldset legend {
	padding: 0px 10px !important;
        margin: 0;
}
.bfQuickMode fieldset.bfInline {
	background: #373737 url(img/background.gif) repeat-x !important;
        margin-left: 10px !important;
        padding: 10px 10px !important;
	
}
.bfQuickMode fieldset.bfInline section {
    
}

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

.bfQuickMode input[type=file] {
	font-size: 14px;
	color: #767676;
	padding: 0 5px;
	line-height: 25px;
	height: 25px;
	border: 1px solid #d5d5d5;
	background: #ffffff url(img/input_bg.png) no-repeat;
}
textarea {
	font-family: Arial;
	font-size: 14px;
	color: #767676;
	padding: 0 5px;
	line-height: 25px;
	border: 1px solid #d5d5d5;
	background: #ffffff url(img/input_bg.png) no-repeat;
}
.bfQuickMode input[type=text], .bfQuickMode input[type=password], .bfQuickMode select {
	font-size: 14px;
	color: #767676;
	padding: 0 0px;
	line-height: 25px;
	height: 25px;
	border: 1px solid #d5d5d5;
	background: #ffffff url(img/input_bg.png) no-repeat;
}

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

.bfQuickMode textarea:focus, .bfQuickMode input[type='text']:focus, .bfQuickMode input[type='password']:focus, .bfQuickMode select:focus {
	outline: none;
}
.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 {
    border: 1px solid #000;
    padding: 4px !important;
    background-image: url('img/bg_rollover.png') !important;
    background-position: 0 0 !important;
    background-repeat: repeat-x !important;
	color: #fff;
}
/* ##### 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;
}

/* ##### 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  {
    border: 1px solid #000 !important;
    padding: 5px 10px !important;
    background-image: url('img/background.gif') !important;
    background-position: 0 0 !important;
    background-repeat: repeat-x !important;
	color: #fff !important;
	font-weight: bold !important;
	cursor: pointer !important;
}
.bfQuickMode input[type='submit']:hover, .bfQuickMode input[type='reset']:hover, .bfQuickMode button:hover  {
	border: 1px solid #333 !important;
	color: #ddd !important;
}
.bfQuickMode .bfNextButton, .bfQuickMode .bfSubmitButton, .bfQuickMode .bfCancelButton {
	float: right;
}

.bfQuickMode .bfPrevButton {
	float: left;
}

.bfQuickMode input.bfCalendar {
	height: 23px;
    margin: 0px 0px 0px 5px;
}
.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: 2px !important;
    padding-top: 2px\9 !important;
}

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

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

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