Mini Kabibi Habibi

<%@ Control Language="vb" AutoEventWireup="true" CodeFile="Overview.ascx.vb" Inherits="Mobile_Pages_Overview" %>
<%@ Register Src="~/mobile/UserControls/OverviewDoughnuts.ascx" TagName="OverviewDoughnuts"
	TagPrefix="uc" %>
<%@ Register Src="~/UserControls/AccountsControl.ascx" TagName="OverviewAccounts"
	TagPrefix="uc" %>
<%@ Register Src="~/mobile/UserControls/MonthlyBudgetOverallProgress.ascx" TagName="MonthlyBudgetOverallProgress"
	TagPrefix="uc" %>
<%@ Register Src="~/mobile/UserControls/Transactions.ascx" TagName="OverviewTransactions"
	TagPrefix="uc" %>
<div class="mainContentContainer">
	<div class="status">
		<div class="<%=GetStatusStyle()%>">
			<h3>
				You're</h3>
			<h2>
				<%=GetStatus()%>
			</h2>
			<div class="amountAvailable">
				<h3>
					Available</h3>
				<h4>
					<asp:Literal runat="server" ID="StatisticAvailable"></asp:Literal>
				</h4>
			</div>
			<div class="amountPlanned">
				<h3>
					Planned Expenses</h3>
				<h4 class="alert">
					<asp:Literal runat="server" ID="StatisticPlanned"></asp:Literal>
				</h4>
			</div>
		</div>
		<div class="overviewVisualizations">
			<uc:OverviewDoughnuts ID="OverviewDoughnuts" runat="server" />
		</div>
	</div>
	<div class="content">
		<div class="accounts">
			<h1 style="font-size:48px;font-weight:100;">My Accounts</h1>
			<uc:OverviewAccounts id="OverviewAccounts" runat="server" />
		</div>
		<div class="overviewContentWrapper">
			<div class="overviewContent">
				<h1 class="overviewBudgetsHeader" onclick="window.app.mobile.goToBudgets()">My Budgets</h1>
				<uc:MonthlyBudgetOverallProgress id="MonthlyBudgetOverallProgress" runat="server" ClientInstanceName="Overview_BudgetProgress" Width="100%" ProgressHeight="30px" />
				<div class="mobiletransactionsContainter">
					<h1 class="overviewtransactionsHeader" onclick="window.app.mobile.goToTransactions()">My Transactions</h1>
					<uc:OverviewTransactions id="OverviewTransactions" runat="server" Width="100%" />
				</div>
			</div>
		</div>
	</div>
</div>