/* maintenance related pages CSS */

body {
    margin: 0;
    padding: 0;
}

#maint{
    background-color: #efefef;
    height: 100vh;
}

#maint .container {
    width: 998px;
    margin: auto;
    padding-top: 20px;
    position: relative;
}

.nweaFooter {
    position: relative;
    width: 998px;
    height: 24px;
    margin: auto;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #8d8d8d;
}

.nweaFooterCopyright {
    position: absolute;
    padding-left: 24px;
    width: 409px;
    font-size: 0.667em;
}

.nweaFooterFootnote {
    display: inline;
    position: absolute;
    left: 48%;
    font-size: 0.833em;
}

.nweaFooterLogo {
    position: relative;
    float: right;
    padding-right: 24px;
    width: 90px;
    height: 20px;
    background: url(tp_nweaGraphite.png) no-repeat; /* png fallback for older browsers */
    background-size: contain; /* rule for old browser like Safari 6 or earlier */
    background-position: center;
    background: url(tp_nweaGraphite.svg) no-repeat,
        linear-gradient(transparent, transparent); /* see https://css-tricks.com/a-complete-guide-to-svg-fallbacks/ */
}

.nweaFooterLogoFallback img{
  display: none;
}

.noLockdownMessage {
    font-size: 1.1em;
    color: #3a3a3a;
    font-family: Arial, Helvetica, sans-serif;
}

.warningMessage {
    font-size: 1.5em;
    color: #c40f0f;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.opts-maintenance {
    margin-left:10%;
    margin-top:-15px;
    text-align: left;
    width: 480px;
    height: 70px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: .85em;
}

/*===========================================================================*/
/* paper background template A */
/*===========================================================================*/

.headerTemplateA {
    width: 998px;
    height: 24px;
    margin: auto;
    background: url(tp_paperHeader.png) no-repeat;
}

.footerTemplateA {
    width: 998px;
    height: 24px;
    margin: auto;
    background: url(tp_paperFooter.png) no-repeat
}

.bodyTemplateA {
    width: 998px;
    padding: 5px;
    height: 600px;
    margin: auto;
    background: url(tp_paperFill.png) repeat-y;
}

.contentTemplateA {
    margin-left: 350px;
    width: 500px;
    margin-top: 130px;
}

/*===========================================================================*/
/* images */
/*===========================================================================*/

.mapGrowthImg {
    width: 125.2pt;
    height: 50.5pt;
    background: url(tp_mapGrowthJigsawStackedAsterisk.png) no-repeat; /* png fallback for older browsers */
    background-size: contain; /* rule for old browser like Safari 6 or earlier */
    background-position: center;
    background: url(tp_mapGrowthJigsawStackedAsterisk.svg) no-repeat,
    linear-gradient(transparent, transparent); /* see https://css-tricks.com/a-complete-guide-to-svg-fallbacks/ */
    position: absolute;
    top: 63pt;
    left: 73pt;
}

.paperDrawingsImg {
    width: 165px;
    height: 385px;
    background: url(tp_paperDrawings.png) no-repeat;
    position: absolute;
    top: 295px;
    left: 67px;
}

div.maintenance-message-alert{
    font-family:Verdana,Arial,Helvetica,sans-serif;
    text-transform:none;
    font-size:1.2em;
    color:#000;
    border:1px dotted;
    padding:20px;
    background-color:#FDB9B8;
    text-align:center;
}
div.maintenance-message-content{
    font-family:Verdana,Arial,Helvetica,sans-serif;
    text-transform:none;
    font-size:1.5em;
    color:#000;
    border:1px dotted;
    padding:20px;
    background-color:#FDB9B8;
    text-align:left;
}