/* ----------------------------------------
GENERAL STYLING
---------------------------------------- */

div.df .row {position:relative;width:100%;margin-bottom:5px;clear:both;}

div.df .row img {border:0;}
div.df .row a {color:black;}
div.df .row label {width:35%;display:block;float:left;text-align:right;padding:5px 5px 0 0;}
div.df .row label span.field-required-indicator {color:#CC0000;font-style:normal;}
div.df div.cleaner {overflow:hidden;clear:both;height:1px;margin-top:-1px}
/* ----------------------------------------
ERRORS
---------------------------------------- */
div.df .error-summary {width:35%;}
div.df .error-summary ul {list-style:square;}
div.df .row div.field-errors {float:right;width:26%;}
div.df .row div.field-errors span {padding:0 0 5px 0;color:#CC0000;}
div.df .row div.field-errors span.valid {display:none;}
div.df .row div.field-errors span.invalid {display:block;}
/* ----------------------------------------
INPUT
---------------------------------------- */
div.df .row.input input {width:35%;font:100% "Trebuchet MS";border:1px solid #dcdada;background:white;color:black;padding:2px;}
div.df .row.input input.invalid {background-color:#FFE4E1;}
/* ----------------------------------------
CALENDAR
---------------------------------------- */
div.df .row.date input  {font:100% "Trebuchet MS";border:1px solid #dcdada;background:white;color:black;padding:2px;}
div.df .row.date input.invalid {background-color:#FFE4E1;}
/* ----------------------------------------
TEXTAREA
---------------------------------------- */
div.df .row.textarea textarea {width:35%;font:100% "Trebuchet MS";border:1px solid #dcdada;background:white;color:black;padding:2px;}
div.df .row.textarea textarea.invalid {background-color:#FFE4E1;}
/* ----------------------------------------
SELECT
---------------------------------------- */
div.df .row.select select {font:100% "Trebuchet MS";border:1px solid #dcdada;background:white;color:black;padding:2px;}
div.df .row.select select.invalid {background-color:#FFE4E1;}
div.df .row.select.fixed select {width:35%;}
/* ----------------------------------------
CHECKBOX
---------------------------------------- */
div.df .row.checkbox div.list-items {width:36%;overflow:auto;}
div.df .row.checkbox div.list-items ul {padding:0;margin:0;list-style:none;}
div.df .row.checkbox div.list-items li {padding:2px 0 2px 0;}
div.df .row.checkbox div.list-items input {border:none;width:auto;}
div.df .row.checkbox div.list-items label {width:auto;display:inline;text-align:left;float:none;}

div.df .row.checkbox.scroll div.list-items {height:120px;border:1px solid #A9A9A9;background:white;}
div.df .row.checkbox.scroll div.list-items li {border-bottom:#EBEEF1 solid 1px;}

div.df .row.checkbox.inline div.list-items li {float:left;}
/* ----------------------------------------
RADIO BUTTON
---------------------------------------- */
div.df .row.radio div.list-items {width:36%;overflow:auto;}
div.df .row.radio div.list-items ul {padding:0;margin:0;list-style:none;}
div.df .row.radio div.list-items li {padding:2px 0 2px 0;}
div.df .row.radio div.list-items input {border:none;width:auto;}
div.df .row.radio div.list-items label {width:auto;display:inline;text-align:left;float:none;}

div.df .row.radio.scroll div.list-items {height:120px;border:1px solid #A9A9A9;background:white;}
div.df .row.radio.scroll div.list-items li {border-bottom:#EBEEF1 solid 1px;}

div.df .row.radio.inline div.list-items li {float:left;}
/* ----------------------------------------
READ ONLY
---------------------------------------- */
div.df .row.readonly div.value {width:35%;font:100% "Trebuchet MS";border:1px solid #dcdada;background:#EBEEF1;color:black;padding:2px;overflow:auto;}
/* ----------------------------------------
XSTANDARD
---------------------------------------- */
div.df .row.xstandard {float:none;position:relative;}
div.df .row.xstandard ul.field-errors {position:absolute;left:560px;}
div.df .row.xstandard object {width:300px;height:200px;}
/* ----------------------------------------
FCKEDITOR
---------------------------------------- */
div.df .fckeditor {position:static;}
/* ----------------------------------------
FILE
---------------------------------------- */
div.df .row.file input {border:1px solid #dcdada;font:100% "Trebuchet MS";background:white;color:black;padding:2px;}
div.df .row.file a {margin-right:5px;} 
div.df .row.file div.new-file-button {padding:5px 0 0 35%;margin:0 0 10px 5px;clear:both;}
div.df .row.file div.new-file-button input {font:100% "Trebuchet MS";border:1px solid #A9A9A9;color: black;background:#EBEEF1;}
/* ----------------------------------------
TOOLBAR
---------------------------------------- */
div.df .toolbar {margin:20px 0 5px 5px;padding:0 0 0 35%;height:1%;}
div.df .toolbar input, div.df .toolbar a {margin-right:5px;font:100% Arial;border:1px solid #A9A9A9;color:black;background:#EBEEF1;padding:2px;}
div.df .toolbar .delete {border:1px solid #CC0000;}