layout WebFontsSuitcase
{
    view dialog(identifier: "ID_WebFontsSuitcase",
                margin: 0,
                name: "$$$/WebFontsSuitcase/Title/ManageFonts=Manage Fonts",
                spacing: 0)
    {
        column(child_vertical: @align_center)
        {
            tab_group(identifier: "ID_WebFontsSuitcase_TabContainer",
                      items: [ { name: "$$$/WebFontsSuitcase/Tab/EdgeWebFonts=Adobe Edge Web Fonts",
                                 value: @first },
                               { name: "$$$/WebFontsSuitcase/Tab/LocalWebFonts=Local Web Fonts",
                                 value: @second },
							   { name: "$$$/WebFontsSuitcase/Tab/CustomFontStacks=Custom Font Stacks",
                                 value: @third } ],
							margin:0,
							spacing:0)
            {
                panel(identifier: "ID_WebFontsSuitcase_EdgeWebFonts_Tab",
                      value: @first,
							margin:0,
							spacing:0)
                {
                    subview(height: 555,
                            identifier: "ID_WebFontsSuitcase_EdgeWebFonts_ParentView",
                            width: 555,
							margin:0,
							spacing:0,
							show_border:false);
                }

                panel(identifier: "ID_WebFontsSuitcase_LocalWebFonts_Tab",
                      value: @second,
							margin:0,
							spacing:0)
                {
                    subview(height: 555,
                            identifier: "ID_WebFontsSuitcase_LocalWebFonts_ParentView",
                            width: 555,
							margin:0,
							spacing:0,
							show_border:false);
                }
				
				panel(identifier: "ID_WebFontsSuitcase_FontStacks_Tab",
					value: @third,
							margin:0,
							spacing:0)
                {
                    subview(height: 555,
                            identifier: "ID_WebFontsSuitcase_FontStacks_ParentView",
                            width: 555,
							margin:0,
							spacing:0,
							show_border:false);
                }
            }

            row(indent: 20,
                    margin:5,
					spacing:5)
            {
                button(action: @do_help,
                       name: "$$$/WebFontsSuitcase/Button/Help=Help");
                              
                                 
				subview(height: 20,
                            identifier: "ID_WebFontsSuitcase_LegalText",
                            width: 370,
							margin:0,
							spacing:0,
							show_border:false);
			
                button(action: @do_cancel,
                       cancel: true,
                       default: true,
                       horizontal: @align_right,
                       identifier: "ID_WebFontsSuitcase_Cancel",
                       name: "$$$/WebFontsSuitcase/Button/Done=Done");
  
            }

            row()
            {
				subview(height: 1,
                            identifier: "ID_WebFontsSuitcase_HorizontalPadding",
                            width: 555,
							margin:0,
							spacing:0,
							show_border:false);
            
            }
		
        }
    }
}
