/*
 ########## BreezingForms 1.6.5 QuickMode ##########
 @autor crosstec.de
 @copyright Copyright (C) 2009 crosstec.de. All rights reserved.
 ########################################
 NPTaal-theme template
*/
.bfElementGroup input[type=radio]{
    vertical-align: top;
}
.bfElementGroupNoWrap input[type=radio]{
    vertical-align: top;
}
.bfElementGroup input[type=checkbox]{
    vertical-align: top;
}
.bfElementGroupNoWrap input[type=checkbox]{
    vertical-align: top;
}
.bfQuickMode label{
    cursor: pointer;
}
/* ##### General BreezingForms styles ##### */

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

.bfQuickMode fieldset {
    padding: 10px 10px 10px 10px;
    border: 2px solid #D2D2D2 !important; /* changed by orlando; was: 10px solid #ccc !important; */
    margin: 0px 0px 30px 0px; /* changed by orlando; was: 0px 0px 10px */
    width: auto;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.bfQuickMode legend {
    padding: 5px 0px 5px 0px;
    /* background: #CF9E21 /* changed by orlando; was:  background: #92c1ff; */
    color: #fff;
    font-size: 120%;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    line-height: normal !important;
    margin-top: -30px !important; /* margin-top set to -30px changed by orlando; was: 18px */
    margin-bottom: 18px; /* added by orlando; was nt there before */
    border: none !important;
}

.bfQuickMode section.bfElemWrap {
	padding: 5px;
	margin: 0px 0px 10px 0px;
	background: #ffffff; /*Orlando:changed color from:#F9FAFB to current for new color of element-group.*/
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.bfQuickMode p.bfElemWrap {

}

.bfQuickMode span.bfElemWrap {
    padding: 5px;
    background: #eff5fa;
    margin: 0px 10px 10px 0px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

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

.bfQuickMode fieldset fieldset legend {
    border-width: 1px !important;
    border-style: solid !important;
    padding: 5px;
    background: #fff;
    color: #92c1ff;
    border-color: #92c1ff;
    font-size: 110%;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    line-height: normal !important;
    margin-top: 18px !important;
}

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

.bfQuickMode fieldset.bfInline p {

}

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

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

.bfQuickMode input[type=text], .bfQuickMode input[type=password], .bfQuickMode textarea, .bfQuickMode select {
	border: 1px solid #000000; /* Orlando: changed color to #000000 (black) color was:#ccc */
	padding: 2px;
	line-height: normal;
	background-color: #FFFFFF;
	font-family: arial, Helvetica, sans-serif;
	color: #104175 !important;
}

.bfQuickMode textarea:hover, .bfQuickMode input[type=text]:hover, .bfQuickMode input[type=password]:hover, .bfQuickMode select:hover {
    border-color: #dc1f00 !important; /* Orlando: changed color to: #CF9E21 (gold) color was:#92c1ff;*/
}

.bfQuickMode textarea:focus, .bfQuickMode input[type=text]:focus, .bfQuickMode input[type=password]:focus, .bfQuickMode select:focus {
    border: 1px solid #000000; /* Orlando: changed color to: #000000 (black) color was:#0071bc;;*/	
	/*outline: 2px solid #CF9E21; /* Orlando: removed this. outline is square. used box-shadow insted. changed color to: #CF9E21 (gold) color was:#92c1ff;*/
	box-shadow: 0 0 0 2pt #dc1f00; /* Orlando: added this to highlight selected input field.*/
}

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

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

.formError .formErrorContent {
	width: 100%;
	background: #ee0101;
	color: #fff;
	width: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	border: 2px solid #ddd;
	box-shadow: 0px 0px 6px #000;
	-moz-box-shadow: 0px 0px 6px #000;
	-webkit-box-shadow: 0px 0px 6px #000;
	padding: 4px 10px 4px 10px;
	border-radius: 6px;
	moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	font-weight: bold;
}


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

.bfMaxLengthCounter { 
    color: #666;
	font-size: 1em;
}

/* ##### tooltip ##### */
.ui-tooltip-default {
	border: 4px solid #ff0000; /*Orlando: changed collor to #ff0000. Was: #104175;*/
	background-color: #FFFFFF;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	line-height: 20px !important;
	letter-spacing: 0.3px;
}

.bfQuickMode span.bfTooltip {
    width: auto;
    padding: 0px 15px 0px 0px !important;
	vertical-align: bottom;
    margin: 0px;
    background: transparent url('img/icon_info.png') top left no-repeat;
}

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

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

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

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

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

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

.bfQuickMode button[type=submit], .bfQuickMode button[type=button]  { /* ---- normal state Changed by orlando ----- */
	padding: 2px 5px 2px 5px;
	margin: 10px 0px 0px 10px; /* changed: margin:  10px 0px 0px 0px to: margin:  10px 0px 0px 10px*/
	outline: none;
	color: #ffffff;
	font-weight: bold;
	font-size: 100%;
	background: #ff0000;
	border: 1px solid #ffffff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.bfQuickMode button[type=submit]:hover , .bfQuickMode button[type=button]:hover  { /* ---- Hovered state Changed by orlando ----- */
	padding: 2px 5px 2px 5px;
	margin:  10px 0px 0px 10px; /* changed: margin:  10px 0px 0px 0px to: margin:  10px 0px 0px 10px*/
	outline: none;
	color: #D49F31;
	font-weight: bold;
	font-size: 100%;
	background: #F67000;
	border: 1px solid #ffffff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.bfQuickMode.hover button {
	color: #104175 !important;
}

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

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

.bfQuickMode .bfPrevButton {
    float: left
}

.bfQuickMode button.bfCalendar {
    height: 21px;
    margin: 0px 0px 0px 5px;
}
/* ======= Orlando: EXTRA custom Code by orlando ========== */

#bfLabel52::after ,#bfLabel62::after ,#bfLabel475::after ,#bfLabel496::after  {  /*Orlando: added this to allow a "required" red astrix after the captcha and new recaptcha labels */
	content: " *";
	color: #ff0000;
}

.bfCaptcha img {
	margin-bottom: -10px !important;  /*Orlando: added this to allow captcha renew button and captcha input field to align hrizontaly */
}

/* ======= Orlando: Start override of "Quickmode/system.css" ========== */
.bfQuickMode .bfLabelLeft .bfElementGroup input,
.bfQuickMode .bfLabelLeft .bfElementGroupNoWrap input,
.bfQuickMode .bfLabelTop .bfElementGroup input,
.bfQuickMode .bfLabelTop .bfElementGroupNoWrap input,
.bfQuickMode .bfLabelRight .bfElementGroup input,
.bfQuickMode .bfLabelRight .bfElementGroupNoWrap input,
.bfQuickMode .bfLabelBottom .bfElementGroup input,
.bfQuickMode .bfLabelBottom .bfElementGroupNoWrap input {
    width: auto;
    float: none;
    margin: 6px 5px 0px 0px; /* Orlando: Changesd this to correctly align-horizontally radio buttons and check boxes */
    display: inline;
}

/* Orlando: Found on row 175 of "Quickmode/system.css" */
.bfQuickMode span input[type=text], .bfQuickMode span textarea, .bfQuickMode span select  { 
    width: auto;
    float: left;  /*Orlando: Changed this to left to allow captcha renew button to float left. value was: "none" */
    margin: 0px 10px 20px 0px;
}