/*--------------------------------------------------------------------------------------------------
lpdisplayhouse.css: This file is used to format the Live Proceedings HTML pages for the House
Revision History: (PLEASE ADD A COMMENT EVERY TIME A CHANGE IS MADE TO THIS FILE
29Oct2014 Mike Richard - Converted cal-heading into lobby-heading & chamber-heading
29Oct2014 Mike Richard - Cleaned up and removed unused tags
29Oct2014 Mike Richard - Reformatted columns from 6 to 4
30Oct2014 Mike Richard - Added specific override for House Lobby display
05Nov2014 Mike Richard - Cleaned up and reformatted some stuff to align with crdisplay.css
07Nov2014 Mike Richard - Added chambercol1/2/3/n override classes for Chamber display formatting
04Feb2015 Mike Richard - Adjusted height properties for Ron's Chamber display
10Feb2015 Mike Richard - Shortened chambercol1 & chambercoln for Ron's Chamber display
25Feb2015 Mike Richard - Added body-display classes for both landscape & portrait orientations to eliminate scrollbars
21Apr2015 Mike Richard - Increased col3 from 145px to 350px for sponsor column
18Jan2016 Mike Richard - Added .mintop class overrides to be used when adjourned or during interim
28Jan2016 Mike Richard - Added title and datetime id formatting for heading
05Jan2016 Mike Richard - Set base font size to start using rem vs px units
05Jan2016 Mike Richard - Adjusted lots of settings to use rem units for various scenarios
05Jan2016 Mike Richard - Removed obsolete #cal-heading formatting
05Jan2016 Mike Richard - Added adjustable font-size based on screen size for .houselobby #lobby-heading
08Jan2016 Mike Richard - Reduced .mintop class for exactly 1080 width for Lobby Display
15Mar2016 Mike Richard - Changed #user-heading font-size from 2.6rem to 3.5rem
01Apr2016 Mike Richard - Added ellipsis classes for indicators of items not shown
11Jan2017 Mike Richard - Changed 1024px .col1 from 12.2rem to 13rem & .col3 from 12.2rem to 16rem for iPad
11Jan2017 Mike Richard - Changed 768px .col1 from 10rem to 11rem & .col3 from 10rem to 13rem for iPad
18Jan2017 Mike Richard - Increased .coln from 30rem to 33rem
06Nov2018 Mike Richard - Removed text decoration & color for anchor tags
15Feb2019 Mike Richard - Used a lighter grey for alternating rows
08Jan2020 Mike Richard - Increased .mintop size for #pastDisplay to show a little more data
08Jan2020 Mike Richard - Moved Chamber display formatting to separate css file
31Jan2020 Mike Richard - Used a lighter red for failed items
26Oct2023 Mike Richard - Synchronized some css between House & Senate
20Jan2026 Mike Richard - Added font-weight to h2 tag to better match cmte display
21Jan2026 Mike Richard - Moved lobby display split screen down a bit
25Aug2026 Mike Richard - Added div.msg formatting from h2 for msgDiv content
27Aug2026 Mike Richard - Added h3 and caption formatting based on older h2 formatting for section headings before tables
27Aug2026 Mike Richard - Eliminated h5 and video formatting as it isn't use by House
27Aug2026 Mike Richard - Removed h4 format as it isn't being used
01Sep2026 Mike Richard - Changed .laidover & .pass colors for accessibility
--------------------------------------------------------------------------------------------------*/
html, body{
	margin:0; padding:0;	/* override browser default values */
	font-family:arial,helvetica,sans-serif;
	background-color:#000;	/* black */
	color:#FFF;	/* white */
	font-size:10px; /* force base font size to 10px to correct for xpage issues (default=62.5% of 16px) */
	line-height:1rem; /* set base line-height to 1 rem */
	width:100%; /* eliminate horizontal scrolling */
}
a{
	text-decoration: none;
	color:inherit;
}
.audio-link{ /* class for audio links */
	display:none;
}
iframe{
	margin:.3rem 0 0 0;
}
.body-display{ /* define fixed height to eliminate vertical scrollbar */
	height:100%;
	margin:0; padding:0;
	overflow:hidden;
}
.hidecursor{
	cursor:none;
}
#heading{
	margin:0; padding:0;
	position:absolute;
	width:20%;
	left:0;
	top:0;
	overflow:hidden;
}
#user{
	margin:0; padding:0;
	position:relative;
	width:100%;
}
#pastDisplay{
	margin:0; padding:0;
	position:absolute; left:0; bottom:50%; /* 50% without padding */
	width:100%;
	overflow:hidden;
}
#futureDisplay{
	margin:0; padding:0;
	position:absolute; left:0; top:50%; /* 50% without padding */
	width:100%;
	height:49.6%; /* 49.6% prevents vertical scrollbar for most sizes using .2rem border-top */
	overflow:hidden;
	border-top:.2rem solid #FF0;	/* yellow past/future separator */
}
#chamber{
	margin:0; padding:0;
	position:absolute; right:0; bottom:50%;
	width:100%;
	overflow:hidden;
}
.sectionDiv{
	background-color:#000;	/* black */
	margin:.5rem 0; padding:0;
	overflow:hidden;
	border:.2rem solid #070;	/* house green */
	border-radius:3rem;
}
div.msg{	/* copied from h2 */
	margin:0; /* don't compensate for border */
	padding:.4rem 2%;
	font-size:2.6rem; line-height:2.6rem;
	font-weight:normal;
	width:95.5%;
	text-align:center;
}
.msgDiv{
	border:.2rem solid #FF0;	/* yellow */
	background-color:#070;	/* house green */
}
.msg{
	background-color:#FF0;	/* yellow */
	color:#070;	/* house green */
}
.past{
	color:#BBB;	/* light gray */
}
.current{
	color:#FF0;	/* yellow */
}
.laidover{
	color:#C75000;	/* orange */
}
.ellipsis-past{ /* ellipsis class for indicating past items are not shown */
	background-color:tan; /* tan */
	color:black; /* black */
}
.ellipsis-more{ /* ellipsis class for hidden overflow condition */
	background-color:tan; /* tan */
	color:black;
}
td{
	margin:0; padding:.4rem 0;
	font-size:2.4rem; line-height:2.4rem;
	font-weight:normal;
}
table{
	width:100%;
	margin:0;
	border-collapse:collapse;
}
tr:nth-child(even){
	background-color:#333; /* dark gray */
}
td{
	vertical-align:top;
	height:auto;
	overflow:visible;
}
.pass{
	color:#008000;	/* green */
}
.fail{
	color:#F55;	/* red */
}
li{
	margin:0;
}
li.pass{
	color:#008000;	/* green */
	list-style-type:disc; /* bullet */
}
h2{
	margin:0; /* don't compensate for border */
	padding:.4rem 2%;
	font-size:2.6rem; line-height:2.6rem;
	font-weight:normal;
	width:96%;
	background-color:#070;	/* house green */
	text-align:center;
}
div#sectionDiv h3:last-child{
	margin:0 0 3rem 0;
}
h3{
	margin:0; padding:.4rem 0.75%;
	font-size:2.4rem; line-height:2.4rem;
	font-weight:normal;
}
h3,caption{
	margin:0; /* don't compensate for border */
	padding:.4rem 2%;
	font-size:2.6rem; line-height:2.6rem;
	font-weight:normal;
	width:96%;
	background-color:#070;	/* house green */
	text-align:center;
}
ul{
	padding:0 0 0 8rem;
}
ul li:first-child{
	margin:-1rem 0 0 0;
}
ul li:last-child{
	margin:0 0 -1rem 0;
}
.hangingindent{
	padding-left:6rem;
	padding-right:1.5rem;
	text-indent:-5.5rem;
}
.col1{
	width:15rem;
	text-align:right;
	padding-right:.7rem;
}
.col2{
	width:auto;
	padding-left:.3rem;
}
.col3{
	width:35rem; /* was 14.5rem */
	padding-left:.3rem;
}
.col4{
	width:22rem;
	padding-left:.7rem;
	text-align:right;
}
.col5{
	width:12rem;
	padding-left:.3rem;
}
.col6{
	padding-left:.3rem;
}
.coln{ /* last column */
	width:33rem;
	padding-left:.7rem;
	text-align:left;
}
#user-heading{
	font-size:3.5rem; line-height:3.5rem;
	font-weight:bold;
	margin:auto; padding:1rem 0;
	width:100%;
	color:#FFF;	/* white */
	background-color:#070;	/* house green */
	border-radius:2.5rem;
	text-align:center;
	z-index:999;
	position:relative;
	left:0;
	top:0;
	border-bottom:.2rem solid #000;	/* black */
}
#lobby-heading{
	font-size:3.5rem; line-height:3.5rem;
	font-weight:bold;
	margin:auto;
	padding:.6rem 0;
	width:100%;
	color:#FFF;	/* white */
	background-color:#070;	/* house green */
	border-radius:2.5rem;
	text-align:center;
	z-index:999;
	position:absolute;
	left:0;
	top:0;
	border-bottom:.2rem solid #000;	/* black */
}
#chamber-heading{
	font-size:3.5rem; line-height:3.5rem;
	font-weight:bold;
	margin:auto;
	padding:.4rem;
	width:98%;
	color:#FFF;	/* white */
	background-color:#070;	/* house green */
	border-radius:2.5rem;
	text-align:center;
	z-index:999;
	position:absolute;
	left:.5rem;
	top:0;
	border-bottom:.2rem solid #000;	/* black */
}
#date{
	position:absolute;
	left:2rem;
}
#time{
	position:absolute;
	right:2rem;
	color:#FFF;	/* white */
}
#header-text{
	text-align:center;
}
#title{
	position:absolute;
	left:2rem;
}
#datetime{
	position:absolute;
	right:2rem;
	color:#FFF;	/* white */
}
hr{
	color:#FF0;	/* yellow */
	border-color:#FF0;	/* yellow */
}
/*--------------------------------------------------------------------------------------------------
	Define House Lobby overrides (bottom half of portrait display is 1080x956.734)
--------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1800px){ /* larger than 1080 for other tablets */
	#lobby-heading{
		font-size:2.8rem; line-height:2.8rem;
	}
}
@media (max-width:1024px){	/* iPad format */
	#user-heading{
		font-size:2.2rem; line-height:2.2rem;
	}
	td{
		font-size:2.2rem; line-height:2.2rem;
	}
	h2{
		font-size:2.2rem; line-height:2.2rem;
	}
	.col1{
		width:13rem;
	}
	.col2{
		width:auto;
	}
	.col3{
		width:16rem;
	}
	.col4{
		width:8rem;
	}
	.col5{
		width:6.6rem;
	}
	.coln{ /* last column */
		width:29.2rem;
	}
	#lobby-heading{
		font-size:2.6rem; line-height:2.6rem;
	}
}
@media (max-width:768px){
	#user-heading{
		font-size:1.8rem; line-height:1.8rem;
	}
	td{
		font-size:1.8rem; line-height:1.8rem;
	}
	h2{
		font-size:1.8rem; line-height:1.8rem;
	}
	h3,caption{
		font-size:1.8rem; line-height:1.8rem;
	}
	.col1{
		width:11rem;
	}
	.col2{
		width:auto;
	}
	.col3{
		width:13rem;
	}
	.col4{
		width:4.5rem;
	}
	.col5{
		width:5rem;
	}
	.coln{ /* last column */
		width:24rem;
	}
	#lobby-heading{
		font-size:2rem; line-height:2rem;
	}
}
/* House Lobby Display Specific formatting */
.houselobby #lobby-heading{
	font-size:3.5rem; line-height:3.5rem;
}
.houselobby td{
	font-size:2.4rem; line-height:2.4rem;
}
.houselobby h2{
	font-size:2.6rem; line-height:2.6rem;
}
.houselobby .col1{
	width:15rem;
}
.houselobby .col2{
	width:14.5rem;
}
.houselobby .col3{
	width:auto;
}
.houselobby .coln{ /* last column */
	width:31rem;
}
/*--------------------------------------------------------------------------------------------------
	Define House Lobby overrides (bottom half of portrait display is 1080x956.734)
--------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1800px){ /* larger than 1080 for other tablets */
	.houselobby #lobby-heading{
		font-size:2.8rem; line-height:2.8rem;
	}
}
/*--------------------------------------------------------------------------------------------------
	Define user orientation overrides (for iPad)
--------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1024px){
	.houselobby #lobby-heading{ /* landscape */
		font-size:2.6rem; line-height:2.6rem;
	}
}
@media screen and (max-width:768px){ /* portrait */
	.houselobby #lobby-heading{
		font-size:2rem; line-height:2rem;
	}
}
/*--------------------------------------------------------------------------------------------------
	.mintop: These override settings are used to minimize the top portion of the split screen
	Note: used when adjourned and/or during interim
--------------------------------------------------------------------------------------------------*/
#pastDisplay.mintop{
	bottom:85%;
}
#futureDisplay.mintop{
	top:15%;
	height:84.5%;
}
@media screen and (width:1080px){ /* only 1080 = Portrait Lobby Display */
	#pastDisplay.mintop{
		bottom:90%;
	}
	#futureDisplay.mintop{
		top:10%;
		height:89.5%;
	}
}