/*--------------------------------------------------------------------------------------------------
lpdisplaysenate.css: This file is used to format the Live Proceedings HTML pages for the Senate
Revision History: (PLEASE ADD A COMMENT EVERY TIME A CHANGE IS MADE TO THIS FILE
29Oct2014 Mike Richard - Converted cal-heading to lobby-heading
29Oct2014 Mike Richard - Cleaned up and removed unused tags
29Oct2014 Mike Richard - Reformatted columns from 6 to 4
13Jan2015 Mike Richard - Increased h5 width and decreased video height
15Jan2015 Mike Richard - Fixed invalid values (missing px) for left, right, top, bottom
21Jan2015 Mike Richard - Added max-width for video tag to match h5 for video
03Feb2015 Mike Richard - Widened coln to 350px from 330px to eliminate wrapping
25Feb2015 Mike Richard - Added body-display classes for both landscape & portrait orientations to eliminate scrollbars
26Feb2015 Mike Richard - Increased h5 width & video max-width to better fit display
26Feb2015 Mike Richard - Added a 10px margin to top of videoDisplay
30Mar2015 Mike Richard - Updated body-display to a single class for all displays using percentage instead of pixels
21Apr2015 Mike Richard - Increased size of col3 & coln to better utilize display space
18Jan2016 Mike Richard - Added .mintop class overrides to be used when adjourned or during interim
18Jan2016 Mike Richard - Removed obsolete .interim class overrides
09Jan2016 Mike Richard - Copied similar changes from lpdisplayhouse.css here
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
13Jan2017 Mike Richard - Resized Senate lobby-heading based on screen size to match House
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
20Jan2026 Mike Richard - Added font-weight to h2 tag to better match cmte display
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 formatting and used .video class instead
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;
}
#videoDisplay{
	margin:1rem 0 0 0; padding:0;
	position:relative; bottom:0;
	width:100%;
	height:98%;
	overflow:hidden;
	text-align:center;
	z-index:-1;
}
video{
	height:92%;
	max-width:86.2rem; /* same as .video class for video header */
	text-align:center;
}
video.smaller{
	height:82%;
}
.sectionDiv{
	background-color:#000;	/* black */
	margin:.5rem 0; padding:0;
	overflow:hidden;
	border:.2rem solid #700;	/* senate red */
	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:#700;	/* senate red */
}
.msg{
	background-color:#FF0;	/* yellow */
	color:#700;	/* senate red */
}
.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:#F00;	/* 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:#700;	/* senate red */
	text-align:center;
}
div#sectionDiv h3:last-child{
	margin:0 0 3rem 0;
}
h3{	/* may be obsolete??? */
	margin:0; padding:.4rem 0.75%;
	font-size:2.4rem; line-height:2.4rem;
	font-weight:normal;
}
h3,caption{	/* cal section header without a table and with a table */
	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:#700;	/* senate red */
	text-align:center;
}
.video{ /* header for video */
	margin:auto; padding:.4rem 2rem;
	font-size:2rem; line-height:2rem;
	width:82rem;
	background-color:#700;	/* senate red */
	border-radius:2.5rem;
	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:39rem; /* was 20rem */
	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:39rem; /* was 36rem, was 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:#700;	/* senate red */
	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:#700;	/* senate red */
	border-radius:2.5rem;
	text-align:center;
	z-index:999;
	position:absolute;
	left:0; 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 */
}
@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){ /* landscape iPad */
	#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){ /* portrait iPad */
	#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;
	}
	.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;
	}
}
/*--------------------------------------------------------------------------------------------------
	.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%;
}
.video.mintop{ /* video header tag (must have both classes)*/
	font-size:2.4rem; line-height:2.4rem;
	width:146.5rem; /* match up with video tag */
	padding:.5rem 1rem;
}
video.mintop{
	height:92%;
	max-width:146.5rem; /* match up with .video class for video header */
}