/* These are here specifically for disabled items in firefox */
input[type="submit"][disabled] { color:silver;}
td[disabled] font { color:silver; }
a[disabled],a[disabled]:hover { color:silver; }

input[type="submit"],
input[type="button"]
{
    -webkit-appearance: none !important;     
   
}

input[type="text"],input[type="number"],
textarea
{
    -webkit-appearance: none !important;                 
}


html,body
{
  margin:0px;
  padding:0px;
  height:100%;
  min-height:100%;
  min-width:100%;
  width:100%;
  border:none;      
}

body
{    
    background: white;
}

body,  body.print
{	
    background-color: white;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal;      
    margin:0;
}

.PrintOnly
{
    display: none;
}

.SiteContainer 
{
	position:absolute; /* needed for footer positioning*/
    margin:0px; /* center, not in IE5 */	
    padding:0px;    
    height:100%; /* IE6: treaded as min-height*/
    min-height:100%; /* real browsers */
    width:100%;         
    right:0px;  
    top:0px;   
    bottom:0px;   
    left:0px;            
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1120px;
    }
}

@media (min-width: 1400px) {
    .container {
        width: 1320px;
    }
}


img 	{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;	
	border:0;
	}
	
a 
{
	color: white;		
	text-decoration: none;
}	
		
a:hover	
{
	color: #FFCC00;	
	text-decoration:	none;	
}

div.masthead, div.mastheadSmall {
    background-color: rgb(0, 38, 76);
    color: #ffffff;
}

div.masthead {
    background: url(./images/bg-header.png) #002C47 bottom center no-repeat;
    background-size: 1100px;
    height: 95px;
}

div.mastheadSmall {
    height: 50px;
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;        
    }
    .display-xs {
        display: block;
    }
}

@media (min-width: 768px) {
    .display-xs {
        display: none !important;        
    }
}

.headerBackground
{
    background-color: #00264C;
    background-image:  url(./images/tga-key-graphic.gif);
    background-repeat: no-repeat;
    background-position: right;
  
}

.footerBackground
{
    background-color: #00264C;    
}

.formBackground
{
    vertical-align: top;
    background-color: rgb(233, 241, 249);
    height: 100%;    
    padding: 0px 40px 0px 40px;
}

@media (max-width: 767px) {
    .formBackground {
        padding: 0px 20px 0px 20px;
    }
}

.helpTable
{
    width:100%;
    border-collapse:collapse;
    border:none;
}

.formTitle, .formSectionHeading, .formSectionSubHeading, .formBigLabel
{
    font-family:  'Open Sans', sans-serif;
    font-size: 26px;    
    font-weight: bold;
    color: white;
    white-space: nowrap;
}

.formBigLabel 
{
    color: #013972;
}

.formSectionHeading
{    
    font-size: 20px;    
    padding-left: 15px;  
    padding-top: 7px;  
    padding-bottom: 7px;
    text-shadow: 0px -1px 0px rgb(0,0,0);
}

.formSectionHeadingRow
{        
    background-color: rgba(0, 136, 209, 1);  
}

tr.formSectionFirstRow > td, .formSectionFirstRow
{
    padding-top:10px;
}

tr.formSectionLastRow > td, .formSectionLastRow
{
    padding-bottom:15px;
}

tr.formNavigationRow > td, .formNavigationRow
{
     padding-top: 5px;
     padding-bottom: 9px;
}

.formSectionSubHeading
{    
    font-size: 16px;    
    color:Black;
}

.formSectionSubHeadingRow
{    
    padding-top: 12px;
    padding-bottom: 7px;
}

.formPrintLogo
{ 
    display:none;
}

.formLogo
{   
    display: block;  
}

.formLabel, .formInput, .formInputDisabled, .formMessage, .formHeaderMessage, .formLabelItalic, .formInputLabel,
.formStepTitle, .formInstruction, formInstructionMessage, .formRadio, .formValidator, .formValidationSummary
{
	font-family: 'Open Sans', sans-serif;
    font-size: 14px;
	color: Black;	   
    font-weight: 600; 
}	

.formRadio
{
    display: inline-block;
    font-weight: normal;
    min-width: 80px;    
}

 .pageNavigationInput
{
	color:Black;
}

.formInput, .formInputDisabled
{
    font-weight: normal; 
    background-color: White;	
    border: solid 1px #AFAFAF;
    padding-left: 2px;
    margin-bottom: 4px;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    transition:box-shadow 0.4s, border 0.4s; -webkit-transition:-webkit-box-shadow 0.4s, border 0.4s; -moz-transition:-moz-box-shadow 0.4s, border 0.4s; 
 }

.formInput:focus,
.formInputLabel:focus
{
    box-shadow:0 0 4px #0080c0; -webkit-box-shadow:0 0 4px #0080c0; -moz-box-shadow:0 0 4px #0080c0;
}

.formInputDisabled
{
    background-color: #F1F5F9;        
}

.formInputMandatory
{
     border-top: solid 1px red;    
     border-left : solid 1px red;
}

.formInputLabel
{    
    display:  none;       
}

.formMessage, .formInstruction, .formInstructionMessage
{   
    font-weight: normal;   
    vertical-align: middle;    
    color: #04548e;    
    white-space: pre-wrap;  
}

.formStepTitle
{
    font-size: 18px;
    font-weight: bold;   
}

.formInstruction
{
    font-weight: bold;
    font-size: 18px;
    padding-top: 15px;
    padding-bottom: 10px;
}

.formInstructionMessage
{
    padding-bottom: 10px;
}

.formHeaderMessage
{         
    font-family: Arial;
    font-size: 13px;
    vertical-align: middle;  
    font-weight: bold;	       
    color: #E2EDF6;
}


.formValidator, .formValidationSummary
{	
    vertical-align: middle;    
	color: Red;
}

.formValidationSummary
{
    padding: 20px;
    white-space:pre-wrap;
}


.formLabelItalic
{
    font-style: italic;
}

.formButton, .formButtonLarge, .formButtonSmall
{
    font-family: Candara, MS Sans Serif, Geneva, Arial;	
    font-size: 12px;    
    height: 23px;
    width: 60px;		
 }	

.formButtonLarge
{
    font-size: 18px;
    height: 35px;
    width: 170px;
}

.formButtonSmall
{
    width: 26px;	
    background-color: #006eab;
    color: white;
    border: solid 1px #B0B4B7;
    border-radius: 3px;	
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    -ms-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}	

.formButtonStep, .formButtonLarge2, .fileContainer
{
    font-family: 'Open Sans', sans-serif;
    background-color: #006eab;
    color: white;
    border: solid 1px white;
    font-size: 18px;
    height: 40px;    
    width: 200px;
    text-align: center;
    vertical-align: middle;
    -moz-border-radius: 6px;
    border-radius: 6px;	
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    -ms-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}

.fileContainer {
    overflow: hidden;
    position: relative;
    background-color: rgba(0, 136, 209, 1);
    width: 100%;
}

.fileContainer:hover, .formButtonStep:hover, .formButtonLarge2:hover, .formButtonSmall:hover
{	
	background-color: #0093d8;	
 }	

.fileContainer [type=file] {
    cursor: pointer;
    display: block;    
    filter: alpha(opacity=0);    
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    height: 100%;    
    width: 100%;
}

.calendarSelect, .calendarWeekend, .calendarDay, .calendarSelectNav, .calendarSelectDay
{
    font-family: 'Open Sans', sans-serif;
	font-size: 13px; 	
	-webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;	
}

.calendarWeekend, .calendarDay, .calendarSelectNav
{	
	font-weight:  normal ;		
}

.calendarSelect
{
    background-color: White;
    border: none;
    -webkit-appearance: none !important;     
    padding: 2px;  
}

.calendarWeekend
{
	background-color: transparent;
}

.calendarRow
{
	background-color: transparent;
    text-align: center;
}

.calendarTitle
{
	background-color: #158ABF;		
}

.dlSummary
{
	border-bottom-width: 0px;	
	border-top-width: 0px;	

	border-left-style: solid;
	border-left-width: 1px;	
	border-left-color: #B0B4B7;	
	border-right-style: solid;
	border-right-width: 1px;	
	border-right-color: #B0B4B7;	
	
}

.dlSummary td
{
	border-bottom-width: 0px;	
	border-top-width: 0px;	
	
	border-left-style: solid;
	border-left-width: 1px;	
	border-left-color: #E0E4E7;	
	border-right-style: solid;
	border-right-width: 1px;	
	border-right-color: #E0E4E7;	
	
	padding-left:4px;
}

.dlSummaryItem,
.dlSummaryAlternatingItem,
.dlSummarySelected,
.dlSummaryHovered,
.dlSummaryHoveredSelected
{
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	background-color: white;		
	height: 34px;
}


.dlSummaryHeader,
.dlSummaryFooter
{
	font-family: 'Open Sans', sans-serif;
    font-size: 13px;
	color: White;
	height: 34px;	
}

.dlSummaryFooter
{
	border-style: outset;
	border-width: 1px;	
	border-color: white;
	border-top-style: solid;		 	
	padding-left: 10px;
	padding-right: 7px;
}


.dlSummarySelected
{
	background-color: #A7D3EE;			
}

.dlSummaryHovered
{
	background-color: #CAE6FD;		
}

.dlSummaryHoveredSelected
{
	background-color: #84C0FF;			
}

.dlSummaryAlternatingItem
{
	background-color: rgb(233, 241, 249);
}

.dlSummaryHeader,
.dlSummaryFooter
{
    background-color: #013972;	
}

/* Styles for the Privacy Warning Modal Message */
#overlay {
	position: fixed; 
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
 
#modal {
	position: absolute;
	background: url(./images/tint20.png) 0 0 repeat;
	background: rgba(0,0,0,0.2);
	border-radius: 10px;
	padding: 5px;
}
 
#content {
	border-radius: 6px;
	background: #fff;
	padding: 40px;
}
 
#close {
	position: absolute;
	background: url(./images/close.png) 0 0 no-repeat;
	width: 24px;
	height: 27px;
	display: block;
	text-indent: -9999px;
	top: -5px;
	right: -5px;
}

/* Privacy Warning Content Styles */
#PopupMessage {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
	color: Black;	    
    white-space: pre-wrap; 
    max-width: 750px;       
    font-weight: bold;     
}        
        
#PopupMessage a, .formMessage a, .formInstructionMessage a {
    color: Navy;
}  
        
#PopupMessage #List {
    margin: 0px;            
    white-space: normal;                                    
}
        
#PopupMessage #List li {
    padding-top: 10px;
}

.Help
{
    cursor: help;
}

/* Control blocker styles */

.ControlBlocker 
{               
    display: none;
    position: fixed;    
    left: 0px; 
    top: 0px; 
    z-index: 100;
    margin: auto;                
}

.ControlBlockerImage
{
    background: url(./images/ControlBlockerBackground.gif) no-repeat center center;
    opacity: 0.5; 
    filter: alpha(opacity=50);       
}

.ControlBlockerNoImage
{
    background: url(./images/trans.gif) no-repeat center center;
}

.ControlBlockerText
{
    color: White;
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;        
    position: relative;    
    text-align: center;    
}

.RowAlternate
{
    background-image: url(./images/WhiteTransparentBG50.png);
    background-repeat: repeat;    
}

.PickerContainer
{
    -moz-box-shadow: 2px 2px 4px #777;
	box-shadow: 2px 2px 4px #777;
}

iframe.Popup
{
    border: solid 1px grey;
    visibility: inherit;
}

.PickerBody
{
    background-color: rgb(233, 241, 249);
}

.ProgressIndicator{
    padding-top: 20px;
}

ol.progress {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.progress {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
}

ol.progress li.list-group-item {
    width: 100%;
    border-right: solid 2px #fff;
    padding: 10px;
    align-self: stretch;
    line-height: 1.2em;
    counter-increment: step-counter;
    padding-right: 50px;
}

    ol.progress li.list-group-item span.steplabel {
        font-size: 16px;
    }

    ol.progress li.list-group-item:last-child {
        border-right: solid 0px #fff;
    }

    ol.progress li.list-group-item:nth-child(2) {
        border-left: solid 0px #fff;
    }

li.list-group-item-success {
    background-color: #abcc59;
    color: #333;
    background-image: url(./images/tick-icon-grey-dark.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 34px 34px;
    padding-right: 50px;
}

ol.progress li.list-group-item.incomplete {
    background-color: #CCCCCC;
    color: rgba(255,255,255,0.5);
    background-image: url(./images/icon-right.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 38px 38px;
    padding-right: 50px;
}

ol.progress li.list-group-item.active {
    background-color: #006EAB;
    color: #fff;
    font-weight: bold;
    background-image: url(./images/edit-icon.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 38px 38px;
    padding-right: 50px;
    display: block;
}

@media (max-width : 768px) {
    ol.progress li.list-group-item-success {
        background-position: 8px bottom;
        padding-right: 0px;
    }
}

@media (max-width : 768px) {
    ol.progress li.list-group-item.incomplete {
        background-position: left bottom;
        padding-right: 0px;
    }
}

@media (max-width : 768px) {
    ol.progress li.list-group-item.active {
        background-position: right bottom;
        padding-right: 50px;
        min-width: 150px;
    }
}


@media (max-width : 768px) {
    ol.progress li.list-group-item.incomplete,
    ol.progress li.list-group-item-success,
    ol.progress li.list-group-item.incomplete span.steplabel,
    ol.progress li.list-group-item-success span.steplabel {
        font-size: 0px !important;
        padding-top: 15px !important;
    }
}

@media (max-width : 768px) {
    ol.progress li.list-group-item.incomplete span.steplabel:after,
    ol.progress li.list-group-item-success span.steplabel:after {
        content: counter(step-counter);
        padding-left: 5px;
        font-size: 16px;
    }
}


.formIcon
{
    text-align:right; 
    width: 30px;
}

.FullWidth
{
    width: 100%;
    border-collapse: separate;
    border-spacing:  0px 3px;
}  

.FullWidthNoSpace, .FormTable
{
    width: 100%;
    border-collapse: collapse;
    border-spacing:  0px 0px;
    margin: 0px;
    padding: 0px;    
}

.FormTable > tr > td, .FormTable > tbody > tr > td
{
    padding-bottom: 10px;
    padding-right: 10px;
}

.FormTable > tr > td:last-of-type, .FormTable > tbody > tr > td:last-of-type
{
    padding-right: 0px;
}


 .singleSmall
 {    
    white-space: nowrap;
    height: 25px;
 }

 .singleSmall .formInput
 {    
    white-space: pre-wrap;
 }
 
  .singleSmallInput
 {    
    padding-top: 5px;
 }
  
@media only screen and (max-width: 767px) {    
    .singleSmallContainer {
        display: block !important;
        width: 100% !important;
    }

    .singleSmall {
        display: block !important;
        white-space: normal !important;
        height: auto !important;
    }

    .formButtonStep, .formButtonLarge2 {
        min-width: 150px;
        width: auto;
    }

    .FormTable > tr > td, .FormTable > tbody > tr > td {    
       padding-right: 0px;
    }
}