<!-- Copyright 2008 Sodium Interactive. All Rights Reserved. -->

<Theme>
	<Skin id="Button">
		<state id="init">
			<RoundRect name="background" radius="4" left="0" right="0" top="0" bottom="0">
				<GradientFill colors="[#BBBBBB,#444444]" ratios="[0,255]" alphas="[1,1]"/>
			</RoundRect>
			<Text name="field" center="0" middle="0" autoSize="left"/>
		</state>
		<state id="up">
			<RoundRect name="background"  alpha="1">
				<GradientFill colors="[#BBBBBB,#444444]"/>
			</RoundRect>
		</state>
		<state id="down">
			<RoundRect name="background">
				<GradientFill colors="[#444444,#BBBBBB]"/>
			</RoundRect>
		</state>
	</Skin>
	<Skin id="CheckBox">
		<state id="init">
			<RoundRect name="background" radius="2" width="14" height="14" middle="0">
				<GradientFill colors="[#BBBBBB,#444444]" ratios="[0,255]" alphas="[1,1]"/>
			</RoundRect>
			<Polygon name="check" alpha="0" points="[{x:0,y:4},{x:1,y:3},{x:3,y:5},{x:7,y:1},{x:8,y:2},{x:3,y:7},{x:0,y:4}]" width="8" height="8" middle="0" left="3">
				<SolidFill color="#000000"/>
			</Polygon>
			<Text name="field" left="20" middle="0" autoSize="left"/>
		</state>
		<state id="up">
			<RoundRect name="background"  alpha="1">
				<GradientFill colors="[#BBBBBB,#444444]"/>
			</RoundRect>
			<Polygon name="check" alpha="0"/>
		</state>
		<state id="down">
			<RoundRect name="background">
				<GradientFill colors="[#444444,#BBBBBB]"/>
			</RoundRect>
		</state>
		<state id="selectedUp">
			<RoundRect name="background"  alpha="1">
				<GradientFill colors="[#BBBBBB,#444444]"/>
			</RoundRect>
			<Polygon name="check" alpha="1"/>
		</state>
		<state id="selectedDown">
			<RoundRect name="background">
				<GradientFill colors="[#444444,#BBBBBB]"/>
			</RoundRect>
		</state>
	</Skin>
	<Skin id="ColorChooser">
		<state id="init">
			<RoundRect name="background" radius="4" left="0" right="0" top="0" bottom="0">
				<SolidFill color="#FFFFFF"/>
			</RoundRect>
			<RoundRectComplex name="valueBackground" topLeftRadius="2" top="2" left="2" height="20" width="30">
				<CheckerFill color1="#FFFFFF" color2="#CCCCCC" size="5"/>
			</RoundRectComplex>
			<RoundRectComplex name="valueOuput" topLeftRadius="2" top="2" left="2" height="20" width="30">
				<SolidFill color="#000000"/>
			</RoundRectComplex>
			<Text name="field" left="34" width="80" y="2"/>
			<NumberSlider name="alphaInput" width="56" height="20" top="2" right="2"/>
			<Element name="pallette" left="2" right="2" top="24" bottom="3"/>
			<Element name="selector" width="5" height="5">
				<Rect left="0" top="0" right="0" bottom="0">
					<SolidLine color="#FFFFFF"/>
				</Rect>
			</Element>
		</state>
	</Skin>
	<Skin id="ColorInput">
		<state id="init">
			<RoundRectComplex name="valueBackground" topLeftRadius="4" bottomLeftRadius="4" left="0" right="20" top="0" bottom="0">
				<CheckerFill color1="#FFFFFF" color2="#CCCCCC" size="5"/>
			</RoundRectComplex>
			<RoundRectComplex name="valueOutput" topLeftRadius="4" bottomLeftRadius="4" left="0" right="18" top="0" bottom="0">
				<SolidFill color="#FFFFFF"/>
			</RoundRectComplex>
			<RoundRectComplex name="background" topRightRadius="4" bottomRightRadius="4" width="18" right="0" top="0" bottom="0">
				<GradientFill colors="[#BBBBBB,#444444]" ratios="[0,255]" alphas="[1,1]"/>
			</RoundRectComplex>
			<Polygon name="arrow" points="[{x:0,y:0},{x:6,y:0},{x:3,y:4},{x:0,y:0}]" middle="0" right="6" width="6" height="4">
				<SolidFill color="#000000"/>
			</Polygon>
		</state>
		<state id="up">
			<RoundRect name="background">
				<GradientFill colors="[#BBBBBB,#444444]"/>
			</RoundRect>
		</state>
		<state id="down">
			<RoundRect name="background">
				<GradientFill colors="[#444444,#BBBBBB]"/>
			</RoundRect>
		</state>
	</Skin>
	<Skin id="ComboInput">
		<state id="init">
			<RoundRectComplex name="fieldBackground" topLeftRadius="4" bottomLeftRadius="4" left="0" right="18" top="0" bottom="0">
				<SolidFill color="#EFEFEF"/>
			</RoundRectComplex>
			<RoundRectComplex name="background" topRightRadius="4" bottomRightRadius="4" width="18" right="0" top="0" bottom="0">
				<GradientFill colors="[#BBBBBB,#444444]" ratios="[0,255]" alphas="[1,1]"/>
			</RoundRectComplex>
			<Polygon name="arrow" points="[{x:0,y:0},{x:6,y:0},{x:3,y:4},{x:0,y:0}]" middle="0" right="6" width="6" height="4">
				<SolidFill color="#000000"/>
			</Polygon>
			<Text name="field" left="4" right="20" middle="0"/>
		</state>
		<state id="up">
			<RoundRect name="background"  alpha="1">
				<GradientFill colors="[#BBBBBB,#444444]"/>
			</RoundRect>
		</state>
		<state id="down">
			<RoundRect name="background">
				<GradientFill colors="[#444444,#BBBBBB]"/>
			</RoundRect>
		</state>
	</Skin>
	<Skin id="DateChooser">
		<state id="init">
			<RoundRect name="background" radius="4" left="0" right="0" top="0" bottom="0">
				<SolidFill color="#FFFFFF"/>
			</RoundRect>
			<RoundRectComplex name="header" topLeftRadius="4" topRightRadius="4" left="0" right="0" height="24">
				<SolidFill color="#EEEEEE"/>
			</RoundRectComplex>
			<Text name="field" left="24" right="24" y="2">
				<Format align="center"/>
			</Text>
			<Button name="previous" width="18" height="18" left="3" top="3">
				<Polygon name="arrow" points="[{x:4,y:0},{x:0,y:3},{x:4,y:6},{x:4,y:0}]" center="0" middle="0" width="4" height="6">
					<SolidFill color="#000000"/>
				</Polygon>
			</Button>
			<Button name="next" width="18" height="18" right="3" top="3">
				<Polygon name="arrow" points="[{x:0,y:0},{x:4,y:3},{x:0,y:6},{x:0,y:0}]" center="0" middle="0" width="4" height="6">
					<SolidFill color="#000000"/>
				</Polygon>
			</Button>
		</state>
	</Skin>
	<Skin id="DateInput">
		<state id="init">
			<RoundRectComplex name="fieldBackground" topLeftRadius="4" bottomLeftRadius="4" left="0" right="18" top="0" bottom="0">
				<SolidFill color="#EFEFEF"/>
			</RoundRectComplex>
			<RoundRectComplex name="background" topRightRadius="4" bottomRightRadius="4" width="18" right="0" top="0" bottom="0">
				<GradientFill colors="[#BBBBBB,#444444]" ratios="[0,255]" alphas="[1,1]"/>
			</RoundRectComplex>
			<Polygon name="arrow" points="[{x:0,y:0},{x:6,y:0},{x:3,y:4},{x:0,y:0}]" middle="0" right="6" width="6" height="4">
				<SolidFill color="#000000"/>
			</Polygon>
			<Text name="field" left="4" right="20" middle="0"/>
		</state>
		<state id="up">
			<RoundRect name="background">
				<GradientFill colors="[#BBBBBB,#444444]"/>
			</RoundRect>
		</state>
		<state id="down">
			<RoundRect name="background">
				<GradientFill colors="[#444444,#BBBBBB]"/>
			</RoundRect>
		</state>
	</Skin>
	<Skin id="NumberSlider">
		<state id="init">
			<RoundRectComplex name="fieldBackground" topLeftRadius="4" bottomLeftRadius="4" left="0" right="18" top="0" bottom="0">
				<SolidFill color="#EFEFEF"/>
			</RoundRectComplex>
			<RoundRectComplex name="background" topRightRadius="4" bottomRightRadius="4" width="18" right="0" top="0" bottom="0">
				<GradientFill colors="[#BBBBBB,#444444]" ratios="[0,255]" alphas="[1,1]"/>
			</RoundRectComplex>
			<Polygon name="arrow" points="[{x:0,y:0},{x:6,y:0},{x:3,y:4},{x:0,y:0}]" middle="0" right="6" width="6" height="4">
				<SolidFill color="#000000"/>
			</Polygon>
			<Text name="field" left="4" right="20" middle="0"/>
		</state>
		<state id="up">
			<RoundRect name="background"  alpha="1">
				<GradientFill colors="[#BBBBBB,#444444]"/>
			</RoundRect>
		</state>
		<state id="down">
			<RoundRect name="background">
				<GradientFill colors="[#444444,#BBBBBB]"/>
			</RoundRect>
		</state>
	</Skin>
	<Skin id="NumberStepper">
		<state id="init">
			<RoundRectComplex name="fieldBackground" topLeftRadius="4" bottomLeftRadius="4" left="0" right="18" top="0" bottom="0">
				<SolidFill color="#EFEFEF"/>
			</RoundRectComplex>
			<Text name="field" left="4" right="20" middle="0" type="input"/>
			<ButtonBase name="increase" width="18" height="11" right="0" top="0" skinID="StepperButtonIncrease">
				<Polygon name="arrow" points="[{x:0,y:3},{x:5,y:3},{x:2.5,y:0},{x:0,y:3}]" center="0" middle="0" width="5" height="3">
					<SolidFill color="#000000"/>
				</Polygon>
			</ButtonBase>
			<ButtonBase name="decrease" width="18" height="11" right="0" bottom="0" skinID="StepperButtonDecrease">
				<Polygon name="arrow" points="[{x:0,y:0},{x:5,y:0},{x:2.5,y:3},{x:0,y:0}]" center="0" middle="0" width="5" height="3">
					<SolidFill color="#000000"/>
				</Polygon>
			</ButtonBase>
		</state>
	</Skin>
	<Skin id="StepperButtonIncrease">
		<state id="init">
			<RoundRectComplex name="background" topRightRadius="4" left="0" right="0" top="0" bottom="0">
				<GradientFill colors="[#BBBBBB,#444444]" ratios="[0,255]" alphas="[1,1]"/>
			</RoundRectComplex>
		</state>
		<state id="up">
			<RoundRectComplex name="background">
				<GradientFill colors="[#BBBBBB,#444444]"/>
			</RoundRectComplex>
		</state>
		<state id="down">
			<RoundRectComplex name="background">
				<GradientFill colors="[#444444,#BBBBBB]"/>
			</RoundRectComplex>
		</state>
	</Skin>
	<Skin id="StepperButtonDecrease">
		<state id="init">
			<RoundRectComplex name="background" bottomRightRadius="4" left="0" right="0" top="0" bottom="0">
				<GradientFill colors="[#BBBBBB,#444444]" ratios="[0,255]" alphas="[1,1]"/>
			</RoundRectComplex>
		</state>
		<state id="up">
			<RoundRectComplex name="background">
				<GradientFill colors="[#BBBBBB,#444444]"/>
			</RoundRectComplex>
		</state>
		<state id="down">
			<RoundRectComplex name="background">
				<GradientFill colors="[#444444,#BBBBBB]"/>
			</RoundRectComplex>
		</state>
	</Skin>
	<Skin id="RadioButton">
		<state id="init">
			<Circle name="background" width="14" height="14" radius="7" middle="0">
				<GradientFill colors="[#BBBBBB,#444444]" ratios="[0,255]" alphas="[1,1]"/>
			</Circle>
			<Circle name="dot" alpha="0" width="6" height="6" radius="3" middle="0" left="4">
				<SolidFill color="#000000"/>
			</Circle>
			<Text name="field" left="20" middle="0" autoSize="left"/>
		</state>
		<state id="up">
			<Circle name="background"  alpha="1">
				<GradientFill colors="[#BBBBBB,#444444]"/>
			</Circle>
			<Circle name="dot" alpha="0"/>
		</state>
		<state id="down">
			<Circle name="background">
				<GradientFill colors="[#444444,#BBBBBB]"/>
			</Circle>
		</state>
		<state id="selectedUp">
			<Circle name="background"  alpha="1">
				<GradientFill colors="[#BBBBBB,#444444]"/>
			</Circle>
			<Circle name="dot" alpha="1"/>
		</state>
		<state id="selectedDown">
			<Circle name="background">
				<GradientFill colors="[#444444,#BBBBBB]"/>
			</Circle>
		</state>
	</Skin>
	<Skin id="ScrollBar">
		<state id="init">
			<Button name="track" left="0" right="0" top="19" bottom="19" skinID="ScrollBarTrack"/>
			<Button name="scrollUp" left="0" right="0" width="18" height="18" top="0" skinID="ScrollBarButton">
				<Polygon name="arrow" points="[{x:0,y:3},{x:5,y:3},{x:2.5,y:0},{x:0,y:3}]" center="0" middle="0" width="5" height="3">
					<SolidFill color="#000000"/>
				</Polygon>
			</Button>
			<Button name="grip" left="0" right="0" width="18" height="18" y="19" skinID="ScrollBarButton"/>
			<Button name="scrollDown" left="0" right="0" width="18" height="18" bottom="0" skinID="ScrollBarButton">
				<Polygon name="arrow" points="[{x:0,y:0},{x:5,y:0},{x:2.5,y:3},{x:0,y:0}]" center="0" middle="0" width="5" height="3">
					<SolidFill color="#000000"/>
				</Polygon>
			</Button>
		</state>
	</Skin>
	<Skin id="ScrollBarButton">
		<state id="init">
			<Rect name="background" left="0" right="0" top="0" bottom="0">
				<GradientFill colors="[#BBBBBB,#444444]" ratios="[0,255]" alphas="[1,1]"/>
			</Rect>
		</state>
		<state id="up">
			<Rect name="background">
				<GradientFill colors="[#BBBBBB,#444444]"/>
			</Rect>
		</state>
		<state id="down">
			<Rect name="background">
				<GradientFill colors="[#444444,#BBBBBB]"/>
			</Rect>
		</state>
	</Skin>
	<Skin id="ScrollBarTrack">
		<state id="init">
			<Rect name="background" left="0" right="0" top="0" bottom="0">
				<SolidFill color="#FFFFFF" alpha="0.1"/>
			</Rect>
		</state>
	</Skin>
	<Skin id="ScrollPane">
		<state id="init">
			<Rect name="background" left="0" right="0" top="0" bottom="0">
				<SolidFill color="#FFFFFF"/>
			</Rect>
		</state>
	</Skin>
	<Skin id="Slider">
		<state id="init">
			<RoundRect name="background" radius="2" width="18" right="0" top="0" bottom="0">
				<GradientFill colors="[#BBBBBB,#444444]" ratios="[0,255]" alphas="[1,1]">
					<FillMatrix rotation="0"/>
				</GradientFill>
			</RoundRect>
			<RoundRect name="track" radius="2" width="4" center="0" top="4" bottom="4">
				<GradientFill colors="[#000000,#000000]" ratios="[0,255]" alphas="[0.2,0.4]">
					<FillMatrix rotation="0"/>
				</GradientFill>
			</RoundRect>
			<Button name="grip" center="0" width="14" height="8" y="4" skinID="SliderButton"/>
		</state>
	</Skin>
	<Skin id="SliderButton">
		<state id="init">
			<RoundRect name="background" radius="2" left="0" right="0" top="0" bottom="0">
				<GradientFill colors="[#BBBBBB,#444444]" ratios="[0,255]" alphas="[1,1]"/>
			</RoundRect>
		</state>
		<state id="up">
			<RoundRect name="background">
				<GradientFill colors="[#BBBBBB,#444444]"/>
			</RoundRect>
		</state>
		<state id="down">
			<RoundRect name="background">
				<GradientFill colors="[#444444,#BBBBBB]"/>
			</RoundRect>
		</state>
	</Skin>
	<Skin id="TextInput">
		<state id="init">
			<RoundRect name="background" radius="4" left="0" right="0" top="0" bottom="0">
				<SolidFill color="#EFEFEF"/>
			</RoundRect>
			<Text name="field" left="4" right="4" middle="0"/>
		</state>
	</Skin>
	<Skin id="TextArea">
		<state id="init">
			<RoundRect name="background" radius="4" left="0" right="0" top="0" bottom="0">
				<SolidFill color="#EFEFEF"/>
			</RoundRect>
			<Text name="field" left="4" right="4" top="2" bottom="2"/>
		</state>
	</Skin>
</Theme>