/*
* Global Component Style definition
*/
Application {
fontFamily:"Verdana";
font-size: 10;
backgroundColor: #ffffff;
backgroundGradientColors:#ffffff, #ffffff;
backgroundGradientAlphas: 1, 1;
themeColor: #999999;
color: #000000;
}
.globalMapBackground
{
backgroundColor: #94bee8;
}
Accordion {
borderStyle: solid;
highlightAlphas: 0.79, 0.2;
fillAlphas: 1, 1, 1, 1;
fillColors: #e0e0e0, #ffffff, #e0e0e0, #ffffff;
backgroundColor: #ffffff;
borderColor: #999999;
dropShadowEnabled: false;
headerStyleName: "myaccordionHeader";
}
.myaccordionHeader {
fontWeight: bold;
font-size: 11;
}
Button {
cornerRadius: 5;
textIndent: 0;
highlightAlphas: 1, 0.32;
fillAlphas: 1, 1, 1, 1;
fillColors: #cccccc, #ffffff, #cccccc, #ffffff;
borderColor: #999999;
}
.vdcButton
{
fontSize: 11;
fontWeight: bold;
upSkin: Embed("css/btnskin/disable.png", scaleGridLeft="5", scaleGridRight="10", scaleGridTop="5", scaleGridBottom="10");
overSkin: Embed("css/btnskin/over.png", scaleGridLeft="5", scaleGridRight="10", scaleGridTop="5", scaleGridBottom="10");
downSkin: Embed("css/btnskin/down.png", scaleGridLeft="5", scaleGridRight="10", scaleGridTop="5", scaleGridBottom="10");
}
.upButton
{
upSkin: Embed("icon/up.png", scaleGridLeft="5", scaleGridRight="10", scaleGridTop="5", scaleGridBottom="10");
overSkin: Embed("icon/up.png", scaleGridLeft="5", scaleGridRight="10", scaleGridTop="5", scaleGridBottom="10");
downSkin: Embed("icon/up_down.png", scaleGridLeft="5", scaleGridRight="10", scaleGridTop="5", scaleGridBottom="10");
}
.downButton
{
upSkin: Embed("icon/down.png", scaleGridLeft="5", scaleGridRight="10", scaleGridTop="5", scaleGridBottom="10");
overSkin: Embed("icon/down.png", scaleGridLeft="5", scaleGridRight="10", scaleGridTop="5", scaleGridBottom="10");
downSkin: Embed("icon/down_down.png", scaleGridLeft="5", scaleGridRight="10", scaleGridTop="5", scaleGridBottom="10");
}
.leftButton
{
upSkin: Embed("icon/left.png", scaleGridLeft="5", scaleGridRight="10", scaleGridTop="5", scaleGridBottom="10");
overSkin: Embed("icon/left.png", scaleGridLeft="5", scaleGridRight="10", scaleGridTop="5", scaleGridBottom="10");
downSkin: Embed("icon/left_down.png", scaleGridLeft="5", scaleGridRight="10", scaleGridTop="5", scaleGridBottom="10");
}
.rightButton
{
upSkin: Embed("icon/right.png", scaleGridLeft="5", scaleGridRight="10", scaleGridTop="5", scaleGridBottom="10");
overSkin: Embed("icon/right.png", scaleGridLeft="5", scaleGridRight="10", scaleGridTop="5", scaleGridBottom="10");
downSkin: Embed("icon/right_down.png", scaleGridLeft="5", scaleGridRight="10", scaleGridTop="5", scaleGridBottom="10");
}
.centerButton
{
upSkin: Embed("icon/center.png", scaleGridLeft="5", scaleGridRight="10", scaleGridTop="5", scaleGridBottom="10");
overSkin: Embed("icon/center.png", scaleGridLeft="5", scaleGridRight="10", scaleGridTop="5", scaleGridBottom="10");
downSkin: Embed("icon/center_down.png", scaleGridLeft="5", scaleGridRight="10", scaleGridTop="5", scaleGridBottom="10");
}
.zoonInButton
{
upSkin: Embed("icon/zoomin.png", scaleGridLeft="5", scaleGridRight="10", scaleGridTop="5", scaleGridBottom="10");
overSkin: Embed("icon/zoomin.png", scaleGridLeft="5", scaleGridRight="10", scaleGridTop="5", scaleGridBottom="10");
downSkin: Embed("icon/zoomin_d.png", scaleGridLeft="5", scaleGridRight="10", scaleGridTop="5", scaleGridBottom="10");
}
.zoonOutButton
{
upSkin: Embed("icon/zoomout.png", scaleGridLeft="5", scaleGridRight="10", scaleGridTop="5", scaleGridBottom="10");
overSkin: Embed("icon/zoomout.png", scaleGridLeft="5", scaleGridRight="10", scaleGridTop="5", scaleGridBottom="10");
downSkin: Embed("icon/zoonout_d.png", scaleGridLeft="5", scaleGridRight="10", scaleGridTop="5", scaleGridBottom="10");
}
CheckBox {
highlightAlphas: 1, 0.24;
fillAlphas: 1, 1, 1, 1;
fillColors: #aaaaaa, #ffffff, #aaaaaa, #ffffff;
borderColor: #999999;
}
ColorPicker {
swatchBorderColor: #000000;
swatchGridBackgroundColor: #000000;
swatchHighlightColor: #ffffff;
}
ComboBox {
cornerRadius: 6;
borderColor: #999999;
highlightAlphas: 1, 0.32;
fillAlphas: 1, 1, 1, 1;
fillColors: #cccccc, #ffffff, #cccccc, #ffffff;
selectionColor: #df8712;
textSelectedColor: #ffffff;
rollOverColor: #f4c000;
alternatingItemColors: #ffffff, #ffffff;
fontWeight: normal;
}
DataGrid {
backgroundColor: #ffffff;
headerColors: #e0e0e0, #ffffff;
rollOverColor: #f4c000;
borderColor: #999999;
selectionColor: #df8712;
textSelectedColor: #ffffff;
headerStyleName: "mydataGridHeaderStyle";
}
.mydataGridHeaderStyle {
font-weight:bold;
font-size: 11;
}
DateChooser {
cornerRadius: 10;
headerColors: #cccccc, #000000;
highlightAlphas: 1, 0.32;
fillAlphas: 1, 1, 1, 1;
fillColors: #000000, #ffffff, #000000, #ffffff;
todayColor: #ff6600;
rollOverColor: #eeeeee;
selectionColor: #999999;
borderColor: #999999;
dropShadowEnabled: true;
shadowDirection: right;
headerStyleName: "mydateChooserHeaderStyle";
todayStyleName: "mydateChooserTodayStyle";
nextMonthSkin: Embed("css/btnskin/right_s.png");
prevMonthSkin: Embed("css/btnskin/left_s.png");
nextYearSkin : Embed("css/btnskin/right_s.png");
prevYearSkin : Embed("css/btnskin/left_s.png");
}
.mydateChooserHeaderStyle {
color: #ffffff;
fontSize: 11;
font-weight:bold;
}
.mydateChooserTodayStyle {
color: #ffffff;
}
LinkButton {
fontSize: 11;
fontWeight: bold;
rollOverColor: #c5e6f9;
selectionColor: #e7a749;
textRollOverColor: #000000;
textSelectedColor: #ffffff;
}
/*************for File Depot******************/
.LinkButton1 {
fontSize: 8;
rollOverColor: #c5e6f9;
selectionColor: #e7a749;
textRollOverColor: #000000;
textSelectedColor: #ffffff;
}
List {
backgroundColor: #ffffff;
rollOverColor: #f4c000;
textRollOverColor: #000000;
borderColor: #999999;
selectionColor: #df8712;
textSelectedColor: #ffffff;
}
NumericStepper {
highlightAlphas: 1, 0.32;
fillAlphas: 1, 1, 1, 1;
fillColors: #aaaaaa, #ffffff, #aaaaaa, #ffffff;
}
RadioButton {
highlightAlphas: 1, 0.24;
fillAlphas: 1, 1, 1, 1;
fillColors: #aaaaaa, #ffffff, #aaaaaa, #ffffff;
borderColor: #999999;
}
/************************* TabNavigator *******************************/
TabNavigator {
cornerRadius: 0;
paddingLeft: 0;
tabStyleName: "myTabs";
}
.myTabs {
cornerRadius: 6;
highlightAlphas: 1, 0.32;
fillAlphas: 1, 1;
fillColors: #cccccc, #ffffff;
fontWeight: bold;
font-size: 11;
}
.tabSkin
{
color:#cccccc;
fontWeight:bold;
fontSize: 11;
textRollOverColor:#ffffff;
overSkin: Embed("css/btnskin/overT.png");
upSkin: Embed("css/btnskin/upT.png");
downSkin: Embed("css/btnskin/upT.png");
selectionIndicatorSkin: Embed("css/btnskin/downT.png");
selectedUpSkin: Embed("css/btnskin/downT.png");
selectedOverSkin: Embed("css/btnskin/downT.png");
}
.tabText
{
color:#ffffff;
fontWeight:bold;
fontSize: 11;
textSelectedColor:#ffffff;
textRollOverColor:#ffffff;
}
.tabSkinRP
{
font-size:11;
font-weight:bold;
skin:Embed('css/btnskin/tt.png');
}
.tabSkinRP1
{
font-size:11;
font-weight:bold;
skin:Embed('css/btnskin/uu2.png');
}
/*********************************************************************/
TextArea {
borderStyle: solid;
borderColor: #999999;
}
TextInput {
borderStyle: solid;
borderColor: #999999;
}
ToolTip {
backgroundAlpha: 0.9;
cornerRadius: 6;
backgroundColor: #ff6633;
}
/************************** Tree ******************************/
Tree {
backgroundColor: #ffffff;
rollOverColor: #f4c000;
textRollOverColor: #000000;
borderColor: #999999;
selectionColor: #df8712;
textSelectedColor: #ffffff;
}
.treeGroup{
default-leaf-icon:Embed('icon/usergroup(close).png');
}
.treeUser{
default-leaf-icon:Embed('icon/user(close).png');
}
/****************************************************************/
ScrollBar {
trackColors: #dfe0e3, #ffffff;
borderColor : #ffffff;
thumbUpSkin:Embed(source='css/btnskin/thum_up_skin.png', scaleGridLeft=8, scaleGridRight=9, scaleGridTop=11,scaleGridBottom=12);
thumbOverSkin:Embed(source='css/btnskin/thum_over_skin.png', scaleGridLeft=8, scaleGridRight=9, scaleGridTop=11,scaleGridBottom=12);
thumbDownSkin:Embed(source='css/btnskin/thum_over_down.png', scaleGridLeft=8, scaleGridRight=9, scaleGridTop=11,scaleGridBottom=12);
upArrowSkin:Embed(source='css/btnskin/scroll_arrow_up_up.png');
upArrowDownSkin:Embed(source='css/btnskin/scroll_arrow_up_over.png');
upArrowOverSkin:Embed(source='css/btnskin/scroll_arrow_up_over.png');
downArrowSkin:Embed(source='css/btnskin/scroll_arrow_down_up.png');
downArrowDownSkin:Embed(source='css/btnskin/scroll_arrow_down_over.png');
downArrowOverSkin:Embed(source='css/btnskin/scroll_arrow_down_over.png');
}
HRule {
strokeColor: #e1e1e1;
shadowColor: #ffffff;
strokeWidth: 1;
showEffect:Inner;
}
VRule{
strokeColor: #e1e1e1;
shadowColor: #ffffff;
strokeWidth: 1;
showEffect:Inner;
}
/***************************** PopupWindow **********************************/
Panel {
titleBackgroundSkin: Embed('css/btnskin/popskinB.png');
borderAlpha: 1;
borderColor: #333333;
borderThicknessLeft: 2;
borderThicknessBottom: 2;
borderThicknessRight: 2;
borderThicknessTop : 0;
backgroundColor: #F6F6F6;
shadowDistance: 4;
shadowDirection: right;
dropShadowColor: #000000;
cornerRadius :5;
headerHeight: 25;
paddingLeft: 5;
paddingRight: 5;
paddingBottom: 5;
titleStyleName: "mypanelTitle";
}
.mypanelTitle {
font-size:12;
color:#eeeeee;
fontWeight:bold;
}
TitleWindow{
horizontalScrollPolicy: "off";
verticalScrollPolicy: "off";
closeButtonUpSkin: Embed('css/btnskin/close1.png');
closeButtonOverSkin: Embed('css/btnskin/close2.png');
closeButtonDownSkin: Embed('css/btnskin/close3.png');
}
Alert {
backgroundColor: #F6F6F6;
borderColor: #333333;
paddingLeft: 5;
paddingRight: 5;
paddingBottom: 10;
paddingTop: 10;
letterSpacing : 0.5;
verticalGap : 15;
messageStyleName: "myMessageStyle";
buttonStyleName: "vdcButton";
}
.myMessageStyle{
fontWeight: bold;
font-size: 11;
color: #000000;
}
/************************* Form ******************************/
Form{
paddingTop: 0;
paddingBottom : 0;
paddingLeft: 0;
paddingRight: 0;
labelWidth : 200;
horizontalScrollPolicy: "off";
verticalScrollPolicy: "off";
}
FormItem{
labelStyleName : "itemLable";
}
FormHeading{
fontWeight: bold;
font-size: 18;
paddingTop: 0;
}
.formHeadStyle{
fontWeight: bold;
font-size: 11;
paddingTop: 0;
}
.innerForm{
paddingTop: 15;
paddingBottom : 0;
paddingLeft: 0;
paddingRight: 0;
labelWidth: 100;
}
.innerForm2{
paddingTop: 15;
paddingBottom : 0;
paddingLeft: 0;
paddingRight: 0;
labelWidth: 150;
}
/**********************for GraphItem*************************/
.innerForm3{
paddingTop: 20;
paddingBottom : 0;
paddingLeft: 0;
paddingRight: 0;
labelWidth: 180;
}
.innerForm4{
paddingTop: 0;
paddingBottom : 0;
paddingLeft: 0;
paddingRight: 0;
labelWidth: 100;
}
/************************* Client ************************/
.AlignButton
{
cornerRadius :8;
highlightAlphas :1,0.32;
fillAlphas :1,1,1,1;
fillColors :#4d4948,#000000;
focusThickness :10;
borderColor :#999999;
dropShadow:true;
shadowDistance:1;
fontWeight:normal;
}
.AlignWindowText
{
fontSize: 12;
}
.messageBox
{
cornerRadius:16;
borderStyle:solid;
backgroundColor:#ffffff;
backgroundAlpha:0.5;
borderThickness:0;
borderColor:#000000;
alpha:1;
}
.toolbarBox{
backgroundColor: #FFFFFF;
shadowDirection: "center";
shadowDistance: 2;
borderStyle: "solid";
dropShadowColor: #B19E9E;
dropShadowEnabled: true;
borderColor: #FFFFFF;
verticalScrollPolicy: "off";
horizontalScrollPolicy: "off";
}
.dragList{
textSelectedColor: #000000;
}
/***************************** Text Style ***********************/
.title
{
fontWeight: bold;
font-size: 18;
}
.itemLable
{
fontWeight: bold;
font-size: 11;
}
.systemMessage
{
fontSize: 12;
fontWeight: bold;
color: #004080;
}
.loginFont
{
font-weight:bold;
font-size:15;
color:#ff0000;
}
.linkStyle
{
font-size:10;
text-decoration:underline;
}
.linkStyle1
{
font-size:10;
}
.ip
{
font-size:11;
color:#777799;
text-align:center;
}
.linkStyleOver
{
font-size:11;
color:#FEA62a;
text-decoration:underline;
}
.windowInfoText
{
font-size:9;
color:#0B333C;
fontWeight: bold;
}
/*************************** Box ********************************/
.listBox{
paddingBottom: 0;
paddingLeft: 0;
paddingTop: 0;
paddingRight: 0;
}