﻿body
{
    background: #FFFFFF;
    font: normal 10pt Tahoma;
    margin: 0px;
    padding: 0px;
    text-transform: none; 
    
}
div#header { position: relative; z-index: 100; }
div#header div#page-top { background: #0054a4; height: 100px; }
div#header div#page-top div.main-wrapper { margin: 0px auto; position: relative; width: 100%;
    top: 0px;
    left: 0px;
    height: 100px;
}
div#header div#page-top div.logo
{
    display: inline-block;
    padding: 10px 0px 0px 10px;
    position: absolute;
    top: 10px;
    left: 25px;
    height: 70px;
    width: 289px;
}
div#header div#page-top div.slideshow
{
    position: absolute;
    top: 0px;
    left: 5px;
}
div#header div#page-top div.TechCenterLogo
{
    color: Orange;
    font: bold 12px Castellar;
    position: absolute;
    top: 5px;
    right: 15px;
}
div#header div#page-top div.Links
{
    color: #FFFFFF;
    font: normal 12px Tahoma;
    position: absolute;
    top: 80px;
    right: 30px;
    text-align: right;
}
div#header div#page-top div.Link2
{
    color: #FFFFFF;
    font: normal 12px Tahoma;
    position: absolute;
    top: 80px;
    right: 90px;
    text-align: right;
}
.demoarea
{
    padding: 10px;
    background: #FFF url(images/demotop.png) no-repeat left top;
    font-size: 12px;
}
.ddLabels
{
    font-family: Tahoma;
    font-size: 10pt;
    font-weight: bold;
    color: #800000;
    text-align: center;
    vertical-align: bottom;
}
.tabs
{
    text-align: left;
    position: fixed;
    bottom: 0;
    margin: 0 auto;
    z-index: 100;
    width: 100%;
}
.DataLabel1
{
    font-family: Tahoma;
    font-size: 10pt;
    font-weight: bold;
    color: Red;
    text-align: center;
    width: 500px;
}
.DataLabel2
{
    font-family: Tahoma;
    font-size: 10pt;
    font-weight: bold;
    color: #800000;
    text-align: right;
    width: 450px;
}
.nfrcborder
{
    border-top-style: solid;
    border-top-width: thin;
    border-top-color: #000099;
}
.gridviewheader
{
    font: Tahoma;
    font-size: 10pt;
    font-weight: bold;
    background-color: #E9E9E9;
    text-align: center;
    color: #CC3300;
}
.gridviewlink
{
    font: Tahoma;
    font-size: 10pt;
    font-weight: bold;
    background-color: #E9E9E9;
    text-align: center;
    color: Blue;
    text-decoration: underline;
}
.columnaligncenter
{
font: Tahoma;
font-size: 9pt; 
text-align: center;
}
.columnalignleft
{
font: Tahoma;
font-size: 9pt; 
text-align: left;
}
        .MyTabStyle .ajax__tab_header
{
    font-family: Tahoma;
    font-size: 12px;
    color: #990000;
}
        .MyTabStyle .ajax__tab_header .ajax__tab_outer
{
    color: #990000;
    padding-left: 10px;
    margin-right: 3px;
    border: 1px solid #0000FF;
}
        .MyTabStyle .ajax__tab_header .ajax__tab_inner
{
    border-color: #990000;
    color: #990000;
    padding: 3px 10px 2px 0px;
}
        .MyTabStyle .ajax__tab_hover .ajax__tab_outer
{
    background-color: #8FDBE9;
}
        .MyTabStyle .ajax__tab_hover .ajax__tab_inner
{
    color: #990000;
}
        .MyTabStyle .ajax__tab_active .ajax__tab_outer
{
    background-color: #8FDBE9;
}
        .MyTabStyle .ajax__tab_active .ajax__tab_inner
{
    color: #8FDBE9;
}
        .MyTabStyle .ajax__tab_body
{
    font-family: Tahoma;
    font-size: 12px;
    background-color: #E1F0FF;
    color: Navy;
    padding-top: 5px;
    padding-bottom: 5px;
}
.menutab
{
    background-color: #E1F0FF;
}
.menutitle{
cursor:pointer;
margin-bottom: 5px;
background-color:#ECECFF;
color:#000000;
width:150px;
padding:2px;
text-align:center;
font-weight:bold;
/*/*/border:1px solid #000000;/* */
}
 .MinMax
{
    font-family: Tahoma;
    font-size: 11px;
    color: Red;
    font-weight: bold;
}
.footer
{
    background-color: #DFDFDF;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 20px;
    margin: 0 auto;
    text-align: center;
}
.content
{
    min-height: 100%;
    padding-bottom: 30px;
}
.btn
{
    color: #FFFFFF;
    font-family: "Montserrat" , sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    margin: 0.5rem;
    padding: 0.25rem;
    border: thin solid maroon;
    border-radius: 0.5rem;
    font-size: 12px;
    font-weight: bold;
    background-color: #0000FF;
    position: relative;
    box-shadow: -3px 3px gray, -2px 2px gray, -1px 1px gray;
}

.btn:hover
{
    background: #FFFF99;
    color: maroon;
    font-weight: bold;
    box-shadow: -3px 3px orange, -2px 2px orange, -1px 1px orange;    
}
@keyframes customBlink {
    0% {
        opacity: 0;
    }

    25% {
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    75% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.blinking-text {
    animation: customBlink 6s linear infinite;
    font-size: 11px;
    text-align: left;
    color: red;
    font-weight: bold;
}