/* Styles to display form entries, that means a labels and the control itself. */

.Label
{
    color: #666666;
    font-size: 0.70em;
    margin-bottom: 5px;
}

.Label.Left,
.Editor.Left,
.NoEditor.Left,
.Display.Left
{
    display: block;
    float: left;
    width: 47%;
}

.Label.Right,
.Editor.Right,
.NoEditor.Right,
.Display.Right
{
    display: block;
    float: right;
    width: 47%;
}

.Display.Right.AlignRight
{
    text-align: right;
}

.Label.FirstColumn,
.Display.FirstColumn,
.Editor.FirstColumn,
.Label.SecondColumn,
.Editor.SecondColumn,
.Display.SecondColumn
{
    display: block;
    float: left;
    width: 23%;
    margin-right: 10px;
}

.Label.ThirdColumn,
.Display.ThirdColumn,
.Editor.ThirdColumn,
.Label.FourthColumn,
.Editor.FourthColumn,
.Display.FourthColumn
{
    margin-left: 10px;
    display: block;
    float: right;
    width: 23%;
}

.Editor, .Display
{
    margin-bottom: 10px;
} 

.SubmitButtonContainer
{
    text-align: right;
}

.PrintButtonContainer
{
    text-align: center;
}

.SmallCenterBox
{
    margin: 40px auto 40px auto;
    padding: 20px;
    width: 400px;
}

.NoMarginCenterBox
{
    margin: 10px auto 10px auto;
    padding: 20px;
}

.CenterBox
{
    margin: 0px auto 0px auto;
    padding: 20px;
    width: 800px;
}

.AreaCode
{
    display: block;
    float: left;
    width: 20%;
}

.PhoneNumber
{
    display: block;
    float: left;
    width: 70%;
}

.PhoneNumberSeparator
{
    display: block;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
}