@media screen
{
    *
    {
        margin: 0px;
        padding: 0px;
    }

    Body
    {
        padding: 20px;
        text-align: center;
        background-color: #4682B4;
        max-width: 1200px;
    }

    ul
    {
        margin-left: 20px;
    }

    li
    {
        margin-left: 10px;
    }

    .AlignLeft
    {
        text-align: left;
    }

    .AlignCenter
    {
        text-align: center;
    }

    .AlignRight
    {
        text-align: right;
    }

    .Clear
    {
        clear: both;
    }

    .Full
    {
        width: 100%;
    }

    .Half
    {
        width: 50%;
    }

    .LargeColumn
    {
        width: 65%;
    }

    .SmallColumn
    {
        width: 35%;
    }

    .ExternalAuth
    {
        border-left: 1px solid #4682B4;
        float: left;
        margin-left: 10px;
    }

    .ExternalAuthButtons
    {
        margin-top: 5px;
        position: relative;
    }

        .ExternalAuthButtons .ExternalAuthButton + .ExternalAuthButton
        {
            border-left: 1px solid #4682B4;
        }

    .ExternalAuthButton
    {
        display: inline-block;
        padding: 0 10px 0px 10px;
        text-align: center;
        float: left; /*Needed for IE*/
    }

    .ExternalAuthButtonText
    {
        color: #000;
        display: block;
        font-size: 10px;
        font-family: Verdana;
        font-weight: bold;
    }

    .ExternalAuthButtonImg
    {
        padding: 5px;
        height: 50px;
    }

    .SSOLogOnText
    {
        font-size: 10px;
        padding-left: 10px;
        font-family: Verdana;
        font-weight: bold;
        color: #000;
    }

    .DividerColumn
    {
        width: 10px;
    }

    .HeaderTemplate
    {
        position: relative;
    }

    .MenuTemplate
    {
        margin: 2px 10px 2px 10px;
        position: relative;
    }

    .ContentTemplate
    {
        margin: 10px;
        position: relative;
    }

    .FooterTemplate
    {
        margin: 0px 10px 0px 10px;
        position: relative;
        border-top: solid 1px #C9C9C9;
    }

    .Hide
    {
        display: none;
    }

    .PageContainer
    {
        margin-top: 10px;
         margin-left: 20px;
        margin-right: 20px;
        position: relative;
        text-align: left;
        min-width: 780px;
        max-width: 1260px;
        margin: 10px auto;
    }

    .PageTopContainer
    {
         position: relative;
    }

    .PageTopLeft
    {
        background-image: url(TopLeft.gif);
        width: 14px;
        float: left;
        position: absolute;
        left: 0px;
        top: 0px;
        height: 10px;
    }

    .PageTopCenter
    {
        background-image: url(TopCenter.gif);
        background-repeat: repeat-x;
        margin: 0px 14px 0px 14px;
        height: 10px;
        text-align: left;
    }

    .PageTopRight
    {
        position: absolute;
        right: 0px;
        top: 0px;
        background-image: url(TopRight.gif);
        width: 14px;
        float: right;
        height: 10px;
    }

    .PageMiddleContainer
    {
          position: relative;
    }

    .PageMiddleLeft
    {
        background-image: url(MiddleLeft.gif);
        background-repeat: repeat-y;
        width: 14px;
        float: left;
        position: absolute;
        top: 0px;
        left: 0px;
        bottom: 0px;
    }

    .PageMiddleCenter
    {
        background-image: url(MiddleCenter.gif);
        background-repeat: repeat;
        margin-left: 14px;
        margin-right: 14px;
    }

    .PageMiddleRight
    {
        background-image: url(MiddleRight.gif);
        background-repeat: repeat-y;
        width: 14px;
        float: right;
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
    }

    .PageBottomContainer
    {
          position: relative;
    }

    .PageBottomRight
    {
        position: absolute;
        right: 0px;
        top: 0px;
        background-image: url(BottomRight.gif);
        width: 14px;
        float: right;
        height: 16px;
    }

    .PageBottomLeft
    {
        background-image: url(BottomLeft.gif);
        width: 14px;
        float: left;
        position: absolute;
        left: 0px;
        top: 0px;
        height: 16px;
    }

    .PageBottomCenter
    {
        background-image: url(BottomCenter.gif);
        background-repeat: repeat-x;
        margin: 0px 14px 0px 14px;
        height: 16px;
        text-align: left;
    }

    .TemplateContainer
    {
        width: 100%;
    }

    .TotpDescription
    {
        width: calc(100% - 200px);
    }

    .VerticalAlignTop
    {
        vertical-align: top;
    }

    .VerticalAlignMiddle
    {
        vertical-align: middle;
    }

    .ValidationSummary
    {
        color: #FF0000;
        font-family: Tahoma;
        font-size: 11px;
        font-weight: bold;
        list-style-type: none;
    }

    .overflow
    {
        overflow: auto;
    }
}

@media print
{
    Body
    {
        padding: 0px;
    }

    .HeaderTemplate
    {
        display: none;
    }

    .MenuTemplate
    {
        display: none;
    }

    .ContentTemplate
    {
    }

    .FooterTemplate
    {
        display: none;
    }

    .PageMiddleLeft
    {
        display: none;
    }

    .PageMiddleCenter
    {
        margin: 0px;
    }

    .PageMiddleRight
    {
        display: none;
    }

    .PageTopContainer
    {
        display: none;
    }

    div.row div.filter
    {
        border: none;
    }

    div[id*="pnlAboveContentArea"]
    {
        display: none;
    }
}

/* Below are deprecated styles that do
not use our proper naming conventions.
They will go away sometime. */

.menuSpacer
{
    height: 3px;
}

.alignRight
{
    text-align: right;
}

.alignLeft
{
    text-align: left;
}

.alignCenter
{
    text-align: center;
}

.buttonHolder
{
    margin-top: 10px;
    margin-bottom: 10px;
}

.clearBoth
{
    clear: both;
}

.floatLeft
{
    float: left;
}

.floatRight
{
    float: right;
}

.hiddenObject
{
    display: none;
}

.smallHSpacing
{
    margin-top: 3px;
    margin-bottom: 3px;
}

.smallVSpacing
{
    margin-left: 3px;
    margin-right: 3px;
}

.mediumHSpacing
{
    margin-top: 10px;
    margin-bottom: 10px;
}

.mediumVSpacing
{
    margin-left: 10px;
    margin-right: 10px;
    display: inline-block;
    width: 40%;
}

.exception
{
    font-style: italic;
    font-weight: normal;
}

th
{
    background: #3A3A3A;
    color: #FFFFFF;
    font-family: Tahoma;
    font-size: 11px;
}

div.bottomSelector
{
    padding-top: 8px;
    position: absolute;
    float: right;
    top: 0px;
    right: 0px;
}

div.row
{
    clear: both;
    padding-top: 3px;
    padding-bottom: 3px;
}

div.row div.filter
{
    background: #EDEDED;
    border-left: solid 2px #4682B4;
    border-right: solid 2px #4682B4;
}

div.row span.formLabel
{
    float: left;
    width: 150px;
    text-align: right;
}

div.row span.formLabelSmall
{
    float: left;
    width: 100px;
    text-align: right;
}

div.row span.formLabelLarge
{
    float: left;
    width: 210px;
    text-align: right;
}

div.row span.formLabelJumbo
{
    float: left;
    width: 320px;
    text-align: right;
}

div.row span.formLabelGranday
{
    float: left;
    width: 600px;
    text-align: right;
}

div.row span.formValue
{
    float: left;
    width: 150px;
    text-align: left;
}

div.row span.formValueSmall
{
    float: left;
    width: 100px;
    text-align: left;
}

div.row span.formValueLarge
{
    float: left;
    width: 210px;
    text-align: left;
}

div.row span.formValueJumbo
{
    float: left;
    width: 320px;
    text-align: left;
}

div.row span.formValueJumboXL {
    float: left;
    width: 465px;
    text-align: left;
}

div.row span.formValueGranday
{
    float: left;
    width: 600px;
    text-align: left;
}

div.row span.buttonHolderSmallCenter
{
    float: left;
    width: 58px;
    text-align: center;
}

div.row span.formValidator
{
    float: left;
    width: 10px;
    text-align: left;
    color: #FF0000;
    margin-left: 8px;
}

div.row div.buttonHolder
{
    height: 25px;
    margin-left: 150px;
}

div.row div.buttonHolder span.buttonHolderLessImpact
{
    display: inline-block;
    padding-bottom: 5px;
}

div.row div.buttonHolderNoHeight
{
    margin-left: 150px;
}

div.row div.buttonHolderSmall
{
    height: 25px;
    margin-left: 100px;
}

div.row div.buttonHolderSmall span.buttonHolderSmallLessImpact
{
    display: inline-block;
    padding-bottom: 5px;
}

div.row div.buttonHolderSmallNoHeight
{
    margin-left: 100px;
}

div.row div.buttonHolderLarge
{
    height: 25px;
    margin-left: 210px;
}

div.row div.buttonHolderLarge span.buttonHolderLargeLessImpact
{
    display: inline-block;
    padding-bottom: 5px;
}