/* 
  -----------------------------------
  Pop Menu Magic 3
  by Project Seven Development
  www.projectseven.com
  Style Theme: 04 - Cobalt
  -----------------------------------
*/


.p7PM3-04 {
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 18px;
	font-stretch: condensed;
	background: linear-gradient(180deg, rgba(152,182,206,1), rgba(98,148,182,1));
	background-color: #77A3BF;
	border-bottom: 1px solid #000;
	line-height: 1;
	-webkit-transform-style: preserve-3d;
}
.p7PM3-04.horiz {
	padding: 0px 8px;
	
}
.pmm3-toolbar {
	display: none;
	background-image: url(../images/_logos/TSLogo2017shdw75.png);
	background-size: 200px auto;
	background-repeat: no-repeat;
}

.p7PM3-04.shadows {
	border-bottom-color: #FFF;
	box-shadow: 0px 0px 30px rgba(0,0,0,.35);
}
.p7PM3-04 a img {
	border: none;
}
.p7PM3-04.menu-centered {
	text-align: center;
}
.p7PM3-04.menu-right {
	text-align: right;
}
.p7PM3-04:after {
	content: "\0020";
	clear: both;
	font-size: 0px;
	line-height: 0;
	display: inline;
	height: 0px;
}
.p7PM3-04 ul {
	margin: 0px;
	padding: 0px;
	display: inline-block;
	vertical-align: bottom;
}
.p7PM3-04 ul li {
	list-style-type: none;
	float: left;
	position: relative;
	color: #C6F0FB;
	top: 4px;
}
.p7PM3-04 ul li a {
	display: block;
	padding: 12px 18px;
	text-decoration: none;
	border: none !important;
}

.p7PM3-04 a.trig_closed,
.p7PM3-04 a.trig_open {
	background-repeat: no-repeat !important;
	background-position: left center !important;
}

.p7PM3-04 ul li a.trig_closed {
	background-image: url(img/pmm3-right-blue2E3192.gif);
	margin-left: 0px;
	padding-left: 15px;
}

.p7PM3-04 ul ul li a.trig_closed {
	background-image: url(img/pmm3-right-medium.gif);
}


/* this parameter affects the selectors for the dropdown menu toggles, including the down arrow gifs */
.p7PM3-04 ul li a.trig_open {
	background-color: #2E3192;
	background-position: 31% 30%;
	background-image: url(img/pmm3-down-textlightblueC6C0FB.gif);
	color: #FF0003;
	background-size: auto auto;
}

/* I disabled this rule since it seems to be overridden by another one */
/* .p7PM3-04 ul ul li a.trig_open {
	background-position: 70%;
	background-image: url(img/pmm3-down-medium.gif);
} */

/* this parameter affects the selectors for the non-dropdown menu toggles, including text size on hover if I want to make it larger */
.p7PM3-04 ul li a.pm3-link:hover {
	background-position: 30%;
	background-image: none;
	background-color: #2E3192;
	color: #FF0003;
}
.p7PM3-04 ul ul li a {
	border: none;
	border-bottom: 1px solid rgba(0,0,0,.3) !important;
	color: #AAA;
	font-size: .9em;
}

/* this selector affects the dropdown menu parameters including the background color on hover */
.p7PM3-04.responsive ul ul li a.pm3-link:hover {
	background-position: 70%;
	background-image: none;
	color: #FF0003;
	background-color: #C6F0FB;
}

/* this selector controls the settings for the dropdown menus */
.p7PM3-04 ul ul {
	background-color: #2E3192;
	display: block;
	text-align: left;
	width: 200px;
}
.p7PM3-04.transparent ul ul {
	background: linear-gradient(180deg, rgba(34,34,34,1), rgba(0,0,0,.85));
}
.p7PM3-04.shadows ul ul {
	box-shadow: 10px 10px 30px rgba(0,0,0,.35);
}
.p7PM3-04 ul ul div {
	z-index: 999;
}
.p7PM3-04.auto-subs ul ul {
	width: auto;
}
.p7PM3-04.auto-subs ul ul li a {
	white-space: nowrap;
}
.p7PM3-04 ul ul li {
	position: relative;
	float: none;
	margin: 0px;
	padding: 0px;
}
.p7PM3-04 ul ul li:last-child a {
	border-bottom: none;
}

/*
------------------------------
Selectors for WW Projects Menu
------------------------------
*/

/* this was copied from p7PM3-04.css to color the WW Projects Menubar */
.p7PM3-04.wwProjectsMenu {
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 18px;
	font-stretch: condensed;
	background: linear-gradient(180deg, rgba(220,163,39,1.00), rgba(134,81,14,1.00));
	/*background-color: #77A3BF;*/
	border-bottom: 1px solid #000;
	line-height: 1;
	-webkit-transform-style: preserve-3d;
	width: 50%;
}

.pmm3-toolbar.wwProjectsMenu {
	display: none;
	/*background-image: url(../images/_logos/TSLogo2017shdw75.png);*/
	background-size: 200px auto;
	background-repeat: no-repeat;
}


/* WW Projects Menu - this selector positions the the hamburger icon label horizontally; sets the background color for the collapsed menu */
.p7PM3-04.p7.wwProjectsMenu.toggle-text.pmm3-toolbar {
	background: linear-gradient(180deg, rgba(220,163,39,1.00), rgba(134,81,14,1.00));
	/* background-color: #77A3BF; */
	padding: 10px;
	text-align: right;
	cursor: pointer;
}

/* this colors the text in the WW Projects Menu */
.p7PM3-04.wwProjectsMenu ul li {
	list-style-type: none;
	/* disabling this selector aligned the dropdown menu vertically and brought the menu text above other page elements */
	/* [disabled]float: left; */
	position: relative;
	color: #FFF0A5;
	top: 0px;
}


/* these selectors control the dropdown menu and hamburger icon hover parameters when the menu is collapsed for smaller viewports */
.p7PM3-04.responsive.wwProjectsMenu a:hover {
/*.p7PM3-04.responsive.wwProjectsMenu a.pm3-link:hover*/ 
	/* I removed a portiion of this parameter while testing:  background: none no-repeat left center, linear-gradient(180deg, #77A3BF 20%, #77A3BF) !important;
	background-color: #2E3192; */
/* background: linear-gradient(180deg, #77A3BF 20%, #77A3BF) !important; */ 
	background-color: #67440B;
	color: #FF0003;
	position: relative;
}

/* this selector controls the background and text color of the dropdown menus; I pulled it from the above rule that I disabled to separate it from the trigger link */
.p7PM3-04.responsive.wwProjectsMenu a.pm3-link:hover {
	background-color: #FFF0A5;
	color: #FF0003;
	position: relative;
}

/* this selector affects the background color and text color on hover */
.p7PM3-04.wwProjectsMenu ul li a:hover {
	background-position: 30%;
	background-image: none;
	background-color: #67440B;
	color: #FF0003;
}

/* this selector controls the settings for the hamburger icon */
.p7PM3-04.pmm3-toolbar.responsive.wwProjectsMenu a {
	font-size: 2em;
	font-weight: normal;
	color: #67440B;
	text-decoration: none;
}

.p7PM3-04.wwProjectsMenu ul ul li a.pm3-link:hover {
	background-position: 70%;
	background-image: none;
	color: #FF0003;
	background-color: #77A3BF;
}


/* 
----------------------------
END WW Projects Menu 
----------------------------
*/


/* ROUNDED CORNERS OPTION - Sub-Center Bias */
.p7PM3-04.rounded ul ul {
	border-radius: 0px 0px 5px 5px;
}
.p7PM3-04.rounded ul ul ul {
	border-radius: 5px 5px 5px 5px;
}
.p7PM3-04.rounded.justified ul li.pm3first ul.level_2,
.p7PM3-04.rounded.sub-left ul ul {
	border-top-left-radius: 0px;
}
.p7PM3-04.rounded.sub-left ul ul ul {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.p7PM3-04.rounded.justified ul li.pm3last ul.level_2 {
	border-top-right-radius: 0px;
}
.p7PM3-04.rounded ul ul ul a.pm3first,
.p7PM3-04.rounded ul ul ul .pm3first.pmm3-title-bar {
	border-radius: 5px 5px 0px 0px;
}
.p7PM3-04.rounded.sub-centered.justified ul li.pm3first ul.level_2 a.pm3first,
.p7PM3-04.rounded.sub-right.justified .pm3first .level_2 a.pm3first,
.p7PM3-04.rounded.sub-left ul.level_2 a.pm3first {
	border-top-left-radius: 0px;
}
.p7PM3-04.rounded.sub-left ul.level_3 a.pm3first,
.p7PM3-04.rounded.sub-right.justified .pm3first .level_2 ul a.pm3first {
	border-top-left-radius: 5px;
}
.p7PM3-04.rounded.justified ul li.pm3last ul.level_2 a.pm3first,
.p7PM3-04.rounded.sub-right ul.level_2,
.p7PM3-04.rounded.sub-right ul.level_2 a.pm3first {
	border-top-right-radius: 0px;
}
.p7PM3-04.rounded.sub-right ul.level_2 ul,
.p7PM3-04.rounded.sub-right ul.level_2 ul a.pm3first {
	border-top-right-radius: 5px;
}
.p7PM3-04.rounded.sub-right.justified .pm3first .level_2 ul,
.p7PM3-04.rounded.sub-right.justified .pm3first .level_2 ul a.pm3first {
	border-top-right-radius: 5px;
}
.p7PM3-04.rounded ul ul a.pm3last,
.p7PM3-04.rounded ul ul .pm3last.pmm3-title-bar {
	border-radius: 0px 0px 5px 5px;
}
.p7PM3-04.rounded ul ul a.pm3first.pm3last {
	border-radius: 5px 5px 5px 5px;
}

/* Menu Up Rounded Exceptions */
.p7PM3-04.rounded ul a.root_trig.trig_up {
	border-radius: 0px;
}
.p7PM3-04.rounded li.trig_up div {
	padding-bottom: 10px;
}
.p7PM3-04.rounded .trig_up ul a.pm3first {
	border-radius: 5px 5px 5px 5px !important;
}
.p7PM3-04.rounded ul li.trig_up ul {
	border-radius: 5px 5px 5px 5px;
}
.p7PM3-04.rounded .trig_up .pm3first.pmm3-title-bar {
	border-radius: 5px 5px 0px 0px !important;
}
.p7PM3-04.rounded .trig_up .pm3last.pmm3-title-bar {
	border-radius: 0px 0px 5px 5px !important;
}

/* Rounded Exceptions for Vertical Menu */
.p7PM3-04.vert.rounded {
	border-radius: 5px !important;
}
.p7PM3-04.vert.rounded a.root_trig {
	border-radius: 0px !important;
}
.p7PM3-04.vert.rounded ul a.pm3first {
	border-radius: 5px 5px 0px 0px !important;
}
.p7PM3-04.vert.rounded ul a.pm3last {
	border-radius: 0px 0px 5px 5px !important;
}
.p7PM3-04.vert.rounded ul a.pm3first.pm3last {
	border-radius: 5px !important;
}
.p7PM3-04.vert.rounded ul {
	border-radius: 5px;
}


/* DISPLAY AS TITLE ONLY */
.p7PM3-04 .pmm3-title-bar,
.p7PM3-04.vert .pmm3-title-bar {
	padding: 14px 18px;
	color: #DDD;
	background-color: #666;
	border-radius: 0px;
}
.p7PM3-04.auto-subs ul ul .pmm3-title-bar {
	white-space: nowrap;
}

/* IMAGE LINKS */
.p7PM3-04 .p7PM3_img {
	border: none;
	padding: 0px;
	text-align: center;
	background: none !important;
}
.p7PM3-04 .p7PM3_img img {
	border: none;
	width: 200px !important;
	vertical-align: bottom;
}

/* VERTICAL MODE */
.p7PM3-04.vert {
	border: none;
}
.p7PM3-04.vert ul {
	display: block;
}
.p7PM3-04.vert ul li {
	float: none;
	padding: 0px;
	position: relative;
}
.p7PM3-04.vert ul li a.trig_open {
	color: #EEE;
	background-repeat: no-repeat;
	background-position: left center, linear-gradient(90deg, #222 70%, #000);
	background-image: url(img/pmm3-down-medium.gif);
}

/* CURRENT MARK */
.p7PM3-04 ul li a.current_mark {
	text-shadow: -.5px 0px 0px #000;
}
.p7PM3-04 ul ul li a.current_mark {
	color: #FFF;
	font-weight: bold;
	text-shadow: none;
}
.p7PM3-04.vert ul li a.current_mark {
	font-weight: bold;
	text-shadow: none;
}

/*
NO-SCRIPT RULES
The following rules enable your menu to work even when javascript is disabled in the browser
*/
.p7PM3-04.p7PM3noscript {
	position: relative;
}
.p7PM3-04.p7PM3noscript ul ul {
	position: absolute;
	display: none;
	top: 100%;
}
.p7PM3-04.p7PM3noscript ul ul ul {
	display: none;
	top: 0px;
	left: 100%;
}
.p7PM3-04.vert.p7PM3noscript ul ul {
	top: 0px;
	left: 100%;
}
.p7PM3-04.p7PM3noscript li:hover ul {
	display: block;
}
.p7PM3-04.p7PM3noscript li:hover ul ul, .p7PM3-04.p7PM3noscript li:hover ul ul ul, .p7PM3-04.p7PM3noscript li:hover ul ul ul ul, .p7PM3-04.p7PM3noscript li:hover ul ul ul ul ul, .p7PM3-04.p7PM3noscript li:hover ul ul ul ul ul ul {
	display: none;
}
.p7PM3-04.p7PM3noscript li li:hover ul, .p7PM3-04.p7PM3noscript li li li:hover ul, .p7PM3-04.p7PM3noscript li li li li:hover ul, .p7PM3-04.p7PM3noscript li li li li li:hover ul, .p7PM3-04.p7PM3noscript li li li li li li:hover ul {
	display: block;
}

/* BREADCRUMBS */
.p7PM3-04_crumbs.centered {
	text-align: center;
}
.p7PM3-04_crumbs.right {
	text-align: right;
}
.p7PM3-04_crumbs ul {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	font-size: 1em;
	display: inline-block;
}
.p7PM3-04_crumbs li {
	list-style-type: none;
	display: block;
	float: left;
	margin-right: .25em;
}
.p7PM3-04_crumbs a {
	text-decoration: none;
	color: #000;
}
.p7PM3-04_crumbs a:hover {
	text-decoration: underline;
}
.p7PM3-04_crumbs li:last-child {
	margin-right: 0px;
	font-weight: bold;
}
.p7PM3-04_crumbs.thick-arrow li:after {
    content: "\0020 \0020 \27A7";
}
.p7PM3-04_crumbs.thin-arrow li:after {
    content: "\0020 \0020 \279F";
}
.p7PM3-04_crumbs.open-arrow li:after {
    content: "\0020 \0020 \21E8";
}
.p7PM3-04_crumbs.triangle-dots li:after {
    content: "\0020 \0020 \2234";
}
.p7PM3-04_crumbs.double-colon li:after {
   content: "\0020 \0020 \2237";
}
.p7PM3-04_crumbs.pipe li:after {
   content: "\0020 \0020 |";
}
.p7PM3-04_crumbs.dash li:after {
   content: "\0020 \0020 -";
}
.p7PM3-04_crumbs li:last-child:after {
	content: "\0020";
}

#p7PM3_2 #p7PM3tb_2 a {
	color: #C6F0FC;
	font-size: 2em;
	max-width: 10%;
}

#p7PM3_2 #p7PM3tb_2 a:hover {
	color: #FF0703;
	background-color: #2E3192;
	background-clip: content-box;
}

#p7PM3tb_2 a .tsRNavMenu {
	font-size: 75%;
	font-family: "Arial Narrow", Arial, sans-serif;
	position: relative;
	bottom: 3px;
}

/*END BREADCRUMB RULES*/

 @media only screen and (min-width: 0px) and (max-width: 853px) {
	 
.closed li .tsNavbar {
}
	 
/* this selector hides the TS logo in the Resources Navbar, but still allows it to show in the main TS Navbar at the top or each page */
.pmm3-toolbar.tsResourcesNav {
	background-image: none;
}
	 
 .p7PM3-04.wwProjectsMenu {
	 width: 100%;
 }

/* This one selector resizes the gif down arrow when the NavBar is collapsed; otherwise it's way TOO BIG!! */	 
.p7PM3-04 ul li a.trig_open {
	background-size: auto auto;
}

.p7PM3-04.responsive:after {
	display: none;
}
	 
/* this selector positions the the hamburger icon label horizontally; sets the background color for the collapsed menu */
	 /*3/3/2024 the toolbar was collapsing too far when the screen size went to 853px or smaller. I changed the height attribute from 2.1em to 3.5em. That fixed it. */
.p7PM3-04.responsive .pmm3-toolbar {
	display: block;
	background-color: #77A3BF;
	padding: 20px 10px 5px 10px;
	text-align: right;
	cursor: pointer;
	height: 3.5em;
}

/* TS MainNav - this selector controls the settings for the hamburger icon, which I changed to simply "Menu" */
.p7PM3-04.responsive .pmm3-toolbar a {
	font-size: 1.75em;
	font-weight: normal;
	color: #2E3192;
	text-decoration: none;
}
.p7PM3-04.responsive .pmm3-toolbar a:hover {
	color: #FF0003;
}

	 
/* these next two selectors affect the Show / Hide label in the collapsed NavResourcesBar. The vertical-align attribute is moving the label up */
.p7PM3-04.responsive .toggle-text.closed a:before {
	/*content: "Show \0020";*/
	font-size: .5em;
	vertical-align: 8px;
	
}
.p7PM3-04.responsive .toggle-text.opened a:before {
	/*content: "Hide \0020";*/
	font-size: .5em;
	vertical-align: 8px;
}
.p7PM3-04.responsive {
	text-align: left !important;
	padding: 0px !important;
	box-shadow: none !important;	
}
 
.p7PM3-04.responsive.vert ul {
	margin-top: 0px;
}
.p7PM3-04.responsive ul {
	display: block;
}
.p7PM3-04.responsive ul li {
	float: none;
	margin: 0px;
	padding: 0px;
}
.p7PM3-04.responsive ul ul {
	position: static !important;
	width: auto;
	padding: 0px;
}

/* these selectors control the dropdown menu parameters when the menu is collapsed for smaller viewports */
.p7PM3-04.responsive a:hover, 
.p7PM3-04.responsive a.pm3-link:hover {
	/* I removed a portiion of this parameter while testing:  background: none no-repeat left center, linear-gradient(180deg, #77A3BF 20%, #77A3BF) !important;
	background-color: #2E3192; */
	/* background: linear-gradient(180deg, #77A3BF 20%, #77A3BF) !important; */
	background-color: #2E3192;
	color: #FF0003;
	position: static;
}

li .p7PM3_img .tsLogoNav {
	position: absolute;
	margin-top: -60px;
	z-index: 999;
	overflow-x: visible;
	overflow-y: visible;
	visibility: visible;
	margin-right: 0px;
}
.p7PM3-04.responsive ul ul li {
	padding: 0px;
}
.p7PM3-04.responsive .pmm3-title-bar {
	padding: 12px 18px;
}
.p7PM3-04.responsive ul ul a,
.p7PM3-04.responsive ul ul .pmm3-title-bar {
	padding-left: 24px;
}
.p7PM3-04.responsive ul ul ul a,
.p7PM3-04.responsive ul ul ul .pmm3-title-bar {
	padding-left: 32px;
}
.p7PM3.responsive ul.closed {
	display: none;
}
.p7PM3.responsive ul.opened {
	display: block;
}
.p7PM3.responsive.rounded * {
	border-radius: 0px !important;
}
.p7PM3.responsive.shadows * {
	box-shadow: none !important;
}
.p7PM3-04_crumbs {
	display: none;
}
.p7PM3-04_crumbs.show-mobile {
	display: block;
}

.p7PM3.responsive.select .pmm3-select-wrapper {
	display: block;
	padding: 10px;
}
.p7PM3.responsive.select select {
	width: 100%;
	font-size: 1em;
	padding: 4px;
}
.p7PM3.responsive.select .pmm3-toolbar {
	display: none;
}
.p7PM3.responsive.select ul {
	display: none;
}

/*Workaround for very old Android devices*/
.p7PM3-04 div {
	left: 0px !important;
	top: 0px !important;
}

li .p7PM3_img img {
}
.pmm3-toolbar.tsResourcesNav {
	color: #2E3192;
}
/*End old Android workaround*/
}