﻿/***************************************/

body
{
    width: 181px;
    font-family: Arial;
}

* {padding: 0; margin: 0}

.defaultHeader
{
    font-size: 15px;
    font-weight: bold;
}

.defaultRow
{
    margin-top: 10px;
    margin-bottom: 10px;
}

.messageContainer
{
    margin-left: 5px;
    margin-right: 5px;
    color: Red;
}

.contentContainer
{
    margin-left: 5px;
    margin-right: 5px;
}

.logoutArea
{
    margin-top: 10px;
    text-align: center;
}

.input
{
    border-style: solid;
    border-color: black;
    border-width: 1px;
    width: 120px;
}

.loginButton
{
    border-style: solid;
    border-color: black;
    border-width: 1px;
    padding: 1px;
    background-color: White;
    margin-top: 10px;
    width: 100px;
}

.defaultMoreArea
{
    margin-top: 10px;
}

.defaultMoreButton
{
    color: #FF850A;
    text-decoration: underline;
    display: inline-block;
    border-width: 0px;
    font-weight: bold;
    background-color: White;
}

.footerArea
{
    margin-top: 10px;
}

.aboutArea
{
    font-size: 11px;
}

.noAboHeader
{
    color: #FF850A;
    font-weight: bold;
}

.calorieCalculatorHeader
{
    color: #6db100;
    font-size: 19px;
    font-weight: bold;
    text-align: center;
}

.calorieCalculatorHeader2
{
    margin-top: 10px;
    margin-bottom: 10px;
}

.searchButton
{
    border-style: solid;
    border-color: black;
    border-width: 1px;
    padding: 2px;
    background-color: White;
    height: 25px;
    width: 100px;
    margin-top: 10px;
}

.searchInput
{
    border-style: solid;
    background-color: Aqua;
    border-color: black;
    border-width: 1px;
    width: 80px;
}

.actionButton
{
    border-style: none;
    background-color: White;
    height: 25px;
    text-decoration: underline;
    color: blue;
    display: inline-block; 
    vertical-align: middle;
    text-align: left;
}

.actionButton_active_true
{
    color: green;
    text-decoration: none;
    font-size: 12px;
}

.actionButton_active_false
{
    color: blue;
    font-size: 12px;
}

.actionButtonSmall
{
    border-style: none;
    padding: 2px;
    background-color: White;
    height: 25px;
    text-decoration: underline;
    color: blue;
    font-size: 9px;
    display: inline-block;
    vertical-align: middle; 
    text-align: left;
    width: 70px;
}

.orderList
{
    color: #FF850A;
}

.cubeList
{
    color: #FF850A;
}

.returnArea
{
    margin-top: 10px;
}

ol { margin-left: 35px; }
ol li ul { margin-left: 0px; }
ul { margin-left: 15px; }

.logoutButton
{
    border-width: 0px;
    text-decoration: underline;
    background-color: White;
    display: inline-block;
}

.menuItemContainer
{
    width: 161px;
    margin-left: 5px;
    margin-bottom: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #6db100;
    text-align: center;  
}

.menuItem
{
    color: White;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
}

.calorieCalculatorResult
{
    margin-top: 10px;
    margin-bottom: 10px;
}

.calorieCalculatorResultNameButton
{
    color: #FF850A;
    font-weight: bold;
}

.calorieCalculatorResultKcal
{
    color: #FF850A;
    font-weight: bold;
}

.moreLinks
{
    margin-top: 10px;
    margin-bottom: 10px;
}

.checkBox
{
    color: #FF850A;
}

.targetArea
{
    font-weight: bold;
    font-size: 12px;
    margin-top: 10px;
}

.historyHeader
{
    color: #6db100;
}