body
{
    font-family: Verdana, Arial;
    font-size: 9pt;
}

caption
{
    font-family: Verdana, Arial;
    font-size: 9pt;
    font-weight: bold;
}

h1
{
    font-family: "Trebuchet MS", Verdana, Arial;
    font-size: 12pt;
    margin: 4px 0px 0px 0px;
}

h2
{
    font-family: "Trebuchet MS", Verdana, Arial;
    font-size: 10pt;
    font-weight: bold;
    margin: 4px 0px 0px 0px;
}

td
{
    font-family: Verdana, Arial;
    font-size: 9pt;
}

th
{
    /* TODO: set something more attractive. */
    background: #F0F0F0;
    border: 1px solid #E0E0E0;
    font-family: Verdana, Arial;
    font-size: 9pt;
    font-weight: bold;
}

.InputBoxClass
{
    font-family: Consolas, "Courier New", Courier;
    font-size: 9pt;
}

.InputBoxNumericClass
{
    font-family: Consolas, "Courier New", Courier;
    font-size: 9pt;
    text-align: right;
}

.MealTrackingDiv
{
    background: #F9F9FD;
    border: 1px solid #E0E0E0;
    width: 100%;    
}

.PasswordBoxClass
{
    font-size: 9pt;
}

.DayHeaderClass
{
    font-size: 8pt;
}

.DayStyleClass
{
    font-size: 8pt;
}

.SelectedDayClass
{
    font-size: 8pt;
}

.ButtonClass
{
    font-family: Verdana, Arial;
    font-size: 9pt;
}

.TdLabel
{
    vertical-align: top;
    width: 10em;
}

.TdInput
{
    vertical-align: top;
}

.TdNumeric
{
    text-align: right;
}

.WeightGoalDiv
{
    background: #F0F0F9;
    border: 1px solid #E0E0E0;
    width: 100%;
}

.WeightTrackingDiv
{
    background: #F8F8F9;
    border: 1px solid #E0E0E0;
    width: 100%;
}

.WeightLogDiv
{
    background: #F8F8F9;
    border: 1px solid #E0E0E0;
    width: 100%;    
}

.MobileDiv
{
    background: #E9E9F9;
    border: 1px solid #E0E0E0;
    width: 100%;
}