/* CSS FLEXITFORM */

/* SKIN 1 */
.ffSkin_1 .ffFieldParent { width: auto;  font-family: Arial, Helvetica, sans-serif; display: inline-block; position: relative; }
.ffSkin_1 .ffFieldParent input, .ffSkin_1 .ffFieldParent textarea, .ffSkin_1 .ffFieldParent select { width: 100%; border: none; background: #efefef; font-size: 11px;  font-family: Arial, Helvetica, sans-serif; }
.ffSkin_1 .hasCorners { width: 1px; }
.ffSkin_1 .ffHeader { width: auto; height: 3px; font-size: 0; line-height: 0; margin-right: 5px; background: url(ff_skin1_normal.png) left top no-repeat; display: block; position: relative; }
.ffSkin_1 .ffHeader span { width: 5px; height: 3px; font-size: 0; line-height: 0; background: url(ff_skin1_normal.png) right top no-repeat; display: block; position: absolute; top: 0; right: -5px; }
.ffSkin_1 .ffFooter { width: auto; height: 3px; font-size: 0; line-height: 0; margin-right: 5px; background: url(ff_skin1_normal.png) left bottom no-repeat; display: block; position: relative; }
.ffSkin_1 .ffFooter span { width: 5px; height: 3px; font-size: 0; line-height: 0; background: url(ff_skin1_normal.png) right bottom no-repeat; display: block; position: absolute; top: 0; right: -5px; }
.ffSkin_1 .ffContent { background: url(ff_skin1_normal.png) left -3px no-repeat #efefef; display: block; padding-left: 4px; }
.ffSkin_1 .ffContent span { height: 1%; background: url(ff_skin1_normal.png) right -3px repeat-y; display: block; padding: 0 4px 0 0; }

.ffSkin_1 .ffCheckBox { width: 18px; height: 18px; background: url(ff_skin1_checkboxes.png) left top no-repeat; font-size: 0; line-height: 0; cursor: pointer; display: inline-block; position: relative; z-index: 1; }
.ffSkin_1 .ffRadio { width: 18px; height: 18px; background: url(ff_skin1_radios.png) left top no-repeat; font-size: 0; line-height: 0; cursor: pointer; display: inline-block; position: relative; z-index: 1; }
.ffSkin_1 .ffFieldParent .ffItemChecked { background-position: right top; }

.ffSkin_1 .flexitFormRequired .ffContent input, .ffSkin_1 .flexitFormRequired .ffContent textarea { background: url(ff_skin1_required.gif) right 5px no-repeat; }
.ffSkin_1 .flexitFormRequired .ffContent select { background: url(ff_skin1_required.gif) 92% 5px no-repeat; }

.ffSkin_1 .flexitFormError .ffHeader { background-image: url(ff_skin1_error.png); }
.ffSkin_1 .flexitFormError .ffHeader span { background-image: url(ff_skin1_error.png); }
.ffSkin_1 .flexitFormError .ffFooter { background-image: url(ff_skin1_error.png); }
.ffSkin_1 .flexitFormError .ffFooter span { background-image: url(ff_skin1_error.png); }
.ffSkin_1 .flexitFormError .ffContent { background-image: url(ff_skin1_error.png); }
.ffSkin_1 .flexitFormError .ffContent span { background-image: url(ff_skin1_error.png); }
.ffSkin_1 .flexitFormError .ffContent input, .ffSkin_1 .flexitFormError .ffContent textarea, .ffSkin_1 .flexitFormError .ffContent select { background-color: #eedbdb; }
.ffSkin_1 .flexitFormError .ffCheckBox, .flexitFormError .ffRadio { background-position: left bottom; }

.ffSkin_1 .flexitFormFocus .ffHeader { background-image: url(ff_skin1_focus.png); }
.ffSkin_1 .flexitFormFocus .ffHeader span { background-image: url(ff_skin1_focus.png); }
.ffSkin_1 .flexitFormFocus .ffFooter { background-image: url(ff_skin1_focus.png); }
.ffSkin_1 .flexitFormFocus .ffFooter span { background-image: url(ff_skin1_focus.png); }
.ffSkin_1 .flexitFormFocus .ffContent { background-image: url(ff_skin1_focus.png); }
.ffSkin_1 .flexitFormFocus .ffContent span { background-image: url(ff_skin1_focus.png); }
.ffSkin_1 .flexitFormFocus .ffContent input, .ffSkin_1 .flexitFormFocus .ffContent textarea, .ffSkin_1 .flexitFormFocus .ffContent select { background-color: #dbe5f1; }

.ffSkin_1 .flexitFormTableSelect td	{ vertical-align:top;	}
.ffSkin_1 .flexitFormTableSelect td	label{top:2px;position:relative;display:block;padding-right:10px;}

/* SKIN 2 */
.ffSkin_2 .ffFieldParent { width: auto;  font-family: Arial, Helvetica, sans-serif; padding: 1px; border: 1px solid #cccccc; background: #ffffff; display: inline-block; position: relative; }
.ffSkin_2 .ffFieldParent input, .ffSkin_2 .ffFieldParent textarea, .ffSkin_2 .ffFieldParent select { width: 100%; border: none; background: #efefef; font-size: 11px;  font-family: Arial, Helvetica, sans-serif; }
.ffSkin_2 .ffContent { display: block; border: 1px solid #e8e8e8; border-color: #e8e8e8 #cbcbcb #cbcbcb #e8e8e8; padding: 2px; background: #efefef; }

.ffSkin_2 .ffCheckBox { width: 18px; height: 18px; background: url(ff_skin2_checkboxes.png) 0 top no-repeat; font-size: 0; line-height: 0; cursor: pointer; display: inline-block; position: relative; z-index: 1; }
.ffSkin_2 .ffRadio { width: 18px; height: 18px; background: url(ff_skin2_radios.png) left top no-repeat; font-size: 0; line-height: 0; cursor: pointer; display: inline-block; position: relative; z-index: 1; }
.ffSkin_2 .ffFieldParent .ffItemChecked { background-position: right top; }

.ffSkin_2 .flexitFormRequired .ffContent input, .ffSkin_2 .flexitFormError .ffContent textarea, .ffSkin_2 .flexitFormError .ffContent select { background: url(ff_skin1_required.gif) right 5px no-repeat; }

.ffSkin_2 .flexitFormError .ffContent { background: #eedbdb; }
.ffSkin_2 .flexitFormError .ffContent input, .ffSkin_2 .flexitFormError .ffContent textarea, .ffSkin_2 .flexitFormError .ffContent select { background-color: #eedbdb; }

.ffSkin_2 .flexitFormFocus .ffContent { background: #dbe5f1; }
.ffSkin_2 .flexitFormFocus .ffContent input, .ffSkin_2 .flexitFormFocus .ffContent textarea, .ffSkin_2 .flexitFormFocus .ffContent select { background-color: #dbe5f1; }

/* SKIN 3 */
.ffSkin_3 table tr td { border-bottom: 1px solid #c9c9c9; padding: 5px 3px; }

.ffSkin_3 .ffFieldParent { width: auto;  font-family: Arial, Helvetica, sans-serif; padding: 1px; border: 1px solid #999999; display: inline-block; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.ffSkin_3 .ffFieldParent input, .ffSkin_3 .ffFieldParent textarea, .ffSkin_3 .ffFieldParent select { width: 100%; border: none; font-size: 11px;  font-family: Arial, Helvetica, sans-serif; color: #333333; }
.ffSkin_3 .ffContent { display: block; padding: 1px; }

.ffSkin_3 .ffCheckBox { width: 18px; height: 18px; background: url(ff_skin2_checkboxes.png) 0 top no-repeat; font-size: 0; line-height: 0; cursor: pointer; display: inline-block; position: relative; z-index: 1; }
.ffSkin_3 .ffRadio { width: 18px; height: 18px; background: url(ff_skin3_radios.gif) left top no-repeat; font-size: 0; line-height: 0; cursor: pointer; display: inline-block; position: relative; z-index: 1; }
.ffSkin_3 .ffFieldParent .ffItemChecked { background-position: right top; }

.ffSkin_3 .flexitFormRequired .ffContent input, .ffSkin_3 .flexitFormError .ffContent textarea, .ffSkin_3 .flexitFormError .ffContent select { background: url(ff_skin1_required.gif) right 5px no-repeat; }

.ffSkin_3 .flexitFormError { border: 1px solid #ae0000; }

.ffSkin_3 .flexitFormFocus .ffContent { background: #efefef; }
.ffSkin_3 .flexitFormFocus .ffContent input, .ffSkin_3 .flexitFormFocus .ffContent textarea, .ffSkin_3 .flexitFormFocus .ffContent select { background-color: #efefef; }
.ffSkin_3 .flexitFormsOk { background: none; }

.ffSkin_3 .ffLineEnd td { border: none; }

/* PARTAGE */
.flexitFormError .ffCheckBox { background-position: left bottom; }
.flexitFormError .ffItemChecked { background-position: right bottom; }

.flexitform { margin: 0; }
.flexitform  table td { text-align: left; }