style "templates"
{
	engine "experience"
	{

###############################################		
#####Button-Template
###############################################

		group "button-template"
		{
			function						= BOX
		
			fill 9 {		color			= bg[normal]
						brightness		= 0.03
						padding			= { 3, 3, 3, 3 } }
			
			image 10 {	file				= "images/button/button_base.png"
						border			= { 2, 2, 2, 2 }
						padding			= { 1, 1, 1, 1 }
						recolor "#ff0000"	= bg[normal]
						brightness		= 0.03
						draw_components	= BORDER
						interpolation_type	= NEAREST }
		
			image 20 {	file				= "images/button/button_relief.png"
						border			= { 3, 3, 3, 3 }
						recolor "#ff0000"	= "#000000"
						opacity			= 0.1
						draw_components	= BORDER
						interpolation_type	= NEAREST }
			
			image 30 {	file				= "images/button/button_relief.png"
						border			= { 3, 3, 3, 3 }
						recolor "#ff0000"	= "#ffffff"
						opacity			= 0.2
						rotate			= AROUND
						draw_components	= BORDER
						interpolation_type	= NEAREST }
		
			image 40 {	file				= "images/button/button_light.png"
						padding			= { 2, 2, 2, 2 }
						border			= { 6, 6, 6, 6 }
						recolor "#ff0000"	= bg[normal]
						brightness		= 0.2
						draw_components	= BORDER
						interpolation_type	= NEAREST }
			
			image 50 {	file				= "images/button/button_focus1.png"
						padding			= { 2, 2, 2, 2 }
						border			= { 3, 3, 3, 3 }
						recolor "#ff0000"	= "#ffa000"
						brightness		= 0.05
						draw_components	= BORDER
						interpolation_type	= NEAREST }
			
			image 60 {	file				= "images/button/button_focus2.png"
						padding			= { 2, 2, 2, 3 }
						border			= { 3, 3, 3, 2 }
						recolor "#ff0000"	= "#ffa000"
						brightness		= 0.25
						saturation		= 0.6
						draw_components	= BORDER }
			
			image 70 {	file				= "images/button/button_shadow.png"
						padding			= { 2, 2, 2, 2 }
						border			= { 2, 2, 2, 2 }
						recolor "#ff0000"	= bg[normal]
						brightness		= -0.15
						draw_components	= BORDER
						interpolation_type	= NEAREST }

			
			image 80 {	file				= "images/button/button_frame.png"
						padding			= { 1, 1, 1, 1 }
						border			= { 3, 3, 3, 3 }
						recolor "#ff0000"	= base[selected]
						brightness		= -0.3
						saturation		= 0.5
						draw_components	= BORDER
						interpolation_type	= NEAREST }
		}	
	

###############################################		
#####Arrows
###############################################	
	
		#### Arrow Left

		group "arrow_left_normal-template"
		{
			function     	   				= ARROW
			arrow_direction 				= LEFT
			state						= NORMAL
			dont_clip						= TRUE
			
			image 10 {	file				= "images/arrows/standard_arrow.png"
						opacity			= 0.5
						pos				= CENTER
						width			= 1 is
						height			= 1 is
						recolor "#ff0000"	= base[SELECTED]
						brightness		= -0.5
						saturation		= 0.9
						repeat			= { 1, 1, 1, 1 }
						dont_clip			= TRUE }
		}

		group "arrow_left_prelight-template" = "arrow_left_normal-template"
		 {
			state = PRELIGHT
			
			image 10 {	opacity			= 0.8
						brightness		= -0.2
						saturation		= 0.8 }
		}
		
		group "arrow_left_active-template" = "arrow_left_prelight-template"
		{
			state = ACTIVE
		}
		
		group "arrow_left_insensitive-template" = "arrow_left_normal-template" 
		{
			state = INSENSITIVE
			
			image 10 {	opacity			= 0.3 }
		}

	###Arrow Right

		group "arrow_right_normal-template" = "arrow_left_normal-template"
		{
			arrow_direction				= RIGHT
			rotate						= AROUND
		}

		group "arrow_right_prelight-template" = "arrow_left_prelight-template" 
		{
			arrow_direction				= RIGHT
			rotate						= AROUND
		}
		
		group "arrow_right_active-template" = "arrow_left_active-template"
		{
			arrow_direction				= RIGHT
			rotate						= AROUND
		}
		
		group "arrow_right_insensitive-template" = "arrow_left_insensitive-template" 
		{
			arrow_direction				= RIGHT
			rotate						= AROUND
		}


	###Arrow Up

		group "arrow_up_normal-template" = "arrow_left_normal-template"
		{
			arrow_direction				= UP
			rotate						= CW
		}

		group "arrow_up_prelight-template" = "arrow_left_prelight-template"
		 {
			arrow_direction				= UP
			rotate						= CW
		}
		
		group "arrow_up_active-template" = "arrow_left_active-template"
		 {
			arrow_direction				= UP
			rotate						= CW
		}
		
		group "arrow_up_insensitive-template" = "arrow_left_insensitive-template" 
		{
			arrow_direction				= UP
			rotate						= CW
		}
		
	###Arrow Down

		group "arrow_down_normal-template" = "arrow_left_normal-template" 
		{
			arrow_direction				= DOWN
			rotate						= CCW
		}

		group "arrow_down_prelight-template" = "arrow_left_prelight-template"
		{
			arrow_direction				= DOWN
			rotate						= CCW
		}
		
		group "arrow_down_active-template" = "arrow_left_active-template"
		{
			arrow_direction				= DOWN
			rotate						= CCW
		}
		
		group "arrow_down_insensitive-template" = "arrow_left_insensitive-template"
		{
			arrow_direction				= DOWN
			rotate						= CCW
		}
		
###############################################		
#####Focuskiller
###############################################			
		
		group "focuskiller"
		{
			function						= FOCUS
		}
	}

}
