body
{
    margin:20px 0 20px 0;
    background:#35486a;
}

body.noBackground
{
    background:#fff;
}

.wrapper
{
    position:relative;
    margin:0 auto 0 auto;
    width:900px;
    height:auto;
}
.gutter
{
    position:relative;
    width:100%;
    min-height:200px;
    height:auto !important;
    height:200px;
    padding:14px 20px 8px;
    margin:0 auto 0 auto;
    background:#fff;
    border-bottom:3px solid #fff;
    border-left:3px solid #fff;
    border-right:3px solid #fff;
}

.appTitle
{
    position:relative;
    margin:0 0 4px 0;
}

.menuContainer
{
    position:relative;
    width:100%;
    padding:8px 20px 8px;
    background:#c6d0df;
    border-top:3px solid #fff;
    border-left:3px solid #fff;
    border-right:3px solid #fff;
}

    .menuContainer.auto
    {
        width: auto !important;
    }

.menuContainer .floatLeft
{
    position:relative;
    float:left;
    margin-right:8px;
}

.menuContainer .floatRight
{
    position:relative;
    float:right;
    margin-left:8px;
}

.loginContent
{
    position:relative;
    margin:15px 0 15px 0;
}

.content
{
    position:relative;
    margin:15px 0 15px 0;
    padding:6px;
    border:1px solid #eee;
}

.buttonContainer
{
    position:relative;
    margin:0 0 20px 0;
    background:#fafafa;
    padding:4px;
}

.buttonContainer .floatLeft
{
    position:relative;
    float:left;
    margin-right:8px;
}

.loggedInName
{
    margin:5px 0 0 0;
}

.clear
{
    position:relative;
    clear:both;
}

.formLayout
{
    position:relative;
}

.footer
{
    position:relative;
    margin:10px 0 10px 0;
    text-align:center;
}

#loading-mask
{
    position:fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ccc;
    filter: alpha(opacity:85);
    KHTMLOpacity: 0.85;
    MozOpacity: 0.85;
    opacity: 0.85;
    z-index: 1;
}
#loading
{
    position: fixed;
    top: 40%;
    left: 45%;
    font-size:11px;
    font-weight:bold;
    z-index: 2;
}
#loading SPAN
{
    background: url(../Images/Custom/loader.gif) no-repeat left center;
    padding: 5px 30px;
    display: block;
}

.float-left
{
    float: left;
}

.float-right
{
    float: right;
}

.telephone-application-highlight td
{
    /*border-bottom: 1px solid #995 !important;
    background: #ffeeee !important;*/
}

/*Notes*/
.note-wrapper,
.grid-wrapper
{
    position: relative;
    margin: 10px;
    }

    .grid-wrapper .note-cell
    {
        width: 400px;
    }

    .note-wrapper h3,
    .note-wrapper .button
    {
        position: relative;
        margin: 8px 0;
    }

    .note-wrapper textarea
    {
        width:100%;
        height:50px;
        font-family:inherit;
        color:inherit;
        font-size:12px;
    }
    .note-wrapper .button
    {
        clear:both;
    }
    .note-wrapper .button input[type="submit"]
    {
        padding:2px 10px;
    }

    .note-wrapper span.field-validation-error
    {
        position: relative;
        float: none;
        width: auto;
        margin-bottom: 5px;
        padding: 0px 8px;
        color: red;
        border-top: 2px solid red;
        text-align:left;
    }

    .note-wrapper .label-text
    {
        font-weight: bold;
    }

    .note-wrapper .label-value
    {
        font-weight: normal;
    }

    .note-wrapper .label-text,
    .note-wrapper .label-value
    {
        padding: 0px 20px 10px 0px;
        vertical-align:top;
    }


@media all
{
  .page-break { display:none; }
}

@media print
{
  .page-break { display:block; page-break-before:always; }
}