/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Special style sheet for use only with Links page
	Sets style elements for Google Search Engine search box on ribbon bar
	Sets style elements for Sitemap Modal box
   
	Version - April 2024
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Google Search Engine search box style
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.searchBox {
	margin: 0;
	border-bottom: 1px solid #999999;
	height: 43px;
	line-height:30px;
	width: 275px;
	background: #ffffff;
	box-sizing: border-box}
.searchTitle {
	margin: 0;
	padding: 12px;
	height: 42px;
	border-bottom: 1px solid #999999;
	font-size: 0.9em;
	color: #ffffff;
	background: #999999;
	box-sizing: border-box;
	text-align: left}
.gsc-search-button {
	height: 42px;
	width: 40px;
	background: #999999;
}
.gsc-search-button.gsc-search-button-v2 {
	padding: 0;
	width: 42px
}
.gsc-search-button:hover {cursor:pointer}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Sitemap Modal style
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#myBtn1, #myBtn2 {cursor: pointer}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 999; /* Sit on top */
  left: 50px;
  top: 0;
  width: 360px; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
}

/* Modal Content */
.modal-content {
	top: 20px;
	border: 1px solid #999999;
	padding: 0 20px;
	margin: auto;
	text-align: left;
	font-size: .8em;
	color: #333333;
	background-color: #f6f6f6;
}
.modal-content a:link {
	color: #2865d6;
	font-weight: normal;
	text-decoration: none;
}
.modal-content a:hover {
	color: #2897d6;
	font-weight: bold;
	text-decoration: underline;
}
.modal-content ul {margin: 0px; padding: 0px; list-style: none}
.modal-content ul li {width:280px}
.modal-content li a {margin-left: 30px;}
.modal-content li ul li:first-child{margin-left: -20px; margin-top:5px}

/* Menu section titles */
.menu-title {background: #dddddd; padding: 10px; margin: 10px 0px; font-weight: bold}
.menu-sub {padding-left: 10px; font-weight: bold}
	
/* The Close Button */
.close {
	position: fixed; /* Fixed/sticky position */
	left: 340px; /* Place the button nnpx from the left */
	z-index: 999; /* Make sure it is on top layer */
	opacity: 0.5;
	border-radius: 50%;
}
.close-top {top: 5px} /* Place the button nnpx from top of the page */
.close-bottom {bottom: 10px} /* Place the button nnpx from bottom of the page */
.close:hover,
.close:focus {
	opacity: 1; cursor: pointer;
	-moz-box-shadow: 0 0 20px #454545;
	-webkit-box-shadow: 0 0 20px #454545;
	box-shadow: 0 0 20px #454545;
}