You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@flex.apache.org by cf...@apache.org on 2012/06/14 20:53:56 UTC

svn commit: r1350373 [19/23] - in /incubator/flex/trunk/samples/themes: ./ arcade/ arcade/src/ arcade/src/arcade/ arcade/src/arcade/skins/ arcade/src/arcade/skins/mediaClasses/ arcade/src/arcade/skins/mediaClasses/fullScreen/ arcade/src/arcade/skins/me...

Added: incubator/flex/trunk/samples/themes/zen/src/defaults.css
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/defaults.css?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/defaults.css (added)
+++ incubator/flex/trunk/samples/themes/zen/src/defaults.css Thu Jun 14 18:53:27 2012
@@ -0,0 +1,1510 @@
+/*
+ *
+ *  Licensed to the Apache Software Foundation (ASF) under one or more
+ *  contributor license agreements.  See the NOTICE file distributed with
+ *  this work for additional information regarding copyright ownership.
+ *  The ASF licenses this file to You under the Apache License, Version 2.0
+ *  (the "License"); you may not use this file except in compliance with
+ *  the License.  You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ *
+ */
+
+/* Zen is contributed by EffectiveUI www.effectiveui.com */
+
+/*
+//------------------------------
+//  Namespaces
+//------------------------------
+*/
+
+/*Spark Namespace*/
+@namespace s "library://ns.adobe.com/flex/spark";
+
+/*Halo Namespace*/
+@namespace mx "library://ns.adobe.com/flex/mx";
+
+/*
+//------------------------------
+//  Global
+//------------------------------
+*/
+
+global
+{
+	font-family: Arial;
+ 	font-size: 11pt;
+ 	focus-color: #a35200;
+}
+
+mx|ScrollControlBase
+{
+	borderSkin: ClassReference("zen.skins.BorderSkin");
+}
+
+mx|Container
+{
+	borderSkin: ClassReference("zen.skins.BorderSkin");
+}
+
+mx|Accordion
+{
+	borderSkin: ClassReference("zen.skins.BorderSkin");
+}
+
+
+/*
+//------------------------------
+//  Halo AccordionHeader
+//------------------------------
+*/
+mx|AccordionHeader
+{
+
+	disabledSkin: Embed(source="assets/flex_skins.swf", symbol="AccordionHeader_disabledSkin");
+	downSkin: Embed(source="assets/flex_skins.swf", symbol="AccordionHeader_downSkin");
+	overSkin: Embed(source="assets/flex_skins.swf", symbol="AccordionHeader_overSkin");
+	selectedDisabledSkin: Embed(source="assets/flex_skins.swf", symbol="AccordionHeader_selectedDisabledSkin");
+	selectedDownSkin: Embed(source="assets/flex_skins.swf", symbol="AccordionHeader_selectedDownSkin");
+	selectedOverSkin: Embed(source="assets/flex_skins.swf", symbol="AccordionHeader_selectedOverSkin");
+	selectedUpSkin: Embed(source="assets/flex_skins.swf", symbol="AccordionHeader_selectedUpSkin");
+	upSkin: Embed(source="assets/flex_skins.swf", symbol="AccordionHeader_upSkin");
+	font-family: Arial;
+ 	font-size: 11pt;	
+ 	color: #4c2600;
+ 	text-roll-over-color: #4c2600;
+ 	text-selected-color: #4c2600;
+ 	content-background-color:#a35200;
+
+}
+
+/*
+//------------------------------
+//
+//  Halo Alert
+//
+//------------------------------
+*/
+mx|Alert
+{
+	closeButtonDisabledSkin: Embed(source="assets/flex_skins.swf", symbol="Panel_closeButtonDisabledSkin");
+	closeButtonDownSkin: Embed(source="assets/flex_skins.swf", symbol="Panel_closeButtonDownSkin");
+	closeButtonOverSkin: Embed(source="assets/flex_skins.swf", symbol="Panel_closeButtonOverSkin");
+	closeButtonUpSkin: Embed(source="assets/flex_skins.swf", symbol="Panel_closeButtonUpSkin");
+	controlBarBackgroundSkin: Embed(source="assets/flex_skins.swf", symbol="Panel_controlBarBackgroundSkin");
+	font-family: Arial;
+	font-size: 11pt;
+	text-align: center;
+	color: #4c2600;
+	title-background-skin: Embed(source="assets/flex_skins.swf", symbol="Title_backgroundSkin");
+	title-style-name: "panelTitleStyle";
+	background-color: #d0d1ab;
+	border-color: #aaaa8a;
+	corner-radius: 10;
+	background-alpha: 1.0;
+	border-alpha: 1.0;
+	button-style-name: "Button";
+	padding-top: 36;
+	padding-left: 10;
+	padding-right: 10;
+	padding-bottom: 4;
+	
+}
+
+/*
+//------------------------------
+//
+//  Halo Application
+//
+//------------------------------
+*/
+mx|Application
+{
+    background-color: #AAAA89;
+}
+
+/*
+//------------------------------
+//  Halo Button
+//------------------------------
+*/
+mx|Button
+{
+	disabledSkin: Embed(source="assets/flex_skins.swf", symbol="Button_disabledSkin");
+	downSkin: Embed(source="assets/flex_skins.swf", symbol="Button_downSkin");
+	overSkin: Embed(source="assets/flex_skins.swf", symbol="Button_overSkin");
+	upSkin: Embed(source="assets/flex_skins.swf", symbol="Button_upSkin");
+	selectedUpSkin: Embed(source="assets/flex_skins.swf", symbol="Button_downSkin");
+	selectedOverSkin: Embed(source="assets/flex_skins.swf", symbol="Button_downSkin");
+	selectedDownSkin: Embed(source="assets/flex_skins.swf", symbol="Button_downSkin");
+	selectedDisabledSkin: Embed(source="assets/flex_skins.swf", symbol="Button_disabledSkin");
+	font-family: Arial;
+	font-size: 11pt;
+	color: #EEEfc4;
+	text-roll-over-color: #EEEFC4;
+	text-selected-color: #EEEFC4;
+	font-weight: bold;
+	focus-rounded-corners: "tl, tr, br, bl";
+	corner-radius: 4;	
+}
+
+
+/* 
+//------------------------------ 
+//  Halo ButtonBar 
+//------------------------------ 
+*/ 
+
+mx|ButtonBar 
+{ 
+	buttonStyleName: "buttonBarButton";
+	firstButtonStyleName: "buttonBarFirstButton";
+	lastButtonStyleName: "buttonBarLastButton";
+}
+
+.buttonBarButton
+{
+	disabledSkin: Embed(source="assets/flex_skins.swf", symbol="ButtonBar_buttonDisabledSkin");
+	downSkin: Embed(source="assets/flex_skins.swf", symbol="ButtonBar_buttonDownSkin");
+	overSkin: Embed(source="assets/flex_skins.swf", symbol="ButtonBar_buttonOverSkin");
+	selectedDisabledSkin: Embed(source="assets/flex_skins.swf", symbol="ButtonBar_buttonSelectedDisabledSkin");
+	selectedUpSkin: Embed(source="assets/flex_skins.swf", symbol="ButtonBar_buttonSelectedUpSkin");
+	selectedOverSkin: Embed(source="assets/flex_skins.swf", symbol="ButtonBar_buttonSelectedUpSkin");
+	selectedDownSkin: Embed(source="assets/flex_skins.swf", symbol="ButtonBar_buttonSelectedUpSkin");
+	upSkin: Embed(source="assets/flex_skins.swf", symbol="ButtonBar_buttonUpSkin");
+	font-family: Arial;
+	font-size: 11pt;
+	color: #EEEFC4;
+	text-roll-over-color: #EEEFC4;
+	text-selected-color: #EEEFC4;
+	corner-radius: 0;	
+	
+}
+
+.buttonBarFirstButton
+{
+	disabledSkin: Embed(source="assets/flex_skins.swf", symbol="ButtonBar_firstDisabledSkin");
+	downSkin: Embed(source="assets/flex_skins.swf", symbol="ButtonBar_firstDownSkin");
+	overSkin: Embed(source="assets/flex_skins.swf", symbol="ButtonBar_firstOverSkin");
+	selectedDisabledSkin: Embed(source="assets/flex_skins.swf", symbol="ButtonBar_firstSelectedDisabledSkin");
+	selectedUpSkin: Embed(source="assets/flex_skins.swf", symbol="ButtonBar_firstSelectedUpSkin");
+	selectedOverSkin: Embed(source="assets/flex_skins.swf", symbol="ButtonBar_firstSelectedUpSkin");
+	selectedDownSkin: Embed(source="assets/flex_skins.swf", symbol="ButtonBar_firstSelectedUpSkin");
+	upSkin: Embed(source="assets/flex_skins.swf", symbol="ButtonBar_firstUpSkin");
+	font-family: Arial;
+	font-size: 11pt;
+	color: #EEEFC4;
+	text-roll-over-color: #EEEFC4;
+	text-selected-color: #EEEFC4;
+}
+
+.buttonBarLastButton
+{
+	disabledSkin: Embed(source="assets/flex_skins.swf", symbol="ButtonBar_lastDisabledSkin");
+	downSkin: Embed(source="assets/flex_skins.swf", symbol="ButtonBar_lastDownSkin");
+	overSkin: Embed(source="assets/flex_skins.swf", symbol="ButtonBar_lastOverSkin");
+	selectedDisabledSkin: Embed(source="assets/flex_skins.swf", symbol="ButtonBar_lastSelectedDisabledSkin");
+	selectedUpSkin: Embed(source="assets/flex_skins.swf", symbol="ButtonBar_lastSelectedUpSkin");
+	selectedOverSkin: Embed(source="assets/flex_skins.swf", symbol="ButtonBar_lastSelectedUpSkin");
+	selectedDownSkin: Embed(source="assets/flex_skins.swf", symbol="ButtonBar_lastSelectedUpSkin");
+	upSkin: Embed(source="assets/flex_skins.swf", symbol="ButtonBar_lastUpSkin");
+	font-family: Arial;
+	font-size: 11pt;
+	color: #EEEFC4;
+	text-roll-over-color: #EEEFC4;
+	text-selected-color: #EEEFC4;
+}
+
+/*
+//------------------------------
+//  Halo Canvas
+//------------------------------
+*/
+
+mx|Canvas
+{
+
+}
+
+/*-- secondaryCanvas is used if theme color is desired --*/
+mx|Canvas.secondaryCanvas
+{
+	background-color: #d0d1ab;
+	border-style: none;
+}
+
+/*
+//------------------------------
+//  Halo CheckBox
+//------------------------------
+*/
+mx|CheckBox
+{
+	disabledIcon: Embed(source="assets/flex_skins.swf", symbol="CheckBox_disabledIcon");
+	downIcon: Embed(source="assets/flex_skins.swf", symbol="CheckBox_downIcon");
+	overIcon: Embed(source="assets/flex_skins.swf", symbol="CheckBox_overIcon");
+	selectedDisabledIcon: Embed(source="assets/flex_skins.swf", symbol="CheckBox_selectedDisabledIcon");
+	selectedDownIcon: Embed(source="assets/flex_skins.swf", symbol="CheckBox_selectedDownIcon");
+	selectedOverIcon: Embed(source="assets/flex_skins.swf", symbol="CheckBox_selectedOverIcon");
+	selectedUpIcon: Embed(source="assets/flex_skins.swf", symbol="CheckBox_selectedUpIcon");
+	upIcon: Embed(source="assets/flex_skins.swf", symbol="CheckBox_upIcon");
+	font-family: Arial;
+	font-size: 11pt;
+	color: #4c2600;
+	text-roll-over-color: #a35200;
+	text-selected-color: #4c2600;
+	corner-radius: 0;
+}		
+
+/*
+//------------------------------
+//  Halo ColorPicker
+//------------------------------
+*/
+mx|ColorPicker
+{
+	disabledSkin: Embed(source="assets/flex_skins.swf", symbol="ColorPicker_disabledSkin");
+	downSkin: Embed(source="assets/flex_skins.swf", symbol="ColorPicker_downSkin");
+	overSkin: Embed(source="assets/flex_skins.swf", symbol="ColorPicker_overSkin");
+	upSkin: Embed(source="assets/flex_skins.swf", symbol="ColorPicker_upSkin");
+	focus-color: #a35200;
+}		
+
+/*
+//------------------------------
+//  Halo ComboBox
+//------------------------------
+*/
+mx|ComboBox
+{
+
+	disabledSkin: Embed(source="assets/flex_skins.swf", symbol="ComboBoxArrow_disabledSkin");
+	downSkin: Embed(source="assets/flex_skins.swf", symbol="ComboBoxArrow_downSkin");
+	editableDisabledSkin: Embed(source="assets/flex_skins.swf", symbol="ComboBoxArrow_editableDisabledSkin");
+	editableDownSkin: Embed(source="assets/flex_skins.swf", symbol="ComboBoxArrow_editableDownSkin");
+	editableOverSkin: Embed(source="assets/flex_skins.swf", symbol="ComboBoxArrow_editableOverSkin");
+	editableUpSkin: Embed(source="assets/flex_skins.swf", symbol="ComboBoxArrow_editableUpSkin");
+	overSkin: Embed(source="assets/flex_skins.swf", symbol="ComboBoxArrow_overSkin");
+	upSkin: Embed(source="assets/flex_skins.swf", symbol="ComboBoxArrow_upSkin");
+	font-family: Arial;
+	font-size: 11pt;
+	color: #EEEfc4;
+	text-roll-over-color: #EEEFC4;
+	text-selected-color: #EEEFC4;
+	drop-down-style-name: "comboBoxList";
+	focus-color: #a35200;
+	text-input-style-name: "editableComboBoxTextInput";
+	focus-rounded-corners: "tl, tr, br, bl";
+	corner-radius: 4;	
+}
+
+.myComboBoxDropDowns 
+{
+   backgroundColor: #f3f4de;
+   	rollOverColor: #d0d1ab;
+   	textRollOverColor: #4c2600;
+   	borderStyle: inset;
+   	borderColor: #aaab8b;
+   	selectionColor: #a35200;
+   	color: #4c2600;
+   	textSelectedColor: #eeefc4;
+   	fontFamily: Arial;
+   	fontSize: 11;
+   	drop-shadow-enabled: true;
+}
+
+.editableComboBoxTextInput
+{
+	fontFamily: Arial;
+	font-weight: normal;
+   	fontSize: 11;
+   	color: #4c2600;
+   	content-background-color: #a35200;
+   	borderStyle: inset;
+   	borderColor: #82826b;
+   	focus-color: #a35200;
+	corner-radius: 0;
+	focus-rounded-corners: "none";
+}
+
+
+/*
+//------------------------------
+//  Halo CursorManager
+//------------------------------
+*/
+mx|CursorManager
+{
+	busyCursor: Embed(source="assets/flex_skins.swf", symbol="BusyCursor");
+	busyCursorBackground: Embed(source="assets/flex_skins.swf",symbol="BusyCursor");
+}
+
+/*
+//------------------------------
+//  Halo DataGrid
+//------------------------------
+*/
+mx|DataGrid
+{
+	columnDropIndicatorSkin: Embed(source="assets/flex_skins.swf", symbol="DataGrid_columnDropIndicatorSkin");
+	columnResizeSkin: Embed(source="assets/flex_skins.swf", symbol="DataGrid_columnResizeSkin");
+	headerBackgroundSkin: Embed(source="assets/flex_skins.swf", symbol="DataGrid_headerBackgroundSkin");
+	headerSeparatorSkin: Embed(source="assets/flex_skins.swf", symbol="DataGrid_headerSeparatorSkin");
+	sortArrowSkin: Embed(source="assets/flex_skins.swf", symbol="DataGrid_sortArrowSkin");
+	stretchCursor: Embed(source="assets/flex_skins.swf", symbol="DataGrid_stretchCursor");
+	headerStyleName: "myDataGridHeaderStyle";
+	alternatingItemColors: #f3f4de, #fafaf1;
+   
+   	verticalGridLineColor: #aaab8b;
+   	rollOverColor: #d0d1ab;
+   	textRollOverColor: #4c2600;
+   	selectionColor: #D0C694;
+   	color: #4c2600;
+   	textSelectedColor: #4c2600;
+   	fontFamily: Arial;
+   	fontSize: 11;
+   	text-align: left;
+}
+
+.myDataGridHeaderStyle {
+	headerBackgroundSkin: Embed(source="assets/flex_skins.swf", symbol="DataGrid_headerBackgroundSkin");
+	headerSeparatorSkin: Embed(source="assets/flex_skins.swf", symbol="DataGrid_headerSeparatorSkin");
+   	color: #4c2600;
+   	fontFamily: Arial;
+   	fontWeight: bold;
+   	fontSize: 11;
+   	fontStyle: normal;
+   	textDecoration: none;
+   	text-roll-over-color: #e19d39;
+   	text-selected-color: #4c2600;
+	border-visible: false;
+}
+/*
+//------------------------------
+//  Halo DateChooser
+//------------------------------
+*/
+mx|DateChooser
+{
+	nextMonthDisabledSkin: Embed(source="assets/flex_skins.swf", symbol="DateChooser_nextMonthDisabledSkin");
+	nextMonthDownSkin: Embed(source="assets/flex_skins.swf", symbol="DateChooser_nextMonthDownSkin");
+	nextMonthOverSkin: Embed(source="assets/flex_skins.swf", symbol="DateChooser_nextMonthOverSkin");
+	nextMonthUpSkin: Embed(source="assets/flex_skins.swf", symbol="DateChooser_nextMonthUpSkin");
+	nextYearDisabledSkin: Embed(source="assets/flex_skins.swf", symbol="DateChooser_nextYearDisabledSkin");
+	nextYearDownSkin: Embed(source="assets/flex_skins.swf", symbol="DateChooser_nextYearDownSkin");
+	nextYearOverSkin: Embed(source="assets/flex_skins.swf", symbol="DateChooser_nextYearOverSkin");
+	nextYearUpSkin: Embed(source="assets/flex_skins.swf", symbol="DateChooser_nextYearUpSkin");
+	prevMonthDisabledSkin: Embed(source="assets/flex_skins.swf", symbol="DateChooser_prevMonthDisabledSkin");
+	prevMonthDownSkin: Embed(source="assets/flex_skins.swf", symbol="DateChooser_prevMonthDownSkin");
+	prevMonthOverSkin: Embed(source="assets/flex_skins.swf", symbol="DateChooser_prevMonthOverSkin");
+	prevMonthUpSkin: Embed(source="assets/flex_skins.swf", symbol="DateChooser_prevMonthUpSkin");
+	prevYearDisabledSkin: Embed(source="assets/flex_skins.swf", symbol="DateChooser_prevYearDisabledSkin");
+	prevYearDownSkin: Embed(source="assets/flex_skins.swf", symbol="DateChooser_prevYearDownSkin");
+	prevYearOverSkin: Embed(source="assets/flex_skins.swf", symbol="DateChooser_prevYearOverSkin");
+	prevYearUpSkin: Embed(source="assets/flex_skins.swf", symbol="DateChooser_prevYearUpSkin");
+	rollOverIndicatorSkin: Embed(source="assets/flex_skins.swf", symbol="DateChooser_rollOverIndicatorSkin");
+	selectionIndicatorSkin: Embed(source="assets/flex_skins.swf", symbol="DateChooser_selectionIndicatorSkin");
+	todayIndicatorSkin: Embed(source="assets/flex_skins.swf", symbol="DateChooser_todayIndicatorSkin");
+	headerColors: #eeefc4, #aaab8b;
+   	fillColors: #eeefc4, #d0d1ab, #ffffff, #eeeeee;
+   	today-style-name: "todayStyle";
+   	rollOverColor: #d0d1ab;
+   	selectionColor: #eeefc4;
+   	color: #4c2600;
+   	content-background-color: #f3f4de;
+   	focus-Color: #a35200;
+   	fontFamily: Arial;
+   	fontSize: 11;
+   	headerStyleName: "mydateChooserHeaderStyle";
+   	border-color: #82826b;
+   	drop-shadow-enabled: true;
+}
+
+.mydateChooserHeaderStyle 
+{
+   	color: #4c2600;
+   	fontFamily: Arial;
+   	fontWeight: bold;
+   	fontSize: 11;
+   	fontStyle: normal;
+   	textDecoration: none;
+}
+
+.todayStyle
+{
+	color: #eeefc4	
+}
+
+/*
+//------------------------------
+//  Halo DateField
+//------------------------------
+*/
+mx|DateField
+{
+	disabledSkin: Embed(source="assets/flex_skins.swf",symbol="DateField_disabledSkin"); 
+	downSkin: Embed(source="assets/flex_skins.swf",symbol="DateField_downSkin"); 
+	overSkin: Embed(source="assets/flex_skins.swf",symbol="DateField_overSkin"); 
+	upSkin: Embed(source="assets/flex_skins.swf",symbol="DateField_upSkin"); 
+	date-chooser-style-name: "DateChooser";
+}
+
+/*
+//------------------------------
+//  Halo DividedBox
+//------------------------------
+*/
+mx|DividedBox
+{
+	dividerSkin: Embed(source="assets/flex_skins.swf",symbol="DividedBox_dividerSkin");
+	horizontalCursor: Embed(source="assets/flex_skins.swf",symbol="DividedBox_horizontalCursor");
+	verticalCursor: Embed(source="assets/flex_skins.swf",symbol="DividedBox_verticalCursor");
+}
+
+/*
+//------------------------------
+//  Halo DragManager
+//------------------------------
+*/
+mx|DragManager
+{
+	copyCursor: Embed(source="assets/flex_skins.swf",symbol="DragManager_copyCursor");
+	defaultDragImageSkin: Embed(source="assets/flex_skins.swf", symbol="DragManager_defaultDragImageSkin");
+	linkCursor: Embed(source="assets/flex_skins.swf",symbol="DragManager_linkCursor");
+	moveCursor: Embed(source="assets/flex_skins.swf",symbol="DragManager_moveCursor");
+	rejectCursor: Embed(source="assets/flex_skins.swf",symbol="DragManager_rejectCursor");
+}
+
+/*
+//------------------------------
+//  Halo FormItem
+//------------------------------
+*/
+mx|FormItem
+{
+	indicatorSkin: Embed(source="assets/flex_skins.swf",symbol="FormItem_indicatorSkin");  
+}
+
+/*
+//------------------------------
+//  Halo Image
+//------------------------------
+*/
+mx|Image
+{
+
+	brokenImageSkin: Embed(source="assets/flex_skins.swf",symbol="Loader_brokenImageSkin");
+
+}
+
+/*
+//------------------------------
+//  Halo HorizontalList
+//------------------------------
+*/
+mx|HorizontalList
+{
+	content-background-color: #f3f4de;	
+	border-style: inset;
+	border-color: #abab00;
+	roll-over-color: #aaab8b;
+	down-skin: #d0d1ab;
+	selection-color: #D0C694;
+}
+
+/*
+//------------------------------
+//  Halo HRule
+//------------------------------
+*/
+mx|HRule {
+   stroke-color: #82826b;
+}
+
+
+/*
+//------------------------------
+//
+//  Halo HScrollBar
+//
+//------------------------------
+*/
+mx|HScrollBar
+{
+	downArrowDisabledSkin: 	Embed(source="assets/flex_skins.swf", symbol="ScrollArrowDown_disabledSkin");
+	downArrowDownSkin: 		Embed(source="assets/flex_skins.swf", symbol="ScrollArrowDown_downSkin");
+	downArrowOverSkin: 		Embed(source="assets/flex_skins.swf", symbol="ScrollArrowDown_overSkin");
+	downArrowUpSkin: 		Embed(source="assets/flex_skins.swf", symbol="ScrollArrowDown_upSkin");
+
+	upArrowDisabledSkin: 	Embed(source="assets/flex_skins.swf", symbol="ScrollArrowUp_disabledSkin");
+	upArrowDownSkin: 		Embed(source="assets/flex_skins.swf", symbol="ScrollArrowUp_downSkin");
+	upArrowOverSkin: 		Embed(source="assets/flex_skins.swf", symbol="ScrollArrowUp_overSkin");
+	upArrowUpSkin: 			Embed(source="assets/flex_skins.swf", symbol="ScrollArrowUp_upSkin");
+
+	thumbIcon: 				Embed(source="assets/flex_skins.swf", symbol="HScrollBar_thumbIcon");
+	
+	thumbDownSkin: 			Embed(source="assets/flex_skins.swf", symbol="HScrollThumb_downSkin");
+	thumbOverSkin: 			Embed(source="assets/flex_skins.swf", symbol="HScrollThumb_overSkin");
+	thumbUpSkin: 			Embed(source="assets/flex_skins.swf", symbol="HScrollThumb_upSkin"); 
+	
+	trackDisabledSkin: 		Embed(source="assets/flex_skins.swf", symbol="ScrollTrack_disabledSkin");
+	trackSkin: 				Embed(source="assets/flex_skins.swf", symbol="ScrollTrack_Skin");
+}
+
+
+/*
+//------------------------------
+//
+//  Halo HSlider
+//
+//------------------------------
+*/
+mx|HSlider
+{
+	thumbDisabledSkin: Embed(source="assets/flex_skins.swf", symbol="SliderThumb_disabledSkin");
+	thumbDownSkin: Embed(source="assets/flex_skins.swf", symbol="SliderThumb_downSkin");
+	thumbOverSkin: Embed(source="assets/flex_skins.swf", symbol="SliderThumb_overSkin");
+	thumbUpSkin: Embed(source="assets/flex_skins.swf", symbol="SliderThumb_upSkin");
+	trackHighlightSkin: Embed(source="assets/flex_skins.swf", symbol="SliderHighlight_Skin");
+	trackSkin: Embed(source="assets/flex_skins.swf", symbol="SliderTrack_Skin");
+}
+
+/*
+//------------------------------
+//  Halo LinkButton
+//------------------------------
+*/
+mx|LinkButton
+{
+
+   roll-over-color: #eeefc4;
+   selectionColor: #aaab8b;
+   color: #4c2600;
+   textRollOverColor: #4c2600;
+   textSelectedColor: #eeefc4;
+   fontFamily: Arial;
+   fontSize: 11;
+   font-weight: bold;
+}	
+
+/*
+//------------------------------
+//
+//  LinkBar
+//
+//------------------------------
+*/
+mx|LinkBar
+{
+	rollOverColor: #eeefc4;
+   	selectionColor: #aaab8b;
+   	color: #4c2600;
+   	textRollOverColor: #4c2600;
+   	textSelectedColor: #eeefc4;
+   	fontFamily: Arial;
+   	fontSize: 11;
+   	font-weight: bold;
+}	
+
+/*
+//------------------------------
+//  Halo List
+//------------------------------
+*/
+
+mx|List
+{
+	contentBackgroundColor: #f3f4de;
+   	rollOverColor: #d0d1ab;
+   	textRollOverColor: #4c2600;
+   	borderStyle: inset;
+   	borderColor: #aaab8b;
+   	selectionColor: #D0C694;
+   	color: #4c2600;
+   	textSelectedColor: #4c2600;
+   	fontFamily: Arial;
+   	fontSize: 11;
+   	text-align: left;
+}
+
+
+/*
+//------------------------------
+//  Halo Loader
+//------------------------------
+*/
+mx|SWFLoader
+{
+	brokenImageSkin: Embed(source="assets/flex_skins.swf",symbol="Loader_brokenImageSkin");
+
+}
+
+/*
+//------------------------------
+//  Halo Menu
+//------------------------------
+*/
+mx|Menu
+{
+	branchIcon: Embed(source="assets/flex_skins.swf",symbol="Menu_branchIcon");
+	branchDisabledIcon: Embed(source="assets/flex_skins.swf",symbol="Menu_branchDisabledIcon");
+	checkIcon: Embed(source="assets/flex_skins.swf",symbol="Menu_checkIcon");
+	checkDisabledIcon: Embed(source="assets/flex_skins.swf",symbol="Menu_checkDisabledIcon");
+	radioIcon: Embed(source="assets/flex_skins.swf",symbol="Menu_radioIcon");
+	radioDisabledIcon: Embed(source="assets/flex_skins.swf",symbol="Menu_radioDisabledIcon");
+	separatorSkin: Embed(source="assets/flex_skins.swf",symbol="Menu_separatorSkin");
+}
+
+/*
+//------------------------------
+//  Halo MenuBar
+//------------------------------
+*/
+mx|MenuBar
+{
+	backgroundSkin: Embed(source="assets/flex_skins.swf", symbol="MenuBar_backgroundSkin");
+	itemDownSkin: Embed(source="assets/flex_skins.swf", symbol="MenuBar_itemDownSkin");
+	itemOverSkin: Embed(source="assets/flex_skins.swf", symbol="MenuBar_itemOverSkin");
+	itemUpSkin: Embed(source="assets/flex_skins.swf", symbol="MenuBar_itemUpSkin");
+	backgroundColor: #eeefc4;
+    rollOverColor: #d0d1ab;
+    selectionColor: #a35200;
+    color: #eeefc4;
+    textRollOverColor: #4c2600;
+    textSelectedColor: #eeefc4;
+    disabledColor: #aaab8b;
+    fontFamily: Arial;
+    fontSize: 11;
+
+}
+
+/*
+//------------------------------
+//  Halo NumericStepper
+//------------------------------
+*/
+mx|NumericStepper
+{
+
+	downArrowDisabledSkin: Embed(source="assets/flex_skins.swf", symbol="NumericStepperDownArrow_disabledSkin");
+	downArrowDownSkin: Embed(source="assets/flex_skins.swf", symbol="NumericStepperDownArrow_downSkin");
+	downArrowOverSkin: Embed(source="assets/flex_skins.swf", symbol="NumericStepperDownArrow_overSkin");
+	downArrowUpSkin: Embed(source="assets/flex_skins.swf", symbol="NumericStepperDownArrow_upSkin");
+	upArrowDisabledSkin: Embed(source="assets/flex_skins.swf", symbol="NumericStepperUpArrow_disabledSkin");
+	upArrowDownSkin: Embed(source="assets/flex_skins.swf", symbol="NumericStepperUpArrow_downSkin");
+	upArrowOverSkin: Embed(source="assets/flex_skins.swf", symbol="NumericStepperUpArrow_overSkin");
+	upArrowUpSkin: Embed(source="assets/flex_skins.swf", symbol="NumericStepperUpArrow_upSkin");
+	/*theme-color:#a35200;*/
+	focus-rounded-corners: "tr br";
+	corner-radius: 4;
+}
+
+/*
+//------------------------------
+//  Halo Panel
+//------------------------------
+*/
+mx|Panel
+{
+    backgroundColor: #d0d1ab;
+	borderSkin:	Embed(source="assets/flex_skins.swf", symbol="Panel_borderSkin");
+	closeButtonDisabledSkin: Embed(source="assets/flex_skins.swf", symbol="Panel_closeButtonDisabledSkin");
+	closeButtonDownSkin: Embed(source="assets/flex_skins.swf", symbol="Panel_closeButtonDownSkin");
+	closeButtonOverSkin: Embed(source="assets/flex_skins.swf", symbol="Panel_closeButtonOverSkin");
+	closeButtonUpSkin: Embed(source="assets/flex_skins.swf", symbol="Panel_closeButtonUpSkin");
+	controlBarBackgroundSkin: Embed(source="assets/flex_skins.swf", symbol="Panel_controlBarBackgroundSkin");
+	title-background-skin: Embed(source="assets/flex_skins.swf", symbol="Title_secondary_backgroundSkin");
+	title-style-name: "panelTitleStyle";
+	text-align: center;
+	color: #4c2600;
+	content-background-color: #d0d1ab;
+	controlBarStyleName: 				"controlBarStyle";
+	header-height: 30;
+}
+
+.panelTitleStyle
+{
+	text-align: center;
+	font-weight: bold;
+}
+
+.controlBarStyle
+{
+	borderSkin: Embed(source="assets/flex_skins.swf", symbol="Panel_controlBarBackgroundSkin");
+	padding-bottom: 20;
+	padding-left: 20;
+	padding-right: 20;
+}
+
+/*
+//------------------------------
+//  Halo PopUpButton
+//------------------------------
+*/
+mx|PopUpButton
+{
+	disabledSkin: Embed(source="assets/flex_skins.swf", symbol="PopUpButton_disabledSkin");
+	downSkin: Embed(source="assets/flex_skins.swf", symbol="PopUpButton_downSkin");
+	overSkin: Embed(source="assets/flex_skins.swf", symbol="PopUpButton_overSkin");
+	popUpDownSkin: Embed(source="assets/flex_skins.swf", symbol="PopUpButton_popUpDownSkin");
+	popUpOverSkin: Embed(source="assets/flex_skins.swf", symbol="PopUpButton_popUpOverSkin");
+	upSkin: Embed(source="assets/flex_skins.swf", symbol="PopUpButton_upSkin");
+	font-family: Arial;
+	font-size: 11pt;
+	color: #EEEFC4;
+	text-roll-over-color: #EEEFC4;
+	text-selected-color: #EEEFC4;
+}
+
+/*
+//------------------------------
+//
+//  PopUpMenuButton
+//
+//------------------------------
+*/
+mx|PopUpMenuButton
+{
+	disabledSkin: Embed(source="assets/flex_skins.swf", symbol="PopUpButton_disabledSkin");
+	downSkin: Embed(source="assets/flex_skins.swf", symbol="PopUpButton_downSkin");
+	overSkin: Embed(source="assets/flex_skins.swf", symbol="PopUpButton_overSkin");
+	popUpDownSkin: Embed(source="assets/flex_skins.swf", symbol="PopUpButton_popUpDownSkin");
+	popUpOverSkin: Embed(source="assets/flex_skins.swf", symbol="PopUpButton_popUpOverSkin");
+	upSkin: Embed(source="assets/flex_skins.swf", symbol="PopUpButton_upSkin");
+	font-family: Arial;
+	font-size: 11pt;
+	color: #EEEFC4;
+	text-roll-over-color: #EEEFC4;
+	text-selected-color: #EEEFC4;
+
+}
+
+/*
+//------------------------------
+//  Halo ProgressBar
+//------------------------------
+*/
+mx|ProgressBar
+{
+	barSkin: Embed(source="assets/flex_skins.swf", symbol="ProgressBarSkin");
+	indeterminateSkin: Embed(source="assets/flex_skins.swf", symbol="ProgressIndeterminateSkin");
+	trackSkin: Embed(source="assets/flex_skins.swf", symbol="ProgressTrackSkin");
+}
+
+/*
+//------------------------------
+//  Halo RadioButton
+//------------------------------
+*/
+mx|RadioButton
+{
+	disabledIcon: Embed(source="assets/flex_skins.swf", symbol="RadioButton_disabledIcon");
+	downIcon: Embed(source="assets/flex_skins.swf", symbol="RadioButton_downIcon");
+	overIcon: Embed(source="assets/flex_skins.swf", symbol="RadioButton_overIcon");
+	upIcon: Embed(source="assets/flex_skins.swf", symbol="RadioButton_upIcon");
+	selectedDisabledIcon: Embed(source="assets/flex_skins.swf", symbol="RadioButtonSelected_disabledIcon");
+	selectedDownIcon: Embed(source="assets/flex_skins.swf", symbol="RadioButtonSelected_downIcon");
+	selectedOverIcon: Embed(source="assets/flex_skins.swf", symbol="RadioButtonSelected_overIcon");
+	selectedUpIcon: Embed(source="assets/flex_skins.swf", symbol="RadioButtonSelected_upIcon");
+	font-family: Arial;
+	font-size: 11pt;
+	color: #4c2600;
+	text-roll-over-color: #a35200;
+	text-selected-color: #4c2600;
+}
+
+/*
+//------------------------------
+//  Halo Rich Text Editor
+//------------------------------
+*/
+mx|RichTextEditor
+{
+	title-background-skin: Embed(source="assets/flex_skins.swf" , symbol="VideoPlayerButton_upSkin");
+	control-bar-style-name: "richTextEditorControlBar";
+}
+
+.richTextEditorControlBar {
+	border-skin: Embed(source="assets/flex_skins.swf" , symbol="VideoPlayerButton_upSkin");
+}
+
+/*
+//------------------------------
+//  Halo ScrollBar
+//------------------------------
+*/
+mx|ScrollBar
+{
+
+	downArrowDisabledSkin: Embed(source="assets/flex_skins.swf", symbol="ScrollArrowDown_disabledSkin");
+	downArrowDownSkin: Embed(source="assets/flex_skins.swf", symbol="ScrollArrowDown_downSkin");
+	downArrowOverSkin: Embed(source="assets/flex_skins.swf", symbol="ScrollArrowDown_overSkin");
+	downArrowUpSkin: Embed(source="assets/flex_skins.swf", symbol="ScrollArrowDown_upSkin");
+	thumbDownSkin: Embed(source="assets/flex_skins.swf", symbol="ScrollThumb_downSkin");
+	thumbIcon: Embed(source="assets/flex_skins.swf", symbol="ScrollBar_thumbIcon");
+	thumbOverSkin: Embed(source="assets/flex_skins.swf", symbol="ScrollThumb_overSkin");
+	thumbUpSkin: Embed(source="assets/flex_skins.swf", symbol="ScrollThumb_upSkin");
+	trackSkin: Embed(source="assets/flex_skins.swf", symbol="ScrollTrack_Skin");
+	upArrowDisabledSkin: Embed(source="assets/flex_skins.swf", symbol="ScrollArrowUp_disabledSkin");
+	upArrowDownSkin: Embed(source="assets/flex_skins.swf", symbol="ScrollArrowUp_downSkin");
+	upArrowOverSkin: Embed(source="assets/flex_skins.swf", symbol="ScrollArrowUp_overSkin");
+	upArrowUpSkin: Embed(source="assets/flex_skins.swf", symbol="ScrollArrowUp_upSkin");
+
+}
+
+/*
+//------------------------------
+//  Halo Slider
+//------------------------------
+*/
+mx|Slider
+{
+	thumbDisabledSkin: Embed(source="assets/flex_skins.swf", symbol="SliderThumb_disabledSkin");
+	thumbDownSkin: Embed(source="assets/flex_skins.swf", symbol="SliderThumb_downSkin");
+	thumbOverSkin: Embed(source="assets/flex_skins.swf", symbol="SliderThumb_overSkin");
+	thumbUpSkin: Embed(source="assets/flex_skins.swf", symbol="SliderThumb_upSkin");
+	trackHighlightSkin: Embed(source="assets/flex_skins.swf", symbol="SliderHighlight_Skin");
+	trackSkin: Embed(source="assets/flex_skins.swf", symbol="SliderTrack_Skin");
+}
+
+
+
+mx|VSlider
+{
+	thumbDisabledSkin: Embed(source="assets/flex_skins.swf", symbol="VSliderThumb_disabledSkin");
+	thumbDownSkin: Embed(source="assets/flex_skins.swf", symbol="VSliderThumb_downSkin");
+	thumbOverSkin: Embed(source="assets/flex_skins.swf", symbol="VSliderThumb_overSkin");
+	thumbUpSkin: Embed(source="assets/flex_skins.swf", symbol="VSliderThumb_upSkin");
+	trackHighlightSkin: Embed(source="assets/flex_skins.swf", symbol="SliderHighlight_Skin");
+	trackSkin: Embed(source="assets/flex_skins.swf", symbol="SliderTrack_Skin");
+   	labelOffset: -6;
+   	thumbOffset: 0;
+   	dataTipOffset: 2;
+   	tickLength: 2;
+   	tickThickness: 1;
+   	showTrackHighlight: true;
+   	invertThumbDirection: false;
+   	dataTipOffset: 3;
+}
+
+/*
+//------------------------------
+//  Halo Tab
+//------------------------------
+*/
+mx|TabBar
+{
+	tabStyleName: "tabBarTab";
+	firstTabStyleName: "tabBarFirstTab";
+	lastTabStyleName: "tabBarTab";
+	selected-tab-text-style-name: "selectedTab";
+	font-family: Arial;
+	font-size: 11pt;
+	color: #82826b;
+	font-weight: bold;
+}
+
+.tabBarTab
+{
+	disabledSkin: Embed(source="assets/flex_skins.swf", symbol="Tab_disabledSkin");
+	downSkin: Embed(source="assets/flex_skins.swf", symbol="Tab_downSkin");
+	overSkin: Embed(source="assets/flex_skins.swf", symbol="Tab_overSkin");
+	upSkin: Embed(source="assets/flex_skins.swf", symbol="Tab_upSkin");
+	selectedDisabledSkin: Embed(source="assets/flex_skins.swf", symbol="TabSelected_disabledSkin");
+	selectedUpSkin: Embed(source="assets/flex_skins.swf", symbol="TabSelected_upSkin");
+	selectedOverSkin: Embed(source="assets/flex_skins.swf", symbol="TabSelected_upSkin");
+	selectedDownSkin: Embed(source="assets/flex_skins.swf", symbol="TabSelected_upSkin");
+	font-family: Arial;
+	font-size: 11pt;
+	color: #82826b;
+	text-roll-over-color: #a35200;
+	font-weight: bold;	
+} 
+.tabBarFirstTab
+{
+	disabledSkin: Embed(source="assets/flex_skins.swf", symbol="Tab_disabledSkin");
+	upSkin: Embed(source="assets/flex_skins.swf", symbol="Tab_upSkin");
+	overSkin: Embed(source="assets/flex_skins.swf", symbol="Tab_overSkin");
+	downSkin: Embed(source="assets/flex_skins.swf", symbol="Tab_downSkin");
+	selectedDisabledSkin: Embed(source="assets/flex_skins.swf", symbol="Tab_firstTab_selectedDisabledSkin");
+	selectedUpSkin: Embed(source="assets/flex_skins.swf", symbol="Tab_firstTab_selectedUpSkin");
+	selectedDownSkin: Embed(source="assets/flex_skins.swf", symbol="Tab_firstTab_selectedUpSkin");
+	selectedOverSkin: Embed(source="assets/flex_skins.swf", symbol="Tab_firstTab_selectedUpSkin");
+	font-family: Arial;
+	font-size: 11pt;
+	color: #82826b;
+	text-roll-over-color: #a35200;
+	font-weight: bold;
+}
+
+.selectedTab
+{
+	selectedDisabledSkin: Embed(source="assets/flex_skins.swf", symbol="TabSelected_disabledSkin");
+	selectedUpSkin: Embed(source="assets/flex_skins.swf", symbol="TabSelected_upSkin");
+	selectedOverSkin: Embed(source="assets/flex_skins.swf", symbol="TabSelected_upSkin");
+	selectedDownSkin: Embed(source="assets/flex_skins.swf", symbol="TabSelected_upSkin");
+	color: #4c2600;
+	font-weight: bold;
+}
+
+
+/*
+//------------------------------
+//
+// **Halo TabNavigator
+//
+//------------------------------
+*/
+mx|TabNavigator
+{
+	padding-top: 0;
+	border-color: #82826b;
+	tabStyleName: "tabBarTab";
+	firstTabStyleName: "tabBarFirstTab";
+	lastTabStyleName: "tabBarTab";
+	selected-tab-text-style-name: "selectedTab";
+	font-family: Arial;
+	font-size: 11pt;
+	color: #82826b;
+	font-weight: bold;
+}
+
+
+
+/*
+//------------------------------
+//  Halo TextArea
+//------------------------------
+*/
+
+mx|TextArea
+{
+	borderSkin: ClassReference("zen.skins.TextAreaBorderSkin");
+   fontFamily: Arial;
+   fontSize: 11;
+   color: #321900;
+   text-align: left;
+}
+ 
+/*
+//------------------------------
+//  Halo TextInput
+//------------------------------
+*/
+
+mx|TextInput
+{
+	borderSkin: ClassReference("zen.skins.TextInputBorderSkin");
+	fontFamily: Arial;
+   	fontSize: 11;
+   	color: #321900;
+   	focus-color: #a35200;
+   	text-align: left;
+}
+
+
+/*
+//------------------------------
+//  Halo TileList
+//------------------------------
+*/
+
+mx|TileList
+{
+	content-background-color: #f3f4de;	
+	border-style: inset;
+	borderColor: #aaab8b;
+	roll-over-color: #aaab8b;
+	down-skin: #d0d1ab;
+	selection-color: #D0C694;
+}
+
+
+/*
+//------------------------------
+//  Halo TitleWindow
+//------------------------------
+*/
+
+mx|TitleWindow
+{
+	closeButtonDisabledSkin: Embed(source="assets/flex_skins.swf", symbol="Panel_closeButtonDisabledSkin");
+	closeButtonDownSkin: Embed(source="assets/flex_skins.swf", symbol="Panel_closeButtonDownSkin");
+	closeButtonOverSkin: Embed(source="assets/flex_skins.swf", symbol="Panel_closeButtonOverSkin");
+	closeButtonUpSkin: Embed(source="assets/flex_skins.swf", symbol="Panel_closeButtonUpSkin");
+	backgroundSkin: Embed(source="assets/flex_skins.swf", symbol="Title_backgroundSkin");
+	font-family: Arial;
+	font-size: 11pt;
+	font-weight: bold;
+	text-align: center;
+	color: #4c2600;
+	title-background-skin: Embed(source="assets/flex_skins.swf", symbol="Title_backgroundSkin");
+	title-style-name: "panelTitleStyle";
+	background-color: #d0d1ab;
+	border-color: #aaaa8a;
+	padding-top: 0;
+	corner-radius: 6;
+	background-alpha: 1.0;
+	border-alpha: 1.0;
+}
+
+
+/*
+//------------------------------
+//
+// **Halo ToggleButtonBar
+//
+//------------------------------
+*/
+mx|ToggleButtonBar 
+{ 
+        buttonStyleName: "buttonBarButton";
+		firstButtonStyleName: "buttonBarFirstButton";
+		lastButtonStyleName: "buttonBarLastButton";
+		text-selected-color: #333333;
+		selected-tab-text-style-name: "myToggleButtonBarStyle";
+}
+
+.myToggleButtonBarStyle
+{
+	color: #333333;
+	text-selected-color: #333333;
+	font-weight: bold;
+}
+
+
+/*
+//------------------------------
+//  Halo ToolTip
+//------------------------------
+*/
+mx|ToolTip
+{
+
+	borderSkin: Embed(source="assets/flex_skins.swf", symbol="ToolTip_borderSkin");
+	color: #321900;
+
+}
+
+/*
+//------------------------------
+//  Halo Tree
+//------------------------------
+*/
+mx|Tree
+{
+	defaultLeafIcon: Embed(source="assets/flex_skins.swf",symbol="Tree_defaultLeafIcon");
+	disclosureClosedIcon: Embed(source="assets/flex_skins.swf",symbol="Tree_disclosureClosedIcon");
+	disclosureOpenIcon: Embed(source="assets/flex_skins.swf",symbol="Tree_disclosureOpenIcon");
+	folderClosedIcon: Embed(source="assets/flex_skins.swf",symbol="Tree_folderClosedIcon");
+	folderOpenIcon: Embed(source="assets/flex_skins.swf",symbol="Tree_folderOpenIcon");
+	content-background-color: #f3f4de;
+   	borderStyle: inset;
+   	borderColor: #82826b;
+}
+
+/*
+//------------------------------
+//  Halo VRule
+//------------------------------
+*/
+
+mx|VRule {
+   stroke-color: #82826b;
+}
+
+/*
+//------------------------------
+//
+// **Halo VScrollBar
+//
+//------------------------------
+*/
+mx|VScrollBar
+{
+	downArrowDisabledSkin: 	Embed(source="assets/flex_skins.swf", symbol="ScrollArrowDown_disabledSkin");
+	downArrowDownSkin: 		Embed(source="assets/flex_skins.swf", symbol="ScrollArrowDown_downSkin");
+	downArrowOverSkin: 		Embed(source="assets/flex_skins.swf", symbol="ScrollArrowDown_overSkin");
+	downArrowUpSkin: 		Embed(source="assets/flex_skins.swf", symbol="ScrollArrowDown_upSkin");
+
+	upArrowDisabledSkin: 	Embed(source="assets/flex_skins.swf", symbol="ScrollArrowUp_disabledSkin");
+	upArrowDownSkin: 		Embed(source="assets/flex_skins.swf", symbol="ScrollArrowUp_downSkin");
+	upArrowOverSkin: 		Embed(source="assets/flex_skins.swf", symbol="ScrollArrowUp_overSkin");
+	upArrowUpSkin: 			Embed(source="assets/flex_skins.swf", symbol="ScrollArrowUp_upSkin");
+
+	thumbIcon: 				Embed(source="assets/flex_skins.swf", symbol="ScrollBar_thumbIcon");
+	
+	thumbDownSkin: 			Embed(source="assets/flex_skins.swf", symbol="ScrollThumb_downSkin");
+	thumbOverSkin: 			Embed(source="assets/flex_skins.swf", symbol="ScrollThumb_overSkin");
+	thumbUpSkin: 			Embed(source="assets/flex_skins.swf", symbol="ScrollThumb_upSkin");
+	
+	trackDisabledSkin: 		Embed(source="assets/flex_skins.swf", symbol="ScrollTrack_disabledSkin");
+	trackSkin: 				Embed(source="assets/flex_skins.swf", symbol="ScrollTrack_Skin");
+} 
+
+
+/*
+//==========================================================================================================================
+//
+// 							************************ Spark Skins ************************
+//
+//==========================================================================================================================
+*/
+
+
+/*
+//------------------------------
+//  **Spark Application
+//------------------------------
+*/
+s|Application
+{
+	skinClass: ClassReference("zen.skins.ApplicationSkin");
+}
+
+
+/*
+//------------------------------
+//
+// **Spark Button
+//
+//------------------------------
+*/
+
+s|Button
+{
+	skinClass: ClassReference("zen.skins.ButtonSkin");
+	font-family: Arial;
+	font-size: 11pt;
+	font-weight: bold;
+	color: #eeefc4;
+	text-roll-over-color: #EEEFC4;
+	text-selected-color: #EEEFC4;
+} 
+
+s|Button.emphasized
+{
+	skinClass: ClassReference("zen.skins.DefaultButtonSkin");
+}
+
+
+/* 
+//------------------------------ 
+//  **Spark ButtonBar 
+//------------------------------ 
+*/ 
+
+s|ButtonBar
+{ 
+		skinClass: ClassReference("zen.skins.ButtonBarSkin");
+     	font-family: Arial;
+		font-size: 11pt;
+		color: #cc0000;
+		text-roll-over-color: #EEEFC4;
+		text-selected-color: #EEEFC4;
+		font-weight: bold;
+}
+
+/*
+//------------------------------
+//
+// **Spark CheckBox
+//
+//------------------------------
+*/
+s|CheckBox
+{
+	skinClass: ClassReference("zen.skins.CheckBoxSkin");
+	font-family: Arial;
+	font-size: 11pt;
+	color: #4c2600;
+	text-roll-over-color: #a35200;
+	text-selected-color: #4c2600;
+}
+
+/*
+//------------------------------
+//
+// **Spark ComboBox
+//
+//------------------------------
+*/
+s|ComboBox
+{
+	skinClass: ClassReference("zen.skins.ComboBoxSkin");
+	font-family: Arial;
+	font-size: 11pt;
+	font-weight: normal;
+	color: #4c2600;
+	text-roll-over-color: #4c2600;
+	text-selected-color: #EEEFC4;
+}
+
+/*
+//------------------------------
+//  **Spark DropDown
+//------------------------------
+*/
+
+s|DropDownList
+{
+	skinClass: ClassReference("zen.skins.DropDownListSkin");
+	font-family: Arial;
+	font-size: 11pt;
+	color: #321900;
+	focus-color: #4c2600;
+	selection-color: #D0C694;
+}
+
+
+/*
+//------------------------------
+//
+// **Spark HScrollBar
+//
+//------------------------------
+*/
+
+s|HScrollBar
+{
+	skinClass: ClassReference('zen.skins.HScrollBarSkin');							
+}
+
+
+/*
+//------------------------------
+//
+// **Spark HSlider
+//
+//------------------------------
+*/
+s|HSlider
+{
+	skinClass: ClassReference('zen.skins.HSliderSkin');
+} 
+
+/*
+//------------------------------
+//
+// **Spark List
+//
+//------------------------------
+*/
+s|List
+{
+	skinClass:	ClassReference('zen.skins.ListSkin');	
+	content-background-color: #f3f4de;
+   	rollOverColor: #d0d1ab;
+	selection-color: #D0C694;
+   	borderStyle: inset;
+   	borderColor: #aaab8b;
+   	text-align: left;
+}
+
+
+
+
+/*
+//------------------------------
+//
+//  Spark NumericStepper
+//
+//------------------------------
+*/
+
+s|NumericStepper
+{
+	skinClass:	ClassReference('zen.skins.NumericStepperSkin');	
+	focus-color: #a35200;	
+   	selection-color: #D0D1AB;	
+   	content-background-color: 	#f3f4de;				
+}
+
+/*
+//------------------------------
+//  **Spark Panel
+//------------------------------
+*/
+s|Panel
+{
+	skinClass:	ClassReference('zen.skins.PanelSkin');
+	closeButtonDisabledSkin: Embed(source="assets/flex_skins.swf", symbol="Panel_closeButtonDisabledSkin");
+	closeButtonDownSkin: Embed(source="assets/flex_skins.swf", symbol="Panel_closeButtonDownSkin");
+	closeButtonOverSkin: Embed(source="assets/flex_skins.swf", symbol="Panel_closeButtonOverSkin");
+	closeButtonUpSkin: Embed(source="assets/flex_skins.swf", symbol="Panel_closeButtonUpSkin");
+	controlBarBackgroundSkin: Embed(source="assets/flex_skins.swf", symbol="Panel_controlBarBackgroundSkin");
+	font-family: Arial;
+	font-size: 11pt;
+	text-align: center;
+	color: #4c2600;
+	title-style-name: "panelTitleStyle";
+	padding-top: 0;
+}
+
+.panelTitleStyle
+{
+	text-align: center;
+}
+
+
+/*
+//------------------------------
+//
+// **Spark RadioButton
+//
+//------------------------------
+*/
+s|RadioButton
+{
+	skinClass: ClassReference("zen.skins.RadioButtonSkin");
+	font-family: Arial;
+	font-size: 11pt;
+	color: #4c2600;
+	text-roll-over-color: #a35200;
+	text-selected-color: #4c2600;
+}
+
+/*
+//------------------------------
+//
+//  Spark Spinner
+//
+//------------------------------
+*/
+
+s|Spinner
+{
+	skinClass: ClassReference('zen.skins.SpinnerSkin');	
+	focus-color:#a35200;						
+}
+
+/*
+//------------------------------
+//
+//  Spark TabBar
+//
+//------------------------------
+*/
+
+s|TabBar
+{
+	skinClass: ClassReference('zen.skins.TabBarSkin');	
+	focus-color:#a35200;						
+}
+
+
+/*
+//------------------------------
+//
+//  Spark TextArea - CSS based does not require skin
+//
+//------------------------------
+*/
+s|TextArea
+{
+	fontFamily: Arial;
+   	fontSize: 11;
+   	color: #321900;
+   	text-align: left;	
+   	focus-color: #a35200;	
+   	selection-color: #D0D1AB;
+	skinClass: ClassReference('zen.skins.TextAreaSkin');
+}
+
+
+/*
+//------------------------------
+//
+//  Spark TextInput 
+//
+//------------------------------
+*/
+s|TextInput
+{
+	fontFamily: Arial;
+   	fontSize: 11;
+   	color: #321900;
+	text-align: left;	
+	focus-color: #a35200;	
+	selection-color: #D0D1AB;
+	skinClass: ClassReference('zen.skins.TextInputSkin');
+}
+
+/*
+//------------------------------
+//
+//  Spark TitleWindow
+//
+//------------------------------
+*/
+
+s|TitleWindow
+{
+	skinClass: ClassReference('zen.skins.TitleWindowSkin');							
+}
+
+
+/*
+//------------------------------
+//
+//  Spark ToggleButton
+//
+//------------------------------
+*/
+
+s|ToggleButton
+{
+	skinClass: ClassReference('zen.skins.ToggleButtonSkin');
+	font-family: Arial;
+	font-size: 11pt;
+	font-weight: bold;
+	color: #EEEFC4;
+	text-roll-over-color: #EEEFC4;
+	text-selected-color: #EEEFC4;							
+}
+
+/*
+//------------------------------
+//
+//  Spark VideoPlayer
+//
+//------------------------------
+*/
+
+s|VideoPlayer
+{
+	skinClass: ClassReference('zen.skins.VideoPlayerSkin');
+	symbol-color: #4c2600;
+}
+
+/*
+//------------------------------
+//  Spark VScrollBar
+//------------------------------
+*/
+
+s|VScrollBar
+{
+	skinClass: ClassReference('zen.skins.VScrollBarSkin');							
+}  
+
+/*
+//------------------------------
+//
+// **Spark VSlider
+//
+//------------------------------
+*/
+s|VSlider
+{
+	skinClass: ClassReference('zen.skins.VSliderSkin');
+} 
+
+

Propchange: incubator/flex/trunk/samples/themes/zen/src/defaults.css
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/zen/src/defaults.css
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/zen/src/metadata.xml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/metadata.xml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/metadata.xml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/metadata.xml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,25 @@
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+<theme>
+<name>Zen</name>
+<mainFile>zen.swc</mainFile>
+<category>Flex 4 Samples</category>
+<baseTheme></baseTheme>
+<sourceLocation>src</sourceLocation>
+</theme>
\ No newline at end of file

Propchange: incubator/flex/trunk/samples/themes/zen/src/metadata.xml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/zen/src/metadata.xml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/zen/src/preview.jpg
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/preview.jpg?rev=1350373&view=auto
==============================================================================
Binary file - no diff available.

Propchange: incubator/flex/trunk/samples/themes/zen/src/preview.jpg
------------------------------------------------------------------------------
    svn:mime-type = image/jpeg

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/ApplicationSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/ApplicationSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/ApplicationSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/ApplicationSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,114 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<!--- The default skin class for the Spark Application component. 
+
+@langversion 3.0
+@playerversion Flash 10
+@playerversion AIR 1.5
+@productversion Flex 4
+-->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx"
+		xmlns:fb="http://ns.adobe.com/flashbuilder/2009" alpha.disabled="0.5" alpha.disabledWithControlBar="0.5">
+	
+	<fx:Metadata>
+		<![CDATA[ 
+		/** 
+		* A strongly typed property that references the component to which this skin is applied.
+		*/
+		[HostComponent("spark.components.Application")]
+		]]>
+	</fx:Metadata> 
+	
+    
+	<s:states>
+		<s:State name="normal" />
+		<s:State name="disabled" />
+		<s:State name="normalWithControlBar" />
+		<s:State name="disabledWithControlBar" />
+	</s:states>
+	<!-- fill -->
+    <!--- 
+    	A rectangle with a solid color fill that forms the background of the application.
+    	The color of the fill is set to the Application's backgroundColor property.
+    -->
+    <s:Rect id="backgroundRect" left="0" right="0" top="0" bottom="0"  >
+        <s:fill>
+            <s:SolidColor color="#82826b" />
+        </s:fill>
+    </s:Rect>
+    
+    <!-- skin - tree imagery --> 
+    <mx:Image left="0" top="0"
+    	source.normal= "@Embed(source='/assets/flex_skins.swf', symbol='BackgroundImage')"
+    	source.disabled= "@Embed(source='/assets/flex_skins.swf', symbol='BackgroundImage')"
+    	/>
+        
+	<s:Group left="0" right="0" top="0" bottom="0">
+		<s:layout>
+			<s:VerticalLayout gap="0" horizontalAlign="justify" />
+		</s:layout>
+		
+		<!--- 
+		Application Control Bar
+		-->
+		<s:Group id="topGroup" minWidth="0" minHeight="0"
+				 includeIn="normalWithControlBar, disabledWithControlBar" >
+			
+			<!-- layer 0: control bar highlight -->
+			<s:Rect left="0" right="0" top="0" bottom="1" >
+				<s:stroke>
+					<s:LinearGradientStroke rotation="90" weight="1">
+						<s:GradientEntry color="0x444444" />
+						<s:GradientEntry color="0x282828" />
+					</s:LinearGradientStroke>
+				</s:stroke>
+			</s:Rect>
+			
+			<!-- layer 1: control bar fill -->
+			<s:Rect left="1" right="1" top="1" bottom="2" >
+				<s:fill>
+					<s:SolidColor color="0x82826b"/>
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 2: control bar divider line -->
+			<s:Rect left="0" right="0" bottom="0" height="1" alpha="0.55">
+				<s:fill>
+					<s:SolidColor color="0xCCCCCC" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 3: control bar -->
+			<!--- @copy spark.components.Application#controlBarGroup -->
+			<s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="1" minWidth="0" minHeight="0">
+				<s:layout>
+					<s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="7" paddingBottom="7" gap="10" />
+				</s:layout>
+			</s:Group>
+		</s:Group>
+		
+		<!--- @copy spark.components.SkinnableContainer#contentGroup -->
+		<s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0" />
+		
+	</s:Group>
+
+</s:Skin>
\ No newline at end of file

Propchange: incubator/flex/trunk/samples/themes/zen/src/zen/skins/ApplicationSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/zen/src/zen/skins/ApplicationSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/BorderSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/BorderSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/BorderSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/BorderSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,152 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+<!--- The Spark skin class for the Halo Border base class. 
+
+@langversion 3.0
+@playerversion Flash 10
+@playerversion AIR 1.5
+@productversion Flex 4
+-->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" 
+						implements="mx.core.IRectangularBorder" mouseEnabled="false" mouseChildren="false">
+	
+	<fx:Script>
+		<![CDATA[
+			import mx.core.EdgeMetrics;
+			import mx.core.IUIComponent;
+			import mx.graphics.RectangularDropShadow;
+			
+			static private const metrics:EdgeMetrics = new EdgeMetrics(1, 1, 1, 1);
+			
+			[Bindable]
+			public var cornerRadius:Number = 0;
+			
+			private var dropShadow:RectangularDropShadow;
+			
+			public function get borderMetrics():EdgeMetrics
+			{
+				if (getStyle("borderVisible") == false ||
+					getStyle("borderStyle") == "none")
+					return EdgeMetrics.EMPTY;
+				
+				return metrics;
+			}
+			
+			public function get backgroundImageBounds():Rectangle
+			{
+				return null;
+			}
+			
+			public function set backgroundImageBounds(value:Rectangle):void
+			{
+				
+			}
+			
+			public function get hasBackgroundImage():Boolean
+			{
+				return false;
+			}
+			
+			public function layoutBackgroundImage():void
+			{
+				
+			}
+						
+			override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
+			{
+				// Force a redraw to clear any existing shadow, and to force a redraw of the 
+				// border/background.
+				redrawRequested = true;
+				
+				if (getStyle("borderVisible") == false || getStyle("borderStyle") == "none")
+				{
+					border.visible = false;
+					background.left = background.top = background.right = background.bottom = 0;
+				}
+				else
+				{
+					border.visible = true;
+					background.left = background.top = background.right = background.bottom = 1;
+				}
+				
+				border.radiusX = cornerRadius;
+				background.radiusX = cornerRadius;
+				
+				super.updateDisplayList(unscaledWidth, unscaledHeight);
+				
+				if (parent && parent is IUIComponent && !IUIComponent(parent).enabled)
+					alpha = 0.5;
+				else
+					alpha = 1;
+				
+				// Draw drop shadow, if needed
+				if (getStyle("dropShadowVisible") == false ||
+					width == 0 || 
+					height == 0)
+				{
+					return;
+				}
+				
+				// Create a RectangularDropShadow object, set its properties,
+				// and draw the shadow
+				if (!dropShadow)
+					dropShadow = new RectangularDropShadow();
+				
+				dropShadow.distance = 5;
+				dropShadow.angle = 90;
+				dropShadow.color = 0;
+				dropShadow.alpha = 0.8;
+				dropShadow.blurX = 20;
+				dropShadow.blurY = 20;
+				
+				// Clear out any pending line style
+				graphics.lineStyle();
+				dropShadow.drawShadow(graphics, 0, 0, width, height);
+			}
+			
+			private function getDropShadowAngle(distance:Number,
+												direction:String):Number
+			{
+				if (direction == "left")
+					return distance >= 0 ? 135 : 225;
+					
+				else if (direction == "right")
+					return distance >= 0 ? 45 : 315;
+					
+				else // direction == "center"
+					return distance >= 0 ? 90 : 270;
+			}
+		]]>
+	</fx:Script>
+	
+	<!-- border --> 
+	<s:Rect left="0" right="0" top="0" bottom="0" radiusX="0" id="border">
+		<s:stroke>            
+			<s:SolidColorStroke id="borderStroke" color="0x82826b"/>
+		</s:stroke>
+	</s:Rect>
+	
+	<!-- fill -->
+	<s:Rect id="background" left="1" right="1" top="1" bottom="1" radiusX="0">
+		<s:fill>
+			<s:SolidColor id="bgFill" color="0xAAAA89" />
+		</s:fill>
+	</s:Rect>
+</s:Skin>

Propchange: incubator/flex/trunk/samples/themes/zen/src/zen/skins/BorderSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/zen/src/zen/skins/BorderSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/ButtonBarFirstButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/ButtonBarFirstButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/ButtonBarFirstButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/ButtonBarFirstButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,80 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<!--- The default skin class for the first button in a Spark ButtonBar component.  
+
+@langversion 3.0
+@playerversion Flash 10
+@playerversion AIR 1.5
+@productversion Flex 4
+-->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" 
+			 xmlns:fb="http://ns.adobe.com/flashbuilder/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+			 minWidth="21" minHeight="21"
+			 alpha.disabledStates="0.5">
+	
+	<!-- host component -->
+	<fx:Metadata>
+		<![CDATA[ 
+		/** 
+		* @copy spark.skins.spark.ApplicationSkin#hostComponent
+		*/
+		[HostComponent("spark.components.ButtonBarButton")]
+		]]>
+	</fx:Metadata>
+	
+	<!-- states -->
+	<s:states>
+        <s:State name="up" />
+        <s:State name="over" stateGroups="overStates" />
+        <s:State name="down" stateGroups="downStates" />
+        <s:State name="disabled" stateGroups="disabledStates" />
+        <s:State name="upAndSelected" stateGroups="selectedStates, selectedUpStates" />
+        <s:State name="overAndSelected" stateGroups="overStates, selectedStates" />
+        <s:State name="downAndSelected" stateGroups="downStates, selectedStates" />
+        <s:State name="disabledAndSelected" stateGroups="selectedUpStates, disabledStates, selectedStates" />
+	</s:states>
+    	
+	<s:Group left="-1" right="0" top="-1" bottom="-1"
+	         >
+		<!-- skin -->
+		<mx:Image left="0" top="0" right="0" bottom="0" maintainAspectRatio="false"
+			source.up= "@Embed(source='/assets/flex_skins.swf', symbol='ButtonBar_firstUpSkin')"	
+			source.over= "@Embed(source='/assets/flex_skins.swf', symbol='ButtonBar_firstOverSkin')"
+			source.down= "@Embed(source='/assets/flex_skins.swf', symbol='ButtonBar_firstDownSkin')"
+	    	source.disabled= "@Embed(source='/assets/flex_skins.swf', symbol='ButtonBar_firstDisabledSkin')"
+			source.upAndSelected= "@Embed(source='/assets/flex_skins.swf', symbol='ButtonBar_firstSelectedUpSkin')"
+			source.overAndSelected= "@Embed(source='/assets/flex_skins.swf', symbol='ButtonBar_firstSelectedUpSkin')"
+			source.downAndSelected= "@Embed(source='/assets/flex_skins.swf', symbol='ButtonBar_firstSelectedUpSkin')"
+			source.disabledAndSelected="@Embed(source='/assets/flex_skins.swf', symbol='ButtonBar_firstSelectedDisabledSkin')"
+			/>
+	</s:Group>
+		
+	<!-- layer 2: text -->
+	<!--- The defines the appearance of the label for the first button in the ButtonBar component. -->
+	<s:Label id="labelDisplay"
+			 textAlign="center"
+			 verticalAlign="middle"
+			 maxDisplayedLines="1"
+			 horizontalCenter="0" verticalCenter="1"
+			 left="10" right="10" top="2" bottom="2">
+	</s:Label>
+</s:Skin>
\ No newline at end of file

Propchange: incubator/flex/trunk/samples/themes/zen/src/zen/skins/ButtonBarFirstButtonSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/zen/src/zen/skins/ButtonBarFirstButtonSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/ButtonBarLastButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/ButtonBarLastButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/ButtonBarLastButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/ButtonBarLastButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,82 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<!--- The default skin class for the last button in a Spark ButtonBar component.  
+
+@langversion 3.0
+@playerversion Flash 10
+@playerversion AIR 1.5
+@productversion Flex 4
+-->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" 
+			 xmlns:fb="http://ns.adobe.com/flashbuilder/2009" 
+			 xmlns:mx="library://ns.adobe.com/flex/mx"
+			 minWidth="21" minHeight="21"
+			 alpha.disabledStates="0.5">
+	
+	<!-- host component -->
+	<fx:Metadata>
+		<![CDATA[ 
+		/** 
+		* @copy spark.skins.spark.ApplicationSkin#hostComponent
+		*/
+		[HostComponent("spark.components.ButtonBarButton")]
+		]]>
+	</fx:Metadata>
+	
+	<!-- states -->
+	<s:states>
+        <s:State name="up" />
+        <s:State name="over" stateGroups="overStates" />
+        <s:State name="down" stateGroups="downStates" />
+        <s:State name="disabled" stateGroups="disabledStates" />
+        <s:State name="upAndSelected" stateGroups="selectedStates, selectedUpStates" />
+        <s:State name="overAndSelected" stateGroups="overStates, selectedStates" />
+        <s:State name="downAndSelected" stateGroups="downStates, selectedStates" />
+        <s:State name="disabledAndSelected" stateGroups="selectedUpStates, disabledStates, selectedStates" />
+	</s:states>
+	
+    <s:Group left="0" right="-1" top="-1" bottom="-1"
+             >
+		<!-- skin -->
+		<mx:Image left="0" top="0" right="0" bottom="0" maintainAspectRatio="false"
+			source.up= "@Embed(source='/assets/flex_skins.swf', symbol='ButtonBar_lastUpSkin')"	
+			source.over= "@Embed(source='/assets/flex_skins.swf', symbol='ButtonBar_lastOverSkin')"
+			source.down= "@Embed(source='/assets/flex_skins.swf', symbol='ButtonBar_lastDownSkin')"
+	    	source.disabled= "@Embed(source='/assets/flex_skins.swf', symbol='ButtonBar_lastDisabledSkin')"
+			source.upAndSelected= "@Embed(source='/assets/flex_skins.swf', symbol='ButtonBar_lastSelectedUpSkin')"
+			source.overAndSelected= "@Embed(source='/assets/flex_skins.swf', symbol='ButtonBar_lastSelectedUpSkin')"
+			source.downAndSelected= "@Embed(source='/assets/flex_skins.swf', symbol='ButtonBar_lastSelectedUpSkin')"
+			source.disabledAndSelected="@Embed(source='/assets/flex_skins.swf', symbol='ButtonBar_lastSelectedDisabledSkin')"
+			/>
+	</s:Group>
+      
+	<!-- layer 2: text -->
+	<!--- The defines the appearance of the label for the last button in the ButtonBar component. -->
+	<s:Label id="labelDisplay"
+			 textAlign="center"
+			 verticalAlign="middle"
+			 maxDisplayedLines="1"
+			 horizontalCenter="0" verticalCenter="1"
+			 left="10" right="10" top="2" bottom="2">
+	</s:Label>
+	
+</s:Skin>
\ No newline at end of file

Propchange: incubator/flex/trunk/samples/themes/zen/src/zen/skins/ButtonBarLastButtonSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/zen/src/zen/skins/ButtonBarLastButtonSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/ButtonBarMiddleButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/ButtonBarMiddleButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/ButtonBarMiddleButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/ButtonBarMiddleButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,81 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<!--- The default skin class for the middle buttons in a Spark ButtonBar component.  
+
+@langversion 3.0
+@playerversion Flash 10
+@playerversion AIR 1.5
+@productversion Flex 4
+-->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" 
+			 xmlns:fb="http://ns.adobe.com/flashbuilder/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+			minWidth="21" minHeight="21"
+			 alpha.disabledStates="0.5">
+	
+	<!-- host component -->
+	<fx:Metadata>
+		<![CDATA[ 
+		/** 
+		* @copy spark.skins.spark.ApplicationSkin#hostComponent
+		*/
+		[HostComponent("spark.components.ButtonBarButton")]
+		]]>
+	</fx:Metadata>
+    
+	<!-- states -->
+	<s:states>
+        <s:State name="up" />
+        <s:State name="over" stateGroups="overStates" />
+        <s:State name="down" stateGroups="downStates" />
+        <s:State name="disabled" stateGroups="disabledStates" />
+        <s:State name="upAndSelected" stateGroups="selectedStates, selectedUpStates" />
+        <s:State name="overAndSelected" stateGroups="overStates, selectedStates" />
+        <s:State name="downAndSelected" stateGroups="downStates, selectedStates" />
+        <s:State name="disabledAndSelected" stateGroups="selectedUpStates, disabledStates, selectedStates" />
+	</s:states>
+	
+	<s:Group left="0" right="-1" top="-1" bottom="-1" >
+		<!-- skin -->
+		<mx:Image left="0" top="0" right="0" bottom="0" maintainAspectRatio="false"
+			source.up= "@Embed(source='/assets/flex_skins.swf', symbol='ButtonBar_buttonUpSkin')"	
+			source.over= "@Embed(source='/assets/flex_skins.swf', symbol='ButtonBar_buttonOverSkin')"
+			source.down= "@Embed(source='/assets/flex_skins.swf', symbol='ButtonBar_buttonDownSkin')"
+	    	source.disabled= "@Embed(source='/assets/flex_skins.swf', symbol='ButtonBar_buttonDisabledSkin')"
+			source.upAndSelected= "@Embed(source='/assets/flex_skins.swf', symbol='ButtonBar_buttonSelectedUpSkin')"
+			source.overAndSelected= "@Embed(source='/assets/flex_skins.swf', symbol='ButtonBar_buttonSelectedUpSkin')"
+			source.downAndSelected= "@Embed(source='/assets/flex_skins.swf', symbol='ButtonBar_buttonSelectedUpSkin')"
+			source.disabledAndSelected="@Embed(source='/assets/flex_skins.swf', symbol='ButtonBar_buttonSelectedDisabledSkin')"
+			/>
+	</s:Group>
+
+	<!-- layer 2: text -->
+	<!--- Defines the appearance of the label(s) for the middle button(s) in the ButtonBar component. -->
+	<s:Label id="labelDisplay"
+			 textAlign="center"
+			 verticalAlign="middle"
+			 maxDisplayedLines="1"
+			 horizontalCenter="0" verticalCenter="1"
+			 left="10" right="10" top="2" bottom="2">
+	</s:Label>
+	
+	
+</s:Skin>
\ No newline at end of file

Propchange: incubator/flex/trunk/samples/themes/zen/src/zen/skins/ButtonBarMiddleButtonSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/zen/src/zen/skins/ButtonBarMiddleButtonSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/ButtonBarSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/ButtonBarSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/ButtonBarSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/ButtonBarSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,90 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<!--- The default skin class for the Spark ButtonBar component. The buttons on the ButtonBar component
+use the ButtonBarLastButtonSkin, ButtonBarFirstButtonSkin and ButtonBarMiddleButtonSkin classes.  
+
+@see spark.components.ButtonBar
+@see spark.components.ButtonBarButton
+
+
+@langversion 3.0
+@playerversion Flash 10
+@playerversion AIR 1.5
+@productversion Flex 4
+-->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx"
+		alpha.disabled="0.5">
+	
+	<fx:Metadata>
+		<![CDATA[ 
+		/** 
+		* @copy spark.skins.spark.ApplicationSkin#hostComponent
+		*/
+		[HostComponent("spark.components.ButtonBar")]
+		]]>
+	</fx:Metadata> 
+    
+    <s:states>
+    	<s:State name="normal" />
+    	<s:State name="disabled" />
+    </s:states>
+    
+	<fx:Declarations>
+		<!--- 
+			Specifies the skin class for the first button on the ButtonBar.
+			@default spark.skins.default.ButtonBarFirstButtonSkin
+		-->
+		 <!-- custom theme - set path to theme's skin MXML files: zen.skins.xxxSkin -->
+		<fx:Component id="firstButton">
+			<s:ButtonBarButton skinClass="zen.skins.ButtonBarFirstButtonSkin"/>
+		</fx:Component>
+
+		<!--- 
+			Specifies the skin class for the middle button(s) on the ButtonBar.
+			@default spark.skins.default.ButtonBarMiddleButtonSkin
+		-->
+		  <!-- custom theme - set path to theme's skin MXML files: zen.skins.xxxSkin -->
+		<fx:Component id="middleButton" >
+			<s:ButtonBarButton skinClass="zen.skins.ButtonBarMiddleButtonSkin" />
+		</fx:Component>
+
+		<!--- 
+			Specifies the skin class for the last button on the ButtonBar.
+			@default spark.skins.default.ButtonBarLastButtonSkin
+		-->
+		  <!-- custom theme - set path to theme's skin MXML files: zen.skins.xxxSkin -->
+		<fx:Component id="lastButton" >
+			<s:ButtonBarButton skinClass="zen.skins.ButtonBarLastButtonSkin" />
+		</fx:Component>
+
+	</fx:Declarations>
+
+	<!--- 
+		@copy spark.components.SkinnableDataContainer#dataGroup
+	-->
+	<s:DataGroup id="dataGroup" width="100%" height="100%">
+	    <s:layout>
+	    	<s:ButtonBarHorizontalLayout gap="-1"/>
+	    </s:layout>
+    </s:DataGroup>
+
+</s:Skin>
\ No newline at end of file

Propchange: incubator/flex/trunk/samples/themes/zen/src/zen/skins/ButtonBarSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/zen/src/zen/skins/ButtonBarSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/ButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/ButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/ButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/ButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,83 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<!--- The default skin class for the Spark Button component.  
+
+@langversion 3.0
+@playerversion Flash 10
+@playerversion AIR 1.5
+@productversion Flex 4
+-->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			 xmlns:s="library://ns.adobe.com/flex/spark" 
+			 xmlns:fb="http://ns.adobe.com/flashbuilder/2009" 
+			 xmlns:mx="library://ns.adobe.com/flex/mx"
+			minWidth="21" minHeight="21" alpha.disabled="0.5">
+	
+	<!-- host component -->
+	<fx:Metadata>
+		<![CDATA[ 
+		/** 
+		* @copy spark.skins.spark.ApplicationSkin#hostComponent
+		*/
+		[HostComponent("spark.components.Button")]
+		]]>
+	</fx:Metadata>
+	
+    
+	
+	<!-- states -->
+	<s:states>
+		<s:State name="up" />
+		<s:State name="over" />
+		<s:State name="down" />
+		<s:State name="disabled" />
+		<s:State  name="upAndSelected" />
+        <s:State  name="overAndSelected" stateGroups="overStates" />
+        <s:State  name="downAndSelected" stateGroups="downStates"/>
+        <s:State  name="disabledAndSelected" />
+	</s:states>
+	
+	<!-- skin -->
+	<mx:Image left="0" top="0" right="0" bottom="0" maintainAspectRatio="false"
+		source.up= "@Embed(source='/assets/flex_skins.swf', symbol='Button_upSkin')"	
+		source.over= "@Embed(source='/assets/flex_skins.swf', symbol='Button_overSkin')"
+		source.down= "@Embed(source='/assets/flex_skins.swf', symbol='Button_downSkin')"
+    	source.disabled= "@Embed(source='/assets/flex_skins.swf', symbol='Button_disabledSkin')"
+		source.upAndSelected= "@Embed(source='/assets/flex_skins.swf', symbol='Button_downSkin')"
+		source.overAndSelected= "@Embed(source='/assets/flex_skins.swf', symbol='Button_downSkin')"
+		source.downAndSelected= "@Embed(source='/assets/flex_skins.swf', symbol='Button_downSkin')"
+		source.disabledAndSelected="@Embed(source='/assets/flex_skins.swf', symbol='Button_disabledSkin')"
+		/>
+		
+	<!-- layer 2: text -->
+	<!--- 
+	@copy spark.components.supportClasses.ButtonBase#labelDisplay
+	-->
+	<s:Label id="labelDisplay"
+			 textAlign="center"
+			 verticalAlign="middle"
+			 maxDisplayedLines="1"
+			 horizontalCenter="0" verticalCenter="1"
+			 left="10" right="10" top="2" bottom="2">
+	</s:Label>
+	
+</s:Skin>
\ No newline at end of file

Propchange: incubator/flex/trunk/samples/themes/zen/src/zen/skins/ButtonSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/zen/src/zen/skins/ButtonSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/CheckBoxSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/CheckBoxSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/CheckBoxSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/CheckBoxSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,77 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<!--- The default skin class for the Spark CheckBox component.  
+
+@langversion 3.0
+@playerversion Flash 10
+@playerversion AIR 1.5
+@productversion Flex 4
+-->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
+			 xmlns:fb="http://ns.adobe.com/flashbuilder/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+			 alpha.disabledStates="0.5">
+	
+	<fx:Metadata>
+		<![CDATA[ 
+		/** 
+		* @copy spark.skins.spark.ApplicationSkin#hostComponent
+		*/
+		[HostComponent("spark.components.CheckBox")]
+		]]>
+	</fx:Metadata> 
+	
+    <s:states>
+        <s:State name="up" />
+        <s:State name="over" stateGroups="overStates" />
+        <s:State name="down" stateGroups="downStates" />
+        <s:State name="disabled" stateGroups="disabledStates" />
+        <s:State name="upAndSelected" stateGroups="selectedStates" />
+        <s:State name="overAndSelected" stateGroups="overStates, selectedStates" />
+        <s:State name="downAndSelected" stateGroups="downStates, selectedStates" />
+        <s:State name="disabledAndSelected" stateGroups="disabledStates, selectedStates" />
+    </s:states>
+    
+    <s:Group verticalCenter="0" width="13" height="13">
+         <!-- skin -->
+	 	<mx:Image 
+	 		left="0"
+	 		verticalCenter="0"
+	 		source.up= "@Embed(source='/assets/flex_skins.swf', symbol='CheckBox_upIcon')"
+	 		source.over="@Embed(source='/assets/flex_skins.swf', symbol='CheckBox_overIcon')"
+	 		source.down= "@Embed(source='/assets/flex_skins.swf', symbol='CheckBox_downIcon')"
+	 		source.disabled= "@Embed(source='/assets/flex_skins.swf', symbol='CheckBox_disabledIcon')"
+			source.disabledAndSelected= "@Embed(source='/assets/flex_skins.swf', symbol='CheckBox_selectedDisabledIcon')"
+			source.downAndSelected= "@Embed(source='/assets/flex_skins.swf', symbol='CheckBox_selectedDownIcon')"
+			source.overAndSelected= "@Embed(source='/assets/flex_skins.swf', symbol='CheckBox_selectedOverIcon')"
+			source.upAndSelected= "@Embed(source='/assets/flex_skins.swf', symbol='CheckBox_selectedUpIcon')"
+			
+	 		/>
+    </s:Group>
+
+	<!-- Label -->
+	<s:Label id="labelDisplay"
+			 textAlign="start"
+			 verticalAlign="middle"
+			 maxDisplayedLines="1"
+			 left="18" right="0" top="3" bottom="3" verticalCenter="2" />
+
+</s:Skin>

Propchange: incubator/flex/trunk/samples/themes/zen/src/zen/skins/CheckBoxSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/zen/src/zen/skins/CheckBoxSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/ComboBoxButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/ComboBoxButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/ComboBoxButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/ComboBoxButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+<!--- The default skin class for the anchor button on a Spark ComboBox component.  
+
+    @see spark.components.ComboBox        
+    @see spark.skins.spark.ComboBoxSkin
+    
+    @langversion 3.0
+    @playerversion Flash 10
+    @playerversion AIR 1.5
+    @productversion Flex 4
+-->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" 
+             xmlns:fb="http://ns.adobe.com/flashbuilder/2009" xmlns:mx="library://ns.adobe.com/flex/mx" 
+			 minWidth="20" minHeight="23">
+    
+    <fx:Metadata>
+        <![CDATA[ 
+        /** 
+        * @copy spark.skins.spark.ApplicationSkin#hostComponent
+        */
+        [HostComponent("spark.components.Button")]
+        ]]>
+    </fx:Metadata> 
+    
+    <!-- states -->
+    <s:states>
+        <s:State name="up" />
+        <s:State name="over" />
+        <s:State name="down" />
+        <s:State name="disabled"/>
+    </s:states>
+    
+	<!-- skin -->
+	<mx:Image left="0" top="0" right="0" bottom="0" maintainAspectRatio="false"
+			  source.up= "@Embed(source='/assets/flex_skins.swf', symbol='ComboBoxArrow_editableUpSkin')"	
+			  source.over= "@Embed(source='/assets/flex_skins.swf', symbol='ComboBoxArrow_editableOverSkin')"
+			  source.down= "@Embed(source='/assets/flex_skins.swf', symbol='ComboBoxArrow_editableDownSkin')"
+			  source.disabled= "@Embed(source='/assets/flex_skins.swf', symbol='ComboBoxArrow_editableDisabledSkin')"
+			  />
+</s:Skin>

Propchange: incubator/flex/trunk/samples/themes/zen/src/zen/skins/ComboBoxButtonSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/zen/src/zen/skins/ComboBoxButtonSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain