/* CSS file */
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";
/*@namespace mx "library://ns.adobe.com/flex/halo";*/  

/*-----------1、全局选择：定制全局样式-----------*/
mx|Button s|Button{
	color: #FF0000;
}
/*-----------2、全局选择器：可在组件的属性里面指定样式类，然后在css中声明相应的样式类-----------*/
.myStyleClass{
	backgroundColor: #000000;
	color:#0000FF;
}




/*-----------3、ID选择：组件ID设置相应的组件样式-----------*/
#can01ID{
	backgroundColor: #0000FF;
}




/*-----------4、派生选择：类里面的组件ID来定义样式-----------*/
s|VGroup#vGroupID,mx|ProgressBar{
	color:#666666;
}




/*-----------5、状态选择：通过状态定义样式，只适用于Button组件-----------*/
s|Button:down{
	fontSize:20;
	color:#FF0000;
}

mx|Application,s|Application{
	fontSize:12;
}
global
{
	fontSize:12;
	
}
mx|ApplicationControlBar {
	shadowDistance: 3;
	cornerRadius: 0;
}
mx|Panel,s|Panel{
	headerHeight: 25;
	dropShadowEnabled: false;
	/*
	borderAlpha: 1;
	*/
	
}

.SharePanel{
	headerHeight: 25;
	dropShadowEnabled: false;
	/*
	borderAlpha: 1;
	*/
	
}

mx|Accordion,s|Accordion{
	headerStyleName: "myaccordionHeader";
}

.myaccordionHeader {
	fontSize: 12;
	fontWeight: normal;
}
mx|AccordionHeader
{
	fontSize:12;
}
mx|Alert,s|Alert{ 
	borderColor:#39C6EE; 
	borderAlpha:1; 
	borderThicknessLeft: 1;
	borderThicknessTop: 1;
	borderThicknessBottom: 1;
	borderThicknessRight: 1;
	
	roundedBottomCorners:false; 
	cornerRadius:5; 
	focusRoundedCorners:"bl br";
	headerHeight:23; 
	backgroundAlpha:1; 
	highlightAlphas:0,0; 
	dropShadowEnabled: false;
	paddingBottom:10;
	
	titleStyleName:"alertTitle"; 
	background-color:#DFF8FF;
	message-style-name:"messageStyle"; 
	headerColors: #52D7F6, #31C0EC;
	button-style-name:"AlertButtons"; 
	
	modalTransparency:0;  
	modal-transparency-blur:0; 
} 

.alertTitle 
{ 
	fontFamily:"宋体"; 
	fontSize:12; 
	color:#0B333C; 
	fontWeight:normal;
}   

.messageStyle 
{ 
	letterSpacing:0; 
	color:#666666; 
	textAlign:left; 
	fontFamily:"宋体"; 
	fontSize:12; 
	font-weight:normal;  
}   

.AlertButtons{ 
	
	cornerRadius:1; 
	highlightAlphas:1, 0; 
	fillAlphas:0.0,0.0,.0, .0; 
	fillColors: #ffffff, #B9EAF8, #B9EAF8, #ffffff;
	color:#2D8096; 
	textRollOverColor:#2D8096;
	borderColor:#39C6EE; 
	themeColor:#39C6EE; 
	fontFamily:Arial; 
	fontSize:12; 
	fontWeight:normal; 
	headerHeight: 20;
} 

mx|DataGrid,s|DataGrid{
	headerStyleName: "mydataGridHeaderStyle";
}

.mydataGridHeaderStyle {
	fontWeight: normal;
}
/*borderStyle errorTipRight、errorTipAbove、errorTipBelow,*/
mx|ToolTip,s|ToolTip{
	borderStyle: "errorTipRight";  
	borderColor:black;  
	backgroundColor: black;  
	backgroundAlpha: 0.8;  
	cornerRadius: 5;  
	color: white;  
	fontSize: 12;   
	paddingBottom:5;  
	paddingLeft:5;  
	paddingRight:5;  
	paddingTop:5;  
}

mx|TitleWindow,s|TitleWindow{
	borderColor: #39C6EE;
	borderAlpha: 1;
	borderThicknessLeft: 1;
	borderThicknessTop: 1;
	borderThicknessBottom: 1;
	borderThicknessRight: 1;
	cornerRadius: 5;
	headerHeight: 23;
	highlightAlphas: 0, 0;
	headerColors: #52D7F6, #31C0EC;
	footerColors: #f7f7f7, #f7f7f7;
	backgroundColor: #DFF8FF;
	dropShadowEnabled:false;
}
mx|PopUpButton,s|PopUpButton{
	arrowButtonWidth: 0;
}
mx|Menu,s|Menu{
	arrowButtonWidth: 0;
}
mx|ComboBox {
	arrowButtonWidth: 15;
	cornerRadius:3;
}

mx|HSlider,s|HSlider {
	chromeColor:#28A6C1;
}