/** SobekRepository site CSS Document **/
/** Last modified July 29th, 2026 **/

@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Poppins:wght@400;600;700&display=swap);

body
{
	font-family: 'Inter', Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin: 0;
	padding: 0;

}

#mainbanner {
	max-width: 2172px;
	min-width: 80px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
#mainbanner img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
	border-radius: 6px;
}

#footer{ clear: both;  width: 100%;  background-color:#042154;  box-shadow: 0 -1px 3px rgba(0,0,0,.06); font-size: medium; height:140px; FONT-SIZE: 14px;  COLOR: white;  FONT-FAMILY: Arial, Helvetica, sans-serif; line-height: 1.5; }
#footer p{ display: inline;  font-family: Arial, Helvetica, sans-serif; color: #787878; padding: 0 0 0 10px; }
#footer a{ color: white; text-decoration: none; transition: color .15s ease; }
#footer a:hover{ color: #2563eb; text-decoration: underline; }

#footerwrapper { max-width: 1100px; min-width: 600px; margin-left:auto; margin-right:auto; }

#sitelinks { width: 180px; padding-top: 5px; padding-left: 30px; }
#sitelinks ul { list-style: none; }

#Copyright { text-align:left;  width: 300px; padding-top: 20px; float: right; padding-right: 30px; }
#Copyright a { COLOR: white; TEXT-DECORATION: none; }
#Copyright a:hover { COLOR: #2563eb; TEXT-DECORATION: underline; }

.HeaderNavLinks { PADDING-RIGHT: 20px; 	font-size: 0.85em;
	box-shadow: 0 1px 2px rgba(0,0,0,.06); PADDING-LEFT: 10px; COLOR: #777777; BACKGROUND-COLOR: #eee; TEXT-DECORATION: none; }
.HeaderNavLinks A:link { COLOR: #777777; TEXT-DECORATION: none; transition: color .15s ease; }
.HeaderNavLinks A:visited { COLOR: #777777; TEXT-DECORATION: none;  }
.HeaderNavLinks A:hover { COLOR: #2563eb; TEXT-DECORATION: underline;  }

header { font-family: Arial, Helvetica, sans-serif;	margin: 0;	padding: 0;	width: 100%; height: 65px; FONT-SIZE: medium; text-align:left; background-color: #042154; margin-bottom: 20px; }
#headertable {   margin-left: auto; margin-right: auto; width: 90%; height:60px; }
.headerBackground { background-color: #042154;font-size: 1.1em; font-weight:bold; }
header a { border: 0; color:white; }
header a:link { color:white;text-decoration:none;}
header a:visited { color:white;text-decoration:none;}

.technicaltext { font-size: 1.2em; margin-left:auto; margin-right:auto; padding-left:	20px;
	padding-right:	20px; width: 1200px; min-width: 848px;     line-height: 150%; }

.technicaltext a:link { COLOR: #2563eb; TEXT-DECORATION: none; transition: color .15s ease; }
.technicaltext a:visited { COLOR: #2563eb; TEXT-DECORATION: none; }
.technicaltext a:hover { COLOR: #1d4ed8; TEXT-DECORATION: underline; }

.breadcrumbs {
	font-size: 0.8em;
	color: #888;
	padding: 10px 15px 0 25px;
	margin: 0;
}
.breadcrumbs a { color: #2563eb; text-decoration: none; transition: color .15s ease; }
.breadcrumbs a:hover { color: #1d4ed8; text-decoration: underline; }
.breadcrumbs .crumb-sep { color: #bbb; padding: 0 2px; }
.breadcrumbs .crumb-group { color: #888; }
.breadcrumbs .crumb-current { color: #555; font-weight: 600; }

.technicaltext h1
{
	font-weight: normal;
	text-align: center;
	font-size: 1.7em;
	font-family: 'Poppins', Arial, Helvetica, sans-serif;
	margin-top: 40px;
	margin-bottom: 20px;
}

.technicaltext h2
{
	font-weight:normal;
	font-size: 1.35em;
	font-family: 'Poppins', Arial, Helvetica, sans-serif;
	margin-top: 35px;
	width: 800px;
	background-color: #f7f7f8;
	padding: 5px 5px 5px 12px;
	border-radius: 6px;
	box-shadow: 0 1px 3px rgba(0,0,0,.08);
}

.technicaltext h3
{
	font-weight: bold;
	font-size: 1.1em;
	margin-top: 10px;
	padding-left: 12px;
}

.technicaltext p 
{
	padding: 5px 15px 5px 25px;
	margin: 0px 0px 5px 0px;
}

.technicaltext ul 
{
	margin-left: 25px; padding-left: 25px;
}

.technicaltext ol 
{
	margin-left: 25px; padding-left: 25px;
}

.intext_image
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 844px;	
	padding-bottom: 10px;
}

.technicaltext table {
	border-radius: 6px;
	overflow: hidden;
}

table.sample {
	border-width: 1px;
	border-style: none;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
	margin-left: 40px;
}
table.sample th {
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: gray;
	background-color: #eee;
}
table.sample td {
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: gray;
	background-color: white;
}

.GrayTable { border:0; border-collapse: collapse; border-spacing: 0;  margin-top: 8px; border-left:2px solid #cccccc; border-right: 2px solid #cccccc; padding: 0; margin-left:25px; }
.GrayTable tr { height: 25px; }
.GrayTable td { border-bottom: 2px solid #cccccc; padding-left: 4px; }
.GrayTable th { color: black; background-color: #cccccc; }

.technicaltext ul
{
	margin-left: 25px; padding-left: 25px;
}

/*------------------------------ Begin Syntax and Snipper Code Block Styles -------------------------------*/
div.xmlcode
{
	background-color:#E7E7E7;
	margin-left: 50px;
	margin-bottom: 10px;
	padding: 4px 4px 4px 4px;
	font-size: 0.9em;
	line-height: 150%;

}

span.procinstr
{
    color: #0000bb;
}

pre
{
 background-color: #f6f7a0;
 margin-left: 50px;
margin-right: 20px;
 padding: 5px;
}

.SobekSiteMapTreeView { background-color: #1b1f24; color: #f5f5f5; }

.SobekSiteMapTreeView a:link { color: white; transition: color .15s ease; }
.SobekSiteMapTreeView a:visited { color: white; }
.SobekSiteMapTreeView a { color: white; }
.SobekSiteMapTreeView a:hover { color: #ffd54f; }
.SobekSiteMapNoLink { color: #9aa1ab; }

.sitemap-list, .sitemap-list ul {
	list-style: disc;
	margin: 0;
	padding-left: 1.3em;
}
.sitemap-list {
	padding-left: 1.1em;
}
.sitemap-list li {
	margin: 4px 0;
}
.sitemap-list .SobekSiteMapNoLink {
	color: #666;
	font-style: italic;
}

/* .pagebody wraps the tree nav + .technicaltext content as siblings (see default.html
   template) so they can sit side by side instead of stacked. */
.pagebody {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    max-width: 1600px;
    min-width: 800px;
    margin: 0 auto;
}

.pagebody .SobekSiteMapTreeView {
    flex: 0 0 280px;
    margin: 65px 0 20px 0;
}

.pagebody .technicaltext {
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
    margin-left: 0;
    margin-right: 0;
}

.pagebody .technicaltext h2 {
    width: auto;
}

.SobekSiteMapTreeView {
    width: 280px;
    max-width: 100%;
    box-sizing: border-box;
    padding: 10px;
    font-size: 0.85em;
    line-height: 1.5;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0,0,0,.08);
}

.SobekSiteMapTreeView ul {
    list-style: none;
    margin: 0;
    padding-left: 1.1em;
}

.SobekSiteMapTreeView ul.tree-root {
    padding-left: 0;
}

.SobekSiteMapTreeView li {
    margin: 2px 0;
    padding-left: 1em;
}

.SobekSiteMapTreeView li.has-children.collapsed > ul.tree-children {
    display: none;
}

.SobekSiteMapTreeView .tree-toggle {
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    cursor: pointer;
    user-select: none;
}

.SobekSiteMapTreeView li.has-children > .tree-toggle::before {
    content: "\25BE"; /* expanded: ▾ */
}

.SobekSiteMapTreeView li.has-children.collapsed > .tree-toggle::before {
    content: "\25B8"; /* collapsed: ▸ */
}

.SobekSiteMapTreeView a.current {
    font-weight: bold;
    color: #ffd54f;
    text-decoration: underline;
}

/* Below 1000px, drop the tree nav entirely and relax the 1100px floors on .pagebody
   and the banner - otherwise they'd still force horizontal scrolling even with the
   tree gone. */
@media (max-width: 1000px) {
    #mainbanner {
        min-width: 0;
    }
	
	#footerwrapper {
		min-width: 0;
	}	

    .pagebody {
        min-width: 0;
    }

    .pagebody .SobekSiteMapTreeView {
        display: none;
    }
}

/*------------------------------ Search box (header) -------------------------------*/
.headerSearch {
	text-align: right;
	white-space: nowrap;
	padding: 0 10px 0 0;
}
.headerSearch form {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}
.headerSearch input[type="search"] {
	font-family: 'Inter', Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	padding: 4px 8px;
	border: 0;
	border-radius: 4px;
	width: 150px;
}
.headerSearch button {
	font-family: 'Inter', Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	padding: 4px 10px;
	border: 0;
	border-radius: 4px;
	background-color: #a4402d;
	color: white;
	cursor: pointer;
	transition: background-color .15s ease;
}
.headerSearch button:hover {
	background-color: #1d4ed8;
}


/*------------------------------ Search results page -------------------------------*/
.search-form {
	display: flex;
	gap: 8px;
	margin: 45px 25px 15px 25px;
	max-width: 600px;
}
.search-form input[type="search"] {
	flex: 1 1 auto;
	font-size: 1em;
	padding: 8px 12px;
	border: 1px solid #ccc;
	border-radius: 6px;
}
.search-form button {
	font-size: 1em;
	padding: 8px 16px;
	border: 0;
	border-radius: 6px;
	background-color: #a4402d;
	color: white;
	cursor: pointer;
	transition: background-color .15s ease;
}
.search-form button:hover {
	background-color: #1d4ed8;
}

.search-status {
	padding: 0 25px;
	color: #666;
	font-size: 0.9em;
}

.search-results-list {
	list-style: none;
	margin: 0;
	padding: 0 25px;
}
.search-result {
	padding: 15px 0;
	border-bottom: 1px solid #e5e5e5;
}
.search-result:last-child {
	border-bottom: 0;
}
.search-result-title {
	display: inline-block;
	font-family: 'Poppins', Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #2563eb;
	text-decoration: none;
}
.search-result-title:hover {
	text-decoration: underline;
}
.search-result-url {
	font-size: 0.8em;
	color: #388e3c;
	margin-top: 2px;
}
.search-result-snippet {
	font-size: 0.95em;
	color: #444;
	margin: 5px 0 0 0;
	line-height: 145%;
}
.search-result-snippet mark {
	background-color: #fff3a3;
	color: inherit;
	padding: 0 1px;
	border-radius: 2px;
}
.search-pager {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	padding: 20px 25px 10px 25px;
}
.search-pager-status {
	font-size: 0.9em;
	color: #666;
}
.search-pager button {
	font-family: 'Inter', Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	padding: 6px 14px;
	border: 1px solid #ccc;
	border-radius: 6px;
	background-color: white;
	color: #2563eb;
	cursor: pointer;
	transition: background-color .15s ease;
}
.search-pager button:hover:not(:disabled) {
	background-color: #f0f4ff;
}
.search-pager button:disabled {
	color: #bbb;
	border-color: #e5e5e5;
	cursor: default;
}