@section HeadContent
{
    <style>
        #organizer {
            width: 300px;
            margin: 0 auto;
            padding: 47px 0 0 0;
            background: url('@Url.Content("~/Content/web/panelbar/orgHead.png")') transparent no-repeat 0 0;
        }
        #bottom {
            width: 300px;
            height: 90px;
            background: url('@Url.Content("~/Content/web/panelbar/orgFoot.png")') transparent no-repeat 0 0;
        }
        .teamMate:after {
            content: ".";
            display: block;
            height: 0;
            line-height: 0;
            clear: both;
            visibility: hidden;
        }
        .teamMate h2 {
            font-size: 1.4em;
            font-weight: normal;
            padding-top: 20px;
        }
        .teamMate p {
            margin: 5px 0;
        }
        .teamMate img {
            float: left;
            margin: 5px 15px 5px 5px;
            border: 1px solid #ccc;
        }
    </style>
}

<div id="organizer">
    @(Html.Kendo().PanelBar()
        .Name("panelbar")
        .ExpandMode(PanelBarExpandMode.Single)
        .HtmlAttributes(new { style = "width:300px" })
        .Items(panelbar =>
        {
            panelbar.Add().Text("My Teammates")
                .Expanded(true)
                .Content(@<div style="padding: 10px;">
                <div class="teamMate">
                    <img src="@Url.Content("~/Content/web/panelbar/andrew.jpg")" alt="Andrew Fuller">
                    <h2>Andrew Fuller</h2>
                    <p>Team Lead</p>
                </div>
                <div class="teamMate">
                    <img src="@Url.Content("~/Content/web/panelbar/nancy.jpg")" alt="Nancy Leverling">
                    <h2>Nancy Leverling</h2>
                    <p>Sales Associate</p>
                </div>
                <div class="teamMate">
                    <img src="@Url.Content("~/Content/web/panelbar/robert.jpg")" alt="Robert King">
                    <h2>Robert King</h2>
                    <p>Business System Analyst</p>
                </div>
            </div>);

            panelbar.Add().Text("Projects")
                .Items(projects =>
                {
                    projects.Add().Text("New Business Plan");

                    projects.Add().Text("Sales Forecasts")
                        .Items(forecasts =>
                        {
                            forecasts.Add().Text("Q1 Forecast");
                            forecasts.Add().Text("Q2 Forecast");
                            forecasts.Add().Text("Q3 Forecast");
                            forecasts.Add().Text("Q4 Forecast");
                        });

                    projects.Add().Text("Sales Reports");
                });

            panelbar.Add().Text("Programs")
                .Items(programs =>
                {
                    programs.Add().Text("Monday");
                    programs.Add().Text("Tuesday");
                    programs.Add().Text("Wednesday");
                    programs.Add().Text("Thursday");
                    programs.Add().Text("Friday");
                });

            panelbar.Add().Text("Communication").Enabled(false);
        })
    )
</div>