#####################################################################
#NOTEBOOKS
#####################################################################

style "notebook"
{

	bg[NORMAL]							= "#F8F7EF"
	bg[ACTIVE]							= "#F8F7EF"
	bg[INSENSITIVE]						= "#F8F7EF"
	base[INSENSITIVE]						= "#F8F7EF"
	

	engine "experience" 
	{
	
		group "notebook_frame_top" = "notebook_extension_top_normal"
		{
			function					= BOX
			gap_side					= TOP
			dont_clip					= TRUE
			property "has-focus"				= dont_inherit
			padding					= { 3, 3, 0, 3}
						
			image 8 {		padding			= { 0, -2, 0, -2}}	
			fill 9 {		padding			= { -1, -1, -1, -1}}	
			image 80 {	file				= "images/shadows/in.png"
						interpolation_type	= NEAREST
						draw_components		= BORDER
						border			= { 1, 1, 1, 1 }
						padding			= { -1, -1, -1, -1}}
		}
		
		group "notebook_frame_bottom" = "notebook_frame_top"
		{
			gap_side						= BOTTOM
			dont_clip						= TRUE
			padding						= { 3, 3, 3, 0 }						
		}
		
		group "notebook_frame_right" = "notebook_frame_top"
		{
			gap_side						= RIGHT
			dont_clip						= TRUE
			padding						= { 3, 0, 3, 3 }						
		}
		
		group "notebook_frame_left" = "notebook_frame_top"
		{
			gap_side						= LEFT
			dont_clip						= TRUE
			padding						= { 0, 3, 3, 3 }
		}
	
	
		group "notebook_gap_top"
		{
			function						= BOX_GAP
			gap_side						= TOP
			gap_size						= 7
			
			image 10 {	file				= "images/note_gap.png"
						interpolation_type	= NEAREST
						recolor "#ff0000"	= bg[NORMAL]
						border			= { 4, 4, 0, 0 }
						padding			= { 5, 6, 0, 0}}
 		}
 		
 		group "notebook_gap_bottom" = "notebook_gap_top"
		{
			gap_side						= BOTTOM
			rotate						= AROUND
			image 10 {	padding			= { 2, 4, 0, 0 } }
 		}
 		
		group "notebook_gap_right" = "notebook_gap_top"
		{
			gap_side						= RIGHT
			rotate						= CW
			mirror						= VERTICAL
			
			image 10 {	padding			= { 1, 0, 0, 0 } }
 		}
 		
 		group "notebook_gap_left" = "notebook_gap_top"
		{
			gap_side						= LEFT
			rotate						= CCW
			mirror						= VERTICAL
			
			image 10 {	padding			= { 2, 3, 0, 0 } }
 		}



	### Extensions
		group "notebook_extension_top_focus_rtl" = "notebook_extension_top_focus"
		{
			text_direction					= RTL
			padding							= { 4, 3, 5, -10 }
		}
		
		group "notebook_extension_top_focus" = "button-template"
		{
			function						= EXTENSION
			gap_side						= BOTTOM
			state						= NORMAL
			property "has-focus"					= TRUE
			padding						= { 3, 4, 5, -10}

						
			image 8 {		file				= "images/button/button_relief.png"
						draw_components		= NORTH, WEST, NORTH_WEST, NORTH_EAST, SOUTH_WEST
						interpolation_type	= NEAREST
						recolor "#ff0000"	=  "#000000"
						opacity			= 0.2
						border			= { 2, 2, 2, 2 }
						rotate			= AROUND				
						padding			= {1, -2, 1, -2}}	
			fill 9 {		brightness		= 0
						padding			= { 1, 1, 1, 1}}
			image 10 {	brightness		= 0
						padding			= { -1, -1, -1, -1}}
			image 20 {	dont_draw		= TRUE}
			image 40 {	padding			= { 0, 0, 0, 0 }}
			image 50 {	recolor "#ff0000"	= base[selected]
						border			= { 2, 2, 2, 2 } 
						brightness		= 0
						padding			= { 0, 0, 0, 0 }
						draw_components	= north, north_west, north_east }
			image 60 { 	recolor "#ff0000"	= base[selected]
						saturation		= 1
						border			= { 2, 2, 2, 2 }
						padding			= { 0, 0, 0, 0 }
						draw_components	= north, north_west, north_east }
			image 70 {	padding			= { 0, 0, 0, 0 }}
			image 80 {	recolor "#ff0000"	= bg[NORMAL]
						brightness		= -0.45
						padding			= { -1, -1, -1, -1}}
		}
	


		group "notebook_extension_top_normal_rtl" = "notebook_extension_top_normal"
		{
			text_direction					= RTL
			padding							= { 4, 3, 5, -10 }
		}
		
		group "notebook_extension_top_normal" = "notebook_extension_top_focus"
		{
			property "has-focus"					= FALSE
			
			image 50 {	dont_draw		= TRUE}
			image 60 {	dont_draw		= TRUE}
			
		}
	
		group "notebook_extension_top_active_rtl" = "notebook_extension_top_active"
		{
			text_direction					= RTL
			padding							= { 4, 3, 3, -10 }
		}
		
		group "notebook_extension_top_active" = "notebook_extension_top_normal"
		{
			state						= ACTIVE
			property "has-focus"					= dont_inherit
			padding						= { 4, 5, 3, -10}
			
			image 8 {		opacity			= 0.01 }
			image 80 {	brightness		= -0.3 }
			fill 100 {	color			= bg[NORMAL]
						brightness		= -0.45
						padding			= { -1, -1, 10, 10 }
						width			= 1 ws
						height			= 1 px
						ypos			= 1 ws
	}
		}
	
	##
		group "notebook_extension_bottom_focus_rtl" = "notebook_extension_bottom_focus"
		{
			text_direction					= RTL
			padding							= { 4, 3, -10, 5 }
		}
		
		group "notebook_extension_bottom_focus" = "notebook_extension_top_focus"
		{
			gap_side						= TOP
			padding						= { 3, 4, -10, 5}
			image 50 {	draw_components	= south, south_west, south_east }
			image 60 { 	draw_components	= south, south_west, south_east }
			image 70 {	draw_components	= east}
		}
		
		group "notebook_extension_bottom_normal_rtl" = "notebook_extension_bottom_normal"
		{
			text_direction					= RTL
			padding							= { 4, 3, -10, 5 }
		}
		
		group "notebook_extension_bottom_normal" = "notebook_extension_top_normal"
		{
			gap_side						= TOP
			padding						= { 3, 4, -10, 5}
		}
	
		group "notebook_extension_bottom_active_rtl" = "notebook_extension_bottom_active"
		{
			text_direction					= RTL
			padding							= { 4, 3, -10, 3 }
		}
		
		group "notebook_extension_bottom_active" = "notebook_extension_top_active"
		{
			gap_side						= TOP
			padding						= { 4, 5, -10, 3}
						
			fill 100 {	ypos			= -1 ws}
			
			fill 101 {	color 			=  "#000000"
						height			= 1 px
						opacity			= 0.2
						padding			= { 0, 0, 11, 0 }
						ypos			= -1 ws}
		}

		
	##

		group "notebook_extension_right_focus" = "notebook_extension_top_focus"
		{
			gap_side						= LEFT
			padding							= { -10, 5, 3, 3}
			image 50 {	draw_components		= east, south_east, north_east }
			image 60 { 	draw_components		= east, south_east, north_east }
			image 70 {	draw_components		= south}
		}
		
		group "notebook_extension_right_normal" = "notebook_extension_top_normal"
		{
			gap_side						= LEFT
			padding						= { -10, 5, 3, 3}
		}
	
		group "notebook_extension_right_active" = "notebook_extension_top_active"
		{
			gap_side						= LEFT
			padding						= { -10, 3, 4, 5}
					
			fill 100 {	xpos			= -1
						ypos			= 0 ws
						height			= 1 ws
						width			= 1 px
						padding			= { 10, 10, -1, -1 } }
			
			fill 101 {	color 			=  "#000000"
						opacity			= 0.2
						width			= 1 px
						height			= 1 ws
						padding			= { 11, 0, 0, 0 }
						xpos			= -1 }
		}
	
	##
	
		group "notebook_extension_left_focus" = "notebook_extension_top_focus"
		{
			gap_side						= RIGHT
			padding						= { 5, -10, 3, 3}
			image 50 {	draw_components	= west, south_west, north_west }
			image 60 { 	draw_components	= west, south_west, north_west }
		}
		
		group "notebook_extension_left_normal" = "notebook_extension_top_normal"
		{
			gap_side						= RIGHT
			padding						= { 5, -10, 3, 3}
		}
	
		group "notebook_extension_left_active" = "notebook_extension_top_active"
		{
			gap_side						= RIGHT
			padding						= { 3, -10, 4, 5}
						
			fill 100 {	xpos			= 1
						repeat			= { 1, 1, 1, 1 }
						width			= 1 px
						height			= 1 ws
						padding			= { 10, 10, -1, -1 } }
		}
	
	### Viewport

		group "notebook_viewport"
		{
			function					= FLAT_BOX
			detail					= "viewportbin"
		}

	}
}


##########
# Notebook Thickness
##########

style "notebook-thickness"
{
	
	xthickness							= 4
	ythickness							= 4

}
