﻿.hiddenApplication
{
    display: none;
}

.application
{
    height: auto;
}

.calculator
{
    height: inherit;
    width: 100%;
    border-style: solid;
    border-width: 2px;
    margin-collapse: collapse;
    padding:  8px;
}

.tabLine
{
    height:  auto;
    text-align: center;
    valign:  baseline;
}

.calculatorTab
{
}

.calculatorTabSelected
{
    font-weight: bold;
}

.tabContent
{
    margin-top: 0px;
    margin-bottom: 5px;
    margin-right: 5px;
    margin-left: 5px;

    padding: 0px;
    border: none 0;
}

.tabSpacer
{
    width: 3px;
    min-width: 3px;
    margin: 0px;
    padding: 0px;
    border: none 0;
}

.emptyTab
{
    width:  auto;
    min-width: 20px;
    margin: 0px;
    padding: 0px;
    border: none 0;
}

.spacerLine
{
    height: 3px;
}

.spacerTab
{
    margin: 0px;
    padding: 0px;
    border: none 0;
}

.calculatorVariantHidden
{
    display: none;
}

.calculatorVariant
{
    height: auto;
    display: block;
}

.formLine
{
    height: auto;
    width: auto;

    margin: 0;
    border: none 0;
    padding: 0;
}

.formColumn
{
    margin: 0;
    border:  none 0;
    padding: 20px;
}

.unitSelect
{
    margin-top: 20px;
}

.inchUnit:
{
    display: inline;
}

.cmUnit
{
    display: none;
}

.perCm
{
    display: none;
}

.perInch
{
    display: inline;
}

.perTenCm
{
    display: none;
}

.perFourInch
{
    display: none;
}

.formSpacer
{
    border-style: solid;
    border-width: 2px;
    min-height: 2px;
}

.calculatedResult
{
}

.spacerRow
{
    min-height: 10px;
    border: none 0;
    margin: 0;
    padding: 0;
}

.calculatorInputField
{
    width:  100px;
    margin: 5px 0px 5px 0px;
}

.settingsLabel
{
    margin:  25px 0px 5px 0px;
    padding: none 0;
    border: none 0;
}

.settingChoice
{
    margin:  5px 40px 5px 0px;
    padding: none 0;
    border: none 0;
}

.cornerCell
{
    width: 5px;
    height: 100%;

    margin: 0;
    border: none 0;
    padding: 0;

    overflow: hidden;
    text-align: bottom;
}

.roundedTop
{
    width: 100%;
    height: 5px;

    margin: 0;
    border: none 0;
    padding: 0;
}

.r1
{
    margin: 0px 4px;
    height: 1px;
    width: 72px;
    overflow: hidden;
}

.r2
{
    margin: 0px 3px;
    height: 1px;
    width: 74px;
    overflow: hidden;
}

.r3
{
    margin: 0px 2px;
    height: 1px;
    width: 76px;
    overflow: hidden;
}

.r4
{
    margin: 0px 1px;
    height: 2px;
    width:  78px;
    overflow: hidden;
}

.r1b
{
    margin: 0px 4px;
    height: 1px;
    width: 112px;
    overflow: hidden;
}

.r2b
{
    margin: 0px 3px;
    height: 1px;
    width: 114px;
    overflow: hidden;
}

.r3b
{
    margin: 0px 2px;
    height: 1px;
    width: 116px;
    overflow: hidden;
}

.r4b
{
    margin: 0px 1px;
    height: 2px;
    width:  118px;
    overflow: hidden;
}

.roundedTab
{
    margin: 0;
    padding: 0;
    border: none 0;
}

.resultFieldContainer
{
    padding: 5px;
}

.resultField
{
    border-style: solid;
    border-width: 2px;

    padding: 5px 10px;
    font-weight:  bold;
}

.resultCell
{
    border: none;
    font-weight:  bold;
    padding: 5px 0px 5px 0px;
}
