input[type=text], input[type=password] {padding: 5px;width:90%;}
	table, tr, td { border-collapse:collapse;}
	tr,td {padding:5px;}
	.td  > td {vertical-align: middle;}
	tdl {width:35%;}
	.left {text-align:left;	}
	.right {text-align:right;}
	.center {text-align:center;}
	.negmgn {margin:-30px 50px -20px 0;}
	.floatright {float: right;}
	.floatleft {float: left;}
	.cpb {padding:0 0 0 -20px;}
	.tabdiv {padding:10px 10px 10px 20px;display:none;}
	.biga, .biga:hover {color:white;text-decoration:none;word-wrap:break-word;}
	.biga h3 {line-height:200%;}
	.redtext {color:red;}
	.fy {height:200px; overflow:auto;}
	
	
	/* Container */
.marquee-container {
    height: 200px; /* Set a specific height for the visible area */
  overflow: hidden; /* Hides content outside the container */
  position: relative;
  border:1px solid black;
  width:100%;
  
}

/* Moving Text */
.marquee-content {
  display: flex; /* Or block, depending on content */
  flex-direction: column; /* Stacks items vertically */
  animation: vertical-marquee 10s linear infinite; /* Apply animation */
  /* Ensures the duplicated content aligns immediately after the original */
  /* This value needs adjustment based on total content height */ 
  margin-top:100%;
  padding-bottom: 0; 
  
  
}

@keyframes vertical-marquee {
 
  to {
  transform: translateY(-500%);
  }
}

/* Optional: Pause on hover */
.marquee-container:hover .marquee-content {
  animation-play-state: paused;
}