﻿/* Content Box */
.ContentBox {
	width: 302px;
	height: 444px;
	background-image: url(../Media/Images/Content/ContentBox.png);
	background-repeat: no-repeat;
	padding: 18px 12px 18px 12px;
	margin: 0px auto 0px auto;
}

.InfographicLayout .LargeText p, .InfographicLayout .LargeText ul, .InfographicLayout .LargeText h3 {
	font-size: 14px;
}

/* Infographic Layout */
.InfographicLayout {
	overflow: hidden;
	font-size: 12px;
	margin: 12px 0px 0px 0px;
}

	.InfographicLayout #HomepageH3 {
		margin: 20px 0 0 12px;
	}

	.InfographicLayout > div {
		position: relative;
		float: left;
		width: 300px;
		height: 556px;
		margin: 24px 0px 0px 0px;
		background-repeat: no-repeat;
		background-position: left bottom;
	}

		.InfographicLayout > div.Left {
			background-image: url("../Media/Images/Content/Infographic/NCIF_HomeLeftColumnBg.png");
			text-align: right;
		}

		.InfographicLayout > div.Middle {
			width: 348px;
			height: 600px;
			margin-top: 0px;
			background-image: url("../Media/Images/Content/Infographic/NCIF_HomeMiddleColumnBg.png");
		}

		.InfographicLayout > div.Right {
			background-image: url("../Media/Images/Content/Infographic/NCIF_HomeRightColumnBg.png");
			text-align: left;
		}

	/* Images */
	.InfographicLayout img.Graphic {
		display: block;
	}

	/* Component Details */
	.InfographicLayout div.ComponentDetails {
		width: 276px;
		height: 364px;
		position: absolute;
		bottom: 0px;
		display: none;
		padding: 12px;
		background-repeat: no-repeat;
		text-align: left;
	}

		.InfographicLayout div.ComponentDetails.CCR {
			background-image: url("../Media/Images/Content/Infographic/ComponentDetailsBg-CCR.png");
		}

			.InfographicLayout div.ComponentDetails.CCR > h2 {
				text-align: right;
				color: #434554;
			}

			.InfographicLayout div.ComponentDetails.CCR > p {
				text-align: right;
				color: #434554;
			}


		.InfographicLayout div.ComponentDetails.Administration {
			background-image: url("../Media/Images/Content/Infographic/ComponentDetailsBg-Administration.png");
		}

			.InfographicLayout div.ComponentDetails.Administration > h2 {
				text-align: right;
				color: white;
			}

			.InfographicLayout div.ComponentDetails.Administration > h3 {
				text-align: right;
				margin: 6px 12px 0px 12px;
				color: gold;
			}

			.InfographicLayout div.ComponentDetails.Administration > p {
				text-align: right;
				color: white;
			}

			.InfographicLayout div.ComponentDetails.Administration a {
				color: #fbaf5d;
			}

		.InfographicLayout div.ComponentDetails.FNLCR {
			background-image: url("../Media/Images/Content/Infographic/ComponentDetailsBg-FNLCR.png");
		}

			.InfographicLayout div.ComponentDetails.FNLCR > h2 {
				text-align: right;
				color: #212d6a;
			}

			.InfographicLayout div.ComponentDetails.FNLCR > p {
				text-align: right;
				color: #212d6a;
			}


	/* Headers */
	.InfographicLayout h1 {
		margin: 0px 0px 0px 0px;
	}

	.InfographicLayout h2 {
		margin: 6px 12px 0px 12px;
	}

		.InfographicLayout h2 > img {
			display: block;
		}

	.InfographicLayout > div.Left > h2 {
		float: right;
		height: 41px;
	}

	.InfographicLayout > div.Right > h2 {
		float: left;
		height: 41px;
	}



	/* Paragraphs */
	.InfographicLayout p {
		clear: both;
		margin: 12px;
		font-size: 12px;
		text-align: left;
	}

	.InfographicLayout > div.Middle > p {
		margin: 5px 6px 6px 12px;
		text-align: left;
	}


	/* Links */
	.InfographicLayout > div.Right > a.ContactUs {
		width: 68px;
		height: 22px;
		display: inline-block;
		margin: 20px 0px 0px 10px;
		background-image: url(../Media/Images/Content/Infographic/ContactUs.png);
		background-repeat: no-repeat;
		color: #A90101;
		padding: 6px 24px 0px 6px;
	}

	.InfographicLayout > div.Right > a.StaffSite {
		width: 58px;
		height: 22px;
		display: inline-block;
		margin: 20px 0px 0px 0px;
		background-image: url(../Media/Images/Content/Infographic/StaffSite.png);
		background-repeat: no-repeat;
		color: #A90101;
		padding: 6px 0px 0px 31px;
	}

	.InfographicLayout > div.Right > a.VisitorsGuide {
		display: inline-block;
		background: white;
		border: 1px solid #c8c8c8;
		padding: 6px;
		height: 16px;
		color: #A90101;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
		margin-top: 20px;
	}

	/* Pie */
	.InfographicLayout img.Pie {
		display: block;
		width: 326px;
		height: 326px;
		margin: 0px auto 0px auto;
	}

	/* Boxes */
	.InfographicLayout .Box {
		height: 65px;
		overflow: hidden;
		margin: 6px 12px 6px 12px;
		padding: 6px 6px 6px 56px;
		background-repeat: no-repeat;
		color: #106281;
	}

		.InfographicLayout .Box.Science {
			background-image: url("../Media/Images/Content/Infographic/Box-Science.png");
			padding-top: 10px;
		}

		.InfographicLayout .Box.News {
			background-image: url("../Media/Images/Content/Infographic/Box-News.png");
			padding-top: 10px;
		}

		.InfographicLayout .Box.Community {
			background-image: url("../Media/Images/Content/Infographic/Box-Community.png");
			padding-top: 10px;
		}

		.InfographicLayout .Box a {
			font-size: 14px;
			color: #106281;
		}

		.InfographicLayout .Box > p {
			margin: 3px 0px 3px 0px;
			font-size: 11px;
		}


/* Link Box */
.SimpleLinkBox {
	width: 222px;
	background-position: left bottom;
	background-repeat: no-repeat;
	margin: 0px 0px 11px 0px;
}

	.SimpleLinkBox .Title {
		width: 222px;
		height: 37px;
		background-image: url('../Media/Images/Containers/Box/BoxTop-222.png');
		background-position: left top;
		background-repeat: no-repeat;
	}

		.SimpleLinkBox .Title h2 {
			color: #970102;
			font-size: 1em;
			padding: 8px 0px 0px 30px;
			margin: 0px;
		}

	.SimpleLinkBox .Failure {
		padding: 6px;
		background: #fdfdfd;
		border: solid #cbcbcb;
		border-width: 0 1px 1px 1px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
	}

	.SimpleLinkBox ul {
		padding: 2px 0px 10px 0px;
		margin: 0px;
		background: #fdfdfd;
		border: solid #cbcbcb;
		border-width: 0 1px 1px 1px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
	}

	.SimpleLinkBox li {
		display: block;
		overflow: hidden;
		padding: 5px 0px 5px 29px;
		margin: 0px;
	}

		.SimpleLinkBox li a {
			color: #575C70;
			text-decoration: none;
			font-size: 1em;
			font-weight: bold;
		}

			.SimpleLinkBox li a:link {
			}

			.SimpleLinkBox li a:visited {
			}

			.SimpleLinkBox li a:hover {
				text-decoration: underline;
			}

			.SimpleLinkBox li a:active {
			}

/*Added this style for the Special Notices on the Staff Default page - were inline styles*/

a.StaticSpecialNotice {
	display: block;
	margin: 5px 0;
}

	a.StaticSpecialNotice.COR {
		border-radius: 2px;
		border: 1px solid #edcf99;
		background-color: #fff6d9;
		margin-bottom: 10px;
		padding: 5px 3px;
		text-decoration: none;
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxOC40IDUyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOC40IDUyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojRjdEOUE0O3N0cm9rZS13aWR0aDo0O3N0cm9rZS1taXRlcmxpbWl0OjEwO30NCjwvc3R5bGU+DQo8cG9seWxpbmUgY2xhc3M9InN0MCIgcG9pbnRzPSIxLjcsMSAxNi4xLDI2LjQgMS45LDUxICIvPg0KPC9zdmc+DQo=);
		background-repeat: no-repeat;
		background-size: 14px 110%;
		background-position: left 40px top -2px;
	}

		a.StaticSpecialNotice.COR > span {
			display: block;
			vertical-align: middle;
			display: inline-block;
		}

			a.StaticSpecialNotice.COR > span:first-of-type {
				font-weight: bold;
				text-transform: uppercase;
				width: 25%;
				letter-spacing: -1px;
				font-size: 13px;
				color: #626262;
			}

			a.StaticSpecialNotice.COR > span:last-of-type {
				width: 75%;
				font-size: 12px;
			}

		a.StaticSpecialNotice.COR:hover {
			background-color: #fbefc9;
		}

		a.StaticSpecialNotice.COR:active {
			background-color: #efe1b5;
		}


/* Featured articles*/
.FeaturedArticles {
	width: 686px;
	height: 175px;
	position: relative;
}

	.FeaturedArticles ul.ArticleImages {
		padding: 0px;
		margin: 0px;
	}

		.FeaturedArticles ul.ArticleImages li {
			display: none;
			padding: 0px;
			margin: 0px;
		}

			.FeaturedArticles ul.ArticleImages li.Selected {
				display: block;
				list-style: none;
				padding: 0px;
				margin: 0px;
			}

	.FeaturedArticles ul.FullArticleLinks {
		width: 261px;
		padding: 0px;
		margin: 0px;
		position: absolute;
		top: 13px;
		left: 436px;
	}

		.FeaturedArticles ul.FullArticleLinks li {
			display: block;
			font-weight: bold;
			border-top: solid 1px Transparent;
			border-bottom: solid 1px Transparent;
			color: #595B70;
			padding: 7px 40px 7px 6px;
			margin: 0px;
			font-size: .9em;
			position: relative;
		}

			.FeaturedArticles ul.FullArticleLinks li.Selected {
				background-color: #FAFAFC;
				border-top: solid 1px #C9CACD;
				border-bottom: solid 1px #C9CACD;
				color: #AD1212;
			}

		.FeaturedArticles ul.FullArticleLinks .FullArticleButton {
			position: absolute;
			top: 4px;
			right: 7px;
		}

	.FeaturedArticles .CaptionBar {
		position: absolute;
		left: 132px;
		top: 146px;
		width: 558px;
		height: 28px;
	}

		.FeaturedArticles .CaptionBar .PreviousArticleButton {
			position: absolute;
			top: 5px;
			left: 0px;
		}

		.FeaturedArticles .CaptionBar .NextArticleButton {
			position: absolute;
			top: 5px;
			right: 0px;
		}

		.FeaturedArticles .CaptionBar ul.Captions {
			padding: 0px;
			margin: 0px;
		}

			.FeaturedArticles .CaptionBar ul.Captions li {
				display: none;
				padding: 0px;
				margin: 0px;
			}

				.FeaturedArticles .CaptionBar ul.Captions li.Selected {
					display: block;
					font-size: 1.1em;
					font-weight: bold;
					color: #4D4D4D;
					padding: 5px 0px 0px 0px;
					margin: 0px 32px 0px 32px;
					list-style: none;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
				}

/* Social Networks */
.SocialNetworkPanel {
	margin: 12px 0px 0px 0px;
}

	.SocialNetworkPanel > a {
		width: 172px;
		height: 32px;
		display: block;
		padding: 0px 0px 0px 50px;
		background-repeat: no-repeat;
		color: #63ABC5;
		text-decoration: none;
		font-weight: bold;
		line-height: 32px;
	}

		.SocialNetworkPanel > a:first-child {
			margin-bottom: 12px;
		}

		.SocialNetworkPanel > a.Twitter {
			background-image: url("../Media/Images/SocialNetworks/FollowUs-Twitter.png");
		}

		.SocialNetworkPanel > a.Facebook {
			background-image: url("../Media/Images/SocialNetworks/FollowUs-Facebook.png");
		}

/* Main Content */
.MainContent {
	position: relative;
	width: 702px;
	margin: 12px 0px 0px 0px;
}

	.MainContent .LeftColumn {
		overflow: hidden;
		position: relative;
	}

	.MainContent > .RightColumn {
		width: 222px;
		float: right;
	}


/* Special Notice
*/
.SpecialNotice {
	width: 222px;
	margin: 9px 0;
}

/* Page Item Styles - Updated 10-18-2016 to remove graphics */

ul.PageItems {
	margin: 0px 16px 0 0;
	padding: 0px;
}

	ul.PageItems li.PageItem {
		box-sizing: border-box;
		list-style: none;
		display: block;
		padding-top: 0px;
		margin: 0px 0px 15px 0px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		border-top: 1px solid #cbcbcb;
		overflow: hidden;
		background: #ebeaee; /* Old browsers */
		background: -moz-linear-gradient(top, #f5f5f7 0%, #ffffff 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #f5f5f7 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #f5f5f7 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		background-repeat: no-repeat;
	}

		ul.PageItems li.PageItem > div {
			-webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cbcbcb), to (0)) 1 100%;
			-webkit-border-image: -webkit-linear-gradient(#cbcbcb, rgba(0, 0, 0, 0)) 1 100%;
			-moz-border-image: -moz-linear-gradient(#cbcbcb, rgba(0, 0, 0, 0)) 1 100%;
			-o-border-image: -o-linear-gradient(#cbcbcb, rgba(0, 0, 0, 0)) 1 100%;
			border-image: linear-gradient(to bottom, #cbcbcb, rgba(0, 0, 0, 0)) 1 100%;
			border-right: 1px solid #cbcbcb;
			border-left: 1px solid #cbcbcb;
		}

	ul.PageItems#StaffHomepage {
		margin: 0px 12px 0 0;
	}

		ul.PageItems#StaffHomepage li.PageItem {
			margin: 0px 0px 10px 0px;
			min-height: 65px;
		}

			ul.PageItems#StaffHomepage li.PageItem > div > div {
				width: 74%;
				margin: 10px 5px;
			}

			ul.PageItems#StaffHomepage li.PageItem > div > div, ul.PageItems#StaffHomepage li.PageItem > div > a {
				display: inline-block;
				vertical-align: top;
			}

			ul.PageItems#StaffHomepage li.PageItem .CollapsibleHeader {
				font-weight: normal;
			}

			ul.PageItems#StaffHomepage li.PageItem .CollapsibleContent em {
				display: block;
				font-size: .9em;
				margin-top: 12px;
			}

			ul.PageItems#StaffHomepage li.PageItem > img {
				float: left;
				border-top-left-radius: 5px;
			}

			ul.PageItems#StaffHomepage li.PageItem ul {
				margin: 0;
				padding: 0;
			}


	ul.PageItems li.PageItem h2 {
		color: #970102;
		font-size: 1em;
		font-weight: bold;
		margin: 0 0 8px 0;
	}

		ul.PageItems li.PageItem h2 a {
			color: #970102;
			text-decoration: none;
		}

			ul.PageItems li.PageItem h2 a:hover {
				text-decoration: underline;
			}

	ul.PageItems li.PageItem h3 {
		font-size: 1em;
	}

	ul.PageItems li.PageItem ul li {
		list-style-position: inside;
	}

	ul.PageItems li.PageItem span {
		display: inline-block;
		color: #818181;
		font-size: .9em;
		vertical-align: middle;
		margin-left: 3px;
	}

	ul.PageItems li.PageItem div.MoreInformation {
		display: none;
		padding: 12px 12px 12px 12px;
		overflow: hidden;
	}

		ul.PageItems li.PageItem div.MoreInformation ul {
			font-size: .9em;
		}

			ul.PageItems li.PageItem div.MoreInformation ul a {
				color: #4F4F4F;
			}

	ul.PageItems li.PageItem img.MoreInformationToggle {
		cursor: pointer;
		position: relative;
		vertical-align: top;
		display: inline-block;
		vertical-align: middle;
	}


/* Two Column Container */

.TwoColumnContainer {
	margin: 0px 0px 0px 0px;
}

	.TwoColumnContainer > .Left {
		width: 50%;
		float: left;
	}

	.TwoColumnContainer > .Right {
		width: 50%;
		float: right;
	}

	.TwoColumnContainer > .Left > .ClosedBox {
		float: left;
	}

	.TwoColumnContainer > .Right > .ClosedBox {
		float: right;
	}


/* Open Box */
.OpenBox {
	width: 522px;
	min-height: 38px;
	padding: 12px 12px 0px 12px;
	margin-bottom: 12px;
	position: relative;
	min-height: 76px;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url('../Media/Images/Containers/Box/OpenBoxTop-546.png');
	font-size: .9em;
	color: #636363;
	overflow: hidden;
}

	.OpenBox.Width360 {
		background-image: url('../Media/Images/Containers/Box/OpenBoxTop-360.png');
		width: 336px;
	}

		.OpenBox.Width360 h2 {
			color: #a90101;
		}

	.OpenBox.Width270 {
		width: 270px;
	}

	.OpenBox.Width736 {
		background-image: url('../Media/Images/Containers/Box/OpenBoxTop-736.png');
		width: 720px;
	}

	.OpenBox.Width540 {
		background-image: url('../Media/Images/Containers/Box/OpenBoxTop-540.png');
		width: 520px;
	}

		.OpenBox.Width540 > h3, .PortalLandingPage.Staff > .LeftColumn .OpenBox > h2 {
			margin-bottom: 0px;
		}

		.OpenBox.Width540 > p, .PortalLandingPage.Staff > .LeftColumn .OpenBox > p {
			margin-top: 8px;
		}

		.OpenBox.Width540 > ul, .PortalLandingPage.Staff > .LeftColumn .OpenBox > ul {
			list-style-position: outside;
			margin-bottom: 20px;
			overflow: hidden;
			line-height: 15px;
			-moz-column-count: 2;
			-moz-column-gap: 20px;
			-webkit-column-count: 2;
			-webkit-column-gap: 20px;
			column-count: 2;
			column-gap: 20px;
		}

			.OpenBox.Width540 > ul li, .PortalLandingPage.Staff > .LeftColumn .OpenBox > ul li {
				margin-left: 5px;
			}

	.OpenBox h2 {
		margin: 0px;
		font-weight: bold;
		font-size: 1em;
		color: #a90101;
		word-wrap: break-word; /* CSS3 */
	}

		.OpenBox h2 > a {
			text-decoration: none;
			color: #A90101;
			word-wrap: break-word; /* CSS3 */
		}


			.OpenBox h2 > a:hover,, .FlexBlock h2 > a:hover {
				text-decoration: underline;
			}

	.OpenBox p, .FlexBlock p {
		padding: 0px;
	}

	.OpenBox ul, .OpenBox ol, .FlexBlock ul, .FlexBlock ol {
		padding: 0px 12px 0px 18px;
		margin: 12px 0px 12px 0px;
	}

	.OpenBox h3, .FlexBlock h3 {
		font-weight: normal;
		font-weight: bold;
		color: #000000;
	}

	.OpenBox > img, .FlexBlock > img {
		float: right;
		margin: 6px;
	}

/* Closed Box */
.ClosedBox {
	width: 222px;
	min-height: 76px;
	margin-bottom: 12px;
	background-position: left bottom;
	background-repeat: no-repeat;
	background-image: url("../Media/Images/Containers/Box/ClosedBoxBottom-222.png");
	color: #636363;
	font-size: .9em;
	overflow: hidden;
}

	.ClosedBox.Yellow {
		background-image: url("../Media/Images/Containers/Box/ClosedBoxBottom-222-Yellow.png");
	}

	.ClosedBox > h2 {
		padding: 0px 12px 0px 12px;
		margin: 0px;
		font-weight: bold;
		font-size: 1em;
		color: #a90101;
		word-wrap: break-word; /* CSS3 */
	}

		.ClosedBox > h2:first-child {
			padding-top: 12px;
			min-height: 30px;
			background-repeat: no-repeat;
		}

		.ClosedBox > h2:first-child {
			background-image: url("../Media/Images/Containers/Box/ClosedBoxTop-222.png");
		}

	.ClosedBox.Yellow > h2:first-child {
		background-image: url("../Media/Images/Containers/Box/ClosedBoxTop-222-Yellow.png");
	}

	.ClosedBox > h2:first-child + p,
	.ClosedBox > h2:first-child + ul,
	.ClosedBox > h2:first-child + ol,
	.ClosedBox > h2:first-child + h3 {
		margin-top: 0px;
	}

	.ClosedBox > ul, .ClosedBox > ol {
		padding: 0px 12px 0px 30px;
		margin: 12px 0px 12px 0px;
	}

	.ClosedBox h3 {
		margin: 0px 0px 3px 0px;
		padding: 0px 12px 0px 12px;
		color: #005b7f;
		font-size: 0.9em;
		font-weight: bold;
	}

		.ClosedBox h3 + p {
			margin-top: 0px;
		}

	.ClosedBox > h4, .ClosedBox > p {
		padding: 0px 12px 0px 12px;
	}

	.ClosedBox.Width228 {
		background-image: url("../Media/Images/Containers/Box/ClosedBoxBottom-228.png");
		width: 228px;
		float: right;
		margin: 0 20px;
	}

		.ClosedBox.Width228 > h2 {
			background-image: url("../Media/Images/Containers/Box/ClosedBoxTop-228.png");
			padding-bottom: 10px;
			font-size: 1.1em;
			color: #A90101;
		}

			.ClosedBox.Width228 > h2 > a {
				color: #A90101;
			}

	.ClosedBox.ATRF {
		padding-bottom: 12px;
	}

		.ClosedBox.ATRF > ul {
			list-style: none;
			margin: 12px 0 0 12px;
			padding: 0;
		}

			.ClosedBox.ATRF > ul > li.Phone {
				background: transparent url('../Media/Images/Content/HelpCenter/Phone.png') no-repeat left;
				padding-left: 15px;
			}


/* Portal Landing Pages */

.PortalLandingPage.Public > .LeftColumn .OpenBox {
	width: 476px;
	background-image: url('../Media/Images/Containers/Box/OpenBoxTop-500.png');
}

.PortalLandingPage.Staff > .LeftColumn .OpenBox {
	width: 444px;
	background-image: url('../Media/Images/Containers/Box/OpenBoxTop-468.png');
}

.PortalLandingPage > .RightColumn .ClosedBox {
	width: 190px;
	background-image: url('../Media/Images/Containers/Box/ClosedBoxBottom-190.png');
}

	.PortalLandingPage > .RightColumn .ClosedBox > h2:first-child {
		background-image: url("../Media/Images/Containers/Box/ClosedBoxTop-190.png");
	}

.OpenBox .Expandable {
	display: none;
}

.OpenBox a.Expand {
	background-image: url("../Media/Images/Icons/Plus.png");
	background-repeat: no-repeat;
	padding: 0px 0px 0px 18px;
	text-decoration: none;
}

.OpenBox a.Expanded {
	background-image: url("../Media/Images/Icons/Minus.png");
}

.OpenBox a.Expand:hover {
	text-decoration: underline;
}


/* style for top page area */
#WelcomeContainer {
	position: relative;
	margin-top: 0px;
	overflow: hidden;
}

	#WelcomeContainer .Left {
		float: left;
		width: 222px;
	}

	#WelcomeContainer .Right {
		float: right;
		width: 222px;
	}

	#WelcomeContainer h2 {
		color: #A90101;
		text-decoration: none;
		text-align: right;
	}

	#WelcomeContainer a:link {
	}

	#WelcomeContainer a:visited {
	}

	#WelcomeContainer a:hover {
		text-decoration: underline;
	}

	#WelcomeContainer a:active {
	}

	#WelcomeContainer ul {
		margin-left: -20px;
	}

/********** Default styles. **********/

/* The alert control wrapper */
.FnlAlert {
	width: 702px; /* The width of the alert. */
	position: relative; /* Position relative so we can absolutely position elements inside of it. */
	overflow: hidden; /* No image or text should flow outside of the control. */
	font: normal 12pt Arial;
}

	/* The main alert image */
	.FnlAlert .AlertImage {
		width: 702px; /* Set the image to use the full width of the alert. */
	}

	/* The alert title */
	.FnlAlert .Title {
		position: absolute;
		left: 203px;
		top: 16px;
		text-transform: uppercase;
		font-size: 15px; /* Set the text to an exact height to maintain it's size within the image. */
		font-weight: bold;
	}

	/* The alert date */
	.FnlAlert .Date {
		position: absolute;
		right: 38px;
		top: 16px;
		text-transform: uppercase;
		font-size: 15px; /* Set the text to an exact height to maintain it's size within the image. */
		font-weight: bold;
	}

	/* The alert description */
	.FnlAlert .Description {
		height: 90px;
		overflow: hidden;
		position: absolute;
		left: 203px;
		top: 43px;
		font-size: 12px; /* Set the text to an exact height to maintain it's size within the image. */
		margin-right: 38px;
	}

	/* The alert type */
	.FnlAlert .Type {
		height: 18px;
		overflow: hidden;
		position: absolute;
		left: 203px;
		top: 152px;
		text-transform: uppercase;
		font-size: 15px; /* Set the text to an exact height to maintain it's size within the image. */
		font-weight: bolder;
		margin-right: 38px;
	}

	/********** Styles specific for the emergency notice. **********/
	.FnlAlert .EmergencyNotice {
		color: White;
	}

		.FnlAlert .EmergencyNotice a {
			color: White;
			text-decoration: none;
		}

			.FnlAlert .EmergencyNotice a:link {
			}

			.FnlAlert .EmergencyNotice a:visited {
			}

			.FnlAlert .EmergencyNotice a:hover {
				text-decoration: underline;
			}

			.FnlAlert .EmergencyNotice a:active {
			}

	/********** Styles specific for the inclement weather. **********/
	.FnlAlert .InclementWeather {
		color: White;
	}

		.FnlAlert .InclementWeather a {
			color: White;
			text-decoration: none;
		}

			.FnlAlert .InclementWeather a:link {
			}

			.FnlAlert .InclementWeather a:visited {
			}

			.FnlAlert .InclementWeather a:hover {
				text-decoration: underline;
			}

.MainLandingPageLeftColumn {
	width: 549px;
	float: left;
	margin: 5px 18px 0px 0px;
	overflow: hidden;
}

.MainLandingPageRightColumn {
	position: relative;
	width: 222px;
	overflow: hidden;
}

/* NCI Health Links */
.NciHealthLinks {
	margin: 0px 0px 12px 0px;
}

	.NciHealthLinks .FeedTitle {
		font-size: .8em;
		font-weight: bold;
		margin: 0px 0px 6px 0px;
	}

	.NciHealthLinks ul {
		padding: 0px;
		margin: 0px;
		font-size: 1em;
		font-weight: normal;
		color: #666666;
	}

		.NciHealthLinks ul li {
			display: block;
			padding: 0px;
			margin: 0px;
			list-style-type: none;
		}

			.NciHealthLinks ul li.Item {
				margin: 0px 0px 12px 6px;
				display: block;
			}

	.NciHealthLinks a {
		color: #475E66;
		font-size: .8em;
	}

	.NciHealthLinks .ContainerHeader {
		height: 37px;
	}

	.NciHealthLinks .ContainerBody {
		background-image: url('../Media/Images/Containers/NCIHealthLinks/NCIHealthLinksBody.png');
		padding: 6px;
	}

	.NciHealthLinks .ContainerFooter {
		height: 6px;
		background-image: url('../Media/Images/Containers/NCIHealthLinks/NCIHealthLinksFooter.png');
	}

/* In Memoriam */
.InMemoriamComments > ul {
	padding: 0px;
	margin: 12px 0px 0px 0px;
	overflow: hidden;
}

.InMemoriamComments ul > li {
	padding: 12px;
	margin: 0px 0px 12px 0px;
	border: 1px solid Silver;
	list-style-type: none;
}

/* Distinguished Speaker */
ul.DistinguishedSpeakerList {
	margin: 0px;
	padding: 0px;
}

	ul.DistinguishedSpeakerList li {
		margin: 0px 0px 12px 0px;
		padding: 0px;
		list-style-type: none;
	}

		ul.DistinguishedSpeakerList li .SpeakerName {
			display: block;
			font-weight: bold;
			font-size: 1.1em;
			color: #A90101;
		}

		ul.DistinguishedSpeakerList li .EventDescription {
			display: block;
		}

		ul.DistinguishedSpeakerList li a.Details {
			font-size: .9em;
		}

/* SearchResultsPanel */
.SearchResultsPanel {
	margin: 24px 0px 0px 0px;
}

/* Ammenities */
.AmmenitiesCard {
	overflow: hidden;
	margin: 12px 0px 12px 0px;
	border: solid 1px Silver;
	width: 588px;
}

	.AmmenitiesCard .ImageBlock {
		float: left;
	}

		.AmmenitiesCard .ImageBlock img {
			margin: 0px 0px 3px 0px;
		}

.AmmenitiesList {
	width: 400px;
	float: left;
	margin-left: 12px;
}

/* Conference Staff */
.ConferenceStaffCard {
	width: 240px;
	border: 1px solid Silver;
	margin-right: 12px;
	float: left;
	font-size: .8em;
	margin-bottom: 20px;
}

	.ConferenceStaffCard img {
		float: left;
		margin-right: 6px;
		height: 100px;
	}

	.ConferenceStaffCard p {
		margin-top: 20px;
	}

/* Facility */
.FacilityWrapper {
	width: 100%;
	height: 74px;
	margin-bottom: 12px;
}

.FacilityCard {
	width: 240px;
	border: 1px solid Silver;
	margin-right: 12px;
	float: left;
	font-size: .8em;
}

	.FacilityCard img {
		float: left;
		margin-right: 6px;
	}

	.FacilityCard p {
		margin-top: 12px;
	}

/* Policies & Procedures */
.PPBackLink {
	background-image: url("../Media/Images/Icons/CID/Office/back16.png");
	background-repeat: no-repeat;
	padding-left: 24px;
	display: block;
	width: 225px;
	margin: 0px 0px 24px 0px;
}

/* styles to support layout for P&P 101 spectrum chart */

#Chart {
	position: relative;
	float: left;
	width: 738px; /*border: 1px solid red;*/
	background-image: url('../Staff/Media/Images/Policy101Top.png');
	background-repeat: no-repeat;
}

/* Left Gov't Column Styles */
#ChartLeft {
	position: relative;
	float: left;
	width: 240px;
}

	#ChartLeft H3 {
		font-size: 1.4em;
		color: #585c6f;
		margin-bottom: 75px;
	}

	#ChartLeft .PolicyTable {
		border-left: 1px solid #1c8850;
		border-right: 1px solid #A90101;
		width: 240px;
		font-size: 0.9em;
		margin: 12px 0;
		padding: 0;
	}

		#ChartLeft .PolicyTable th {
			color: White;
			font-weight: bold;
			padding: 6px 15px;
			text-align: left;
		}

			#ChartLeft .PolicyTable th.Left {
				background-color: #1c8850;
				background-image: none;
				width: 50%;
				border-bottom: 1px solid #1c8850;
			}

			#ChartLeft .PolicyTable th.Right {
				background-color: #A90101;
				background-image: none;
				width: 50%;
				border-bottom: 1px solid #A90101;
			}

		#ChartLeft .PolicyTable td {
			padding: 6px;
			vertical-align: top;
		}

			#ChartLeft .PolicyTable td.Left {
				border-right: 1px solid Black;
				border-bottom: 1px solid #1c8850;
			}

			#ChartLeft .PolicyTable td.Right {
				border-bottom: 1px solid #A90101;
			}


/* Right Contractor Column */
#ChartRight {
	position: relative;
	float: right;
	width: 240px;
}

	#ChartRight H3 {
		font-size: 1.4em;
		color: #006bb5;
		margin-bottom: 75px;
		text-align: right;
	}

	#ChartRight .PolicyTable {
		border-right: 1px solid #1c8850;
		border-left: 1px solid #A90101;
		width: 240px;
		font-size: 0.9em;
		margin: 12px 0;
		padding: 0;
	}

		#ChartRight .PolicyTable th {
			color: White;
			font-weight: bold;
			padding: 6px 15px;
			text-align: left;
		}

			#ChartRight .PolicyTable th.Left {
				background-color: #A90101;
				background-image: none;
				width: 50%;
				border-bottom: 1px solid #A90101;
			}

			#ChartRight .PolicyTable th.Right {
				background-color: #1c8850;
				background-image: none;
				width: 50%;
				border-bottom: 1px solid #1c8850;
			}

		#ChartRight .PolicyTable td {
			padding: 6px;
			vertical-align: top;
		}

			#ChartRight .PolicyTable td.Left {
				border-bottom: 1px solid #A90101;
				border-right: 1px solid Black;
			}

			#ChartRight .PolicyTable td.Right {
				border-bottom: 1px solid #1c8850;
			}

/* Center Common Ground Column */

#ChartCenter {
	position: relative;
	margin-left: 15px;
	float: left;
	width: 230px;
}

	#ChartCenter H3 {
		font-size: 1.4em;
		color: #9d349e;
		margin-bottom: 190px;
		text-align: center;
	}

	#ChartCenter .PolicyTable {
		border: 1px solid #9d349e;
		width: 230px;
		font-size: 0.9em;
		margin: 12px 0;
		padding: 0;
	}

		#ChartCenter .PolicyTable th {
			color: White;
			font-weight: bold;
			padding: 6px 15px;
			text-align: center;
			background-color: #9d349e;
		}

		#ChartCenter .PolicyTable td {
			padding: 6px;
			vertical-align: top;
			border-top: 1px solid #9d349e;
		}

	#ChartCenter img {
		vertical-align: top;
		text-align: center;
		padding-left: 30px;
	}

/* Portal Landing Page */
.PortalLandingPage {
	position: relative;
	background-repeat: no-repeat;
	min-height: 130px;
	overflow: hidden;
}

	.PortalLandingPage h1 {
		padding: 0px;
		margin: 24px 0px 30px 112px;
		font-size: 1.8em;
	}

	.PortalLandingPage p.PageDescription {
		margin: 12px;
	}

	.PortalLandingPage > .LeftColumn {
		position: relative;
		float: left;
		margin: 0px 12px 0px 0px;
		overflow: hidden;
	}

	.PortalLandingPage > .RightColumn {
		position: relative;
		overflow: hidden;
	}

	.PortalLandingPage.Public > .LeftColumn {
		width: 500px;
	}

	.PortalLandingPage.Staff h1 {
		margin: 0;
		font-size: 20px;
	}

	.PortalLandingPage.Staff > .Banner {
		margin: 0 0 10px 0;
		overflow: hidden;
		background: #FFF;
		padding: 0;
		border: 1px solid #c0c0c0;
	}

		.PortalLandingPage.Staff > .Banner img {
			float: left;
			margin-right: 20px;
		}

		.PortalLandingPage.Staff > .Banner > .PageDetails {
			position: relative;
			padding: 10px 15px;
			display: block;
		}

			.PortalLandingPage.Staff > .Banner > .PageDetails > .PageDescription {
				margin-bottom: 0;
			}

	.PortalLandingPage.Staff > .LeftColumn {
		width: 468px;
	}

	.PortalLandingPage.Staff .LinkBox {
		border: 1px solid #c0c0c0;
		background-color: #fcfcfc;
		margin-bottom: 5px;
	}

		.PortalLandingPage.Staff .LinkBox h2 {
			font-size: 14px;
			line-height: 14px;
			padding: 8px 10px;
			margin: 0px;
			color: #3B4043;
			background: #f1f1f1;
			background: -moz-linear-gradient(bottom, #dddddd 0%, #f1f1f1 100%);
			background: -webkit-linear-gradient(bottom, #dddddd 0%,#f1f1f1 100%);
			background: linear-gradient(to top, #dddddd 0%,#f1f1f1 100%);
			border-bottom: 1px solid #c0c0c0;
		}

		.PortalLandingPage.Staff .LinkBox ul {
			padding-left: 10px;
			margin-bottom: 9px;
		}

			.PortalLandingPage.Staff .LinkBox ul li {
				list-style: none;
			}

				.PortalLandingPage.Staff .LinkBox ul li a {
					display: block;
					background: transparent url("../Media/Images/Content/HelpCenter/ArrowBulletHC.png") no-repeat scroll left 1px;
					padding: 0 0 2px 18px;
					text-decoration: none;
				}

					.PortalLandingPage.Staff .LinkBox ul li a:hover {
						background-position: left -99px;
						text-decoration: underline;
					}

	.PortalLandingPage.Staff .TwoColumns {
		overflow: hidden;
		position: relative;
	}

		.PortalLandingPage.Staff .TwoColumns > .Left {
			width: 228px;
			float: left;
			margin: 0px 12px 0px 0px;
			overflow: hidden;
			position: relative;
		}

		.PortalLandingPage.Staff .TwoColumns > .Right {
			overflow: hidden;
			position: relative;
		}

#CenteredVideo {
	text-align: center;
}

/**For History Timeline*/


div.centered {
	margin: 40px 50px 0px 20px;
}

ol.nostyle {
	list-style-type: none;
	margin: 0px 0px 50px 20px;
	width: 90%;
}


.blue {
	color: #317ca3;
}

.green {
	color: #7F7B2B;
}

.red {
	color: #A90101;
}

.bold {
	font-weight: bold;
}

.large {
	font-size: 1.4em;
}



img.right {
	float: right;
	position: relative;
	/**margin-left: 20px;*/
	vertical-align: middle;
}

img.left {
	float: left;
	position: relative;
	/*margin-right: 20px;*/
	vertical-align: middle;
}


ol.TimelineList {
	margin-left: 0;
	padding: 0;
	list-style: none;
	width: 675px;
}

	ol.TimelineList li {
		position: relative;
		margin: 0;
		width: 675px;
	}

		ol.TimelineList li:after {
			visibility: hidden;
			display: block;
			content: "";
			clear: both;
			height: 0;
		}

		*:first-child + html ol.TimelineList li:after {
			zoom: 1;
		}





div.vAlign {
	/*display: inline-block;*/
	/*vertical-align: middle;*/
	width: 643px;
}

	div.vAlign > * {
		display: inline-block;
		vertical-align: middle;
	}

	div.vAlign img.left {
		margin-right: 28px;
		float: left;
	}

	div.vAlign img.right {
		margin-left: 10px;
		margin-right: 5px;
		float: right;
	}

	div.vAlign img.landscape {
		position: absolute;
		top: 8px;
		margin: 18px 0px 0px 408px;
	}

	div.vAlign img.people {
		position: absolute;
	}

}

div.vAlign > * {
	display: inline-block;
	vertical-align: middle;
}

div.vAlign > div {
	width: 510px;
}

div.vAlign > h3 {
	margin-top: 5px;
}

div.vAlign > div h3 {
	margin-top: 5px;
}

div.vAlign > div p {
	margin-bottom: 0;
	margin-top: 5px;
}


#Year1971 div.vAlign > div {
	width: 490px;
}

#Year1972 div.vAlign > div {
	width: 450px;
}

#Year1975 div.vAlign > div {
	width: 535px;
}

#Year1982 div.vAlign > div {
	width: 420px;
}

#Year1984 div.vAlign > div {
	margin-top: 15px;
}

#Year1993 div.vAlign > div {
	width: 550px;
}

#Year2005 div.vAlign > div {
	width: 450px;
}

#Year2010 div.vAlign > div {
	margin-top: 0;
}







.ClearFix:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}

*:first-child + html .ClearFix {
	zoom: 1;
}

div.SideLines {
	float: left;
	width: 15px;
}

	div.SideLines span.SideLine {
		background: transparent url('../Media/Images/About/History/Timeline.png') no-repeat left top;
		display: block;
		height: 39px;
		width: 15px;
	}

		div.SideLines span.SideLine.LastLine {
			height: 33px;
		}

div.content {
	float: left;
	width: 600px;
	padding-left: 26px;
}

	div.content > h3 {
		margin-top: 5px;
		margin-bottom: 10px;
	}

	div.content > h2.blue {
		margin-top: 0px;
		position: relative;
		top: -10px;
		left: -41px;
		padding-left: 25px;
		margin-bottom: 8px;
		background: transparent url('../Media/Images/About/History/BlueLine.png') repeat-x left center;
		width: 650px;
	}

	div.content > h2.green {
		margin-top: 0px;
		position: relative;
		top: -10px;
		left: -41px;
		padding-left: 25px;
		margin-bottom: 8px;
		background: transparent url('../Media/Images/About/History/GreenLine.png') repeat-x left center;
		width: 650px;
	}

	div.content > h2.red {
		margin-top: 0px;
		position: relative;
		top: -10px;
		left: -41px;
		padding-left: 25px;
		margin-bottom: 8px;
		background: transparent url('../Media/Images/About/History/RedLine.png') repeat-x left center;
		width: 650px;
	}



	div.content h2 > span {
		background-color: white;
		display: inline-block;
		padding: 0 10px;
	}

/* Computer Services Page */

#ITInformation {
	border: 1px solid #c0c0c0;
	background-color: #f1f5f6;
	padding: 10px;
	margin-bottom: 20px;
}

	#ITInformation ul li span {
		padding-left: 5px;
	}

	#ITInformation ul li #CssEmail {
		padding-left: 10px;
	}

/*MobileIron Content*/

.FlexContain#MobileIron img {
	width: 200px;
	margin-left: 15px;
	align-self: flex-start;
}

#ContactInformation p {
	margin: 3px 0 0 0;
}

/* NEW SCIENCE LANDING PAGE STYLES */

.SectionBanner {
	border: solid 1px #d7dfe4;
	border-radius: 5px;
	height: 120px;
	margin-top: 12px;
	overflow: hidden;
	background: #fafafa;
}

	.SectionBanner > img {
		display: inline-block;
		vertical-align: middle;
	}

	.SectionBanner > .PageDetails {
		display: inline-block;
		padding: 0 5px;
		max-width: 540px;
		vertical-align: middle;
	}

		.SectionBanner > .PageDetails h1 {
			margin-top: 0;
		}

		.SectionBanner > .PageDetails > .PageDescription {
			margin-bottom: 0;
		}

	/*Smaller section banner for portal landing pages*/

	.SectionBanner.Small > .PageDetails {
		max-width: 500px;
	}

		.SectionBanner.Small > .PageDetails > .PageDescription {
			margin: 12px 0 0 0;
		}

#ToggleTabs {
	margin-top: 15px;
	margin-bottom: 15px;
}

	#ToggleTabs > ul {
		padding-left: 0;
	}

		#ToggleTabs > ul > li {
			list-style: none;
			display: inline-block;
			max-width: 267px;
			float: left;
			margin: 0;
			padding: 0;
		}

			#ToggleTabs > ul > li:first-child {
				margin-right: 6px;
			}

			#ToggleTabs > ul > li > a {
				border: 1px solid #c1d8e2;
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
				border-radius: 3px;
				background-color: #d1e6f1;
				background-image: linear-gradient(to bottom, #e9f3f8, #c1dfed);
				filter: progId:DXImageTransform.Microsoft.gradient(startColorstr='#e9f3f8', endColorstr='#c1dfed', gradientType='0');
				text-decoration: none;
				padding: 6px 15px;
				font-weight: 600;
				font-size: 14px;
				display: inline-block;
				color: #344287;
			}

				#ToggleTabs > ul > li > a:hover {
					background-color: #d9e9f1;
					background-image: linear-gradient(to bottom, #d9e9f1, #b6d8e8);
					filter: progId:DXImageTransform.Microsoft.gradient(startColorstr='#d9e9f1', endColorstr='#b6d8e8', gradientType='0');
					color: #18526f;
				}

			#ToggleTabs > ul > li.CurrentTab > a {
				border: 1px solid #d9e7ed;
				background-color: #c5dde9;
				background-image: linear-gradient(to bottom, #f4f9fb, #ecf5f9);
				filter: progId:DXImageTransform.Microsoft.gradient(startColorstr='#f4f9fb', endColorstr='#ecf5f9', gradientType='0');
				text-decoration: none;
				color: #9d9d9d;
			}

				#ToggleTabs > ul > li.CurrentTab > a:hover {
					cursor: default;
				}

/*Collapsible Boxes - Expand/Contract Sections*/

ul.CollapsibleBoxes {
	padding: 0px;
	width: 100%;
}

	ul.CollapsibleBoxes > li {
		list-style-type: none;
		margin: 5px 0px 0px 0px;
		border: 1px solid #e7e7e7;
		border-radius: 5px;
	}

		ul.CollapsibleBoxes > li > a {
			padding-left: 10px;
			line-height: 30px;
			font-weight: 600;
		}

.CollapsibleHeader {
	line-height: 30px;
	padding-left: 10px;
	background-repeat: no-repeat;
	font-weight: 600;
	margin: 0;
	display: block;
}

	.CollapsibleHeader:hover, .CollapsibleHeader:hover + .CollapsibleContent {
		background-color: #f7f7f7;
		cursor: pointer;
		border-radius: 5px;
	}

	.CollapsibleHeader * {
		font-weight: 600;
	}

	.CollapsibleHeader.Collapsed {
		background-image: url('../Media/Images/Icons/Collapsed.png');
		background-position: right 14px top 10px;
	}

	.CollapsibleHeader.Expanded {
		background-image: url('../Media/Images/Icons/Expanded.png');
		background-position: right 12px top 12px;
	}

.CollapsibleContent {
	padding: 10px 10px 5px 15px;
	display: none;
}

	.CollapsibleContent ul.FnlFancyList, .CollapsibleContent > p:first-child {
		padding-left: 0;
		margin-top: 0;
	}

		.CollapsibleContent ul.FnlFancyList li p {
			margin-top: 5px;
		}


/** Investigator's Page Styles*/
div.AlphaNav {
	margin: 30px 0px 15px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom: 1px solid #cbcbcb;
	overflow: hidden;
	background: #ebeaee;
	background: -moz-linear-gradient(bottom, #f5f5f7 0%, #ffffff 100%);
	background: -webkit-linear-gradient(bottom, #f5f5f7 0%,#ffffff 100%);
	background: linear-gradient(to top, #f5f5f7 0%,#ffffff 100%);
}

	div.AlphaNav > ul {
		-webkit-border-image: -webkit-gradient(linear, 0 100%, 0 0, from(0), to (#cbcbcb)) 1 100%;
		-webkit-border-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), #cbcbcb) 1 100%;
		-moz-border-image: -moz-linear-gradient(rgba(0, 0, 0, 0), #cbcbcb) 1 100%;
		-o-border-image: -o-linear-gradient( rgba(0, 0, 0, 0), #cbcbcb) 1 100%;
		border-image: linear-gradient(to top, #cbcbcb, rgba(0, 0, 0, 0)) 1 100%;
		border-right: 1px solid #cbcbcb;
		border-left: 1px solid #cbcbcb;
		margin: 0;
		padding: 0 10px 5px 10px;
		text-align: center;
	}

		div.AlphaNav > ul > li {
			color: #dedede;
			font-weight: normal;
			font-size: 1.4em;
			letter-spacing: 9px;
			margin: 0;
			display: inline-block;
			list-style: none;
		}

			div.AlphaNav > ul > li > a {
				text-decoration: none;
			}

table.Science-InvestigatorsList {
	width: 100%;
	text-align: left;
	padding-left: 17px;
	border: none;
}

	table.Science-InvestigatorsList tr {
		border: none;
	}

table.FnlTable Sortable {
	background: yellow !important;
}

table.Science-InvestigatorsList tr td {
	border: none !important;
	background: none !important;
}


table.Science-InvestigatorsList thead {
	height: 32px;
}

	table.Science-InvestigatorsList thead tr th {
		background: none !important;
		border: none !important;
		color: black !important;
	}


table.Science-InvestigatorsList td:first-child a {
	font-size: 1.3em;
	visibility: visible;
	display: block;
	margin-right: 10px;
}


table.Science-InvestigatorsList tr td:first-child {
	visibility: hidden;
}


table.Science-InvestigatorsList tr td:last-child a {
	display: block;
	width: 15px;
	height: 15px;
	background: url('../Media/Images/Content/Science/WebsiteLink.png') no-repeat;
	top: 3px;
	left: 10px;
	margin-left: 25px;
}

	table.Science-InvestigatorsList tr td:last-child a:hover {
		background: url('../Media/Images/Content/Science/WebsiteLink.png') left -101px no-repeat;
	}

/*ATRF Sample/Placeholder Styles*/

.AtrfMainLandingPageRightColumn {
	float: left;
	position: relative;
	width: 20%;
}

.AtrfMainLandingPageLeftColumn {
	margin-right: 25px;
	float: left;
	width: 68%;
}

.ATRFBanner {
	background: url('../Media/Images/About/Atrf/ATRF.png') left bottom no-repeat;
	height: 155px;
	margin: 10px 0;
	padding: 0px 10px 0px 270px;
	overflow: hidden;
	border: 1px solid silver;
	border-radius: 6px;
}

	.ATRFBanner > h1 {
		margin-top: 20px;
	}

/*Style for the Gate Hours "notice" box*/

div.FancyMessage {
	background: #f4f4f4;
	border: 1px solid #c0c0c0;
	padding: 12px;
	margin-bottom: 10px;
}

	div.FancyMessage p, div.FancyMessage h4 {
		font-size: 14px;
		margin-top: 0;
		line-height: 20px;
	}

	div.FancyMessage h4 {
		margin-bottom: 10px;
	}

	div.FancyMessage p {
		margin-bottom: 0;
	}

div#GateHours {
	border: 1px solid #c0c0c0;
	padding: 12px;
	margin-bottom: 10px;
}

	div#GateHours h2 {
		margin-top: 12px;
	}

	div#GateHours table {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}

ol#ControlProcedures li {
	margin-bottom: 10px;
}

/*Visitor's Guide Page*/

.TwoColumnContent .LeftColumn {
	float: left;
	width: 70%;
	padding-right: 15px;
	border-right: 1px solid silver;
}

.TwoColumnContent .RightColumn {
	float: left;
	width: 26%;
	padding-left: 15px;
}

	.TwoColumnContent .RightColumn > ul {
		list-style: none;
		padding-left: 0;
	}

		.TwoColumnContent .RightColumn > ul > li {
			padding-bottom: 5px;
		}

	.TwoColumnContent .RightColumn #CampusMap {
		float: left;
		padding: 5px 15px 10px 0px;
	}

ol.FnlFancyList.PublicView > li:before, ul.FnlFancyList.PublicView > li:before {
	background: #64acc8;
}

ol.FnlFancyList.NcifView > li:before {
	background: #005699;
	padding: 2px;
}

ol.FnlFancyList.NcifView > li > h3 {
	margin-top: 0;
}

ol.FnlFancyList.PublicView > li > ul, ol.FnlFancyList.NcifView > li > ul {
	padding-left: 20px;
}

	ol.FnlFancyList.PublicView > li > ul > li, ol.FnlFancyList.NcifView > li > ul > li {
		color: #626262;
		list-style: none;
		padding-bottom: 5px;
	}


/*Styles for Flex Box/Bucket Block classes*/



/* FLEX BOX 2 -- Bucket Blocks */

.FlexContain {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: row;
	align-items: stretch;
	margin: 20px 0;
}

	.FlexContain.Column {
		flex-wrap: wrap;
	}

		.FlexContain.Column .FlexBlock {
			margin: 0 0 10px 0;
			flex: 0 0 100%;
			box-sizing: border-box;
		}

			.FlexContain.Column .FlexBlock:last-child {
				margin-bottom: 0;
			}

.FlexBlock {
	flex: 1;
	margin-right: 10px;
}

	.FlexBlock.Flex2 {
		flex: 2;
	}

	.FlexBlock.Flex3 {
		flex: 3;
	}

	.FlexBlock.FullBorder {
		border: 1px solid #cfd8de;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}

		.FlexBlock.FullBorder.QuickItem {
			background: #fcf9f4;
			border: 1px solid #e0d4c4;
			background-image: url('../Media/Images/BgTruck.png');
			background-repeat: no-repeat;
			background-position: bottom right 10px;
			min-height: 45px;
		}

	.FlexBlock:last-of-type {
		margin-right: 0;
	}

.BlockHeader {
	display: block;
	background: #F1F5F6;
	margin: 0;
	padding: 7px 10px;
	border: 1px solid #dae2e6;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom: 1px solid #dae2e6;
}

.FlexBlock.FullBorder .BlockHeader {
	border-width: 0 0 inherit 0;
}

.FlexBlock .BlockHeader.Empty {
	background: transparent;
	border-width: 0;
}

.BlockHeader h2,
.BlockHeader > *,
.BlockHeader > * > a {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

	.BlockHeader > * > a {
		text-decoration: underline;
	}

.BlockBody {
	margin-top: 0;
	border-right: 1px solid #dae2e6;
	border-left: 1px solid #dae2e6;
	-webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dae2e6), to (0)) 1 100%;
	-webkit-border-image: -webkit-linear-gradient(#dae2e6, rgba(0, 0, 0, 0)) 1 100%;
	-moz-border-image: -moz-linear-gradient(#dae2e6, rgba(0, 0, 0, 0)) 1 100%;
	-o-border-image: -o-linear-gradient(#dae2e6, rgba(0, 0, 0, 0)) 1 100%;
	border-image: linear-gradient(to bottom, #dae2e6, rgba(0, 0, 0, 0)) 1 100%;
	padding: 12px 10px;
}

	.BlockBody > .TwoColumnContainer div > p {
		margin-top: 0;
	}

.FlexBlock.FullBorder .BlockBody {
	-webkit-border-image: none;
	-moz-border-image: none;
	-o-border-image: none;
	border-image: none;
	border-right: none;
	border-left: none;
}

.BlockBody > *:first-child {
	margin-top: 0;
}

.BlockBody > *:last-child {
	margin-bottom: 0;
}

.BlockBody ul.FnlFancyList {
	padding-left: 0;
}

	.BlockBody ul.FnlFancyList li {
		padding-left: 10px;
		padding-top: 2px;
		margin-left: 12px;
	}

.FlexBlock.FullBorder {
	background-size: cover !important;
}
	/*Styles for images used in Facility & Admin Services*/

	.FlexBlock.FullBorder#CA {
		background: transparent url('../Media/Images/Content/Services/CA.png') no-repeat center bottom;
	}

	.FlexBlock.FullBorder#UC {
		background: transparent url('../Media/Images/Content/Services/UserCommittee.png') no-repeat center bottom;
	}

	/*Scientific Research Services*/

	.FlexBlock.FullBorder#ScientificService {
		background: transparent url('../Media/Images/Content/Services/ScientificService.png') no-repeat center bottom;
		background-position: center top -60px;
	}

	/*Styles for images used in the campus and outreach page*/

	.FlexBlock.FullBorder#FM {
		background: transparent url('../Media/Images/Content/Programs/FarmersMarket.png') no-repeat center bottom;
	}

	.FlexBlock.FullBorder#WC {
		background: transparent url('../Media/Images/Content/Programs/Wellness.png') no-repeat center bottom;
	}

/*NCI at Frederick Services Page*/

#Services {
	margin-top: 0;
}

.LinkOutIcon {
	display: inline-block;
	vertical-align: middle;
	width: 13px;
	height: 13px;
	margin-right: 3px;
}

	.LinkOutIcon + h2, .LinkOutIcon + p, .LinkOutIcon + a {
		display: inline-block;
		vertical-align: middle;
	}

#Services .FlexBlock .BlockBody {
	display: flex;
	align-items: stretch;
	border-radius: 3px;
	padding: 0;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f7f9f9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f7f9f9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#f7f9f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f9f9',GradientType=0 ); /* IE6-9 */
}

	#Services .FlexBlock .BlockBody > ul {
		flex: 0 0 360px;
		background: #f7f9f9;
		margin-bottom: 0;
		padding: 10px;
		border-radius: 3px 0 0 3px;
		border-right: 1px solid #cfd8de;
	}

	#Services .FlexBlock .BlockBody > a {
		font-weight: bold;
		flex: 0 0 165px;
		padding: 10px;
		border-radius: 0 3px 3px 0;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		height: 84px;
	}

		#Services .FlexBlock .BlockBody > a:hover {
			background: #f1f5f6;
		}

		#Services .FlexBlock .BlockBody > a:active {
			background: #dae2e6;
		}

/* Page Headlines */
.PageHeadline {
	display: flex;
	align-items: center;
}

	.PageHeadline .BackButtonLink {
		height: 25px;
		width: 34px;
		background: transparent url('../Programs/Itg/Media/Images/BackSprite.svg') no-repeat 48% 5px/9px 200px;
		overflow: hidden;
		white-space: nowrap;
		text-indent: 100%;
		display: inline-block;
	}

		.PageHeadline .BackButtonLink:hover {
			background-color: #005699;
			background-position: 48% -95px;
		}

		.PageHeadline .BackButtonLink + h1 {
			border-left: 2px solid #ebeaec;
			line-height: 1.5em;
			margin-left: 13px;
			padding-left: 24px;
		}

/*Styles for a two column ul*/

.TwoColumnList {
	list-style-position: outside;
	margin-bottom: 20px;
	overflow: hidden;
	line-height: 15px;
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	column-count: 2;
	column-gap: 20px;
}

	.TwoColumnList li {
		margin-left: 5px;
	}

ul.FnlFancyList li .Note {
	margin-top: 4px;
	font-size: 12px;
}


/*Contact Us Div*/

div.contactUs {
	margin-top: 20px;
	padding-top: 12px;
	border-top: 1px dashed #e7e7e7;
}

	div.contactUs > * {
		margin: 0 10px 10px 10px;
		display: inline-block;
	}

	div.contactUs > p:first-child, div.contactUs > h2:first-child {
		margin: 0;
		font-weight: bold;
		color: #00597B;
	}

p.contactEmail, p.contactPhone, p.contactWebsite {
	margin-top: 0;
	margin-bottom: 5px;
}

	p.contactEmail:before {
		content: url('../Media/Images/Content/Services/Email.png');
		margin-right: 8px;
	}

	p.contactWebsite:before {
		content: url('../Media/Images/Content/Services/Website.png');
		margin-right: 8px;
	}

	p.contactPhone:before {
		content: url('../Media/Images/Content/Services/Phone.png');
		margin-right: 8px;
		top: 2px;
		position: relative;
	}

div.contactUs.mainContact {
	border: 1px solid #f3eede;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #fffdf8;
	position: relative;
	padding: 10px 0;
	float: right;
	margin-left: 20px;
	margin-top: 0;
	width: auto;
	max-width: 250px;
}

	div.contactUs.mainContact > h2 {
		border-bottom: 1px solid #f3eede;
		padding-bottom: 5px;
	}

	div.contactUs.mainContact p:nth-child(2) {
		font-weight: bold;
		padding-top: 10px;
		border-top: 1px solid white;
		margin-bottom: 10px;
	}

	div.contactUs.mainContact p {
		margin-bottom: 5px;
	}

	div.contactUs.mainContact p, div.contactUs.mainContact h2 {
		display: block;
		margin-left: 0;
		margin-right: 0;
		padding-left: 12px;
		padding-right: 12px;
	}


/*First implementation of new listing style*/

ul.FancyEvents {
	padding-left: 0;
	list-style-type: none;
}

	ul.FancyEvents > li {
		width: 100%;
		border: 1px solid #dadada;
		box-sizing: border-box;
		position: relative;
		margin-bottom: 5px;
	}

		ul.FancyEvents > li > div {
			display: inline-block;
			vertical-align: middle;
			padding: 10px;
			font-size: .9em;
		}

			ul.FancyEvents > li > div:last-child {
				position: absolute;
				right: 30px;
				top: 15px;
			}

				ul.FancyEvents > li > div:last-child > a {
					text-transform: uppercase;
					letter-spacing: 1px;
					text-decoration: none;
					display: block;
					background: #f3f3f3;
					border: 1px solid silver;
					text-align: center;
					padding: 6px 10px;
					border-radius: 3px;
					color: #006699;
					font-size: .9em;
				}

					ul.FancyEvents > li > div:last-child > a:hover {
						background: #e7e7e7;
						color: #A90101;
					}

					ul.FancyEvents > li > div:last-child > a:active {
						background: #cdcdcd;
					}

			ul.FancyEvents > li > div > p {
				margin: 0 0 6px 0;
			}

				ul.FancyEvents > li > div > p:last-child {
					margin-bottom: 0;
				}

			ul.FancyEvents > li > div.FancyDate {
				width: 45px;
				border-right: 1px dashed #dadada;
			}

				ul.FancyEvents > li > div.FancyDate > span {
					display: block;
					text-transform: uppercase;
					font-weight: normal;
					text-align: center;
					letter-spacing: 1px;
				}

					ul.FancyEvents > li > div.FancyDate > span:nth-child(2) {
						font-size: 2.1em;
					}

		/*Fancy Listing - conditional colors*/

		ul.FancyEvents > li.NIH > div.FancyDate {
			border-left: 10px solid #A90101;
		}


/*Email Migration Page*/

div.FancyInstructions {
	background: #f3f3f3;
	border: 1px solid #dadada;
	padding: 10px;
}

	div.FancyInstructions span {
		margin: 0 12px 0 0;
	}

	div.FancyInstructions h2 {
		margin-top: 0;
	}

	div.FancyInstructions.EmailMigration {
		background: #f3f3f3; /* Old browsers */
		background: -moz-linear-gradient(left, #f3f3f3 70%, #ffffff 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, #f3f3f3 70%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, #f3f3f3 70%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=1 );
		border: none;
		padding: 0;
		margin-bottom: 15px;
		border-top-left-radius: 20px;
		border-bottom-left-radius: 20px;
	}

		div.FancyInstructions.EmailMigration h2#Before {
			background-image: url('../Media/Images/Content/Services/BeforeMigration.png');
		}

		div.FancyInstructions.EmailMigration h2#After {
			background-image: url('../Media/Images/Content/Services/AfterMigration.png');
		}

		div.FancyInstructions.EmailMigration h2 {
			margin-bottom: 0;
			line-height: 32px;
			padding-left: 42px;
			background-repeat: no-repeat;
			background-position: left bottom;
			color: black;
		}

.EmailMigrationSteps > li > h3 {
	color: #005699;
}

/*ImportantAnnouncements*/

div.importantAnnouncements {
	box-sizing: border-box;
	list-style: none;
	display: inline-block;
	padding-top: 0px;
	margin: 5px 15px 0px 0px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-top: 1px solid #cbcbcb;
	overflow: hidden;
	background: #ebeaee; /* Old browsers */
	background: -moz-linear-gradient(top, #f5f5f7 0%, #ffffff 50%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f5f5f7 0%,#ffffff 50%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f5f5f7 0%,#ffffff 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background-repeat: no-repeat;
	width: 32%;
	vertical-align: top;
}

	div.importantAnnouncements > div {
		-webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cbcbcb), to (0)) 1 100%;
		-webkit-border-image: -webkit-linear-gradient(#cbcbcb, rgba(0, 0, 0, 0)) 1 100%;
		-moz-border-image: -moz-linear-gradient(#cbcbcb, rgba(0, 0, 0, 0)) 1 100%;
		-o-border-image: -o-linear-gradient(#cbcbcb, rgba(0, 0, 0, 0)) 1 100%;
		border-image: linear-gradient(to bottom, #cbcbcb, rgba(0, 0, 0, 0)) 1 100%;
		border-right: 1px solid #cbcbcb;
		border-left: 1px solid #cbcbcb;
		min-height: 100px;
	}

		div.importantAnnouncements > div > h2 {
			color: #A90101;
			margin-top: 0;
			font-size: 1em;
			text-transform: uppercase;
			border-bottom: 1px solid #dadada;
			padding: 12px 10px 10px 10px;
		}

		div.importantAnnouncements > div > ul {
			list-style-type: none;
			padding: 0 10px;
		}

			div.importantAnnouncements > div > ul > li {
				border-bottom: 1px dashed #dadada;
				padding-bottom: 10px;
				margin-bottom: 12px;
			}

				div.importantAnnouncements > div > ul > li:last-child {
					border: none;
				}

				div.importantAnnouncements > div > ul > li > h3 {
					text-transform: uppercase;
					font-size: .9em;
					font-weight: normal;
					margin-top: 15px;
				}

				div.importantAnnouncements > div > ul > li > h4 {
					margin: 0 0 8px 0;
					color: #57596E;
					font-size: 1em;
				}

				div.importantAnnouncements > div > ul > li > p {
					margin-top: 0;
				}

#importantAnnouncements .linkOut {
	margin: 0 0 5px 0;
}

	#importantAnnouncements .linkOut span {
		display: inline-block;
		margin-left: 5px;
		vertical-align: middle;
	}

/*Banner for O365*/

div.SubSiteBanner {
	margin: 15px 0;
	display: block;
}

	div.SubSiteBanner > div {
		background: #F1F5F6;
		padding: 7px 15px;
		border: 1px solid #E6EBEE;
		border-radius: 5px;
		border-bottom: 1px solid #E6EBEE;
	}

		div.SubSiteBanner > div#Office365 > h1, div.SubSiteBanner > div#Office365 > p {
			width: 70%;
		}

	div.SubSiteBanner > img {
		position: absolute;
		right: 18px;
		top: 0;
	}

.O365SubSiteHeader {
	position: relative;
	width: 100%;
	margin-top: 5px;
}

	.O365SubSiteHeader span {
		position: absolute;
		width: 100%;
		text-align: right;
		padding-top: 8px;
		padding-right: 30px;
		box-sizing: border-box;
		font-weight: bold;
	}


div#O365LandingPageContent {
	width: 65%;
	display: inline-block;
}


/*More information link*/

a.MoreInformation {
	display: block;
	background: transparent url("../Media/Images/Content/HelpCenter/ArrowBulletHC.png") no-repeat scroll left 1px;
	padding-left: 18px;
	text-decoration: none;
}

	a.MoreInformation#FAQ {
		float: right;
	}

	a.MoreInformation:hover {
		background-position: left -99px;
		text-decoration: underline;
	}

p#Disclaimer {
	font-size: .9em;
	color: #57596E;
}


/*Accordion Style*/


.ui-accordion .ui-accordion-header {
	border: 0;
	border-top: 1px solid #dadada;
	padding: 14px 10px 14px 38px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	font-size: 1.1em;
	font-weight: bold;
	color: #57596E;
	background: transparent;
}

	.ui-accordion .ui-accordion-header:first-child {
		border-top: 0;
	}

	.ui-accordion .ui-accordion-header .ui-icon {
		background-image: url('../Media/Images/Icons/Contract.png');
		height: 16px;
		width: 16px;
		background-position: 0 0;
	}

	.ui-accordion .ui-accordion-header.ui-state-active .ui-icon {
		background-image: url('../Media/Images/Icons/Expand.png');
	}

.ui-accordion .ui-accordion-content {
	border: 0;
	padding: 0px 10px 13px 38px;
}

	.ui-accordion .ui-accordion-content p:first-child {
		margin-top: 0;
	}

.ui-widget-content a {
	color: #344287;
}

	.ui-widget-content a:hover {
		color: #A90101;
	}


.DecreaseMarginBottom {
	margin-bottom: 5px;
}

#O365Accordion {
	margin-bottom: 20px;
}


.NoteText {
	font-size: .9em;
	color: #666666;
	font-style: italic;
	margin-top: 5px;
}

/*Removes some left padding from standard ordered list*/

.olPaddingLeft {
	padding-left: 20px;
}

	.olPaddingLeft > li {
		margin-bottom: 4px;
	}

#inlineBlockHeader {
	display: inline-block;
	margin-right: 5px;
}

#phishingIcon {
	margin: 0 20px 0 10px;
}

#phishingInstructions {
	border-top: 1px dashed #c3c3c3;
	margin-top: 15px;
}

	#phishingInstructions img {
		margin: 10px 0;
		border: 1px solid #c3c3c3;
		display: block;
	}

	#phishingInstructions > .Right > ol li:last-child {
		max-width: 325px;
	}

/* Conference Administration */
#ConferenceAdministration .FnlGridViewSelectedRow td {
	padding: 6px 6px 6px 6px;
}

#ConferenceAdministration .ConferenceDetails tr:nth-child(odd) {
	background-color: #f2f2f2;
}

#ConferenceAdministration .ConferenceDetails td {
	padding: 8px;
}

/*TRP Styles*/

#TRPHome div.SubSiteBanner {
	display: flex;
	background: #F1F5F6;
	border: 1px solid #E6EBEE;
	border-radius: 5px;
	border-bottom: 1px solid #E6EBEE;
	height: 111px;
}

	#TRPHome div.SubSiteBanner img {
		width: 210px;
		height: 122px;
		top: -10px;
		position: relative;
		left: -10px;
	}

	#TRPHome div.SubSiteBanner > div {
		background: none;
		border: none;
		border-radius: unset;
		padding-left: 12px;
	}

#TRPHome #importantAnnouncements, #TRPHome #AdditionalInformation, #WaiverInstructions {
	flex: 0 0 33%;
	margin: 0 0 0 25px;
}

	#WaiverInstructions ol {
		padding-left: 0;
	}

#TRPHome div.importantAnnouncements > div > h2 {
	color: #00597b;
}

#TRPSubSiteHeader {
	background: transparent url('../Media/Images/Content/Programs/TRP/SubSite-Branding.png') no-repeat right center;
	height: 32px;
	font-weight: bold;
	line-height: 32px;
	text-align: right;
	padding-right: 20px;
}

	#TRPSubSiteHeader a {
		color: #000;
		text-decoration: none;
	}

	#TRPSubSiteHeader img {
		height: 18px;
		width: 18px;
		position: relative;
		top: -1px;
		margin-right: 12px;
		vertical-align: middle;
		display: inline-block;
	}

img#DockStation {
	width: 100%;
}

ol.FnlFancyList#Benefits h3 {
	margin-bottom: 0;
}

ol.FnlFancyList#Benefits p {
	margin: 8px 0;
}

.FlexContain#DetailsLinks {
	justify-content: space-between;
}

.DetailsLink {
	border: 1px solid #b2d3bb;
	padding: 12px;
	border-radius: 5px;
	background: #edf8f1;
	text-decoration: none;
	font-weight: bold;
	flex: 0 0 230px;
	color: #00597B;
}

	.DetailsLink:hover {
		background: #d9f2e2;
		color: #000;
	}

	.DetailsLink:active {
		background: #b9dac5;
	}

	.DetailsLink#EquipmentOfferings {
		background-image: url('../Media/Images/Content/Programs/TRP/iconMonitor.svg');
		background-repeat: no-repeat;
		background-position: right 8px bottom;
		background-size: 41px 36px;
	}

	.DetailsLink#FAQ {
		background-image: url('../Media/Images/Content/Programs/TRP/iconFAQ.svg');
		background-size: 23px 36px;
		background-repeat: no-repeat;
		background-position: right 12px bottom;
	}

	.DetailsLink#Benefits {
		background-image: url('../Media/Images/Content/Programs/TRP/iconBenefits.svg');
		background-size: 38px 36px;
		background-repeat: no-repeat;
		background-position: right 12px bottom;
	}

.WorkStationModal {
	margin: 15px;
	box-sizing: border-box;
	border-radius: 4px;
	padding: 0;
	border: none;
	border: 1px solid #aaaaaa;
}

	.WorkStationModal > .ui-dialog-titlebar {
		background: none;
		border-width: 0 0 1px 0;
		border-color: #e0e0e0;
		border-style: solid;
		border-radius: 0;
		padding: 15px;
		color: #626262;
		font-size: 18px;
		font-weight: normal;
		box-sizing: border-box;
	}

.ui-dialog.WorkStationModal .ui-widget-header span.ui-icon, .ui-dialog .ui-state-hover span.ui-icon {
	height: 12px;
	width: 12px;
	margin: -6px 0 0 -6px;
	padding: 0;
	background: transparent url('../Media/Images/Icons/CloseIcon.svg') no-repeat left top !important;
}

.ui-dialog.WorkStationModal .ui-state-hover span.ui-icon {
	background: transparent url('../Media/Images/Icons/CloseIconHover.svg') no-repeat left top !important;
}

.ui-dialog.WorkStationModal .ui-dialog-titlebar-close, .ui-dialog .ui-dialog-titlebar-close:hover {
	padding: 5px !important;
	border: 0;
	background: transparent;
	line-height: 0;
	height: 23px;
	width: 23px;
	right: 8px;
	top: 20px;
}

.ModalLauncher {
	color: #344287;
	text-decoration: underline;
}

	.ModalLauncher:hover {
		color: #A90101;
		cursor: pointer;
	}

#BenefitsImage {
	float: right;
	margin: 0 0 0 20px;
}

.noMarginTop {
	margin-top: 0;
}

.noMarginBottom {
	margin-bottom: 0;
}

.ImportantContent {
	background-image: url('../Media/Images/Icons/iconImportant.svg');
	background-size: 16px 16px;
	background-position: left 10px center;
	background-repeat: no-repeat;
	padding: 10px 10px 10px 40px;
	border: 1px solid #dadada;
	background-color: #f8f8fa;
}

#TRPFlexContent .FlexContain {
	justify-content: space-between;
	margin: 0;
	text-align: center;
}

	#TRPFlexContent .FlexContain > div > div {
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 5%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #ffffff 0%,#f8f8f8 5%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #ffffff 0%,#f8f8f8 5%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */
		margin-top: -18px;
		padding: 18px 0;
	}

	#TRPFlexContent .FlexContain > div > .Ribbon {
		font-weight: bold;
		background: #d4edf6;
		position: relative;
		left: -10px;
		padding: 10px 8px 8px 20px;
		box-sizing: border-box;
		text-align: left;
		height: 34px;
		width: 85%;
	}

		#TRPFlexContent .FlexContain > div > .Ribbon:after {
			content: '';
			position: absolute;
			height: 0;
			border: 17px solid transparent;
			top: 0;
			width: 0;
			border-top-color: #d4edf6;
			border-bottom-color: #d4edf6;
			border-left-color: #d4edf6;
			right: -25px;
		}

		#TRPFlexContent .FlexContain > div > .Ribbon:before {
			content: ' ';
			position: absolute;
			width: 0;
			height: 0;
			left: 0px;
			bottom: 100%;
			border-width: 3px 5px;
			border-style: solid;
			border-color: transparent #287eb2 #287eb2 transparent;
		}

		#TRPFlexContent .FlexContain > div > .Ribbon > span {
			display: inline-block;
			height: 20px;
		}

		#TRPFlexContent .FlexContain > div > .Ribbon > .PowerOption {
			background-image: url('../Media/Images/Content/Programs/TRP/iconPower.svg');
			background-position: left top;
			background-size: 14px 18px;
			background-repeat: no-repeat;
			padding-left: 20px;
		}

	#TRPFlexContent .FlexContain .Title {
		text-transform: uppercase;
		font-weight: bold;
		color: #0e6091;
		letter-spacing: .5px;
		font-size: 1.1em;
		padding: 14px 8px 8px 8px;
	}

	#TRPFlexContent .FlexContain > div {
		border-radius: 4px;
		box-shadow: rgba(1,0,0,.3) 0px 0px 4px;
		z-index: 0;
	}

	#TRPFlexContent .FlexContain.TwoColumnFlex > div {
		width: calc(50% - 10px);
	}

	#TRPFlexContent .FlexContain.ThreeColumnFlex > div {
		width: calc(33% - 10px);
	}

	#TRPFlexContent .FlexContain > div > img {
		padding: 10px 0 28px 0;
	}

	#TRPFlexContent .FlexContain > div > div > ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}

		#TRPFlexContent .FlexContain > div > div > ul > li {
			padding: 8px 10px 0 10px;
			margin: 0;
		}

			#TRPFlexContent .FlexContain > div > div > ul > li:not(:last-child):after {
				content: '';
				display: block;
				height: 1px;
				width: 50%;
				background-color: #e3e3e4;
				margin: 8px auto 0 auto;
			}

			#TRPFlexContent .FlexContain > div > div > ul > li > ul {
				list-style: none;
				padding: 0;
			}

	#TRPFlexContent .FlexContain > div .OrderButton {
		padding: 8px 15px;
		background: #167ebe;
		display: inline-block;
		margin: 22px auto 0 auto;
		color: #fff;
		font-weight: bold;
		text-decoration: none;
		border-radius: 3px;
	}

		#TRPFlexContent .FlexContain > div .OrderButton:not(#ComingSoon):hover {
			background: #0e6091;
		}

		#TRPFlexContent .FlexContain > div .OrderButton:not(#ComingSoon):active {
			background: #094b72;
		}

		#TRPFlexContent .FlexContain > div .OrderButton#ComingSoon {
			background: #aaaaaa;
		}

		#TRPFlexContent .FlexContain > div .OrderButton.ExtraMargin {
			margin-top: 68px;
		}

		#TRPFlexContent .FlexContain#Monitors > div .OrderButton.ExtraMargin {
			margin-top: 40px;
		}

			#TRPFlexContent .FlexContain#MacLaptops > div .OrderButton.ExtraMargin {
				margin-top: 52px;
			}

#TRPTabs > #PageTabs > ul {
	height: 29px;
	margin: 15px 0 20px 0;
	border-bottom-color: #035b7f;
}

	#TRPTabs > #PageTabs > ul > li > a {
		font-size: 13px;
		height: 28px;
		line-height: 28px;
		border-left: 1px solid #528ea7;
		border-top: 1px solid #528ea7;
		border-right: 1px solid #528ea7;
	}

	#TRPTabs > #PageTabs > ul > li.CurrentTab > a, #TRPTabs > #PageTabs > ul > li.CurrentTab > a:hover {
		background-color: #035b7f;
		border-color: #035b7f;
		color: #fff;
	}

table.FnlTable#TRPTable {
	width: 100%;
}

	table.FnlTable#TRPTable > thead:first-child > tr:first-child > th {
		background-color: #00597B;
	}

/*Welcome Committee Page*/

#WelcomeTeam {
	float: left;
	margin: 0 20px 20px 0;
}

#WelcomeCommitteeMembers ul {
	list-style: none;
	flex: 0 0 49%;
}

	#WelcomeCommitteeMembers ul > li {
		margin: 0;
	}

		#WelcomeCommitteeMembers ul > li:not(:first-child) {
			margin-top: 20px;
		}

		#WelcomeCommitteeMembers ul > li > h4 {
			margin: 0 0 5px 0;
		}

		#WelcomeCommitteeMembers ul > li > a {
			display: inline-block;
		}

/*FnlTabbedContainer margin override*/

.WidthContain .FnlTabbedContainer:first-of-type {
	margin-bottom: 20px;
}
