/* CSS file - Standard Stylesheet */




/* Core Flex Components */







/* Banner */
	
.BannerCanvas10
{
   borderStyle: solid;
   borderColor: #FFFFFF;
   borderThickness: 1;
   cornerRadius: 5;
   backgroundAlpha: 0.6;
   backgroundColor: #000000;
   dropShadowEnabled: true;
   shadowDirection: right;
   shadowDistance: 5;
}

.BannerRule
{
	strokeColor: #3C84D0;
	shadowColor: #2F6AA9;
	strokeWidth: 1;
}

.BannerTitle
{
	fontFamily: Arial;
	fontSize: 18;
	fontWeight: normal;
	color: #FFFFFF;
}

.BannerSubtitle
{
	fontFamily: Arial;
	fontSize: 12;
	fontWeight: bold;
	color: #FFFFFF;
}

.BannerStatus
{
	fontFamily: Arial;
	fontSize: 9;
	fontWeight: bold;
	color: #C8C8C8;
}

.BannerCopyright
{
	fontFamily: Arial;
	fontSize: 9;
	color: #C8C8C8;
}


/* Controller */

.ControllerCanvas
{
   borderStyle: solid;
   borderColor: #FFFFFF;
   borderThickness: 1;
   cornerRadius: 5;
   backgroundAlpha: 0.6;
   backgroundColor: #000000;
   dropShadowEnabled: true;
   shadowDirection: right;
   shadowDistance: 5;
}
		
.ControllerRule
{
	strokeColor: #FFFFFF;
	strokeWidth: 1;
}

.ControllerTitle
{
	fontFamily: Arial;
	fontSize: 12;
	fontWeight: bold;
	color: #FFFFFF;
}

.ControllerLinkButton
{
	cornerRadius: 4;
	paddingLeft: 4;
	paddingRight: 4;
	rollOverColor: #222222;
	selectionColor: #222222;
	color: #FFFFFF;
	textRollOverColor: #FFFFFF;
	textSelectedColor: #FFFFFF;
	fontFamily: Arial;
	fontSize: 11;
	fontWeight: bold;
}

.ControllerRoundButton
{
	cornerRadius: 10;
	paddingLeft: 0;
	paddingRight: 0;
	rollOverColor: #6E6E6E;
	selectionColor: #6E6E6E;
	color: #FFFFFF;
	width: 16;
	height: 16;
}

.ControllerBreak
{
	strokeColor: #000000;
	shadowColor: #FFFFFF;
	strokeWidth: 2;
}

.MenuBox
{
	backgroundColor: #000000;
	backgroundAlpha: 0;	
}

.MenuBoxActive
{
	backgroundColor: #000000;
	backgroundAlpha: 0.6;	
}

.MenuItem
{
	color: #FFFFFF;
	fontFamily: Arial;
	fontSize: 11;
	fontWeight: bold;
}


/* Widget */

.WidgetCanvas
{
   borderStyle: solid;
   borderColor: #FFFFFF;
   borderThickness: 1;
   cornerRadius: 5;
   backgroundAlpha: 0.6;
   backgroundColor: #000000;
   dropShadowEnabled: true;
   shadowDirection: right;
   shadowDistance: 5;
   horizontalScrollPolicy: off;
   verticalScrollPolicy:off;
}

.WidgetContent
{
   backgroundAlpha: 0.6;
   backgroundColor: #000000;
   paddingLeft: 5;
   paddingRight: 5;
   paddingTop: 5;
   paddingBottom: 5;
}

.WidgetTitle
{
	fontFamily: Arial;
	fontSize: 12;
	fontWeight: bold;
	color: #FFFFFF;
}

.WidgetRule
{
	strokeColor: #000000;
	shadowColor: #FFFFFF;
}

.WidgetText
{
	fontFamily: Arial;
	fontSize: 11;
	fontWeight: bold;
	color: #FFFFFF;
}


/* About */

.AboutTitle
{
	fontFamily: Arial;
	fontSize: 18;
	fontWeight: bold;
	color: #FFFFFF;
}

.AboutSubtitle
{
	fontFamily: Arial;
	fontSize: 14;
	fontWeight: bold;
	color: #FFFFFF;
}

.AboutVersion
{
	fontFamily: Arial;
	fontSize: 12;
	fontWeight: normal;
	color: #3FC1D8;
}

.AboutDescription
{
	fontFamily: Arial;
	fontSize: 11;
	fontWeight: normal;
	color: #FFFFFF;
}


/* Info Popup */

.InfoCanvas
{
   borderStyle: solid;
   borderColor: #FFFFFF;
   borderAlpha: 1;
   borderThickness: 1;
   cornerRadius: 4;
   backgroundAlpha: 0.7;
   backgroundColor: #000000;
   dropShadowEnabled: true;
   shadowDirection: right;
   shadowDistance: 5;
   horizontalScrollPolicy: off;
   verticalScrollPolicy:off;
}

.InfoTitle
{
	fontFamily: Arial;
	fontSize: 11;
	fontWeight: bold;
	color: #FFFFFF;
}

.InfoText
{
	fontFamily: Arial;
	fontSize: 10;
	color: #FFFFFF;
}


/* Record */

.RecordCanvas
{
   borderStyle: solid;
   borderColor: #6E6E6E;
   borderAlpha: 0.5;
   borderThickness: 1;
   cornerRadius: 4;
   backgroundColor: #737373;
}

.RecordText
{
	fontFamily: Arial;
	fontSize: 10;
	color: #FFFFFF;
}

.RoundButton
{
	cornerRadius: 10;
	paddingLeft: 0;
	paddingRight: 0;
	rollOverColor: #6E6E6E;
	selectionColor: #6E6E6E;
	color: #FFFFFF;
	width: 16;
	height: 16;
}


/* Scrollbar */

VScrollBar {
	  downArrowUpSkin: 
	Embed(source="com/esri/solutions/flexviewer/assets/images/scrollbar/arrow_down.png");
	  downArrowOverSkin: 
	Embed(source="com/esri/solutions/flexviewer/assets/images/scrollbar/arrow_down.png");
	  downArrowDownSkin: 
	Embed(source="com/esri/solutions/flexviewer/assets/images/scrollbar/arrow_down.png");
	  upArrowUpSkin: 
	Embed(source="com/esri/solutions/flexviewer/assets/images/scrollbar/arrow_up.png");
	  upArrowOverSkin: 
	Embed(source="com/esri/solutions/flexviewer/assets/images/scrollbar/arrow_up.png");
	  upArrowDownSkin: 
	Embed(source="com/esri/solutions/flexviewer/assets/images/scrollbar/arrow_up.png");
	  thumbDownSkin: 
	Embed(source="com/esri/solutions/flexviewer/assets/images/scrollbar/thumb.png");
	  thumbUpSkin: 
	Embed(source="com/esri/solutions/flexviewer/assets/images/scrollbar/thumb.png");
	  thumbOverSkin: 
	Embed(source="com/esri/solutions/flexviewer/assets/images/scrollbar/thumb.png");
	   trackSkin:
	Embed(source="com/esri/solutions/flexviewer/assets/images/scrollbar/track.png");
	   fillAlphas:
	   0,0,0,0;
}
				
HScrollBar {
	  downArrowUpSkin: 
	Embed(source="com/esri/solutions/flexviewer/assets/images/scrollbar/arrow_down.png");
	  downArrowOverSkin: 
	Embed(source="com/esri/solutions/flexviewer/assets/images/scrollbar/arrow_down.png");
	  downArrowDownSkin: 
	Embed(source="com/esri/solutions/flexviewer/assets/images/scrollbar/arrow_down.png");
	  upArrowUpSkin: 
	Embed(source="com/esri/solutions/flexviewer/assets/images/scrollbar/arrow_up.png");
	  upArrowOverSkin: 
	Embed(source="com/esri/solutions/flexviewer/assets/images/scrollbar/arrow_up.png");
	  upArrowDownSkin: 
	Embed(source="com/esri/solutions/flexviewer/assets/images/scrollbar/arrow_up.png");
	  thumbDownSkin: 
	Embed(source="com/esri/solutions/flexviewer/assets/images/scrollbar/thumb.png");
	  thumbUpSkin: 
	Embed(source="com/esri/solutions/flexviewer/assets/images/scrollbar/thumb.png");
	  thumbOverSkin: 
	Embed(source="com/esri/solutions/flexviewer/assets/images/scrollbar/thumb.png");
	   trackSkin:
	Embed(source="com/esri/solutions/flexviewer/assets/images/scrollbar/track.png");
	   fillAlphas:
		0,0,0,0;
}

/* Navigation in Flex API */

Navigation
{
    borderStyle: "solid";
    borderThickness: 0;
    horizontalAlign: "center";
    cornerRadius: 5;
    backgroundAlpha: 0.1;
    backgroundColor: #000000;
    paddingLeft: 3;
    paddingRight: 4;
    paddingTop: 1;
    paddingBottom: 1;    
    top: 100;
    left: 20;
}

NavigationSlider
{
    showScaleInDataTip: true;
    dataTipPlacement: "right";
    tickColor: #FFFFFF;
    tickLength: 1;
    tickOffset: -3;
    tickThickness: 1;
}


/* Print */

.PrintBox
{
	backgroundColor: #FFFFFF;
	backgroundAlpha: 1;
}

.PrintTitle
{
	fontFamily: Arial;
	fontSize: 18;
	fontWeight: normal;
	color: #000000;
}

.PrintSubtitle
{
	fontFamily: Arial;
	fontSize: 12;
	fontWeight: bold;
	color: #000000;
}

.PrintCopyright
{
	fontFamily: Arial;
	fontSize: 9;
	color: #000000;
}


/* Error Window */

.ErrorMessage
{
    borderThickness: 0; 
    backgroundAlpha: 1; 
    color: #FFFFFF;
    fontSize: 12;
}

.ErrorWindow {
   borderColor: #000000;
   borderAlpha: 0.5;
   borderThicknessLeft: 10;
   borderThicknessTop: 0;
   borderThicknessBottom: 10;
   borderThicknessRight: 10;
   roundedBottomCorners: true;
   backgroundAlpha: 0.8;
   backgroundColor: #000000;
   shadowDirection: right;
   titleStyleName: "ErrorTitle";
}

.ErrorTitle 
{
   color: #FFFFFF;
}
