<%@ Page Language="VB" AutoEventWireup="false" CodeFile="DefaultVB.aspx.vb" Inherits="DefaultVB" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">

        <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
            <Scripts>
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
            </Scripts>
        </telerik:RadScriptManager>
        <style>
            /* --- Drill-down details card fixes --- */
            .RadOrgChart .rocDrillDownNode .rocItem {
                /* Make the card wide enough and allow it to grow with content */
                width: 320px !important;
                min-height: 120px;
                height: auto !important;
                padding: 12px 12px !important;
                white-space: normal !important; /* allow wrapping (overrides global nowrap) */
            }

                /* Ensure content is contained when the image floats */
                .RadOrgChart .rocDrillDownNode .rocItem .rocItemTemplate {
                    overflow: hidden; /* establish a new block formatting context */
                }

                /* Image and text layout */
                .RadOrgChart .rocDrillDownNode .rocItem .imageWrap {
                    float: left;
                    margin: 6px 12px 6px 4px;
                }

                    .RadOrgChart .rocDrillDownNode .rocItem .imageWrap img {
                        display: block;
                        width: 65px;
                        height: 80px;
                        border-radius: 8px;
                    }

            /* Text block to the right of the image */
            .rocPanelWrap {
                margin-left: 90px; /* width of image + spacing */
                padding: 6px 0;
            }

            /* Remove bullets/indent and tighten spacing */
            .rocPanel,
            .rocPanel li {
                list-style: none !important;
                margin: 0;
                padding: 0;
            }

            /* Typography tweaks */
            .contactName span {
                font-weight: 600;
                font-size: 14px;
            }

            .title span {
                font-size: 12px;
                color: #555;
            }

            .city span,
            .address span {
                font-size: 12px;
                color: #666;
            }
        </style>
        <telerik:RadOrgChart runat="server"
            ID="RadOrgChart1"
            RenderMode="Lightweight"
            EnableDrillDown="true"
            DisableDefaultImage="true">
        </telerik:RadOrgChart>



    </form>
</body>
</html>
