/*
	NOTES:
	- split styling and dimensions
*/


/* general dynform styling */
.dfForm legend { color: #000000; font-weight:bold; font-size:11px; text-transform: none; margin-left: -1px !important; white-space:normal;}
.dfForm .dfShowLegend legend{ padding-left:0;}
.dfForm .dfHideLegend legend{ display: none; }
.dfForm .dfClear { font-size:0.001em; line-height:0.001em; height:0px; clear:both; display:block; }
.dfForm ul { list-style: none none;}
.dfForm .error { line-height:13px; font-size:10px; color:#b3000f; }
.dfForm .error br { height:0px; font-size:1px; line-height:1px; clear:both; overflow:hidden; display:block;}

.dfForm .dfRows li label { font-size:11px; line-height:12px;}
.dfForm .dfRows li label a { color:#B3000F;}
.dfForm .dfRows li label a:hover { text-decoration: underline;}

.formCols .dfRows li { display:inline; margin-bottom:3px;  float:left; width: 280px;  min-height:53px; height:auto !important; height:57px; }
.formCols .customValidation .dfRows li { min-height:49px; height:auto !important; height:49px; }
.formCols .dfRows li li { width:auto;}
.formCols .dfRows li .dfLabel { width:auto; clear:none; }
.formCols .dfRows li .dfMandatory { width:2px; font-size:12px; line-height:8px; padding-left:5px; padding-top:2px; color:#B81116; text-align:center;}
.formCols .dfRows li .dfControl  {  clear:both; padding-top:1px}

.formCols .dfRows li.dfHideLabel { height:auto !important; min-height: 36px !important;}
.formCols .dfRows li.dfHideMandatory .dfMandatory, 
.formCols .dfRows li.dfHideLabel .dfLabel { display:none; }
.formCols .dfRows li ul {  margin-bottom:2px !important; clear:both; }
.formCols .dfRows li li { float:none; height:auto !important; min-height: 1px !important; margin:0px;}

.t .dfRows li.single-line {  min-height:1px !important; margin-bottom:5px;}
.formCols .dfRows li.single-line .dfLabel { float:left; clear:both;}
.formCols .dfRows li.single-line .dfMandatory {float:left; padding-right:3px;}
.formCols .dfRows li.single-line .dfControl { float:left; clear:both;}

.formCols .dfRows li.no-height {  min-height:1px !important; margin-bottom:5px;}

.formCols .dfCheckboxList label { padding-left:3px;line-height:14px !important;} 
.formCols .dfTextarea textarea  { height:100px;}

.formCols .dfRows .dfRadiobuttonList,
.formCols .dfRows .dfCheckboxList { margin-bottom:0px; display:block;}
.formCols .dfRadiobuttonList input,
.formCols .dfCheckboxList input { float:left; width:20px; height:13px;margin-bottom:3px;margin-top:3px;}
.formCols .dfRadiobuttonList label,
.formCols .dfCheckboxList label { padding-left:3px; float:left; min-height:12px;height:auto !important; height:12px; padding-top:5px; margin-right:10px;}

.formCols .span-10 .dfCheckboxList label,.formCols .span-10 .dfRadiobuttonList label {  width: 220px;}
.formCols .span-20 .dfCheckboxList label,.formCols .span-20 .dfRadiobuttonList label {  width: 500px;}

.formCols .span-10 .dfCheckboxList .dfGender label,.formCols .span-10 .dfRadiobuttonList .dfGender label,
.formCols .span-20 .dfCheckboxList .dfGender label,.formCols .span-20 .dfRadiobuttonList .dfGender label {  width: auto;}


.formCols .dfControl,.formCols .dfControl li { padding-right: 8px;}
.formCols .dfInput input,
.formCols .dfSelect select,
.formCols .dfTextarea textarea { width:100%;}

#warningEmailPhone { clear:both; display:none;}

.errorWarning { display: none; background:url(/img/dynform_warning1.gif) no-repeat 0 0; padding-left:50px; min-height:35px; height: auto !important; height:35px;}
.errorWarningVisible { display: block;}
    
/* Columns
-------------------------------------------------------------- */
/* Use these classes to set the width of a column.formCols li. */
.formCols .dfControl .span-1,
.formCols .dfControl .span-2,
.formCols .dfControl .span-3,
.formCols .dfControl .span-4,
.formCols .dfControl .span-5,
.formCols .dfControl .span-6,
.formCols .dfControl .span-7,
.formCols .dfControl .span-8,
.formCols .dfControl .span-9,
.formCols .dfControl .span-10,
.formCols .dfControl .span-11,
.formCols .dfControl .span-12,
.formCols .dfControl .span-13,
.formCols .dfControl .span-14,
.formCols .dfControl .span-15,
.formCols .dfControl .span-16,
.formCols .dfControl .span-17,
.formCols .dfControl .span-18,
.formCols .dfControl .span-19,
.formCols .dfControl .span-20 { float:left;}

.formCols li.span-1,.formCols .dfControl .span-1  { width: 28px;}
.formCols li.span-2,.formCols .dfControl .span-2  { width: 56px;}
.formCols li.span-3,.formCols .dfControl .span-3  { width: 84px;}
.formCols li.span-4,.formCols .dfControl .span-4  { width: 112px;}
.formCols li.span-5,.formCols .dfControl .span-5  { width: 140px;}
.formCols li.span-6,.formCols .dfControl .span-6  { width: 168px;}
.formCols li.span-7,.formCols .dfControl .span-7  { width: 196px;}
.formCols li.span-8,.formCols .dfControl .span-8  { width: 224px;}
.formCols li.span-9,.formCols .dfControl .span-9  { width: 252px;}
.formCols li.span-10,.formCols .dfControl .span-10 { width: 280px;}
.formCols li.span-11,.formCols .dfControl .span-11  { width: 308px;}
.formCols li.span-12,.formCols .dfControl .span-12  { width: 336px;}
.formCols li.span-13,.formCols .dfControl .span-13  { width: 364px;}
.formCols li.span-14,.formCols .dfControl .span-14  { width: 392px;}
.formCols li.span-15,.formCols .dfControl .span-15  { width: 420px;}
.formCols li.span-16,.formCols .dfControl .span-16  { width: 448px;}
.formCols li.span-17,.formCols .dfControl .span-17  { width: 476px;}
.formCols li.span-18,.formCols .dfControl .span-18  { width: 504px;}
.formCols li.span-19,.formCols .dfControl .span-19  { width: 532px;}
.formCols li.span-20,.formCols .dfControl .span-20 { width: 560px;}

/* Add these to a column to append empty cols.formCols li. */
.formCols li.append-1  { padding-right: 28px;}
.formCols li.append-2  { padding-right: 56px;}
.formCols li.append-3  { padding-right: 84px;}
.formCols li.append-4  { padding-right: 112px;}
.formCols li.append-5  { padding-right: 140px;}
.formCols li.append-6  { padding-right: 168px;}
.formCols li.append-7  { padding-right: 196px;}
.formCols li.append-8  { padding-right: 224px;}
.formCols li.append-9  { padding-right: 252px;}
.formCols li.append-10  { padding-right: 280px;}
.formCols li.append-11  { padding-right: 308px;}
.formCols li.append-12  { padding-right: 336px;}
.formCols li.append-13  { padding-right: 364px;}
.formCols li.append-14  { padding-right: 392px;}
.formCols li.append-15  { padding-right: 420px;}
.formCols li.append-16  { padding-right: 448px;}
.formCols li.append-17  { padding-right: 476px;}
.formCols li.append-18  { padding-right: 504px;}
.formCols li.append-19  { padding-right: 532px;}

/* Add these to a column to prepend empty cols.formCols li. */
.formCols li.prepend-1  { padding-left: 28px;}
.formCols li.prepend-2  { padding-left: 56px;}
.formCols li.prepend-3  { padding-left: 84px;}
.formCols li.prepend-4  { padding-left: 112px;}
.formCols li.prepend-5  { padding-left: 140px;}
.formCols li.prepend-6  { padding-left: 168px;}
.formCols li.prepend-7  { padding-left: 196px;}
.formCols li.prepend-8  { padding-left: 224px;}
.formCols li.prepend-9  { padding-left: 252px;}
.formCols li.prepend-10  { padding-left: 280px;}
.formCols li.prepend-11  { padding-left: 308px;}
.formCols li.prepend-12  { padding-left: 336px;}
.formCols li.prepend-13  { padding-left: 364px;}
.formCols li.prepend-14  { padding-left: 392px;}
.formCols li.prepend-15  { padding-left: 420px;}
.formCols li.prepend-16  { padding-left: 448px;}
.formCols li.prepend-17  { padding-left: 476px;}
.formCols li.prepend-18  { padding-left: 504px;}
.formCols li.prepend-19  { padding-left: 532px;}

.formCols .dfControl .span-1,
.formCols .dfControl .span-2,
.formCols .dfControl .span-3,
.formCols .dfControl .span-4,
.formCols .dfControl .span-5,
.formCols .dfControl .span-6,
.formCols .dfControl .span-7,
.formCols .dfControl .span-8,
.formCols .dfControl .span-9,
.formCols .dfControl .span-10,
.formCols .dfControl .span-11,
.formCols .dfControl .span-12,
.formCols .dfControl .span-13,
.formCols .dfControl .span-14,
.formCols .dfControl .span-15,
.formCols .dfControl .span-16,
.formCols .dfControl .span-17,
.formCols .dfControl .span-18,
.formCols .dfControl .span-19,
.formCols .dfControl .span-20 { float:left;}

/* TODO VICTOR */
.dfWarning {color:Orange !important;}
.dfLabelError {color:Red !important;}
/* END TODO VICTOR */

/* Action case #12290 */
body.pl .formCols .dfRows li { min-height: 40px; margin-bottom: 0; }
body.pl .formCols .dfRows li.dfOptin,
body.pl .formCols .dfRows li.dfContactOptin { width: 100%; }
body.pl .formCols .dfRows li.dfOptin label,
body.pl .formCols .dfRows li.dfContactOptin label { width: 531px; padding-top: 3px; }
body.pl hr.dotted { margin-top: 0; }
body.pl .formCols .dfRows li.dfRadiobuttonList .clear { clear: none; }
body.pl .formCols .dfRows li.dfRadiobuttonList .dfRows li label { margin-right: 20px; }
body.pl .mainLayer .contentCols .contentCol { min-height: 65px; height: auto; }
body.pl .mainLayer .layerContent { padding-bottom: 0; height: 429px; /*overflow-y: hidden;*/ }
body.pl .tiles ul li { min-height: 85px; }

body.pl.isIE7 .layerContent .contentCols .contentCol { float: none !important; }