/*
*
*  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.
*
*/
@namespace Basic "library://ns.apache.org/royale/basic";
@namespace "library://ns.apache.org/royale/mx";
@namespace charts "mx.charts.chartClasses.*";
@namespace core "mx.core.*";
@namespace containerBeads "mx.containers.beads.*";
@namespace adg "mx.controls.advancedDataGridClasses.*";
@namespace dg "mx.controls.dataGridClasses.*";
@namespace pop "mx.managers.*";
@namespace menu "mx.controls.menuClasses.*";

.royale *, . royale *:before, . royale *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

* {
	font-family:	Arial;
	font-size:		12px;

}

global {
    IStatesImpl:            ClassReference("org.apache.royale.core.StatesWithTransitionsImpl");
	IEffectTimer: 			ClassReference("org.apache.royale.utils.EffectTimer");
    whiteSpaceCollapse: "collapse";
	horizontalAlign: "left";
	horizontalGap: 8;
	verticalAlign: "top";
	verticalGap: 6;
    padding : 0px;
	errorColor: #CE2929;
}

Button {
	white-space: nowrap;
}

/* -------------------------------------------------------
 * Common Platform Styles
 * -------------------------------------------------------
 */

Basic|CascadingMenu
{
	IItemRenderer: ClassReference("mx.controls.menuClasses.CascadingMenuItemRenderer");
	IDataProviderItemRendererMapper: ClassReference("mx.controls.listClasses.DataItemRendererFactoryForICollectionViewData");
	IBeadController: ClassReference("mx.controls.beads.controllers.CascadingMenuSelectionMouseController");
	IMenu: ClassReference("mx.controls.menuClasses.CascadingMenuWithOnScreenCheck");
	IListPresentationModel: ClassReference("mx.controls.beads.models.ListPresentationModel");
}

Basic|ComboBoxList
{
	IDataProviderItemRendererMapper: ClassReference("mx.controls.listClasses.DataItemRendererFactoryForICollectionViewData");
	IBeadModel: ClassReference("mx.controls.beads.models.SingleSelectionICollectionViewModel");
	IListPresentationModel: ClassReference("mx.controls.beads.models.ListPresentationModel");
}

Basic|DataGridColumnList {
	IDataProviderItemRendererMapper: ClassReference("mx.controls.listClasses.DataItemRendererFactoryForICollectionViewData");
	IItemRenderer: ClassReference("mx.controls.listClasses.ListItemRenderer");
}

dg|DataGridButtonBar {
	IItemRenderer: ClassReference("mx.controls.dataGridClasses.DataGridHeaderRenderer");
	IDataProviderItemRendererMapper: ClassReference("mx.controls.dataGridClasses.HeaderRendererFactoryForArrayData");
	position: absolute;
}

adg|AdvancedDataGridButtonBar {
	IItemRenderer: ClassReference("mx.controls.advancedDataGridClasses.AdvancedDataGridHeaderRenderer");
	position: absolute;
}

dg|DataGridHeaderRenderer{
	horizontalAlign: center;
	vertical-align: middle;
	border-top: 1px solid #222222;
	border-bottom: 1px solid #222222;
	border-right: 1px solid #222222;
	border-left: none;
	font-weight: bold;
	overflow: hidden;
}

adg|AdvancedDataGridHeaderRenderer {
	horizontalAlign: center;
	vertical-align: middle;
	border-top: 1px solid #222222;
	border-bottom: 1px solid #222222;
	border-right: 1px solid #222222;
	border-left: none;
	font-weight: bold;
	overflow: hidden;
}

Application
{
	IBeadLayout: ClassReference("mx.containers.beads.ApplicationLayout");
	ICursorManager: ClassReference("mx.managers.CursorManagerImpl");
	IDragManager: ClassReference("mx.managers.DragManagerImpl");
}

AdvancedDataGrid
{
	alternatingItemColors: #F7F7F7, #FFFFFF;
	IChangePropagator: ClassReference("org.apache.royale.html.beads.DataGridColumnChangePropagator");
	IDataGridPresentationModel: ClassReference("mx.controls.beads.models.DataGridPresentationModel");
	IBeadView: ClassReference("mx.controls.beads.AdvancedDataGridView");
	IBeadModel: ClassReference("mx.controls.beads.models.DataGridICollectionViewModel");
	IBeadLayout: ClassReference("mx.controls.beads.layouts.AdvancedDataGridLayout");
	IDataProviderNotifier: ClassReference("mx.controls.beads.DataProviderChangeNotifier");
	columnClass: ClassReference("mx.controls.advancedDataGridClasses.AdvancedDataGridColumnList");
	columnContainerClass: ClassReference("mx.controls.advancedDataGridClasses.AdvancedDataGridButtonBar");
	columnLayoutClass: ClassReference("mx.containers.beads.AdvancedDataGridHeaderLayout");
	listAreaClass: ClassReference("mx.controls.advancedDataGridClasses.AdvancedDataGridListArea");
	
	background-color: #FFFFFF;
	border: 1px solid #222222;
	width: 200px;
	height: 200px;
}

adg|AdvancedDataGridColumnList {
	IBeadModel: ClassReference("mx.controls.beads.models.DataGridColumnICollectionViewModel");
	IDataProviderItemRendererMapper: ClassReference("mx.controls.advancedDataGridClasses.DataItemRendererFactoryForICollectionViewAdvancedDataGridData");
	IBeadView:  ClassReference("mx.containers.beads.AdvancedDataGridListVirtualListView");			
	IBeadController: ClassReference("mx.controls.advancedDataGridClasses.AdvancedDataGridSingleSelectionMouseController");
	IBeadLayout: ClassReference("mx.controls.beads.layouts.AdvancedDataGridVirtualListVerticalLayout");
	IItemRendererClassFactory: ClassReference("mx.controls.beads.AdvancedDataGridSelectableItemRendererClassFactory");
	IItemRenderer: ClassReference("mx.controls.advancedDataGridClasses.AdvancedDataGridItemRenderer");
	IItemRendererInitializer: ClassReference("mx.controls.beads.AdvancedDataGridItemRendererInitializer");
	ISelectableItemRenderer: ClassReference("mx.controls.advancedDataGridClasses.AdvancedDataGridSelectableItemRendererBead");
	IViewport: ClassReference("org.apache.royale.html.supportClasses.Viewport");
	IViewportModel: ClassReference("org.apache.royale.html.beads.models.ViewportModel");
	border-style: none;
	background-color: #FFFFFF;
}

adg|AdvancedDataGridItemRenderer {
    padding-left: 5px;
}

dg|DataGridItemRenderer {
	padding-left: 5px;
}

Alert
{
	IBeadLayout: ClassReference("org.apache.royale.html.beads.layouts.VerticalFlexLayout");
	IBeadView:  ClassReference("mx.controls.beads.AlertView");
	IBeadController: ClassReference("mx.controls.beads.controllers.AlertMouseController");
	IBeadModel: ClassReference("org.apache.royale.html.beads.models.AlertModel");

	background-color: #FFFFFF;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
}

.AlertButton
{
	padding-top: 3px;
	padding-bottom: 3px;
}

.AlertContent
{
	margin: auto;
	padding: 8px;
}

Button
{
    IBeadModel: ClassReference("org.apache.royale.html.beads.models.ImageAndTextModel");
	font-weight: bold;
}

Canvas
{
	IBeadLayout: ClassReference("mx.containers.beads.CanvasLayout");
}

CheckBox
{
	IBeadModel: ClassReference("org.apache.royale.html.beads.models.ToggleButtonModel");
}

ColorPicker
{
	IBeadModel: ClassReference("org.apache.royale.html.beads.models.ArrayListColorSelectionModel");
	IBeadView: ClassReference("mx.controls.beads.ColorPickerView");
	IBeadController: ClassReference("mx.controls.beads.ColorPickerController");
	IPopUp: ClassReference("mx.controls.beads.ColorPickerPopUp");
}

Basic|ColorPalette
{
	IBeadModel: ClassReference("org.apache.royale.html.beads.models.ArrayListSelectionModel");
	IDataProviderItemRendererMapper: ClassReference("org.apache.royale.html.beads.DataItemRendererFactoryForArrayList");
	IBeadView: ClassReference("mx.controls.beads.ListView");
}

ComboBox
{
	IBeadModel: ClassReference("mx.controls.beads.models.ComboBoxModel");
	IBeadView: ClassReference("mx.controls.beads.ComboBoxView");
	IBeadController: ClassReference("org.apache.royale.html.beads.controllers.ComboBoxController");
	IPopUp: ClassReference("mx.supportClasses.ComboBoxList");
}

ComboBoxList
{
	IItemRenderer: ClassReference("mx.supportClasses.StringItemRenderer");
}

Container
{
	IBeadView: ClassReference("org.apache.royale.html.beads.ContainerView");
	IBeadLayout: ClassReference("mx.containers.beads.layouts.BasicLayout");
	IViewport: ClassReference("org.apache.royale.html.supportClasses.ScrollingViewport");
	IViewportModel: ClassReference("org.apache.royale.html.beads.models.ViewportModel");
	align-items: flex-start;
}

DataGrid
{
	alternatingItemColors: #F7F7F7, #FFFFFF;
	IChangePropagator: ClassReference("org.apache.royale.html.beads.DataGridColumnChangePropagator");
	IDataGridPresentationModel: ClassReference("mx.controls.beads.models.DataGridPresentationModel");
	IDataProviderNotifier: ClassReference("mx.controls.beads.DataProviderChangeNotifier");
	IBeadView: ClassReference("mx.controls.beads.DataGridView");
	IBeadModel: ClassReference("mx.controls.beads.models.DataGridICollectionViewModel");
	IBeadLayout: ClassReference("mx.controls.beads.layouts.DataGridLayout");
	columnClass: ClassReference("mx.controls.dataGridClasses.DataGridColumnList");
	columnContainerClass: ClassReference("mx.controls.dataGridClasses.DataGridButtonBar");
	columnLayoutClass: ClassReference("mx.controls.beads.layouts.DataGridHeaderLayout");
	listAreaClass: ClassReference("mx.controls.dataGridClasses.DataGridListArea");
	
	background-color: #FFFFFF;
	border: 1px solid #222222;
}

DataGridColumnList {
	IBeadModel: ClassReference("mx.controls.beads.models.DataGridColumnICollectionViewModel");
	IViewport: ClassReference("org.apache.royale.html.supportClasses.Viewport");
	IViewportModel: ClassReference("org.apache.royale.html.beads.models.ViewportModel");
	IBeadView:  ClassReference("mx.containers.beads.DataGridListListView");
	IBeadController:  ClassReference("mx.controls.dataGridClasses.DataGridSingleSelectionMouseController");
	IDataProviderItemRendererMapper: ClassReference("mx.controls.listClasses.DataItemRendererFactoryForICollectionViewData");
	IItemRendererClassFactory: ClassReference("mx.controls.beads.DataGridSelectableItemRendererClassFactory");
	IItemRendererInitializer: ClassReference("mx.controls.beads.DataGridItemRendererInitializer");
	IItemRenderer: ClassReference("mx.controls.dataGridClasses.DataGridItemRenderer");
	ISelectableItemRenderer: ClassReference("mx.controls.dataGridClasses.DataGridSelectableItemRendererBead");
	border-style: none;
	background-color: #FFFFFF;
}

DataGridListArea {
	background-color: #FFFFFF;
	IBeadLayout: ClassReference("org.apache.royale.html.beads.layouts.HorizontalLayout");
	IViewport: ClassReference("mx.controls.dataGridClasses.DataGridListAreaViewport");
	IViewportModel: ClassReference("org.apache.royale.html.beads.models.ViewportModel");
	flex-grow: 1;
}

DateChooser 
{
	IBeadView:   ClassReference("org.apache.royale.html.beads.DateChooserView");
	IBeadModel:  ClassReference("org.apache.royale.html.beads.models.DateChooserModel");			
	IBeadLayout: ClassReference("org.apache.royale.html.beads.layouts.VerticalFlexLayout");	
	IBeadController: ClassReference("org.apache.royale.html.beads.controllers.DateChooserMouseController");
	width:  200px;
	height: 240px;
}

DateField {
	IBeadView:   ClassReference("mx.controls.beads.DateFieldView");
	IBeadModel:  ClassReference("org.apache.royale.html.beads.models.DateChooserModel");
	IBeadController: ClassReference("org.apache.royale.html.beads.controllers.DateFieldMouseController");
	IFormatter: ClassReference("org.apache.royale.html.accessories.DateFormatMMDDYYYY");
	IPopUp: ClassReference("mx.controls.dateFieldClasses.DateFieldDateChooser");
}

DownloadButton
{
	border: solid 1px #000;
	text-decoration: none;
	white-space: nowrap;
}

FormItem
{
	IBeadView: ClassReference("mx.containers.beads.FormItemView");
	IContentView: ClassReference("mx.containers.beads.FormItemContainer");
	indicatorSkin: ClassReference("mx.supportClasses.FormItemRequired");
	indicatorGap: 14px;
}

containerBeads|FormItemContainer
{
	IViewport: ClassReference("org.apache.royale.html.supportClasses.Viewport");
}

containerBeads|PanelInternalContainer
{
	IBeadView: ClassReference("mx.containers.beads.PanelInternalContainerView");
}

HRule {
	stroke-width: 2px;
	stroke-color: #C4CCCC
}

Image
{
	IBeadModel: ClassReference("org.apache.royale.html.beads.models.ImageModel");
	IBeadView:  ClassReference("org.apache.royale.html.beads.ImageView");
}

List
{
	IBeadModel: ClassReference("mx.controls.beads.models.SingleSelectionICollectionViewModel");
	IBeadView:  ClassReference("org.apache.royale.html.beads.ListView");			
	IBeadController: ClassReference("mx.controls.listClasses.ListSingleSelectionMouseController");
	IBeadLayout: ClassReference("org.apache.royale.html.beads.layouts.VerticalLayout");
	IDataProviderItemRendererMapper: ClassReference("mx.controls.listClasses.DataItemRendererFactoryForICollectionViewData");
	IItemRendererClassFactory: ClassReference("org.apache.royale.core.SelectableItemRendererClassFactory");
	IItemRenderer: ClassReference("mx.controls.listClasses.ListItemRenderer");
	IItemRendererInitializer: ClassReference("mx.controls.beads.ListItemRendererInitializer");
	ISelectableItemRenderer: ClassReference("org.apache.royale.html.beads.SolidBackgroundSelectableItemRendererBead");
	IListPresentationModel: ClassReference("org.apache.royale.html.beads.models.ListPresentationModel");
	IViewport: ClassReference("org.apache.royale.html.supportClasses.ScrollingViewport");
	IViewportModel: ClassReference("org.apache.royale.html.beads.models.ViewportModel");
	
	background-color: #FFFFFF;
	border: 1px solid #222222;
	width: 200px;
	height: 200px;
}

ListItemRenderer
{
	IBeadController: ClassReference("org.apache.royale.html.beads.controllers.ItemRendererMouseController");
	padding-top: 4px;
	padding-bottom: 4px;
	flex-shrink: 0;
	flex-grow: 1;
	cursor: pointer;
}

MenuBar {
	IBeadModel: ClassReference("mx.controls.beads.models.MenuBarModel");
	IBeadView:  ClassReference("org.apache.royale.html.beads.ListView");			
	IBeadLayout: ClassReference("org.apache.royale.html.beads.layouts.HorizontalLayout");
	IContentView: ClassReference("org.apache.royale.html.supportClasses.DataGroup");
	IItemRenderer: ClassReference("mx.controls.menuClasses.MenuBarItemRenderer");			
	IBeadController: ClassReference("mx.controls.beads.controllers.MenuBarMouseController");
	IMenuFactory: ClassReference("mx.controls.menuClasses.CascadingMenuFactory");
	IDataProviderItemRendererMapper: ClassReference("mx.controls.menuClasses.MenuDataItemRendererFactoryForICollectionViewData");
	IItemRendererClassFactory: ClassReference("org.apache.royale.core.ItemRendererClassFactory");
	IItemRendererInitializer: ClassReference("org.apache.royale.html.beads.IndexedItemRendererInitializer");
	IViewport: ClassReference("org.apache.royale.html.supportClasses.Viewport");
	IViewportModel: ClassReference("org.apache.royale.html.beads.models.ViewportModel");
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	border-bottom: 1px solid #222222;
}

menu|MenuBarItemRenderer {
	margin-left: 10px;
	margin-right: 10px;
	cursor: pointer;
}

Menu {
	IMenu: ClassReference("mx.controls.Menu");
	IBeadModel: ClassReference("mx.controls.beads.models.CascadingMenuModel");
	IBeadController: ClassReference("mx.controls.beads.controllers.CascadingMenuSelectionMouseController");
	IItemRenderer: ClassReference("mx.controls.menuClasses.CascadingMenuItemRenderer");
	IBeadView:  ClassReference("org.apache.royale.html.beads.ListView");			
	IBeadLayout: ClassReference("org.apache.royale.html.beads.layouts.VerticalLayout");
	IDataProviderItemRendererMapper: ClassReference("mx.controls.listClasses.DataItemRendererFactoryForICollectionViewData");
	IItemRendererClassFactory: ClassReference("org.apache.royale.core.SelectableItemRendererClassFactory");
	IItemRendererInitializer: ClassReference("mx.controls.beads.ListItemRendererInitializer");
	ISelectableItemRenderer: ClassReference("org.apache.royale.html.beads.SolidBackgroundSelectableItemRendererBead");
	IListPresentationModel: ClassReference("org.apache.royale.html.beads.models.ListPresentationModel");
	IViewportModel: ClassReference("org.apache.royale.html.beads.models.ViewportModel");
	IViewport: ClassReference("org.apache.royale.html.supportClasses.Viewport");
	
	position: absolute;
	background-color: white;
	border-width: 1px;
	border-style: solid;
	border-color: #222222;
	box-shadow: 2px 2px 5px gray;
	cursor: auto;
}
MultiSelectionList
{
    IBeadModel: ClassReference("mx.controls.beads.models.ArrayMultiSelectionModel");
    IBeadView:  ClassReference("mx.controls.beads.MultiSelectionListView");            
    IBeadController: ClassReference("mx.controls.beads.controllers.ListMultiSelectionMouseController");
    IBeadLayout: ClassReference("org.apache.royale.html.beads.layouts.VerticalLayout");
    IDataProviderItemRendererMapper: ClassReference("org.apache.royale.html.beads.DataItemRendererFactoryForArrayData");
    IItemRendererClassFactory: ClassReference("mx.controls.beads.MultiSelectionItemRendererClassFactory");
    IItemRendererInitializer: ClassReference("org.apache.royale.html.beads.ListItemRendererInitializer");
    IItemRenderer: ClassReference("org.apache.royale.html.supportClasses.StringItemRenderer");
    ISelectableItemRenderer: ClassReference("org.apache.royale.html.beads.SolidBackgroundSelectableItemRendererBead");
    IViewport: ClassReference("org.apache.royale.html.supportClasses.ScrollingViewport");
    IViewportModel: ClassReference("org.apache.royale.html.beads.models.ViewportModel");
    IListPresentationModel: ClassReference("org.apache.royale.html.beads.models.ListPresentationModel");

}

NavBar
{
   paddingBottom: 1;
	paddingLeft: 1;
	paddingRight: 0;
	paddingTop: 1;
	horizontalGap: 6;
}

LinkBar {
	/* @todo restore this once rawChildren is working in LinkBar, otherwise selection indexing does not work
	separatorSkin : ClassReference("mx.skins.halo.LinkSeparator");
	*/
}

/*
MenuItemRenderer {
	margin-top: 4px;
	margin-left: 2px;
	margin-bottom: 2px;
	margin-right: 8px;
	cursor: pointer;
}

MenuItemRenderer
{
	IBeadController: ClassReference("org.apache.royale.html.beads.controllers.ItemRendererMouseController");
	height: 24;
	flex-shrink: 0;
	flex-grow: 1;
}

MenuBarItemRenderer
{
	IBeadController: ClassReference("org.apache.royale.html.beads.controllers.ItemRendererMouseController");
	height: 24;
	flex-shrink: 0;
	flex-grow: 1;
}
*/

NumericStepper
{
	IBeadModel: ClassReference("org.apache.royale.html.beads.models.DeferredRangeModel");
	IBeadView: ClassReference("mx.controls.beads.NumericStepperView");
	IBeadController: ClassReference("mx.controls.beads.NumericStepperController");
}

Panel
{
	IBeadModel: ClassReference("mx.containers.beads.models.PanelModel");
	IBeadView: ClassReference("mx.containers.beads.PanelView");
	IPanelLayout: ClassReference("mx.containers.beads.BoxLayout");
	IPanelContentArea: ClassReference("mx.containers.beads.PanelInternalContainer");	
	background-color: #FFFFFF;
	border-width: 1px;
	border: 1px solid #333333;
	verticalGap: 0px;
}

Panel .TitleBar
{
	border-bottom: 1px solid #333333;
}

.PanelContent
{
	background-color: #FFFFFF;
}

PanelTitleBar
{
	IBeadModel: ClassReference("org.apache.royale.html.beads.models.TitleBarModel");
	IBeadView: ClassReference("mx.controls.beads.TitleBarView");
	IBeadLayout: ClassReference("org.apache.royale.html.beads.layouts.FlexibleFirstChildHorizontalLayout");
	iMeasurementBead: ClassReference("org.apache.royale.html.beads.TitleBarMeasurementBead");
	background-color: #E2E2E2;
	height: 30px;
	flex-grow: 0;
	min-height: 30px;
    font-weight: bold;
	padding-left: 1px;
	padding-right: 1px;
	border-bottom: 1px solid #333333;
	display: flex /* added this because I don't see the layout bead working here, @todo investigate*/
}

PanelTitleBar .CloseButton {
	position: absolute;
	right: 5px;
	top: 5px;
	width: 16px;
	height: 16px;
}

pop|PopUpManagerModal
{
	-webkit-backdrop-filter: blur(1px);
	backdrop-filter: blur(1px);
	background: rgba(226, 226, 226, 0.2);
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
}

TabNavigator
{
	IBeadModel: ClassReference("org.apache.royale.html.beads.models.ArraySelectionModel");
	IBeadView: ClassReference("mx.containers.beads.TabNavigatorView");
	ITabNavigatorContentArea: ClassReference("mx.core.Container");
	IViewport: ClassReference("org.apache.royale.html.supportClasses.Viewport");
	verticalGap: 0;	
	background-color: #FFFFFF;
}

Slider
{
	dataTipOffset: 16;
	dataTipPrecision: 2;
	labelOffset: -10;
	showTrackHighlight: false;
	slideDuration: 300;
/*	thumbDisabledSkin: null
	thumbDownSkin: null */
	thumbOffset: 0;
/*	thumbOverSkin: null */
/*	thumbUpSkin: null */
	tickColor: #6F7777;
	tickOffset: -6;
	tickThickness: 1;
}

HSlider
{
	dataTipPlacement: "top";
	tickLength: 4;
}

VSlider
{
	dataTipPlacement: "left";
	tickLength: 4;
}


.TabNavigatorContent
{
	border: 1px solid #333333
}

ProgressBar
{
	IBeadView: ClassReference("mx.controls.beads.ProgressBarView");
}

TextInput
{
	border-color: #000000;
	border-width: 1px;
	background-color: #FFFFFF;
	font-size: 11px;
	font-family: Arial;
}

TinyEditor
{
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	background-color: #FFFFFF;
	font-size: 11px;
	font-family: Arial;
}

TinyEditor .__editor
{
	flex-grow: 1;
	overflow: auto;
}

TinyEditor .__toolbar-item
{
	padding: 0px;	
}

TinyEditor .__toolbar
{
	padding: 0px;	
}

TinyEditor .__wrapper
{
	display: flex;
	flex-direction: column-reverse;
	width: 100%;
	height: 100%;
}


Tree
{
	IBeadLayout: ClassReference("mx.controls.listClasses.ListVerticalLayout");
	IBeadModel: ClassReference("mx.controls.beads.models.SingleSelectionICollectionViewModel");
	IBeadController: ClassReference("mx.controls.treeClasses.TreeSingleSelectionMouseController");
	IDataProviderItemRendererMapper: ClassReference("mx.controls.treeClasses.DataItemRendererFactoryForICollectionViewHierarchicalData");
	IItemRendererInitializer: ClassReference("mx.controls.beads.TreeItemRendererInitializer");
	IItemRenderer: ClassReference("mx.controls.treeClasses.TreeItemRenderer");
}

TreeItemRenderer
{
	IBeadController: ClassReference("mx.controls.beads.TreeItemRendererMouseController");
	cursor: pointer;
}

ToggleButtonBar
{
	IBeadModel: ClassReference("org.apache.royale.html.beads.models.ButtonBarModel");
	IBeadView:  ClassReference("org.apache.royale.html.beads.ButtonBarView");			
	IBeadController: ClassReference("mx.controls.listClasses.ListSingleSelectionMouseController");
	IBeadLayout: ClassReference("org.apache.royale.html.beads.layouts.ButtonBarLayout");
	IDataProviderItemRendererMapper: ClassReference("org.apache.royale.html.beads.TextItemRendererFactoryForArrayData");
	IItemRendererInitializer: ClassReference("org.apache.royale.html.beads.ListItemRendererInitializer");
	IItemRendererClassFactory: ClassReference("org.apache.royale.core.SelectableItemRendererClassFactory");
	/* IItemRenderer: ClassReference("org.apache.royale.html.supportClasses.TextButtonItemRenderer"); */
	/* ISelectableItemRenderer: ClassReference("org.apache.royale.html.beads.SolidBackgroundSelectableItemRendererBead"); */
	IItemRenderer: ClassReference("org.apache.royale.html.supportClasses.TextButtonItemRenderer");
	ISelectableItemRenderer: ClassReference("org.apache.royale.html.beads.TextColorSelectableItemRendererBead");
	
	border-style: none;
}

ViewStack
{
	IBeadLayout: ClassReference("mx.containers.beads.BoxLayout");
	IViewport: ClassReference("org.apache.royale.html.supportClasses.Viewport");
}

VRule {
	stroke-width: 2px;
	stroke-color: #C4CCCC
}

charts|ChartBase
{
	dataTipRenderer : ClassReference("mx.charts.chartClasses.DataTip");           
	fontSize : 10;
	paddingTop : 0;
	paddingBottom : 0;
}

charts|CartesianChart
{
	axisColor : #D5DEDD;
	dataTipRenderer : ClassReference("mx.charts.chartClasses.DataTip");           
	fontSize : 10;
}

charts|PolarChart
{
	dataTipRenderer : ClassReference("mx.charts.chartClasses.DataTip");           
	fontSize : 10;
}

AreaChart
{
	axisColor : #D5DEDD;
	dataTipRenderer: ClassReference("mx.charts.chartClasses.DataTip");
	fontSize : 10;
	textAlign : "left";
}

AreaSeries
{
	adjustedRadius: 2;
	radius: 4;
}

/*
//--------------------------------
//  BarSeries
//--------------------------------
*/

BarSeries
{
	labelClass: ClassReference("spark.components.Label");
	labelSizeLimit : 9;
}

/*
//--------------------------------
//  BarChart
//--------------------------------
*/

BarChart
{
	labelClass: ClassReference("spark.components.Label");
	axisColor: #D5DEDD;
	barWidthRatio : 0.65;
	dataTipRenderer : ClassReference("mx.charts.chartClasses.DataTip");
	fontSize : 10;
	gridLinesStyleName : "horizontalGridLines";
	textAlign : "left";
}

BubbleSeries
{
	
}

BubbleChart
{
	axisColor : #D5DEDD;
	dataTipRenderer : ClassReference("mx.charts.chartClasses.DataTip");
	fontSize : 10;
	gridLinesStyleName : "bothGridLines";
	maxRadius : 50;
	minRadius : 0;
	textAlign : "left";
}

CandlestickSeries
{
	
}

CandlestickChart
{
	axisColor: #D5DEDD;
	columnWidthRatio : 0.65;
	dataTipRenderer : ClassReference("mx.charts.chartClasses.DataTip");
	fontSize : 10;
	textAlign : "left";
}

/*
//--------------------------------
//  ColumnSeries
//--------------------------------
*/

ColumnSeries
{
	labelClass: ClassReference("spark.components.Label");
	labelSizeLimit : 9;
}

/*
//--------------------------------
//  ColumnChart
//--------------------------------
*/

ColumnChart
{
	labelClass: ClassReference("spark.components.Label");
	axisColor : #D5DEDD;
	columnWidthRatio : 0.65;
	dataTipRenderer : ClassReference("mx.charts.chartClasses.DataTip");
	fontSize : 10;
	textAlign : "left";
}

HLOCSeries
{
	closeTickLength : 3;
	openTickLength: 3;
	hlocColor: 0;
}

HLOCChart
{
	axisColor : #D5DEDD;
	columnWidthRatio : 0.65;
	dataTipRenderer : ClassReference("mx.charts.chartClasses.DataTip");
	fontSize : 10;
	textAlign : "left";
}

LineSeries
{
	adjustedRadius: 2;
	radius : 4;
}

LineChart
{
	axisColor : #D5DEDD;
	dataTipRenderer : ClassReference("mx.charts.chartClasses.DataTip");
	fontSize : 10;
	textAlign : "left";
}

PlotSeries
{
	radius: 5;
	adjustedRadius : 2;
}

PlotChart
{
	axisColor : #D5DEDD;
	dataTipRenderer : ClassReference("mx.charts.chartClasses.DataTip");
	fontSize : 10;
	gridLinesStyleName : "bothGridLines";
	textAlign : "left";
}

PieSeries
{
	calloutGap : 10;
	innerRadius : 0;
	insideLabelSizeLimit : 9;
	labelPosition : "none";
	renderDirection : "counterClockwise";
	shadowDepth : 4;
}

PieChart
{
	dataTipRenderer: ClassReference("mx.charts.chartClasses.DataTip");
	fontSize : 10;
	innerRadius : 0;
	textAlign : "left";
}

/*
//--------------------------------
//  AxisRenderer
//--------------------------------
*/

AxisRenderer
{
	labelClass: ClassReference("spark.components.Label");
	canDropLabels : ClassReference(null);
	canStagger : true;
	labelGap : 3;
	labelRotation : NaN;
	minorTickLength : 0;
	minorTickPlacement : "none";
	showLabels : true;
	showLine : true;
	tickLength : 3;
	tickPlacement : "outside";
	labelAlign : "center";
	verticalAxisTitleAlignment:"flippedVertical";
}

.verticalAxisStyle
{
	minorTickLength : 2;
	minorTickPlacement : "outside";
	tickLength : 5;
}

.blockNumericAxis
{
	minorTickLength : 0;
	minorTickPlacement : "cross";
	tickLength : 8;
}

.linedNumericAxis
{
	minorTickLength : 4;
	minorTickPlacement : "outside";
	tickLength : 8;
}

.dashedNumericAxis
{
	minorTickLength : 4;
	minorTickPlacement : "outside";
	showLine : false;
	tickLength : 8;
}
.blockCategoryAxis
{
	minorTickLength : 0;
	minorTickPlacement : "none";
	tickLength : 0;
	tickPlacement : "cross";
}

.hangingCategoryAxis
{
	minorTickLength : 0;
	minorTickPlacement : "cross";
	tickLength : 4;
}

.dashedCategoryAxis
{
	minorTickPlacement : "none";
	tickLength : 0;
	tickPlacement : "cross";
}

GridLines
{
	gridDirection : "horizontal";
	horizontalShowOrigin : true;
	horizontalTickAligned : true;
	verticalShowOrigin : false;
	verticalTickAligned: true;
}

.horizontalGridLines
{
	gridDirection : "vertical";
	horizontalShowOrigin : false;
	horizontalTickAligned : true;
	verticalShowOrigin : true;
	verticalTickAligned: true;
}

RadioButton
{
	IBeadController:  ClassReference("mx.controls.beads.controllers.RadioButtonMouseController");			
}

TextArea
{
	resize: none;
}

.bothGridLines
{
	gridDirection : "both";
	horizontalShowOrigin : true;
	horizontalTickAligned: true;
	verticalShowOrigin : true;
	verticalTickAligned: true;
}

/*
//-------------------------------
//  LegendItem
//-------------------------------
*/

LegendItem
{
	fill: #000000;
	fontWeight: "bold";
	fontSize: 10;
	paddingLeft: 0;
	paddingRight: 0;
	paddingTop: 0;
	paddingBottom: 0;
}

/*
//-------------------------------
//  Legend
//-------------------------------
*/

Legend
{
	borderStyle: "none";
	horizontalGap: 20;
	maintainAspectRatio: true;
	paddingBottom: 5;
	paddingLeft: 5;
	paddingRight: 5;
	paddingTop: 5;
	verticalGap: 7;
}


/*
//-------------------------------
//  DataTip
//-------------------------------
*/

charts|DataTip
{
	backgroundColor: #FFFFFF;
}

/* -------------------------------------------------------
* SWF specific styles
* -------------------------------------------------------
*/

@media -royale-swf
{
	/* Global style declaration for Flash only.  This will effectively be the same
	   as the browser defaults */
	
	Alert
	{
		IBackgroundBead: ClassReference("org.apache.royale.html.beads.SolidBackgroundBead");
		IBorderBead: ClassReference("org.apache.royale.html.beads.SingleLineBorderBead");
	}
	
	Button
	{
		IBeadView: ClassReference("mx.controls.beads.CSSImageAndTextButtonView");
	}
	
	CheckBox
	{
		IBeadView:  ClassReference("mx.controls.beads.CheckBoxView");			
	}
	
	Container
	{
		IBackgroundBead: ClassReference("org.apache.royale.html.beads.SolidBackgroundBead");
		IBorderBead: ClassReference("org.apache.royale.html.beads.SingleLineBorderBead");
		IContentView: ClassReference("mx.containers.beads.supportClasses.ContainerContentArea");
	}
	
	DataGrid {
		IBackgroundBead: ClassReference("org.apache.royale.html.beads.SolidBackgroundBead");
		IBorderBead: ClassReference("org.apache.royale.html.beads.SingleLineBorderBead");
		font-size: 11px;
		font-family: Arial;
	}
	
	Label
	{
		IBeadModel: ClassReference("org.apache.royale.html.beads.models.TextModel");
		IBeadView: ClassReference("org.apache.royale.html.beads.TextFieldView");
		iMeasurementBead: ClassReference("org.apache.royale.html.beads.TextFieldLabelMeasurementBead");
	}
	
	List
	{
		iBackgroundBead: ClassReference("org.apache.royale.html.beads.SolidBackgroundBead");
		iBorderBead: ClassReference('org.apache.royale.html.beads.SingleLineBorderBead');
		iBorderModel: ClassReference('org.apache.royale.html.beads.models.SingleLineBorderModel');
		IContentView: ClassReference("org.apache.royale.html.supportClasses.DataGroup");
		font-size: 11px;
		font-family: Arial;
	}
	
	/*
	MenuItemRenderer
	{
		iBackgroundBead: ClassReference("org.apache.royale.html.beads.SolidBackgroundBead");
		iBorderBead: ClassReference('org.apache.royale.html.beads.SingleLineBorderBead');
		iBorderModel: ClassReference('org.apache.royale.html.beads.models.SingleLineBorderModel');
	}
	*/
	
	NumericStepper
	{
		iBorderBead: ClassReference('org.apache.royale.html.beads.SingleLineBorderBead');
		iBackgroundBead: ClassReference('org.apache.royale.html.beads.SolidBackgroundBead');
	}
	
	Panel
	{
		IContentView: ClassReference("mx.containers.beads.supportClasses.ContainerContentArea");
		IBorderBead: ClassReference("org.apache.royale.html.beads.SingleLineBorderBead");
		IBackgroundBead: ClassReference("org.apache.royale.html.beads.SolidBackgroundBead");    
	}
	
	RadioButton
	{
		IBeadModel: ClassReference("org.apache.royale.html.beads.models.ValueToggleButtonModel");
		IBeadView:  ClassReference("mx.controls.beads.RadioButtonView");			
		IBeadController:  ClassReference("mx.controls.beads.controllers.RadioButtonMouseController");			
	}
	
	TextArea
	{
		IBeadModel: ClassReference("org.apache.royale.html.beads.models.NonNullTextModel");
		IBeadView: ClassReference("org.apache.royale.html.beads.TextAreaView");
		IBeadController: ClassReference("org.apache.royale.html.beads.controllers.EditableTextKeyboardController");
		IBorderBead: ClassReference('org.apache.royale.html.beads.SingleLineBorderBead');
		IBorderModel: ClassReference('org.apache.royale.html.beads.models.SingleLineBorderModel');
		IBackgroundBead: ClassReference('org.apache.royale.html.beads.SolidBackgroundBead');
		border-style: solid;
		border-color: #000000;
		border-width: 1px;
		background-color: #FFFFFF;
		font-size: 11px;
		font-family: Arial;
	}
	
	TextInput
	{
		IBeadModel: ClassReference("org.apache.royale.html.beads.models.NonNullTextModel");
		IBeadView: ClassReference("org.apache.royale.html.beads.TextInputWithBorderView");
		IBeadController: ClassReference("org.apache.royale.html.beads.controllers.EditableTextKeyboardController");
		IBorderBead: ClassReference('org.apache.royale.html.beads.SingleLineBorderBead');
		IBackgroundBead: ClassReference('org.apache.royale.html.beads.SolidBackgroundBead');
		border-style: solid;
		border-color: #000000;
		border-width: 1px;
		background-color: #FFFFFF;
		font-size: 11px;
		font-family: Arial;
	}
	
	ToggleButtonBar
	{
		IContentView: ClassReference("org.apache.royale.html.supportClasses.DataGroup");
	}
	
	core|UITextField
	{
		IBeadModel: ClassReference("org.apache.royale.html.beads.models.TextModel");
		IBeadView: ClassReference("org.apache.royale.html.beads.TextFieldView");
		iMeasurementBead: ClassReference("org.apache.royale.html.beads.TextFieldLabelMeasurementBead");
	}


}
