﻿
.dfForm { width: 382px; background-color: #f3f3f3; padding:20px 20px 5px 20px; font-size:0.9em; color:#666666 }
.dfForm label { color:#666666}
.dfForm fieldset { padding:0px; margin: 0px; }
.dfForm legend {position: absolute; text-indent:-1234em; overflow:hidden;}
.dfForm .dfClear { clear: both; display: block; height: 1px; line-height: 1px; font-size:1px; }
.dfForm .error { line-height:1.8em;}

.dfForm .dfRows li { width: 382px; padding-bottom:10px; min-height:30px; height:auto !important; height:30px;}

.dfForm .dfLabel { width: 138px; display:block; float: left; line-height:24px;}
.dfForm .dfMandatory { width: 15px; display:block; float: left; color: #ff0000;text-align:center; line-height:24px;}
.dfForm .dfControl { width: 229px; display:block; float: left;}
.dfForm .dfControl li { width: 229px; float:none; height:auto !important; min-height: 0px !important; padding-bottom:0px;}

.dfForm .dfCheckboxList label { padding-left:3px;}

.dfForm .dfInput input { width: 223px; } 
.dfForm .dfSelect select { width: 223px; } 
.dfForm .dfTextarea textarea {font-size:1.0em;}
.dfForm .dfRadiobuttonList label { padding-right:8px;}

 /* CUSTOM STYLING */

.dfFormOuter { border-top:1px solid #f3f3f3; border-bottom:1px solid #f3f3f3; width: 420px; margin-bottom:15px;}
.dfFormOuter .dfForm { margin:0px -1px; }

.dfForm .dfFullWidthLiteral .dfLabel { width: auto; line-height:18px;}
.dfForm .dfFullWidthLiteral .dfMandatory,
.dfForm .dfFullWidthLiteral .dfControl { display:none; }


.dfForm .dfFullWidthOneCheckbox { background: url(../img/df_fullwidthLine.gif) repeat-x 0 11px; min-height:15px; height:auto !important; height:15px;padding-bottom:0px ;}
.dfForm .dfFullWidthOneCheckbox .dfLabel { width: auto;max-width:312px; padding-right: 10px; background-color:#f3f3f3; font-weight:bold; }
.dfForm .dfFullWidthOneCheckbox .dfMandatory { display:none;}
.dfForm .dfFullWidthOneCheckbox .dfControl { float:right; width: 50px; padding-left: 10px;background-color:#f3f3f3; }
.dfForm .dfFullWidthOneCheckbox .dfCheckboxList {  width: 50px; } 
.dfForm .dfFullWidthOneCheckbox .dfCheckboxList label { padding-left:3px;}

.dfForm .dfFullWidthTextarea .dfLabel { width: auto; font-weight:bold; }
.dfForm .dfFullWidthTextarea .dfControl { width: 382px; } 
.dfForm .dfFullWidthTextarea .dfControl li.dfTextarea { width: 382px; } 
.dfForm .dfFullWidthTextarea .dfControl li.dfTextarea textarea { width: 376px; height: 130px; }

.dfForm .dfFullWidthSelect { margin-top:-20px; padding-bottom:15px !important;}
.dfForm .dfFullWidthSelect .dfLabel { width: auto;  }
.dfForm .dfFullWidthSelect .dfControl { width: 382px; } 
.dfForm .dfFullWidthSelect .dfControl li.dfSelect { width: 382px; } 
.dfForm .dfFullWidthSelect .dfControl li.dfSelect select { width: 376px; }

.dfForm .dfHouseNumberRow .dfControl li.dfInput { width: auto; float:left; }
.dfForm .dfHouseNumberRow .dfControl li.dfInput .dfLabelBefore { display:inline; padding: 0px 5px 0px 10px; }
.dfForm .dfInput .dfInput60 { width: 60px;}

