/*
Breeze by EffectiveUI. 
Copyright (c) 2008 www.effectiveui.com

Permission is hereby granted, free of charge, to any person obtaining a copy of
this software and associated documentation files (the "Software"), to deal in
the Software without restriction, including without limitation the rights to
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
of the Software, and to permit persons to whom the Software is furnished to do
so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
*/
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";
/*
//------------------------------
//
// **global
//
//------------------------------
*/
global 
{
 	font-family: Arial;
 	font-size: 12pt;
 	/*color:#253766;*/
	color:#000000;
   	cornerRadius: 5;
   	highlightAlphas: 0.35, 0.23;
   	fillAlphas: 0.41, 0.4;
   	fillColors: #ffffff, #86abe2;
   	themeColor: #b7c3ff;
	
	
}

/*
//------------------------------
//
// **Accordian
//
//------------------------------
*/
mx|Accordion {
	themeColor: #FF0000;
   backgroundColor: #F9FBFF;
   	dropShadowEnabled: true;
   	shadowDistance: 0;
   	dropShadowColor: #343437;
}

s|Accordion {
	themeColor: #b7c3ff;
	backgroundColor: #F9FBFF;
	dropShadowEnabled: true;
	shadowDistance: 0;
	dropShadowColor: #343437;
}



/*
//------------------------------
//
// **Alert
//
//------------------------------
*/
mx|Alert,s|Alert
{
	button-style-name: "Button";
	border-thickness: 0;
	background-color: #e0e4e9;
	border-color: #e0e4e9;
 	font-family: Arial;
 	font-size: 14pt;
 	/*color:#253766;*/
	color: #000000;
}

/*
//------------------------------
//
// **Application
//
//------------------------------
*/
s|Application
{
	background-color: #e0e4e9;
	
}

mx|Application
{
	
	background-color: #e0e4e9 ;

}

mx|Canvas
{
	background-color: #e0e4e9 ;
}

/*
//------------------------------
//
// **ButtonBar
//
//------------------------------
*/
mx|ButtonBar
{
	
	buttonStyleName: "buttonBarButton";
	firstButtonStyleName: "buttonBarFirstButton";
	lastButtonStyleName: "buttonBarLastButton";
	
}

s|ButtonBar
{
	
	buttonStyleName: "buttonBarButton";
	firstButtonStyleName: "buttonBarFirstButton";
	lastButtonStyleName: "buttonBarLastButton";
	
}

.buttonBarButton
{
	borderColor: #9cacb7;
	
}
.buttonBarFirstButton
{
	borderColor: #9cacb7;
}
.buttonBarLastButton
{
	borderColor: #9cacb7;
	
}


/* 
//------------------------------ 
//  ButtonBar 
//------------------------------ 
*/ 


mx|ToggleButtonBar 
{ 
	buttonStyleName: "buttonBarButton"; 
	firstButtonStyleName: "buttonBarButton"; 
	lastButtonStyleName: "buttonBarButton";
}

s|ToggleButtonBar 
{ 
	buttonStyleName: "buttonBarButton"; 
	firstButtonStyleName: "buttonBarButton"; 
	lastButtonStyleName: "buttonBarButton";
}

/* 
//------------------------------ 
//  ButtonBarButtons 
//------------------------------ 
*/ 

.buttonBarButton 
{
	disabledSkin:ClassReference("skin.TabNavigatorUnSelected");
	downSkin:ClassReference("skin.TabNavigatorSelected");
	overSkin:ClassReference("skin.TabNavigatorUnSelected");
	selectedDisabledSkin:ClassReference("skin.TabNavigatorSelected");
	selectedDownSkin:ClassReference("skin.TabNavigatorSelected");
	selectedOverSkin:ClassReference("skin.TabNavigatorSelected");
	selectedUpSkin:ClassReference("skin.TabNavigatorSelected");
	upSkin:ClassReference("skin.TabNavigatorUnSelected");
}



/*
.buttonBarButton 
{ 
	disabledSkin: Embed(source="yflexskin.swf", symbol="ButtonBar_buttonDisabledSkin"); 
	downSkin: Embed(source="yflexskin.swf", symbol="ButtonBar_buttonDownSkin"); 
	overSkin: Embed(source="yflexskin.swf", symbol="ButtonBar_buttonOverSkin"); 
	selectedDisabledSkin: Embed(source="yflexskin.swf", symbol="ButtonBar_buttonSelectedDisabledSkin"); 
	selectedDownSkin: Embed(source="yflexskin.swf", symbol="ButtonBar_buttonSelectedUpSkin"); 
	selectedOverSkin: Embed(source="yflexskin.swf", symbol="ButtonBar_buttonSelectedUpSkin");
	selectedUpSkin: Embed(source="yflexskin.swf", symbol="ButtonBar_buttonSelectedUpSkin");
	upSkin: Embed(source="yflexskin.swf", symbol="ButtonBar_buttonUpSkin"); 
}
*/
/*
//------------------------------
//
// **CheckBox
//
//------------------------------
*/
mx|CheckBox
{
   iconColor: #025376;
}

s|CheckBox
{
	iconColor: #025376;
}

/*
//------------------------------
//
// **ColorPicker
//
//------------------------------
*/

mx|ColorPicker
{
	icon-color: #025376;
}


s|ColorPicker
{
	icon-color: #025376;
}


/*
//------------------------------
//
// **ComboBox
//
//------------------------------
*/


mx|ComboBox
{
	selectionColor: #dce2e9;
   	rollOverColor: #E4E8F9;
}

s|ComboBox
{
	selectionColor: #dce2e9;
	rollOverColor: #E4E8F9;
}

/*
//------------------------------
//
// **DataGrid
//
//------------------------------
*/
mx|DataGrid
{
   	backgroundColor: #F9FBFF;
   	dropShadowEnabled: true;
   	shadowDistance: 0;
   	dropShadowColor: #343437;
   	headerColors: #e2e8ef, #bbcbe2;
   	alternating-item-colors: #f3f5fb, #ffffff;
	headerStyleName:"centered";
}


s|DataGrid
{
	backgroundColor: #F9FBFF;
	dropShadowEnabled: true;
	shadowDistance: 0;
	dropShadowColor: #343437;
	headerColors: #e2e8ef, #bbcbe2;
	alternating-item-colors: #f3f5fb, #ffffff;
	headerStyleName:"centered";
}

.centered { 
	text-align: center; 
} 


/*
//------------------------------
//
// **DateChooser
//
//------------------------------
*/

mx|DateChooser
{
   	headerColors: #e3e1eb, #c3c7dd;
   	highlightAlphas: 0.7, 0.3;
   	todayColor: #b3c4db;
   	rollOverColor: #ffffff;
   	selectionColor: #a7c0de;
   	backgroundAlpha: 1;
   	backgroundColor: #e8ecf2;
   	dropShadowEnabled: true;
   	shadowDistance: 0;
   	dropShadowColor: #343437;
}

s|DateChooser
{
	headerColors: #e3e1eb, #c3c7dd;
	highlightAlphas: 0.7, 0.3;
	todayColor: #b3c4db;
	rollOverColor: #ffffff;
	selectionColor: #a7c0de;
	backgroundAlpha: 1;
	backgroundColor: #e8ecf2;
	dropShadowEnabled: true;
	shadowDistance: 0;
	dropShadowColor: #343437;
}

/*
//------------------------------
//
// **DateField
//
//------------------------------
*/

mx|DateField
{
	date-chooser-style-name: "DateChooser";
}

s|DateField
{
	date-chooser-style-name: "DateChooser";
}

/*
//------------------------------
//
// **HorizontalList
//
//------------------------------
*/
mx|HorizontalList
{
	selectionColor: #E4E8F9;
   	rollOverColor: #E4E8F9;
   	backgroundColor: #F9FBFF;
   	dropShadowEnabled: true;
   	shadowDistance: 0;
   	dropShadowColor: #343437;
}

s|HorizontalList
{
	selectionColor: #E4E8F9;
	rollOverColor: #E4E8F9;
	backgroundColor: #F9FBFF;
	dropShadowEnabled: true;
	shadowDistance: 0;
	dropShadowColor: #343437;
}

/*
//------------------------------
//
// **HScrollBar
//
//------------------------------
*/

mx|HScrollBar
{
	cornerRadius: 2;
	thumbOffset: 1;
	trackColors: #e2e3e8, #ffffff;
}

s|HScrollBar
{
   cornerRadius: 2;
   thumbOffset: 1;
   trackColors: #e2e3e8, #ffffff;
}

/*
//------------------------------
//
// **HSlider
//
//------------------------------
*/
mx|HSlider 
{
   labelOffset: -6;
   thumbOffset: -2;
   dataTipOffset: 2;
   tickLength: 2;
   tickThickness: 1;
   showTrackHighlight: true;
   invertThumbDirection: false;
   themeColor: #b7c3ff;
   fillAlphas: 0.39, 0.4, 0.75, 0.65;
}
s|HSlider 
{
	labelOffset: -6;
	thumbOffset: -2;
	dataTipOffset: 2;
	tickLength: 2;
	tickThickness: 1;
	showTrackHighlight: true;
	invertThumbDirection: false;
	themeColor: #b7c3ff;
	fillAlphas: 0.39, 0.4, 0.75, 0.65;
}
/*
//------------------------------
//
// **LinkBar
//
//------------------------------
*/
mx|LinkBar
{
   rollOverColor: #E4E8F9;
   selectionColor: #E4E8F9;
}

s|LinkBar
{
	rollOverColor: #E4E8F9;
	selectionColor: #E4E8F9;
}

/*
//------------------------------
//
// **List
//
//------------------------------
*/
mx|List
{
	selectionColor: #E4E8F9;
   	rollOverColor: #E4E8F9;
   	backgroundColor: #F9FBFF;
   	dropShadowEnabled: true;
   	shadowDistance: 0;
   	dropShadowColor: #343437;
}

s|List
{
	selectionColor: #E4E8F9;
	rollOverColor: #E4E8F9;
	backgroundColor: #F9FBFF;
	dropShadowEnabled: true;
	shadowDistance: 0;
	dropShadowColor: #343437;
}

/*
//------------------------------
//
// **Menu
//
//------------------------------
*/
mx|Menu
{
/*	selectionColor: #E4E8F9;*/
   	rollOverColor: #E4E8F9;
   	backgroundColor: #F9FBFF;
}

s|Menu
{
	selectionColor: #E4E8F9;
	rollOverColor: #E4E8F9;
	backgroundColor: #F9FBFF;
}

/*
//------------------------------
//
// **MenuBar
//
//------------------------------
*/
mx|MenuBar
{
	fill-colors: #e2e8ef, #bbcbe2;
   	dropShadowEnabled: true;
   	shadowDistance: 0;
   	dropShadowColor: #343437;
}

s|MenuBar
{
	fill-colors: #e2e8ef, #bbcbe2;
	dropShadowEnabled: true;
	shadowDistance: 0;
	dropShadowColor: #343437;
}

/*
//------------------------------
//
// **Panel, TitleWindow, Alert
//
//------------------------------
*/
mx|Panel
{
	background-color: #e0e4e9 ;
	border-color: #bababa;
	border-thickness:1;
	border-style: solid;
	
	header-colors: #ffffff, #86abe2;
	header-height: 20;
	border-thickness-top: 10;
}

mx|TitleWindow
{
	background-color: #e0e4e9 ;
	border-color: #bababa;
	border-thickness:1;
	border-style: solid;
	
	header-colors: #ffffff, #86abe2;
	header-height: 20;
	border-thickness-top: 10;
	
/*	titleIcon:ClassReference("StyleClass.Assets.mainpic.cross");*/
}


mx|Alert
{
	background-color: #e0e4e9 ;
	border-color: #bababa;
	border-thickness:1;
	border-style: solid;
	
	header-colors: #ffffff, #86abe2;
	header-height: 20;
	border-thickness-top: 10;
}


s|Panel,
s|TitleWindow,
s|Alert
{
	background-color: #e0e4e9 ;
	border-color: #bababa;
	border-thickness:1;
	border-style: solid;
	
	headercolors: #ffffff, #86abe2;
	headerHeight: 20;
	border-thickness-top: 10;
}


/*
//------------------------------
//
// **RadioButton
//
//------------------------------
*/
mx|RadioButton,s|RadioButton
{
   iconColor: #025376;
}

/*
//------------------------------
//
// **TabBar
//
//------------------------------
*/
mx|TabBar,s|TabBar
{
	tabStyleName: "tabBarTab";
	firstTabStyleName: "tabBarTab";
	lastTabStyleName: "tabBarTab";
	selected-tab-text-style-name: "selectedTab";
	padding-left: 10;
}

/*
//------------------------------
//
// **TabNavigator
//
//------------------------------
*/
/*
mx|TabNavigator,s|TabNavigator
{
   tabStyleName: "myTabs";
   firstTabStyleName: "myTabs";
   lastTabStyleName: "myTabs";
   selectedTabTextStyleName: "mySelectedTabs";
   horizontal-gap: 1;
   background-color: #F4f7fc;
   cornerRadius: 10;
   
}

.myTabs {
   	backgroundAlpha: 1;
   	backgroundColor: #F4f7fc;
   	borderColor: #9cacb7;
	cornerRadius: 10;
}
*/

mx|TabNavigator{
	
	tabHeight:25;
	/*
	tabWidth:105;
	*/
	paddingTop:0;
	
	paddingLeft:1;
	
	horizontalGap:3;
	
	tabStyleName:"myTab";
	
	firstTabStyleName:"myTab";
	
	lastTabStyleName: "myTab";
	
	borderVisible:false;
	
	background-color: #F4f7fc;
}

.myTab{
	
	fontFamily:宋体;
	
	fontSize:12;
	/*
	fontWeight:bold;
	*/
	up-skin:ClassReference("skin.TabNavigatorUnSelected");
	
	down-skin:ClassReference("skin.TabNavigatorSelected");
	
	over-skin:ClassReference("skin.TabNavigatorUnSelected");
	
	disabled-skin:ClassReference("skin.TabNavigatorUnSelected");
	
	selected-up-skin:ClassReference("skin.TabNavigatorSelected");
	
	selected-down-skin:ClassReference("skin.TabNavigatorSelected");
	
	selected-over-skin:ClassReference("skin.TabNavigatorSelected");
	
	selected-disabled-skin:ClassReference("skin.TabNavigatorSelected");
	
}







/*
//------------------------------
//
// **TextArea
//
//------------------------------
*/

mx|TextArea,s|TextArea 
{
	padding-top: 2;
	padding-left:2;
	padding-right: 1;
	padding-bottom: 2;
}

/*
//------------------------------
//
// **TileList
//
//------------------------------
*/
mx|TileList,s|TileList
{
   	dropShadowEnabled: true;
   	shadowDistance: 0;
   	dropShadowColor: #343437;
	
	background-color: #e0e4e9 ;
	
	contentBackgroundAlpha:0.2;

}

/*
//------------------------------
//
// **ToolTip
//
//------------------------------
*/
mx|ToolTip,s|ToolTip
{
   backgroundColor: #C6E2FF;
   fontSize:14;
   
   
}

/*
//------------------------------
//
// **Tree
//
//------------------------------
*/
mx|Tree,s|Tree
{
   backgroundColor: #f9fbff;
   alternatingItemColors: #f9f3fe, #ffffff;
   depthColors: #f3f5fb, #ffffff, #ffffff, #ffffff;
   rollOverColor: #E4E8F9;
   selectionColor: #E4E8F9;
   dropShadowEnabled: true;
   shadowDistance: 0;
   dropShadowColor: #343437;
}

/*
//------------------------------
//
// **VScrollBar
//
//------------------------------
*/
mx|VScrollBar,s|VScrollBar
{
   cornerRadius: 0;
   thumbOffset: 1;
   trackColors: #e2e3e8, #ffffff;
}

/*
//------------------------------
//
// **VSlider
//
//------------------------------
*/
mx|VSlider,s|VSlider
{
   labelOffset: -6;
   thumbOffset: -2;
   dataTipOffset: 2;
   tickLength: 2;
   tickThickness: 1;
   showTrackHighlight: true;
   invertThumbDirection: false;
   themeColor: #b7c3ff;
   fillAlphas: 0.39, 0.4, 0.75, 0.65;
}

