Mini Kabibi Habibi

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="Budget.ascx.cs" Inherits="Mobile_Pages_Budget" %>
<%@ Register Src="~/mobile/UserControls/MonthlyBudgetOverallProgress.ascx" TagName="MonthlyBudgetOverallProgress" TagPrefix="uc" %>
<%@ Register Src="~/mobile/UserControls/BudgetCategoriesProgresses.ascx" TagName="BudgetCategoriesProgresses" TagPrefix="uc" %>
<%@ Register Src="~/mobile/UserControls/Button.ascx" TagName="Button" TagPrefix="uc" %>
<div class="mainContentContainer">
    <div class="status">
        <div class="statuscontent">
            <div style="width: 100%">
                <div class="offTarget left">
                    <h3>Current</h3>
                    <h2>Budgets</h2>
                </div>
                <div class="right">
                    <uc:Button ID="btnModify" runat="server" CssClass="right editButton budgetEditModeInvisible" Text="Modify" Width="141px" 
                        IconUrl="~/Mobile/Images/button-modify.png"
                        Click="function(){ app.budgets.setEditModeOn_Mobile(); }"
                    />
                    
                    <uc:Button ID="btnNew" runat="server" CssClass="right editButton budgetEditModeVisible" Text="Done" Width="141px" Click="
                        function(){ app.budgets.setEditModeOff_Mobile(); }
                    "/>
                </div>
            </div>
            <div class="clear"></div>
            <uc:MonthlyBudgetOverallProgress id="MonthlyBudgetOverallProgress" runat="server" ClientInstanceName="Budget_BudgetProgress"  Width="100%" ProgressHeight="30px"/>
        </div>
    </div>
    <div class="content">
        <div style="padding:20px;">
            <h1 style="margin-left:0;font-size:24px;font-weight:700;">All Budgets</h1>
            <uc:BudgetCategoriesProgresses ID="BudgetCategoriesProgresses" runat="server" PageName="Budget" ProgressBarHeight="30px"/>
        </div>
    </div>
</div>