Mini Kabibi Habibi

<%@ Control Language="vb" AutoEventWireup="true" CodeFile="Budget.ascx.vb" 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>