@charset "utf-8";
/* CSS Document */

/* Claims Table */
	.top_align{
		vertical-align: top;	
	}
	
	.step3_table{
		padding-top:0px;
		padding-bottom:5px;
	}
	
	.step3_right_side{
		padding-left:5px;	
	}

/* Link to Q&A indent */
	.left_indent{
		padding-left:10px;	
	}

/* Grey text font */
	.grey_bold{
		font-size:14px;	
		font-weight:bold;
	}

/* Link separation */
	.links{
		padding-top:10px;
	}

/* Section headers */
	.section_header{
		background-color:#4277AE;
		color:white;
		padding-left:10px;
		padding-right:10px;
		padding-bottom:8px;
		margin-top: 15px;
	}

/* Panel headers */
	.bold_header{
		font-weight: bold;
		font-size:15px;
		padding-bottom:10px;
	}

/* Receivership status text */
	.receiv_status{
		font-weight: bold;
		font-size:15px;
		padding-bottom:0;
	}

/* Receivership status box */
	.status_container{
		width: 100%;
		display: table;
		position:relative;
		margin-top: 10px;
	}

/* Creditor, Depositor, and Borrower box container */
	.intro_container{
		width: 100%;
		display: table;
		position:relative;
		border-spacing: 10px;
	}

/* Creditor, Depositor, and Borrower box seperator */
	.intro_nest{
		margin-left: -20px;
		margin-right: -20px;
		margin-top: -10px;
	}

/* Creditor, Depositor, and Borrower boxes */
	.deposits, .loans, .services{
		width: 33%;
		padding: 10px 10px 10px 10px;
		display:table-cell;
		border:1px solid #ddd;
		background-color:#f6f6f6;
		padding-bottom:10px;
	}

/* Large descriptive text for each Creditor, Depositor, and Borrower box */
	.large_description{
		font-size:15px;	
		padding-bottom:10px;
	}

/* Container for scams box */
	.disclaimer_container{
		width:100%;
		padding-top:5px;
		text-align:center;
	}

/* Scams image */
	.disclaimer_icon{
		vertical-align:middle;	
		padding-right:5px;
	}

/* Mobile container for scams box */
	.mobile_disclaimer_container{
		display:none;
		width:100%;
		padding-top:10px;
		margin-left:10px;
	}

/* Terminated container for scams box */
	.disclaimer_container_terminated{
		width:100%;
		padding-top:25px;
		text-align:center;
	}

/* Right side of scams box */
	.disclaimer_right{
		width:55%;
		display: inline-block;
		padding-left:15px;
		padding-right:5%;
		text-align:left;
	}

/* Right side of mobile scams box */
	.mobile_disclaimer_right{
		width:55%;
		display: inline-block;
		padding-right:5%;
		text-align:left;
	}

/* Left side of scams box */
	.disclaimer_left{
		width:10%;
		display: inline-block;
		vertical-align: top;
		text-align:right;
	}

/* Left side of mobile scams box */
	.mobile_disclaimer_left{
		width:10%;
		display: inline-block;
		vertical-align: middle;
		text-align:left;
	}

/* Main content of mobile scams box */
	.mobile_disclaimer_under{
		padding-left:2%;
		padding-right:5%;
	}

/* Container for underlying panels */
	.body_panel_container{
		width: 100%;
		display: table;
		position:relative;
	}

/* Two panels next to each other make up a row in each section */
	.section_panel{
		width: 48%;
		padding: 10px 10px 10px 10px;
		display:table-cell;
	}

/* When only one panel in a row */
	.half_panel{
		width: 48%;
		padding: 10px 10px 10px 10px;
	}

/* AI address */
	.address{
	  padding-left:10px;	
	}

/* Separates the line spacing */
	.no_space{
		padding:0;
	}

/* Priority of Claims list */
	.priority{
		padding-top:8px;	
	}

/* Call center indent */
	.hours_table td:nth-child(2){
		padding-left:10px;
	}

/* Hours of Operation text */
	.hours_title{
		text-align:center;
	}

/* DINB Banking Services Table */
	.dinb_table_container{
		width:85% !important;
		margin: 0 auto;
		padding-bottom:20px;
		padding-top:15px;
	}
	
	.dinb_table_container table, .dinb_table_container th, .dinb_table_container td{
		border:1px solid #ddd;
		border-collapse: collapse;
	}
	
	.dinb_table th{
		font-size:16px;
		padding:5px;
		background-color: #f6f6f6;
	}
	
	.dinb_table td{
		padding: 15px;
	}
	
	.important_date{
		text-align: center;
		font-size:15px;
		vertical-align:middle;
	}
	
	.little_text{
		font-size:11px;	
	}

/* At a Glance row */
	.first_container{
		width: 100%;
		display: table;
		position:relative;
		margin-top: 5px;
	}

	.own_col{
		width: 14%;
		padding: 10px 10px 0px 10px;
		display:table-cell;
		border:1px solid #ddd;
		background-color:#f8f8f8;
		border-right:none;
	}
	
	
	.first_col {
		width: 24%;
		padding: 0px 10px 10px 10px;
		display:table-cell;
		border:1px solid #ddd;
		background-color:#f8f8f8;
		border-left:none;
		border-right:none;		
	}
	
	.second_col{
		width: 21%;
		padding: 0px 10px 10px 10px;
		display:table-cell;
		border:1px solid #ddd;
		background-color:#f8f8f8;
		border-right:none;
		border-left:none;	
	}
	
	.third_col{
		width: 21%;
		padding: 0px 10px 10px 10px;
		display:table-cell;
		border:1px solid #ddd;
		background-color:#f8f8f8;
		border-right:none;
		border-left:none;	
	}
	
	.fourth_col{
		width: 22%;
		padding: 0px 10px 10px 10px;
		display:table-cell;
		border:1px solid #ddd;
		background-color:#f8f8f8;
		border-left:none;
	}

/* Terminated receivership status row */
	.term_first_col {
		width: 15%;
		padding: 10px 10px 10px 10px;
		display:table-cell;
		border:1px solid #ddd;
		background-color:#f8f8f8;
		border-right:none;	
	}
	
	.term_second_col{
		width: 23%;
		padding: 10px 10px 10px 10px;
		display:table-cell;
		border:1px solid #ddd;
		background-color:#f8f8f8;
		border-left: none;
		border-right:none;
	}
	
	.term_third_col{
		width: 18%;
		padding: 0px 10px 10px 10px;
		display:table-cell;
		border:1px solid #ddd;
		background-color:#f8f8f8;
		border-left:none;
	}


@media (max-width: 55em){
/* At a Glance tablet view (2 rows) */
	.first_container{
		padding-left:1%;	
	}
	
	.own_col{
		width:33%;
		border:none;
		vertical-align:top;
	}
	
	.first_col, .second_col, .third_col, .fourth_col{
		width:48%;
		display:inline-block;
		padding: 10px 10px 10px 10px;
		margin-left:-10px;
		position:relative;
		border:none;
		padding-left:1%;
	}
}

@media (max-width: 55em){
/* At a Glance smaller tablet view (all 4 rows) */
	.own_col{
		width:37%;
	}
	
	.first_col, .second_col, .third_col, .fourth_col{
		width:47%;
	}
}

@media (max-width: 45em){
/* Creditor, Depositor, and Borrower box container */	
	.intro_container{
		width: 98%;
		margin-left:10px;
	}

/* Creditor, Depositor, and Borrower boxes */
	.deposits, .loans, .services {
		width:96%;
		display: inline-block;
		padding: 10px 10px 10px 10px;
		position:relative;
		margin-top:10px;
		padding-bottom:10px;
		float:left;
	}

/* Each subsection */ 
	.section_panel{
		width:96%;
		display: inline-block;
	}

	.half_panel{
		width:96%;
		display: inline-block;
	}

/* Right side of mobile scams box */
	.mobile_disclaimer_right{
		width:70%;
	}

/* Left side of mobile scams box */
	.mobile_disclaimer_left{
		width:10%;
	}

/*At a Glance smartphone view */
	.own_col{
		width:99%;
		display: inline-block;
		padding: 10px 10px 10px 10px;
		position:relative;
		margin-left:-15px;
		border:none;
		padding-top:7px;
		margin-bottom:-15px;
		padding-left:15px;
	}
	
	.first_col, .second_col, .third_col, .fourth_col{
		width:99%;
		display: inline-block;
		padding: 10px 10px 10px 10px;
		position:relative;
		margin-left:-15px;
		border:none;
		padding-bottom:5px;
		padding-left:15px;
	}
	
	.third_col{
		border:none;
	}
	
	.second_col{
		border-top:none;
	}
	
	.fourth_col{
		padding-bottom:10px;	
	}
}

@media (max-width: 40em){
/* Creditor, Depositor, and Borrower boxes */
	.deposits, .loans, .services {
		width:96%;
	}
}


@media (max-width: 37em){
/* Hide anything outside of width of window */
	body{	
		overflow-x: hidden;
	}

/* Full width receivership status box */
	.status_container{	
		width: 100%;
		position:relative;
	}

/* Full width at a glance box */
	.first_container, .second_container{	
		width: 100%;
		position:relative;
	}
	
	.intro_container{
		width: 95%;
		margin-left:10px;
	}

/* Full width term receivership status box */
	.term_first_col, .term_second_col, .term_third_col{
		width:100%;
		display: inline-block;
		padding: 10px 10px 10px 10px;
		position:relative;
		margin-left:-10px;
		border:none;
		padding-bottom:10px;
	}

	.term_first_col{
		padding-top:7px;	
	}
	
	.term_third_col{
		margin-top:-5px;	
	}

/* Creditor, Depositor, and Borrower box container */
	.intro_container{
		width: 95%;
		margin-left:10px;
	}

/* Creditor, Depositor, and Borrower boxes */
	.deposits, .loans, .services {
		width:96%;
	}

/* Mobile disclaimer displayed */
	.mobile_disclaimer_container{
		display:inline-block;
	}
	
	.mobile_disclaimer_right{
		padding-left:5px;
		padding-right:5px;
		width:80%;
	}

	.mobile_disclaimer_left{
		padding-left:0px;
		padding-right:5px;
		width:10%;
	}

/* Regular and terminated disclaimer hidden*/
	.disclaimer_container{
		display:none;
	}

	.disclaimer_container_terminated{
		display:none;
	}
}


@media (max-width: 28em){
/* Creditor, Depositor, and Borrower boxes */
	.deposits, .loans, .services {
		width:94%;
	}

/* Move receivership status to right side */
	.status_right_aligned p{
		display:inline;
	}

	.grey_bold{
		float:right;
	}

}

@media (max-width: 23em){
/* Creditor, Depositor, and Borrower boxes */
	.deposits, .loans, .services {
		width:92%;
	}
}

@media (max-width: 20em){
/* Creditor, Depositor, and Borrower boxes */
	.deposits, .loans, .services {
		width:91%;
	}
}

@media (max-width: 16em){
/* Move receivership status back */
	.grey_bold{
		float:none;
	}
	
	.deposits, .loans, .services {
		width:90%;
	}
}