<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" />
</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>
        <script type="text/javascript">
        //Put your JavaScript code here.
        </script>
        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
        </telerik:RadAjaxManager>

        <asp:Button Text="Submit" runat="server" />



        <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server">
            <asp:Button Text="Submit2" runat="server" />
            <telerik:RadPageLayout runat="server" GridType="Fluid" ShowGrid="false" BorderColor="Red" BorderStyle="Solid">
                <telerik:LayoutRow>
                    <Columns>
                        <telerik:LayoutColumn Span="4" HiddenXs="true" SpanSm="1" SpanMd="2" SpanLg="3" >
                            Column 1
                        </telerik:LayoutColumn>
                        <telerik:CompositeLayoutColumn CssClass="fieldsetOpt0" Span="4" SpanXs="12" SpanSm="10" SpanMd="8" SpanLg="6">
                            <Content>
                                Column 2 Styled
                            </Content>
                        </telerik:CompositeLayoutColumn>
                        <telerik:LayoutColumn Span="4" HiddenXs="true" SpanSm="1" SpanMd="2" SpanLg="3">
                            Column 3
                        </telerik:LayoutColumn>
                    </Columns>
                </telerik:LayoutRow>
            </telerik:RadPageLayout>



            <style>
                .fieldsetOpt0 {
                    -webkit-box-shadow: 5px 5px 2.5px 0px rgba(0,0,0,0.75);
                    -moz-box-shadow: 5px 5px 2.5px 0px rgba(0,0,0,0.75);
                    box-shadow: 5px 5px 2.5px 0px rgba(0,0,0,0.75);
                    box-shadow: 5px 5px 2.5px #101010;
                    border-radius: 10px;
                    border-color: black;
                    border-style: solid;
                    border-width: 1px;
                    padding: 2.5px;
                    width: 100%;
                }
            </style>
        </telerik:RadAjaxPanel>

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