/* AKDOT env-layout tweaks — loaded AFTER ecc.css (branch akdot-ui-env-layout).
   Keeps env's ecc.css unmodified; adjusts only what AKDOT changes (no vmenu). */

/* No left vmenu — let the content column use the full width. */
#mainbody_wide,
#maincontainer_wide {
	width: auto;
	float: none;
}
#maincontainer_wide {
	padding: 14px 20px;
}

/* Vertically center the tabs in the 52px green bar (env's #navbar sits flush at
   the top, shoved against the banner). No vmenu here, so pull the tabs back to
   line up with the banner/content instead of env's 187px logo indent. */
#navbar {
	padding-top: 20px;
	margin-left: 22px;
	/* Match the green of the surrounding bars. On admin pages lms.css loads after
	   ecc.css and turns #navbar blue (#00427f); akdot-ui.css loads last, so this wins. */
	background-color: #006400;
}

/* Footer stripe: grey like environmentaltraining (override ecc.css's #006400
   green) with dark text and blue links so it reads on the light background. */
#footer_wide {
	text-align: center;
	background-color: #cccccc;
	color: #333333;
	font-size: 11px;
}
#footer_wide a {
	color: #1a4b8c;
	text-decoration: underline;
}
#footer_wide a:hover { color: #0f2f5c; }
#footer_wide .foot-powered {
	color: #555555;
	margin-left: 14px;
}
#footer_wide .foot-copyright {
	display: block;
	margin-top: 3px;
	color: #444444;
}

/* Pre-auth pages (login) have no tab bar — collapse the green strip so the form
   sits directly under the banner. */
#belowbanner_wide.plain {
	background: transparent;
	height: auto;
}

/* Banner = the AK DOT&PF / ECATTS graphic (content/images/AlaskaDOTBanner2.jpg),
   with a thin green context strip above it for "Logged in as" / "Administration". */
#banner {
	background: #fff;
	padding: 0;
	overflow: hidden;
}
#banner .banner-img {
	display: block;
	width: 100%;
	max-width: 1024px;
	height: auto;
}
#banner .banner-strip {
	background: #0b3d2e;
	color: #fff;
	padding: 4px 16px;
	font-size: 82%;
	overflow: hidden;
}
#banner .banner-strip .banner-sub {
	float: left;
	font-weight: bold;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}
#banner .banner-strip .loggedin {
	float: right;
	color: #d8ebe2;
}
#banner .banner-strip .loggedin strong { color: #fff; }

/* Accessibility skip-link: visually hidden until keyboard-focused (env's ecc.css
   doesn't define .hidden, so it was showing as plain text). */
a.hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap;
}
a.hidden:focus {
	position: static;
	width: auto;
	height: auto;
	clip: auto;
	padding: 4px 10px;
	background: #ffd;
}