/* ------------------------------------------------------------------------------------------------
   Form Tables are "Label/Value" pairs/triplets/etc. that can be stacked vertically when the window
   is narrow and transformed to a horizontal table when the window is wider.
------------------------------------------------------------------------------------------------ */
.FormTable
{
	background-color: var(--Content);
}
.FormRow
{
    margin-top: 2px;
    border-top: 1px solid var(--Border);
    border-left: 1px solid var(--Border);
    border-right: 1px solid var(--Border);
}
.FormHeader1
{
    background-color: var(--Header);
    border-bottom: 1px solid var(--Border);
    padding: 0px;
    text-align: left;
    font-weight: bold;
}
.FormHeader2
{
    background-color: var(--Header);
    border-bottom: 1px solid var(--Border);
    padding: 2px;
    text-align: left;
    font-weight: bold;
	display: none;
}
.FormHeader3,.FormHeader4,.FormHeader5
{
    background-color: var(--Header);
    padding: 2px;
    text-align: center;
    font-weight: bold;
	display: none;
}
.FormCell1
{
    border-bottom: 1px solid var(--Border);
    padding: 1px;
    text-align: left;
}
.FormCell2,.FormCell3,.FormCell4,.FormCell5
{
    border-bottom: 1px solid var(--Border);
    padding: 2px;
    text-align: left;
	display: none;
}
.FormLabel1
{
    background-color: var(--Label);
    border-bottom: 1px solid var(--Border);
    padding: 1px;
    font-weight: bold;
    text-align: left;
}
.FormLabel2,.FormLabel3,.FormLabel4,.FormLabel5
{
    background-color: var(--Label);
    border-bottom: 1px solid var(--Border);
    padding: 2px;
    font-weight: bold;
    text-align: left;
	display: none;
}
.FormValue1
{
    border-bottom: 1px solid var(--Border);
    padding: 1px;
    text-align: right;
}
.FormValue2,.FormValue3,.FormValue4,.FormValue5
{
    border-bottom: 1px solid var(--Border);
    padding: 2px;
    text-align: right;
	display: none;
}
.FormScore1
{
    border-bottom: 1px solid var(--Border);
    padding: 1px;
    font-weight: normal;
    text-align: center;
}
.FormScore2,.FormScore3,.FormScore4,.FormScore5
{
    border-bottom: 1px solid var(--Border);
    padding: 2px;
    font-weight: bold;
    text-align: center;
	display: none;
}
/* ------------------------------------------------------------------------------------------------
   Data tables: Always tables, never transformed
------------------------------------------------------------------------------------------------ */
.DataTable
{
    background-color: var(--Content);
    border-collapse: collapse;
    border: 1px solid var(--Border);
}
.DataRow
{
}
.DataHeader
{
    background-color: var(--Header);
    border: 1px solid var(--Border);
    padding: 5px;
    font-weight: bold;
    position: sticky;
    top: 0px;
}
.DataHeader1,.DataHeader2,.DataHeader3,.DataHeader4,.DataHeader5
{
    background-color: var(--Header);
    border: 1px solid var(--Border);
    padding: 0px;
    font-weight: normal;
    position: sticky;
    top: 0px;
}
.DataHeader2,.DataHeader3,.DataHeader4,.DataHeader5
{
    font-weight: bold;
	display: none;
}
.DataCell
{
    border: 1px solid var(--Border);
    padding: 5px;
    text-align: left;
}
.DataCell1,.DataCell2,.DataCell3,.DataCell4,.DataCell5
{
    border: 1px solid var(--Border);
    padding: 0px;
    text-align: left;
}
.DataCell2,.DataCell3,.DataCell4,.DataCell5
{
    display:none;
}
.DataLabel
{
    background-color: var(--Label);
    border: 1px solid var(--Border);
    padding: 5px;
    text-align: left;
}
.DataLabel1,.DataLabel2,.DataLabel3,.DataLabel4,.DataLabel5
{
    background-color: var(--Label);
    border: 1px solid var(--Border);
    padding: 0px;
    text-align: left;
}
.DataLabel2,.DataLabel3,.DataLabel4,.DataLabel5
{
    display:none;
}
.DataValue
{
    border: 1px solid var(--Border);
    padding: 5px;
    text-align: right;
}
.DataValue1,.DataValue2,.DataValue3,.DataValue4,.DataValue5
{
    border: 1px solid var(--Border);
    padding: 0px;
    text-align: right;
}
.DataValue2,.DataValue3,.DataValue4,.DataValue5
{
    display:none;
}
.DataScore1,.DataScore2,.DataScore3,.DataScore4,.DataScore5
{
    border: 1px solid var(--Border);
    padding: 0px;
    font-weight: normal;
    text-align: center;
}
.DataScore1 a,.DataScore2 a,.DataScore3 a,.DataScore4 a,.DataScore5 a
{
    color: var(--InverseLink);
}

.DataScore2,.DataScore3,.DataScore4,.DataScore5
{
    font-weight: bold;
    display:none;
}
.DataDate1,.DataDate2,.DataDate3,.DataDate4,.DataDate5
{
    border: 1px solid var(--Border);
    padding: 0px;
    font-weight: bold;
    text-align: center;
}
.DataDate2,.DataDate3,.DataDate4,.DataDate5 { display:none; }
/* ------------------------------------------------------------------------------------------------
   .TableHeaderSecondRow is used to give 2nd row sticky THs a "top" that keeps them below the first row
------------------------------------------------------------------------------------------------ */
.TableHeaderSecondRow
{
    top: 19px;
}

.NameRole {
}
.NameRole .name {     }
.NameRole .role {    float:right;    }

/* ------------------------------------------------------------------------------------------------
   .PhoneOnly and .NotPhone must ALWAYS be after .Formxxx and .Dataxxx styles, so that they take precedence
------------------------------------------------------------------------------------------------ */
.NotPhone
{
    display: none;
}
.NarrowTable
{
    display: table;
}
.WideTable
{
    display: none;
}
/* ------------------------------------------------------------------------------------------------
   Media Query for Level2 -- Larger than an iPhone 5/SE
------------------------------------------------------------------------------------------------ */
@media print, screen and (min-width: 321px)
{
    .FormHeader1
   ,.FormCell1 
   ,.FormLabel1
   ,.FormValue1
	{
        padding: 2px;
	}
    .FormHeader2
   ,.FormCell2
   ,.FormLabel2
   ,.FormValue2
	{
        display: block;
        padding: 2px;
	}
    .FormScore1
	{
        padding: 2px;
        font-weight: bold;
	}
    .FormScore2
	{
        display: block;
        padding: 2px;
        font-weight: bold;
	}
	.DataHeader1,.DataHeader2
   ,.DataLabel1 ,.DataLabel2
   ,.DataScore1 ,.DataScore2
   ,.DataDate1 ,.DataDate2
	{
		display: table-cell;
        padding: 2px;
        font-weight: bold;
	}
    .DataCell1 ,.DataCell2
   ,.DataValue1,.DataValue2
	{
		display: table-cell;
        padding: 2px;
	}
    .NotPhone
    {
        display: none;
    }
    .TableHeaderSecondRow
    {
        top: 27px;
    }
}
/* ------------------------------------------------------------------------------------------------
   Media Query for Level3 -- Larger than a mobile device
------------------------------------------------------------------------------------------------ */
@media print, screen and (min-width: 481px)
{
	/* ------------------------------------------------------------------------------------------------
	   Form Tables transform from vertically-stacked to normal tables at this width
	------------------------------------------------------------------------------------------------ */
	.FormTable
	{
		display: table;
		border: 1px solid var(--Border);
		border-collapse: collapse;
		width: auto;
	}
	.FormRow
	{
		display: table-row;
		border: 1px solid var(--Border);
        margin-top: 0px;
	}
	 .FormHeader1,.FormHeader2,.FormHeader3
	{
		display: table-cell;
        text-align: center;
        border: 1px solid var(--Border);
        padding: 3px;
        break-inside:avoid;
        position: sticky;
        top: -1px;
	}
	.DataHeader1,.DataHeader2,.DataHeader3
    {
        break-inside:avoid;
	}
     .FormCell1  ,.FormCell2  ,.FormCell3  
    ,.FormLabel1 ,.FormLabel2 ,.FormLabel3 
    ,.FormValue1 ,.FormValue2 ,.FormValue3 
    ,.FormScore1 ,.FormScore2 ,.FormScore3 
	,.DataHeader1,.DataHeader2,.DataHeader3
    ,.DataCell1  ,.DataCell2  ,.DataCell3  
    ,.DataLabel1 ,.DataLabel2 ,.DataLabel3 
    ,.DataValue1 ,.DataValue2 ,.DataValue3 
    ,.DataScore1 ,.DataScore2 ,.DataScore3 
    ,.DataDate1 ,.DataDate2 ,.DataDate3 
	{
		display: table-cell;
		border: 1px solid var(--Border);
        padding: 3px;
	}
	/* ------------------------------------------------------------------------------------------------
	   Hide Phoneonly and show NotPhone at this width
	------------------------------------------------------------------------------------------------ */
    .PhoneOnly
    {
        display: none;
    }
    .NotPhone
    {
        display: table-cell;
    }
    .NarrowTable
    {
        display: none;
    }
    .WideTable
    {
        display: table;
    }

    .TableHeaderSecondRow
    {
        top: 29px;
    }
}
/* ------------------------------------------------------------------------------------------------
   Media Query for Level4 -- Larger than an iPad
------------------------------------------------------------------------------------------------ */
@media only screen and (min-width: 769px)
{
	 .FormHeader1,.FormHeader2,.FormHeader3,.FormHeader4
    ,.FormCell1  ,.FormCell2  ,.FormCell3  ,.FormCell4  
    ,.FormLabel1 ,.FormLabel2 ,.FormLabel3 ,.FormLabel4 
    ,.FormValue1 ,.FormValue2 ,.FormValue3 ,.FormValue4 
    ,.FormScore1 ,.FormScore2 ,.FormScore3 ,.FormScore4 
	,.DataHeader1,.DataHeader2,.DataHeader3,.DataHeader4
    ,.DataCell1  ,.DataCell2  ,.DataCell3  ,.DataCell4  
    ,.DataLabel1 ,.DataLabel2 ,.DataLabel3 ,.DataLabel4 
    ,.DataValue1 ,.DataValue2 ,.DataValue3 ,.DataValue4 
    ,.DataScore1 ,.DataScore2 ,.DataScore3 ,.DataScore4 
    ,.DataDate1 ,.DataDate2 ,.DataDate3 ,.DataDate4 
	{
		display: table-cell;
		border: 1px solid var(--Border);
        padding: 4px;
	}
	 .FormHeader1,.FormHeader2,.FormHeader3,.FormHeader4
	{
        position: sticky;
        top: -1px;
	}
    .PhoneOnly
    {
        display: none;
    }
    .TableHeaderSecondRow
    {
        top: 31px;
    }
}
/* ------------------------------------------------------------------------------------------------
   Media Query for Level5 -- Larger than a small screen
------------------------------------------------------------------------------------------------ */
@media print, screen and (min-width: 1025px)
{
	 .FormHeader1,.FormHeader2,.FormHeader3,.FormHeader4,.FormHeader5
    ,.FormCell1  ,.FormCell2  ,.FormCell3  ,.FormCell4  ,.FormCell5
    ,.FormLabel1 ,.FormLabel2 ,.FormLabel3 ,.FormLabel4 ,.FormLabel5
    ,.FormValue1 ,.FormValue2 ,.FormValue3 ,.FormValue4 ,.FormValue5
    ,.FormScore1 ,.FormScore2 ,.FormScore3 ,.FormScore4 ,.FormScore5
	,.DataHeader1,.DataHeader2,.DataHeader3,.DataHeader4,.DataHeader5
    ,.DataCell1  ,.DataCell2  ,.DataCell3  ,.DataCell4  ,.DataCell5
    ,.DataLabel1 ,.DataLabel2 ,.DataLabel3 ,.DataLabel4 ,.DataLabel5
    ,.DataValue1 ,.DataValue2 ,.DataValue3 ,.DataValue4 ,.DataValue5
    ,.DataScore1 ,.DataScore2 ,.DataScore3 ,.DataScore4 ,.DataScore5
    ,.DataDate1 ,.DataDate2 ,.DataDate3 ,.DataDate4 ,.DataDate5
	{
		display: table-cell;
		border: 1px solid var(--Border);
        padding: 5px;
	 }
	 .FormHeader1,.FormHeader2,.FormHeader3,.FormHeader4,.FormHeader5
	{
        position: sticky;
        top: -1px;
	}
    .PhoneOnly
    {
        display: none;
    }
    .TableHeaderSecondRow
    {
        top: 33px;
    }
}
/* ------------------------------------------------------------------------------------------------
   Media Query for Level5 -- tighten up the padding when printing, to avoid tables pushing too wide
------------------------------------------------------------------------------------------------ */
@media print
{
	 .FormHeader1,.FormHeader2,.FormHeader3,.FormHeader4,.FormHeader5
    ,.FormCell1  ,.FormCell2  ,.FormCell3  ,.FormCell4  ,.FormCell5
    ,.FormLabel1 ,.FormLabel2 ,.FormLabel3 ,.FormLabel4 ,.FormLabel5
    ,.FormValue1 ,.FormValue2 ,.FormValue3 ,.FormValue4 ,.FormValue5
    ,.FormScore1 ,.FormScore2 ,.FormScore3 ,.FormScore4 ,.FormScore5
	,.DataHeader1,.DataHeader2,.DataHeader3,.DataHeader4,.DataHeader5
    ,.DataCell1  ,.DataCell2  ,.DataCell3  ,.DataCell4  ,.DataCell5
    ,.DataLabel1 ,.DataLabel2 ,.DataLabel3 ,.DataLabel4 ,.DataLabel5
    ,.DataValue1 ,.DataValue2 ,.DataValue3 ,.DataValue4 ,.DataValue5
    ,.DataScore1 ,.DataScore2 ,.DataScore3 ,.DataScore4 ,.DataScore5
    ,.DataDate1 ,.DataDate2 ,.DataDate3 ,.DataDate4 ,.DataDate5
	{
        padding: 2px;
	 }
}/* ------------------------------------------------------------------------------------------------
   Standard Score/Index styles.  NEED TO BE LAST SO THAT THEY OVERRIDE OTHER STYLES.
------------------------------------------------------------------------------------------------ */
.HighRiskScore      { background-color: var(--HighRisk); }
.MediumRiskScore    { background-color: var(--MediumRisk); }
.LowRiskScore       { background-color: var(--LowRisk); }
.DelinquentPayments { background-color: var(--Delinquent); }
.SlowPayments       { background-color: var(--Slow); }
.PromptPayments     { background-color: var(--Prompt); }
.Disabled           { background-color: var(--Disabled); }
.HighRiskFSR        { background-color: var(--HighRiskFSR); }
.HighMediumRiskFSR  { background-color: var(--HighMediumRiskFSR); }
.MediumRiskFSR      { background-color: var(--MediumRiskFSR); }
.LowMediumRiskFSR   { background-color: var(--LowMediumRiskFSR); }
.LowRiskFSR         { background-color: var(--LowRiskFSR); color: white; }
.BankruptFSR        { background-color: black; color: white; }
.Label              { background-color: var(--Label); }
.Left               { text-align: left; }
.Right              { text-align: right; }
.Center             { text-align: center; }
.Top                { vertical-align: top; }
.Bottom             { vertical-align: top; }
.Middle             { vertical-align: middle; }
.Bold               { font-weight: bold; }
.CenterTable        { margin-left: auto; margin-right: auto; }
.EIURisk0           { text-align: center; }
.EIURisk1           { background-color: var(--EIURisk1); text-align: center; font-weight: bold; color: white; }
.EIURisk2           { background-color: var(--EIURisk2); text-align: center; font-weight: bold; color: black; }
.EIURisk3           { background-color: var(--EIURisk3); text-align: center; font-weight: bold; color: black; }
.EIURisk4           { background-color: var(--EIURisk4); text-align: center; font-weight: bold; color: black; }
.EIURisk5           { background-color: var(--EIURisk5); text-align: center; font-weight: bold; color: white; }
.ScoreLink          { text-decoration: underline; }
.ScoreLink:hover    { color: var(--Hover); cursor: pointer; }

/* ------------------------------------------------------------------------------------------------
   Media Query for ????
------------------------------------------------------------------------------------------------ */
@media only screen {
.diIcon	 { color:Black; background: transparent center center no-repeat; }
.diIconDim { color:Black; background: transparent center center no-repeat; opacity:0.4; }
.diTextDim { color:Black; background: transparent center center no-repeat; opacity:0.4; }
.ChangeViewButton
{
    vertical-align:middle;
    float:right;
}
}

/* ------------------------------------------------------------------------------------------------
   Media Query for printing
------------------------------------------------------------------------------------------------ */
@media only print {
.diIcon, .diIconDim { background:white; color:#CCCCCC; border:0;}
.diTextDim { background:white; color:#CCCCCC; border:0;}
.ChangeViewButton
{
    display:none;
}
}

/* ------------------------------------------------------------------------------------------------
   ????? 
------------------------------------------------------------------------------------------------ */
.diIcon, .diIconDim {border:0; height:20px; width:20px; font-size:smaller; vertical-align:middle; text-align:center;}
.diText { vertical-align:middle; text-align:center; }

/* start small */
.diIcon,.diIconDim { display:inline;} 
.diText, .diTextNA, .diTextDim { display:none;}

@media only screen and (min-width: 481px)
{
    .diIcon,.diIconDim { display:none;} 
    .diText, .diTextNA, .diTextDim { display:inline;}
}

td.diClick a:link,td.diClick a:visited, 
td.diClickOld a:link,td.diClickOld a:visited, 
td.diClickConfidential a:link,td.diClickConfidential a:visited, 
td.diClickConfidentialOld a:link,td.diClickConfidentialOld a:visited 
{ color:white; text-decoration:none;}

td.diClick a:hover, 
td.diClickOld a:hover, 
td.diClickConfidential a:hover, 
td.diClickConfidentialOld a:hover,
td.diNA a.diTextNA
{ color:white; text-decoration:underline;}


.diTextNA {color:var(--ButtonText);vertical-align:middle;text-align:center;text-decoration-color: white;}
.diTextDim { background-color:White;vertical-align:middle; text-align:center;}
/* style for clickable "list" items (ratings, financials, etc) in lists */
.diClick       { background-color:#1D6093; }
.diNA          { background-color:rgba(29, 96, 147, 0.5); color:var(--ButtonText);}
.diClickConfidential
			         { padding:2px; background-color:#FFCC33; vertical-align:middle; text-align:center;}
.diClickOld       { padding:2px; background-color:#999999; vertical-align:middle; text-align:center;}
.diClickConfidentialOld
			         { padding:2px; background-color:#B27400; vertical-align:middle; text-align:center;}

.diStmt:after { content:'Statement'; }
.diNws:after { content:'News'; }
.diSnP:after { content:'S\0026P'; }
.diMdy:after { content:"Moody's"; }
.diFch:after { content:'Fitch'; }
.diDBRS:after { content:'Morningstar'; }
.diMST:after { content:'Morningstar'; }
.diSEC:after { content:'SEC'; }
.diBkt:after { content:'Bankruptcy'; }
.diSuit:after { content:'Suit'; }
.diLien:after { content:'Lien'; }
.diCQ:after { content:'CQ'; }
.diZ:after { content:'Z"'; }
.diDBT:after { content:'DBT'; }
.diFSR:after { content:'FSR'; }
.diFrsk:before { content:'FRISK'; }
.diFrsk:after { content:'\00ae'; vertical-align:super; font-size:x-small; }
.diPyce:before { content:'PAYCE'; }
.diPyce:after { content:'\00AE'; vertical-align:super; font-size:x-small; }

@media only screen and (min-width: 1px) and (max-width: 768px) {
    .diClick       { padding:2px; background-color:white; vertical-align:middle; text-align:center;}
    .diText, .diTextNA, .diTextDim { display:none;}

	.diFrsk:before{ content:''; }
	.diFrsk:after { content:''; }
	.diSnP,span.diFrsk { display:inline; font-size:0px; vertical-align:bottom; width:20px; height:20px;  }
	span.diFrsk:after { content: url(/images/FRISKicon20x20.png); vertical-align:bottom; font-size: 0px;}

	.diPyce:before{ content:''; }
	.diPyce:after { content:''; }
	.diPyce,span.diPyce{ display:inline; font-size:0px; vertical-align:bottom;width:20px; height:20px; }
	span.diPyce:after { content: url(/images/PAYCEIcon20x20.png);vertical-align:bottom; font-size: 0px;}

	.diStmt:after { content:''; }
	.diStmtI,span.diStmtI,.diStmt,span.diStmt { display:inline; font-size:0px; vertical-align:bottom; width:20px; height:20px; }
	span.diStmtI:after, span.diStmt:after { content: url(/images/financials02.png);}

	.diNws:after { content:''; }
	.diNws,span.diNws { display:inline; font-size:0px; vertical-align:bottom; width:20px; height:20px;  }
	span.diNws:after { content: url(/images/news01.png);}

	.diSnP:after { content:''; }
	.diSnP,span.diSnP { display:inline; font-size:0px; vertical-align:bottom; width:20px; height:20px;  }
	span.diSnP:after { content: url(/images/SP01.png);}

	.diMdy:after { content:''; }
	.diMdy,span.diMdy { display:inline; font-size:0px; vertical-align:bottom; width:20px; height:20px;  }
	span.diMdy:after { content: url(/images/moodys02.png);}

	.diFch:after { content:''; }
	.diFch,span.diFch { display:inline; font-size:0px; vertical-align:bottom; width:20px; height:20px;  }
	span.diFch:after { content: url(/images/fitch02.png);}

	.diDBRS:after { content:''; }
	.diDBRS,span.diDBRS { display:inline; font-size:0px; vertical-align:bottom; width:20px; height:20px;  }
	span.diDBRS:after { content: url(/images/Morningstar.png);}

    .diMST:after { content:''; }
	.diMST,span.diMST { display:inline; font-size:0px; vertical-align:bottom; width:20px; height:20px;  }
	span.diMST:after { content: url(/images/Morningstar.png);}

	.diSEC:after { content:''; }
	.diSEC,span.diSEC { display:inline; font-size:0px; vertical-align:bottom; width:20px; height:20px;  }
	span.diSEC:after { content: url(/images/SEC.png);}

	.diBkt:after { content:''; }
	.diBkt,span.diBkt { display:inline; font-size:0px; vertical-align:bottom; width:20px; height:20px; }
	span.diBkt:after { content: url(/images/bankrupt02.png); }

	.diSuit:after { content:''; }
	.diSuit,span.diSuit { display:inline; font-size:0px; vertical-align:bottom; width:20px; height:20px;  }
	span.diSuit:after { content: url(/images/lawsuit02.png); border:0; }

	.diLien:after { content:''; }
	.diLien,span.diLien { display:inline; font-size:0px; vertical-align:bottom; width:20px; height:20px;  }
	span.diLien:after { content: url(/images/judgement01.png);	}

	.diCQ,span.diCQ { display:inline; vertical-align:bottom; width:20px; height:20px; font-size:smaller; }
	.diZ, span.diZ { display:inline; vertical-align:bottom; width:20px; height:20px; font-size:smaller; }
	.diDBT, span.diDBT { display:inline; vertical-align:bottom; width:20px; height:20px; font-size:smaller; }
	.diFSR, span.diFSR { display:inline; vertical-align:bottom; width:20px; height:20px; font-size:smaller; }

}
.Private { height:1em; }
