Index: t3lib/class.t3lib_tceforms.php
===================================================================
--- t3lib/class.t3lib_tceforms.php	(revision 7917)
+++ t3lib/class.t3lib_tceforms.php	(working copy)
@@ -2671,7 +2671,7 @@
 								// Load script.aculo.us if flexform sections can be moved by drag'n'drop:
 							$GLOBALS['SOBE']->doc->getPageRenderer()->loadScriptaculous();
 								// Render header of section:
-							$output.= '<div class="bgColor2"><strong>'.$theTitle.'</strong></div>';
+							$output .= '<div class="flexform-section-title"><strong>' . $theTitle . '</strong></div>';
 
 								// Render elements in data array for section:
 							$tRows = array();
@@ -2750,14 +2750,14 @@
 								// Adding the sections:
 							$toggleAll = $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_core.php:labels.toggleall', 1);
 							$output.= '
-							<div style="padding: 5px 0px 5px 20px;">
-							<a href="#" onclick="' . htmlspecialchars('flexFormToggleSubs("' . $idTagPrefix . '"); return false;') . '">'
-								. t3lib_iconWorks::getSpriteIcon('actions-move-right', array('title' => $toggleAll)) . $toggleAll . '
-							</a>
+							<div class="flexform-section-toggle">
+								<a href="#" onclick="' . htmlspecialchars('flexFormToggleSubs("' . $idTagPrefix . '"); return false;') . '">'
+									. t3lib_iconWorks::getSpriteIcon('actions-move-right', array('title' => $toggleAll)) . $toggleAll . '
+								</a>
 							</div>
 
-							<div id="'.$idTagPrefix.'" style="padding-left: 20px;">'.implode('',$tRows).'</div>';
-							$output.= $mayRestructureFlexforms ? '<div style="padding: 10px 5px 5px 20px;"><strong>' . $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_core.php:labels.addnew', 1) . ':</strong> '.implode(' | ',$newElementsLinks).'</div>' : '';
+							<div id="' . $idTagPrefix . '" class="flexform-section">' . implode('', $tRows) . '</div>';
+							$output.= $mayRestructureFlexforms ? '<div style="padding: 10px 5px 5px 20px;" class="flexform-section-addNew"><strong>' . $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_core.php:labels.addnew', 1) . ':</strong> '.implode(' | ',$newElementsLinks).'</div>' : '';
 						} else {
 							// It is a container
 
@@ -2777,7 +2777,7 @@
 								// I didn't know how to make something right-aligned without a table, so I put it in a table. can be made into <div>'s if someone like to.
 								// Notice: The fact that I make a "Sortable.create" right onmousedown is that if we initialize this when rendering the form in PHP new and copied elements will not be possible to move as a sortable. But this way a new sortable is initialized everytime someone tries to move and it will always work.
 							$ctrlHeader= '
-								<table border="0" cellpadding="0" cellspacing="0" width="100%" onmousedown="'.($mayRestructureFlexforms?htmlspecialchars($onMove):'').'">
+								<table class="flexform-sections-section-header" onmousedown="' . ($mayRestructureFlexforms ? htmlspecialchars($onMove) : '') . '">
 								<tr>
 									<td>
 										<a href="#" onclick="'.htmlspecialchars($onClickToggle).'" id="'.$idTagPrefix.'-toggle">
@@ -2798,21 +2798,22 @@
 								// Putting together the container:
 							$this->additionalJS_delete = array();
 							$output.= '
-								<div id="'.$idTagPrefix.'" class="bgColor2">
+								<div id="'.$idTagPrefix.'" class="flexform-sections-section">
 									<input id="'.$idTagPrefix.'-action" type="hidden" name="'.htmlspecialchars($actionFieldName).'" value=""/>
 
 									'.$ctrlHeader.'
-									<div id="'.$idTagPrefix.'-content"'.($toggleClosed?' style="display:none;"':'').'>'.$this->getSingleField_typeFlex_draw(
-										$value['el'],
-										$editData[$key]['el'],
-										$table,
-										$field,
-										$row,
-										$PA,
-										$formPrefix.'['.$key.'][el]',
-										$level+1,
-										$idTagPrefix
-									).'
+									<div class="flexform-sections-section-content" id="' . $idTagPrefix . '-content"' . ($toggleClosed ? ' style="display:none;"' : '') . '>' .
+										$this->getSingleField_typeFlex_draw(
+											$value['el'],
+											$editData[$key]['el'],
+											$table,
+											$field,
+											$row,
+											$PA,
+											$formPrefix.'['.$key.'][el]',
+											$level+1,
+											$idTagPrefix
+										).'
 									</div>
 									<input id="'.$idTagPrefix.'-toggleClosed" type="hidden" name="'.htmlspecialchars('data['.$table.']['.$row['uid'].']['.$field.']'.$formPrefix.'[_TOGGLE]').'" value="'.($toggleClosed?1:0).'" />
 								</div>';
Index: typo3/sysext/t3skin/stylesheets/structure/element_tceforms.css
===================================================================
--- typo3/sysext/t3skin/stylesheets/structure/element_tceforms.css	(revision 7917)
+++ typo3/sysext/t3skin/stylesheets/structure/element_tceforms.css	(working copy)
@@ -101,3 +101,30 @@
 	margin: 0 10px;
 	padding: 9px 0;
 }
+
+.flexform-section {
+	padding-left: 20px;
+}
+
+.flexform-sections-section-header {
+	width: 100%;
+	height: 16px;
+}
+
+.flexform-section-toggle {
+	padding: 5px 0px 5px 20px;
+}
+
+.flexform-sections-section {
+	margin: 5px 0;
+}
+
+.flexform-sections-section-content {
+	padding: 5px 0;
+}
+
+.flexform-sections-section-content > div {
+	margin:0 10px;
+	padding:9px 0;
+}
+
Index: typo3/sysext/t3skin/stylesheets/visual/element_tceforms.css
===================================================================
--- typo3/sysext/t3skin/stylesheets/visual/element_tceforms.css	(revision 7917)
+++ typo3/sysext/t3skin/stylesheets/visual/element_tceforms.css	(working copy)
@@ -5,19 +5,35 @@
 - - - - - - - - - - - - - - - - - - - - - */
 
 .t3-form-field {
-        border-top: 1px solid #cdcdcd;
+	border-top: 1px solid #cdcdcd;
 }
 
 .t3-form-section:first-child > .t3-form-field:first-child {
-        border-top: 0;
+	border-top: 0;
 }
 
 .t3-form-palField .t3-form-palette-fieldset {
-        border: 0;
+	border: 0;
 }
 
 .typo3-TCEforms-flexForm .bgColor4,
 .typo3-TCEforms-flexForm .bgColor5 {
-        background: none;
-        display: inline-block;
+	background: none;
+	display: inline-block;
 }
+
+.flexform-section-title {
+	border-top: 1px solid #CDCDCD;
+}
+
+.flexform-sections-section {
+	background: #dadada;
+}
+
+.flexform-sections-section-content {
+	background: #eee;
+}
+
+.flexform-section-addNew {
+	border-top: 1px solid #CDCDCD;
+}
\ No newline at end of file