
#define HELPWINDOW_WIDTH 		270
#define HELPWINDOW_X			((-(HELPWINDOW_WIDTH - RIGHTITEM_OFFSET))-80)
#define HELPWINDOW_Y			38
#define FRAME_BG_COLOR			0.175 0.175 0.2 0.55
#define FRAME_HEIGHT			358

#define ORIGIN_HELPWINDOW 		HELPWINDOW_X HELPWINDOW_Y


	PREPROC_SHADER_DRAW_ALIGNED( -4 12 (HELPWINDOW_WIDTH+8) 326 RIGHTITEM_ALIGN VERTICAL_ALIGN_TOP, ORIGIN_HELPWINDOW, "white", FRAME_BG_COLOR, 0, 0, 0 0 0 0 )
	PREPROC_SHADER_DRAW_ALIGNED( -4 12 (HELPWINDOW_WIDTH+8) 326 RIGHTITEM_ALIGN VERTICAL_ALIGN_TOP, ORIGIN_HELPWINDOW, "gradient_center", 0.3 0.3 0.325 0.8, 0, 0, 0 0 0 0 )

	PREPROC_SHADER_DRAW_ALIGNED( -24 -4 -20 FRAME_HEIGHT RIGHTITEM_ALIGN VERTICAL_ALIGN_TOP, ORIGIN_HELPWINDOW, "gradient", 1 1 1 0.65, 0, 0, 0 0 0 0 )

	PREPROC_SHADER_DRAW_ALIGNED( (HELPWINDOW_WIDTH+4) -4 20 358 RIGHTITEM_ALIGN VERTICAL_ALIGN_TOP, ORIGIN_HELPWINDOW, "gradient", 1 1 1 0.65, 0, 0, 0 0 0 0 )
	
	PREPROC_SHADER_DRAW_ALIGNED( -4 -4 (HELPWINDOW_WIDTH+8) 16 RIGHTITEM_ALIGN VERTICAL_ALIGN_TOP, ORIGIN_HELPWINDOW, "white", 0.2 0.2 0.225 1, 0, 0, 0 0 0 0 )
	PREPROC_SHADER_DRAW_ALIGNED( -4 -4 (HELPWINDOW_WIDTH+8) 16 RIGHTITEM_ALIGN VERTICAL_ALIGN_TOP, ORIGIN_HELPWINDOW, "line_horizontal", 0.9 0.9 0.95 0.5, 0, 0, 0 0 0 0 )
	PREPROC_SHADER_DRAW_ALIGNED( -4 12 (HELPWINDOW_WIDTH+8) 16 RIGHTITEM_ALIGN VERTICAL_ALIGN_TOP, ORIGIN_HELPWINDOW, "gradient_top", 1 1 1 0.2, 0, 0, 0 0 0 0 )

	PREPROC_SHADER_DRAW_ALIGNED( -4 338 (HELPWINDOW_WIDTH+8) 16 RIGHTITEM_ALIGN VERTICAL_ALIGN_TOP, ORIGIN_HELPWINDOW, "white", 0.2 0.2 0.225 1, 0, 0, 0 0 0 0 )
	PREPROC_SHADER_DRAW_ALIGNED( -4 338 (HELPWINDOW_WIDTH+8) 16 RIGHTITEM_ALIGN VERTICAL_ALIGN_TOP, ORIGIN_HELPWINDOW, "line_horizontal", 0.9 0.9 0.95 0.5, 0, 0, 0 0 0 0 )
	PREPROC_SHADER_DRAW_ALIGNED( -4 322 (HELPWINDOW_WIDTH+8) 16 RIGHTITEM_ALIGN VERTICAL_ALIGN_TOP, ORIGIN_HELPWINDOW, "gradient_bottom", 1 1 1 0.2, 0, 0, 0 0 0 0 )

	itemDef 
	{
		//rect			0 -7 270 20 RIGHTITEM_ALIGN VERTICAL_ALIGN_TOP
		origin			ORIGIN_HELPWINDOW
		textfont		UI_FONT_NORMAL
		textstyle 		ITEM_TEXTSTYLE_SHADOWED
		textscale		TEXTSIZE_SMALL
		textalign		ITEM_ALIGN_LEFT
		//exp				text( dvarString( "name" ) );
		text			"^2Help Contentssssssssssssssssssssssssssssssssssssssssssssssssssssssss"
		visible			1
		decoration 
	}

	/*itemDef 
	{
		rect			0 -7 270 20 RIGHTITEM_ALIGN VERTICAL_ALIGN_TOP
		origin			ORIGIN_HELPWINDOW
		textfont		UI_FONT_NORMAL
		textstyle 		ITEM_TEXTSTYLE_SHADOWED
		textscale		TEXTSIZE_SMALL
		textalign		ITEM_ALIGN_MIDDLE_CENTER
		//exp				text( dvarString( "name" ) );
		text			"^2Help Contents"
		visible			1
		decoration
		autowrapped	
	}*/
	/*itemDef
	{
		rect			0 0 250 200
		type			ITEM_TYPE_BUTTON
		textfont		UI_FONT_DEFAULT
		text			"aaaaa\nbbbb\ncccccc"
		textalign 		ITEM_ALIGN_LEFT
		textscale		TEXTSIZE_SMALL
		forecolor		1 1 1 1
		backcolor		0 0 0 0
		textalignx 		5
		textaligny 		0  
		origin			ORIGIN_HELPWINDOW
		visible			1 
		decoration	autowrapped	
	}*/