body
{
	background-color: #c5c5c6 !important;
	color: #001c39;	
	font-family: Tahoma, 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px; 
}
UL 
{ 
	margin-top: 3px; 
	margin-bottom: 3px; 
}
table
{
	width: 100%;
	border-collapse: collapse;
}

A:link {text-decoration: none; font-weight: normal; color: #0067D2; font-size: 13px;}
A:visited {text-decoration: none; font-weight: normal; color: #80AAD7; font-size: 13px;}
A:active {text-decoration: none; font-weight: normal; color: #0067D2; font-size: 13px;}
A:hover {text-decoration: underline; font-weight: normal; color: #0067D2; font-size: 13px;}

A.RowHeaderLink:link {text-decoration: none; font-weight: bold; color: white; background-color: #001c39; font-size: 13px;}
A.RowHeaderLink:visited {text-decoration: none; font-weight: bold; color:  white; background-color: #001c39; font-size: 13px;}
A.RowHeaderLink:active {text-decoration: none; font-weight: bold; color: white; background-color: #001c39; font-size: 13px;}
A.RowHeaderLink:hover {text-decoration: underline; font-weight: bold; color: #597797; background-color: #001c39; font-size: 13px;}

tr.RowHeader td
{
	color: white;
	background-color: #001c39;
	font-family: Tahoma, 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
tr.RowNormal td
{
	background-color: #e5e5e5;

}
tr.RowAlt td
{
	background-color: #c5c6c6;	
}

.RptRowAlt{
    background-color: #f5f5f5;	
    height:40px;
    padding-top:10px;
}

.RptRow{
    background-color: white;
    height:40px;
    padding-top:10px;
}

.RptHead{
    border-bottom:1px solid #ccc;
    height:40px;
    padding-top:10px;
}

.ValSummary
{
    font-family: Tahoma, 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;    
	font-size: 13px;
}
.ValSummaryHeader
{
    font-family: Tahoma, 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;    
    font-size: 13px;
    /*color: #001c39;*/
}
.contentTitle
{
	color: #001c39;
	font-weight: bold;
	text-transform: uppercase;
}
.contentSubTitle
{
	color: #001c39; /*002e5f;*/
	font-size: 13px;	
	font-weight: bold;
}
.ResultsHeader
{
	color: #ffffff;
	background-color: #001c39;
	font-weight: bold;
	font-size: 14px;
}
.ResultsSubHeader
{
	color: #ffffff;
	background-color: #000;
	font-weight: bold;
	font-size: 14px;
    padding-left:10px;
}
.TableBorder
{
    border-style: solid;
    border-width: 1px;
    border-color: #001c39;
}
.Error
{
    color: #dc291e;
    font-weight: bold; 
}
.BlackBold
{
    color: #001c39;
    font-size: 13px;      
    font-weight: bold;
}
.BlackBoldUpper
{
    color: Black;
    font-weight: bold;
    text-transform: uppercase;
}
.OpaqueDiv
{
    filter: Alpha(Opacity=40); -moz-opacity:0.4; opacity: 0.4;
    width: 100%; height: 100%; background-color: #4d4e53;
    position: absolute;
    z-index: 500;
    top: 0px; left: 0px;
}
.tab
{
    margin-left: 20px;
}
tr.spaceUnder > td 
{   
    padding-bottom: 0.0em;
}
.contactresultsheader
{
	background-color: #597797;
    height: 13px;
    font-weight: bold;
    color: #ffffff;
}
.centerit
{
    margin-left: auto;
    margin-right: auto;
    position: absolute;
}
.DedicationResultLinks
{
    font-family: Tahoma, 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    background-color: #001c39;
}
.hiddenDiv
{
    border-style: solid;
    border-color: #FF0000;
    display: none;
    max-width: 350px;
    position: absolute;
    top: 30%;
    left:10%;
    color: #FF0000;
    background-color: #FFFFFF;
}
.hiddenLabel
{
    display: none;
}
.MainHeader {
    background-color: #001c39;
    height: 38px;
    padding-top: 1px;
    text-align: center;
}

    .MainHeader > h1 {
        color: #ffffff;
        font-weight: bold;
        font-size: 15px;
        margin-top: 10px;
    }

.Banner {
    max-width: 1200px;
    height: 140px;
    background-repeat: no-repeat;
    background-image: url(/includes/bg_header.png);
    background-position-x: center;
}

.HeaderText
{
    color: #001c39;
}
.SessionWarningHeader
{
    color: #FFFFFF;
	background-color: #FF0000;
	font-weight: bold;
	font-size: 13px;  
    text-align:center;
    line-height:24px;
}

.SessionWarningContent
{
    width:300px;
    font-weight: bold;
    color:#dc291e;
    text-align:center;
    padding-top:25px;
    padding-bottom:25px;

}
.SessionWarningCloseButton
{
    text-align:right;
    padding-right:5px;
    padding-bottom:2px;
}
.noindex
{
    border-style:solid;
    border-color: #001c39;
    border-width: 2px;
    /*max-width: 1006px;*/
    height: auto;
    /*position: absolute;
    top: 190px;*/
    background-color: #FFFFFF;
    text-align:center;
}
.HeaderIndex
{
    border-style:solid;
    border-color: #001c39;
    border-width: 2px;
    width: 1006px;
    height: auto;
    position: absolute;
    top: 225px;
    background-color: #FFFFFF;
    text-align:center;
}
.dlt:link
{
    color: #0067D2;
    font-weight: normal;
    text-decoration: none;
    font-size: 13px;
}
.dlt:hover
{
    font-weight: normal;
    font-size: 13px;
    text-decoration: underline;
    color: #0067D2;
}
.rptVeteranInfo:link
{
    color: #0067D2;
    font-weight: normal;
    text-decoration: none;
    font-size: 13px;
}
.rptVeteranInfo:hover
{
    font-weight: normal;
    font-size: 13px;
    text-decoration: underline;
    color: #0067D2;
}
.ReservedWordWarningDiv
{
    width: 250px;
    position: absolute;
    top: 12%;
    left: 0%;
}
.Required 
{
    color: #CC211E;
    font-weight: bold;
    display: inline;
}

.RemoveButton
{
    color: white !important;
}


.rowLink:link {text-decoration: none; font-weight: normal; color: #0067D2; font-size: 13px;}
.rowLink:visited {text-decoration: none; font-weight: normal; color: #80AAD7; font-size: 13px;}
.rowLink:active {text-decoration: none; font-weight: normal; color: #0067D2; font-size: 13px;}
.rowLink:hover {text-decoration: underline; font-weight: normal; color: #0067D2; font-size: 13px;}


.Content
{
    background-color:white; 
    border:solid; 
    border-style:solid; 
    border-color:#E5E5E5; 
    border-width:5px;
}

.Content-Inner
{
    padding-left:20px;
    padding-right:20px;
}

.RequiredNotice 
{
    color: #CC211E;
    font-weight: normal;
    padding-top: 20px;
}

.Red 
{
    color: #CC211E;    
}

.row_form
{
    padding-top: 10px !important;   
}

div.checkoutWrapper {
    position: relative;
    padding-bottom: 15.25%;
    height: 0;
    text-align: center;
}

div.checkoutWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* CSS for the Live Help window */
#divLiveHelp {
    background-color: hsl(36, 100%, 51%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffc36b", endColorstr="#ff9b05");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#ffc36b), to(#ff9b05));
    background-image: -moz-linear-gradient(top, #ffc36b, #ff9b05);
    background-image: -ms-linear-gradient(top, #ffc36b, #ff9b05);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffc36b), color-stop(100%, #ff9b05));
    background-image: -webkit-linear-gradient(top, #ffc36b, #ff9b05);
    background-image: -o-linear-gradient(top, #ffc36b, #ff9b05);
    background-image: linear-gradient(#ffc36b, #ff9b05);
    height: 100px;
    width: 125px;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Opera, Chrome, and Safari */
    position: fixed;
    top: 250px;
    right: -40px;
    float: right;
    z-index: 2;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 0px 14px;
    border-top-left-radius: 5px 5px;
    border-bottom-right-radius: inherit;
    border-top-right-radius: 5px 5px;
    border-bottom-left-radius: inherit;
    border-color: #ff9b05 #ff9b05 hsl(36, 100%, 46%);
    color: #333 !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.33);
    -webkit-font-smoothing: antialiased;
    font-family: 'Lato';
    font-size: 20px !important;
    font-weight: bold;
    overflow: hidden;
    cursor: pointer;
}

    #divLiveHelp a:link {
        text-decoration: none;
        font-weight: bold;
        font-size: 20px;
        color: #333 !important;
    }

    #divLiveHelp a:visited {
        text-decoration: none;
    }

    #divLiveHelp a:hover {
        text-decoration: none;
    }

    #divLiveHelp a:active {
        text-decoration: underline;
    }
/* End live help css*/

a:link.btn-gb-default {
    font-weight: bold;
}



@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato.woff') format('woff');
}

.btn-gb-default {
    background-color: #3379B7 !important;
    background-image: none;
    color: #fff !important;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif !important;
    font-size: 13px !important;
    min-width: 110px;
    min-height: 36px;
    font-weight: bold;
    border-radius: 0;
    margin-top: 5px;
}

.btn-maxWidth
{
    max-width:300px;
    margin:auto;
}

.spinner {
    font-size: 4em;
    width: 5em;
    height: 6em;
    position: absolute;
    left: 0em;
    right: 0em;
    top: 0em;
    bottom: 0em;
    margin: auto;
}
.spinner-message-background {
    text-align: center;
    border-radius: 0.5em;
	background-color: rgba(255,255,255,0.75);
    box-shadow: 0em 0.0em 1em;
    
}
.spinner .spinner-message {
	position: relative;
	display: inline-block;
    top: 2.5em;
    padding: 0.25em;
    visibility: collapse;
}
.spinner p {
    font-size: 18px;
    font-weight: 600;
}
.spinner .spinner-progress {
    position: relative;    
    top: 1.5em;
    border-radius: 1em;
    margin: 1em;
	background-color: rgba(0, 0, 0, 0.3);
    visibility: collapse;
}
.progress .progress-bar {
    width: 30%;
	background-color: rgba(0, 0, 0, 0.3);
}
.progress span {
    position: absolute;
    display: block;
    width: 100%;
    color: rgba(255, 255, 255, 0.75);
}
.spinner .spinner-blade {
    position: absolute;
    left: 2.5em;
    top: 1.75em;
    width: 0.188em;
    height: 0.5554em;
    border-radius: 0.5em;
    background-color: transparent;
    -webkit-transform-origin: center -0.4444em;
        -ms-transform-origin: center -0.4444em;
            transform-origin: center -0.4444em;
    -webkit-animation: spinner-fade 1s infinite linear;
            animation: spinner-fade 1s infinite linear;
}
.spinner .spinner-blade:nth-child(1) {
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
}
.spinner .spinner-blade:nth-child(2) {
    -webkit-animation-delay: 0.083s;
            animation-delay: 0.083s;
    -webkit-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
            transform: rotate(30deg);
}
.spinner .spinner-blade:nth-child(3) {
    -webkit-animation-delay: 0.166s;
            animation-delay: 0.166s;
    -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
            transform: rotate(60deg);
}
.spinner .spinner-blade:nth-child(4) {
    -webkit-animation-delay: 0.249s;
            animation-delay: 0.249s;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}
.spinner .spinner-blade:nth-child(5) {
    -webkit-animation-delay: 0.332s;
            animation-delay: 0.332s;
    -webkit-transform: rotate(120deg);
        -ms-transform: rotate(120deg);
            transform: rotate(120deg);
}
.spinner .spinner-blade:nth-child(6) {
    -webkit-animation-delay: 0.415s;
            animation-delay: 0.415s;
    -webkit-transform: rotate(150deg);
        -ms-transform: rotate(150deg);
            transform: rotate(150deg);
}
.spinner .spinner-blade:nth-child(7) {
    -webkit-animation-delay: 0.498s;
            animation-delay: 0.498s;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}
.spinner .spinner-blade:nth-child(8) {
    -webkit-animation-delay: 0.581s;
            animation-delay: 0.581s;
    -webkit-transform: rotate(210deg);
        -ms-transform: rotate(210deg);
            transform: rotate(210deg);
}
.spinner .spinner-blade:nth-child(9) {
    -webkit-animation-delay: 0.664s;
            animation-delay: 0.664s;
    -webkit-transform: rotate(240deg);
        -ms-transform: rotate(240deg);
            transform: rotate(240deg);
}
.spinner .spinner-blade:nth-child(10) {
    -webkit-animation-delay: 0.747s;
            animation-delay: 0.747s;
    -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
            transform: rotate(270deg);
}
.spinner .spinner-blade:nth-child(11) {
    -webkit-animation-delay: 0.83s;
            animation-delay: 0.83s;
    -webkit-transform: rotate(300deg);
        -ms-transform: rotate(300deg);
            transform: rotate(300deg);
}
.spinner .spinner-blade:nth-child(12) {
    -webkit-animation-delay: 0.913s;
            animation-delay: 0.913s;
    -webkit-transform: rotate(330deg);
        -ms-transform: rotate(330deg);
            transform: rotate(330deg);
}

a.material-icons, i.material-icons {
    border-radius: 4px; /* this can be put in a separate class if needed*/
    border: 1px solid transparent;
    color: #f3bc47;
    text-decoration: none;
    padding: 2px;
    background-color: #fff;
    font-size: 24px !important; /* 24px preferred icon size */
}

.cardImage{
    width:32px;
}

@-webkit-keyframes spinner-fade {
  0% {
    background-color: #000000;
  }
  100% {
    background-color: transparent;
  }
}

@keyframes spinner-fade {
  0% {
    background-color: #000000;
  }
  100% {
    background-color: transparent;
  }
}

/* sign in page panels */
@media (min-width: 992px)
{
    .panel-signin
    {
        min-height: 20em !important;
    }
    .panel-signup
    {
        height: 20em !important;
    }
    #signUpPadding
    {
        height: 3em;
    }
}

@media (max-width: 992px)
{
    .panel-signup
    {
        height: 12em;
    }
}

@media (max-width: 768px)
{
    .panel-signin
    {
        min-height: 22em;
    }
}