div.formDiv { font-family: Tahoma; width: 100% - 12px; overflow: hidden; background-color: white; padding: 5px; border: solid 1px; margin-bottom: 5px; margin-top: 5px;  zoom: 1;}

div.formSectionDiv {width: 100% - 12px; overflow: hidden; padding: 5px; border: solid 1px;}

div.formGroupDouble {width: 100% - 10px; overflow: hidden; padding: 5px; margin-bottom: 10px; background: gray;}

div.formGroupSingle {width: 100% - 10px; overflow: hidden; padding: 5px; margin-bottom: 10px; background: grey;}

div.formGroupLabel{ color:#F7A000; font-weight: bold; font-size: 17px; padding: 10px;}

div.formGroupPopupErrorLabel { color: red; font-weight: bold; }

div.formBlock {width: 100% - 10px; overflow: hidden; padding: 5px; margin-bottom: 10px; background: gainsboro;}

div.formBlockleLabel{ color:#F7A000; font-weight: bold; font-size: 15px; padding: 8px;}

div.formQuestion {  overflow: hidden; padding: 10px; zoom:1; }

div.formSBIBlockTriple{float: left;}

div.formSBIBlockTriple > div{width: 205px; }

div.formSBIBlockTriple div.formQuestion{width: 205px; }

div.formSBIBlockTriple div.toolbar{width: 205px; }

div.formSBIBlockSingle{float: left;}

div.formSBIBlockSingle > div {width: 600px;}

div.formSBIBlockSingle div.formQuestion {width: 600px;}

div.formSBIBlockSingle > div{width: 100% - 10px;}

div.formSBIBlockSingle div{width: 100% - 10px;}

div.toolbar{ overflow: hidden; padding: 2px; margin: 0px 0px 2px 0px; zoom: 1; background: gainsboro; }

div.toolbarButton{float: right; cursor: pointer; padding:1px;}

div.toolbarFormPopup{position: absolute; background: #cbc78e; border: #bd5508 solid; display: none; z-index: 5;}

div.toolbarFormPopupHeader{width: 100%; height: 20px; background: #bd5508; vertical-align: middle; text-align: center; position: relative;}

div.formCreatorEditTitle{font-size: 10px; font-weight: bold; text-align: center; height: 20px; padding-top: 3px;}

div.toolbarFormPopupForm{padding: 10px;}

div#formPopupShadow { background-color:grey; display:none; opacity:0.5; z-index:2; }

div.creatorPager{overflow: hidden; border: solid 1px; background-color: white;}

div.formPager{overflow: hidden; border: solid 1px; margin-bottom: 10px;}

div.creatorHeader{ text-align: center; width:100% - 22px; overflow: hidden; border: solid 1px; font-size: 20px; font-weight: bold; padding: 10px; background-color: white;}

td.actionButton_M{background: url("../button/actionButton_M.gif") repeat-x top;}

.formHint {font-size: 11px; width: 364px; color: #006399; border: solid 1px #006399; background-color: #eeeeee; padding: 2px 5px; position: absolute; z-index: 5; overflow: hidden;}

.formHintIframe { width: 364px; position: absolute; z-index: 4; filter:alpha(opacity=0); overflow: hidden; }
 
.postalCodeField { width: 12px; text-align: center; }

.postalCodeField2Digits { width: 18px; text-align: center; }

.postalCodeField3Digits { width: 28px; text-align: center; }

.phoneNumberField3Digits { width: 36px; text-align: center; }

.phoneNumberField7Digits { width: 84px; text-align: center; }

.phoneNumberField9Digits { width: 104px; text-align: center; }

.slider1Div { height: 30px; padding: 10px 10px; }
.slider1 { }
.slider1Answer { cursor: default; text-align: center;  z-index: 3; background: transparent; border: none; font-size: 11px; }
.slider1Value { cursor: default; text-align: center;  z-index: 3;  width: 20px; background: transparent; border: none; top: -18px; position: absolute; margin-left:-0.8em; font-size: 11px; }
.slider1 input { font-size: 11px; }
.slider1 .ui-state-default,.ui-state-hover, .ui-state-focus { background: url("/templates/form/img/style/img/slider.gif") no-repeat 2px scroll; border: none; }
.slider1 .ui-slider-handle { top: -8px; }
.slider1Labels { z-index: 1; position: absolute; top: 10px; left: -8px; }
.slider1Labels input { cursor: default; text-align: center;  z-index: 5;  width: 30px; background: transparent; border: none; top: -4px; position: absolute; margin-left:-0.5em; font-size: 11px; }


.slider2Div { height: 30px; padding: 10px 10px; }
.slider2 { width: 200px; }
.slider2Value { cursor: default; text-align: center;  z-index: 3;  width: 30px; background: transparent; border: none; top: -4px; position: absolute; margin-left:-0.5em; font-size: 11px; }
.slider2 input { font-size: 11px; }
.slider2 .ui-state-default { background: #e6e6e6; border: 1px solid #ababab; }
.slider2 .ui-slider-handle { width: 30px; }
.slider2Labels { z-index: 1; position: absolute; top: 10px; left: 0px; }
.slider2Labels input { cursor: default; text-align: center;  z-index: 2;  width: 30px; background: transparent; border: none; top: -4px; position: absolute; margin-left:-0.5em; font-size: 11px; }


.verticalCheckbox { float: left; padding-right: 5px; }
div.pageHeader { margin: 5px 0px 0px 0px; padding: 5px 0px 0px 0px; background-color: white; border: 1px solid; font-size: 20px; overflow: hidden; padding: 10px; }
div.stepHeader { margin: 5px 0px 0px 0px; padding: 5px 0px 0px 0px; background-color: white; border: 1px solid; font-size: 20px; overflow: hidden; padding: 10px; }
table.stepHeader {  }
table.formStepper { border: 2px solid #000000; cursor: pointer; width: 120px;}
table.formStepperCurrentStep { border: 2px solid #BD5508; cursor: pointer; width: 120px; color: #BD5508;}
.stepNumber { font-size: 22px; padding: 0px 0px 0px 5px; width: 20px; }
.stepLabel { font-size: 12px; padding: 0px 10px 0px 5px; vertical-align: middle; height: 30px; }
.stepArrow { text-align: left; padding: 0px 5px 0px 0px; vertical-align: middle; width: 20px; }

td.clauseWithCheckbox { vertical-align: top; }

table.summaryGroup { border: 1px solid #000000; width: 100%; margin: 5px 0px; padding: 0px 5px; }
table.summaryGroup .header { font-size: 22px; border-bottom: 1px solid grey; vertical-align: middle; height: 40px; }
table.summaryGroup .correctData { width: 75px; font-size: 12px;  padding: 5px 10px; cursor: pointer; text-decoration: underline; /*background: #FACCA7;*/ }
table.summaryGroup .question { font-size: 12px; width: 150px ! important; width : 100px; text-align: right; padding: 5px 5px; }
table.summaryGroup .answer      { font-size: 16px; padding: 0px 10px; font-weight: bold; }
table.summaryGroup .answer1col  { font-size: 16px; padding: 0px 10px; font-weight: bold; width: 730px !important; width: 766px;}
table.summaryGroup .answer2cols { font-size: 16px; padding: 0px 10px; font-weight: bold; width: 365px !important; width: 401px;}

.validationFormPopup {}
.validationFormPopup table.function { border-bottom: 1px solid #BD5508; width: 100%; padding: 3px 0px; }
.validationFormPopup .saveButton { float: right; padding-top: 5px; padding-bottom: 5px; }
.validationFormPopup .collabel{ float: left; padding: 0px 10px; }
.validationFormPopup .col{ width: 50%; vertical-align: top; }
.validationFormPopup .col table, td { vertical-align: top; }
.validationFormPopup .paramLabel { font-weight: bold; padding: 0px 3px 0px 0px; text-align: left; }
.validationFormPopup .paramValue { cursor: pointer; text-align: left; padding: 0px 3px 0px 3px; }
.validationFormPopup label.paramValue { background: #C5AD9D; }

div.formQuestionErrorMsg {/* padding: 5px 5px; width: 250px;*/ color: #ff0000; }


table.editButton td.label { text-align: left; padding-right: 5px; white-space: nowrap; }

.errorList { font-family: Tahoma; font-size: 12px; overflow: hidden; padding: 5px 5px 0px 5px; width: 200px;   }
.errorList .title { display: block; padding: 5px 0px; }
.errorList div { color: #454545; padding: 0px 10px; font-weight: bold; font-size: 11px; }
.errorList > td {  }
.errorList td {  } 

.scriptFunctionFormPopup {}
.scriptFunctionFormPopup table.function { border-bottom: 1px solid #BD5508; width: 100%; padding: 3px 0px; }
.scriptFunctionFormPopup .saveButton { float: right; padding-top: 5px; padding-bottom: 5px; }
.scriptFunctionFormPopup .collabel{ float: left; padding: 0px 10px; }
.scriptFunctionFormPopup .col{ width: 50%; vertical-align: top; }
.scriptFunctionFormPopup .col table, td { vertical-align: top; }
.scriptFunctionFormPopup .paramLabel { font-weight: bold; padding: 0px 3px 0px 0px; text-align: left; }
.scriptFunctionFormPopup .paramValue { cursor: pointer; text-align: left; padding: 0px 3px 0px 3px; }
.scriptFunctionFormPopup label.paramValue { background: #C5AD9D; }


#formPager .leftButton { float: left; padding: 5px 20px 5px 5px; }
#formPager .rightButton { float: right; padding: 5px 5px 5px 10px; }







/*********************************************/
/****************** SBI **********************/
/*********************************************/

div.formSBIDiv { font-family: Tahoma; width: 100% - 12px;/* overflow: hidden; zoom: 1;*/ background: #ffffff; padding: 5px 35px; border: none; }
div.formSBISectionDiv { overflow: hidden; zoom: 1; width: 100% - 12px; }
div.formSBIPager{ zoom: 1; overflow: hidden; margin-bottom: 10px; zoom: 1; display: none;}
table.formSBIDiv { width: 100%; display: none;}
table.formSBIDiv td.formBottom { border-bottom: solid 1px #dddddd;  background: #ffffff; width: 100%; font-size: 1px; line-height: 4px;}
table.formSBIDiv td.formTop { border-top: solid 1px #dddddd;  background: #ffffff; width: 100%;  font-size: 1px; line-height: 3px;}
div.creatorHeader{ text-align:center; width:100% - 22px; overflow: hidden; border: solid 1px #dddddd; font-size: 20px; font-weight: bold; padding: 10px; background-color: #ffffff; margin-bottom: 5px;}
div.creatorSBIPager{ overflow: hidden;  margin-top: 5px; background: transparent; zoom:1;}


div.formSBIGroup { width: 100% - 10px; overflow: hidden; }
div.formSBIGroupLabel{ color:#FFFFFF; font-size: 17px; padding: 10px 0px 10px 20px; background: #1A4071;}
td.formSBIGroupLabel{ color:#FFFFFF; font-size: 17px; padding: 0px 10px 0px 0px; white-space: nowrap; }
div.formSBIBlock { position: relative; width: 100% - 10px; overflow: hidden;  /*margin-bottom: 10px;*/ background: #e9e9e9; border-bottom: 1px solid #DDDDDD; zoom: 1;}
div.formSBIBlockLabel{ color:#000000; font-weight: bold; font-size: 15px; padding: 8px 20px; background: #e9e9e9; border-bottom: 1px solid #DDDDDD; }
div.formSBIBlockEven { position: relative; width: 100% - 10px; overflow: hidden; background: #fafafa; border-bottom: 1px solid #DDDDDD; zoom: 1; }
div.formSBIBlockOdd { position: relative;  width: 100% - 10px; overflow: hidden; background: #ffffff; border-bottom: 1px solid #DDDDDD; zoom: 1; }
td.SBItoolbar { width: 100%; vertical-align: top;/* background: gainsboro;*/ }


/****************** StepHeader **********************/

div.SBIstepHeader { padding: 5px 0px 0px 0px; background-color: white; border: none; font-size: 20px; overflow: hidden;}

td.formSBIStepperEmpty { width: 100%; border-bottom: 1px solid #dddddd; }
td.stepSBINumberArrow { font-size: 18px; padding: 0px; color: #ffffff; background: #00287d; text-align: center; vertical-align: middle; }

td.formSBIStepper {  border-bottom: 1px solid #dddddd;  }
table.formSBIStepper { height: 37px; width: 100%; /*cursor: pointer;*/ margin: 9px 0px 0px 0px; background: url("/templates/form/img/style/img/not-active-step-bg.gif") repeat-x left top; }
td.stepSBINumber { padding: 0px 0px 0px 5px; vertical-align: middle; background: url("/templates/form/img/style/img/step-top-corner-left.gif") no-repeat left top; }
td.stepLabel { font-weight: bold; color: #a4a4a4; font-size: 12px; padding: 0px 10px 0px 5px; vertical-align: middle; height: 30px; background: url("/templates/form/img/style/img/step-top-corner-right.gif") no-repeat right top; }

td.formSBIStepperCurrentStep {  color: #BD5508; background: url("/templates/form/img/style/img/active-step-bg.gif") repeat-x left top;}
table.formSBIStepperCurrentStep { cursor: pointer; width: 100%; margin: 0px;}
table.formSBIStepperCurrentStep { width: 100%; margin: 0px;}
td.stepSBINumberCurrentStep { padding: 0px 0px 0px 5px; vertical-align: middle; background: url("/templates/form/img/style/img/active-step-top-corner-left.gif") no-repeat left top;}
td.stepLabelCurrentStep { font-weight: bold; color: #00287d; font-size: 12px; padding: 0px 10px 0px 5px; vertical-align: middle; height: 47px; background: url("/templates/form/img/style/img/active-step-top-corner-right.gif") no-repeat right top; }

td.formSBIStepperPrevStep { border-bottom: 1px solid #dddddd;  }
table.formSBIStepperPrevStep { height: 37px; width: 100%; cursor: pointer; margin: 10px 0px 0px 0px; background: url("/templates/form/img/style/img/not-active-step-bg.gif") repeat-x left top; }
table.formSBIStepperSummaryPrevStep { height: 37px; width: 100%; margin: 10px 0px 0px 0px; background: url("/templates/form/img/style/img/not-active-step-bg.gif") repeat-x left top; }
td.stepSBINumberPrevStep { padding: 0px 0px 0px 5px; vertical-align: middle; background: url("/templates/form/img/style/img/step-top-corner-left.gif") no-repeat left top; }
td.stepLabelPrevStep { font-weight: bold; color: #00287d; font-size: 12px; padding: 0px 10px 0px 5px; vertical-align: middle; height: 30px; background: url("/templates/form/img/style/img/step-top-corner-right.gif") no-repeat right top; }

td.stepSBINumberArrow { font-size: 18px; padding: 0px; width: 20px; color: #ffffff; background: #00287d; text-align: center; vertical-align: middle; }
table.formSBIStepperCurrentStep td.stepSBINumberArrow { background: #00287d; }
table.formSBIStepper td.stepSBINumberArrow { background: #d9d9d9; }
td.SBIStepSeparator { width: 1px; padding: 0px 2px; border-bottom: 1px solid #dddddd;  }
td.formSBIQuestion { padding: 5px 0px; font-weight: bold; }

table.SBIsummaryGroup { width: 100%; padding: 25px 0px 0px 0px; }
table.SBIsummaryGroup .header { padding: 0px 0px 0px 25px; background: #e9e9e9; vertical-align: middle; height: 32px; }
table.SBIsummaryGroup .group { padding: 0px 0px 0px 25px; background: #f3f3f3; vertical-align: middle; height: 32px; color: #4e4e4e; font-size: 11px; }
table.SBIsummaryGroup .correctData { text-align: right; width: 100%; font-size: 12px;  padding: 5px 10px; cursor: pointer;}
table.SBIsummaryGroup .headerText { vertical-align: middle; white-space: nowrap; color: #3e3e3e;  font-weight: bold; font-size: 14px; }
table.SBIsummaryGroup .correctData a{ white-space: nowrap; font-weight: bold; color: #0b7dd6; cursor: pointer; text-decoration: none;}
table.SBIsummaryGroup .question    { border-bottom: 1px solid #E9E9E9; font-size: 12px; width: 150px ! important; width : 100px; text-align: left; padding: 8px 25px; vertical-align: middle; }
table.SBIsummaryGroup .answer      { border-bottom: 1px solid #E9E9E9; font-size: 12px; padding: 8px 10px; font-weight: bold; vertical-align: middle; }
table.SBIsummaryGroup .answer1col  { border-bottom: 1px solid #E9E9E9; font-size: 12px; padding: 8px 10px; font-weight: bold; vertical-align: middle; width: 730px !important; width: 766px; }
table.SBIsummaryGroup .answer2cols { border-bottom: 1px solid #E9E9E9; font-size: 12px; padding: 8px 10px; font-weight: bold; vertical-align: middle; width: 365px !important; width: 401px; }
table.SBIsummaryGroup .clause-question { color: #636363; font-size: 12px; text-align: left; padding: 8px 25px 8px 25px; vertical-align: middle; }
table.SBIsummaryGroup .answer td{ font-size: 12px;}
table.SBIsummaryGroup .clause-answer { color: #636363; border-bottom: 1px solid #E9E9E9; font-size: 12px; padding: 8px 25px 8px 25px; font-weight: normal; vertical-align: top; }

div.captchaDiv {}
table.captcha {}
.captcha .inputText { margin: 10px 0px; }
.captcha .error { color: #ff0000; }
.captcha .info { padding: 0px 0px 0px 25px; }
.captcha .title { padding-top: 3px; padding-right: 0px; font-weight: bold; }

.formLink { font-size: 11px; color: #0b7dd6; font-weight: bold; cursor: pointer; }
.formLink a { font-size: 11px; color: #0b7dd6; font-weight: bold; cursor: pointer; text-decoration: none; }
.formLinkButton { font-size: 11px; color: #0b7dd6; font-weight: bold; cursor: pointer; }

table.formBigButton { background: #1f4784; }
td.formBigButtonLabel { font-weight: bold; color: #ffffff; min-width: 100px; width:auto !important; width:100px; height: 20px; min-height: 20px; padding: 5px; cursor: pointer; }
td.formBigButtonLabel  .title { font-size: 16px; padding: 0px 3px; }
td.formBigButtonLabel  .desc { padding: 3px 3px 0px 3px; font-size: 12px; }

div.SBIerrorLine { padding-left: 7px; background: url("/templates/form/img/style/img/wniosek_error_arrow.gif") no-repeat left top; }


div.questionOk { display: inline;  }
.questionNotOk input, .questionNotOk textarea, .questionNotOk select { border: 2px solid #fe9d01; }
input.questionNotOk { border: 2px solid #fe9d01; }
.questionOk input, .questionOk textarea, .questionOk select {  }
input.questionOk { border: 1px solid #000000; }
.questionActive input, .questionActive textarea, .questionActive select { border: 2px solid #88beea; }

.SBIactionButton_M { font-size: 11px; font-weight: bold; color: #0B7DD6; cursor: pointer; padding: 18px 22px; }
.SBIactionLink { font-size: 13px; font-weight: normal; color: #ffffff; cursor: pointer; vertical-align: middle; }
td.SBIactionLink { white-space: nowrap; }

img.checkedNotOk { display: none; }
img.checkedOk { }



table.SBIFormHeader { width: 100%; background-color: white;  border-bottom: 3px solid #1A4071; }
table.SBIFormHeaderNoLine { width: 100%; background-color: white;  border-bottom: none; }
td.SBIFormHeaderLogo { text-align: left; padding: 0px 10px; }
td.SBIFormHeaderInfo { text-align: right; padding: 0px 10px; }
td.SBIFormHeaderTitle { color: #1A4071; padding: 5px 0px 0px 5px; font-size: 20px; overflow: hidden; padding: 10px; }


#calendar { width: 250px; }

@media print {
    #formPrintLink { display: none; }
}


td.formSummaryTwoColumnsTitle { color:#FFFFFF; font-size: 17px; padding: 10px 0px 10px 0px; background: #1A4071; width: 290px;}

div.formSBIBlockNoPadding .formQuestion { padding: 0px; }
div.formSBIBlockNoPadding td.formSBIQuestion { padding: 0px 20px 0px 0px; }
div.formPermissionAnswer { color: #6f6f6f; font-weight: bold; }
div.formPermissionAnswer .single { padding: 0px 10px; float: left; }
div.formPermissionLabel { color: #000000; font-weight: bold; float: left; width: 150px; }
div.formPermissionLabelEdit { color: #000000; font-weight: bold; padding: 5px 0px; }
div.formPermissionNone { padding: 10px 10px 10px 10px; font-size: 11px; }
td.formLimitLabel { color: #000000; font-weight: bold; width: 150px; }
div.legendItem { font-size: 11px; color: #000000;  padding: 10px;}


table.formTripleSlider { margin: 5px 10px 10px 10px; }
table.formTripleSlider td { vertical-align: middle; }
table.formTripleSlider td.input { font-size: 12px; }
table.formTripleSlider td.output {}
table.formTripleSlider td.bracket {}
td.inputLabel { white-space: nowrap; text-align: left; padding: 2px 0px;  }
td.inputData { font-weight: bold; text-align: right; padding: 2px 25px;  }
td.outputLabel { font-weight: bold; width: 150px; padding: 0px 0px 0px 25px;}
td.outputData { color: #f2a523; font-size: 33px; font-weight: normal; padding: 0px 15px;}


td.inputLabelSummary { white-space: nowrap; text-align: left; padding: 2px 0px; font-size: 12px; }
td.inputDataSummary { font-weight: bold; text-align: right; padding: 2px 25px; font-size: 12px; }
td.outputLabelSummary { font-weight: bold; padding: 0px 0px 0px 25px; font-size: 12px; width: 180px; }
td.outputDataSummary { color: #f2a523; font-size: 33px; font-weight: normal; padding: 0px 15px; }


div.formQuestionClause { padding: 5px 0px; }

.footer_links_left { display: none;}

table.linkIcon {display: none;}
div.sectionThanks {border: none; margin-top: 10px; padding: 0px 10px 20px 10px;}