/*
 ########## BreezingForms - Black Mamba Theme (CSS3) ##########
 @autor Crosstec GmbH & Co. KG
 @copyright Copyright (C) 2012 Crosstec GmbH & Co. KG All rights reserved.
 ########################################
*/

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

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

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

/* FONTS */
@font-face {
    font-family: 'LaconicLight';
    src: url('fonts/Laconic_Light-webfont.eot');
    src: url('fonts/Laconic_Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Laconic_Light-webfont.woff') format('woff'),
         url('fonts/Laconic_Light-webfont.ttf') format('truetype'),
         url('fonts/Laconic_Light-webfont.svg#LaconicLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'LaconicRegular';
    src: url('fonts/Laconic_Regular-webfont.eot');
    src: url('fonts/Laconic_Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Laconic_Regular-webfont.woff') format('woff'),
         url('fonts/Laconic_Regular-webfont.ttf') format('truetype'),
         url('fonts/Laconic_Regular-webfont.svg#LaconicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'LaconicBold';
    src: url('fonts/Laconic_Bold-webfont.eot');
    src: url('fonts/Laconic_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Laconic_Bold-webfont.woff') format('woff'),
         url('fonts/Laconic_Bold-webfont.ttf') format('truetype'),
         url('fonts/Laconic_Bold-webfont.svg#LaconicBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'LaconicShadow';
    src: url('fonts/Laconic_Shadow-webfont.eot');
    src: url('fonts/Laconic_Shadow-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Laconic_Shadow-webfont.woff') format('woff'),
         url('fonts/Laconic_Shadow-webfont.ttf') format('truetype'),
         url('fonts/Laconic_Shadow-webfont.svg#LaconicShadow') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* FONTS END */
.bfQuickMode {
	color: #DDD;
	font-family: Trebuchet MS;
	font-size: 14px;
}

.bfQuickMode fieldset {	
        padding: 0px 0px 10px 0px !important;
	border: 0px !important;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #222222), color-stop(1, #000000) ) !important;
	background: -moz-linear-gradient( center top, #222222 5%, #000000 100% ) !important;
        background: linear-gradient( center top, #222222 5%, #000000 100% ) !important;
	background-color: #222222 !important;
	border-bottom-left-radius: 7px !important;
	border-bottom-right-radius: 7px !important;
        border-radius: 10px;
	-webkit-border-bottom-right-radius: 7px !important;
	-webkit-border-bottom-left-radius: 7px !important;
	-moz-border-radius-bottomright: 7px !important;
	-moz-border-radius-bottomleft: 7px !important;
}

.bfQuickMode fieldset fieldset {	
        padding: 0px 0px !important;
        margin-left: 10px !important;
        margin-right: 10px !important;
	border: 0px !important;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3f3f3f), color-stop(1, #000000) ) !important;
	background: -moz-linear-gradient( center top, #3f3f3f 5%, #000000 100% ) !important;
        background: linear-gradient( center top, #3f3f3f 5%, #000000 100% ) !important;
	border-radius: 10px;
        background-color: #3f3f3f !important;
	border-bottom-left-radius: 7px !important;
	border-bottom-right-radius: 7px !important;
	-webkit-border-bottom-right-radius: 7px !important;
	-webkit-border-bottom-left-radius: 7px !important;
	-moz-border-radius-bottomright: 7px !important;
	-moz-border-radius-bottomleft: 7px !important;
}

.bfQuickMode legend {
	border: 1px solid #57a700 !important;
	width: 30% !important;
	padding: 10px !important;
	margin-left: 0px !important;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6acb00), color-stop(1, #5cb100) ) !important;
	background: -moz-linear-gradient( center top, #6acb00 5%, #5cb100 100% ) !important;
        background: linear-gradient( center top, #6acb00 5%, #5cb100 100% ) !important;
	background-color: #6acb00 !important;
	font-size: 18px !important;
	text-shadow: 1px 1px 1px #376a00 !important;
}

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

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

.bfQuickMode fieldset fieldset legend {
	font-size: 16px !important;
	padding: 0px 10px !important;
        margin: 0;
}
.bfQuickMode fieldset.bfInline {
}
.bfQuickMode fieldset.bfInline section {
}

/* ##### Input Fields ##### */
.bfQuickMode input[type=file] {
	font-family: Arial;
	font-size: 14px;
	padding: 5px;
	border: 1px solid #000;
	background: #3f3f3f;
	box-shadow: inset 0 3px 1px 0px #282828;
	color: #eee;
}
textarea {
	font-family: Arial;
	font-size: 14px;
	padding: 5px;
	border: 1px solid #000;
	background: #3f3f3f;
	box-shadow: inset 0 3px 1px 0px #282828;
	color: #eee;
}
.bfQuickMode input[type=text], .bfQuickMode input[type=password], .bfQuickMode select {
	font-family: Arial;
	font-size: 14px;
	padding: 5px;
	border: 1px solid #000;
	background: #3f3f3f;
	box-shadow: inset 0 3px 1px 0px #282828;
	color: #eee;
}

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

.bfQuickMode textarea:focus, .bfQuickMode input[type='text']:focus, .bfQuickMode input[type='password']:focus, .bfQuickMode select:focus {
	outline: none;
	border-color: #212121;
	box-shadow: 0 0 5px #363636;
}
.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 button {
    outline: none;
}

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

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

.bfQuickMode .bfPageIntro {

}
.bfQuickMode section.bfRolloverBg, .bfQuickMode span.bfRolloverBg {
    border: 1px solid #222;
    padding: 4px !important;
    background-image: url('img/bg_rollover.png') !important;
    background-position: 0 0 !important;
    background-repeat: repeat-x !important;
	box-shadow: 0 0 3px #BBB;
	border-radius: 10px;
}
/* ##### 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  {
	-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, #bdbdbd), color-stop(1, #3b3b3b) ) !important;
	background:-moz-linear-gradient( center top, #bdbdbd 5%, #3b3b3b 100% ) !important;
        background:linear-gradient( center top, #bdbdbd 5%, #3b3b3b 100% ) !important;
	background-color:#bdbdbd !important;
        background-color:#3b3b3b\9 !important;
	-moz-border-radius:6px !important;
	-webkit-border-radius:6px !important;
	border:1px solid #575757 !important;
	display:inline-block !important;
	color:#ffffff !important;
	font-family:arial !important;
	font-size:15px !important;
	padding:6px 24px !important;
	text-decoration:none !important;
	text-shadow:1px 1px 0px #000000 !important;
	cursor: pointer  !important;
        border-radius: 10px;
}
.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, #3b3b3b), color-stop(1, #bdbdbd) ) !important;
	background:-moz-linear-gradient( center top, #3b3b3b 5%, #bdbdbd 100% ) !important;
        background:linear-gradient( center top, #3b3b3b 5%, #bdbdbd 100% ) !important;
	background-color:#3b3b3b !important;
        background-color:#bdbdbd\9 !important;
        border-radius: 10px;
}
.bfQuickMode .bfNextButton, .bfQuickMode .bfSubmitButton, .bfQuickMode .bfCancelButton {
	float: right !important;
}

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

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