Mini Kabibi Habibi

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="Overview.ascx.cs" 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>