body {
    background-image: url('../images/Map_of_Twelve_Tribes_of_Israel.png'); /* Relative or absolute path to your image */
    background-repeat: repeat; /* Optional: Prevents image from repeating */
    background-size: 600px 680px;
		/* Optional: Scales image to cover the entire background */
    background-position: left top; /* Optional: Centers the image */
}


table, td, th {
  border: 1px solid black;
  border-radius: 3px;
  font-family: Verdana, sans-serif;
  font-size: 9pt;
  font-weight: bold; 
  position: sticky;
}

th {
    text-align: center;
}
table {
	width: 45%;
}


tr.border {
	border: 3px solid black;
}

#buttons input {
    margin-bottom: .5em;
    font-size: 15px;
    font-weight: bold;
    border-radius: 7px; 
}	

.btntanakh{
	padding: 5px 25px; 
	background: #DDDDDD;
	border: 1px solid black;
	outline: none; 
	cursor: pointer;
	font-size: 13px;
/*	font-weight: 500; */
	font-weight: bold; 
	border-radius: 5px;
}

.ExitBTN {
    padding: 5px 25px; 
	background: #DDDDDD;
	border: 1px solid black;
	outline: none; 
	cursor: pointer;
	font-size: 12px;
/*	font-weight: 500; */
	font-weight: bold; 
	border-radius: 5px;	
}

.popup_tanakh{
	width: 800px;
	background: #DDFFDD;
	border-radius: 6px;
	border: 1px solid black;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%) scale(0.1);
	text-align: center;
	padding: 0 30px 30px;
	color: 333;
	visibility: hidden; 
	transition: transform 0.4s, top 0.4s;
	z-index: 9999;
}

.open-popup_tanakh {
	visibility: visible;
	top: 50%;
	transform: translate(-50%, -50%) scale(1);
}

.popup_tanakh button {
	width: 50%;
	margin-top: 50px;
	padding: 10px 0;
	background: #6fd649;
	color: #fff;
	border: 0;
	outline: none;
	font-size: 16px;
	font-radius: 4px;
	cursor: pointer;
	box-shadow: 0 5px 5px rgba(0,0,0,0.2);
}

.multi-column-listbox {
      display: flex; /* Enable Flexbox */
      width: 100%; /* Or a fixed width */
	  height: 120px;
      border: 2px solid #000;
      overflow: auto; /* Add scrollbars if content exceeds height */
	  background-color: white;
	  font-size: 14px;
	  border-radius: 5px;
    }
	 .listbox-column {
      flex: 1; /* Distribute available space equally among columns */
      padding: 10px;
      border-right: 1px solid #eee; /* Optional: column separators */
    }
	
	.listbox-item {
      padding: 5px;
      cursor: pointer;
    }
	
	.listbox-item:hover {
      background-color: #f0f0f0;
    }	
	
	 #LBHeaders {
      word-spacing: 165px; /* Adds 10 pixels of space between words */
    }
	
	#SeeRecord {
	width: 90px;
    height: 30px;
	border-radius: 3px;
	font-family: Verdana, sans-serif;
    font-size: 7pt;
	color: 	#0000ff;
	font-weight: bold;
	)