﻿body {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    -webkit-text-size-adjust: 100%; /*Keep iOS from blowing up the font*/
    margin-top: 8px;
    margin-right: 8px;
    margin-bottom: 8px;
    margin-left: 8px;
}

a:link, a:visited, a:hover, a:active {
    text-decoration: none;
    cursor: pointer;
}

a img {
    /*IE8 puts a border around an image in an anchor*/
    border: none;    
}

.WELIS-type {
    color: #595959;
}

.WELIS-error {
    color: Red;
}

.WELIS-heading {
    font-weight: bold;
    color: #E98D3D;
}

.WELIS-list li {
    list-style: disc;
    list-style-position: outside;
    list-style-image: url(../Images/arrow-right.png);
}

.Gradient {
    background-image: -ms-linear-gradient(left, #FFFFFF 0%, #B0B0B0 100%);
    background-image: -moz-linear-gradient(left, #FFFFFF 0%, #B0B0B0 100%);
    background-image: -o-linear-gradient(left, #FFFFFF 0%, #B0B0B0 100%);
    background-image: -webkit-gradient(linear, left top, left top, color-stop(0, #FFFFFF), color-stop(1, #B0B0B0));
    background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #B0B0B0 100%);
    background-image: linear-gradient(to right, #FFFFFF 0%, #B0B0B0 100%);
}

form {
    min-width: 300px;
}

.Subtitle {
    font-size: 10px;
    float: right;
}

/*******************************************************************/
/***************************** Controls ****************************/
/*******************************************************************/
input, textarea, select {
    margin: 0px;
    padding: 1px;
    font-family: inherit;
    font-size: inherit;
    font-weight: normal;
    color: #595959;
    box-shadow: none;
}

input[type="text"], input[type="password"] {
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    border: solid 1px #595959;
}

input[type="text"], input[type="password"], select {
    height: 23px;
    box-sizing: border-box;
}

textarea {
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    border: solid 1px #595959;
    resize: none;
}

input[type="checkbox"], input[type="radio"] {
    border: solid 1px #595959;
    margin-right: 8px;
    position: relative;
    top: 1px;
}

input[type="submit"], input[type="button"] {
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    height: 23px;
    vertical-align: top;
    border: none;
    display: inline-block;
    background-color: #E98D3D;
    padding-left: 12px;
    padding-right: 12px;
    cursor: pointer;
    color: white;
    text-align: center;
    white-space: nowrap;
    box-sizing: border-box;
    min-width: 70px;
}

/*******************************************************************/
/****************************** Header *****************************/
/*******************************************************************/

#PageHeaderTopMenu {
    height: 27px;
}

#PageHeaderTopMenuContainer {
    max-width: 881px;
    margin-left: auto;
    margin-right: auto;    
}

#PageHeaderTopMenuLogoContainer{
    float: left;    
    white-space: nowrap;
}

#PageHeaderTopMenuContent {
    float: right;
    white-space: nowrap;
}

#PageHeaderTopMenuContent a {
    color: #636363;
    font-size: 12px;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
}

#PageHeaderBannerContainer {
    max-width: 881px;    
    margin-left: auto;
    margin-right: auto;
}

#divLogoContainer {    
    /*width: 500px;*/
    display: block;
    float: left;
}

#imgLogo {
    float: left;
    margin-top: 4px;
    margin-bottom: 5px;
}

#imgTopMenuLogoShort{
    width: auto;    
}

/*******************************************************************/
/****************************** Footer *****************************/
/*******************************************************************/

#PageFooter {
    /*color: #595959;   
    background-color: #dbdbdb;*/
    margin-top: 20px;
    text-align: center;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
}
.ApplicationVersion{
    color: white;
}
/*******************************************************************/
/************************** Page Content ***************************/
/*******************************************************************/

.NormalText {
    color: #595959;
}

#PageOuterContainer {
    overflow: hidden;
    max-width: 881px;
    margin: 0 auto;
}

#PageInnerContainer {
    max-width: 881px;
    float: left;
    margin: 0px;
    padding: 0px;
}

#PageContentContainer {
    max-width: 881px;
    margin: 0 auto;
}

#PageContent {
    overflow: hidden;
}

#WelisContentContainer {
    max-width: 881px;
    border: 1px;
}

#PageContent h1, h2, h3, h4, h5, h6 {
    color: #E98D3D;
}

#PageContent a {
    font-weight: bold;
    color: #E98D3D;
}

#PageContent p, .WELIS-list li {
    line-height: 20px;
    margin-bottom: 15px;
    color: #595959;
}

#PageContent input[type="text"], #PageContent label {
    color: #595959;
}

#PageContent strong {
    color: #E98D3D;
    font-weight: normal;
}

.captioned-image {
    background: #E2E2E2;
    padding: 10px;
    float: left;
    margin: 10px;
}

.captioned-image p {
    text-align: center;
    font-size: 10px;
    text-indent: 0;
    color: #E98D3D !important;
    line-height: 10px !important;
}

.captioned-image .header {
    font-weight: bold !important;
    font-size: 14px !important;
}

.caption-image img {
    width: 100%;
}

div.full-size-image {
    text-align: center;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
}

div.full-size-image > div {
    display: inline-block;
    text-align: left;
    max-width: 100%;
    max-height: 100%;
}

div.full-size-image > div > h3 {
    margin-top: 0px;
    margin-bottom: 2px;
    max-width: 100%;
    max-height: 100%;
}

div.full-size-image > div > img, div.full-size-image > div > a > img {
    max-width: 100%;
    max-height: 100%;
}

/*******************************************************************/
/************************** Waiting Screen *************************/
/*******************************************************************/

#divWaitingScreen {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    background-color: rgba(0,0,0,0.4);
    z-index: 10;
    overflow: auto;
}

/*******************************************************************/
/************************** Loading Screen *************************/
/*******************************************************************/

        .LoadingScreen{
            left: 0;
            line-height: 100px;
            margin-top: -50px;
            position: absolute;
            top: 50%;
            width: 100%;
            cursor: progress;
            background-color:white;
            border: solid 1px #E98D3D;
            display: none;
        }
        .LoadingScreen span{
            color: #E98D3D;
            font-size: 2em;
            text-align: center;
            display:block;
        }
        .Disable{
            opacity: .25;
            pointer-events:none;
        }

/*******************************************************************/
/**************************** Indicators ***************************/
/*******************************************************************/
#divNavigationCompact {
    height: 1px;
    width: 1px;
    position: absolute;
    top: 0;
    left: 0;
}

/*******************************************************************/
/**************************** Messaging ****************************/
/*******************************************************************/

        .Alert{
            color:red;
            font-weight:bold;
        }