@charset "UTF-8";

*,
*:before,
*:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

html,
body {
	font-size: 100%;
}

body {
	color: #282729;
	padding: 0;
	margin: 0;
	font-family: "AvenirStd", "Helvetica Neue", Arial, sans-serif !important;
	font-weight: normal;
	font-style: normal;
	font-size: 0.836rem !important;
	line-height: 1;
	position: relative;
	cursor: default;
}

@media only screen and (min-width: 1441px) {
	body {
		font-size: 0.92rem !important;
	}
}

a {
	text-decoration: none;
}

	a:hover {
		cursor: pointer;
		text-decoration: underline;
	}

	a:focus {
		outline: none;
	}

img,
object,
embed {
	max-width: 100%;
	height: auto;
}

object,
embed {
	height: 100%;
}

img {
	-ms-interpolation-mode: bicubic;
}

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
	max-width: none !important;
}

.non-federal-link {
	visibility: visible;
}

.static {
	position: static !important;
}

.relative {
	position: relative !important;
}

.left {
	float: left !important;
}

.right {
	float: right !important;
}

@media (min-width: 768px) {
	.pull-right {
		float: right;
	}
}

.text-left {
	text-align: left !important;
}

.text-right {
	text-align: right !important;
}

.text-center {
	text-align: center !important;
}

.text-justify {
	text-align: justify !important;
}

.hide, .hidden {
	display: none !important;
}

.nm {
	margin: 1px 0 !important;
}

.verticalMiddle {
	vertical-align: middle !important;
}

.clear {
	clear: both;
}

.clear-left {
	clear: left;
}

.clear-right {
	clear: right;
}

.error {
	color: red;
}

.half,
half-width {
	width: 50%;
}

@media only screen and (max-width: 520px) {
	.half,
	half-width {
		width: 100%;
	}
}

.full-width,
.fullWidth {
	width: 100% !important;
	max-width: 100% !important;
}

.vertFlip {
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}

.semibold {
	font-weight: 700 !important;
}

.no-text-select {
	-webkit-user-select: none;
	user-select: none;
}

.no-textdec {
	text-decoration: none;
}

	.no-textdec:hover {
		text-decoration: none !important;
	}

.no-outline {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border: none !important;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.invisible {
	visibility: hidden;
}

.i, .inline {
	display: inline !important;
}

.b, .block {
	display: block !important;
}

.ib, .inline-block {
	display: inline-block !important;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

.pad0 {
	padding: 0 !important;
}

.pad1 {
	padding: 5px !important;
}

.pad2 {
	padding: 15px !important;
}

.pad3 {
	padding: 30px !important;
}

.pad4 {
	padding: 35px !important;
}

.pad5 {
	padding: 50px !important;
}

.vertPad1 {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

.vertPad2 {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}

.vertPad3 {
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}

.vertPad4 {
	padding-top: 35px !important;
	padding-bottom: 35px !important;
}

.vertPad5 {
	padding-top: 50px !important;
	padding-bottom: 50px !important;
}

.tPad1 {
	padding-top: 5px !important;
}

.tPad2 {
	padding-top: 15px !important;
}

.tPad3 {
	padding-top: 30px !important;
}

.tPad4 {
	padding-top: 35px !important;
}

.tPad5 {
	padding-top: 50px !important;
}

.bPad1 {
	padding-bottom: 5px !important;
}

.bPad2 {
	padding-bottom: 15px !important;
}

.bPad3 {
	padding-bottom: 30px !important;
}

.bPad4 {
	padding-bottom: 35px !important;
}

.bPad5 {
	padding-bottom: 50px !important;
}

.sidePad1 {
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.sidePad2 {
	padding-left: 15px !important;
	padding-right: 15px !important;
}

.sidePad3 {
	padding-left: 30px !important;
	padding-right: 30px !important;
}

.sidePad4 {
	padding-left: 35px !important;
	padding-right: 35px !important;
}

.sidePad5 {
	padding-left: 50px !important;
	padding-right: 50px !important;
}

.lPad1 {
	padding-left: 5px !important;
}

.lPad2 {
	padding-left: 15px !important;
}

.lPad3 {
	padding-left: 30px !important;
}

.lPad4 {
	padding-left: 35px !important;
}

.lPad5 {
	padding-left: 50px !important;
}

.rPad1 {
	padding-right: 5px !important;
}

.rPad2 {
	padding-right: 15px !important;
}

.rPad3 {
	padding-right: 30px !important;
}

.rPad4 {
	padding-right: 35px !important;
}

.rPad5 {
	padding-right: 50px !important;
}

.margin0 {
	margin: 0 !important;
}

.vertMargin1 {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}

.vertMargin2 {
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}

.vertMargin3 {
	margin-top: 25px !important;
	margin-bottom: 25px !important;
}

.vertMargin4 {
	margin-top: 35px !important;
	margin-bottom: 35px !important;
}

.vertMargin5 {
	margin-top: 50px !important;
	margin-bottom: 50px !important;
}

.tMargin1 {
	margin-top: 5px !important;
}

.tMargin2 {
	margin-top: 15px !important;
}

.tMargin3 {
	margin-top: 25px !important;
}

.tMargin4 {
	margin-top: 35px !important;
}

.tMargin5 {
	margin-top: 50px !important;
}

.bMargin1 {
	margin-bottom: 5px !important;
}

.bMargin2 {
	margin-bottom: 15px !important;
}

.bMargin3 {
	margin-bottom: 25px !important;
}

.bMargin4 {
	margin-bottom: 35px !important;
}

.bMargin5 {
	margin-bottom: 50px !important;
}

.sideMargin1 {
	margin-left: 5px !important;
	margin-right: 5px !important;
}

.sideMargin2 {
	margin-left: 15px !important;
	margin-right: 15px !important;
}

.sideMargin3 {
	margin-left: 25px !important;
	margin-right: 25px !important;
}

.sideMargin4 {
	margin-left: 35px !important;
	margin-right: 35px !important;
}

.sideMargin5 {
	margin-left: 50px !important;
	margin-right: 50px !important;
}

.lMargin1 {
	margin-left: 5px !important;
}

.lMargin2 {
	margin-left: 15px !important;
}

.lMargin3 {
	margin-left: 25px !important;
}

.lMargin4 {
	margin-left: 35px !important;
}

.lMargin5 {
	margin-left: 50px !important;
}

.rMargin1 {
	margin-right: 5px !important;
}

.rMargin2 {
	margin-right: 15px !important;
}

.rMargin3 {
	margin-right: 25px !important;
}

.rMargin4 {
	margin-right: 35px !important;
}

.rMargin5 {
	margin-right: 50px !important;
}

.scrollbox {
	height: 175px;
	overflow: auto;
}

.fixed-loading-gif {
	position: fixed;
	display: block;
	height: 55px;
	width: 55px;
	top: 40%;
	left: 16%;
	right: 0;
	margin: auto;
	background: transparent url("/Content/Images/ajax-loader-xlarge.gif") no-repeat 0 0;
}

.centered-loading-gif {
	position: absolute;
	display: block;
	height: 55px;
	width: 55px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background: transparent url("/Content/Images/ajax-loader-xlarge.gif") no-repeat 0 0;
}

.antialiased {
	-webkit-font-smoothing: antialiased;
}

img {
	display: inline-block;
	vertical-align: middle;
}

textarea {
	height: auto;
	min-height: 5em;
}

select {
	width: auto;
}

.page {
	padding: 20px 20px 30px 20px;
}

@media (max-width: 1025px) {
	.page {
		padding: 20px 0;
	}
}

/*Eric Myers reset stylesheet*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* only ie shows extra space on right
   need better fix but no other containers appear to
   be causing it */
html {
	overflow-x: hidden;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	line-height: 1.5;
}

ol, ul {
	list-style: none;
}

section {
	display: block;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/*NIBS SF Styles*/
/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body.print {
	background-color: white;
}

/* Although the proper way to submit a form is a submit input, sometimes we want it to look like
 * a hyperlink.
 */
form.hyperlinkyForm {
	display: inline;
	text-wrap: normal;
}

	form.hyperlinkyForm input[type="submit"] {
		display: inline;
		padding: 0;
		margin: 0;
		font-size: 1em;
		color: #1f6cdf;
		text-decoration: none;
		background-color: transparent;
		border: none;
		cursor: pointer;
		white-space: normal;
		text-wrap: normal;
		text-align: inherit;
	}

		form.hyperlinkyForm input[type="submit"]:hover {
			text-decoration: underline;
		}

/* PRIMARY LAYOUT ELEMENTS
----------------------------------------------------------*/
body {
	background: white;
}

	body.Home #main {
		width: 100%;
		max-width: 100%;
		padding: 0;
		margin: 0;
		margin: auto;
	}

#main {
	padding-top: 20px;
	min-height: 360px;
}

.page {
	padding: 20px 20px 30px 20px;
	margin: 0 auto;
	width: 100%;
	max-width: 87em;
	position: relative;
}

body.Home .page {
	padding: 0;
	max-width: 100%;
}

#searchTitleWrap {
	padding: 15px;
}

.name .logo {
	display: none;
	white-space: nowrap;
}

	.name .logo a {
		line-height: 45px;
		background-size: 50px;
	}

@media only screen and (max-width: 520px) {
	.name .logo a {
		text-indent: -999px;
		/*Adding the text clear for accesability */
		overflow: hidden;
	}
}

@media (max-width: 1000px) {
	.name .logo {
		display: block;
	}
}

.logo {
	font-size: 1.3em;
	white-space: nowrap;
}

@media (max-width: 1000px) {
	.logo {
		display: none;
	}
}

@media only screen and (min-width: 1441px) {
	.logo {
		font-size: 1.4em;
	}
}

.logo a {
	display: inline-block;
	background: url("/Content/Images/sftool_logo.gif") no-repeat 0 1px;
	background-size: 56px;
	line-height: 48px;
	padding: 0 1px 0 68px;
	color: #222222;
}

	.logo a:hover {
		text-decoration: none;
	}

	.logo a span {
		font-size: 0.75em;
		margin-left: -5px;
		margin-right: 5px;
		vertical-align: top;
	}

#title {
	padding: 20px;
}

	#title h1 {
		background: transparent url(/Content/Images/sftool_logo.gif) top left no-repeat;
		height: 70px;
		line-height: 2.9em;
	}

		#title h1 a {
			display: block;
			text-indent: 90px;
		}

			#title h1 a:hover {
				text-decoration: none;
			}

			#title h1 a:visited {
				color: black;
			}

#footer {
	clear: both;
	color: #222222;
	line-height: normal;
	font-size: .9em;
	margin: 0 auto;
	max-width: 1140px;
}

	#footer h4 {
		padding-top: 0;
	}

	#footer ul {
		margin-top: 0;
	}

	#footer p {
		clear: both;
		padding: 8px 5px 0 5px;
		text-align: center;
	}

#footer {
	clear: both;
	color: #C8CFDD;
	text-align: center;
	line-height: normal;
	background: #354b5e;
	font-size: 1.1em;
	margin: 0 auto;
	padding: 30px 0.8em 16px 0.8em;
	max-width: none;
}

	#footer a,
	#footer a.NIBS,
	#footer #stayConnected ul li a {
		color: #b4bbca;
		-ms-transition: color 0.15s ease-in-out;
		-moz-transition: color 0.15s ease-in-out;
		-webkit-transition: color 0.15s ease-in-out;
		transition: color 0.15s ease-in-out;
	}

		#footer a:hover,
		#footer a.NIBS:hover,
		#footer #stayConnected ul li a:hover {
			color: #dbdbdb;
			text-decoration: none;
		}

	#footer h4, #footer h5, #footer .h4, #footer .h5 {
		color: #dbdbdb;
		font-size: 1.23em;
		clear: both;
	}

	#footer .footer-btn {
		border-radius: 1px;
		padding-left: 27px;
		padding-right: 27px;
		font-size: 1em;
		color: #e8ebf0;
		-webkit-box-shadow: none;
		box-shadow: none;
		background-color: #354b5e;
		border: solid 2px #d5dae5;
		-ms-transition: .3s ease-out;
		-moz-transition: .3s ease-out;
		-webkit-transition: .3s ease-out;
		transition: .3s ease-out;
	}

		#footer .footer-btn:hover {
			background-color: #2d323f;
			border-color: #2d323f;
		}

		#footer .footer-btn .fa {
			margin-left: 3px;
		}

@media (min-width: 800px) and (max-width: 900px) {
	#footer .footer-btn {
		padding-left: 13px;
		padding-right: 13px;
	}
}

#footer #providedBy h4,
#footer #stayConnected h4 {
	margin-bottom: 8px;
}

#footer a.NIBS span {
	display: inline-block;
	font-weight: normal;
	font-size: 1.14em;
}

	#footer a.NIBS span:first-child {
		background: url("/Content/Images/main-sprite.png") no-repeat scroll -215px 0 transparent;
		height: 48px;
		width: 48px;
		vertical-align: -9px;
	}

.footer-links li {
	margin-bottom: 3px;
}

/* Homepage
----------------------------------------------------------*/
body.Home [id^="mi-"] .dropdown_fullwidth {
	box-shadow: 3px 21px 17px 4px rgba(70, 70, 70, 0.7);
}

@media only screen and (min-width: 1100px) {
	body.Home .x-large-4 {
		position: relative;
		width: 33.33333%;
	}

	body.Home .x-large-8 {
		position: relative;
		width: 66.66667%;
	}
}

.fade-1.init {
	opacity: 0;
	transition: none;
}

.fade-up-1.init,
.fade-up-2.init,
.fade-up-3.init {
	opacity: 0;
	transition: none;
}

.fade-1 {
	opacity: 1;
	transition: 1.25s opacity;
}

.fade-up-1 {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	transition: 1s opacity, transform 1s;
}

.fade-up-2 {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	transition: 1s opacity ease .2s, transform 1s ease .2s;
}

.fade-up-3 {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	transition: 1s opacity ease .4s, transform 1s ease .4s;
}

@media (max-width: 800px) {
	#hp-slider-container {
		padding: 0;
	}
}

#hp-slider {
	margin-top: 55px;
	overflow: hidden;
	position: relative;
	border: solid 1px rgba(255, 255, 255, 0.4);
}

@media (min-width: 1025px) {
	#hp-slider {
		max-height: 360px !important;
	}
}

@media (min-width: 1024px) {
	#hp-slider {
		max-height: 500px;
	}
}

@media (max-width: 1000px) {
	#hp-slider {
		margin-top: 50px;
		margin-left: 50px;
	}
}

@media (max-width: 800px) {
	#hp-slider {
		margin-left: 0;
		margin-left: 0;
		margin-top: 38px;
		border: 0;
		overflow: visible;
	}
}

#hp-slider .slider .slide-content .hp-slider-title h3 {
	display: block;
	background-color: rgba(0, 0, 0, 0.4);
	font-weight: 100;
	font-size: 1.255rem;
	top: 5px;
	padding: 12px 12px 12px 12px;
	letter-spacing: 1px;
	position: center;
	z-index: 999;
}

@media (max-width: 800px) {
	#hp-slider .hp-slider-title h3 {
		top: -14px;
	}
}

#hp-slider .hp-slider-title h3 span {
	font-weight: 800;
}

#hp-slider .slider {
	background: rgba(255, 255, 255, 0.825);
}

@media (max-width: 800px) {
	#hp-slider .slider {
		background: #fafbff;
		border-bottom: solid 3px #ddd;
	}
}

#hp-slider .slick-slide {
	min-height: 270px;
}

#hp-slider .slide-content img {
	height: 317px;
	width: 100%;
}

#hp-slider .slide-content > div > img {
	height: 152px;
	width: 100%;
}

@media (max-width: 800px) {
	#hp-slider .slide-content img {
		height: 330px;
	}
}

#hp-slider .slide-content h5 {
	padding: 12px 12px 12px 36px;
	font-size: 1.4em;
	font-weight: 800;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

@media (max-width: 1000px) {
	#hp-slider .slide-content h5 {
		padding-left: 12px;
	}
}

@media (max-width: 800px) {
	#hp-slider .slide-content h5 {
		padding-top: 22px;
	}
}

#hp-slider .slide-content h5 a {
	color: #1f6cdf;
}

#hp-slider .slide-content .slide-description {
	padding: 0 36px 12px 36px;
}

@media (max-width: 1000px) {
	#hp-slider .slide-content .slide-description {
		padding-left: 12px;
		padding-right: 12px;
	}
}

#hp-slider .slide-content .slide-description,
#hp-slider .slide-content .slide-description p {
	color: #304e55 !important;
	font-size: 0.836rem !important;
	text-shadow: 1px 1px 1px #ddd !important;
	margin-bottom: 26px;
}

	#hp-slider .slide-content .slide-description p,
	#hp-slider .slide-content .slide-description p p {
		margin: 0;
	}

#hp-hero {
	position: relative;
	background-repeat: no-repeat;
	background-size: cover !important;
	min-height: 430px;
}

@media (max-width: 1000px) {
	#hp-hero {
		background-position: center top;
		background-size: inherit !important;
		max-height: 200px;
	}
}

@media (max-width: 800px) {
	#hp-hero {
		background-position: center top !important;
	}
}

#hp-hero .intro h1, #hp-hero .intro p {
	color: #fff;
	font-size: 2.7em;
	text-shadow: 1px 1px 5px #333;
	margin-top: 40px;
	margin-bottom: 0px
}

@media (max-width: 1100px) {
	#hp-hero .intro h1, #hp-hero .intro p {
		font-size: 2.28em;
	}
}

@media (max-width: 800px) {
	#hp-hero .intro h1, #hp-hero .intro p {
		text-align: center;
	}
}

@media (max-width: 500px) {
	#hp-hero .intro h1, #hp-hero .intro p {
		font-size: 1.8em;
		margin-top: 24px;
	}
}

#hp-hero .intro p {
	margin-top: 0px;
	font-weight: 300;
	font-size: 1.4em;
}

@media (max-width: 1000px) {
	#hp-hero .intro p {
		font-size: 1.3em;
	}
}

@media (min-width: 767px) and (max-width: 1024px) {
	#hp-hero .intro p {
		font-size: 1.6em;
	}
}

@media (max-width: 500px) {
	#hp-hero .intro p {
		font-size: 1.1em;
	}
}

.hero-citation {
	color: #fff;
	color: rgba(255, 255, 255, 0.7);
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 7px 12px 4px 12px;
	text-shadow: 1px 1px 1px #000;
	font-size: 0.669rem;
}

#hp-searchbox {
	margin-top: 24px;
	max-width: 476px;
}

@media (max-width: 800px) {
	#hp-searchbox {
		margin: auto;
	}
}

@media (max-width: 767px) {
	#hp-searchbox {
		display: none;
	}
}

#hp-searchbox .hp-searchbox-inner {
	position: relative;
}

	#hp-searchbox .hp-searchbox-inner input[type=text] {
		font-size: 1.2em;
		height: 47px;
		line-height: normal;
		padding-left: 14px;
		padding-right: 52px;
		color: #fff;
		background: #5165a2;
		background: rgba(21, 29, 80, 0.36);
		border-color: #cfddff;
	}

		#hp-searchbox .hp-searchbox-inner input[type=text]::-webkit-input-placeholder {
			color: #dedede;
			line-height: normal;
		}

		#hp-searchbox .hp-searchbox-inner input[type=text]::-moz-placeholder {
			color: #dedede;
			line-height: 28px;
		}

		#hp-searchbox .hp-searchbox-inner input[type=text]:-ms-input-placeholder {
			color: #dedede;
			line-height: normal;
		}

	#hp-searchbox .hp-searchbox-inner button[type=submit] {
		position: absolute;
		bottom: 0;
		right: 0;
		margin: 0;
		padding-right: 14px;
		background: none;
		border: 0;
		height: 47px;
	}

#hp-topics {
	padding-top: 26px;
	padding-bottom: 6px;
	font-size: 0.836rem;
	background-color: #F2F2F2;
	background-color: #eef1fc;
}

	#hp-topics h3 {
		color: #6B6B8D;
		text-shadow: 1px 1px 0px #cbd3e4;
		padding: 0;
		font-weight: 500;
		padding: 0;
		margin-top: 12px;
		margin-bottom: 8px;
		background: none;
		overflow: visible;
		font-size: 1.68em;
	}

		#hp-topics h3 span {
			font-weight: 800;
		}

	#hp-topics .large-6 a.explore-link {
		position: relative;
		display: block;
		margin: 6px 24px 22px 22px !important;
		padding: 6px 6px 0px 6px !important;
		overflow: hidden;
		border-style: dashed;
		transition: background-color 0.2s ease 0.35s, border-color 0.2s ease 0.35s !important;
	}

		#hp-topics .large-6 a.explore-link:hover {
			background-color: #f1f1f1;
			border-color: #b9b9b9;
			transform: none !important;
		}

			#hp-topics .large-6 a.explore-link:hover .explore-link-overlay {
				transform: translate3d(0, 0, 0);
			}

		#hp-topics .large-6 a.explore-link .explore-link-overlay {
			text-align: center;
			position: absolute;
			padding: 10px 8px 10px 8px;
			margin: auto;
			width: 175px;
			left: 0;
			right: 0;
			bottom: 0;
			transform: translate3d(0, 100px, 0);
			color: #fff;
			text-shadow: 1px 1px 1px #333;
			border-radius: 8px 8px 0px 0px;
			background: rgba(47, 56, 85, 0.7);
			transition: transform .175s ease .35s !important;
			font-weight: bold;
			font-size: 0.92rem;
		}

			#hp-topics .large-6 a.explore-link .explore-link-overlay span {
				display: block;
				font-weight: normal;
				font-size: 0.836rem;
			}

@media (max-width: 1099px) {
	#hp-topics .large-6 {
		padding-left: 0.9375em !important;
	}
}

#hp-topics .large-6 a {
	display: inline-block;
	color: #1c8921;
	padding: 12px 16px;
	border-radius: 3px;
	min-height: 116px;
	border: solid 2px transparent;
	transition: transform 0.175s ease 0.075s, background-color 0.175s ease 0.1s, border-color 0.175s ease 0.1s !important;
}

@media (max-width: 1099px) {
	#hp-topics .large-6 a {
		background: #fafbff;
		border: solid 1px #d8dce8;
		margin-bottom: 22px;
		min-height: 132px !important;
	}

		#hp-topics .large-6 a:hover {
			transform: translate3d(0, 0, 0) !important;
		}
}

@media (max-width: 800px) {
	#hp-topics .large-6 a {
		margin-bottom: 16px;
		display: block;
	}
}

#hp-topics .large-6 a:hover {
	text-decoration: none;
	transform: translate3d(9px, 0, 0);
	color: #1f6cdf;
}

	#hp-topics .large-6 a:hover h4 {
		color: #1f6cdf;
	}

	#hp-topics .large-6 a:hover .fa {
		color: #1f6cdf;
		border-color: #1f6cdf;
	}

#hp-topics .large-6 a.translate-left:hover {
	transform: translate3d(-9px, 0, 0);
}

@media (max-width: 1099px) {
	#hp-topics .large-6 a .left {
		float: right !important;
		margin-left: 15px !important;
		margin-right: 0 !important;
	}
}

#hp-topics .large-6 a .fa {
	transition: background-color .175s ease .1s;
}

#hp-topics .large-6 a .hp-icon {
	max-width: 76px;
	display: none;
}

#hp-topics .large-6 a h4 {
	display: inline-block;
	position: relative;
	padding-bottom: 2px;
	font-weight: 400;
}

@media (max-width: 600px) {
	#hp-topics .large-6 a h4 {
		font-size: 0.92rem;
	}
}

#hp-topics .large-6 a p {
	color: #304e55;
	padding-top: 2px;
	font-size: 1.06em;
	margin-bottom: 0;
}

@media (max-width: 600px) {
	#hp-topics .large-6 a p {
		font-size: 0.753rem;
	}
}

#hp-topics .large-6 .hp-topic {
	overflow: hidden;
}

#hp-topics .large-6 h4 {
	margin-top: 0;
	padding-top: 0;
	font-weight: normal;
	font-size: 1.3em;
}

#hp-topics p {
	margin-top: 0;
}

#hp-topics .fa {
	background: none;
	color: #1c8921;
	padding: 13px;
	font-size: 2.133rem;
	height: 64px;
	width: 64px;
	border: solid 3px #1c8921;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}

#hp-topics .fa-book, #hp-topics .fa-wrench {
	padding: 13px 14px;
}

#hp-topics .fa-building-o {
	padding: 12px 16px;
}

#hp-topics .fa-calendar {
	padding: 13px 15px;
	font-size: 1.945rem;
}

#hp-topics .fa-retweet {
	padding: 12px 12px;
}

#hp-topics .fa-check-square-o {
	padding: 13px 14px;
	font-size: 2.258rem;
}

@media (max-width: 1099px) {
	#hp-topics #hp-centerpiece {
		display: none;
	}
}

#hp-about {
	padding: 26px 0px 10px 0;
	font-size: 0.836rem;
}

@media (max-width: 1099px) {
	#hp-about {
		padding-top: 0;
	}

		#hp-about .large-12 {
			text-align: center;
			padding-left: 0;
			padding-right: 0;
			padding-bottom: 30px;
		}

		#hp-about .lPad3 {
			padding-left: 0 !important;
		}
}

#hp-about .row {
	padding-top: 10px;
	padding-bottom: 10px;
}

@media (max-width: 1099px) {
	#hp-about .row {
		padding-top: 0;
	}
}

#hp-about h3, #hp-about h5, #hp-about p {
	color: #304e55;
	font-size: 2em;
	font-family: AvenirStd, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important;
	font-weight: 600;
}

@media (max-width: 530px) {
	#hp-about h3, #hp-about h5, #hp-about p {
		font-size: 1.9em;
	}
}

#hp-about .hp-about-link {
	display: block;
	font-size: 1em;
	border-radius: 6px;
	padding: 16px;
	border: solid 2px transparent;
	min-height: 164px;
	transition: background-color 0.2s ease 0.075s, border-color 0.2s ease 0.075s !important;
}

	#hp-about .hp-about-link:hover {
		text-decoration: none;
		background-color: #eef1fc;
		border-color: #dfe3ef;
	}

		#hp-about .hp-about-link:hover h2,
		#hp-about .hp-about-link:hover .fa-youtube-play {
			color: #1f6cdf;
		}

#hp-about h3 {
	color: #fff;
	font-weight: 500;
	margin-bottom: 18px;
	overflow: visible;
	font-size: 1.68em;
}

@media (max-width: 1099px) {
	#hp-about h3 {
		display: block;
	}
}

@media (max-width: 530px) {
	#hp-about h3 {
		font-size: 1.8em;
	}
}

#hp-about h3 span {
	font-weight: 800;
}

#hp-about p {
	font-weight: normal !important;
	font-size: 1.17em;
	margin: 4px 0;
}

@media (max-width: 1099px) {
	#hp-about p {
		font-size: 1.37em;
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media (max-width: 600px) {
	#hp-about p {
		font-size: 1em;
	}
}

#hp-about ul {
	font-size: 1.2em;
}

	#hp-about ul li {
		margin: 12px 0;
	}

#hp-about strong > a {
	color: #1c8921;
	text-decoration: underline;
}

#hp-about .b-none {
	border: none;
}

#hp-about .video-link h3 {
	margin-bottom: 16px;
}

#hp-about .video-link:hover {
	text-decoration: none;
}

	#hp-about .video-link:hover h6 {
		color: #527eb0;
	}

	#hp-about .video-link:hover .fa {
		transform: scale(1.1);
		color: #527eb0;
	}

#hp-about .sftool-video-play {
	text-align: center;
}

	#hp-about .sftool-video-play .fa {
		font-size: 5.646rem;
		color: #6B6B8D;
		transition: color .2s ease .075s, transform .1s ease .075s;
	}

	#hp-about .sftool-video-play h6 {
		color: #6B6B8D;
		background: none;
		transition: color .2s ease .075s;
	}

.hp-trending {
	margin-top: 0;
}

	.hp-trending span {
		font-weight: bold;
		color: #6B6B8D;
	}

	.hp-trending li {
		margin: 4px !important;
	}

	.hp-trending a {
		font-size: 1.1em;
		padding: 0 2px;
	}

#plan-intro p {
	font-size: 1.63em;
	color: #555555;
}

@media (max-width: 700px) {
	#plan-intro p {
		font-size: 1.2em;
	}
}

.plan-breakdown-section {
	position: relative;
	padding: 2em 0 0 0;
	text-align: center;
	border: solid 2px #ddd;
}

	.plan-breakdown-section h4 {
		color: #7a5ecc;
		font-size: 1.5em;
	}

		.plan-breakdown-section h4 a {
			color: #7a5ecc;
		}

	.plan-breakdown-section p {
		font-size: 1.1em;
		text-align: left;
		padding: 0px 60px 10px 60px;
	}

	.plan-breakdown-section span {
		display: block;
		position: absolute;
		background-color: #7a5ecc;
		width: 64px;
		height: 64px;
		top: -33px;
		left: 0;
		right: 0;
		border: solid 6px white;
		margin: auto;
	}

	.plan-breakdown-section ul {
		border-top: dotted 1px #ddd;
		margin: 0;
	}

		.plan-breakdown-section ul li a {
			display: block;
			font-size: 0.9em;
			padding: 8px 0;
			background-color: #f5f5f5;
			border-top: solid 1px #ccc;
			border-bottom: solid 1px #ddd;
			transition: all .3s ease-out;
		}

			.plan-breakdown-section ul li a:hover {
				text-decoration: none;
				background-color: #e3ecf2;
			}

#pb-overall-strategies span {
	background: #7a5eca url(/content/Images/Icons/gears.png) 0px 1px no-repeat;
	background-size: 52px;
}

#pb-project-types span {
	background: #7a5ec9 url(/content/practice/images/icons/secondary/Commissioning.png) 9px 5px no-repeat;
	background-size: 35px;
}

#pb-plan-for-future span {
	background: #7a5eca url(/content/practice/images/icons/primary/workspace.png) 10px 4px no-repeat;
	background-size: 33px;
}

.project-types-breakdown {
	margin: 1.5em 0 1em 0;
}

	.project-types-breakdown .plan-breakdown-section {
		padding: 5.5em 4px 0px 4px;
		display: block;
		float: left;
		line-height: 1.1;
		margin-right: 14px;
		margin-bottom: 12px;
		width: 18%;
		height: 140px;
		color: dimgray;
		background-color: #eee;
		-ms-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		transition: all .3s ease-out;
	}

@media (max-width: 800px) {
	.project-types-breakdown .plan-breakdown-section {
		width: 46%;
		padding: 6.5em 4px 0 4px;
	}
}

.project-types-breakdown .plan-breakdown-section:hover {
	text-decoration: none;
	background-color: #e0e0e0;
	border-color: #ccc;
	color: #5c5c5c;
}

.project-types-breakdown .plan-breakdown-section span {
	width: 60px;
	height: 60px;
	top: 9px;
	border: 0;
	-ms-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	transition: all .3s;
}

.project-types-breakdown #pb-content1 span {
	background: #7a5ec7 url(/content/practice/images/icons/secondary/Furniture.png) 0.6em 0.2em no-repeat;
	background-size: 3em;
}

.project-types-breakdown #pb-content2 span {
	background: #7a5eca url(/content/practice/images/icons/secondary/OfficeLayout.png) 0.56em 0.2em no-repeat;
	background-size: 3em;
}

.project-types-breakdown #pb-content3 span {
	background: #7a5eca url(/content/Images/Icons/tools.png) 0 0.45em no-repeat;
	background-size: 4.15em;
}

.project-types-breakdown #pb-content4 span {
	background: #7a5eca url(/content/practice/images/icons/secondary/HVACComponents.png) 0.6em 0.15em no-repeat;
	background-size: 3em;
}

.project-types-breakdown #pb-content5 span {
	background: #7a5eca url(/content/practice/images/icons/secondary/HVACMaintenance.png) 0.55em 0.2em no-repeat;
	background-size: 3em;
}

.sidenav-icon {
	background: #7a5eca;
	display: inline-block;
	border-radius: 18px;
	padding: 4px 16px;
}

	.sidenav-icon img {
		width: 100px;
		max-height: 113px;
		display: block;
		margin: auto;
	}

.gpcSearchResultsList ul.searchContentLevels > li {
	background: url("/Content/Images/Icons/green_check.png") no-repeat scroll 0 5px transparent;
	padding: 2px 0 0 22px;
}

@media only screen and (min-width: 1441px) {
	.gpcSearchResultsList ul.searchContentLevels > li {
		background-position: 0 6px;
	}
}

/* Styles for flash messages
-----------------------------------------------------------*/
.flash {
	border: 1px solid;
	cursor: pointer;
	font-size: 0.836rem;
	z-index: 99999;
	position: fixed;
	overflow: hidden;
	width: 310px;
	right: 16px;
	right: -400px;
	top: 16px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	transition-property: right;
	-moz-transition-property: right;
	-webkit-transition-property: right;
	-o-transition-property: right;
	transition-duration: .25s;
	-moz-transition-duration: .25s;
	-webkit-transition-duration: .25s;
	-o-transition-duration: .25s;
	transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	-webkit-transition-timing-function: linear;
	-o-transition-timing-function: linear;
}

	.flash.active {
		right: 16px;
		z-index: 99999;
	}

	.flash div.relative {
		padding: 24px 40px;
	}

	.flash #flash-icon {
		font-size: 6.023rem;
		position: absolute;
		bottom: -16px;
		left: -16px;
		color: #d6eccd;
		z-index: -1;
	}

	.flash .fa-times {
		position: absolute;
		top: 6px;
		right: 7px;
	}

.flash-success {
	color: #468847;
	background-color: #DFF0D8;
	border-color: #bcdba1;
}

	.flash-success #flash-icon:after {
		content: "\f05d";
	}

.flash-info {
	color: #c09853;
	background-color: #fcf8e3;
	border-color: #F7E3BC;
}

	.flash-info #flash-icon {
		color: #fbf5d5;
	}

		.flash-info #flash-icon:after {
			content: "\f05a";
		}

.flash-warning {
	color: #987b48;
	background-color: #FCF8E3;
	border-color: #f7dba6;
}

	.flash-warning #flash-icon {
		color: #fbf5d5;
	}

		.flash-warning #flash-icon:after {
			content: "\f071";
		}

.flash-error {
	color: #B94A48;
	background-color: #F2DEDE;
	border-color: #e0aeb6;
}

	.flash-error #flash-icon {
		color: #eed3d3;
	}

		.flash-error #flash-icon:after {
			content: "\f071";
		}

.flash.no-click {
	cursor: default;
	cursor: default;
	width: 100%;
	position: relative;
	padding: 9px;
	text-align: center;
	left: 0;
	top: 0;
}

	.flash.no-click a {
		color: inherit;
		line-height: inherit;
		font-weight: bold;
	}

/*End Flash Messages*/
#navcontainer {
	clear: both;
}

#logindisplay {
	font-weight: bold;
	padding: 7px 0 2px 18px;
	margin-bottom: -1px;
}

@media (max-width: 1000px) {
	#logindisplay {
		display: none;
	}
}

#logindisplay-m {
	font-weight: bold;
	display: block;
}

.gsaTop {
	background: transparent url("/Content/Images/logo_gsa.jpg") top left no-repeat;
	margin-left: 20px;
	float: right;
	display: block;
	height: 70px;
	width: 70px;
	text-indent: -9999px;
}

div.actions {
	width: 100%;
	clear: both;
	overflow: auto;
	padding: 5px 0;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
	color: #ff0000;
	display: block;
	margin-bottom: 10px;
	margin-top: -4px;
	font-size: 0.9em;
}

.field-validation-valid {
	display: none;
}

.input-validation-error {
	border: 1px solid #ff0000;
	background-color: #ffeeee;
}

.validation-summary-errors {
	font-weight: bold;
	color: #ff0000;
	font-size: 0.8em;
}

	.validation-summary-errors > ul {
		list-style: square inside !important;
	}

		.validation-summary-errors > ul > li {
			background-image: none !important;
			font-size: 0.9em;
		}

.validation-summary-valid {
	display: none;
}

.errorHeader {
	font-size: 1.7em;
	margin: 0 auto;
	padding: 5px 18px;
}

@media (min-width: 520px) {
	.errorHeader {
		background: url("/Content/Images/greenhouse.jpg") no-repeat scroll 0 0 transparent;
		color: white;
		height: 330px;
		padding: 112px 47px;
		width: 400px;
	}
}

.errorText {
	font-size: 1.3em;
	padding: 10px 47px;
	width: 500px;
	display: block;
	margin: 0 auto;
}

@media only screen and (max-width: 520px) {
	.errorText {
		width: auto;
	}
}

.error-search {
	padding: 8px 0;
	margin: 0 auto;
	margin-bottom: 10px;
	width: 80%;
}

@media only screen and (max-width: 520px) {
	.error-search {
		width: 100%;
	}
}

/* Login Page
----------------------------------------------------------*/
#login-oauth, #login-account {
	padding: 10px 20px 20px 20px;
}

#or {
	margin: 90px 0;
	text-align: center;
}

@media (max-width: 801px) {
	#or {
		margin: 0 !important;
	}
}

@media (min-width: 801px) {
	#or span {
		display: none;
	}
}

#login-oauth-container {
	margin-top: 10px;
}

#login-oauth h3, #login-account h3 {
	font-size: 1.422rem;
	font-weight: bold;
}

#oauth-buttons {
	margin-top: 60px;
}

	#oauth-buttons a {
		display: block;
		height: 32px;
		width: 111px;
		border: 1px solid #aaa;
		float: left;
		margin-right: 5px;
	}

#openid_identifier_input {
	font-size: large;
	padding-top: 5px;
	padding-bottom: 5px;
}

.OpenIdAjaxTextBox input[type='button'] {
	font-size: large;
}

.OpenIdAjaxTextBox .yui-button span button {
	font-size: large;
	margin-top: 2px;
}

.OpenIdAjaxTextBox img {
	padding-top: 7px;
}

.classiclogon {
	font-size: large;
	padding-top: 2px;
	padding-bottom: 2px;
}

.logonMsgWrap {
	background-color: #f2f7f6;
	color: black;
	margin: 10px 0;
	padding: 20px;
}

	.logonMsgWrap > h2 {
		font-size: 2em;
	}

	.logonMsgWrap > div {
		margin: 20px 0px;
		font-weight: bold;
	}

		.logonMsgWrap > div > span {
			margin-right: 10px;
		}

body.LogOn .LogOnForm form {
	display: none;
}

@media (min-width: 1000px) {
	body.LogOn .LogOnForm {
		width: 255px;
	}
}

/***************individual Space Styles*********************/
.spaceOverviewContent {
	margin: 0;
	padding: 0;
}

.spaceDirections {
	font-size: 0.8em;
	color: #6c6c6c;
}

#imageWrap {
	width: 100%;
	margin: 0 auto;
	border: 4px solid white;
	-moz-box-shadow: 1px 1px 4px #ccc;
	-webkit-box-shadow: 1px 1px 15px #ccc;
	box-shadow: 1px 1px 15px #ccc;
	margin-bottom: 15px;
}

.roomImage {
	display: block;
	position: relative;
	width: 100%;
	padding-top: 72.222222222%;
	margin: 0;
	background-size: cover;
	background-position: top left;
	background-repeat: no-repeat;
	overflow: visible !important;
}

	.roomImage > li.hover {
		display: block;
		width: 16.7%;
		height: 15.4%;
		position: absolute;
		background: transparent url(/Content/Images/hotspot_read.png) no-repeat center center;
		margin-top: 10px;
		-moz-border-radius: 100%;
		-webkit-border-radius: 100%;
		border-radius: 100%;
	}

		.roomImage > li.hover > a {
			display: none;
			padding: 3px;
			font-size: 0.8em;
			background-color: rgba(0, 0, 0, 0.7);
			border-color: rgba(255, 255, 255, 0.4);
			border-radius: 3px;
			position: absolute;
			top: 34%;
			left: 63%;
			color: white;
		}

@media only screen and (max-width: 520px) {
	.roomImage > li.hover > a {
		top: 15%;
		left: 75%;
	}
}

@media (max-width: 800px) {
	.roomImage > li.hover > a {
		display: block;
	}
}

.roomImage > li.hover > a:hover {
	color: white;
	text-decoration: none;
}

.roomImage > li > a {
	display: block;
	padding: 5px;
	background: white;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	color: Black;
	text-decoration: none;
	border: 1px solid #999;
	-moz-box-shadow: 0 0 4px 1px #999;
	-webkit-box-shadow: 0 0 4px #999;
}

	.roomImage > li > a:hover {
		text-decoration: underline;
		color: Green;
	}

#imageNav {
	display: block;
	overflow: auto;
}

	#imageNav > li {
		display: block;
		height: 150px;
		width: 210px;
		margin: 0 auto 5px;
		position: relative;
		padding: 5px;
	}

		#imageNav > li.current {
			background: #EEE;
		}

		#imageNav > li > a {
			display: block;
			padding: 10px 0px;
			width: 100%;
			position: absolute;
			text-align: center;
			color: white;
			background: #2C2B33;
			zoom: 1;
			filter: alpha(opacity=90);
			opacity: 0.9;
			bottom: 0;
			left: 0;
		}

			#imageNav > li > a.current {
				background: green;
			}

#imageHead {
	display: block;
	width: 100%;
}

#spaceMenu {
	display: block;
	float: right;
	clear: right;
	margin: 0;
	padding: 0;
	width: 200px;
}

	#spaceMenu > a {
		float: right;
		display: block;
		padding: 10px;
		background: white;
		border-bottom: solid 1px black;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		color: black;
		text-decoration: none;
		font-weight: bold;
	}

	#spaceMenu > div {
		display: none;
		width: 290px;
		position: absolute;
		margin-top: 30px;
	}

		#spaceMenu > div > div {
			background: transparent url(/Content/Images/menu_bg.png) no-repeat center top;
			color: Black;
			padding: 40px 25px 0px 25px;
			margin-bottom: 32px;
		}

		#spaceMenu > div.open {
			display: block;
			zoom: 1;
			filter: alpha(opacity=90);
			opacity: 0.9;
			z-index: 950;
		}

		#spaceMenu > div > div > h4 {
			display: block;
			color: Black;
			padding: 5px 0px;
			font-weight: bold;
			z-index: 950;
			border-bottom: solid 1px black;
		}

.spaceMenuClose {
	position: absolute;
	top: 35px;
	right: 20px;
}

#spaceMenu .menuFooter {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	background: transparent url(/Content/Images/menu_bg_bottom.png) no-repeat center top;
	height: 32px;
	width: 290px;
}

#spaceContent {
	clear: both;
	margin-top: 5px;
}

@media (min-width: 362px) and (max-width: 520px) {
	#spaceContent {
		width: 90% !important;
		margin: 0 auto;
		float: none;
	}
}

@media (min-width: 520px) and (max-width: 900px) {
	#spaceContent {
		width: 97% !important;
		margin: 0 auto;
		float: none;
	}
}

#gpc-link {
	padding-right: 0;
}

.materialAddTooltip {
	position: absolute;
	right: 0;
	top: -1.5em;
	display: none;
	color: Green;
}

.mat_subgroup {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-bottom: 10px;
	overflow: auto;
}

.materialName {
	font-weight: bold;
	display: block;
	float: left;
	margin-top: 3px;
	width: 110px;
}

.compareCbx {
	margin-top: 4px;
	margin-right: 5px;
}

.materialCompareWrap {
	overflow: auto;
	clear: both;
}

.materialCompareLi {
	float: left;
	border: 1px solid #ccc;
	min-height: 50px;
	margin: 5px 10px 15px 0;
	position: relative;
	padding: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

	.materialCompareLi label {
		font-weight: bold;
		padding-right: 8px;
	}

.selectedMaterial {
	border: 1px solid Green;
	background: #D5FFDA;
}

a.waiting {
	background: url(/Content/Images/button-loader.gif) center center no-repeat;
	cursor: default;
	text-indent: -9999px;
}

.AddRemoveWaiting {
	background: url(/Content/Images/button-loader.gif) right center no-repeat;
	padding-right: 20px;
}

/*** Accordion Styles ***/
.accordion {
	margin-top: 10px;
	margin-bottom: 20px;
}

	.accordion h3 {
		display: block;
		background-color: #f6f6f6;
		margin: -1px 0 0 0;
		padding: 8px 15px;
		font-size: 1em;
		font-weight: 600;
		border: 1px solid #ccc;
		cursor: pointer;
		color: black;
	}

@media only screen and (max-width: 520px) {
	.accordion h3 {
		padding: 12px 15px;
	}
}

.accordion h3.current {
	background: #e9e9e9;
}

.accordion .pane {
	border-width: 0 2px;
	display: none;
	padding: 15px;
	color: #333;
	background-color: #fff;
}

@media (max-width: 801px) {
	.accordion .pane {
		padding: 15px 0;
	}
}

/*** Tooltip Styles ***/
li.toolTipWrap {
	width: 50%;
	max-width: 30em;
	z-index: 101;
	padding-bottom: 5px;
	font-size: 0.95em;
	margin-top: 25px;
	position: absolute;
	background: white;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: solid 8px #1c8921;
	display: none;
}

	li.toolTipWrap:after,
	li.toolTipWrap::after {
		content: "";
		width: 0;
		bottom: -2.1em;
		left: 2em;
		position: absolute;
		height: 0;
		border-left: 0px solid transparent;
		border-right: 49px solid transparent;
		border-top: 25px solid #1c8921;
	}

	li.toolTipWrap.bottom:after,
	li.toolTipWrap.bottom::after {
		border: none !important;
	}

	li.toolTipWrap.left {
		margin-top: 15px;
		margin-left: 10px;
	}

		li.toolTipWrap.left:after,
		li.toolTipWrap.left::after {
			content: "";
			width: 0;
			bottom: -2.1em;
			right: 2em;
			left: auto;
			position: absolute;
			height: 0;
			border-left: 49px solid transparent;
			border-right: 0px solid transparent;
			border-top: 25px solid #1c8921;
		}

	li.toolTipWrap > div {
		padding: 15px 15px 0px 15px;
		overflow: auto;
	}

	li.toolTipWrap.bottom {
		padding-bottom: 5px;
	}

		li.toolTipWrap.bottom:before,
		li.toolTipWrap.bottom::before {
			content: "";
			width: 0;
			top: -2.1em;
			left: 2em;
			position: absolute;
			height: 0;
			border-left: 0px solid transparent;
			border-right: 49px solid transparent;
			border-bottom: 25px solid #1c8921;
		}

		li.toolTipWrap.bottom.left:before,
		li.toolTipWrap.bottom.left::before {
			content: "";
			width: 0;
			top: -2.1em;
			left: auto;
			right: 2em;
			position: absolute;
			height: 0;
			border-left: 49px solid transparent;
			border-right: 0px solid transparent;
			border-bottom: 25px solid #1c8921;
		}

		li.toolTipWrap.bottom.left:after,
		li.toolTipWrap.bottom.left::after {
			border: none !important;
		}

		li.toolTipWrap.bottom > div {
			padding: 15px 15px 0px 15px;
		}

	li.toolTipWrap h4 {
		font-weight: bold;
		margin: 0;
		padding: 0 0 5px 0;
		border-bottom: 1px solid #ccc;
		color: Black;
	}

a.colInfoTip {
	background: none repeat scroll 0 0 #1c8921;
	border-radius: 17px;
	color: White;
	display: inline-block;
	font-style: italic;
	height: 17px;
	line-height: 17px;
	text-align: center;
	width: 18px;
}

	a.colInfoTip:hover {
		text-decoration: none;
	}

.colTip {
	width: 30%;
	max-width: 24em;
	background: #111;
	color: #F8F8F8;
	padding: 10px;
	position: absolute;
	display: none;
	font-size: 0.8em;
	font-weight: bold;
	line-height: 15px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 1px 1px 4px #8D8D8D;
	-webkit-box-shadow: 1px 1px 4px #8D8D8D;
	-o-webkit-box-shadow: 1px 1px 4px #8D8D8D;
	-ms-webkit-box-shadow: 1px 1px 4px #8D8D8D;
	box-shadow: 1px 1px 4px #8D8D8D;
	display: none;
}

	.colTip.green {
		background: #137A18;
		border-color: #137A18;
	}

@media (min-width: 801px) {
	.colTip:after,
	.colTip::after {
		content: "";
		width: 0;
		bottom: -1.1em;
		left: 2em;
		position: absolute;
		height: 0;
		border-left: 0px solid transparent;
		border-right: 35px solid transparent;
		border-top: 15px solid #111;
	}

	.colTip.green:after,
	.colTip.green::after {
		border-top-color: #137A18;
	}

	.colTip.bottom:after,
	.colTip.bottom::after {
		border: none !important;
	}

	.colTip.left:after,
	.colTip.left::after {
		content: "";
		width: 0;
		bottom: -1.1em;
		right: 2em;
		left: auto;
		position: absolute;
		height: 0;
		border-left: 35px solid transparent;
		border-right: 0px solid transparent;
	}

	.colTip.bottom {
		margin-top: 20px;
	}

		.colTip.bottom:before,
		.colTip.bottom::before {
			content: "";
			width: 0;
			top: -1.1em;
			left: 2em;
			position: absolute;
			height: 0;
			border-left: 0px solid transparent;
			border-right: 35px solid transparent;
			border-bottom: 15px solid #111;
		}

	.colTip.green.bottom:before,
	.colTip.green.bottom::before {
		border-bottom-color: #1c8921;
	}

	.colTip.bottom.left:before,
	.colTip.bottom.left::before {
		content: "";
		width: 0;
		top: -1.1em;
		left: auto;
		right: 2em;
		position: absolute;
		height: 0;
		border-left: 35px solid transparent;
		border-right: 0px solid transparent;
	}

	.colTip.bottom.left:after,
	.colTip.bottom.left::after {
		border: none !important;
	}
}

.no-js .colTip {
	display: block;
}

/*****************space DetailHovers Styles******************/
.materialRefList > li {
	margin-bottom: 10px;
}

.materialRefLink {
	display: block;
}

.materialRefDesc {
	display: block;
}

.design {
	background: transparent url(/Content/Images/icons/icon_design.gif) no-repeat top left;
	padding: 8px 5px 8px 40px;
	display: block;
	margin: 0;
}

.compare {
	background: transparent url(/Content/Images/icons/icon_compare.gif) no-repeat top left;
	padding: 5px 5px 5px 40px;
	display: block;
	margin: 0;
}

.regulation {
	background: transparent url(/Content/Images/icons/federal_requirements_icon_small.png) no-repeat 0 8px;
	padding: 8px 5px 10px 40px;
	display: block;
	margin: 0;
}

.designGuidanceWrap {
	*padding-top: 7px;
}

.tipgoals {
	padding: 5px 5px 0 5px;
}

	.tipgoals p {
		margin: 0;
		padding: 3px 0;
		font-style: italic;
		font-weight: bold;
		font-size: 0.9em;
	}

@media only screen and (min-width: 1441px) {
	.tipgoals p {
		font-size: 0.8em;
	}
}

.tipDetails {
	*padding-top: 7px;
}

.tiplinks {
	padding: 8px 0;
	overflow: hidden;
}

/*.roomImage > li > div > ul{background:white; min-width:135px; padding:10px; margin-left:14px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}*/
ul.detailTooltip {
	z-index: 1002;
	margin-top: 0;
}

	ul.detailTooltip li {
		padding: 2px 0;
		float: left;
		margin-right: 10px;
		width: 7.5em;
		text-align: center;
	}

@media (max-width: 900px) {
	ul.detailTooltip li {
		font-size: 0.9em;
	}
}

ul.detailTooltip li.last {
	margin-right: 0;
}

ul.detailTooltip li a {
	display: block;
	border: 1px solid #ccc;
	padding: 40px 10px 5px 10px;
	background-position: 50% 10%;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

	ul.detailTooltip li a:hover {
		border-color: #1c8921;
		-moz-box-shadow: 0 0 8px rgba(26, 139, 31, 0.5);
		-webkit-box-shadow: 0 0 8px rgba(26, 139, 31, 0.5);
		box-shadow: 0 0 8px rgba(26, 139, 31, 0.5);
	}

/* Modal System Details
----------------------------------------------------------*/
#modalWrap {
	position: relative;
}

	#modalWrap h2 {
		font-weight: bold;
		font-size: 1.5em;
		float: left;
	}

	#modalWrap .modalNav {
		overflow: auto;
		float: right;
		width: 65%;
		margin: 0;
	}

		#modalWrap .modalNav > li {
			display: block;
			float: left;
			margin: 0 1px 0 0;
			overflow: auto;
			text-align: center;
			width: 33%;
		}

@media only screen and (max-width: 520px) {
	#modalWrap .modalNav > li {
		margin: 0;
	}
}

#modalWrap .modalNav > li > a {
	padding: 5px 0px;
	display: block;
	background-color: #eee;
	text-decoration: none;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	color: #6c6c6c;
	font-weight: bold;
}

	#modalWrap .modalNav > li > a.current {
		color: white;
		background-color: #1c8921;
	}

.modalPanes {
	clear: both;
	border-top: 1px solid black;
	padding-top: 20px;
}

.shadow {
	-moz-box-shadow: 1px 1px 15px #000;
	-webkit-box-shadow: 1px 1px 15px #000;
	box-shadow: 1px 1px 15px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	zoom: 1;
}

/* Alternative Views
----------------------------------------------------------*/
#altViews {
	position: absolute;
	top: 0;
	left: 0;
	width: 700px;
	height: 1px;
}

#altViewBox {
	height: 150px;
	padding: 10px 0 10px 17px;
	background-color: #000;
	display: none;
}

	#altViewBox ul {
		overflow: auto;
	}

	#altViewBox > ul > li {
		display: block;
		height: 150px;
		width: 210px;
		float: left;
		margin-right: 17px;
		position: relative;
		display: none;
	}

		#altViewBox > ul > li.current {
			background: #EEE;
		}

		#altViewBox > ul > li > a {
			display: block;
			padding: 10px 0px;
			width: 100%;
			position: absolute;
			text-align: center;
			color: white;
			background: #2C2B33;
			zoom: 1;
			filter: alpha(opacity=90);
			opacity: 0.9;
			bottom: 0;
			left: 0;
		}

			#altViewBox > ul > li > a.current {
				background: green;
			}

#altViews > a.tab {
	float: right;
	display: block;
	width: 100px;
	padding: 5px 10px;
	background-color: Blue;
	color: White;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	z-index: 100;
}

/*regulation styling*/
.regulation-tabs {
	overflow: hidden;
	padding: 0;
	bottom: 1px;
	margin: 23px 0 -2px 0;
	position: relative;
}

	.regulation-tabs li {
		float: left;
		background-color: #eee;
		color: #767676 !important;
		margin: 0;
		margin-right: -1px;
		padding: 8px 15px;
		font-size: 1em;
		font-weight: normal;
		border: 1px solid #ccc;
		cursor: pointer;
		text-align: center;
		color: black;
	}

		.regulation-tabs li:hover {
			color: #222 !important;
		}

		.regulation-tabs li.current {
			z-index: 2;
			border-bottom-color: white;
			color: #222 !important;
			background-color: white;
		}

			.regulation-tabs li.current:hover {
				cursor: default;
			}

@media (max-width: 520px) {
	.regulation-tabs li {
		width: 50%;
		padding: 8px;
	}
}

.regulation-content {
	padding-top: 10px;
	border-top: solid 1px #ccc;
}

#regulationList > li > label {
	border-bottom: solid 1px Gray;
	display: block;
	width: 100%;
}

	#regulationList > li > label > span {
		color: #767676;
		float: right;
		font-style: italic;
		font-size: 0.9em;
	}

#regs {
	margin-left: 0;
}

	#regs > li > .contentLinks > a {
		display: block;
		margin-left: 42px;
	}

.hiddenReg {
	display: none;
}

.regulation > a.hideReg {
	display: none;
}

.meta {
	background-color: #F0F0F0;
	color: #666666;
	font-size: 0.8em;
	padding: 2px 4px;
}

/*********Comparison Overlay***************/
.simple_overlay {
	display: none;
	background-color: white;
	width: 800px;
	padding: 30px;
	min-height: 200px;
	border: 5px solid #1c8921;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	z-index: 3000;
	border-radius: 10px;
	/* CSS3 styling for latest browsers    -moz-box-shadow:0 0 15px 5px #999; -webkit-box-shadow: 0 0 15px #999;   */
}

.comparison {
	width: 100%;
}

.simple_overlay .close {
	background: url(/Content/Images/Icons/apple-close.png) no-repeat center center;
	position: absolute;
	right: -13px;
	top: -13px;
	cursor: pointer;
	height: 28px;
	width: 28px;
}

ul#strategies {
	float: left;
	width: 240px;
	position: relative;
}

	ul#strategies > li {
		position: absolute;
		display: block;
		width: 100%;
	}

#Details {
	height: 130px;
}

	#Details > li {
		position: absolute;
		display: block;
		width: 100%;
	}

#tblComp ul {
	list-style-type: disc;
}

	#tblComp ul li {
		margin-left: 20px;
	}

/***************Landing Page Styles*********************/
.guides {
	margin-top: 20px;
	margin-left: -10px;
}

ul.guides li {
	display: block;
	height: 48px;
	margin: 15px 2.5%;
}

@media (min-width: 600px) and (max-width: 801px) {
	ul.guides li {
		margin: 5px 2.5%;
	}
}

@media (min-width: 801px) and (max-width: 940px) {
	ul.guides li {
		font-size: 0.85em;
	}
}

@media only screen and (min-width: 801px) {
	ul.guides li {
		width: 45%;
		float: left;
	}
}

ul.guides li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 8px 0 0 50px;
	text-transform: uppercase;
}

@media (max-width: 801px) {
	ul.guides li a {
		padding-top: 10px;
	}
}

ul.guides li.facility {
	background: transparent url("/Content/Images/icons/guide-icons.png") 0 4px no-repeat;
}

ul.guides li.procurement {
	background: transparent url("/Content/Images/icons/guide-icons.png") 0 -45px no-repeat;
}

ul.guides li.lease {
	background: transparent url("/Content/Images/icons/guide-icons.png") 0 -94px no-repeat;
}

ul.guides li.project {
	background: transparent url("/Content/Images/icons/guide-icons.png") 0 -144px no-repeat;
}

#GPCSidebarContent #gpc-video {
	margin-top: 14px;
	position: relative;
}

	#GPCSidebarContent #gpc-video .flex-video.masked {
		zoom: 1;
		filter: alpha(opacity=5);
		opacity: 0.05;
	}

	#GPCSidebarContent #gpc-video .flex-video-mask {
		position: absolute;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.89);
		text-align: center;
		line-height: 3.6em;
		font-size: 1.506rem;
		color: #cccccc;
		border-radius: 5px;
		font-weight: normal;
		letter-spacing: 0.01em;
	}

		#GPCSidebarContent #gpc-video .flex-video-mask .fa-youtube-play {
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			margin: auto;
			height: 60px;
			width: 60px;
			color: dimgrey;
			font-size: 3.701rem;
		}

#sample-contract-language header p {
	font-family: AvenirStd;
	font-size: 1.4em;
	font-weight: 200;
	color: #444;
}

#sample-contract-language h1 {
	font-family: 'AvenirStd', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-size: 1.9em;
}

#sample-contract-language p {
	font-size: 1.14em;
}

#sample-contract-language em {
	font-style: italic;
}

	#sample-contract-language em strong.note {
		text-transform: uppercase;
		text-decoration: underline;
		color: dimgrey;
		font-weight: normal;
	}

#sample-contract-language article {
	margin: 20px 0 40px 0;
}

#sample-contract-language .article-box {
	margin: 10px 0;
	border-left: solid 3px #1c8921;
	padding: 12px 12px;
	background: #f5f5f5;
	font-family: 'AvenirStd', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.14em;
}

#scl-menu {
	position: fixed;
	width: 285px;
}

@media (max-width: 801px) {
	#scl-menu {
		display: none;
	}
}

@media (max-width: 1440px) {
	#scl-menu {
		width: 260px;
	}
}

#epeat-matrix {
	border-collapse: collapse;
}

	#epeat-matrix th, #epeat-matrix td {
		border: solid 1px;
	}

	#epeat-matrix th {
		line-height: 1;
	}

/*****Learn and Plan******/
.mainPost, .mainPostNoChecks {
	float: left;
	width: 65%;
	margin-right: 5%;
	margin-bottom: 20px;
	position: relative;
	padding-top: 8px;
	min-height: 200px;
}

	.mainPost li {
		margin-top: 0.5em;
		margin-bottom: 0.5em;
	}

.feature {
	position: relative;
}

	.feature h3 {
		position: absolute;
		top: 60px;
		left: 0px;
	}

@media only screen and (max-width: 520px) {
	.feature h3 {
		top: auto;
		bottom: 2px;
		font-size: 0.85em;
	}
}

.feature > img {
	width: 100%;
}

.mainPost h4 {
	margin-top: 20px;
}

.mainPost ol > li {
	list-style-type: decimal;
	margin-left: 24px;
}

.mainPost ul > li {
	background: transparent url(/Content/Images/icons/green_check.png) no-repeat 0 5px;
	padding: 2px 0 2px 22px;
}

.mainPost ul.noCheck > li {
	background-image: none;
}

.sideBar {
	float: left;
	width: 30%;
}

	.sideBar img {
		max-width: 100%;
	}

	.page .plan,
	.sideBar.plan {
		border-right: 1px solid #EFF3F2;
	}

		.sideBar.plan ul li {
			margin-bottom: 15px;
			padding: 5px 0px;
		}

.lower {
	clear: both;
	display: block;
	height: 260px;
	padding-top: 6px;
}

.contentLinks {
	padding-bottom: 10px;
}

.full {
	width: 100%;
}

.mainPost.leftSidebar {
	float: none;
	width: auto;
	margin: 0 0 0 180px;
}

#planHeaderArticle {
	clear: both;
	margin: 10px 0px 20px;
}

#planNav {
	float: left;
	width: 25%;
	margin-right: 2.5%;
	margin-bottom: 20px;
	padding: 2.5%;
	background: #D5FFDA;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}

#planContent {
	float: left;
	width: 65%;
	margin-bottom: 20px;
}

.regulationTitle {
	margin-top: 10px;
}

.subCategory {
	padding: 0px 10px;
}

	.subCategory > p {
		margin-top: 5px;
	}

/*Annotation Styles
------------------------------------------------ */
#annotationLeadIn {
	/*-moz-box-sizing: border-box;*/
	background: #EEE;
	margin: 10px 0;
	overflow: auto;
	padding: 10px;
}

	#annotationLeadIn > h4 {
		color: black;
		font-size: 1.2em;
		margin: 0;
	}

	#annotationLeadIn span.h3 {
		margin: 0 0 -3px 0;
		font-size: 1em;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
	}

	#annotationLeadIn > div > h4 {
		margin: 10px 0;
	}

a.annotationType_1,
.annotationType_1 {
	color: #1f6cdf;
	font-weight: bold;
	font-size: 0.985em;
}

a.annotationType_2,
.annotationType_2 {
	color: darkgreen;
	font-weight: bold;
	font-size: 0.985em;
}

a.annotationType_3,
.annotationType_3 {
	color: #BF2860;
	font-weight: bold;
	font-size: 0.985em;
}

a.selected.annotationType_1,
a.bg.annotationType_1,
.bg.annotationType_1 {
	color: white;
	background: #1f6cdf;
}

a.selected.annotationType_2,
a.bg.annotationType_2,
.bg.annotationType_2 {
	color: white;
	background: darkgreen;
}

a.selected.annotationType_3,
a.bg.annotationType_3,
.bg.annotationType_3 {
	color: white;
	background: #BF2860;
}

a.selected.annotationType_1,
a.selected.annotationType_2,
a.selected.annotationType_3 {
	font-weight: bold;
	display: inline;
	text-decoration: none;
	padding: 1px 2px;
}

.annotationsPage h3 {
	display: block;
	line-height: 25px;
}

.annotationsPage.mainPost ul > li {
	background-image: none;
}

.fixedSlide {
	position: fixed !important;
	top: 0;
	padding-top: 10px;
}

.annotationsPage .fixedSlide {
	top: 0;
	max-width: 240px;
}

.annotationScroll {
	width: 100%;
}

#annotationContent .close {
	position: absolute;
	top: 10px;
	right: 10px;
}

#annotationContent em {
	display: block;
	font-size: .9em;
	font-style: italic;
	margin-bottom: 10px;
}

.annotationCitation h4,
.annotationsPage h4 {
	text-transform: capitalize;
}

.js #annotations-section {
	display: none;
}

/*Fun Fact and Case Study
------------------------------------------------*/
.funfact {
	display: block;
	background-color: #f2f7f6;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	padding: 24px 15px 10px 15px;
	position: relative;
	margin: 14px 0;
	word-wrap: break-word;
}

	.funfact.space-to-gpc {
		padding: 8px 8px 12px 8px;
		margin-top: 0;
		line-height: 1.1;
	}

@media (max-width: 900px) {
	.funfact.space-to-gpc {
		display: none;
	}
}

.funfact.space-to-gpc h4 {
	font-size: 0.9em;
	padding: 0 2px 2px 2px;
	margin-bottom: 6px;
}

.funfact.space-to-gpc a {
	line-height: 1.2;
	font-size: 0.88em;
}

.upperLegend.funfact {
	margin-top: 25px;
}

.funfact h3 {
	position: absolute;
	top: -16px;
	left: 15px;
}

	.funfact h3.moveRight {
		left: 30px;
	}

.adminHelp .funfact {
	margin: 40px 0;
}

.js .adminHelp .funfact h3 {
	padding-right: 25px;
	cursor: pointer;
	background-image: url(/Content/Images/icons/yellow_info.png);
	background-position: 97% center;
	background-repeat: no-repeat;
}

.js .adminHelp .funfact > div {
	display: none;
	padding-top: 20px;
}

span.source {
	font-size: .8em;
	font-style: italic;
	display: block;
	margin-top: 5px;
}

.casestudy {
	padding-bottom: 20px;
}

.gallery {
	margin-top: 10px;
	overflow: auto;
}

	.gallery div.image {
		float: left;
		margin: 0 10px 10px 0;
		width: 30%;
	}

	.gallery img {
		width: 100%;
		max-height: 130px;
	}

.leading {
	word-wrap: break-word;
	margin-bottom: 10px;
}

	.leading p {
		margin: 0;
	}

#imageLightBox {
	width: auto;
	padding: 5px;
	border: 2px solid #1c8921;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/* CSS3 styling for latest browsers     -moz-box-shadow:0 0 15px 5px #999; -webkit-box-shadow: 0 0 15px #999;   */
}

/* Category Specific Styles
----------------------------------------------------------*/
.c41 {
	margin-top: 10px;
}

	.c41 img {
		float: left;
		max-width: 100px;
		margin-right: 20px;
	}

	.c41 p {
		margin-top: 0;
	}

.c2 a {
	display: block;
	padding: 5px 0;
}

	.c2 a.readMore, .c41 a.readMore {
		display: none;
	}

/***************Space Tour Styles*********************/
#building-systems {
	display: none;
	position: relative;
	margin: 0 auto;
	border: 4px solid white;
	-moz-box-shadow: 1px 1px 4px #ccc;
	-webkit-box-shadow: 1px 1px 15px #ccc;
	box-shadow: 1px 1px 15px #ccc;
	overflow: hidden;
}

#WBAMain .socialWrap {
	float: right;
}

.hoverPoint {
	display: block;
	position: absolute;
	background: transparent url(/Content/Images/hotspot_read.png) no-repeat left center;
	overflow: visible;
	cursor: pointer;
	padding: 1px 0;
}

	.hoverPoint.leftLabel {
		background-position: right center;
	}

	.hoverPoint > em,
	.hoverPoint > a > em {
		background-color: #3c3c3c;
		background-color: rgba(0, 0, 0, 0.7);
		color: White;
		font-size: 0.8em;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		padding: 4px;
		margin-left: 25px;
		display: inline-block;
	}

@media (max-width: 430px) {
	.hoverPoint > em,
	.hoverPoint > a > em {
		display: none;
	}
}

.hoverPoint.leftLabel > em,
.hoverPoint.leftLabel > a > em {
	margin-left: 0;
	margin-right: 25px;
}

.wbaHoverModal blockquote {
	font-style: italic;
	font-size: .8em;
	padding: 6px 8px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background-color: #f3f3f3;
	margin-top: 5px;
}

	.wbaHoverModal blockquote img {
		display: block;
		margin: 0 auto;
	}

.wbaHoverModal ul {
	list-style-type: circle;
}

	.wbaHoverModal ul li {
		margin-left: 20px;
		margin-bottom: 10px;
	}

.wbaHoverModal b {
	color: Black;
}

.systemOverviewImage {
	background-size: 700px;
}

.systemRelationships div {
	margin-bottom: 5px;
}

.wbaTabNav {
	overflow: hidden;
	margin: 0;
}

	.wbaTabNav > li {
		display: block;
		float: left;
		margin: 6px 6px 0 0;
		overflow: auto;
		text-align: center;
		padding: 5px;
		background-color: #eee;
		text-decoration: none;
		color: #6c6c6c;
		font-weight: bold;
		cursor: pointer;
	}

@media only screen and (min-width: 801px) {
	.wbaTabNav > li {
		padding: 5px 10px;
		margin: 0 1px 0 0;
		-webkit-border-top-left-radius: 4px;
		-webkit-border-top-right-radius: 4px;
		-moz-border-radius-topleft: 4px;
		-moz-border-radius-topright: 4px;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
	}
}

.wbaTabNav > li.current {
	color: white;
	background-color: #1c8921;
	cursor: default;
}

body.explore .page {
	padding-top: 8px;
	padding-bottom: 50px;
	max-width: 98em;
}

#explore-title {
	float: left;
	margin-top: 3px;
}

@media (max-width: 1025px) {
	#explore-title {
		margin: 15px 0 0 0;
		padding-left: 12px;
	}
}

@media (max-width: 767px) {
	#explore-title {
		margin: -5px 0 15px 0;
	}
}

#explore-wrap {
	position: relative !important;
	display: table;
	width: 100%;
	height: 100%;
	border-spacing: 0;
	table-layout: fixed;
	border: solid 1px #bbb;
	box-shadow: 0px 8px 20px #c3c3c3;
}

@media (max-width: 767px) {
	#explore-wrap {
		border: 0;
		box-shadow: none;
	}
}

#explore-nav,
#explore-content {
	display: table-cell;
	float: none;
	position: relative;
	height: 100%;
	vertical-align: bottom;
}

#explore-nav {
	width: 250px;
	background: url("/Content/Images/subtle-white.jpg") center center no-repeat;
	background-size: cover;
}

@media (max-width: 767px) {
	#explore-nav {
		background: none;
	}
}

@media (max-width: 1140px) {
	#explore-nav {
		width: 220px;
	}
}

#explore-nav {
	box-shadow: 10px 11px 20px rgba(0, 0, 0, 0.2);
	z-index: 1;
}

	#explore-nav #spaces-nav,
	#explore-nav #systems-nav {
		margin: 0;
		padding-top: 4px;
		padding-bottom: 6px;
	}

		#explore-nav #spaces-nav li,
		#explore-nav #systems-nav li {
			height: 35px;
			position: relative;
		}

@media (max-width: 767px) {
	#explore-nav #spaces-nav li,
	#explore-nav #systems-nav li {
		height: auto;
	}
}

#explore-nav #explore-menu {
	margin: -1px 0 0 0;
}

#explore-nav .nav-title {
	color: #333;
	background: #eee;
	margin: 0;
	padding: 12px 16px 10px 16px;
	font-weight: 700;
	font-size: 1.06em;
	letter-spacing: 1.5px;
	display: block;
	border-top: solid 1px #bbb;
	border-bottom: solid 1px #bbb;
}

#explore-nav .explore-nav-btn {
	color: #000;
	font-size: 1.1em;
	letter-spacing: .5px;
	padding: 0 16px;
	display: block;
	line-height: 38px;
	width: 120%;
	transition: width .15s ease;
}

	#explore-nav .explore-nav-btn:hover, #explore-nav .explore-nav-btn:focus {
		text-decoration: none;
	}

	#explore-nav .explore-nav-btn > a {
		display: none;
	}

@media (max-width: 767px) {
	#explore-nav .explore-nav-btn {
		width: 100%;
		text-align: center;
		font-size: 1.3em;
	}
}

#explore-nav .explore-nav-btn.active {
	background: url(/Content/Images//explore-active-item.png) right center no-repeat;
	position: absolute;
	width: 125%;
	z-index: 98;
	overflow: visible;
	top: -1px;
	left: 0;
	margin: auto;
	color: #fff;
	font-weight: 700;
	height: 41px;
	line-height: 40px;
}

	#explore-nav .explore-nav-btn.active > a {
		float: right;
		display: inline-block;
		width: 88px;
		height: 41px;
		margin-right: -15px;
		z-index: 1;
		color: #fff;
		font-size: 0.753rem;
		font-weight: 600;
		padding: 1px 12px;
		transition: all .2s;
		font-size: 0.753rem;
		letter-spacing: 1px;
		font-weight: 700;
		text-transform: uppercase;
		padding: 1px 9px;
	}

		#explore-nav .explore-nav-btn.active > a:hover {
			text-decoration: none;
			color: #ffe200;
			text-shadow: 5px 5px 25px #2d0179;
		}

@media (max-width: 767px) {
	#explore-content {
		display: none;
	}
}

@media (min-width: 1025px) {
	#explore-content {
		padding-right: 0;
	}
}

#explore-content #overview-wrap {
	z-index: 2;
	width: 80%;
	min-height: 135px;
	background: #fff;
	padding: 18px 0px;
	font-size: 1.25em;
	position: absolute;
	bottom: 30px;
	left: 0;
	right: 0;
	margin: auto;
	transition: all 0.7s cubic-bezier(0, 0, 0.2, 1), opacity 0.15s cubic-bezier(0, 0, 0.2, 1);
}

	#explore-content #overview-wrap.disable {
		opacity: 0;
		transform: translate3d(0, 5px, 0);
	}

	#explore-content #overview-wrap.enable {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}

	#explore-content #overview-wrap #overview {
		font-size: 0.89em;
		padding: 4px 24px 3px 24px;
	}

		#explore-content #overview-wrap #overview .h3 {
			font-size: 1.2em;
			background: none;
			color: #1c8921;
			padding: 2px 0 12px 0;
			text-transform: uppercase;
		}

		#explore-content #overview-wrap #overview p {
			line-height: 1.35;
			margin: 0;
			color: #1c8921;
		}

			#explore-content #overview-wrap #overview p a {
				color: #1f6cdf;
			}

@media (min-width: 768px) {
	#explore-content #overview-wrap #overview .small-4 {
		display: none;
	}
}

@media (min-width: 768px) {
	#explore-content #overview-wrap #overview .small-8 {
		width: 100%;
	}
}

#explore-content #floorplates {
	margin: 0;
	height: 100%;
	width: 100%;
	top: 0;
}

#tab-box {
	margin-top: -18px;
	min-height: 195px;
}

	#tab-box .wbaTabNav {
		background-color: #eee;
	}

		#tab-box .wbaTabNav li {
			border-radius: 0;
			padding: 10px 12px 6px 12px;
			text-transform: uppercase;
			font-size: 1.004rem;
			letter-spacing: 1px;
			margin: 0;
			width: 33.333%;
		}

@media (min-width: 1150px) {
	#tab-box .wbaTabNav li > span {
		display: block;
	}

		#tab-box .wbaTabNav li > span.mobile-text {
			display: none;
		}
}

@media (max-width: 1149px) {
	#tab-box .wbaTabNav li > span {
		display: none;
	}

		#tab-box .wbaTabNav li > span.mobile-text {
			display: block;
		}
}

#tab-box .wbaTabNav li.current {
	background-color: #fff;
	color: #1c8921;
}

#tab-box .wbaTabNav li:not(.current):hover {
	color: #666;
}

#tab-box .tabContent {
	padding: 12px 36px;
}

	#tab-box .tabContent h3 {
		background: none;
		color: #1c8921;
		display: block;
		padding: 0;
		font-weight: 400;
		font-size: 1em;
		text-indent: 30px;
		margin-bottom: 24px;
	}

	#tab-box .tabContent [class^="impact"] {
		padding: 6px 10px;
		text-indent: 47px;
		display: block;
	}

#tab-box p {
	font-size: .92em;
	color: #1c8921;
}

.skewed-btn {
	float: right;
	color: #fff;
	padding: 8px 17px 6px 17px;
	display: inline-block;
	font-size: 0.92rem;
	background: #7a5eca;
	transform: skew(-12deg);
	letter-spacing: .5px;
	transition: background-color .2s;
}

	.skewed-btn > span {
		transform: skew(12deg);
		display: inline-block;
	}

	.skewed-btn:hover {
		background: #593ab1;
	}

.split-links {
	float: none;
	display: block;
	position: relative;
	font-weight: 700;
}

	.split-links li {
		display: block;
		width: 50%;
		padding: 2px 0;
	}

		.split-links li:nth-child(odd) {
			float: left;
			border-right: solid 1px #bbb;
		}

	.split-links.bordered li:nth-child(odd) {
		width: 44.5%;
	}

	.split-links li:nth-child(even) {
		float: right;
	}

@media (max-width: 1149px) {
	.split-links li {
		border: none !important;
		float: none !important;
		width: 100% !important;
	}
}

.space-details,
.system-details {
	display: none;
}

@media (max-width: 767px) {
	.space-details,
	.system-details {
		display: block;
	}
}

@media (max-width: 495px) {
	.space-details .small-4,
	.system-details .small-4 {
		width: 208px !important;
		float: none;
		margin: auto;
	}
}

@media (max-width: 495px) {
	.space-details .small-8,
	.system-details .small-8 {
		display: none !important;
	}
}

.space-details .thumbnail-box,
.system-details .thumbnail-box {
	display: none;
	position: relative;
	border: solid 2px whitesmoke;
	margin-bottom: 15px;
	width: 100%;
	max-width: 100%;
	background-size: cover !important;
	-moz-box-shadow: 1px 1px 15px #ccc;
	-webkit-box-shadow: 1px 1px 15px #ccc;
	-o-webkit-box-shadow: 1px 1px 15px #ccc;
	-ms-webkit-box-shadow: 1px 1px 15px #ccc;
	box-shadow: 1px 1px 15px #ccc;
}

@media (max-width: 767px) {
	.space-details .thumbnail-box,
	.system-details .thumbnail-box {
		display: block;
	}

		.space-details .thumbnail-box:active,
		.system-details .thumbnail-box:active {
			-moz-box-shadow: 1px 1px 20px #4d4d4d;
			-webkit-box-shadow: 1px 1px 20px #4d4d4d;
			-o-webkit-box-shadow: 1px 1px 20px #4d4d4d;
			-ms-webkit-box-shadow: 1px 1px 20px #4d4d4d;
			box-shadow: 1px 1px 20px #4d4d4d;
		}
}

.space-details .thumbnail-box span,
.system-details .thumbnail-box span {
	text-align: center;
	display: block;
	color: #fff;
	background: #268ce2;
	padding: 5px;
	margin: -4px 0 0 0;
}

#floorplate,
#floorplate-hl {
	width: 100%;
	height: 100%;
	display: block !important;
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0;
	position: absolute;
	top: 0;
	left: 0;
}

	#floorplate.highlighted,
	#floorplate-hl.highlighted {
		zoom: 1;
		filter: alpha(opacity=0);
		opacity: 0;
		display: block !important;
	}

#floorplate-hl {
	position: absolute;
	top: 0;
	left: 0;
}

@media (min-width: 350px) and (max-width: 520px) {
	#share-container {
		width: 350px;
	}
}

@media (min-width: 768px) and (max-width: 999px) {
	#share-container {
		width: 724px;
	}
}

#share-container .v-divider {
	display: inline-block;
	width: 2px;
	height: 36px;
	background: #c6c6c6;
	margin: 0 12px 0 14px;
	vertical-align: 0px;
}

.h3-blue,
.share-section-overview h3 {
	font-size: 1.4em;
	padding-left: 0;
	padding-bottom: 2px;
	margin: 0;
	color: #4e7caf;
	background: none;
}

.h3-blue {
	font-family: "AvenirStd", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: 700;
	padding: 5px 0px;
}

a.social-link {
	margin-right: 10px;
	transition: all .3s;
}

	a.social-link:hover, a.social-link:focus, a.social-link:active {
		text-decoration: none;
		opacity: .8;
	}

a.img-link {
	margin-bottom: 24px;
	display: block;
}

	a.img-link:hover, a.img-link:focus, a.img-link:active {
		text-decoration: none;
	}

		a.img-link:hover h3, a.img-link:hover p, a.img-link:focus h3, a.img-link:focus p, a.img-link:active h3, a.img-link:active p {
			color: #1f6cdf;
		}

		a.img-link:hover img, a.img-link:focus img, a.img-link:active img {
			opacity: .8;
			box-shadow: 1px 2px 7px #000;
		}

	a.img-link.centered {
		text-align: center;
	}

	a.img-link img {
		display: block;
		margin: 0;
		width: 100%;
		max-width: 100%;
		height: auto;
		box-shadow: 1px 2px 4px #919191;
		transition: all 0.3s;
	}

@media (max-width: 999px) {
	a.img-link img {
		max-height: none !important;
	}
}

a.img-link h3 {
	display: block;
	color: #333333;
	font-size: 1.6em;
	background: none;
	margin: 8px 0 -12px 0;
	transition: color .3s;
}

@media only screen and (min-width: 801px) {
	a.img-link h3 {
		font-size: 1.6em;
	}
}

a.img-link p {
	color: #282729;
	line-height: 1.3;
	font-size: 1.28em;
	transition: color .3s;
}

.table-minimal {
	border: 0;
	border-collapse: collapse;
}

	.table-minimal thead {
		border: 0;
		background: none !important;
	}

		.table-minimal thead th {
			border: 0;
			color: #1B2431;
			font-size: 0.669rem;
			text-transform: uppercase;
			font-weight: 800;
			letter-spacing: .04em;
		}

	.table-minimal tbody tr:nth-of-type(even) {
		background: none !important;
	}

	.table-minimal tbody tr td {
		line-height: 1.5;
		padding-top: 14px;
		padding-bottom: 12px;
		border-top: 1px solid #DBE0E4;
		border-bottom: 1px solid #DBE0E4;
	}

.share-section-overview p {
	margin: 0px 0 16px 0;
	font-size: 1.15em;
}

.s-read-more {
	padding: 10px;
}

#social-share-cards .large-6 {
	padding-right: 18px;
	margin-right: 0;
}

@media (min-width: 520px) and (max-width: 801px) {
	#social-share-cards .large-6 {
		width: 50%;
	}
}

@media (min-width: 801px) and (max-width: 999px) {
	#social-share-cards .large-6 {
		width: 100%;
	}
}

.social-card {
	position: relative;
	background: white;
	padding: 0 0 10px 0;
	margin: 0 0 26px 0;
	word-break: break-word;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #CACACA;
	border-top: none;
	-moz-box-shadow: 2px 2px 10px #ccc;
	-webkit-box-shadow: 2px 2px 10px #ccc;
	-o-box-shadow: 2px 2px 10px #ccc;
	-ms-box-shadow: 2px 2px 10px #ccc;
	box-shadow: 2px 2px 10px #ccc;
}

	.social-card.twitter:before {
		border-top: solid 4px #55ACEE;
		display: block;
		content: "";
	}

	.social-card.pinterest:before {
		border-top: solid 4px #cb2027;
		display: block;
		content: "";
	}

	.social-card.facebook:before {
		border-top: solid 4px #3b5999;
		display: block;
		content: "";
	}

	.social-card .sc-article-src {
		display: inline-block;
		font-size: 0.836rem;
		padding: 0 10px 15px 10px;
		font-weight: bold;
	}

	.social-card dl {
		clear: both;
		margin: 0;
		padding: 0 10px 10px 10px;
	}

		.social-card dl dt {
			display: block;
			font-size: 0.669rem;
			color: #222;
			margin: 0;
			padding: 2px 0 1px 0;
		}

		.social-card dl dd {
			font-size: 0.9em;
			margin: 0;
		}

			.social-card dl dd a {
				padding: 0 1px 0 1px;
			}

	.social-card p {
		clear: both;
		margin: 0;
		padding: 2px 10px 10px 10px;
		font-size: 0.9em;
	}

.card-category {
	position: absolute;
	top: 0;
	right: 0;
	padding: 6px 6px 4px 6px;
	z-index: 0;
}

	.card-category.twitter {
		background-color: #55ACEE;
	}

	.card-category.pinterest {
		background-color: #cb2027;
	}

	.card-category.facebook {
		background-color: #3b5999;
	}

.sc-provider-info {
	float: left;
	padding: 10px 10px 4px 10px;
	z-index: 99;
}

	.sc-provider-info .sc-provider {
		display: inline-block;
		padding: 0 0 2px 8px;
		font-size: 0.92rem;
		font-weight: bold;
		color: #222;
		margin-top: 6px;
	}

	.sc-provider-info .sc-datestamp {
		display: block;
		font-size: 0.669rem;
		padding: 2px 0;
		margin: 0 0 0 8px;
	}

		.sc-provider-info .sc-datestamp b {
			padding: 3px 0;
		}

		.sc-provider-info .sc-datestamp span {
			color: #b7b7b7;
			font-weight: bold;
		}

	.sc-provider-info .sc-profile-pic {
		width: 40px;
		height: 40px;
		float: left;
	}

.sc-img img {
	display: block;
	width: 100%;
	max-width: 100%;
	max-height: 175px;
}

#ask-sftool {
	position: relative;
	display: block;
	background: #55ACEE;
	color: white;
	margin-bottom: 26px;
	font-size: 1em;
	padding: 10px 10px 10px 70px;
	-webkit-transition: background 0.25s linear;
	-moz-transition: background 0.25s linear;
	-ms-transition: background 0.25s linear;
	-o-transition: background 0.25s linear;
	transition: background 0.25s linear;
}

	#ask-sftool strong {
		display: block;
		color: white;
		padding-top: 6px;
		font-size: 1.2em;
	}

	#ask-sftool span {
		background: transparent url("/Content/Images/Icons/twitter-logo-white-med.png") no-repeat 0 0;
		height: 34px;
		width: 42px;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 14px;
		margin: auto;
	}

	#ask-sftool:hover {
		text-decoration: none;
		background: #1686db;
	}

#featured-story {
	margin-bottom: 26px;
	background: white;
	box-sizing: border-box;
	border: 1px solid #CACACA;
	border-top-color: #DADADA;
	border-left-color: #DADADA;
	-moz-box-shadow: 2px 2px 10px #ccc;
	-webkit-box-shadow: 2px 2px 10px #ccc;
	-o-box-shadow: 2px 2px 10px #ccc;
	-ms-box-shadow: 2px 2px 10px #ccc;
	box-shadow: 2px 2px 10px #ccc;
}

	#featured-story .h2 {
		line-height: 1.12;
		font-size: 1.5em;
		padding: 6px 0 0px 0;
	}

	#featured-story img {
		display: block;
		width: 100%;
		max-width: 100%;
		max-height: 300px;
		border-bottom: solid 4px #1c8921;
	}

	#featured-story .fs-details {
		padding: 6px 10px 10px 10px;
	}

	#featured-story .s-tag-box {
		padding-left: 0;
		padding-top: 4px;
	}

.story-tile {
	float: left;
	width: 47%;
	margin: 0 0 26px 0;
	border: 1px solid #c6c6c6;
	box-shadow: 1px 1px 10px #ccc;
	transition: all 0.3s;
}

@media (max-width: 520px), (min-width: 801px) and (max-width: 999px) {
	.story-tile {
		width: 100%;
		float: none;
	}
}

.story-tile a {
	display: block;
}

.story-tile .st-inner {
	border: solid 4px white;
	position: relative;
	overflow: hidden;
}

.story-tile h5 {
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	padding: 10px;
	color: white;
	filter: alpha(opacity=75);
	background: #222;
	background: rgba(0, 0, 0, 0.75);
}

@media (min-width: 801px) and (max-width: 999px) {
	.story-tile h5 {
		font-size: 1.25em;
		padding: 16px 10px;
	}
}

.story-tile img {
	display: block;
	width: 100%;
	max-width: 100%;
	min-height: 150px;
	max-height: 150px;
}

@media (max-width: 520px), (min-width: 801px) and (max-width: 999px) {
	.story-tile img {
		max-height: 300px;
	}
}

.story-tile:hover {
	cursor: pointer;
	opacity: .8;
	-moz-box-shadow: 1px 1px 15px #0d0d0d;
	-webkit-box-shadow: 1px 1px 15px #0d0d0d;
	-o-webkit-box-shadow: 1px 1px 15px #0d0d0d;
	-ms-webkit-box-shadow: 1px 1px 15px #0d0d0d;
	box-shadow: 1px 1px 15px #0d0d0d;
}

.st-divider {
	width: 26px;
	float: left;
	padding-top: 150px;
}

@media (max-width: 520px), (min-width: 801px) and (max-width: 999px) {
	.st-divider {
		padding-top: 0;
	}
}

.s-tag-box {
	font-size: 0.753rem;
	font-weight: bold;
	padding: 0 10px 10px 10px;
}

	.s-tag-box div {
		float: left;
		display: inline-block;
	}

	.s-tag-box .tag-header {
		min-width: 36px;
		padding-top: 5px;
	}

	.s-tag-box a {
		background: #f5f5f5 !important;
		border: solid 1px #c6c6c6;
		border-radius: 2px;
		width: auto !important;
		color: #888;
		text-shadow: none;
		display: inline-block;
		word-wrap: break-word;
		margin: 0 0 3px 0px;
		line-height: 1;
		padding: 4px 7px;
		-moz-transition: all 125ms linear;
		-webkit-transition: all 125ms linear;
		-o-transition: all 125ms linear;
		transition: all 125ms linear;
	}

		.s-tag-box a:hover {
			text-decoration: none;
			color: white;
			background: #888 !important;
			border-color: #909090 !important;
		}

#share-story-callout {
	border: none;
	background: none;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
}

@media (max-width: 520px), (min-width: 801px) and (max-width: 999px) {
	#share-story-callout {
		width: 100%;
		padding: 0 34px 0 0;
		float: none !important;
	}
}

#share-story-callout > :first-child {
	padding-top: 0;
}

#share-story-callout h4 {
	font-size: 1.9em;
	margin-bottom: 0;
}

@media (max-width: 520px) {
	#share-story-callout h4 {
		font-size: 1.6em;
	}
}

#share-story-callout p {
	font-size: 1.15em;
	margin-bottom: 1em;
}

#share-story-callout .button {
	padding-left: 0.9em;
	padding-right: 0.9em;
	font-size: 0.87em;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}

@media (min-width: 801px) and (max-width: 999px) {
	#share-story-callout .button {
		font-size: 1em;
	}
}

/* Admin styles */
#twitter-intent-form input {
	font-size: 0.75em;
}

	#twitter-intent-form input[type=submit] {
		font-size: 0.75em;
		-webkit-box-shadow: none;
		box-shadow: none;
		-webkit-border-radius: 1px;
		border-radius: 1px;
		background-color: #55ACEE;
		border-color: #6cb7f0;
	}

		#twitter-intent-form input[type=submit]:hover {
			background-color: #1d91e8;
		}

#twitter-admin {
	position: relative;
}

	#twitter-admin form {
		padding-left: 10px;
		padding-right: 10px;
	}

	#twitter-admin #loading-gif {
		background: transparent url("/Content/Images/ajax-loading.gif") no-repeat 0 0;
		height: 16px;
		width: 16px;
		float: right;
		display: inline-block;
		margin: -4px 0 0 8px;
	}

#tweet-results-message {
	float: right;
	color: red;
}

#twitter-admin-noscript {
	position: absolute;
	top: 220px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	padding: 30px;
	width: 625px;
	border: solid #444;
	border-radius: 8px;
	background: #eee;
	font-size: 1.255rem;
	color: #333;
}

#twitter-admin-table {
	border-collapse: collapse;
}

	#twitter-admin-table .button {
		-webkit-box-shadow: none;
		box-shadow: none;
		-webkit-border-radius: 1px;
		border-radius: 1px;
		background-color: #55ACEE;
		border-color: #6cb7f0;
	}

		#twitter-admin-table .button:hover {
			background-color: #1d91e8;
		}

	#twitter-admin-table .social-card {
		width: 100%;
		margin-bottom: 0;
		padding-bottom: 0;
		float: left;
	}

		#twitter-admin-table .social-card .url-edit-box label {
			margin-left: 12px;
		}

		#twitter-admin-table .social-card .sc-article-src {
			width: 255px;
			padding: 0.5em;
			margin-left: 10px;
			margin-bottom: 12px;
			background: none;
			font-weight: normal;
		}

			#twitter-admin-table .social-card .sc-article-src.display {
				color: #1f6cdf;
				display: inline-block;
				padding-left: 0;
				margin-left: 10px;
				font-size: 0.92rem;
				font-weight: bold;
				box-shadow: none;
				border: 0;
				overflow: hidden;
				text-overflow: ellipsis;
			}

		#twitter-admin-table .social-card .upload-results-message {
			color: red;
			font-weight: bold;
			display: block !important;
			margin-top: 9px;
			font-size: 0.669rem;
		}

		#twitter-admin-table .social-card .upload-img-form {
			float: left;
			margin: 0 0 0 62px;
			width: 225px;
		}

			#twitter-admin-table .social-card .upload-img-form h5 {
				margin-top: 0;
				padding-top: 0;
			}

			#twitter-admin-table .social-card .upload-img-form .button {
				padding-left: 22px;
				padding-right: 22px;
			}

		#twitter-admin-table .social-card .sc-img {
			position: relative;
			margin: 0 0 10px 10px;
		}

		#twitter-admin-table .social-card .content-img {
			position: relative;
			display: inline-block;
			width: 190px;
			height: 120px;
			float: left;
		}

			#twitter-admin-table .social-card .content-img img {
				height: 120px;
				max-height: auto;
			}

			#twitter-admin-table .social-card .content-img.none:before {
				content: "No Image";
				position: absolute;
				top: 0;
				font-size: 0.836rem;
				bottom: 0;
				left: 0;
				right: 0;
				margin: auto;
				width: 55px;
				height: 10px;
			}

			#twitter-admin-table .social-card .content-img.none img {
				background: #eee;
			}

			#twitter-admin-table .social-card .content-img.none .delete-content-img-icon {
				display: none;
			}

			#twitter-admin-table .social-card .content-img .delete-content-img-icon {
				position: absolute;
				height: 24px;
				width: 24px;
				cursor: pointer;
				top: 0px;
				background-color: #55ACEE;
				right: 0px;
				background-position: -451px 5px;
				-webkit-transition: background-color 250ms ease-in-out;
				transition: background-color 250ms ease-in-out;
			}

				#twitter-admin-table .social-card .content-img .delete-content-img-icon:hover {
					background-color: #1d91e8;
				}

		#twitter-admin-table .social-card dl {
			padding-bottom: 4px;
		}

			#twitter-admin-table .social-card dl dd {
				width: 400px;
				font-size: 0.836rem;
			}

		#twitter-admin-table .social-card .sc-edit-display-url {
			font-size: 0.92rem;
			font-weight: bold;
			color: #222;
		}

			#twitter-admin-table .social-card .sc-edit-display-url:hover {
				cursor: pointer;
			}

		#twitter-admin-table .social-card .s-tag-box {
			width: 45%;
		}

			#twitter-admin-table .social-card .s-tag-box .tag-content {
				width: 84%;
			}

			#twitter-admin-table .social-card .s-tag-box input {
				display: inline;
				float: left;
				width: 150px;
				margin: 0 0 10px 0;
			}

			#twitter-admin-table .social-card .s-tag-box .add-tag-btn {
				margin: 0px 0 0 -1px;
				padding: 5px 10px;
				border-bottom: solid 2px #55ACEE;
			}

			#twitter-admin-table .social-card .s-tag-box a:hover {
				background: #f5f5f5 !important;
				border: solid 1px #c6c6c6 !important;
				color: #888;
				cursor: default;
			}

			#twitter-admin-table .social-card .s-tag-box .delete-tag:hover {
				cursor: pointer;
			}

	#twitter-admin-table tbody tr:hover {
		background: white !important;
	}

	#twitter-admin-table tbody tr:nth-of-type(even):hover {
		background: #f9f9f9 !important;
	}

	#twitter-admin-table td {
		padding: 1em;
		border-right: 0;
		border-bottom: 0 !important;
		line-height: 1;
	}

		#twitter-admin-table td input[type="checkbox"] {
			margin: 0;
		}

/*expand and contract help text*/
.accordion h3 > .helpText {
	float: right;
	font-style: italic;
	color: #767676;
	font-size: 0.85em;
}

/******Material Group No-JS Styles*******************/
.guidanceText {
	font-size: 1em;
}

/******************System Compare table**************/
.pro {
	background: url("/Content/Images/icons/add.png") 0 3px no-repeat;
	display: block;
	padding-left: 20px;
}

.con {
	background: url("/Content/Images/icons/delete.png") 0 3px no-repeat;
	display: block;
	padding-left: 20px;
}

.info {
	background: url("/Content/Images/icons/information_yellow.gif") 0 3px no-repeat;
	display: block;
	padding: 1px 0 0 20px;
}

.cost1 {
	background: url("/Content/Images/icons/money1.png") 0 3px no-repeat;
	display: block;
	padding-top: 24px;
}

.cost2 {
	background: url("/Content/Images/icons/money2.png") 0 3px no-repeat;
	display: block;
	padding-top: 24px;
}

.cost3 {
	background: url("/Content/Images/icons/money3.png") 0 3px no-repeat;
	display: block;
	padding-top: 24px;
}

span.low {
	background: url("/Content/Images/icons/money1.png") 0 3px no-repeat;
	display: block;
	padding-top: 24px;
}

span.medium {
	background: url("/Content/Images/icons/money2.png") 0 3px no-repeat;
	display: block;
	padding-top: 24px;
}

span.high {
	background: url("/Content/Images/icons/money3.png") 0 3px no-repeat;
	display: block;
	padding-top: 24px;
}

/*******FeedBack Styles*********************/
#feedbackDescHeader {
	margin: 10px 0 10px;
	text-align: left;
	display: block;
	width: 18%;
}

#footerWrap {
	z-index: 1050;
}

#feedback-wrap .h5 {
	text-align: left;
	padding: 0;
	margin-top: 3px;
}

#feedback-wrap p {
	text-align: left;
	padding: 0;
	margin: 6px 0;
	word-spacing: -1px;
	font-size: 0.98em;
	margin-bottom: 10px;
}

#feedback-wrap .button {
	float: left;
}

@media (max-width: 800px) {
	#feedback-wrap {
		text-align: center;
	}

		#feedback-wrap .h5, #feedback-wrap p {
			display: none;
		}

		#feedback-wrap .button {
			clear: left;
			float: none;
		}
}

div.loading {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	height: 5em;
	display: block;
	z-index: 5000;
	width: 160px;
	padding: 20px;
	background-color: #1c8921;
	border: 2px solid #fff;
	color: #fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	text-align: center;
	display: none;
	font-size: 1.2em;
}

/* Implement Styles
----------------------------------------------------------*/
#projectSummaryWrap {
	overflow: auto;
}

	#projectSummaryWrap h4 {
		margin-top: 0;
	}

.projectSidebar {
	width: 26%;
	background-color: #1c8921;
	color: White;
	padding: 3px 1.5%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

#projectSidebar > h4 {
	display: block;
	margin: 10px 0 0;
	padding: 0;
	text-align: center;
	width: 100%;
}

#projectSidebar > a {
	display: block;
	width: 60%;
	margin: 0 auto 10px;
	text-align: center;
	padding: 10px;
	background: white;
	font-weight: bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

.additionalProjectSelections {
	margin: 10px 0 20px;
}

.projectGrid {
	margin: 0px;
}

.comingSoon {
	cursor: default;
	display: block;
	width: 100%;
}

	.comingSoon:hover {
		color: #767676;
		font-style: italic;
	}

.addMaterialsProject {
	font-weight: bold;
	font-size: 0.9em;
}

.projectCompare {
	float: right;
	clear: both;
	margin-top: 10px;
}

/*report*/
.projectTipWrap {
	margin-bottom: 40px;
}

.materialTip {
	margin-bottom: 50px;
	border-bottom: 1px solid gray;
	page-break-inside: avoid;
}

	.materialTip > h3 {
		width: 98%;
		display: block;
		/*border-bottom: 1px solid #1c8921;*/
	}

.reportTipWrap {
	padding-left: 10px;
}

	.reportTipWrap > ul {
		margin-left: 10px;
	}

/*site map*/
#siteMap {
	font-size: 0.9em;
	overflow: auto;
}

	#siteMap > li {
		display: block;
		float: left;
		width: 13%;
		margin-right: 1%;
	}

		#siteMap > li > ul {
			padding-left: 10px;
		}

			#siteMap > li > ul > li {
				margin-bottom: 5px;
			}

			#siteMap > li > ul.planSiteMap > li {
				margin-bottom: 15px;
			}

			#siteMap > li > ul > li > ul {
				padding-left: 10px;
			}

				#siteMap > li > ul > li > ul > li {
					margin-bottom: 7px;
					border-bottom: solid 1px #EEE;
				}

	#siteMap h4 {
		border-bottom: 1px solid #1c8921;
		padding-left: 5px;
		font-size: 1.5em;
	}

	#siteMap h5 {
		border-bottom: 1px solid #EEE;
		background: #EEE;
		padding-left: 5px;
	}

/* Question Styles
----------------------------------------------------------*/
.question {
	padding: 20px 0;
	border-top: 1px solid #f0f0f0;
	overflow: auto;
}

	.question .details {
		padding: 0 0 20px 0;
	}

.counts .views {
	display: block;
	padding: 5px 0;
	width: 80px;
	background-color: #a1b972;
	color: #FFF;
	text-align: center;
}

.count {
	font-size: 2em;
	text-align: center;
}

.summary .meta {
	float: right;
	background-color: #fff;
	padding: 4px;
	font-size: 1em;
}

.tags {
	padding: 5px 0;
}

	.tags .tag, .tags .hyperlinkyForm input[type="submit"].tag {
		border-radius: 1px;
		float: left;
		display: inline-block;
		background-color: #1f6cdf;
		padding: 4px 8px 4px 8px;
		margin: 0 3px 3px 0;
		border-bottom: 1px solid #999;
		border-right: 1px solid #999;
		font-size: 1.1em;
		color: white;
	}

.tag:hover,
.hyperlinkyForm input[type="submit"].tag:hover {
	text-decoration: none;
	background-color: #2f7cef;
}

.answered {
	background: green;
	color: White;
}

.unanswered {
	background: red;
	color: White;
}

.status {
	float: right;
	padding: 3px 4px;
}

.answer {
	padding: 20px;
	background-color: #e3ebd5;
}

/* Story Styles
----------------------------------------------------------*/
div.storyTile {
	display: block;
	margin: 1px 20px 20px 0;
	padding: 10px;
	min-height: 225px;
	width: 288px;
}

	div.storyTile img {
		width: 100%;
		max-width: 100%;
		height: 175px;
	}

div.story {
	padding: 5px 0 10px 0;
	border-top: 1px solid #f0f0f0;
	overflow: auto;
}

	div.story h3 {
		padding: 2px 0;
		margin: 0 0 4px 0;
		line-height: 1em;
		display: block;
	}

	div.story .thumb {
		text-align: center;
		margin-top: 5px;
		overflow: hidden;
	}

		div.story .thumb img {
			width: 100%;
			max-width: 100%;
			max-height: 175px;
		}

.noImage {
	background-color: #eeeeee;
	line-height: 85px;
	color: White;
	font-weight: bold;
	font-size: 1.2em;
}

.subHeader {
	display: block;
	padding: 8px 0;
	margin-bottom: 10px;
}

.pageContent {
	clear: both;
}

.legend {
	display: block;
	height: 24px;
}

	.legend span {
		display: inline-block;
		margin-right: 5px;
	}

	.legend b {
		color: Black;
	}

/*Footer styles*/
@media (max-width: 800px) {
	#footer-nav li a {
		font-size: 1.3em;
		padding: 0 3px;
	}

	.footer-links {
		width: 290px;
		margin: auto;
		margin-bottom: 15px;
	}

		.footer-links li {
			display: inline;
			margin-left: 6px;
			width: 86px;
		}

			.footer-links li:first-child {
				display: block;
				width: 100%;
			}

	.social-wrap {
		width: 274px;
		margin: auto;
		text-align: center !important;
	}
}

@media only screen and (max-width: 520px) {
	.footer-links li {
		margin-bottom: 3px;
		width: 45%;
	}
}

#stayConnected ul li {
	display: inline-block;
	margin: 0 20px 0 0;
	font-weight: bold;
	text-align: center;
}

@media (max-width: 1000px) {
	#stayConnected ul li {
		margin: 0 2px 0 0;
	}
}

#stayConnected ul li a {
	display: block;
	padding-top: 48px;
	font-size: 0.8em;
	color: #013370;
}

.facebook-icon a {
	background: transparent url("/Content/Images/main-sprite.png") -62px 0 no-repeat;
	width: 48px;
}

.twitter-icon a {
	background: transparent url("/Content/Images/main-sprite.png") -113px 0 no-repeat;
	width: 48px;
}

.pinterest-icon a {
	background: transparent url("/Content/Images/main-sprite.png") -164px 0 no-repeat;
	width: 48px;
}

.rss {
	background: transparent url("/Content/Images/logo_rss.jpg") top center no-repeat;
	width: 80px;
}

#providedBy {
	margin-bottom: 20px;
}

@media (max-width: 801px) {
	#providedBy {
		margin-right: 21px;
		float: left;
	}
}

a.NIBS {
	display: block;
	font-size: 0.9em;
	font-weight: bold;
	display: inline-block;
}

@media (max-width: 800px) {
	a.NIBS {
		width: 48px;
	}
}

a.NIBS span {
	display: inline-block;
}

	a.NIBS span:first-child {
		background: url("/Content/Images/main-sprite.png") no-repeat scroll -215px 0 transparent;
		height: 48px;
		width: 48px;
	}

@media (max-width: 800px) {
	a.NIBS span:nth-child(2) {
		display: none !important;
	}
}

.footerSection {
	height: 85px;
}

@media only screen and (min-width: 801px) {
	.footerSection {
		height: 125px;
	}
}

/*Search Layout
***************************************************/
.searchWrapper {
	position: relative;
	margin-top: -18px;
}

	.searchWrapper .h2 {
		font-size: 1.8em;
		padding-bottom: 4px;
		color: #1c8921;
	}

@media (max-width: 801px) {
	.searchWrapper .h2 {
		padding-bottom: 0;
	}
}

.searchWrapper .h2#learn-and-plan {
	padding-bottom: 5px;
}

.searchWrapper h4 {
	font-size: 1.2em;
}

.searchWrapper .leading {
	margin-bottom: 0;
}

.searchWrapper .subHeader {
	padding: 8px 15px 0 15px;
	border-bottom: solid 3px #bdac14;
}

#updateSearchQuery,
#updateSearchSubmit {
	font-size: 1.3em;
	line-height: 1em;
}

.searchCol3 {
	width: 200px;
	padding: 20px 0 0 10px;
	float: right;
	border-left: 1px solid #EFF3F2;
}

.tagResult {
	background-color: #f2f7f6;
	padding: 10px 20px 10px 0px;
	margin-bottom: 10px;
	overflow: auto;
}

.searchResult {
	margin-bottom: 20px;
}

	.searchResult p {
		margin-top: 0px;
	}

ul.everything a.everything {
	color: Black;
}

ul.content a.content {
	color: Black;
}

ul.materials a.materials {
	color: Black;
}

ul > li.current > a,
.sideBar > ul > li.current > a {
	color: Black;
	font-weight: bold;
}

.plan > ul > li > ul {
	margin-bottom: 10px;
}

	.plan > ul > li > ul > li {
		margin-left: 18px;
	}

/* Updated Search Result
*****************************************************/
.combinedSearch .searchCol1 ul {
	background: #EEE;
	padding: 0 5%;
}

	.combinedSearch .searchCol1 ul li {
		border-bottom: 1px solid #CCCCCC;
	}

		.combinedSearch .searchCol1 ul li:last-child {
			border-bottom: none;
		}

		.combinedSearch .searchCol1 ul li a span {
			background: darkgray;
			border-radius: 15px 15px 15px 15px;
			color: white;
			display: inline-block;
			float: right;
			height: 7px;
			line-height: 7px;
			padding: 6px;
			text-indent: 0;
		}

.combinedSearch .searchCol2.sliding {
	margin-left: 27%;
	min-width: 552px;
}

/*Advanced Search Mockup*/
.advanced.combinedSearch .searchCol1 ul {
	background: none;
	padding: 0 15px 0 15px;
	width: 100%;
}

	.advanced.combinedSearch .searchCol1 ul li {
		border-bottom: none;
		/* 1px solid #CCCCCC;*/
	}

		.advanced.combinedSearch .searchCol1 ul li:last-child {
			border-bottom: none;
		}

		.advanced.combinedSearch .searchCol1 ul li a.everything {
			padding-left: 8%;
		}

		.advanced.combinedSearch .searchCol1 ul li a span {
			background: darkgray;
			border-radius: 15px 15px 15px 15px;
			color: white;
			display: inline-block;
			float: right;
			height: 7px;
			line-height: 7px;
			padding: 6px;
			text-indent: 0;
		}

			.advanced.combinedSearch .searchCol1 ul li a span.toggleState {
				float: left;
				font-weight: bold;
				color: #1c8921;
				background: none;
				font-size: 1.5em;
			}

		#filters li ul,
		.advanced.combinedSearch .searchCol1 ul li ul {
			margin: 0 0 0 15px;
		}

.advanced.combinedSearch .searchCol2.sliding {
	margin-left: 27%;
	min-width: 552px;
}

.advanced .tagResult {
	width: 100%;
}

/*By no text shadow i mean IE9 Beautify the web my ***/
.no-textshadow .combinedSearch .searchCol2.sliding {
	margin-left: 255px;
	width: 552px;
}

#search-referral {
	background-color: #f2f2f2;
	border: solid 1px #dedede;
	padding: 1px 10px 10px 10px;
}

.combinedSearch .tagResult {
	background-color: #f2f7f6;
	padding: 1px 10px 10px 10px;
	margin-bottom: 10px;
	word-wrap: break-word;
}

.combinedSearch .searchResult {
	margin-bottom: 6px;
	padding-bottom: 5px;
}

	.combinedSearch .searchResult h4 {
		font-size: 1.1em;
		line-height: 1.28;
		padding-bottom: 1px;
	}

	.combinedSearch .searchResult.hiddenListResult {
		display: none;
	}

.combinedSearch .expanded .searchResult.hiddenListResult {
	display: block;
}

.combinedSearch .expanded .inlineResult {
	display: none;
}

/**going to fix this so it doesn't reneder, but just incase don't display***/
.combinedSearch .searchResult img,
.combinedSearch .searchResult .descriptionImage,
.combinedSearch .searchResult .imageCaption {
	display: none;
}

.combinedSearch .searchResult p {
	margin-top: 0px;
	font-size: inherit;
}

	.combinedSearch .searchResult p span {
		font-size: inherit !important;
	}

.combinedSearch ul.everything a.everything {
	color: Black;
}

.combinedSearch ul.wholeBuilding a.wholeBuilding {
	color: Black;
}

.combinedSearch ul.content a.content {
	color: Black;
}

.combinedSearch ul.materials a.materials {
	color: Black;
}

.combinedSearch ul.procure a.procure {
	color: Black;
}

	.combinedSearch ul.everything a.everything span,
	.combinedSearch ul.wholeBuilding a.wholeBuilding span,
	.combinedSearch ul.content a.content span,
	.combinedSearch ul.materials a.materials span,
	.combinedSearch ul.procure a.procure span {
		background: #1c8921;
	}

.combinedSearch .sideBar > ul > li.current a {
	color: Black;
	font-weight: bold;
}

.combinedSearch .subHeader h3 {
	display: block;
	width: 96.5%;
}

/*
.combinedSearch div.leading{
	white-space: nowrap;
	width: 100%;
	height:30px;
	overflow: hidden;
	text-overflow: ellipsis;
}
*/
/*Intro
****************************************************/
#introHeader h2 {
	float: left;
	padding-top: 15px;
}

#introHeader .NIBS {
	padding: 18px 0 0 80px;
	font-weight: bold;
	line-height: 1.2em;
	height: 60px;
	float: right;
	background: url("/Content/Images/logo_gsa.jpg") no-repeat scroll left top transparent;
}

.mainPost .arrowButton {
	float: right;
	width: 180px;
}

#newMobile {
	background-color: #f3fce9;
	padding: 20px 20px 20px 40px;
	margin-top: 30px;
	margin-bottom: 20px;
	position: relative;
}

	#newMobile p {
		width: 480px;
	}

		#newMobile p.footnote {
			font-style: italic;
			font-size: .8em;
		}

	#newMobile img.new {
		position: absolute;
		left: -20px;
		top: -20px;
	}

	#newMobile img.phone {
		position: absolute;
		right: 50px;
		bottom: 0px;
	}

/*This will be read by screen readers but not seen by users - http://webaim.org/techniques/css/invisiblecontent/ !*/
.accessible {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/*.accessible {display:none;} - previous version*/
/* custom tagging */
div.tagsinput {
	border: 1px solid #CCC;
	background: #FFF;
	padding: 5px;
	width: auto !important;
	height: 100px;
	overflow-y: auto;
	margin-bottom: 10px;
}

	div.tagsinput span.tag {
		border: 1px solid #C2D1E4;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		display: block;
		float: left;
		padding: 5px;
		text-decoration: none;
		background: #F0F8FB;
		color: #01559D;
		margin-right: 5px;
		margin-bottom: 5px;
		font-family: helvetica;
		font-size: 0.836rem;
	}

		div.tagsinput span.tag a {
			font-weight: bold;
			color: #01559D;
			text-decoration: none;
			font-size: 0.669rem;
		}

	div.tagsinput input {
		width: 80px;
		margin: 0px;
		font-family: helvetica;
		font-size: 0.836rem;
		border: 1px solid transparent;
		padding: 5px;
		background: transparent;
		color: #000;
		outline: 0px;
		margin-right: 5px;
		margin-bottom: 5px;
	}

	div.tagsinput div {
		display: block;
		float: left;
	}

.tags_clear {
	clear: both;
	width: 100%;
	height: 0px;
}

.tag-label {
	color: #1c8921;
	border: solid 1px;
	padding: 2px 4px;
	font-size: 0.7em;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	vertical-align: 1px;
	letter-spacing: 0.03em;
}

.mainPost .formUl > li {
	margin-bottom: 10px;
	overflow: auto;
	display: block;
	background: none;
	padding-left: 0;
}

/***Paged List***/
ul.paging > li {
	float: left;
	list-style-type: none;
	margin: 1em;
}

.thankyou {
	height: 350px;
}

div.anchorlinks {
	overflow: auto;
	margin-bottom: 10px;
}

	div.anchorlinks > ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

		div.anchorlinks > ul > li {
			background: none !important;
			float: left;
			margin-right: 10px;
		}

a.backToTop {
	float: right;
}

div.backToTop {
	text-align: center;
	clear: both;
	padding-top: 15px;
}

.disclaimer {
	padding: 10px 10px 10px 30px;
	background: #ffffec url(/Content/Images/icons/yellow_info.png) no-repeat 8px 14px;
	border: 1px solid #fef7b9;
}

.twitter-share {
	display: block;
	height: 28px;
	width: 28px;
	margin: 0 auto;
	background: transparent url("/Content/Images/main-sprite.png") no-repeat -410px -33px;
}

.fb-share {
	display: block;
	height: 26px;
	width: 26px;
	margin: 0 auto;
	background: transparent url("/Content/Images/main-sprite.png") no-repeat -446px -33px;
}

.fb-share,
.twitter-share {
	margin-top: 8px;
}

.socialLabel {
	display: block;
	font-weight: bold;
	font-size: .9em;
	text-align: center;
	margin: 0 6px 5px 6px;
	padding-bottom: 3px;
	border-bottom: solid 1px;
}

.socialWrap {
	max-width: 100px;
	float: right;
}

	.socialWrap.horizontal .fb-share,
	.socialWrap.horizontal .twitter-share {
		margin: 0 5px;
		float: left;
	}

/*AM Select Style*/
.asmContainer {
	/* container that surrounds entire asmSelect widget */
}

.asmSelect {
	/* the newly created regular 'select' */
	display: inline;
}

.asmOptionDisabled {
	/* disabled options in new select */
	color: #6c6c6c;
}

.asmHighlight {
	/* the highlight span */
	padding: 0;
	margin: 0 0 0 1em;
}

.asmList {
	/* html list that contains selected items */
	margin: 0.25em 0 1em 0;
	position: relative;
	display: block;
	padding-left: 0;
	list-style: none;
}

.asmListItem {
	/* li item from the html list above */
	position: relative;
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	background: #f0f0f0;
	border: 1px solid #ccc;
	margin: 0 0 4px 0;
	line-height: 1em;
}

.mainPost .asmListItem {
	/* li item from the html list above */
	position: relative;
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	background: #f0f0f0;
	border: 1px solid #ccc;
	line-height: 1em;
	float: left;
	margin: 0 5px 5px 0;
}

.asmListItem:hover {
	background-color: #e5e5e5;
}

.asmListItemLabel {
	/* this is a span that surrounds the text in the item, except for the remove link */
	padding: 5px;
	display: block;
}

.asmListSortable .asmListItemLabel {
	cursor: move;
}

.asmListItemRemove {
	/* the remove link in each list item */
	position: absolute;
	right: 0;
	top: 0;
	padding: 5px;
}

/*SFTool Admin*/
.adminNav--Label {
	margin-right: 10px;
}

.editContentGallery {
	overflow: visible;
}

.editImage {
	float: left;
	-moz-border-bottom-colors: none;
	-moz-border-image: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: #FFFFFF;
	border-color: #E3E3E3 #E3E3E3 #A2A2A2;
	border-radius: 3px 3px 3px 3px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 1px 3px #E3E3E3;
	line-height: 0;
	display: block;
	/*overflow: hidden;*/
	padding: 10px;
	margin-right: 10px;
	position: relative;
}

	.editImage input, .editImage textarea {
		float: left;
		display: block;
		clear: both;
		width: 100%;
		margin-top: 5px;
		font-size: 0.8em;
		font-weight: normal;
	}

	.editImage textarea {
		height: 60px;
		width: 99%;
	}

	.editImage a {
		background: url(/Content/Images/Icons/apple-close.png) no-repeat center center;
		position: absolute;
		right: -13px;
		top: -13px;
		cursor: pointer;
		height: 28px;
		width: 28px;
		overflow: hidden;
		text-indent: -9999px;
	}

		.editImage a.notDelete {
			position: static;
			background: none;
			width: auto;
			height: auto;
		}

/*admin imageHovers*/
.spaceImageHeader {
	background: none repeat scroll 0 0 white;
	margin-left: -20px;
	padding: 10px 20px;
	z-index: 100000;
	width: 920px;
}

.imageHoversUpperNav {
	background: #EEE;
	overflow: auto;
	padding: 5px 10px;
}

	.imageHoversUpperNav li {
		float: left;
	}

		.imageHoversUpperNav li a {
			display: block;
			padding: 2px 4px;
		}

			.imageHoversUpperNav li a.active {
				color: #1c8921;
			}

.imageHoverEdit {
	padding-top: 20px;
	margin-bottom: 20px;
}

.imageHoverTabs {
	overflow: auto;
	clear: both;
}

	.imageHoverTabs li {
		float: left;
		overflow: auto;
		width: 32%;
		margin-right: 1%;
	}

		.imageHoverTabs li a {
			display: block;
			margin: auto;
			position: relative;
		}

			.imageHoverTabs li a img {
				display: block;
				margin: auto;
				width: 50%;
			}

span.imageHoverTabLabel {
	display: block;
	padding: 10px 0px;
	width: 75%;
	position: absolute;
	text-align: center;
	color: white;
	background: #2C2B33;
	zoom: 1;
	filter: alpha(opacity=90);
	opacity: 0.9;
	bottom: 0;
	left: 12.5%;
}

	span.imageHoverTabLabel .current {
		background: #1c8921;
	}

span.imageHoverTabLabelCurrent {
	display: block;
	padding: 10px 0px;
	width: 75%;
	position: absolute;
	text-align: center;
	color: white;
	background: #1c8921;
	zoom: 1;
	filter: alpha(opacity=90);
	opacity: 0.9;
	bottom: 0;
	left: 12.5%;
}

.mainImageHover {
	background: #EEE;
	margin-left: -10px;
	overflow: hidden;
	padding: 10px 20px;
	width: 900px;
}

.mainImageHoverInner {
	width: 20000em;
}

.mainImageHover .roomImage {
	float: left;
	margin-right: 20px;
}

/*Combined GPC Search*/
#combinedWrapper {
	position: relative;
	min-height: 900px;
	overflow: hidden;
}

	#combinedWrapper > div {
		top: 15px;
		position: absolute;
	}

#getSftoolSearch {
	right: 0px;
	position: absolute;
	width: 150px;
	display: block;
	padding: 5px;
	border-radius: 5px;
	background: #1c8921;
	color: White;
}

#getGPCSearch {
	position: absolute;
	left: 980px;
	width: 150px;
	display: block;
	padding: 5px;
	border-radius: 5px;
	background: #1c8921;
	color: White;
}

#gpcSearchWrap {
	min-width: 900px;
}

#sftoolSearchWrap {
	position: absolute;
	left: 980px;
	min-width: 900px;
}

/*CombinedToo GPC Search*/
.combinedToo #searchMain {
	width: 626px;
}

#searchSftoolSidebar {
	background: #EEE;
	margin-top: 15px;
}

	#searchSftoolSidebar h5 {
		margin-left: 10px;
		color: #458C48;
	}

#GPCSidebarContent ul {
	width: 100%;
}

.combinedToo .tagResult {
	padding: 0px;
	background: #EEE;
}

.combinedToo #searchSftoolSidebar .tagResult h4 {
	font-size: 0.9em;
	margin-top: 0;
	padding-top: 0;
	color: #767676;
}

.combinedToo #searchSftoolSidebar .tagResult .tags {
	max-width: 95%;
	overflow: hidden;
}

	.combinedToo #searchSftoolSidebar .tagResult .tags .tag {
		border-radius: 4px 4px 4px 4px;
		display: block;
		font-size: 0.8em;
		padding: 2px 4px;
		white-space: normal;
	}

#searchSftoolSidebar ul {
	padding: 0 10px;
	background: #EEE;
}

	#searchSftoolSidebar ul li {
		padding: 5px 2px;
		border-bottom: 1px solid #CCCCCC;
	}

		#searchSftoolSidebar ul li:last-child {
			border-bottom: none;
		}

		#searchSftoolSidebar ul li span.h5 {
			font-size: 0.85em;
			line-height: 12px;
			color: #3F6D8C;
		}

			#searchSftoolSidebar ul li span.h5.deemphasize {
				font-size: 0.85em;
				line-height: 12px;
			}

.searchResultsCount {
	background: darkgray;
	border-radius: 15px;
	color: white;
	margin-left: 3px;
	padding: 3px 5px;
}

#searchSftoolSidebar ul li ul li a {
	font-size: 0.75em;
	line-height: 0;
}

/*******GPC Search Combined Main******/
.combinedToo #searchWrapper {
	width: 70%;
	margin-left: 30px;
	background-color: white !important;
}

.combinedToo .productPane {
	background: white;
}

.gpcSearchResultsList {
	margin-top: 0px;
}

	.gpcSearchResultsList > li {
		border-bottom: solid 1px #CCC;
		margin-bottom: 12px;
		padding: 0px 5px;
	}

	.gpcSearchResultsList li h4 {
		margin: 0 0 -5px;
		padding: 5px 5px 5px 0px;
		line-height: 1em;
	}

	.gpcSearchResultsList li span {
		display: inline-block;
		padding: 2px 3px 2px 0;
		font-weight: normal;
	}

	.gpcSearchResultsList li h5 {
		margin-left: 0;
		font-size: 0.9em;
		padding: 0px;
	}

	.gpcSearchResultsList li ul {
		margin-top: 0;
		clear: both;
	}

ul.searchContentLevels p {
	margin: 0;
}

/* Search results page -- or "/GPCSearch/" */
ul.updateSearchList {
	padding-top: 3px;
	margin: 0 0 5px 5px !important;
}

@media (min-width: 801px) and (max-width: 900px) {
	ul.updateSearchList {
		display: block !important;
	}
}

ul.updateSearchList li {
	height: auto !important;
	border: none !important;
	margin: 0 !important;
	position: relative;
}

@media (min-width: 801px) and (max-width: 900px) {
	ul#filters {
		display: block !important;
	}

		ul#filters li label + span {
			display: none;
		}
}

ul#filters li label,
ul.updateSearchList li label {
	cursor: pointer;
	display: inline-block;
}

	ul#filters li label + span,
	ul.updateSearchList li label + span {
		margin: 3px 5px 0 0;
		vertical-align: middle;
		float: right;
		cursor: pointer;
	}

.highlightCheckbox {
	color: #1f6cdf;
	font-weight: bold;
}

#updateSearchHeader,
.updateSearchHeader {
	color: #000;
	font-size: 1.7em;
	font-weight: 600;
}

.updateSearchHeader {
	font-size: 1.6em;
	margin-bottom: 10px;
	vertical-align: bottom;
}

	.updateSearchHeader:hover {
		cursor: pointer;
	}

	.updateSearchHeader span {
		display: inline-block;
		margin-top: 2px;
		vertical-align: middle;
	}

#searchMain {
	min-height: 500px;
}

.shadeHover {
	background-color: #EEE !important;
}

#searchWrapper {
	background-color: #EDEDED !important;
	float: left;
}

#searchResultsTable {
	float: left;
	min-width: 600px;
}

.checkLink {
	cursor: pointer;
	margin-top: 10px;
	float: left;
	clear: right;
}

/*GPC ADMIN*/
.checkListWarper {
	float: left;
	clear: both;
	margin-bottom: 2px;
}

.customUrlLabel {
	display: block;
	clear: left;
	color: #767676;
	font-style: italic;
}

.customUrlInput {
	float: left;
	margin-left: 5px;
	clear: right;
}

.gpInput .customUrlLabel {
	clear: left;
	margin-bottom: 5px;
	margin-left: 30px;
	width: 100px;
	line-height: 2.25em;
}

.gpInput .customUrlInput {
	clear: right;
	margin-bottom: 5px;
	width: 250px;
}

.checkLabel {
	float: left;
}

/*Let's do this with css3 transitions and learn something*/
/*Get the color content to fade faster and appear later then the size transform..*/
.gpcHelp, .gpcHelpInner, .gpcHelp:before {
	transition: all 0.2s ease-in-out 0.2s;
}

.gpcHelp {
	background: none repeat scroll 0 0 #1c8921;
	border-radius: 3px 3px 3px 3px;
	position: absolute;
	right: 0;
	top: 1.4em;
	line-height: 2.35em;
	width: 2em;
	min-height: 1.95em;
	z-index: 200;
}

@media only screen and (min-width: 1441px) {
	.gpcHelp {
		line-height: 2.2em;
	}
}

.gpcHelp div, .gpcHelp p, .gpcHelp span {
	line-height: 1.2em;
}

	.gpcHelp span[class*="icon"] {
		margin-left: 10px;
	}

.gpcHelp:before {
	content: " ";
	display: block;
	height: 0px;
	border-bottom: dashed 1px #C0C0C0;
	position: absolute;
	right: 100%;
	top: 0.95em;
	width: 5em;
}

@media only screen and (min-width: 1025px) {
	.gpcHelp:before {
		width: 10em;
	}
}

@media only screen and (min-width: 1441px) {
	.gpcHelp:before {
		width: 20em;
	}
}

.gpcHelpCarrat:after {
	border-color: transparent #1c8921;
	border-style: solid;
	border-width: 1em 1em 1em 0;
	content: "";
	display: block;
	left: -0.923em;
	position: absolute;
	top: .0144em;
	width: 0;
}

.gpcHelpInner {
	/*display: none; /*Update with CSS3 transitions*/
	background: #EEE;
	margin-top: -5px;
	max-height: 0px;
	overflow: hidden;
	width: 100%;
	line-height: 1em;
	padding: 0 10px 0px 10px;
	z-index: 2000;
	border: solid 1px #1c8921;
	border-top: none;
	word-wrap: break-word;
}

	.gpcHelpInner h4 {
		padding: 0;
		margin-top: 0.5em;
	}

	.gpcHelpInner p {
		margin-top: 0.5em;
	}

.gpcHelp:hover {
	width: 85%;
}

	.gpcHelp:hover:before {
		width: 3em;
		right: 100%;
		border-color: #1c8921;
	}

	.gpcHelp:hover .gpcHelpInner {
		max-height: 500px;
	}

.gpc-admin-products-nav a:after {
	content: "|";
	color: #222;
	padding: 0 2px 0 5px;
	display: inline-block;
}

.gpc-admin-products-nav a:last-child:after {
	content: none;
}

/*Product Category Create*/
#pcImagePreview {
	width: 100px;
}

/*
* WBA Building Systems page
*/
.wbaHeader {
	margin-bottom: 10px;
	display: inline-block;
	width: 100%;
}

	.wbaHeader h2 {
		float: left;
	}

#WBANav .dropdown {
	max-width: 180px;
}

#WBANav img {
	margin: 0px auto;
}

#sectionNav, #sectionNav ul {
	margin-top: 0px;
}

	#sectionNav > li, #sectionNav ul > li {
		line-height: 25px;
		border-bottom: 1px solid #eee;
	}

		#sectionNav > li a, #sectionNav ul > li a {
			width: 100%;
			display: block;
			font-size: 1.087rem;
			color: #1f6cdf;
			padding: 5px 0;
			transition: all .3s;
			-moz-transition: all .3s;
			/* Firefox 4 */
			-webkit-transition: all .3s;
			/* Safari and Chrome */
			-o-transition: all .3s;
			/* Opera */
		}

			#sectionNav > li a:hover, #sectionNav ul > li a:hover {
				color: #1f6cdf;
				padding-left: 12px;
				text-decoration: none;
			}

		#sectionNav > li.active > a, #sectionNav ul > li.active > a {
			color: #000;
			font-weight: bold;
		}

.subSectionNav li {
	margin-left: 20px !important;
}

/*
*GPC Admin styles
*/
.productAdmin {
	margin-bottom: 30px;
}

	.productAdmin h4 {
		margin-bottom: 5px;
	}

.indentCell {
	padding-left: 25px !important;
}

.productTypeSubheader {
	background: #F2F2F2;
}

#fpIconPreview {
	height: 20px;
	width: 20px;
}

/*
* Building System Styles
*/
#IntegrativeDesignContainer {
	position: relative;
	width: 100%;
	height: 570px;
	background: transparent url("/Content/Images/WBA/IntegrativeDesignProcess.jpg") center 255px no-repeat;
	overflow: hidden;
}

.ie7 #IntegrativeDesignContainer {
	position: relative;
	width: 730px;
	height: 570px;
	background: transparent url("/Content/Images/WBA/IntegrativeDesignProcess.jpg") no-repeat;
	overflow: hidden;
	background-position: 135px 255px;
}

#IntegrativeDesignContainer a {
	color: #fff;
}

#IntegrativeDesignContainer .highlight {
	background-color: green;
	background-color: rgba(0, 128, 0, 0.7);
	padding: 6px;
}

/* See below for new method of positioning these tags
#idp_FacilityManager {
	position: absolute;
	left: 51px;
	left: 15.33333%;
	top: 290px;
}

#idp_MechanicalEngineer {
	position: absolute;
	left: 115px;
	left: 25.55556%;
	top: 243px;
}

#idp_Architect {
	position: absolute;
	left: 285px;
	left: 42.33333%;
	top: 242px;
}

#idp_Owner {
	position: absolute;
	left: 285px;
	left: 42.5%;
	top: 230px;
}

#idp_Occupant {
	position: absolute;
	left: 375px;
	left: 50.33333%;
	top: 230px;
}

#idp_LightingEngineer {
	position: absolute;
	left: 470px;
	left: 59.44444%;
	top: 242px;
}

#idp_PlumbingEngineer {
	position: absolute;
	left: 470px;
	left: percentage(470px / 450px);
	top: 255px;
}

#idp_InteriorDesigner {
	position: absolute;
	left: 555px;
	left: 71.33333%;
	top: 290px;
}

#idp_LandscapeArchitect {
	position: absolute;
	left: 555px;
	left: percentage(555px / 450px);
	top: 310px;
}

#idp_WorkplaceSpecialist {
	position: absolute;
	left: 570px;
	left: 69.66667%;
	top: 380px;
}

#idp_OperationsandMaintenance, #idp_Architect2 {
	position: absolute;
	left: 460px;
	left: 73.22222%;
	top: 337px;
}

#idp_AcousticalEngineer {
	position: absolute;
	left: 130px;
	left: percentage(130px / 450px);
	top: 500px;
}

#idp_CivilEngineer {
	position: absolute;
	left: 60px;
	left: percentage(60px / 450px);
	top: 385px;
}

#idp_OfficialsProviders {
	position: absolute;
	left: 575px;
	left: percentage(575px / 450px);
	top: 380px;
}
*/
/*Redo the above role CSS as slots we'll order them consistently in the DB. This allows for a cleaner separation. Icon is tied to sort order not title. Easier to grok
	The one issue is the lengths of the names could screw this up...*/
/*.idp_FacilityManager {*/
.idp_1 {
	right: 80%;
	top: 313px;
}

@media only screen and (min-width: 1441px) {
	.idp_1 {
		right: 74%;
	}
}

/*.idp_MechanicalEngineer {*/
.idp_2 {
	right: 72%;
	top: 266px;
}

@media only screen and (min-width: 1441px) {
	.idp_2 {
		right: 69%;
	}
}

/*.idp_Architect {*/
.idp_3 {
	right: 57%;
	top: 228px;
}

/*.idp_Owner ?? what slot{*/
/*.idp_?? {
	left: 285px;
	top: 242px;
}*/
/*.idp_Occupant {*/
.idp_4 {
	left: 48%;
	top: 228px;
}

/*.idp_PlumbingEngineer {*/
/*.idp_LightingEngineer {*/
.idp_5 {
	left: 68%;
	top: 258px;
}

/*.idp_LandscapeArchitect {*/
/*.idp_InteriorDesigner {*/
.idp_6 {
	left: 80%;
	top: 305px;
}

@media only screen and (min-width: 1441px) {
	.idp_6 {
		left: 74%;
	}
}

/*.idp_WorkplaceSpecialist {*/
.idp_7 {
	left: 81%;
	top: 350px;
}

@media only screen and (min-width: 1441px) {
	.idp_7 {
		left: 75%;
	}
}

/*.description, .idp_Architect2 {*/
.idp_8 {
	left: 64%;
	top: 510px;
}

.idp_9 {
	right: 66%;
	top: 510px;
}

/*.idp_CivilEngineer {*/
.idp_10 {
	right: 81%;
	top: 360px;
}

@media only screen and (min-width: 1441px) {
	.idp_10 {
		right: 75%;
	}
}

.idp_11 {
	left: 74%;
	top: 440px;
}

.idp_12 {
	right: 74%;
	top: 440px;
}

.idp_description_container {
	position: absolute;
	width: 75%;
	top: 0px;
	left: 150%;
}

	.idp_description_container p a {
		color: #1f6cdf !important;
	}

	.idp_description_container img {
		position: absolute;
		bottom: -16px;
		left: 25px;
	}

.idp_description {
	max-height: 215px;
	overflow: auto;
	padding: 15px;
	font-size: 0.9em;
	border: 10px solid green;
	-moz-box-shadow: 2px 2px 0px 1px #ccc;
	-webkit-box-shadow: 2px 2px 0px 1px #ccc;
	box-shadow: 2px 2px 0px 1px #ccc;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

.roleHoverLink {
	cursor: pointer;
	background-color: #3c3c3c;
	background-color: rgba(0, 0, 0, 0.7);
	color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 5px;
	position: absolute;
}

	.roleHoverLink:hover {
		text-decoration: none;
	}

.roleNoHover {
	background-color: #d2d2d2;
	background-color: rgba(210, 210, 210, 0.7);
	color: #6c6c6c;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 5px;
	font-style: italic;
}

#IntegrativeDesignFooter {
	text-align: center;
	width: 75%;
	margin: 10px auto 0px;
	padding: 12px 1px 10px;
	-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.25);
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.25);
}

.ie7 #IntegrativeDesignFooter {
	padding: 20px 1px 10px;
	margin-bottom: 10px;
}

/*
* System Bundling styles
*/
#SystemBundlingContainer {
	margin-top: 10px;
	float: left;
}

.bundle {
	margin-bottom: 15px;
	position: relative;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 2px 2px 0px 1px #ccc;
	-webkit-box-shadow: 2px 2px 0px 1px #ccc;
	box-shadow: 2px 2px 0px 1px #ccc;
	padding: 10px 10px 10px 40px;
	background: #f2f7f6 url("/Content/Images/WBA/arrow-right.png") no-repeat 8px 8px;
	min-width: 668px;
}

	.bundle div {
		color: #000;
	}

.downArrow {
	background: #f2f7f6 url("/Content/Images/WBA/arrow-down.png") no-repeat 8px 6px;
}

.ratingHover {
	display: none;
	width: 600px;
	border: 3px solid #B3C88D;
	background: #fff;
	padding: 10px;
	z-index: 1000;
}

	.ratingHover .heading {
		color: #000;
	}

	.ratingHover .rating {
		color: #FFF;
		font-weight: bold;
		background: #999;
		padding: 3px;
	}

	.ratingHover p {
		margin-top: 0px;
		margin-bottom: 0px;
		border: none;
		background: #fff;
	}

	.ratingHover .link {
		float: right;
	}

.bundle h3, .ratings h3 {
	color: #333;
	background: transparent;
	font-size: 1.6em;
	float: left;
	padding-left: 45px;
	margin-left: -45px;
	padding-top: 0px;
}

@media only screen and (max-width: 520px) {
	.bundle h3, .ratings h3 {
		font-size: 1.3em;
	}
}

.bundle p, .ratingHover p {
	margin-top: 15px;
	color: #333;
	padding-right: 20px;
}

	.bundle p:first-child {
		margin-top: 5px;
	}

.ratings {
	position: absolute;
	top: -8px;
	right: -5px;
	border: 1px solid gray;
	padding: 15px 10px;
	background: #fff;
}

.technologies {
	float: left;
}

	.technologies .label {
		font-size: .9em;
		float: left;
		display: block;
		font-weight: bold;
	}

	.technologies .list {
		font-size: .9em;
		float: left;
		display: block;
		margin-left: 10px;
	}

@media only screen and (max-width: 520px) {
	.technologies .list {
		font-size: 0.753rem;
	}
}

.expand, .expandWBA {
	cursor: pointer;
}

/*
* Mandates and Rating Systems
*/
#tabHeader {
	text-align: center;
	border-bottom: 2px solid #1c8921;
	width: 100%;
}

	#tabHeader table {
		margin: 0px auto;
		border-collapse: collapse;
		border: 0;
	}

		#tabHeader table th {
			padding: 5px 10px;
			border: 0px;
			text-align: center;
			margin: 0px;
			color: #666;
			font-size: 1em;
			background: #fff;
			font-weight: bold;
			-webkit-border-top-left-radius: 2px;
			-webkit-border-top-right-radius: 2px;
			-moz-border-radius-topleft: 2px;
			-moz-border-radius-topright: 2px;
			border-top-left-radius: 2px;
			border-top-right-radius: 2px;
		}

			#tabHeader table th:hover {
				cursor: pointer;
				background: #999;
				color: #fff;
			}

			#tabHeader table th.active {
				background: #1c8921;
				color: #fff;
				font-weight: bold;
			}

#allMandates {
	float: left;
	padding-top: 10px;
}

	#allMandates .mandate {
		float: left;
		margin-bottom: 30px;
	}

		#allMandates .mandate h4 {
			color: Black;
			background: transparent;
			font-size: 1.3em;
			float: left;
			padding: 5px 0;
			margin: 0px;
		}

		#allMandates .mandate .mandateDetails {
			padding-left: 45px;
			background: white url("/Content/Images/WBA/mandates.png") no-repeat top left;
			margin-top: 5px;
		}

			#allMandates .mandate .mandateDetails p {
				margin-top: 0px;
			}

			#allMandates .mandate .mandateDetails em {
				font-style: italic;
			}

#allRatingSystems {
	float: left;
	padding-top: 10px;
}

	#allRatingSystems .ratingSystem {
		margin-bottom: 25px;
		float: left;
	}

		#allRatingSystems .ratingSystem h4 {
			color: Black;
			background: transparent;
			font-size: 1.3em;
			float: left;
			padding: 5px 0;
			margin: 0px 0px 2px 0px;
		}

		#allRatingSystems .ratingSystem .ratingSystemDetails .description {
			width: 50%;
			float: left;
			padding-left: 20px;
			padding-right: 20px;
		}

			#allRatingSystems .ratingSystem .ratingSystemDetails .description p {
				margin-top: 5px;
			}

		#allRatingSystems .ratingSystem .ratingSystemDetails .relationTable {
			width: 50%;
			float: right;
			border-left: 2px solid #B7B7B7;
			padding-left: 20px;
			padding-top: 5px;
		}

			#allRatingSystems .ratingSystem .ratingSystemDetails .relationTable strong {
				font-size: 1.1em;
			}

			#allRatingSystems .ratingSystem .ratingSystemDetails .relationTable table {
				margin-top: 5px;
				border: 0px;
			}

				#allRatingSystems .ratingSystem .ratingSystemDetails .relationTable table th {
					background-color: #1c8921;
					color: #fff;
					padding: 4px;
					font-weight: bold;
				}

					#allRatingSystems .ratingSystem .ratingSystemDetails .relationTable table th.idCol {
						min-width: 65px;
					}

				#allRatingSystems .ratingSystem .ratingSystemDetails .relationTable table tbody tr:nth-child(even) {
					background-color: #f5f5f5;
				}

				#allRatingSystems .ratingSystem .ratingSystemDetails .relationTable table td {
					padding: 3px;
				}

					#allRatingSystems .ratingSystem .ratingSystemDetails .relationTable table td.surveyQuestion {
						padding: 4px;
					}

	#allRatingSystems span.link {
		float: left;
		margin-top: 7px;
		font-size: 0.8em;
	}

/*
	* System Impacts
	*/
ul.buttonBar {
	margin: 8px 0px 15px 0px;
	display: block;
	list-style: none;
	padding: 0;
	overflow: hidden;
	background-color: #F3F3F3;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(50%, #dddddd), color-stop(50%, #d2d2d2), color-stop(100%, #dfdfdf));
	background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%);
	background-image: -moz-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%);
	background-image: -ms-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%);
	background-image: -o-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%);
	background-image: linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%);
	border-right: 1px solid #DFDFDF;
	border-bottom: 1px solid #B4B4B4;
	border-right: 1px solid #DFDFDF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 0 0 white, 0 1px 0 0 #d5d5d5, 0 -1px 2px 1px #efefef;
	-moz-box-shadow: inset 0 1px 0 0 white, 0 1px 0 0 #d5d5d5, 0 -1px 2px 1px #efefef;
	box-shadow: inset 0 1px 0 0 white, 0 1px 0 0 #d5d5d5, 0 -1px 2px 1px #efefef;
}

	ul.buttonBar > li {
		float: left;
		width: 179px;
		text-align: center;
		border: 0px;
		color: #666;
		font-weight: bold;
		margin: 0;
		text-shadow: 0 1px 1px white;
	}

	ul.buttonBar h3 {
		text-shadow: none;
		font-weight: normal;
		position: relative;
		top: -10px;
		left: 20px;
		background-color: #bbb;
	}

.ie8 ul.buttonBar > li, .ie7 ul.buttonBar > li {
	width: 178px;
}

ul.buttonBar > li:last-child {
	border: none;
}

ul.buttonBar > li.active {
	-webkit-box-shadow: inset 0 0 30px 0 #999999, 0 1px 0 0 white;
	-moz-box-shadow: inset 0 0 30px 0 #999999, 0 1px 0 0 white;
	box-shadow: inset 0 0 30px 0 #999999, 0 1px 0 0 white;
}

ul.buttonBar > li a {
	color: #666;
	display: block;
	width: 100%;
	height: 100%;
}

ul.buttonBar > li.active p {
	color: #333;
}

ul.buttonBar > li.active a {
	color: #1c8921;
}

ul.buttonBar > li.active h3 {
	background-color: #1c8921 !important;
}

ul.buttonBar > li a:hover {
	text-decoration: none;
}

ul.buttonBar > li:hover {
	cursor: pointer;
}

	ul.buttonBar > li:hover h3 {
		background-color: #767676;
	}

	ul.buttonBar > li:hover p {
		color: #333;
	}

a.arrowButton {
	font-size: 0.9em;
	display: block;
	max-width: 265px;
	background: white url("/Content/Images/button_bg_1.jpg") right center no-repeat;
	padding: 6px 40px 6px 6px;
	font-weight: bold;
	margin-top: 5px;
	text-decoration: none;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #fff;
	text-shadow: -1px 0px 1px white;
}

	a.arrowButton:hover {
		border-color: #b8b8b8;
	}

ul.subnavbar {
	display: block;
	/* background: #cccccc url(/Content/Images/navbar_gradient.png) top left repeat-x*/;
	overflow: hidden;
	float: left;
	width: 100%;
	margin: 0 0 20px 0;
	height: 39px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

	ul.subnavbar li {
		padding: 0;
		float: left;
		width: 25%;
		background: #cccccc url(/Content/Images/navbar_gradient.png) top left repeat-x;
	}

		ul.subnavbar li a {
			display: block;
			width: 100%;
			height: 100%;
			padding: 10px 0;
			text-indent: 50px;
			border-right: 1px solid white;
			color: #666;
			text-shadow: 0 1px 1px white;
		}

@media (max-width: 650px) {
	ul.subnavbar li a {
		text-indent: -9999px;
		background-position: center center;
	}
}

@media (min-width: 800px) and (max-width: 850px) {
	ul.subnavbar li a {
		text-indent: -9999px;
		background-position: center center;
	}
}

@media only screen and (min-width: 1441px) {
	ul.subnavbar li a {
		padding: 8px 0;
	}
}

ul.subnavbar li.active {
	background: #666666 url(/Content/Images/navbar_gradient.png) 0px -39px repeat-x;
}

	ul.subnavbar li.active a {
		color: White;
		text-shadow: 0 1px 1px black;
	}

h2.systemImpacts {
	padding: 10px 0 5px 0;
	background: white url(/Content/Images/icons/systemimpacts_50.png) top left no-repeat;
	text-indent: 60px;
	float: left;
}

@media only screen and (max-width: 520px) {
	h2.systemImpacts {
		background: none;
		text-indent: 0;
	}
}

@media only screen and (min-width: 1441px) {
	h2.systemImpacts {
		padding-top: 5px;
	}
}

.impactR {
	background: transparent url(/Content/Images/icons/resources_30.png) 10px 5px no-repeat;
}

.impactH {
	background: transparent url(/Content/Images/icons/human_30.png) 10px center no-repeat;
}

.impactF {
	background: transparent url(/Content/Images/icons/financial_30.png) 10px center no-repeat;
}

.impactO {
	background: transparent url(/Content/Images/icons/om_30.png) 10px center no-repeat;
}

.WBAContent {
	max-width: 1000px;
	margin-right: 5px;
}

.ie7 .WBAContent {
	padding-top: 5px;
}

.WBAContent p {
	padding: 0px 5px 0px 35px;
}

.WBAContent .topDescription p:last-child {
	margin-bottom: 0px;
}

.WBAContent img {
	display: block;
	margin: 0 auto;
}

.WBAContent div.imgCaption {
	text-align: center;
	line-height: 1.1em;
}

.WBAContent .topDescription ul {
	list-style: disc;
	padding-left: 45px;
}

.funfactHorizontal {
	float: left;
	display: block;
	background-color: #f2f7f6;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	padding: 10px 15px 10px 15px;
	position: relative;
	margin: 10px 0;
}

	.funfactHorizontal h4 {
		margin: 0 auto;
	}

.contentItemHeader {
	margin-top: 15px;
}

	.contentItemHeader p, .contentItemHeader h4 {
		padding-left: 5px;
		margin: 0px;
	}

	.contentItemHeader h4 {
		border-bottom: 1px solid #999;
		width: 100%;
		clear: both;
		margin-top: 5px;
		margin-bottom: 5px;
		-webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.25);
		-moz-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.25);
		box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.25);
	}

	.contentItemHeader .headerDescription {
		padding-top: 0px;
		margin-top: 0px;
	}

.content a {
	word-break: break-all;
}

.expandableContentItem {
	margin-bottom: 5px;
}

	.expandableContentItem .itemHeader {
		float: left;
		width: 100%;
		background: white url("/Content/Images/WBA/arrow-right.png") no-repeat 0px 2px;
		margin: 0px auto 0px auto;
	}

	.expandableContentItem .downArrow {
		background: white url("/Content/Images/WBA/arrow-down.png") no-repeat 0px 5px !important;
	}

	.expandableContentItem h4 {
		color: #000;
		line-height: 1.4em;
		float: left;
		padding: 6px 0px 0px 35px;
	}

/* Accordion fixes css*/
.itemHeader {
	cursor: pointer;
}

	.itemHeader.expanded {
		background: #f2f7f6 url("/Content/Images/WBA/arrow-down.png") no-repeat 8px 6px
	}

@media only screen and (min-width: 1025px) {
	.expandableContentItem h4 {
		padding-top: 3px;
	}
}

@media only screen and (min-width: 1441px) {
	.expandableContentItem h4 {
		padding-top: 0;
	}
}

.expandableContentItem p {
	clear: both;
	margin-left: 10px;
	padding-left: 25px !important;
	padding-right: 5px;
}

	.expandableContentItem p:last-child {
		margin-bottom: 0px;
	}

.expandableContentItem div.fullDescription {
	display: none;
	float: left;
}

	.expandableContentItem div.fullDescription p:first-child {
		margin-top: 0px;
	}

	.expandableContentItem div.fullDescription p:last-child {
		margin-bottom: 0px;
	}

	.expandableContentItem div.fullDescription table {
		border: 1px solid gray;
	}

.ie7 .expandableContentItem div.fullDescription table {
	border: 1px solid gray;
	width: 690px;
	border-collapse: collapse;
}

.expandableContentItem div.fullDescription table th {
	padding: 4px 2px;
	text-align: center;
	font-weight: bold;
	background-color: #e8eef4;
	border: solid 1px #e8eef4;
}

.expandableContentItem div.fullDescription table td {
	padding: 8px 6px;
}

.expandableContentItem div.fullDescription ul.bulletedList {
	margin-left: 50px !important;
}

.additionalResources ul {
	margin-top: 0px;
}

.additionalResources li {
	padding-left: 30px;
	margin-bottom: 10px;
	padding-right: 5px;
}

/*
* Financial Impact
*/
#WBADidYouKnow h4 {
	margin: 0 0 0 20px;
	padding-bottom: 0px;
}

#WBADidYouKnow p {
	padding-left: 20px;
}

.didyouknowItem {
	clear: both;
	margin-bottom: 2px;
	padding: 2px 2px 2px 0px;
	overflow: auto;
}

.finding {
	float: left;
}

	.finding p {
		padding: 0px;
		margin: 5px auto;
	}

	.finding span {
		margin-top: 0px;
	}

/*
* Human Impact
*/
#behavior, #impact {
	margin-top: 15px;
}

#resourcesList,
#caseStudiesList {
	clear: both;
	float: left;
}

	#resourcesList li,
	#caseStudiesList li {
		margin: 4px 0;
	}

/*
* User Guides
*/
.userGuideContainer h3 a:hover {
	text-decoration: none;
}

.userGuideTable {
	width: 100%;
	border-collapse: collapse;
	border: 0;
	margin-bottom: 10px;
}

	.userGuideTable td {
		padding: 5px 10px;
		vertical-align: top;
	}

		.userGuideTable td ul li {
			margin-bottom: 20px;
			color: #000;
		}

	.userGuideTable tbody tr {
		border-bottom: solid 1px #CCCCCC;
	}

	.userGuideTable tr th {
		text-align: left;
		background-color: white;
		color: #353535;
		font-size: 1em;
		border-bottom: solid 2px #333333;
	}

		.userGuideTable tr th a {
			font-weight: bold;
			font-size: 1em;
		}

	.userGuideTable tr:first-child {
		-webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.15);
		-moz-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.15);
		box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.15);
	}

	.userGuideTable tr:nth-child(even) {
		background-color: white;
	}

	.userGuideTable ul {
		list-style-type: none;
	}

		.userGuideTable ul li {
			margin-bottom: 8px;
		}

.screenSection, .userGuideContainer .header {
	float: left;
	margin-bottom: 35px;
}

.ie7 .screenSection, .ie7 .userGuideContainer .header {
	padding-top: 5px;
}

.screenSection p {
	margin-bottom: 5px;
}

	.screenSection p.quote {
		display: block;
		text-align: center;
		margin: 15px 20px 10px;
		font-style: italic;
		font-size: 1.3em;
		color: #000;
		font-family: Georgia;
	}

.screenSection .screenSubsection {
	margin-bottom: 0;
	float: left;
	width: 100%;
	clear: both;
}

	.screenSection .screenSubsection h4 {
		line-height: 1.3em;
		color: #000;
		border-bottom: 1px solid #999;
		padding-bottom: 6px;
	}

	.screenSection .screenSubsection .left {
		float: left;
	}

@media only screen and (min-width: 801px) {
	.screenSection .screenSubsection .left {
		width: 50%;
	}
}

.screenSection .screenSubsection ol {
	counter-reset: li;
	margin: 10px 0;
	padding: 0;
}

	.screenSection .screenSubsection ol li {
		position: relative;
		margin: 0 0 6px 2em;
		padding: 3px 6px 4px;
		list-style: none;
		color: #1f6cdf;
	}

		.screenSection .screenSubsection ol li#PPSearchGPC:hover {
			text-decoration: none;
			cursor: default;
		}

#PPSearchBox {
	height: 28px;
	margin-right: 5px;
	width: 200px;
	float: left;
}

@media only screen and (max-width: 520px) {
	#PPSearchBox {
		width: 175px;
	}
}

.ie7 .screenSection .screenSubsection ol li {
	list-style: decimal;
}

.screenSection .screenSubsection ol li:hover {
	text-decoration: underline;
	cursor: pointer;
}

.screenSection .screenSubsection ol li:before {
	content: counter(li);
	counter-increment: li;
	position: absolute;
	left: -2em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 2em;
	padding: 3px;
	color: #fff;
	background: #1c8921;
	font-weight: bold;
	text-align: center;
	top: 0px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
}

.screenSection .screenSubsection ol li:hover:before, .screenSection .screenSubsection ol li.active:before {
	background: #b9cd96;
	text-decoration: none;
	color: #1f6cdf;
	text-shadow: none;
}

.screenSection .screenSubsection .right {
	float: right;
	margin-right: 10px;
}

@media only screen and (min-width: 801px) {
	.screenSection .screenSubsection .right {
		width: 45%;
		max-width: 495px;
	}
}

@media only screen and (max-width: 520px) {
	.screenSection .screenSubsection .right {
		display: none;
	}
}

.imageMount {
	display: none;
	background-color: #666;
	padding: 10px;
	margin: 10px 0px 0px 20px;
	overflow: auto;
}

.mountMessage {
	float: right;
	margin-top: 10px;
	font-family: Georgia;
	font-style: italic;
}

.userGuideContainer div.description p {
	margin-bottom: 20px;
}

.userGuideContainer div.description h3 {
	display: inline-block;
	margin-top: 10px;
}

.userGuideContainer .callout {
	background: #f2f7f6;
	padding: 15px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

	.userGuideContainer .callout h3 {
		padding: 0px;
		color: #000;
		background-color: transparent;
	}

.userGuideContainer .overviewNav {
	margin-left: 30px;
}

	.userGuideContainer .overviewNav img {
		margin-left: 20px;
	}

div.mountCaption {
	margin: 10px 0px;
}

	div.mountCaption .link {
		float: left;
		color: #fff;
		font-size: 1.1em;
		font-family: Georgia;
		font-style: italic;
		white-space: nowrap;
		text-overflow: ellipsis;
		width: 100%;
		overflow: hidden;
	}

	div.mountCaption .button {
		float: right;
		-moz-box-shadow: inset 0px 1px 0px 0px #caefab;
		-webkit-box-shadow: inset 0px 1px 0px 0px #caefab;
		box-shadow: inset 0px 1px 0px 0px #caefab;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811));
		background: -moz-linear-gradient(center top, #77d42a 5%, #5cb811 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811');
		background-color: #77d42a;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		border: 1px solid #268a16;
		display: inline-block;
		color: #306108;
		font-size: 1em;
		font-weight: bold;
		padding: 6px 18px;
		text-decoration: none;
		text-shadow: 1px 1px 0px #aade7c;
	}

		div.mountCaption .button:hover {
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a));
			background: -moz-linear-gradient(center top, #5cb811 5%, #77d42a 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a');
			background-color: #5cb811;
		}

		div.mountCaption .button:active {
			position: relative;
			top: 1px;
		}

#userGuideNav a {
	line-height: 1.2 !important;
}

#userGuideNav .currentRole {
	float: left;
	padding-top: 16px;
}

@media only screen and (max-width: 520px) {
	#userGuideNav .currentRole {
		padding-top: 18px;
		margin-bottom: 5px;
	}
}

#userGuideNav .currentRole img {
	float: left;
	margin-right: 16px;
	margin-top: -1px;
}

#userGuideNav .icons div.img {
	min-height: 52px;
}

	#userGuideNav .icons div.img img {
		transition: all .2s;
	}

#userGuideNav .icons div:not(.img) {
	float: left;
	width: 82px;
	margin-left: 0px;
	margin-bottom: 60px;
	height: 40px;
	padding-top: 10px;
	text-align: center;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

@media only screen and (max-width: 520px) {
	#userGuideNav .icons div:not(.img) {
		width: 71px;
	}
}

#userGuideNav .icons div.active {
	font-weight: bold;
	line-height: 1.2;
}

	#userGuideNav .icons div.active:hover {
		box-shadow: none;
		background-color: transparent;
	}

#userGuideNav .icons div span {
	font-size: 0.9em;
}

#userGuideNav .icons div:not(.active):not(.img):hover {
	text-decoration: underline;
}

	#userGuideNav .icons div:not(.active):not(.img):hover img {
		opacity: 0.7;
	}

.communitySection {
	margin-top: 15px;
}

.communityContainer .tableDisplay {
	margin: 5px auto;
	text-align: center;
}

.communityContainer .left {
	float: left;
	text-align: left;
}

.communityContainer table {
	text-align: center;
	margin: 5px auto;
	border-collapse: collapse;
	border: 2px solid #999;
}

	.communityContainer table td {
		padding: 5px;
		border: 1px solid #999;
		text-align: center;
	}

	.communityContainer table tr:nth-child(odd) {
		background-color: #E6FFAD;
	}

.communityContainer .buttons {
	width: 350px;
	margin: 10px auto;
}

@media only screen and (max-width: 520px) {
	.communityContainer .buttons {
		width: auto;
	}
}

.communityContainer .buttons a {
	-moz-box-shadow: inset 0px 1px 0px 0px #c1ed9c;
	-webkit-box-shadow: inset 0px 1px 0px 0px #c1ed9c;
	box-shadow: inset 0px 1px 0px 0px #c1ed9c;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #20a324), color-stop(1, #1c8921));
	background: -moz-linear-gradient(center top, #20a324 5%, #1c8921 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20A324', endColorstr='#1c8921');
	background-color: #9dce2c;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #83c41a;
	display: inline-block;
	color: #ffffff;
	font-size: 0.92rem;
	font-weight: bold;
	padding: 6px 24px;
	margin-bottom: 5px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #689324;
}

	.communityContainer .buttons a:hover {
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1c8921), color-stop(1, #20a324));
		background: -moz-linear-gradient(center top, #1c8921 5%, #20a324 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c8921', endColorstr='#20A324');
		background-color: #8cb82b;
	}

	.communityContainer .buttons a:active {
		position: relative;
		top: 1px;
	}

.ie7 .communityContainer .buttons {
	width: 400px;
}

	.ie7 .communityContainer .buttons a {
		float: left;
		margin-left: 10px;
	}

.descriptionImage {
	max-width: 275px;
	margin: 0 0 20px 0;
	padding: 10px;
	background-color: #f2f7f6;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 1px 1px 2px #999999;
	-webkit-box-shadow: 1px 1px 2px #999999;
	box-shadow: 1px 1px 2px #999999;
}

.imageCaption {
	font-size: 0.753rem;
	text-align: center;
	margin: 10px;
}

	.imageCaption em {
		font-style: italic;
	}

	.imageCaption span.title {
		font-size: 1.2em;
		font-weight: bold;
	}

	.imageCaption span.quote {
		font-size: 1.3em;
		font-family: Georgia;
		color: #1c8921;
	}

	.imageCaption span.text {
		font-size: 1.1em;
	}

	.imageCaption span.citation {
		font-size: 1em;
	}

h3.componentTitle {
	display: inline-block;
	font-size: 1.6em;
}

.mainPost ul li span.searchword,
.relationTable table td span.searchword,
.greenTipsTable td span.searchword,
.systemRelationships span.searchword,
p span.searchword {
	background-color: yellow;
}

ul.bulletedList {
	list-style-type: disc;
	margin-left: 30px;
}

ol.bulletedList {
	list-style-type: decimal;
	margin-left: 55px;
}

	ul.bulletedList li, ol.bulletedList li {
		padding-left: 5px;
	}

/* jQuery Autocomplete */
input.ui-autocomplete-loading {
	background: url("/Content/Images/ajax-loader.gif") no-repeat right center;
}

.ui-autocomplete {
	/* We don't want autocomplete items to wrap... */
	white-space: nowrap;
	/* ... and when they don't wrap, we don't want their text to appear outside their container */
	overflow: hidden;
}

ul.ui-autocomplete li a {
	/* http://www.visibilityinherit.com/code/ellipsis.php */
	/* IE6+, Webkit 312.3+, Opera 10.7+, FF7+ */
	text-overflow: ellipsis;
	/* Opera < 10.7*/
	-o-text-overflow: ellipsis;
	-moz-binding: url("ellipsis.xml");
	display: inline-block;
	/*max-width: 200px;*/
}

/* Search Result Hiding */
.showAllResults {
	cursor: pointer;
	font-weight: bold;
	font-size: 0.9em;
}

/**Updated CSS for Project and Plan sections**/
.projectWrap .section {
	overflow: hidden;
	padding: 5px 0px 10px 55px;
	margin: 0 0 20px;
	border-bottom: solid 2px #EEE;
}

#titleSection {
	padding-left: 0px;
}

	#titleSection label {
		font-size: 2em;
	}

	#titleSection input {
		font-size: 2em;
		width: 50%;
	}

h3.projectHeader {
	background: white;
	color: black;
	clear: both;
	font-size: 2em;
	display: block;
	line-height: 45px;
	margin: 0 0 10px -55px;
	padding: 0;
}

	h3.projectHeader > span {
		background: green;
		color: white;
		display: block;
		font-size: 1.4em;
		float: left;
		width: 45px;
		height: 45px;
		text-align: center;
		line-height: 50px;
		margin-right: 10px;
	}

a.nextProjectSection {
	width: 50px;
	padding: 5px;
	background: #009935;
	background: -moz-linear-gradient(top, #009935 0%, #006e2e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009935), color-stop(100%, #006e2e));
	background: -webkit-linear-gradient(top, #009935 0%, #006e2e 100%);
	background: -o-linear-gradient(top, #009935 0%, #006e2e 100%);
	background: -ms-linear-gradient(top, #009935 0%, #006e2e 100%);
	background: linear-gradient(to bottom, #009935 0%, #006e2e 100%);
	color: white;
	display: block;
	border-radius: 3px;
	text-align: center;
	margin: 10px 0px;
	clear: both;
}

#projectType {
	font-size: 1.5em;
	display: block;
	clear: both;
	margin-bottom: 10px;
}

.projectDescriptionLabel {
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	color: black;
	float: none;
}

.budgetForm {
	overflow: hidden;
	margin: 10px 0px 10px;
	padding: 0px;
}

	.budgetForm > li {
		float: left;
		margin: 5px 40px 5px 0;
	}

		.budgetForm > li:nth-child(3) {
			clear: left;
		}

		.budgetForm > li > label {
			display: block;
			font-size: 1.1em;
			font-weight: bold;
			color: black;
			float: none;
		}

		.budgetForm > li input {
			float: none;
			width: 195px;
		}

.affectedSystems {
	overflow: hidden;
	clear: both;
}

	.affectedSystems > li {
		text-decoration: underline;
		width: 45.9%;
		text-align: center;
		padding: 5px 0px;
		color: #1f6cdf;
		border: solid 2px #eee;
		border-right: none;
		float: left;
		display: block;
		font-weight: bold;
		height: 40px;
		line-height: 40px;
		cursor: pointer;
	}

		.affectedSystems > li.multiline {
			line-height: 20px;
		}

		.affectedSystems > li:last-child {
			border-right: solid 2px #EEE;
		}

		.affectedSystems > li.selected {
			background: green;
			color: white;
		}

.currentGoals {
	border-bottom: 1px solid #EEE;
	padding: 5px 0px;
	overflow: hidden;
}

	.currentGoals > li {
		color: black;
		font-size: 1.1em;
	}

.tabWrap {
	float: left;
	width: 33%;
	padding: 0px;
	margin: 0px;
}

.tabs {
	margin: 0px;
}

	.tabs > li {
		overflow: auto;
	}

		.tabs > li > a {
			border: solid 1px #eee;
			font-weight: bold;
			font-size: 1em;
			display: block;
			line-height: 30px;
			min-height: 40px;
			padding: 15px 10px 5px;
			text-align: center;
		}

			.tabs > li > a.current {
				background: #EEE;
			}

#goalGroupMenu {
	position: relative;
}

.tabs > a.goalgroup {
	padding: 5px;
	display: block;
	text-align: center;
	clear: both;
	height: 40px;
	font-weight: bold;
	line-height: 40px;
}

#goalsWrap {
	float: left;
	width: 66.667%;
	overflow: hidden;
	overflow-y: auto;
	overflow-x: hidden;
	margin: 0px;
}

	#goalsWrap > ul {
		height: 200px;
		background: #EEE;
		margin: 0px;
		overflow: hidden;
		overflow-y: auto;
		overflow-x: hidden;
	}

		#goalsWrap > ul > li {
			padding: 10px 10px;
			font-size: 1.1em;
			background: #EEE;
			border-bottom: 1px solid white;
			overflow: auto;
		}

			#goalsWrap > ul > li > a,
			#goalsWrap > ul > li > a > i {
				float: right;
			}

#goalGroupMenu > a > i {
	left: 50px;
	position: absolute;
	top: 17px;
}

#goalsWrap > ul.stripes > li,
.grid_4 > #goalsWrap > ul.stripes,
.tabs > li > a.current.stripes,
.stripes {
	background-size: 20px 20px;
}

#goalsWrap > ul.angled > li,
.grid_4 > #goalsWrap > ul.angled,
.tabs > li > a.current.angled,
.angled {
	background-color: #E2FFDD;
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}

#goalsWrap > ul.goalGroup {
	font-size: 1em;
}

	#goalsWrap > ul.goalGroup > li {
		cursor: pointer;
	}

		#goalsWrap > ul.goalGroup > li.goalGroupHeader {
			padding: 5px 10px;
			cursor: default;
		}

			#goalsWrap > ul.goalGroup > li.goalGroupHeader > h4 {
				font-size: 0.95em;
			}

		#goalsWrap > ul.goalGroup > li > a {
			float: none;
		}

		#goalsWrap > ul.goalGroup > li > p {
			font-size: 0.8em;
		}

.grid_4 > .tabWrap {
	width: 45%;
}

	.grid_4 > .tabWrap i,
	.grid_4 > #goalsWrap i {
		/*  float: right;*/
	}

.grid_4 > #goalsWrap {
	width: 54%;
}

	.grid_4 > #goalsWrap > ul {
		overflow: hidden;
		overflow-y: auto;
		overflow-x: hidden;
	}

#goalsWrap > ul > li.goalForm {
	position: absolute;
	bottom: 0px;
	padding: 10px 9px 10px 8px;
	background: #888;
}

.teamMembers {
	border-bottom: 1px solid #EEE;
	padding: 5px 0px;
	overflow: hidden;
}

	.teamMembers > li {
		color: black;
		font-size: 1.1em;
	}

		.teamMembers > li > span {
			color: #696969;
			font-style: italic;
		}

		.teamMembers > li > a {
			display: inline-block;
			background: #AAA;
			margin-left: 5px;
			height: 15px;
			line-height: 11px;
			padding-left: 4px;
			width: 11px;
			border-radius: 10px;
		}

.addPerson > li {
	float: left;
	clear: both;
	display: block;
	margin-bottom: 5px;
	width: 50%;
}

	.addPerson > li > label {
		float: left;
		width: 30%;
		font-weight: bold;
		color: black;
		display: block;
	}

	.addPerson > li > input,
	.addPerson > li > select {
		width: 60%;
		float: left;
		margin-left: 5%;
		display: block;
	}

		.addPerson > li > input[type="submit"] {
			float: none;
			width: auto;
			margin-left: 0px;
		}

.consideration {
	background-color: #f2f7f6;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 10px 10px 5px;
	position: relative;
	font-weight: bold;
}

	.consideration h5 {
		background: none repeat scroll 0 0 green;
		color: white;
		display: block;
		font-size: 1.2em;
		left: 11.5%;
		line-height: 15px;
		padding: 5px 0 4px;
		position: absolute;
		text-align: center;
		top: -10px;
		width: 75%;
	}

a#startProject {
	height: 40px;
	width: 200px;
	line-height: 45px;
	padding: 5px;
	background: #009935;
	background: -moz-linear-gradient(top, #009935 0%, #006e2e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009935), color-stop(100%, #006e2e));
	background: -webkit-linear-gradient(top, #009935 0%, #006e2e 100%);
	background: -o-linear-gradient(top, #009935 0%, #006e2e 100%);
	background: -ms-linear-gradient(top, #009935 0%, #006e2e 100%);
	background: linear-gradient(to bottom, #009935 0%, #006e2e 100%);
	color: white;
	display: block;
	border-radius: 3px;
	text-align: center;
	margin: 10px 0px;
	clear: both;
	border: none;
	cursor: pointer;
	font-size: 1.5em;
}

/***/
.newProjectSection {
	overflow: hidden;
	padding: 10px 0px;
	border-bottom: solid 1px #EEE;
	margin-bottom: 20px;
}

	.newProjectSection .details {
		background: #EEE;
		width: 100%;
		position: relative;
		float: left;
		clear: both;
		padding: 5px;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

		.newProjectSection .details > li {
			float: left;
			display: inline-block;
			margin-right: 10px;
			color: #6B6B6B;
			font-weight: bold;
			padding: 5px;
		}

			.newProjectSection .details > li.publicBtn {
				float: right;
			}

				.newProjectSection .details > li.publicBtn > a {
					border-radius: 3px;
					padding: 5px;
					text-align: center;
					cursor: pointer;
					z-index: 101;
					background: #b7b7b7;
					background: -moz-linear-gradient(top, #b7b7b7 0%, #9b9b9b 100%);
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b7b7b7), color-stop(100%, #9b9b9b));
					background: -webkit-linear-gradient(top, #b7b7b7 0%, #9b9b9b 100%);
					background: -o-linear-gradient(top, #b7b7b7 0%, #9b9b9b 100%);
					background: -ms-linear-gradient(top, #b7b7b7 0%, #9b9b9b 100%);
					background: linear-gradient(to bottom, #b7b7b7 0%, #9b9b9b 100%);
					filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b7b7b7', endColorstr='#9b9b9b',GradientType=0 );
				}

			.newProjectSection .details > li.reports {
				float: right;
				position: relative;
				display: none;
				/**/
			}

				.newProjectSection .details > li.reports > span {
					color: white;
					background: #009935;
					background: -moz-linear-gradient(top, #009935 0%, #006e2e 100%);
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009935), color-stop(100%, #006e2e));
					background: -webkit-linear-gradient(top, #009935 0%, #006e2e 100%);
					background: -o-linear-gradient(top, #009935 0%, #006e2e 100%);
					background: -ms-linear-gradient(top, #009935 0%, #006e2e 100%);
					background: linear-gradient(to bottom, #009935 0%, #006e2e 100%);
					border-radius: 3px;
					padding: 5px;
					text-align: center;
					cursor: pointer;
					z-index: 101;
				}

					.newProjectSection .details > li.reports > span:hover {
						border-radius: 3px 3px 0px 0px;
					}

				.newProjectSection .details > li.reports > ul {
					display: none;
					position: absolute;
					left: -100px;
					top: 18px;
					padding: 20px;
					background: #006e2e;
					border-radius: 3px;
					z-index: 100;
				}

					.newProjectSection .details > li.reports > ul a {
						color: white;
					}

.reportsWrap {
	background: #009935;
	border-radius: 3px;
	padding: 5px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

	.reportsWrap h5 {
		color: white;
		font-size: 1.4em;
		width: 100%;
		text-align: center;
	}

a#projectComoplete {
	background: #009935;
	border-radius: 5px;
	display: block;
	font-weight: bold;
	padding: 10px;
	text-align: center;
	margin-top: -6px;
	/*
	width: 60%;
	margin: 0 auto 10px;
	*/
	color: white;
}

#projectTeam a.nextProjectSection {
	width: 130px;
}

#bigReportList {
	margin: auto;
}

	#bigReportList a {
		color: white;
	}

.goalHeader {
	overflow: hidden;
	margin-bottom: 5px;
}

	.goalHeader h3 {
		display: inline-block;
	}

.progress {
	display: block;
	position: relative;
	width: 100%;
	height: 20px;
	background: lightgreen;
	border-bottom: 2px solid green;
}

	.progress span {
		position: absolute;
		height: 10px;
		padding: 5px 0px;
		top: 0px;
		left: 0px;
		color: white;
	}

		.progress span.graphText {
			width: 97%;
			padding-left: 3%;
			line-height: 11px;
			font-weight: bold;
		}

		.progress span.value {
			background: green;
			zoom: 1;
			filter: alpha(opacity=70);
			opacity: 0.7;
		}

			.progress span.value:hover {
				background: green;
				zoom: 1;
				filter: alpha(opacity=70);
				opacity: 0.7;
			}

.suggestionBtn {
	display: block;
	padding: 2px 0px;
	width: 35%;
	margin: 3px 2.5% 0px;
	text-align: center;
	border-radius: 3px;
	border: solid 1px gray;
}

.keepSuggestion {
	background: white;
	float: left;
}

.deleteSuggestion {
	background: #f2f7f6;
	float: right;
}

.api-home #main {
	background: #004370 url(/content/images/homepage/api-hero.jpg) center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.api-home .page {
	padding: 0;
	color: #222;
}

.api-home .api-summary {
	color: #fff;
	text-align: center;
	font-size: 1.2em;
}

.api-home .api-subBlock .glow-button {
	font-size: 0.92rem;
	color: #17701B;
	border-radius: 40px !Important;
	background: #FFF;
	border: solid 3px #a9b6b9 !Important;
	padding: 11px 36px 10px 36px;
	transition: all .2s;
}

	.api-home .api-subBlock .glow-button:hover {
		border-color: #17701B !important;
	}

.api-home .api-subBlock.tile-btn {
	min-height: 234px;
	text-align: center;
	border-radius: 2px;
	border: solid 3px rgba(48, 78, 85, 0.25);
	padding: 10px 10px 10px 10px;
	background: rgba(33, 150, 243, 0.1);
}

	.api-home .api-subBlock.tile-btn.hl {
		color: #304e55;
		border-color: rgba(48, 78, 85, 0.25);
	}

	.api-home .api-subBlock.tile-btn img {
		margin-bottom: 30px;
		height: 128px;
		opacity: 0.4;
	}

	.api-home .api-subBlock.tile-btn p {
		font-size: 1.004rem;
		color: #1c1c1c;
		min-height: 122px;
	}

#api-hero {
	margin: 140px 0;
	text-shadow: 2px 2px 8px #333;
}

.main-site-link a {
	color: #222 !important;
}

	.main-site-link a:hover {
		text-shadow: 1px 1px 0 #F0F0F0;
	}

.row.api-subBlocks {
	padding: 5px 50px 38px 50px;
	max-width: none;
	background: #fff;
	position: relative;
}

@media (max-width: 520px) {
	.row.api-subBlocks {
		padding: 0 0 30px 0;
	}
}

.row.api-subBlocks:before {
	content: ' ';
	display: block;
	position: absolute;
	top: 0;
	left: -100%;
	width: 300%;
	height: 100%;
	background: #fff;
	background: linear-gradient(135deg, #ffffff 0%, #f6f6f6 60%, #ededed 85%, #ededed 100%);
}

.api-subBlock p {
	font-size: 1.15em;
	max-width: 450px;
}

.api-block-header {
	font-size: 2em;
}

@media (max-width: 600px) {
	.api-block-header {
		text-align: left !important;
		font-size: 1.6em;
	}
}

.api-summary {
	width: 50%;
	font-size: 1.5em;
	margin: auto;
}

@media (max-width: 801px) {
	.api-summary {
		font-size: 1.1em;
		width: 80%;
	}
}

@media (max-width: 520px) {
	.api-summary {
		width: 100%;
	}
}

#api-guide-content {
	margin: 65px 0;
}

	#api-guide-content h2 {
		font-size: 2.2em;
	}

	#api-guide-content h6 {
		display: inline-block;
	}

	#api-guide-content p {
		font-size: 1.18em;
	}

@media (max-width: 1000px) {
	#api-guide-content {
		padding: 0;
		margin-top: 20px;
	}
}

#wyg-wrap div:not(:last-child) {
	background: #FFF;
	border-bottom: solid 2px #EEE;
	padding-bottom: 15px;
}

#api-content {
	float: left;
	width: 70%;
}

@media (max-width: 1000px) {
	#api-content {
		width: 100%;
	}
}

.api-content-category {
	position: relative;
	margin-bottom: 75px;
	margin-top: 100px;
}

@media (max-width: 1108px) {
	.api-content-category {
		margin-top: 40px;
	}
}

.api-content-category h2 {
	font-size: 2.3em;
}

.api-content-category h5 {
	font-size: 1.3em;
}

.api-content-category h6 {
	background: none;
}

.api-content-category.first {
	margin-top: 0;
}

.code-example {
	margin: 10px 0;
	padding: 10px;
	border: solid 1px #222;
	color: #222;
}

	.code-example a {
		color: #222;
	}

.code-results {
	margin-bottom: 15px;
	white-space: pre-line;
	padding: 16px 20px 30px 20px;
	background: #ebebeb;
}

	.code-results code {
		color: #222;
		word-wrap: break-word;
	}

.results-btn {
	font-size: 0.8em !important;
}

.faq-section {
	background: #ebebeb;
	border: solid 1px #DADADA;
	margin: 5px 0 10px 0;
}

	.faq-section.first {
		margin-top: 25px;
	}

	.faq-section p {
		padding: 10px;
	}

	.faq-section .collapsed {
		display: none !important;
	}

	.faq-section .glow-button {
		display: block;
		font-size: 1.2em;
		text-align: left;
		padding-left: 10px;
		margin-bottom: 0;
	}

		.faq-section .glow-button:before {
			margin-left: 5px;
			position: absolute;
			content: "";
			width: 0;
			height: 0;
			display: block;
			border-style: solid;
			border-color: #222 transparent transparent transparent;
			top: 15px;
			right: 15px;
			border-width: .5625em;
		}

@media (max-width: 520px) {
	.faq-section .glow-button:before {
		content: none !important;
	}
}

@media (max-width: 600px) {
	#collapse-btn {
		width: 100%;
	}
}

#fixed-dropdown-wrap {
	position: absolute;
	top: 25px;
	right: 14px;
	width: 220px;
}

@media (max-width: 1000px) {
	#fixed-dropdown-wrap {
		display: none;
	}
}

#fixed-dropdown-wrap .glow-button-dropdown {
	margin-top: 50px;
}

@media (max-width: 1441px) {
	#fixed-dropdown-wrap .glow-button-dropdown.fix {
		margin-top: -134px;
	}
}

@media (max-width: 1180px) {
	#fixed-dropdown-wrap .glow-button-dropdown.fix {
		margin-top: -102px;
	}
}

@media (max-width: 1000px) {
	#fixed-dropdown-wrap .glow-button-dropdown.fix {
		margin-top: -77px;
	}
}

#api-topNav {
	width: 320px;
	float: right;
}

@media (max-width: 801px) {
	#api-topNav {
		width: 100%;
		float: none;
	}
}

#api-topNav li {
	display: inline;
}

#api-topNav a {
	width: 50%;
	margin-right: -4px;
	background: #4e7caf;
	color: white;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	padding: 10px 20px 11px;
	text-align: center;
	-webkit-transition: background-color 0.15s ease-in-out;
	-moz-transition: background-color 0.15s ease-in-out;
	-o-transition: background-color 0.15s ease-in-out;
	transition: background-color 0.15s ease-in-out;
}

	#api-topNav a:hover {
		background: #4872a1;
		text-decoration: none !important;
	}

	#api-topNav a.current, #api-topNav a.current:hover {
		background: #25476c;
		cursor: default;
	}

		#api-topNav a.current a, #api-topNav a.current:hover a {
			cursor: default;
		}

#api-sideNav {
	float: left;
	width: 250px;
	margin-top: 100px;
}

@media (max-width: 801px) {
	#api-sideNav {
		display: none;
	}
}

#api-sideNav a {
	display: block;
	background: #4e7caf;
	cursor: pointer;
	font-weight: bold;
	padding: 18px 20px 19px;
	-webkit-transition: background-color 0.15s ease-in-out;
	-moz-transition: background-color 0.15s ease-in-out;
	-o-transition: background-color 0.15s ease-in-out;
	transition: background-color 0.15s ease-in-out;
	color: white;
}

	#api-sideNav a:hover {
		text-decoration: none !important;
		background: #4872a1;
	}

	#api-sideNav a.current, #api-sideNav a.current:hover {
		background: #25476c;
		cursor: default;
	}

#terms-of-use h5 {
	font-size: 1.15em;
}

#terms-of-use p {
	margin-top: 0;
	margin-bottom: 1em;
}

/* CSS3 arrows */
.arrow-up {
	width: 0 !important;
	height: 0 !important;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #1f6cdf;
}

.arrow-down {
	width: 0 !important;
	height: 0 !important;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #1f6cdf;
}

.arrow-right {
	width: 0 !important;
	height: 0 !important;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #1f6cdf;
	position: absolute !important;
	right: 0px;
	top: 8px;
}

.arrow-left {
	width: 0 !important;
	height: 0 !important;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #1f6cdf;
}

/*Bootstrap Icons*/
[class^="icon-"],
[class*=" icon-"] {
	display: inline-block;
	width: 14px;
	height: 14px;
	*margin-right: .3em;
	line-height: 14px;
	vertical-align: text-top;
	background-image: url("/Content/images/glyphicons-halflings.png");
	background-position: 14px 14px;
	background-repeat: no-repeat;
}

	[class^="icon-"]:last-child,
	[class*=" icon-"]:last-child {
		*margin-left: 0;
	}

.textReplace {
	text-indent: -999px;
	/*Adding the text clear for accesability */
	overflow: hidden;
}

.icon-white {
	background-image: url("/Content/images/glyphicons-halflings-white.png");
}

.icon-green {
	background-image: url("/Content/images/glyphicons_halflings_green.png");
}

.icon-glass {
	background-position: 0 0;
}

.icon-music {
	background-position: -24px 0;
}

.icon-search {
	background-position: -48px 0;
}

.icon-envelope {
	background-position: -72px 0;
}

.icon-heart {
	background-position: -96px 0;
}

.icon-star {
	background-position: -120px 0;
}

.icon-star-empty {
	background-position: -144px 0;
}

.icon-user {
	background-position: -168px 0;
}

.icon-film {
	background-position: -192px 0;
}

.icon-th-large {
	background-position: -216px 0;
}

.icon-th {
	background-position: -240px 0;
}

.icon-th-list {
	background-position: -264px 0;
}

.icon-ok {
	background-position: -288px 0;
}

.icon-remove {
	background-position: -312px 0;
}

.icon-zoom-in {
	background-position: -336px 0;
}

.icon-zoom-out {
	background-position: -360px 0;
}

.icon-off {
	background-position: -384px 0;
}

.icon-signal {
	background-position: -408px 0;
}

.icon-cog {
	background-position: -432px 0;
}

.icon-trash {
	background-position: -456px 0;
}

.icon-home {
	background-position: 0 -24px;
}

.icon-file {
	background-position: -24px -23px;
}

.icon-time {
	background-position: -48px -24px;
}

.icon-road {
	background-position: -72px -24px;
}

.icon-download-alt {
	background-position: -96px -24px;
}

.icon-download {
	background-position: -120px -24px;
}

.icon-upload {
	background-position: -144px -24px;
}

.icon-inbox {
	background-position: -168px -24px;
}

.icon-play-circle {
	background-position: -192px -24px;
}

.icon-repeat {
	background-position: -216px -24px;
}

.icon-refresh {
	background-position: -240px -24px;
}

.icon-list-alt {
	background-position: -264px -24px;
}

.icon-lock {
	background-position: -287px -24px;
}

.icon-flag {
	background-position: -312px -24px;
}

.icon-headphones {
	background-position: -336px -24px;
}

.icon-volume-off {
	background-position: -360px -24px;
}

.icon-volume-down {
	background-position: -384px -24px;
}

.icon-volume-up {
	background-position: -408px -24px;
}

.icon-qrcode {
	background-position: -432px -24px;
}

.icon-barcode {
	background-position: -456px -24px;
}

.icon-tag {
	background-position: 0 -48px;
}

.icon-tags {
	background-position: -25px -48px;
}

.icon-book {
	background-position: -48px -48px;
}

.icon-bookmark {
	background-position: -72px -48px;
}

.icon-print {
	background-position: -96px -48px;
}

.icon-camera {
	background-position: -120px -48px;
}

.icon-font {
	background-position: -144px -48px;
}

.icon-bold {
	background-position: -167px -48px;
}

.icon-italic {
	background-position: -192px -48px;
}

.icon-text-height {
	background-position: -216px -48px;
}

.icon-text-width {
	background-position: -240px -48px;
}

.icon-align-left {
	background-position: -264px -48px;
}

.icon-align-center {
	background-position: -288px -48px;
}

.icon-align-right {
	background-position: -312px -48px;
}

.icon-align-justify {
	background-position: -336px -48px;
}

.icon-list {
	background-position: -360px -48px;
}

.icon-indent-left {
	background-position: -384px -48px;
}

.icon-indent-right {
	background-position: -408px -48px;
}

.icon-facetime-video {
	background-position: -432px -48px;
}

.icon-picture {
	background-position: -456px -48px;
}

.icon-pencil {
	background-position: 0 -72px;
}

.icon-map-marker {
	background-position: -24px -72px;
}

.icon-adjust {
	background-position: -48px -72px;
}

.icon-tint {
	background-position: -72px -72px;
}

.icon-edit {
	background-position: -96px -72px;
}

.icon-share {
	background-position: -120px -72px;
}

.icon-check {
	background-position: -144px -72px;
}

.icon-move {
	background-position: -168px -72px;
}

.icon-step-backward {
	background-position: -192px -72px;
}

.icon-fast-backward {
	background-position: -216px -72px;
}

.icon-backward {
	background-position: -240px -72px;
}

.icon-play {
	background-position: -264px -72px;
}

.icon-pause {
	background-position: -288px -72px;
}

.icon-stop {
	background-position: -312px -72px;
}

.icon-forward {
	background-position: -336px -72px;
}

.icon-fast-forward {
	background-position: -360px -72px;
}

.icon-step-forward {
	background-position: -384px -72px;
}

.icon-eject {
	background-position: -408px -72px;
}

.icon-chevron-left {
	background-position: -432px -72px;
}

.icon-chevron-right {
	background-position: -456px -72px;
}

.icon-plus-sign {
	background-position: 0 -96px;
}

.icon-minus-sign {
	background-position: -24px -96px;
}

.icon-remove-sign {
	background-position: -48px -96px;
}

.icon-ok-sign {
	background-position: -72px -96px;
}

.icon-question-sign {
	background-position: -96px -96px;
}

.icon-info-sign {
	background-position: -120px -96px;
}

.icon-screenshot {
	background-position: -144px -96px;
}

.icon-remove-circle {
	background-position: -168px -96px;
}

.icon-ok-circle {
	background-position: -192px -96px;
}

.icon-ban-circle {
	background-position: -216px -96px;
}

.icon-arrow-left {
	background-position: -240px -95px;
}

@media only screen and (min-width: 1441px) {
	.icon-arrow-left {
		background-position: -240px -94px;
	}
}

.icon-arrow-right {
	background-position: -264px -96px;
}

.icon-arrow-up {
	background-position: -289px -96px;
}

.icon-arrow-down {
	background-position: -312px -96px;
}

.icon-share-alt {
	background-position: -336px -96px;
}

.icon-resize-full {
	background-position: -360px -96px;
}

.icon-resize-small {
	background-position: -384px -96px;
}

.icon-plus {
	background-position: -408px -96px;
}

.icon-minus {
	background-position: -433px -96px;
}

.icon-asterisk {
	background-position: -456px -96px;
}

.icon-exclamation-sign {
	background-position: 0 -120px;
}

.icon-gift {
	background-position: -24px -120px;
}

.icon-leaf {
	background-position: -48px -120px;
}

.icon-fire {
	background-position: -72px -120px;
}

.icon-eye-open {
	background-position: -96px -120px;
}

.icon-eye-close {
	background-position: -120px -120px;
}

.icon-warning-sign {
	background-position: -144px -120px;
}

.icon-plane {
	background-position: -168px -120px;
}

.icon-calendar {
	background-position: -192px -120px;
}

.icon-random {
	background-position: -216px -120px;
}

.icon-comment {
	background-position: -240px -120px;
}

.icon-magnet {
	background-position: -264px -120px;
}

.icon-chevron-up {
	background-position: -288px -120px;
}

.icon-chevron-down {
	background-position: -313px -119px;
}

.icon-retweet {
	background-position: -336px -120px;
}

.icon-shopping-cart {
	background-position: -360px -120px;
}

.icon-folder-close {
	background-position: -384px -120px;
}

.icon-folder-open {
	background-position: -408px -120px;
}

.icon-resize-vertical {
	background-position: -432px -119px;
}

.icon-resize-horizontal {
	background-position: -456px -118px;
}

.icon-hdd {
	background-position: 0 -144px;
}

.icon-bullhorn {
	background-position: -24px -144px;
}

.icon-bell {
	background-position: -48px -144px;
}

.icon-certificate {
	background-position: -72px -144px;
}

.icon-thumbs-up {
	background-position: -96px -144px;
}

.icon-thumbs-down {
	background-position: -120px -144px;
}

.icon-hand-right {
	background-position: -144px -144px;
}

.icon-hand-left {
	background-position: -168px -144px;
}

.icon-hand-up {
	background-position: -192px -144px;
}

.icon-hand-down {
	background-position: -216px -144px;
}

.icon-circle-arrow-right {
	background-position: -240px -144px;
}

.icon-circle-arrow-left {
	background-position: -264px -144px;
}

.icon-circle-arrow-up {
	background-position: -288px -144px;
}

.icon-circle-arrow-down {
	background-position: -312px -144px;
}

.icon-globe {
	background-position: -336px -144px;
}

.icon-wrench {
	background-position: -360px -144px;
}

.icon-tasks {
	background-position: -384px -144px;
}

.icon-filter {
	background-position: -408px -144px;
}

.icon-briefcase {
	background-position: -432px -144px;
}

.icon-fullscreen {
	background-position: -456px -144px;
}

.plus-large {
	background: url("/Content/Images/Icons/plus-minus.png") no-repeat 0 0;
	height: 26px;
	width: 26px;
}

.minus-large {
	background: url("/Content/Images/Icons/plus-minus.png") no-repeat 0 -26px;
	height: 26px;
	width: 26px;
}

.icon-info-med {
	background: url("/Content/Images/Icons/info-icon-med.png") no-repeat 0 0;
	height: 26px;
	width: 26px;
}

.ribbon {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	border: 25px solid transparent;
	border-bottom: 25px solid #1c8921;
	position: absolute;
	top: -17px;
	right: -34px;
	padding: 0 10px;
	width: 85px;
	color: white;
	font-family: sans-serif;
	size: 11px;
}

	.ribbon .txt {
		position: absolute;
		top: 3px;
		left: 0px;
		font: bold 1.1em Sans-Serif;
		letter-spacing: 0.05em;
		text-shadow: #fff 0 0px 1px;
		-webkit-font-smoothing: antialiased;
		-webkit-backface-visibility: hidden;
	}

​ .tablink {
	margin-top: 10px;
	padding: 5px 5px;
	display: inline-block;
	background: #f0f0f0;
	border: 1px solid #ccc;
}

.tablink:hover {
	background-color: #e5e5e5;
}

.no-border {
	border: none !important;
}

/* styles for carousel on Space Details page*/
#carouselNavWrap {
	clear: both;
	width: 100%;
	padding: 4px 0 0 0;
	margin: 0 auto;
	height: 35px;
	background: white;
}

@media only screen and (max-width: 520px) {
	#carouselNavWrap {
		height: 24px;
	}
}

#carouselNavWrap.wideBox {
	height: 214px;
}

#carouselNavWrap .show-all {
	padding-left: 28px;
	height: 24px;
	float: left;
	background: url("/Content/Images/Icons/arrowhead-green.png") no-repeat left top;
	line-height: 24px;
	cursor: pointer;
	margin-left: 10px;
	text-decoration: none !important;
	color: #1c8921;
	font-weight: 700;
	font-size: 0.8em;
}

	#carouselNavWrap .show-all.down {
		background-position: left bottom;
	}

.carouselNav {
	margin: 0 auto;
	width: 126px;
}

	.carouselNav.sizeOne {
		display: none;
	}

	.carouselNav.sizeTwo {
		width: 83px;
	}

	.carouselNav.sizeFive {
		width: 210px;
	}

	.carouselNav.wideBox {
		width: 620px !important;
		height: 158px;
		border: 4px solid white;
		-moz-box-shadow: 1px 1px 4px gray;
		-webkit-box-shadow: 1px 1px 15px gray;
		box-shadow: 1px 1px 15px gray;
		clear: both;
	}

		.carouselNav.wideBox.sizeOne {
			display: none;
		}

		.carouselNav.wideBox.sizeTwo {
			width: 415px !important;
		}

		.carouselNav.wideBox.overflow-x {
			overflow-x: auto;
			overflow-y: hidden;
		}

	.carouselNav a.navCircle {
		width: 15px;
		height: 15px;
		display: inline-block;
		float: left;
		margin: 5px 15px;
		border: solid 2px white;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		background: #cecece !important;
	}

		.carouselNav a.navCircle.current {
			background: #1c8921 !important;
			border-color: white;
		}

	.carouselNav a.navImage {
		width: 200px;
		height: 150px;
		display: inline-block;
		float: left;
		margin: 0 2px;
	}

		.carouselNav a.navCircle.current, .carouselNav a.navImage.current {
			cursor: default;
		}

		.carouselNav a.navImage.current {
			border-bottom: solid 5px #1c8921;
		}

#imageWrap ul.roomimage {
	z-index: 0;
}

.roomImage > li.hover {
	z-index: 2;
}

#carousel-inner.wideBox {
	width: 2000px;
	margin: 0 auto;
}

	#carousel-inner.wideBox.sizeFive {
		width: 1032px;
	}

#carouselNavWrap ::-webkit-scrollbar {
	width: 8px;
}

#carouselNavWrap ::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

#carouselNavWrap ::-webkit-scrollbar-thumb {
	border-radius: 4px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
	background: #a1b972;
	cursor: pointer !important;
}

.DTTT_Print thead tr th:last-child,
.DTTT_Print tbody tr td:last-child {
	display: none;
}

.ProductCategoryTitleLink {
	font-size: 1.33em !important;
	margin-top: -11px !important;
	display: block;
}

.dropdownNav {
	display: none;
}

.hotAnnotations-content {
	font-size: 1.1em;
	line-height: 1.2em;
}

	.hotAnnotations-content div {
		margin-bottom: 1.2em;
	}

.annotaitonHeader {
	font-size: 1.4em;
}

#SideBarAnnotation.fixedSlide {
	top: 10px;
	padding-top: 20px;
}

.gpcTopBar {
	display: none;
}

.greenTipsTable td {
	width: 25%;
}

#spaceDetailsNav ul li a {
	font-size: 110% !important;
}

.portraitInfo {
	margin-bottom: 8px;
}

	.portraitInfo i {
		margin-right: 4px;
		margin-top: 1px;
	}

.buildingSection {
	background-color: #f0f0f0;
	display: inline-block;
	width: 49.8%;
	padding: 10px;
	margin-bottom: 5px;
	border: solid 1px #aaa;
}

@media (max-width: 801px) {
	.buildingSection {
		width: 100%;
	}
}

@media only screen and (max-width: 520px) {
	a {
		word-wrap: break-word;
	}

	.legend {
		height: auto;
	}

	.materialCompareLi {
		width: 100%;
	}

	.hoverPoint {
		width: 20px;
		height: 20px;
	}

	.downloadLinks .button {
		margin: 0;
	}

	#tblComp th.prosConsHdr,
	#tblComp th.comparisonTblHdr[scope="row"] {
		display: none;
	}
}

@media (max-width: 900px) {
	.mainPost, .mainPostNoChecks {
		width: 100%;
	}

	#GPCSearch label {
		display: none;
	}

	#GPCSidebarContent {
		position: static;
		max-width: 100%;
	}

	#stickyPart {
		max-width: 500px;
		margin: auto;
	}

	.groupItem a.imgLink img {
		width: 50px;
	}

	.groupItemText {
		margin-left: 60px;
	}

	.groupItem--ProductCount {
		left: 60px;
	}

	.dropdownNav {
		display: block;
	}

	.pageNav {
		display: none;
	}

	.feature img {
		max-width: 100%;
	}

	.legend {
		float: none !important;
	}

	#modalWrap .modalNav {
		width: 100%;
		margin-top: 8px;
	}

	.materialCompareLi {
		min-width: 16em;
	}

	#workspaces {
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		width: 100%;
		border: none;
	}

	.mobileHide {
		display: none;
	}

	#building-systems {
		border: none;
		box-shadow: none;
		width: 100%;
	}

	.wbaImages {
		display: none;
	}

	.wbaContainer {
		display: none;
		background: none;
	}

	.wbaDescription {
		display: none;
	}

	.socialWrap {
		display: none;
	}

	.spaceOverviewContent {
		width: 100%;
		font-size: 1.2em;
	}

	#carouselNavWrap {
		height: 2.2em;
	}

	.carouselNav a.navCircle {
		width: 20px;
		height: 20px;
		margin: 0 11px;
	}

	.backward, .forward {
		margin-top: 0.15em;
	}

	.imageWrap {
		width: 100%;
	}

	.roomImage {
		width: 100%;
		padding-top: 72.222222222%;
		overflow: visible !important;
	}

	.ProductNavWrap,
	a.colInfoTip {
		display: none;
	}

	.gpcBackHome {
		margin-top: 0px;
	}

	#gpcTitleDesc > h2 {
		margin-bottom: 0;
	}

	#gpcTitleDesc > p {
		margin-top: 10px;
	}

	.gpcTopBar {
		display: block;
		width: 100%;
	}

		.gpcTopBar.top-bar .name h1 a {
			width: 100%;
		}

	.ProductsWrap {
		width: 100%;
	}

	#gpcListWrap {
		display: none;
	}

	.addColumn {
		display: none;
	}

	#WBAMain {
		width: 100%;
	}

	.wbaHeader {
		float: none;
	}

		.wbaHeader h2 {
			width: 100%;
			margin-bottom: 5px;
		}

	.descriptionImage {
		margin: 5px 0;
	}

	#IntegrativeDesignContainer {
		background: none;
		height: auto;
	}

	.idp_description_container {
		width: 100%;
		position: static;
		margin-bottom: 15px;
	}

		.idp_description_container img {
			display: none;
		}

	.idp_description {
		width: 98%;
		padding: 10px 1%;
		border: 0px;
		box-shadow: none;
		max-height: none;
	}

		.idp_description h3 {
			width: 100%;
		}

	.roleHoverLink {
		display: none;
	}

	#IntegrativeDesignFooter {
		width: 100%;
	}

	.bundle {
		min-width: 100%;
		width: 100%;
	}

	#tabHeader {
		margin-top: 10px;
	}

	#allRatingSystems {
		width: 100%;
	}

		#allRatingSystems .ratingSystem {
			width: 100%;
		}

			#allRatingSystems .ratingSystem .ratingSystemDetails .relationTable,
			#allRatingSystems .ratingSystem .ratingSystemDetails .description {
				border: none;
				padding-left: 0px;
				width: 100%;
			}

	#allMandates {
		float: none;
	}

		#allMandates .mandate {
			border-bottom: solid 2px #EEE;
			padding-bottom: 5px;
		}

			#allMandates .mandate .mandateDetails {
				padding-left: 0px;
				background: none;
				width: 98%;
				padding: 0 1%;
			}

				#allMandates .mandate .mandateDetails p {
					width: 100%;
				}

	.WBAContent {
		width: 100%;
	}

	ul.subnavbar {
		margin-top: 5px;
	}

	.expandableContentItem {
		width: 100%;
	}

		.expandableContentItem .itemHeader {
			min-height: 32px;
		}

	.greenTipsTable td {
		width: 100%;
		float: left;
	}

	#ProductCategoryTitleWrap {
		border-top: none;
	}

	.ProductsLi h3 {
		font-size: 1.2em;
		width: 70%;
	}

	#login-oauth, #login-account {
		border: none;
	}
}

@media (min-width: 1000px) {
	#logindisplay-m {
		display: none;
	}
}

@media (max-width: 1025px) {
	.panelWrap {
		width: 100% !important;
	}

	.storyTiles {
		width: 100% !important;
	}
}

@media (max-width: 1025px) {
	#spaceContent {
		width: 100%;
	}

	#spaceDetailsNav {
		width: 100%;
	}

		#spaceDetailsNav ul li {
			float: left;
			display: inline;
			margin: 8px 20px 0 0;
		}

	.wbaDescription {
		height: 10em;
	}

	.wbaHovers > li.leftLabel > em {
		left: -103%;
	}
}

@media only screen and (min-width: 801px) {
	.materialCompareLi {
		min-width: 16em;
	}
}

@media only screen and (min-width: 1281px) {
	.searchResultsCount {
		font-size: 0.75em;
	}
}

@media only screen and (min-width: 1441px) {
	#spaceDetailsNav h4 {
		font-size: 1.6em;
	}
}

@media (max-width: 801px) {
	.mHide {
		display: none;
	}
}
/* STICKY FOOTER ELEMENTS */
* {
	margin: 0;
}

html, body {
	height: 100%;
}

#main {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -27em;
}

body.Home #main {
	min-height: 0 !important;
}

@media (max-width: 1000px) {
	#main {
		margin: 0 auto -28em;
	}
}

@media (max-width: 800px) {
	#main {
		margin: 0 auto -31em;
	}
}

#footer, .push {
	height: 27em;
	clear: both;
}

@media (max-width: 1000px) {
	#footer, .push {
		height: 28em;
	}
}

@media (max-width: 800px) {
	#footer, .push {
		height: 31em;
	}
}

body.Home .push {
	height: 0 !important;
}

.truncate {
	width: 100%;
	max-width: 100%;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Latest GPC Search Tweaks
*****************************************************/
#searchMain {
	min-height: 0;
}

#GPCMain.searchWrapper h4.muted {
	color: #818588;
	font-size: 1em;
	margin-bottom: 6px;
}

#GPCMain.searchWrapper #searchSftoolSidebar {
	background: #f2f2f2;
	border: solid 1px #dedede;
	margin-top: 8px;
}

	#GPCMain.searchWrapper #searchSftoolSidebar ul {
		background: #f2f2f2;
		margin: 0;
	}

#GPCMain.searchWrapper .combinedToo .tagResult {
	margin: 0;
	background: #f2f2f2;
	padding-bottom: 6px;
}

#GPCMain.searchWrapper .tags {
	padding: 0;
}

	#GPCMain.searchWrapper .tags .tag, #GPCMain.searchWrapper .tags .hyperlinkyForm input[type="submit"].tag {
		border-radius: 2px;
		color: #fff;
		background-color: #1f6cdf;
		padding: 3px 8px 2px 8px;
		margin: 2px 3px 2px 0;
		border: 0;
		font-size: 1.0em;
		transition: all .3s;
	}

		#GPCMain.searchWrapper .tags .tag:hover, #GPCMain.searchWrapper .tags .hyperlinkyForm input[type="submit"].tag:hover {
			opacity: 0.85;
		}

#GPCMain.searchWrapper .media, #GPCMain.searchWrapper .media-body {
	zoom: 1;
	overflow: hidden;
}

#GPCMain.searchWrapper .media-left, #GPCMain.searchWrapper .media-right, #GPCMain.searchWrapper .media-body {
	display: table-cell;
	vertical-align: top;
}

#GPCMain.searchWrapper .media-left, #GPCMain.searchWrapper .media > .pull-left {
	padding-right: 10px;
}

	#GPCMain.searchWrapper .media-left img {
		max-width: 110px;
	}

#GPCMain.searchWrapper .media-object {
	display: block;
}

#GPCMain.searchWrapper .thumbnail {
	display: block;
	margin-bottom: 24px;
	vertical-align: middle;
	line-height: 1.5;
	background-color: white;
	border-radius: 2px;
	-webkit-transition: border 0.2s ease-in-out;
	-o-transition: border 0.2s ease-in-out;
	transition: border 0.2s ease-in-out;
	box-shadow: 0 0 12px rgba(51, 51, 51, 0.16);
}

#GPCMain.searchWrapper .media-left, #GPCMain.searchWrapper .media-right, #GPCMain.searchWrapper .media-body {
	display: table-cell;
	vertical-align: top;
}

#GPCMain.searchWrapper .media-body {
	width: 10000px;
}

#GPCMain.searchWrapper .media-heading {
	margin-top: -4px;
	margin-bottom: 2px;
}

#GPCMain.searchWrapper .media-body p {
	margin-bottom: 4px;
	line-height: 1.26;
	font-size: .94em;
	font-weight: 200;
}

#GPCMain.searchWrapper .gpcSearchResultsList li ul {
	margin-left: 0;
}

#GPCMain.searchWrapper .gpcSearchResultsList ul.searchContentLevels > li {
	background-position: 0 3px;
	padding-top: 2px;
	padding-bottom: 2px;
}

	#GPCMain.searchWrapper .gpcSearchResultsList ul.searchContentLevels > li, #GPCMain.searchWrapper .gpcSearchResultsList ul.searchContentLevels > li p {
		font-size: 0.836rem;
	}

#GPCMain.searchWrapper .layout-toggles {
	padding: 16px 0;
	margin-bottom: -46px;
}

#GPCMain.searchWrapper .toggle-layout {
	float: right;
	border: 1px solid #d1d1d1;
	background: none;
	display: inline-block;
	height: 35px;
	padding: 1px 3px 0 2px;
	text-align: center;
	margin: 0;
	margin-left: 10px;
}

	#GPCMain.searchWrapper .toggle-layout:hover svg {
		fill: #1f6cdf;
	}

	#GPCMain.searchWrapper .toggle-layout svg {
		fill: #7d7d7d;
		height: 32px;
		width: 35px;
		margin: auto;
		transition: all .3s;
	}

#GPCMain.searchWrapper .layout-list [data-toggle-layout="layout-list"] svg {
	fill: #1f6cdf;
}

#GPCMain.searchWrapper .layout-list .prod-cats a {
	display: inline;
	padding-left: 4px;
	padding-right: 4px;
}

#GPCMain.searchWrapper .layout-list .media-left {
	padding-right: 18px;
}

	#GPCMain.searchWrapper .layout-list .media-left img {
		max-width: 75px;
	}

#GPCMain.searchWrapper .layout-list .media-body {
	max-width: 800px;
}

	#GPCMain.searchWrapper .layout-list .media-body p {
		margin-top: 0;
		font-size: 1em;
	}

#GPCMain.searchWrapper .layout-list .GPCproductPane .media-body p {
	display: none;
}

#GPCMain.searchWrapper .layout-grid [data-toggle-layout="layout-grid"] svg {
	fill: #1f6cdf;
}

#GPCMain.searchWrapper .layout-grid .gpcSearchResultsList > li {
	border: 0;
	margin: 0;
	padding: 0;
}

#GPCMain.searchWrapper .layout-grid .searchContentLevels {
	display: none;
	padding: 6px 12px;
}

	#GPCMain.searchWrapper .layout-grid .searchContentLevels > li {
		background-position: 0 4px !important;
		padding-top: 3px !important;
		padding-bottom: 1px !important;
	}

#GPCMain.searchWrapper .layout-grid .prod-cats {
	display: none;
	padding: 6px 12px;
}

	#GPCMain.searchWrapper .layout-grid .prod-cats a {
		color: #a6a8a9;
		font-size: 0.86em;
		display: block;
	}

#GPCMain.searchWrapper .layout-grid .hover-panel {
	position: absolute;
	color: #333;
	text-align: left;
	top: -35%;
	left: -17.5%;
	opacity: 0;
	background: rgba(255, 255, 255, 0.925);
	border: solid 1px transparent;
	width: 135%;
	max-height: 50%;
	border-radius: 0px;
	transition: opacity .5s;
	z-index: 99999;
	overflow: auto;
}

	#GPCMain.searchWrapper .layout-grid .hover-panel .searchContentLevels > li {
		background: none !important;
		padding: 2px 0 0 0 !important;
	}

#GPCMain.searchWrapper .layout-grid .media {
	position: relative;
	text-align: center;
	width: 16.666666%;
	float: left;
	min-height: 240px;
	padding: 0;
	overflow: visible;
	margin: 0 !important;
}

	#GPCMain.searchWrapper .layout-grid .media:hover .hover-panel {
		opacity: 1;
		border-color: #cbcfd1;
		transition: opacity .25s .55s;
	}

		#GPCMain.searchWrapper .layout-grid .media:hover .hover-panel .prod-cats {
			display: block;
		}

		#GPCMain.searchWrapper .layout-grid .media:hover .hover-panel .searchContentLevels {
			display: block;
		}

	#GPCMain.searchWrapper .layout-grid .media .media-left {
		display: block;
		padding: 0;
	}

	#GPCMain.searchWrapper .layout-grid .media .thumbnail {
		border: 0;
		padding: 0;
		margin: 0;
		max-height: 115px;
		margin: 0;
		margin: auto;
		max-width: 100%;
		box-shadow: 0 0 12px rgba(51, 51, 51, 0.16);
	}

	#GPCMain.searchWrapper .layout-grid .media .media-heading {
		font-size: 1em;
		margin: 0;
		color: #1f6cdf;
	}

	#GPCMain.searchWrapper .layout-grid .media .media-body {
		padding: 12px 0 0 0;
	}

		#GPCMain.searchWrapper .layout-grid .media .media-body p {
			display: none;
		}

		#GPCMain.searchWrapper .layout-grid .media .media-body span {
			display: none;
		}

		#GPCMain.searchWrapper .layout-grid .media .media-body > a {
			color: #a6a8a9;
			font-size: 0.86em;
			display: block;
		}

@media screen and (max-width: 1024px) {
	#GPCMain.searchWrapper h4 {
		font-size: 1.1em;
		margin: 4px 0 4px 0;
	}

		#GPCMain.searchWrapper h4.muted {
			color: #818588;
			font-size: 1em;
		}

	#GPCMain.searchWrapper #updateSearchQuery,
	#GPCMain.searchWrapper #updateSearchSubmit {
		font-size: 1.1em;
	}

	#GPCMain.searchWrapper .layout-grid .media {
		width: 20%;
	}
}

@media screen and (max-width: 800px) {
	#GPCMain.searchWrapper .layout-list .media-left img {
		max-width: 80px;
	}

	#GPCMain.searchWrapper .layout-list .media-body p {
		margin-top: -2px;
		font-size: .7em;
	}

	#GPCMain.searchWrapper .layout-grid .media {
		width: 25%;
		max-width: 210px;
		min-height: 250px;
	}

		#GPCMain.searchWrapper .layout-grid .media:hover .hover-panel {
			display: none;
		}

		#GPCMain.searchWrapper .layout-grid .media .media-heading {
			font-size: 1em;
		}

		#GPCMain.searchWrapper .layout-grid .media .thumbnail {
			max-height: 115px;
		}
}

@media screen and (max-width: 650px) {
	.gpc-product-filter > button {
		font-size: 0.669rem !important;
		padding: 9px 10px 6px 10px !important;
	}

	.gpc-product-filter > span {
		display: none;
	}

	.searchWrapper .column, .searchWrapper .columns {
		padding-left: 0;
		padding-right: 0;
	}

	#updateSearchQuery, #updateSearchSubmit {
		padding: 10px 11px !important;
		font-size: 0.836rem;
		line-height: 1.5;
		height: 40px !important;
	}

	#updateSearchSubmit {
		padding: 10px 2px !important;
		font-size: 0.669rem !important;
		line-height: 1.8;
	}

	.toggle-layout {
		height: 26px !important;
	}

		.toggle-layout svg {
			height: 23px !important;
			width: 26px !important;
		}

	#GPCMain.searchWrapper .layout-list .media {
		margin-bottom: 20px;
	}

		#GPCMain.searchWrapper .layout-list .media .thumbnail {
			max-height: 65px;
		}

	#GPCMain.searchWrapper .layout-list .media-heading {
		margin-top: -5px;
	}

	#GPCMain.searchWrapper .layout-list .media-left {
		padding-right: 10px;
	}

		#GPCMain.searchWrapper .layout-list .media-left img {
			max-width: 60px;
		}

	#GPCMain.searchWrapper .layout-list .media-body p {
		margin-top: -2px;
		font-size: .7em;
	}

	#GPCMain.searchWrapper .layout-grid .media {
		width: 31%;
		max-width: 210px;
		min-height: 165px;
		margin: 0 3px !Important;
	}

		#GPCMain.searchWrapper .layout-grid .media .media-heading {
			font-size: .9em;
		}

		#GPCMain.searchWrapper .layout-grid .media .thumbnail {
			border-radius: 0;
			width: 100%;
			max-height: 65px;
		}

	#GPCMain.searchWrapper .tags .tag {
		font-size: 0.669rem;
	}

	.prod-cats {
		font-size: 0.753rem;
		margin-bottom: 4px;
	}
}

.fade {
	transition: all .3s;
}

.hidden-fade {
	opacity: 0;
	transform: translate3d(0, 12px, 0);
	transition: all .3s;
}

/* Grid HTML Classes */
.row, .med-row {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	max-width: 1265px;
	*zoom: 1;
	min-width: 270px;
}

	.row:before, .row:after, .med-row:before, .med-row:after {
		content: " ";
		display: table;
	}

	.row:after, .med-row:after {
		clear: both;
	}

	.row.collapse .column,
	.row.collapse .columns, .med-row.collapse .column,
	.med-row.collapse .columns {
		position: relative;
		padding-left: 0;
		padding-right: 0;
		float: left;
	}

	.row .row, .med-row .row {
		width: auto;
		margin-left: -0.9375em;
		margin-right: -0.9375em;
		margin-top: 0;
		margin-bottom: 0;
		max-width: none;
		*zoom: 1;
	}

		.row .row:before, .row .row:after, .med-row .row:before, .med-row .row:after {
			content: " ";
			display: table;
		}

		.row .row:after, .med-row .row:after {
			clear: both;
		}

		.row .row.collapse, .med-row .row.collapse {
			width: auto;
			margin: 0;
			max-width: none;
			*zoom: 1;
		}

			.row .row.collapse:before, .row .row.collapse:after, .med-row .row.collapse:before, .med-row .row.collapse:after {
				content: " ";
				display: table;
			}

			.row .row.collapse:after, .med-row .row.collapse:after {
				clear: both;
			}

.column,
.columns {
	position: relative;
	padding-left: 0.9375em;
	padding-right: 0.9375em;
	width: 100%;
	float: left;
}

@media only screen {
	.column,
	.columns {
		position: relative;
		padding-left: 0.9375em;
		padding-right: 0.9375em;
		float: left;
	}

	.small-1 {
		position: relative;
		width: 8.33333%;
	}

	.small-2 {
		position: relative;
		width: 16.66667%;
	}

	.small-3 {
		position: relative;
		width: 25%;
	}

	.small-4 {
		position: relative;
		width: 33.33333%;
	}

	.small-5 {
		position: relative;
		width: 41.66667%;
	}

	.small-6 {
		position: relative;
		width: 50%;
	}

	.small-7 {
		position: relative;
		width: 58.33333%;
	}

	.small-8 {
		position: relative;
		width: 66.66667%;
	}

	.small-9 {
		position: relative;
		width: 75%;
	}

	.small-10 {
		position: relative;
		width: 83.33333%;
	}

	.small-11 {
		position: relative;
		width: 91.66667%;
	}

	.small-12 {
		position: relative;
		width: 100%;
	}

	.small-offset-0 {
		position: relative;
		margin-left: 0%;
	}

	.small-offset-1 {
		position: relative;
		margin-left: 8.33333%;
	}

	.small-offset-2 {
		position: relative;
		margin-left: 16.66667%;
	}

	.small-offset-3 {
		position: relative;
		margin-left: 25%;
	}

	.small-offset-4 {
		position: relative;
		margin-left: 33.33333%;
	}

	.small-offset-5 {
		position: relative;
		margin-left: 41.66667%;
	}

	.small-offset-6 {
		position: relative;
		margin-left: 50%;
	}

	.small-offset-7 {
		position: relative;
		margin-left: 58.33333%;
	}

	.small-offset-8 {
		position: relative;
		margin-left: 66.66667%;
	}

	.small-offset-9 {
		position: relative;
		margin-left: 75%;
	}

	.small-offset-10 {
		position: relative;
		margin-left: 83.33333%;
	}

	[class*="column"] + [class*="column"]:last-child {
		float: right;
	}

	[class*="column"] + [class*="column"].end {
		float: left;
	}

	.column.small-centered,
	.columns.small-centered {
		position: relative;
		margin-left: auto;
		margin-right: auto;
		float: none !important;
	}
}
/* Styles for screens that are atleast 768px; */
@media only screen and (min-width: 801px) {
	.large-1 {
		position: relative;
		width: 8.33333%;
	}

	.large-2 {
		position: relative;
		width: 16.66667%;
	}

	.large-3 {
		position: relative;
		width: 25%;
	}

	.large-4 {
		position: relative;
		width: 33.33333%;
	}

	.large-5 {
		position: relative;
		width: 41.66667%;
	}

	.large-6 {
		position: relative;
		width: 50%;
	}

	.large-7 {
		position: relative;
		width: 58.33333%;
	}

	.large-8 {
		position: relative;
		width: 66.66667%;
	}

	.large-9 {
		position: relative;
		width: 75%;
	}

	.large-10 {
		position: relative;
		width: 83.33333%;
	}

	.large-11 {
		position: relative;
		width: 91.66667%;
	}

	.large-12 {
		position: relative;
		width: 100%;
	}

	.row .large-offset-0 {
		position: relative;
		margin-left: 0%;
	}

	.row .large-offset-1 {
		position: relative;
		margin-left: 8.33333%;
	}

	.row .large-offset-2 {
		position: relative;
		margin-left: 16.66667%;
	}

	.row .large-offset-3 {
		position: relative;
		margin-left: 25%;
	}

	.row .large-offset-4 {
		position: relative;
		margin-left: 33.33333%;
	}

	.row .large-offset-5 {
		position: relative;
		margin-left: 41.66667%;
	}

	.row .large-offset-6 {
		position: relative;
		margin-left: 50%;
	}

	.row .large-offset-7 {
		position: relative;
		margin-left: 58.33333%;
	}

	.row .large-offset-8 {
		position: relative;
		margin-left: 66.66667%;
	}

	.row .large-offset-9 {
		position: relative;
		margin-left: 75%;
	}

	.row .large-offset-10 {
		position: relative;
		margin-left: 83.33333%;
	}

	.row .large-offset-11 {
		position: relative;
		margin-left: 91.66667%;
	}

	.push-1 {
		position: relative;
		left: 8.33333%;
		right: auto;
	}

	.pull-1 {
		position: relative;
		right: 8.33333%;
		left: auto;
	}

	.push-2 {
		position: relative;
		left: 16.66667%;
		right: auto;
	}

	.pull-2 {
		position: relative;
		right: 16.66667%;
		left: auto;
	}

	.push-3 {
		position: relative;
		left: 25%;
		right: auto;
	}

	.pull-3 {
		position: relative;
		right: 25%;
		left: auto;
	}

	.push-4 {
		position: relative;
		left: 33.33333%;
		right: auto;
	}

	.pull-4 {
		position: relative;
		right: 33.33333%;
		left: auto;
	}

	.push-5 {
		position: relative;
		left: 41.66667%;
		right: auto;
	}

	.pull-5 {
		position: relative;
		right: 41.66667%;
		left: auto;
	}

	.push-6 {
		position: relative;
		left: 50%;
		right: auto;
	}

	.pull-6 {
		position: relative;
		right: 50%;
		left: auto;
	}

	.push-7 {
		position: relative;
		left: 58.33333%;
		right: auto;
	}

	.pull-7 {
		position: relative;
		right: 58.33333%;
		left: auto;
	}

	.push-8 {
		position: relative;
		left: 66.66667%;
		right: auto;
	}

	.pull-8 {
		position: relative;
		right: 66.66667%;
		left: auto;
	}

	.push-9 {
		position: relative;
		left: 75%;
		right: auto;
	}

	.pull-9 {
		position: relative;
		right: 75%;
		left: auto;
	}

	.push-10 {
		position: relative;
		left: 83.33333%;
		right: auto;
	}

	.pull-10 {
		position: relative;
		right: 83.33333%;
		left: auto;
	}

	.push-11 {
		position: relative;
		left: 91.66667%;
		right: auto;
	}

	.pull-11 {
		position: relative;
		right: 91.66667%;
		left: auto;
	}

	.column.large-centered,
	.columns.large-centered {
		position: relative;
		margin-left: auto;
		margin-right: auto;
		float: none !important;
	}

	.column.large-uncentered,
	.columns.large-uncentered {
		margin-left: 0;
		margin-right: 0;
		float: left !important;
	}

		.column.large-uncentered.opposite,
		.columns.large-uncentered.opposite {
			float: right !important;
		}
}

.med-row {
	max-width: 54.25em;
}

@media (min-width: 600px) and (max-width: 800px) {
	.small-split {
		width: 50%;
	}
}

/* Foundation Visibility HTML Classes */
.show-for-small,
.show-for-medium-down,
.show-for-large-down {
	display: inherit;
}

.show-for-medium,
.show-for-medium-up,
.show-for-large,
.show-for-large-up,
.show-for-xlarge {
	display: none;
}

.hide-for-medium,
.hide-for-medium-up,
.hide-for-large,
.hide-for-large-up,
.hide-for-xlarge {
	display: inherit;
}

.hide-for-small,
.hide-for-medium-down,
.hide-for-large-down {
	display: none !important;
}

/* Specific visilbity for tables */
table.show-for-small, table.show-for-medium-down, table.show-for-large-down, table.hide-for-medium, table.hide-for-medium-up, table.hide-for-large, table.hide-for-large-up, table.hide-for-xlarge {
	display: table;
}

thead.show-for-small, thead.show-for-medium-down, thead.show-for-large-down, thead.hide-for-medium, thead.hide-for-medium-up, thead.hide-for-large, thead.hide-for-large-up, thead.hide-for-xlarge {
	display: table-header-group !important;
}

tbody.show-for-small, tbody.show-for-medium-down, tbody.show-for-large-down, tbody.hide-for-medium, tbody.hide-for-medium-up, tbody.hide-for-large, tbody.hide-for-large-up, tbody.hide-for-xlarge {
	display: table-row-group !important;
}

tr.show-for-small, tr.show-for-medium-down, tr.show-for-large-down, tr.hide-for-medium, tr.hide-for-medium-up, tr.hide-for-large, tr.hide-for-large-up, tr.hide-for-xlarge {
	display: table-row !important;
}

td.show-for-small, td.show-for-medium-down, td.show-for-large-down, td.hide-for-medium, td.hide-for-medium-up, td.hide-for-large, td.hide-for-large-up, td.hide-for-xlarge,
th.show-for-small,
th.show-for-medium-down,
th.show-for-large-down,
th.hide-for-medium,
th.hide-for-medium-up,
th.hide-for-large,
th.hide-for-large-up,
th.hide-for-xlarge {
	display: table-cell !important;
}

@media only screen and (max-width: 520px) {
	.hide-for-tiny {
		display: none !important;
	}

	.show-for-tiny {
		display: inherit !important;
	}
}
/* Medium Displays: 768px - 1279px */
@media only screen and (min-width: 801px) {
	.show-for-medium,
	.show-for-medium-up {
		display: inherit !important;
	}

	.show-for-small {
		display: none !important;
	}

	.hide-for-small {
		display: inherit !important;
	}

	.hide-for-medium,
	.hide-for-medium-up {
		display: none !important;
	}

	/* Specific visilbity for tables */
	table.show-for-medium, table.show-for-medium-up, table.hide-for-small {
		display: table;
	}

	thead.show-for-medium, thead.show-for-medium-up, thead.hide-for-small {
		display: table-header-group !important;
	}

	tbody.show-for-medium, tbody.show-for-medium-up, tbody.hide-for-small {
		display: table-row-group !important;
	}

	tr.show-for-medium, tr.show-for-medium-up, tr.hide-for-small {
		display: table-row !important;
	}

	td.show-for-medium, td.show-for-medium-up, td.hide-for-small,
	th.show-for-medium,
	th.show-for-medium-up,
	th.hide-for-small {
		display: table-cell !important;
	}
}
/* Large Displays: 1280px - 1440px */
@media only screen and (min-width: 1025px) {
	.show-for-large,
	.show-for-large-up {
		display: inherit !important;
	}

	.show-for-medium,
	.show-for-medium-down {
		display: none !important;
	}

	.hide-for-medium,
	.hide-for-medium-down {
		display: inherit !important;
	}

	.hide-for-large,
	.hide-for-large-up {
		display: none !important;
	}

	/* Specific visilbity for tables */
	table.show-for-large, table.show-for-large-up, table.hide-for-medium, table.hide-for-medium-down {
		display: table;
	}

	thead.show-for-large, thead.show-for-large-up, thead.hide-for-medium, thead.hide-for-medium-down {
		display: table-header-group !important;
	}

	tbody.show-for-large, tbody.show-for-large-up, tbody.hide-for-medium, tbody.hide-for-medium-down {
		display: table-row-group !important;
	}

	tr.show-for-large, tr.show-for-large-up, tr.hide-for-medium, tr.hide-for-medium-down {
		display: table-row !important;
	}

	td.show-for-large, td.show-for-large-up, td.hide-for-medium, td.hide-for-medium-down,
	th.show-for-large,
	th.show-for-large-up,
	th.hide-for-medium,
	th.hide-for-medium-down {
		display: table-cell !important;
	}
}
/* X-Large Displays: 1400px and up */
@media only screen and (min-width: 1441px) {
	.show-for-xlarge {
		display: inherit !important;
	}

	.show-for-large,
	.show-for-large-down {
		display: none !important;
	}

	.hide-for-large,
	.hide-for-large-down {
		display: inherit !important;
	}

	.hide-for-xlarge {
		display: none !important;
	}

	/* Specific visilbity for tables */
	table.show-for-xlarge, table.hide-for-large, table.hide-for-large-down {
		display: table;
	}

	thead.show-for-xlarge, thead.hide-for-large, thead.hide-for-large-down {
		display: table-header-group !important;
	}

	tbody.show-for-xlarge, tbody.hide-for-large, tbody.hide-for-large-down {
		display: table-row-group !important;
	}

	tr.show-for-xlarge, tr.hide-for-large, tr.hide-for-large-down {
		display: table-row !important;
	}

	td.show-for-xlarge, td.hide-for-large, td.hide-for-large-down,
	th.show-for-xlarge,
	th.hide-for-large,
	th.hide-for-large-down {
		display: table-cell !important;
	}
}
/* Orientation targeting */
.show-for-landscape,
.hide-for-portrait {
	display: inherit !important;
}

.hide-for-landscape,
.show-for-portrait {
	display: none !important;
}

/* Specific visilbity for tables */
table.hide-for-landscape, table.show-for-portrait {
	display: table;
}

thead.hide-for-landscape, thead.show-for-portrait {
	display: table-header-group !important;
}

tbody.hide-for-landscape, tbody.show-for-portrait {
	display: table-row-group !important;
}

tr.hide-for-landscape, tr.show-for-portrait {
	display: table-row !important;
}

td.hide-for-landscape, td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
	display: table-cell !important;
}

@media only screen and (orientation: landscape) {
	.show-for-landscape,
	.hide-for-portrait {
		display: inherit !important;
	}

	.hide-for-landscape,
	.show-for-portrait {
		display: none !important;
	}

	/* Specific visilbity for tables */
	table.show-for-landscape, table.hide-for-portrait {
		display: table;
	}

	thead.show-for-landscape, thead.hide-for-portrait {
		display: table-header-group !important;
	}

	tbody.show-for-landscape, tbody.hide-for-portrait {
		display: table-row-group !important;
	}

	tr.show-for-landscape, tr.hide-for-portrait {
		display: table-row !important;
	}

	td.show-for-landscape, td.hide-for-portrait,
	th.show-for-landscape,
	th.hide-for-portrait {
		display: table-cell !important;
	}
}

@media only screen and (orientation: portrait) {
	.show-for-portrait,
	.hide-for-landscape {
		display: inherit !important;
	}

	.hide-for-portrait,
	.show-for-landscape {
		display: none !important;
	}

	/* Specific visilbity for tables */
	table.show-for-portrait, table.hide-for-landscape {
		display: table;
	}

	thead.show-for-portrait, thead.hide-for-landscape {
		display: table-header-group !important;
	}

	tbody.show-for-portrait, tbody.hide-for-landscape {
		display: table-row-group !important;
	}

	tr.show-for-portrait, tr.hide-for-landscape {
		display: table-row !important;
	}

	td.show-for-portrait, td.hide-for-landscape,
	th.show-for-portrait,
	th.hide-for-landscape {
		display: table-cell !important;
	}
}
/* Touch-enabled device targeting */
.show-for-touch {
	display: none !important;
}

.hide-for-touch {
	display: inherit !important;
}

.touch .show-for-touch {
	display: inherit !important;
}

.touch .hide-for-touch {
	display: none !important;
}

/* Specific visilbity for tables */
table.hide-for-touch {
	display: table;
}

.touch table.show-for-touch {
	display: table;
}

thead.hide-for-touch {
	display: table-header-group !important;
}

.touch thead.show-for-touch {
	display: table-header-group !important;
}

tbody.hide-for-touch {
	display: table-row-group !important;
}

.touch tbody.show-for-touch {
	display: table-row-group !important;
}

tr.hide-for-touch {
	display: table-row !important;
}

.touch tr.show-for-touch {
	display: table-row !important;
}

td.hide-for-touch {
	display: table-cell !important;
}

.touch td.show-for-touch {
	display: table-cell !important;
}

th.hide-for-touch {
	display: table-cell !important;
}

.touch th.show-for-touch {
	display: table-cell !important;
}

@media (min-width: 520px) {
	.portraitInfo {
		display: none !important;
	}
}

p.lead, .p.lead {
	font-size: 1.26875em;
	line-height: 1.6;
}

.subheader {
	line-height: 1.1;
	color: #222222;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0;
}

/* Typography resets */
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
	direction: ltr;
}

/* Default Link Styles */
a, a.h4 {
	color: #1f6cdf;
	line-height: inherit;
	/*
  &:hover,
  &:focus { color: $anchor-font-color-hover; }
  */
}

	a img, a.h4 img {
		border: none;
	}

/* Default paragraph styles */
p, .p {
	font-family: inherit;
	font-weight: normal;
	font-size: 1.05em;
	line-height: 1.5;
	margin-top: 0.625em;
	margin-bottom: 0.625em;
	text-rendering: optimizeLegibility;
}

	p aside, .p aside {
		font-size: 0.875em;
		line-height: 1.35;
		font-style: italic;
	}

/* Default header styles */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-weight: normal;
	font-style: normal;
	color: #333333;
	text-rendering: optimizeLegibility;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 1.1;
	overflow: hidden;
	padding-bottom: 2px;
}

	h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small {
		font-size: 60%;
		padding: 0;
		line-height: 0 !important;
	}

@media (max-width: 801px) {
	h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
		line-height: 1.3em;
	}
}

h1, .h1 {
	font-size: 3.125em;
	font-family: "AvenirStd", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: 900;
}

h2, .h2 {
	font-size: 2em;
	font-family: "AvenirStd", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: 900;
}

h3, .h3 {
	background-color: #1c8921;
	color: white;
	display: inline-block;
	font-family: "AvenirStd", "Helvetica Neue", Helvetica;
	font-size: 1.125em;
	padding: 5px 10px 5px 10px;
	font-weight: 900;
	letter-spacing: 0.01em;
}

	h3 a, .h3 a {
		color: white;
	}

h4, .h4 {
	font-size: 1.0625em;
	color: #18831d;
	font-family: "AvenirStd", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: 700;
	padding: 5px 0px;
	margin: 4px 0 0 0;
}

h5, .h5 {
	color: #333333;
	font-size: 1.125em;
	font-family: "AvenirStd", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: 700;
	padding: 4px 0px;
	background: none;
}

	h5 a, .h5 a {
		color: #333333;
	}

@media only screen and (min-width: 1441px) {
	h5, .h5 {
		margin: 3px 0 1px 0;
	}
}

h6, .h6 {
	font-family: "AvenirStd", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #666;
	background: #f0f0f0;
	padding: 5px 10px;
	margin: 4px 0;
	display: block;
}

.h7 {
	font-size: 1.6em;
	color: #333333;
	background-color: transparent;
	padding: 0;
}

hr {
	border: solid #dddddd;
	border-width: 1px 0 0;
	clear: both;
	margin: 1.25em 0 1.1875em;
	height: 0;
}

/* Helpful Typography Defaults */
em,
i {
	line-height: inherit;
}

i {
	font-style: italic;
}

strong,
b {
	font-weight: bold;
	line-height: inherit;
}

strong {
	color: #18831D;
}

small {
	font-size: 60%;
	line-height: inherit;
}

code {
	font-family: Consolas, "Liberation Mono", Courier, monospace;
	font-weight: bold;
	color: #7f0a0c;
}

/* Lists */
ul,
ol,
dl {
	font-size: 1.05em;
	line-height: 1.5;
	margin-top: 0.625em;
	margin-bottom: 0.625em;
	list-style-position: outside;
	font-family: inherit;
}

ul, ol {
	margin-left: 0;
}

	/* Unordered Lists */
	ul li ul,
	ul li ol {
		margin-left: 1.125em;
		font-size: 1em;
		/* Override nested font-size change */
	}

	ul.square li ul, ul.circle li ul, ul.disc li ul {
		list-style: inherit;
	}

	ul.square {
		list-style-type: square;
	}

	ul.circle {
		list-style-type: circle;
	}

	ul.disc {
		list-style-type: disc;
	}

	ul.no-bullet {
		list-style: none;
	}

	/* Ordered Lists */
	ol li ul,
	ol li ol {
		margin-left: 1.125em;
		margin-bottom: 0;
	}

/* Definition Lists */
dl dt {
	margin-bottom: 0.3em;
	font-weight: bold;
}

dl dd {
	margin-bottom: 0.75em;
}

/* Abbreviations */
abbr,
acronym {
	text-transform: uppercase;
	font-size: 90%;
	color: #282729;
	border-bottom: 1px dotted #dddddd;
	cursor: help;
}

abbr {
	text-transform: none;
}

/* Blockquotes */
blockquote {
	margin: 0 0 0.625em;
	padding: 0.5625em 1.25em 0 1.1875em;
	border-left: 1px solid #dddddd;
}

	blockquote cite {
		display: block;
		font-size: 0.8125em;
		color: #666666;
	}

		blockquote cite:before {
			content: "\2014 \0020";
		}

		blockquote cite a,
		blockquote cite a:visited {
			color: #666666;
		}

	blockquote,
	blockquote p {
		line-height: 1.5;
		color: #767676;
	}

.caption {
	background: #2d4a58;
	background: rgba(45, 74, 88, 0.85);
	color: white;
	font-weight: bold;
	width: 100%;
	padding: 2.5%;
	line-height: 1.4em;
}

	.caption a {
		color: white;
		text-decoration: underline;
	}

@media only screen and (min-width: 801px) {
	.caption {
		bottom: 0;
		left: 0;
		position: absolute;
	}
}
/* Microformats */
.vcard {
	display: inline-block;
	margin: 0 0 1.25em 0;
	border: 1px solid #dddddd;
	padding: 0.625em 0.75em;
}

	.vcard li {
		margin: 0;
		display: block;
	}

	.vcard .fn {
		font-weight: bold;
		font-size: 0.9375em;
	}

.vevent .summary {
	font-weight: bold;
}

.vevent abbr {
	cursor: default;
	text-decoration: none;
	font-weight: bold;
	border: none;
	padding: 0 0.0625em;
}

@media only screen and (min-width: 801px) {
	h1, h2, h3, h4, h5, h6 {
		line-height: 1.1;
	}

	h1 {
		font-size: 3.75em;
	}

	h2 {
		font-size: 2.625em;
	}

	h3 {
		font-size: 1.4375em;
	}

	h4 {
		font-size: 1.375em;
	}
}
/*
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
.print-only {
	display: none !important;
}

@media print {
	* {
		background: transparent !important;
		color: #000 !important;
		/* Black prints faster: h5bp.com/s */
		box-shadow: none !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

		a[href]:after {
			content: " (" attr(href) ")";
		}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: "";
	}

	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group;
		/* h5bp.com/t */
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	@page {
		margin: 0.5cm;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}

	.hide-on-print {
		display: none !important;
	}

	.print-only {
		display: block !important;
	}

	.hide-for-print {
		display: none !important;
	}

	.show-for-print {
		display: inherit !important;
	}
}

h2.small, .h2.small {
	font-size: 1.7em;
}

button, .button {
	border-style: solid;
	border-width: 1px;
	cursor: pointer;
	font-family: AvenirStd, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: 600;
	line-height: 1;
	margin: 0 0 1.25em;
	position: relative;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	padding-top: 0.6875em;
	padding-right: 1.375em;
	padding-bottom: 0.625em;
	padding-left: 1.375em;
	font-size: 1em;
	background-color: #1c8921;
	border-color: #19871e;
	color: white;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

	button:hover, .button:hover {
		text-decoration: none;
	}

	button:hover, button:focus, .button:hover, .button:focus {
		background-color: #157119;
	}

	button:hover, button:focus, .button:hover, .button:focus {
		color: white;
	}

	button.secondary, .button.secondary {
		background-color: #1c8921;
		border-color: #19871e;
		color: white;
	}

		button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
			background-color: #157119;
		}

		button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
			color: white;
		}

	button.success, .button.success {
		background-color: #5da423;
		border-color: #5ba022;
		color: white;
	}

		button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
			background-color: #4f8b1e;
		}

		button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
			color: white;
		}

	button.alert, .button.alert {
		background-color: #c60f13;
		border-color: #c10f13;
		color: white;
	}

		button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
			background-color: #aa0d10;
		}

		button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
			color: white;
		}

	button.large, .button.large {
		padding-top: 1em;
		padding-right: 2em;
		padding-bottom: 0.9375em;
		padding-left: 2em;
		font-size: 1.25em;
	}

	button.small, .button.small {
		padding-top: 0.5625em;
		padding-right: 1.125em;
		padding-bottom: 0.5em;
		padding-left: 1.125em;
		font-size: 0.9375em;
	}

	button.tiny, .button.tiny {
		padding-top: 0.4375em;
		padding-right: 0.875em;
		padding-bottom: 0.375em;
		padding-left: 0.875em;
		font-size: 0.8125em;
	}

	button.expand, .button.expand {
		padding-right: 0px;
		padding-left: 0px;
		width: 100%;
	}

	button.left-align, .button.left-align {
		text-align: left;
		text-indent: 0.75em;
	}

	button.right-align, .button.right-align {
		text-align: right;
		padding-right: 0.75em;
	}

	button.disabled, button[disabled], .button.disabled, .button[disabled] {
		background-color: #1c8921;
		border-color: #19871e;
		color: white;
		cursor: default;
		opacity: 0.6;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

		button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
			background-color: #157119;
		}

		button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
			color: white;
		}

		button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
			background-color: #1c8921;
		}

		button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
			background-color: #1c8921;
			border-color: #19871e;
			color: white;
			cursor: default;
			opacity: 0.6;
			-webkit-box-shadow: none;
			box-shadow: none;
		}

			button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
				background-color: #157119;
			}

			button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
				color: white;
			}

			button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
				background-color: #1c8921;
			}

		button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
			background-color: #5da423;
			border-color: #5ba022;
			color: white;
			cursor: default;
			opacity: 0.6;
			-webkit-box-shadow: none;
			box-shadow: none;
		}

			button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
				background-color: #4f8b1e;
			}

			button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
				color: white;
			}

			button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
				background-color: #5da423;
			}

		button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
			background-color: #c60f13;
			border-color: #c10f13;
			color: white;
			cursor: default;
			opacity: 0.6;
			-webkit-box-shadow: none;
			box-shadow: none;
		}

			button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
				background-color: #aa0d10;
			}

			button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
				color: white;
			}

			button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
				background-color: #c60f13;
			}

button, .button {
	padding-top: 0.75em;
	padding-bottom: 0.6875em;
	-webkit-appearance: none;
}

	button.tiny, .button.tiny {
		padding-top: 0.5em;
		padding-bottom: 0.4375em;
		-webkit-appearance: none;
	}

	button.small, .button.small {
		padding-top: 0.625em;
		padding-bottom: 0.5625em;
		-webkit-appearance: none;
	}

	button.large, .button.large {
		padding-top: 1.03125em;
		padding-bottom: 1.03125em;
		-webkit-appearance: none;
	}

@media only screen {
	button, .button {
		-webkit-transition: background-color 300ms ease-out;
		-moz-transition: background-color 300ms ease-out;
		transition: background-color 300ms ease-out;
	}

		button.radius, .button.radius {
			-webkit-border-radius: 1px;
			border-radius: 1px;
		}

		button.round, .button.round {
			-webkit-border-radius: 1000px;
			border-radius: 1000px;
		}
}

@media only screen and (min-width: 801px) {
	button, .button {
		display: inline-block;
	}

		button:hover, .button:hover {
			text-decoration: none;
		}
}

.button.small, button.small {
	padding-top: 0.72em;
	padding-bottom: 0.762em;
	padding-left: 1.25em;
	padding-right: 1.25em;
}

.icon-button, input.icon-button, .button.icon-button {
	padding: 0.65em;
}

.glow-button {
	margin: auto;
	background: #17701B;
	font: 900 18px/22px "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-family: inherit;
	font-weight: bold;
	line-height: 1;
	outline: none !important;
	box-shadow: none !important;
	border: none !important;
	-moz-border-radius: 2px !important;
	-webkit-border-radius: 2px !important;
	border-radius: 2px !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	padding: 13px 36px 12px 36px;
	position: relative;
	text-align: center;
	-webkit-transition: background-color 0.15s ease-in-out;
	-moz-transition: background-color 0.15s ease-in-out;
	-o-transition: background-color 0.15s ease-in-out;
	transition: background-color 0.15s ease-in-out;
}

@media (max-width: 801px) {
	.glow-button {
		display: block;
	}
}

.glow-button:hover {
	text-decoration: none;
	background: #213f60;
}

.glow-button.small {
	font-size: 0.85em;
}

.glow-button.green {
	background: #2196F3;
	border: solid 2px #fff !Important;
}

	.glow-button.green:hover {
		background: #0c7cd5;
	}

.glow-button.light-blue {
	background: #2ba6cb;
}

	.glow-button.light-blue:hover {
		background: #289cbe;
	}

.glow-button.gray {
	background: #ebebeb;
	color: #222 !important;
}

	.glow-button.gray:hover {
		background: #e3e3e3;
	}

.glow-button.stacked {
	width: 48%;
	float: left;
	margin: 0 1% 2% 1%;
}

@media (max-width: 520px) {
	.glow-button.stacked {
		width: auto;
		display: block;
		float: none;
		margin: 0 1% 3% 1%;
	}
}

.glow-button[href="#document-top"]:hover:before {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	display: block;
	border-style: solid;
	border-color: transparent transparent #222 transparent;
	bottom: 17px;
	right: 15px;
	border-width: .5625em;
}

.icon-trash.icon-btn {
	background-color: #eee;
	border: solid 1px #AAA;
	padding: 10px 10px 11px 10px;
	border-radius: 2px;
	background-position: -453px 4px;
	-webkit-transition: background-color 0.15s ease-in-out;
	-moz-transition: background-color 0.15s ease-in-out;
	-o-transition: background-color 0.15s ease-in-out;
	transition: background-color 0.15s ease-in-out;
}

	.icon-trash.icon-btn:hover {
		background-color: #c4c4c4;
	}

.add-btn,
.add-button,
.save-btn,
.save-button,
.delete-btn,
.delete-button,
.edit-btn,
.edit-button,
.cancel-btn,
.cancel-button,
.view-btn,
.view-button {
	border-style: solid;
	border-width: 1px;
	cursor: pointer;
	font-family: AvenirStd, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: 600;
	line-height: 1;
	margin: 0 0 1.25em;
	position: relative;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	padding-top: 0.5625em;
	padding-right: 1.125em;
	padding-bottom: 0.5em;
	padding-left: 1.125em;
	font-size: 0.9375em;
	background-color: #18821d;
	border-color: #19871e;
	color: white;
	padding-left: 25px;
	padding-top: 0.582em;
	color: white;
	margin: 0 0.2em 1.25em 0;
	border-radius: 1px;
	-moz-transition: background-color 350ms;
	-webkit-transition: background-color 350ms;
	transition: background-color 350ms;
}

	.add-btn:hover,
	.add-button:hover,
	.save-btn:hover,
	.save-button:hover,
	.delete-btn:hover,
	.delete-button:hover,
	.edit-btn:hover,
	.edit-button:hover,
	.cancel-btn:hover,
	.cancel-button:hover,
	.view-btn:hover,
	.view-button:hover {
		text-decoration: none;
	}

	.add-btn:hover, .add-btn:focus,
	.add-button:hover,
	.add-button:focus,
	.save-btn:hover,
	.save-btn:focus,
	.save-button:hover,
	.save-button:focus,
	.delete-btn:hover,
	.delete-btn:focus,
	.delete-button:hover,
	.delete-button:focus,
	.edit-btn:hover,
	.edit-btn:focus,
	.edit-button:hover,
	.edit-button:focus,
	.cancel-btn:hover,
	.cancel-btn:focus,
	.cancel-button:hover,
	.cancel-button:focus,
	.view-btn:hover,
	.view-btn:focus,
	.view-button:hover,
	.view-button:focus {
		background-color: #146917;
	}

	.add-btn:hover, .add-btn:focus,
	.add-button:hover,
	.add-button:focus,
	.save-btn:hover,
	.save-btn:focus,
	.save-button:hover,
	.save-button:focus,
	.delete-btn:hover,
	.delete-btn:focus,
	.delete-button:hover,
	.delete-button:focus,
	.edit-btn:hover,
	.edit-btn:focus,
	.edit-button:hover,
	.edit-button:focus,
	.cancel-btn:hover,
	.cancel-btn:focus,
	.cancel-button:hover,
	.cancel-button:focus,
	.view-btn:hover,
	.view-btn:focus,
	.view-button:hover,
	.view-button:focus {
		color: white;
	}

	.add-btn.textReplace,
	.add-button.textReplace,
	.save-btn.textReplace,
	.save-button.textReplace,
	.delete-btn.textReplace,
	.delete-button.textReplace,
	.edit-btn.textReplace,
	.edit-button.textReplace,
	.cancel-btn.textReplace,
	.cancel-button.textReplace,
	.view-btn.textReplace,
	.view-button.textReplace {
		padding: 7px 0;
		width: 28px;
	}

.add-btn,
.add-button {
	padding-left: 1.125em;
}

.save-btn,
.save-button {
	background: #18821d url("/Content/Images/Icons/admin-icons.png") no-repeat 7px -177px;
}

.edit-btn,
.edit-button {
	background: #18821d url("/Content/Images/Icons/admin-icons.png") no-repeat 6px -248px;
}

.delete-btn,
.delete-button {
	background: #18821d url("/Content/Images/Icons/admin-icons.png") no-repeat 6px -155px;
}

.cancel-btn,
.cancel-button {
	background: #18821d url("/Content/Images/Icons/admin-icons.png") no-repeat 7px -225px;
}

.view-btn {
	border-style: solid;
	border-width: 1px;
	cursor: pointer;
	font-family: AvenirStd, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: 600;
	line-height: 1;
	margin: 0 0 1.25em;
	position: relative;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	padding-top: 0.5625em;
	padding-right: 1.125em;
	padding-bottom: 0.5em;
	padding-left: 1.125em;
	font-size: 0.9375em;
	background-color: #1773c4;
	border-color: #1775c8;
	color: white;
}

	.view-btn:hover {
		text-decoration: none;
	}

	.view-btn:hover, .view-btn:focus {
		background-color: #1363a8;
	}

	.view-btn:hover, .view-btn:focus {
		color: white;
	}

.dark-green {
	background-color: #006201;
	border-color: #005d01;
	color: white;
}

	.dark-green:hover, .dark-green:focus {
		background-color: #004301;
	}

	.dark-green:hover, .dark-green:focus {
		color: white;
	}

.blue {
	background-color: #225892;
	border-color: #21568e;
	color: white;
}

	.blue:hover, .blue:focus {
		background-color: #1c4979;
	}

	.blue:hover, .blue:focus {
		color: white;
	}

.gray {
	background-color: #888888;
	border-color: #858585;
	color: white;
}

	.gray:hover, .gray:focus {
		background-color: #797979;
	}

	.gray:hover, .gray:focus {
		color: white;
	}

.black {
	background-color: #363636;
	border-color: #333333;
	color: white;
}

	.black:hover, .black:focus {
		background-color: #272727;
	}

	.black:hover, .black:focus {
		color: white;
	}

.white {
	background-color: white;
	border-color: #fcfcfc;
	color: #333333;
	border-color: dimgrey;
}

	.white:hover, .white:focus {
		background-color: #f0f0f0;
	}

	.white:hover, .white:focus {
		color: #333333;
	}

input[type="submit"].lrg {
	font-size: 1.2em;
	padding: 0.2em 1em;
}

.third-party-btn {
	width: 100%;
	text-align: left;
	padding: 10px 4px 10px 56px;
	border-radius: 2px;
	-moz-transition: background-color 350ms, border-color 350ms;
	-webkit-transition: background-color 350ms, border-color 350ms;
	transition: background-color 350ms, border-color 350ms;
}

	.third-party-btn .fa {
		width: 40px;
		-moz-transition: all 350ms;
		-webkit-transition: all 350ms;
		transition: all 350ms;
	}

.third-party-btn-google {
	background: #DA3A25;
	border: solid 1px #d73925;
}

	.third-party-btn-google .fa {
		position: absolute;
		left: 0;
		top: 2px;
		bottom: 0;
		height: 100%;
		margin: auto;
		background: #DA3A25 url("/Content/Images/Icons/google-plus-icon.png") 0px -4px no-repeat;
		padding: 6px 8px 6px 12px;
		border-right: solid 1px #d73925;
	}

	.third-party-btn-google:active, .third-party-btn-google:focus, .third-party-btn-google:hover {
		background-color: #c23321;
		border-color: solid 1px #a32b1c;
	}

		.third-party-btn-google:active .fa, .third-party-btn-google:focus .fa, .third-party-btn-google:hover .fa {
			border-right-color: #a32b1c;
			background-color: #c23321;
		}

.third-party-btn-linkedin {
	background: #4875b4;
	border: solid 1px #4169a2;
}

	.third-party-btn-linkedin .fa {
		position: absolute;
		left: 0;
		top: 2px;
		bottom: 0;
		height: 100%;
		margin: auto;
		background: #4875b4 url("/Content/Images/Icons/linkedin-icon.png") 1px -2px no-repeat;
		padding: 6px 8px 6px 12px;
		border-right: solid 1px #4169a2;
	}

	.third-party-btn-linkedin:active, .third-party-btn-linkedin:focus, .third-party-btn-linkedin:hover {
		background-color: #395d90;
		border-color: solid 1px #2f4d76;
	}

		.third-party-btn-linkedin:active .fa, .third-party-btn-linkedin:focus .fa, .third-party-btn-linkedin:hover .fa {
			border-right-color: #2f4d76;
			background-color: #395d90;
		}

.third-party-btn-facebook {
	background: #3b5998;
	border: solid 1px #344e86;
}

	.third-party-btn-facebook .fa {
		position: absolute;
		left: 0;
		top: 2px;
		bottom: 0;
		height: 100%;
		margin: auto;
		background: #3b5998 url("/Content/Images/Icons/facebook-icon.png") 4px 1px no-repeat;
		padding: 6px 8px 6px 12px;
		border-right: solid 1px #344e86;
	}

	.third-party-btn-facebook:active, .third-party-btn-facebook:focus, .third-party-btn-facebook:hover {
		background-color: #2d4373;
		border-color: solid 1px #23345a;
	}

		.third-party-btn-facebook:active .fa, .third-party-btn-facebook:focus .fa, .third-party-btn-facebook:hover .fa {
			border-right-color: #23345a;
			background-color: #2d4373;
		}

#login-oauth .third-party-btn {
	margin-top: 8px;
	padding: 38px;
	font-size: 1.6em;
	text-align: center;
}

	#login-oauth .third-party-btn .fa {
		border-right: 0;
		width: 60px;
		left: 12px;
		top: 0;
		height: 35px;
	}

.button-link {
	display: inline-block;
	color: white;
	background: #1f6cdf;
	padding: 4px 8px;
	border-radius: 2px;
	transition: 350ms;
}

	.button-link:hover {
		text-decoration: none;
		background: #1773c4;
	}

#about-gpc-btn {
	display: inline-block;
	background-color: #fff;
	color: #222;
	text-align: center;
	border: solid 1px #b5d44a;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0.8em 1.8em;
	transition: background-color .3s ease-in;
}

	#about-gpc-btn:hover {
		text-decoration: none;
		background-color: #ebebeb;
	}

a.learn-more {
	padding: 8px 14px;
	font-size: 1.3em !important;
	background-color: rgba(25, 25, 25, 0.7);
	border-radius: 1px;
	-moz-transition: color 0.225s ease-out, background-color 0.225s ease-out, border-color 0.2s ease !important;
	-webkit-transition: color 0.225s ease-out, background-color 0.225s ease-out, border-color 0.2s ease !important;
	transition: color 0.225s ease-out, background-color 0.225s ease-out, border-color 0.2s ease !important;
}

	a.learn-more:hover {
		text-decoration: none;
		background-color: rgba(0, 0, 0, 0.7);
	}

	a.learn-more .fa {
		margin-left: 3px;
	}

.gpc-product-filter > span {
	font-weight: bold;
	margin-right: 5px;
	color: #333333;
}

.gpc-product-filter > button {
	font-size: 0.92rem;
	margin: 0 0 0 0.3em;
	padding: 10px 14px 7px 14px;
	z-index: 1;
	overflow: hidden;
	-webkit-transition: 0.175s ease-in;
	transition: 0.175s ease-in;
}

	.gpc-product-filter > button:before, .gpc-product-filter > button:after {
		position: absolute;
		top: -1px;
		content: " ";
		width: 0;
		height: 0px;
		z-index: -1;
		-webkit-transition: 0.175s ease-in;
		transition: 0.175s ease-in;
	}

.lt-ie9 .gpc-product-filter > button:before, .lt-ie9 .gpc-product-filter > button:after {
	display: none;
}

.gpc-product-filter > button:before {
	left: -10px;
	border-left: 9px solid transparent;
	border-top: 0 solid transparent;
	border-bottom: 34px solid #225892;
}

.gpc-product-filter > button:after {
	right: -10px;
	border-right: 9px solid transparent;
	border-bottom: 9px solid transparent;
	border-top: 34px solid #225892;
}

.gpc-product-filter > button:hover, .gpc-product-filter > button:focus {
	border-color: #1c4979;
}

	.gpc-product-filter > button:hover:before, .gpc-product-filter > button:focus:before {
		border-bottom-color: #1c4979;
	}

	.gpc-product-filter > button:hover:after, .gpc-product-filter > button:focus:after {
		border-top-color: #1c4979;
	}

.gpc-product-filter > button.active {
	background-color: #e46901;
	border-color: #e46901;
}

	.gpc-product-filter > button.active:before {
		border-bottom-color: #e46901;
	}

	.gpc-product-filter > button.active:after {
		border-top-color: #e46901;
	}

	.gpc-product-filter > button.active:hover, .gpc-product-filter > button.active:focus {
		background-color: #bb5601;
		border-color: #bb5601;
	}

		.gpc-product-filter > button.active:hover:before, .gpc-product-filter > button.active:focus:before {
			border-bottom-color: #bb5601;
		}

		.gpc-product-filter > button.active:hover:after, .gpc-product-filter > button.active:focus:after {
			border-top-color: #bb5601;
		}

/* Standard Forms */
form {
	margin: 0 0 1em;
}

	/* Using forms within rows, we need to set some defaults */
	form .row .row {
		margin: 0 -0.5em;
	}

		form .row .row .column,
		form .row .row .columns {
			padding: 0 0.5em;
		}

		form .row .row.collapse {
			margin: 0;
		}

			form .row .row.collapse .column,
			form .row .row.collapse .columns {
				padding: 0;
			}

	form .row input.column,
	form .row input.columns,
	form .row textarea.column,
	form .row textarea.columns {
		padding-left: 0.5em;
	}

/* Label Styles */
label, .label {
	font-size: 0.875em;
	color: #4d4d4d;
	cursor: default;
	display: block;
	font-weight: bold;
	margin-bottom: 0.1875em;
}

	label.right, .label.right {
		float: none;
		text-align: right;
	}

	label.inline, .label.inline {
		margin: 0 0 1em 0;
		padding: 0.625em 0;
	}

/* Attach elements to the beginning or end of an input */
.prefix,
.postfix {
	display: block;
	position: relative;
	z-index: 2;
	text-align: center;
	width: 100%;
	padding-top: 0;
	padding-bottom: 0;
	border-style: solid;
	border-width: 1px;
	overflow: hidden;
	font-size: 0.875em;
	height: 2.3125em;
	line-height: 1.5em;
}

@media only screen and (min-width: 1025px) {
	.prefix,
	.postfix {
		line-height: 2.3125em;
	}
}
/* Adjust padding, alignment and radius if pre/post element is a button */
.postfix.button {
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	text-align: center;
}

.prefix.button {
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	text-align: center;
}

	.prefix.button.radius {
		-webkit-border-radius: 0;
		border-radius: 0;
		-moz-border-radius-bottomleft: 2px;
		-moz-border-radius-topleft: 2px;
		-webkit-border-bottom-left-radius: 2px;
		-webkit-border-top-left-radius: 2px;
		border-bottom-left-radius: 2px;
		border-top-left-radius: 2px;
	}

.postfix.button.radius {
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-border-radius-topright: 2px;
	-moz-border-radius-bottomright: 2px;
	-webkit-border-top-right-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}

.prefix.button.round {
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-border-radius-bottomleft: 1000px;
	-moz-border-radius-topleft: 1000px;
	-webkit-border-bottom-left-radius: 1000px;
	-webkit-border-top-left-radius: 1000px;
	border-bottom-left-radius: 1000px;
	border-top-left-radius: 1000px;
}

.postfix.button.round {
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-border-radius-topright: 1000px;
	-moz-border-radius-bottomright: 1000px;
	-webkit-border-top-right-radius: 1000px;
	-webkit-border-bottom-right-radius: 1000px;
	border-top-right-radius: 1000px;
	border-bottom-right-radius: 1000px;
}

/* Separate prefix and postfix styles when on span so buttons keep their own */
span.prefix {
	background: #f2f2f2;
	border-color: #d9d9d9;
	border-right: none;
	color: #333333;
}

	span.prefix.radius {
		-webkit-border-radius: 0;
		border-radius: 0;
		-moz-border-radius-bottomleft: 3px;
		-moz-border-radius-topleft: 3px;
		-webkit-border-bottom-left-radius: 3px;
		-webkit-border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;
		border-top-left-radius: 3px;
	}

span.postfix {
	background: #f2f2f2;
	border-color: #cccccc;
	border-left: none;
	color: #333333;
}

	span.postfix.radius {
		-webkit-border-radius: 0;
		border-radius: 0;
		-moz-border-radius-topright: 3px;
		-moz-border-radius-bottomright: 3px;
		-webkit-border-top-right-radius: 3px;
		-webkit-border-bottom-right-radius: 3px;
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
	}

/* Input groups will automatically style first and last elements of the group */
.input-group.radius > *:first-child, .input-group.radius > *:first-child * {
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
}

.input-group.radius > *:last-child, .input-group.radius > *:last-child * {
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.input-group.round > *:first-child, .input-group.round > *:first-child * {
	-moz-border-radius-bottomleft: 1000px;
	-moz-border-radius-topleft: 1000px;
	-webkit-border-bottom-left-radius: 1000px;
	-webkit-border-top-left-radius: 1000px;
	border-bottom-left-radius: 1000px;
	border-top-left-radius: 1000px;
}

.input-group.round > *:last-child, .input-group.round > *:last-child * {
	-moz-border-radius-topright: 1000px;
	-moz-border-radius-bottomright: 1000px;
	-webkit-border-top-right-radius: 1000px;
	-webkit-border-bottom-right-radius: 1000px;
	border-top-right-radius: 1000px;
	border-bottom-right-radius: 1000px;
}

label input[type="checkbox"], .label input[type="checkbox"] {
	vertical-align: -1px;
}

label span, .label span {
	font-weight: normal;
}

input[type="radio"] {
	vertical-align: -2px;
}

label.strong {
	font-size: 1.1em;
}

/* We use this to get basic styling on all basic form elements */
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
	background-color: white;
	font-family: inherit;
	border: 1px solid #cccccc;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	color: rgba(0, 0, 0, 0.75);
	display: block;
	font-size: 0.875em;
	margin: 0 0 1em 0;
	padding: 0.5em;
	height: 2.3125em;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out;
	-moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out;
	transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
}

	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="date"]:focus,
	input[type="datetime"]:focus,
	input[type="datetime-local"]:focus,
	input[type="month"]:focus,
	input[type="week"]:focus,
	input[type="email"]:focus,
	input[type="number"]:focus,
	input[type="search"]:focus,
	input[type="tel"]:focus,
	input[type="time"]:focus,
	input[type="url"]:focus,
	textarea:focus {
		-webkit-box-shadow: 0 0 5px #999999;
		-moz-box-shadow: 0 0 5px #999999;
		box-shadow: 0 0 5px #999999;
		border-color: #6c6c6c;
	}

	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="date"]:focus,
	input[type="datetime"]:focus,
	input[type="datetime-local"]:focus,
	input[type="month"]:focus,
	input[type="week"]:focus,
	input[type="email"]:focus,
	input[type="number"]:focus,
	input[type="search"]:focus,
	input[type="tel"]:focus,
	input[type="time"]:focus,
	input[type="url"]:focus,
	textarea:focus {
		background: #fafafa;
		border-color: #6c6c6c;
		outline: none;
	}

	input[type="text"][disabled],
	input[type="password"][disabled],
	input[type="date"][disabled],
	input[type="datetime"][disabled],
	input[type="datetime-local"][disabled],
	input[type="month"][disabled],
	input[type="week"][disabled],
	input[type="email"][disabled],
	input[type="number"][disabled],
	input[type="search"][disabled],
	input[type="tel"][disabled],
	input[type="time"][disabled],
	input[type="url"][disabled],
	textarea[disabled] {
		background-color: #f2f2f2;
		color: #A5A5A5;
	}

textarea {
	resize: vertical;
}

/* Adjust margin for form elements below */
input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
	margin: 0 0 1em 0;
}

/* Normalize file input width */
input[type="file"] {
	width: 100%;
}

input[readonly] {
	background: #eee;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #888;
}

	input[readonly]:focus {
		background: #eee;
		color: #888;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		border-color: #cccccc;
	}

select {
	padding: 6px;
	border: 1px solid #ccc;
	padding: 0.3em;
	color: rgba(0, 0, 0, 0.75);
	background: white;
	background: -moz-linear-gradient(top, white 0%, #f3f3f3 100%);
	background: -webkit-linear-gradient(top, white 0%, #f3f3f3 100%);
	-webkit-box-shadow: none;
	background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 100%);
	font-weight: normal;
}

	select:hover {
		border-color: #6c6c6c;
		-webkit-transition: .218s;
		-moz-transition: .218s;
		-o-transition: .218s;
		transition: .218s;
	}

/* We add basic fieldset styling */
fieldset {
	border: solid 1px #dddddd;
	padding: 1.25em;
	margin: 0.625em 0;
}

	fieldset legend {
		color: #4d4d4d;
		font-weight: bold;
		font-size: 0.875em;
		background: white;
		padding: 0 0.25em;
		margin: 0;
		margin-left: -0.1875em;
	}

/* Error Handling */
.error input,
input.error,
.error textarea,
textarea.error {
	border-color: #c60f13;
	background-color: rgba(198, 15, 19, 0.1);
}

	.error input:focus,
	input.error:focus,
	.error textarea:focus,
	textarea.error:focus {
		background: #fafafa;
		border-color: #6c6c6c;
	}

.error label,
label.error {
	color: #c60f13;
}

.error small,
small.error {
	display: block;
	padding: 0.375em 0.25em;
	margin-top: -1.3125em;
	margin-bottom: 1em;
	font-size: 0.75em;
	font-weight: bold;
	background: #c60f13;
	color: white;
}

.defaultSkin table.mceLayout {
	/* for tinyMCE textareas */
	margin: 0 0 1em 0;
}

form .last {
	margin-top: 15px;
}

form .button {
	margin-right: 5px;
}

/* styles file upload sections */
.file-upload {
	position: relative;
	height: 47px;
	overflow-x: hidden;
}

	.file-upload.upload-active {
		width: 375px;
	}

	.file-upload span:first-child,
	.file-upload span:nth-child(3) {
		/* buttons on file upload */
		width: 75px;
		height: 28px;
		border: 1px solid #bbbbbb;
		background-color: #1f6cdf;
		border-color: #0177c5 #0065a7 #0065a7 #0177c5;
		cursor: pointer;
		color: white;
		text-align: center;
		display: block;
		line-height: 28px;
	}

	.file-upload span:first-child {
		-moz-border-radius: 3px 0 0 3px;
		-webkit-border-radius: 3px 0 0 3px;
		border-radius: 3px 0 0 3px;
	}

	.file-upload span:nth-child(3) {
		position: absolute;
		right: 0;
		top: 0;
		cursor: default;
		-moz-border-radius: 0 3px 3px 0;
		-webkit-border-radius: 0 3px 3px 0;
		border-radius: 0 3px 3px 0;
	}

	.file-upload span.file-upload-text {
		width: 221px;
		height: 28px;
		padding: 0 0 0 28px;
		display: block;
		background: white;
		color: black;
		text-align: left;
		border: 1px solid #cccccc;
		border-left: none;
		position: absolute;
		line-height: 28px;
		top: 0;
		left: 75px;
		-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
		box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	}

	.file-upload input[type="file"] {
		position: absolute;
		top: 0;
		left: 0;
		height: 28px;
		width: 295px;
		cursor: pointer;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
		z-index: 5;
	}

span.file-upload-text .icon-file {
	position: absolute;
	left: 8px;
	top: 6px;
}

.mceContentBody {
	font-size: 0.875em !important;
	color: rgba(0, 0, 0, 0.75) !important;
	padding: 8px !important;
	line-height: 1.3em !important;
	background: white;
}

.asmSelect {
	margin: 0 !important;
}

.radioInlineLabel {
	display: inline-block;
}

.display-field {
	margin: 6px 0;
}

.display-label, .editor-label {
	font-weight: bold;
}

div.separater {
	border-top: solid 1px #dddddd;
	border-bottom: solid 1px #eee;
	margin: 10px 0;
}

.chck-box-large {
	height: 24px;
	width: 24px;
}

.facet {
	margin: 2px 0 !important;
	padding: 3px 3px 3px 23px !important;
	background: url("/Content/Images/facet_checkbox.png") no-repeat 5px 8px !important;
	font-size: 1em !important;
	display: block !important;
	font-weight: bold !important;
	border: none !Important;
	margin-left: 5px !important;
}

@media (max-width: 1441px) {
	.facet {
		background-position: 5px 7px !important;
	}
}

.facet:hover {
	color: black !important;
	text-decoration: none !important;
}

.facet.checked {
	background: #1c8921 url("/Content/Images/facet_checkbox.png") no-repeat 5px -29px !important;
	color: white !important;
}

@media (max-width: 1441px) {
	.facet.checked {
		background-position: 5px -30px !important;
	}
}

.facet.agencyProducts {
	color: #4e7caf;
}

	.facet.agencyProducts:hover {
		color: #4e7caf !important;
	}

	.facet.agencyProducts.checked {
		background: #4e7caf url("/Content/Images/facet_checkbox.png") no-repeat 5px -29px !important;
	}

		.facet.agencyProducts.checked:hover {
			color: white !important;
		}

.inline-form-box {
	margin-top: 0;
	margin-bottom: 0;
}

	.inline-form-box .customUrlInput, .inline-form-box input[type="text"] {
		margin-top: 4px !important;
		margin-bottom: 12px !important;
	}

	.inline-form-box .checkLabel, .inline-form-box label {
		margin-top: 0.9em;
		line-height: 0.1em;
	}

@media (max-width: 1281px) {
	.inline-form-box .checkLabel, .inline-form-box label {
		margin-top: 0.7em;
	}
}

.collapsible-form-box {
	margin: 0;
}

	.collapsible-form-box h5 {
		color: white;
		position: relative;
		padding: 8px;
		background: #aeaeae;
		border: solid 1px #a7a7a7;
		-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	}

		.collapsible-form-box h5:hover {
			cursor: pointer;
		}

		.collapsible-form-box h5.alt {
			background: #1c8921;
			border: solid 1px #187e1c !important;
		}

		.collapsible-form-box h5 span, .collapsible-form-box h5 [class*="icon"] {
			position: absolute;
			height: 14px;
			top: 0;
			bottom: 0;
			right: 10px;
			margin: auto;
			background-image: url("/Content/Images/glyphicons-halflings-white.png") !important;
		}

	.collapsible-form-box ul {
		display: none;
		margin: 12px 0 0 0;
	}

	.collapsible-form-box.framed h5 {
		margin: 0;
	}

	.collapsible-form-box.framed ul {
		border: solid 1px #CCC;
		border-top: none;
		padding: 12px 16px 12px 16px;
		margin-top: 0px;
	}

div.collapsible-form-box {
	margin: 15px 0;
}

.spaced-form > li {
	margin-bottom: 30px;
}

.delete-form > li > span {
	display: inline-block;
	margin-bottom: 10px;
}

input[type="checkbox"]#Published {
	height: 24px;
	width: 24px;
}

/* Custom Checkbox and Radio Inputs */
form.custom .hidden-field {
	margin-left: -99999px;
	position: absolute;
	visibility: hidden;
}

form.custom .custom {
	display: inline-block;
	width: 16px;
	height: 16px;
	position: relative;
	vertical-align: middle;
	border: solid 1px #cccccc;
	background: white;
}

	form.custom .custom.checkbox {
		-webkit-border-radius: 0px;
		border-radius: 0px;
		padding: -1px;
	}

	form.custom .custom.radio {
		-webkit-border-radius: 1000px;
		border-radius: 1000px;
		padding: 3px;
	}

	form.custom .custom.checkbox:before {
		content: "";
		display: block;
		font-size: 1.004rem;
		color: white;
	}

	form.custom .custom.radio.checked:before {
		content: "";
		display: block;
		width: 8px;
		height: 8px;
		-webkit-border-radius: 1000px;
		border-radius: 1000px;
		background: #222222;
		position: relative;
	}

	form.custom .custom.checkbox.checked:before {
		content: "\00d7";
		color: #222222;
		position: absolute;
		top: -50%;
		left: 50%;
		margin-top: 4px;
		margin-left: -5px;
	}

/* Custom Select Options and Dropdowns */
form.custom {
	/* Custom input, disabled */
}

	form.custom .custom.dropdown {
		display: block;
		position: relative;
		top: 0;
		height: 2.3125em;
		margin-bottom: 1.25em;
		margin-top: 0px;
		padding: 0px;
		width: 100%;
		background: white;
		background: -moz-linear-gradient(top, white 0%, #f3f3f3 100%);
		background: -webkit-linear-gradient(top, white 0%, #f3f3f3 100%);
		-webkit-box-shadow: none;
		background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 100%);
		box-shadow: none;
		font-size: 0.875em;
		vertical-align: top;
	}

		form.custom .custom.dropdown ul {
			overflow-y: auto;
			max-height: 200px;
		}

		form.custom .custom.dropdown .current {
			cursor: default;
			white-space: nowrap;
			line-height: 2.25em;
			color: rgba(0, 0, 0, 0.75);
			text-decoration: none;
			overflow: hidden;
			display: block;
			margin-left: 0.5em;
			margin-right: 2.3125em;
		}

		form.custom .custom.dropdown .selector {
			cursor: default;
			position: absolute;
			width: 2.5em;
			height: 2.3125em;
			display: block;
			right: 0;
			top: 0;
		}

			form.custom .custom.dropdown .selector:after {
				content: "";
				display: block;
				content: "";
				display: block;
				width: 0;
				height: 0;
				border: inset 5px;
				border-color: #aaaaaa transparent transparent transparent;
				border-top-style: solid;
				position: absolute;
				left: 0.9375em;
				top: 50%;
				margin-top: -3px;
			}

		form.custom .custom.dropdown:hover a.selector:after, form.custom .custom.dropdown.open a.selector:after {
			content: "";
			display: block;
			width: 0;
			height: 0;
			border: inset 5px;
			border-color: #222222 transparent transparent transparent;
			border-top-style: solid;
		}

		form.custom .custom.dropdown .disabled {
			color: #888888;
		}

			form.custom .custom.dropdown .disabled:hover {
				background: transparent;
				color: #888888;
			}

				form.custom .custom.dropdown .disabled:hover:after {
					display: none;
				}

		form.custom .custom.dropdown.open ul {
			display: block;
			z-index: 10;
			min-width: 100%;
			-moz-box-sizing: content-box;
			-webkit-box-sizing: content-box;
			box-sizing: content-box;
		}

		form.custom .custom.dropdown.small {
			max-width: 134px;
		}

		form.custom .custom.dropdown.medium {
			max-width: 254px;
		}

		form.custom .custom.dropdown.large {
			max-width: 434px;
		}

		form.custom .custom.dropdown.expand {
			width: 100% !important;
		}

		form.custom .custom.dropdown.open.small ul {
			min-width: 134px;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}

		form.custom .custom.dropdown.open.medium ul {
			min-width: 254px;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}

		form.custom .custom.dropdown.open.large ul {
			min-width: 434px;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}

		form.custom .custom.dropdown ul {
			position: absolute;
			width: auto;
			display: none;
			margin: 0;
			left: -1px;
			top: auto;
			-webkit-box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.1);
			box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.1);
			margin: 0;
			padding: 0;
			background: white;
			border: solid 1px #cccccc;
			font-size: 1.004rem;
		}

			form.custom .custom.dropdown ul li {
				color: #555555;
				font-size: 0.875em;
				cursor: default;
				padding-top: 0.25em;
				padding-bottom: 0.25em;
				padding-left: 0.375em;
				padding-right: 2.375em;
				min-height: 1.5em;
				line-height: 1.5em;
				margin: 0;
				white-space: nowrap;
				list-style: none;
			}

				form.custom .custom.dropdown ul li.selected {
					background: #eeeeee;
					color: black;
				}

				form.custom .custom.dropdown ul li:hover {
					background-color: #e4e4e4;
					color: black;
				}

				form.custom .custom.dropdown ul li.selected:hover {
					background: #eeeeee;
					cursor: default;
					color: black;
				}

			form.custom .custom.dropdown ul.show {
				display: block;
			}

	form.custom .custom.disabled {
		background: #eeeeee;
	}

.reveal-modal-bg {
	position: fixed;
	height: 100%;
	width: 100%;
	background: transparent;
	background: rgba(0, 0, 0, 0.45);
	z-index: 99;
	display: none;
	top: 0;
	left: 0;
}

.reveal-modal {
	visibility: hidden;
	display: none;
	position: absolute;
	left: 50%;
	z-index: 999;
	height: auto;
	margin-left: -49%;
	width: 98%;
	background-color: white;
	padding: 1.25em;
	border: solid 1px #666666;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
	/*top: 95px;
  top: 95px;*/
}

	.reveal-modal .column,
	.reveal-modal .columns {
		min-width: 0;
	}

	.reveal-modal > :first-child {
		margin-top: 0;
	}

	.reveal-modal > :last-child {
		margin-bottom: 0;
	}

	.reveal-modal .close-reveal-modal {
		font-size: 3.875em;
		font-family: Arial;
		line-height: 1;
		position: absolute;
		top: 0;
		right: 0;
		padding: 0 9px;
		color: #aaaaaa;
		font-weight: bold;
		cursor: pointer;
	}

@media only screen and (min-width: 801px) {
	.reveal-modal .close-reveal-modal {
		font-size: 3.125em;
	}
}

.reveal-modal .close-reveal-modal:hover {
	text-decoration: none;
	color: #909090;
}

.reveal-modal .close-reveal-modal:active {
	color: #2a2a2a;
}

@media only screen and (min-width: 801px) {
	.reveal-modal {
		padding: 1.875em;
		top: 43px;
	}

		.reveal-modal.tiny {
			margin-left: -15%;
			width: 30%;
			top: 80px !important;
		}

		.reveal-modal.small {
			margin-left: -20%;
			width: 40%;
			top: 100px !important;
		}

		.reveal-modal.medium {
			margin-left: -30%;
			width: 60%;
			top: 110px !important;
		}

		.reveal-modal.large {
			margin-left: -35%;
			width: 70%;
			top: 130px !important;
		}

		.reveal-modal.xlarge {
			margin-left: -47.5%;
			width: 95%;
			top: 150px !important;
		}
}

@media print {
	.reveal-modal {
		background: #fff !important;
	}
}

@media only screen and (max-width: 520px) {
	.reveal-modal {
		padding-bottom: 80px;
	}

		.reveal-modal .columns {
			padding: 0;
		}
}
/* Image Thumbnails */
.th {
	line-height: 0;
	display: inline-block;
	border: solid 4px white;
	-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}

	.th:hover, .th:focus {
		-webkit-box-shadow: 0 0 6px 1px rgba(30, 136, 229, 0.5);
		box-shadow: 0 0 6px 1px rgba(30, 136, 229, 0.5);
	}

	.th.radius {
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}

a.th {
	display: inline-block;
}

.mainPost li,
WBAContent li {
	margin: .3em 0;
}

.inline-list {
	margin: inherit;
	padding: 0;
	overflow: hidden;
	list-style: none;
	display: block;
	line-height: 1.5;
}

	.inline-list > li {
		display: inline;
		padding: 0;
		list-style: none;
		float: left;
		margin: 0 20px 0 0;
	}

.inline-block-list {
	margin: inherit;
	padding: 0;
	overflow: hidden;
	list-style: none;
	display: block;
	line-height: 1.5;
}

	.inline-block-list > li {
		display: inline-block;
		padding: 2px 0;
		list-style: none;
		width: 140px;
		float: left;
		margin: 0;
	}

.block-list {
	margin: 5px 0;
	padding: 0;
	overflow: hidden;
	list-style: none;
	display: block;
	line-height: 1.1em;
}

	.block-list > li {
		display: block;
		padding: 0;
		list-style: none;
		margin: 11px 0;
	}

ul.circle {
	list-style-type: circle;
}

ul.noMargin, ol.noMargin, li.noMargin, p.noMargin, #main ul.noMargin, #main ol.noMargin, #main li.noMargin, #main p.noMargin {
	margin: 0;
}

ul.greenDots,
ul.greenChecks {
	margin: 5px 0;
	padding: 0;
	overflow: hidden;
	list-style: none;
	display: block;
	line-height: 1.3em;
}

	ul.greenDots > li,
	ul.greenChecks > li {
		display: block;
		padding: 4px 0 2px 25px;
		list-style: none;
		margin: 11px 0;
	}

@media (max-width: 768px) {
	ul.greenDots li,
	ul.greenChecks li {
		padding: 5px 0 2px 25px;
	}
}

ul.greenChecks li,
#mainPost ul > li,
.mainPost ul > li {
	background: transparent url(/Content/Images/icons/green_check.png) no-repeat 0 6px;
	padding: 4px 0 2px 22px;
}

	ul.greenChecks li .info,
	#mainPost ul > li .info,
	.mainPost ul > li .info {
		background: transparent url(/Content/Images/icons/yellow_info.png) no-repeat 0 2px;
	}

ul.greenDots li {
	background: transparent url(/Content/Images/icons/green_dot.png) no-repeat 0 6px;
}

ul.noCheck > li,
ul.noCheck > li,
li.noCheck,
li.noCheck {
	background-image: none !important;
	padding-left: 0px !important;
}

.mainPost ul.bullet li,
#mainPost ul.bullet li {
	background: none !important;
	list-style-type: disc;
	padding: 0 4px 2px 1px !important;
	margin-left: 20px;
}

ul.topics li {
	line-height: 1.8em;
}

.plan ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
	list-style: none;
	display: block;
	line-height: 1.2em;
}

	.plan ul > li {
		display: block;
		padding: 0;
		list-style: none;
		margin: 14px 0;
	}

.plan,
.plan ul,
.plan li {
	background: white;
	z-index: 9;
}

@media only screen and (min-width: 1025px) {
	ul.topics {
		margin: 5px 0;
		padding: 0;
		overflow: hidden;
		list-style: none;
		display: block;
		line-height: 1.1em;
		position: relative;
	}

		ul.topics > li {
			display: block;
			padding: 0;
			list-style: none;
			margin: 11px 0;
		}

		ul.topics li {
			line-height: 3em;
			height: 40px;
		}

			ul.topics li.current {
				border-bottom: 1px solid #b9cd96;
			}

				ul.topics li.current a {
					font-size: 1.4em;
					color: #1c8921;
				}

				ul.topics li.current img {
					display: block;
				}

			ul.topics li:hover a {
				font-size: 1.4em;
				color: #1c8921;
			}

		ul.topics img {
			position: absolute;
			top: 0;
			right: 0;
			display: none;
			border: 1px solid #b9cd96;
			width: 480px;
			height: 239px;
			background-color: #f2f7f6;
		}

		ul.topics a {
			font-size: 1.2em;
			color: Black;
			text-decoration: none;
			font-weight: bold;
			-webkit-transition: all .1s ease-in;
			-moz-transition: all .1s ease-in;
			-o-transition: all .1s ease-in;
			transition: all .1s ease-in;
		}

	.systemNav li {
		margin: 0;
	}

		.systemNav li p {
			margin-top: 0;
			line-height: 1.4;
			margin: 0 0 0.8em 0;
			font-size: 0.95em;
		}

		.systemNav li a:hover {
			text-decoration: none;
		}
}

@media (max-width: 801px) {
	#lowerMatNav li {
		width: 42%;
	}
}

.api-content-list li {
	font-weight: bold;
	font-size: 1.1em;
}

	.api-content-list li.has-list:before {
		content: "[ ]";
		padding-right: 2px;
	}

	.api-content-list li ul {
		margin: 0 0 0 25px;
	}

		.api-content-list li ul li {
			font-size: 1em;
		}

	.api-content-list li:before {
		content: "-";
		padding-right: 15px;
	}

dt strong {
	color: #222;
	font-weight: bold;
}

dt em {
	color: #222;
	font-style: italic;
}

dl {
	font-size: 1.004rem !important;
}

	dl dd dl {
		margin-left: 20px;
	}

		dl dd dl dd dl {
			margin-left: 20px;
		}

.legend-menu {
	background: #f2f7f6;
	padding: 10px 0;
	border-radius: 1px;
}

	.legend-menu li a {
		font-family: "AvenirStd", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
		font-weight: 500;
		font-size: 1.171rem;
		padding: 6px 20px;
		display: block;
		color: #64737F;
		transition: all .1s ease;
	}

		.legend-menu li a:hover {
			text-decoration: none;
			background: #e0e8e6;
		}

		.legend-menu li a .fa {
			display: none;
		}

	.legend-menu li.active a {
		background: #64737F;
		color: white;
	}

		.legend-menu li.active a .fa {
			filter: alpha(opacity=0);
			opacity: 0;
		}

		.legend-menu li.active a:hover {
			cursor: default;
		}

@media (max-width: 801px) {
	#cp-menu {
		display: none;
	}
}

#cp-menu ul {
	padding-top: 0;
	padding-bottom: 0;
}

	#cp-menu ul li {
		margin-bottom: -2px;
	}

	#cp-menu ul .header {
		text-transform: uppercase;
		text-align: center;
		border-bottom: solid 1px #64737F;
	}

#cp-subnav ul {
	margin-left: 8px;
}

	#cp-subnav ul li {
		margin: 7px 0;
	}

		#cp-subnav ul li > a {
			display: inline-block;
			padding-left: 6px;
			font-size: .85em;
			border-left: 1px solid transparent;
		}

		#cp-subnav ul li.active > a {
			border-left-color: #006cb4;
		}

#cp-subnav.cp-subnav-mobile {
	position: fixed;
	width: 250px;
	top: 15%;
	right: -250px;
	-moz-transition: transform .3s ease-out;
	-webkit-transition: transform .3s ease-out;
	transition: transform .3s ease-out;
}

	#cp-subnav.cp-subnav-mobile.opened {
		-moz-transform: translate3d(-250px, 0, 0);
		-webkit-transform: translate3d(-250px, 0, 0);
		transform: translate3d(-250px, 0, 0);
	}

	#cp-subnav.cp-subnav-mobile .cp-subnav-mobile-toggle {
		display: none;
		position: fixed;
		top: 19.5%;
		right: -45px;
		background-color: #4e7caf;
		color: white;
		padding: 8px 10px;
		text-transform: uppercase;
		font-weight: bold;
		-moz-tranform: rotate(-90deg);
		-webkit-tranform: rotate(-90deg);
		transform: rotate(-90deg);
	}

@media (max-width: 800px) {
	#cp-subnav.cp-subnav-mobile .cp-subnav-mobile-toggle {
		display: inline-block;
	}
}

#cp-subnav.cp-subnav-mobile ul {
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
}

	#cp-subnav.cp-subnav-mobile ul li {
		background: none !important;
		padding: 0 !important;
		margin: 1px 0;
	}

		#cp-subnav.cp-subnav-mobile ul li a {
			font-size: 1em;
			border: 0 !important;
			display: block;
			padding: 12px;
			background-color: #e0e8e6;
		}

		#cp-subnav.cp-subnav-mobile ul li.active > a {
			color: #1c8921;
		}

/* default table */
table {
	background: white;
	margin-bottom: 0.625em;
	border: solid 1px #d8d5d5;
	width: 100%;
}

	table thead,
	table tfoot {
		border: solid 1px #d8d5d5;
		background: whitesmoke;
		font-weight: bold;
		background: #f3f3f3;
		background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(whitesmoke), to(#f1f1f1));
		background: -moz-linear-gradient(linear, 0% 40%, 0% 70%, from(whitesmoke), to(#f1f1f1));
	}

		table thead tr th,
		table thead tr td,
		table tfoot tr th,
		table tfoot tr td {
			padding: 1.125em 0.75em 1.125em;
			font-size: 1em;
			color: #696969;
			text-align: left;
		}

	table tr th,
	table tr td {
		padding: 0.5625em 0.625em;
		font-size: 1em;
		color: #696969;
	}

	table tr.even, table tr.alt, table tr:nth-of-type(even) {
		background: #f9f9f9;
	}

	table thead tr th,
	table tfoot tr th,
	table tbody tr td,
	table tr td,
	table tfoot tr td {
		display: table-cell;
		line-height: 1.625em;
	}

	table .button {
		margin: 1px 0;
	}

	table td {
		padding: 8px 8px;
		vertical-align: middle;
	}

	table th.sorting,
	table th.sorting_asc,
	table th.sorting_desc {
		cursor: pointer;
		vertical-align: middle;
	}

	table td span[class^=icon] {
		cursor: pointer;
		vertical-align: middle;
	}

	table .center {
		text-align: center;
	}

		table .center a {
			margin: 0 5px;
		}

.gridWrap {
	border: 1px solid #DAE1E8;
	background: #F0F1F2;
	-moz-border-radius: 2px 2px 0px 0px;
	-webkit-border-radius: 2px 2px 0px 0px;
	border-radius: 2px 2px 0px 0px;
	width: 100%;
	margin: 0 auto;
	background-color: #f9f9f9;
}

	.gridWrap table {
		border-collapse: collapse;
		width: 100% !important;
	}

		.gridWrap table th {
			border-right: solid 1px #d8d5d5;
		}

	.gridWrap .subHeader, .gridWrap fullHeader {
		border-bottom: 1px solid #DAE1E8;
		background: #F0F1F2;
		-moz-border-radius: 2px 2px 0px 0px;
		-webkit-border-radius: 2px 2px 0px 0px;
		border-radius: 2px 2px 0px 0px;
		padding: 10px 10px 9px 4px;
		overflow: auto;
	}

	.gridWrap .subHeader {
		margin-bottom: 0;
	}

		.gridWrap .subHeader h3 {
			background: none;
			color: #222;
			font-size: 1.3em;
		}

		.gridWrap .subHeader .add-btn,
		.gridWrap .subHeader .add-button,
		.gridWrap .subHeader .view-btn,
		.gridWrap .subHeader .view-button,
		.gridWrap .subHeader .button {
			float: right;
			margin: 0;
		}

.dataTables_wrapper {
	position: relative;
	clear: both;
	padding: 20px;
}

	.dataTables_wrapper th {
		line-height: 1em;
		padding: 1em 0.75em 0.8em;
		color: #222;
	}

	.dataTables_wrapper tbody tr.odd {
		background: white;
	}

	.dataTables_wrapper tbody tr:hover {
		background: whitesmoke !important;
	}

	.dataTables_wrapper td {
		border-right: 1px solid #DAE1E8;
		border-bottom: 1px solid #DAE1E8;
		/*word-break: break-word;*/
	}

	.dataTables_wrapper label {
		font: bold 0.875em Helvetica, Arial, sans-serif;
		color: #222;
	}

	.dataTables_wrapper select {
		padding: 0.4em;
	}

.dataTables_processing {
	position: absolute;
	top: 0;
	left: 50%;
	width: 250px;
	margin-left: -125px;
	border: 1px solid #ddd;
	text-align: center;
	color: #6c6c6c;
	font-size: 0.669rem;
	padding: 2px 0;
}

.dataTables_length {
	float: left;
}

.dataTables_filter {
	float: right;
	text-align: right;
	margin-top: 2px;
}

	.dataTables_filter input[type=text] {
		width: 200px;
		display: inline-block;
	}

.dataTables_info {
	float: left;
	font: bold 0.875em Helvetica, Arial, sans-serif;
	color: #222;
}

.dataTables_paginate {
	float: right;
	text-align: right;
	border: solid 1px #c4c4c4;
}

/* * * * *  Sorting  * * * * */
@media only screen and (min-width: 1025px) {
	.sorting_asc {
		background: url("/Content/Images/sorting_sprite.png") no-repeat 99% -19px;
		border-bottom: solid 2px #167519;
	}

	.sorting_desc {
		background: url("/Content/Images/sorting_sprite.png") no-repeat 99% -49px;
		border-bottom: solid 2px #167519;
	}

	.sorting {
		background: url("/Content/Images/sorting_sprite.png") no-repeat 99% 11px;
	}
}
/* * * * * *   Misc   * * * * * */
.dataTables_scroll {
	clear: both;
}

.dataTables_scrollBody {
	-webkit-overflow-scrolling: touch;
}

.gridWrap .top,
.gridWrap .bottom {
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
	padding: 15px;
}

	.gridWrap .top .dataTables_info {
		float: none;
	}

.clear {
	clear: both;
	float: none !important;
}

.dataTables_empty {
	text-align: center;
	height: 100px;
	font-weight: bold;
}

td.group {
	background-color: #d1cfd0;
	border-bottom: 2px solid #A19B9E;
	border-top: 2px solid #A19B9E;
}

td.details {
	background: whitesmoke;
	padding: 5px 20px !important;
}

	td.details label {
		display: block;
		font-size: 1em !important;
	}

.paging_full_numbers .paginate_button,
.paging_full_numbers .paginate_active {
	background: #f3f3f3;
	background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(whitesmoke), to(#f1f1f1));
	background: -moz-linear-gradient(linear, 0% 40%, 0% 70%, from(whitesmoke), to(#f1f1f1));
	cursor: pointer;
	display: inline-block;
	font: bold 12px Helvetica, Arial, sans-serif !important;
	margin: 0;
	padding: 10px 16px;
	position: relative;
	text-decoration: none;
	text-shadow: 0 1px 0 #fff;
	color: #222;
}

	.paging_full_numbers .paginate_button:hover {
		text-decoration: underline;
		-webkit-transition: 0.2s linear;
		-moz-transition: 0.2s linear;
		-o-transition: 0.2s linear;
		transition: 0.2s linear;
	}

.paging_full_numbers .paginate_active {
	color: white;
	background: #18801E !important;
	border: solid 1px #1a8d21;
	border-top: none;
	border-bottom: none;
	text-shadow: none;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}

	.paging_full_numbers .paginate_active:hover {
		cursor: default;
	}

.paginate_button_disabled,
.paginate_button_disabled:hover
.paginate_button_disabled:active {
	text-decoration: none !important;
	background-color: #f3f3f3 !important;
	border-color: #7a7a7a !important;
	color: #696969 !important;
	cursor: default !important;
	opacity: 0.5;
}

.greenTipsTable {
	float: left;
	margin-top: 5px;
	background: transparent;
	border: none;
}

	.greenTipsTable tr {
		background-color: transparent !important;
	}

	.greenTipsTable td {
		vertical-align: top;
		padding: 5px 5px 5px 28px;
		background: transparent url("/Content/Images/Icons/green_check.png") no-repeat 5px 6px;
		font-size: 1em;
		line-height: 1.3em;
	}

.productTypesTbl {
	margin: 10px 0px;
	width: 100%;
	border: none;
	background: none;
}

	.productTypesTbl ul {
		margin: 0;
	}

	.productTypesTbl thead th {
		font-weight: bold;
		vertical-align: bottom;
		padding-top: 10px;
		padding-bottom: 2px;
		border-bottom: solid 1px #ccc;
		color: #3B3B3B;
		background: #EEE !important;
	}

	.productTypesTbl tbody tr {
		margin-bottom: 10px;
		border-bottom: solid 1px #CCC;
		background: #EEE !important;
	}

		.productTypesTbl tbody tr:hover {
			background: #EEE;
		}

	.productTypesTbl tbody td {
		padding: 5px 2.5%;
		border-bottom: solid 1px #CCC;
		color: #3B3B3B;
		vertical-align: top;
	}

		.productTypesTbl tbody td.addColumn a.createProjectBtn {
			color: white;
			background: #1c8921;
		}

	.productTypesTbl tbody tr:last-child td {
		border-bottom: none;
	}

	.productTypesTbl thead th.addColumn,
	.productTypesTbl tbody td.addColumn {
		width: 5%;
		padding: 5px 1% 2px 0;
	}

	.productTypesTbl thead th.productTypeCol,
	.productTypesTbl tbody td.productTypeCol {
		width: 25%;
		padding-right: 1.5%;
		padding-left: 0px;
	}

	.productTypesTbl thead th.procurementInfoCol,
	.productTypesTbl tbody td.procurementInfoCol {
		width: 40%;
		padding-right: 1.5%;
		padding-left: 0px;
	}

	.productTypesTbl thead th.availabilityCol,
	.productTypesTbl tbody td.availabilityCol {
		width: 25%;
		padding-right: 1.5%;
		padding-left: 0px;
	}

td.availabilityCol a {
	display: block;
}

.productTypesTbl thead th.search_productTypeCol,
.productTypesTbl tbody td.search_productTypeCol,
.productTypesTbl thead th.search_productCategoryCol,
.productTypesTbl tbody td.search_productCategoryCol,
.productTypesTbl thead th.search_contentLevelCol,
.productTypesTbl tbody td.search_contentLevelCol {
	width: 30%;
	padding-right: 1.5%;
	padding-left: 0px;
}

.productTypesTbl tbody td > ul > li > a > img {
	vertical-align: bottom;
	width: 20px;
	height: 20px;
}

#tblComp {
	line-height: 1.5em;
}

	#tblComp th {
		font-weight: bold;
	}

	#tblComp td {
		vertical-align: top;
		font-size: .9em;
	}

		#tblComp td span {
			min-height: 30px;
		}

	#tblComp th.prosConsHdr {
		background-color: #f6f6f6;
		text-align: right;
		font-size: .9em;
		vertical-align: top;
	}

	#tblComp th.comparisonTblHdr {
		font-size: 1.1em;
	}

	#tblComp th.benefitTh {
		background: #e8eef4 url(/Content/Images/icons/add.png) no-repeat 3px center;
		color: Black;
	}

	#tblComp th.considerationTh {
		background: #e8eef4 url(/Content/Images/icons/delete.png) no-repeat 3px center;
		color: Black;
		font-weight: bold;
	}

#tabHeader table thead {
	border: none;
}

table th .display-label, table th .editor-label {
	color: #353535;
	font-size: 1.15em;
}

.api-table {
	border: none;
}

	.api-table thead {
		background: #eee;
	}

		.api-table thead th {
			color: #222;
			padding: 0.5em 0.75em;
			border-right: solid 1px #d8d5d5;
		}

	.api-table td {
		border-top: solid 1px #d8d5d5;
		padding: 1em .75em;
		color: #222;
	}

	.api-table tr:nth-of-type(even) {
		background: none;
	}

.break-word {
	word-break: break-word !important;
}

	.break-word td {
		word-break: break-word !important;
	}

/* Panels */
.panel {
	border-style: solid;
	border-width: 1px;
	border-color: #d9d9d9;
	margin-bottom: 1.25em;
	padding: 1.25em;
	background: #f2f2f2;
}

	.panel > :first-child {
		margin-top: 0;
	}

	.panel > :last-child {
		margin-bottom: 0;
	}

	.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p {
		color: #333333;
	}

	.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
		line-height: 1;
		margin-bottom: 0.625em;
	}

		.panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader {
			line-height: 1.4;
		}

	.panel.callout {
		border-style: solid;
		border-width: 1px;
		border-color: #166dba;
		margin-bottom: 1.25em;
		padding: 1.25em;
		background: #1f6cdf;
		-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	}

		.panel.callout > :first-child {
			margin-top: 0;
		}

		.panel.callout > :last-child {
			margin-bottom: 0;
		}

		.panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p {
			color: #333333;
		}

		.panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 {
			line-height: 1;
			margin-bottom: 0.625em;
		}

			.panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader {
				line-height: 1.4;
			}

	.panel.radius {
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}

.success-panel, p.error-panel, p.info-panel {
	position: relative;
	border: 1px solid #D8D8D8;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 0.669rem;
	text-transform: uppercase;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #ecffd8;
	color: green;
	text-align: center;
	margin-top: 30px;
	font-size: 0.9em;
}

	.success-panel:before, p.error-panel:before, p.info-panel:before {
		content: "\f058";
		font-family: FontAwesome;
		margin-right: 6px;
		font-size: 1.1em;
	}

	.success-panel strong, p.error-panel strong, p.info-panel strong {
		color: green;
		font-weight: bold;
		font-size: 1.1em;
	}

p.error-panel {
	border: 1px solid #D8D8D8;
	background-color: #fff9f2;
	color: #d30000;
}

	p.error-panel:before {
		content: "\f071";
	}

	p.error-panel strong {
		color: #d30000;
	}

p.info-panel {
	border: 1px solid #F7E3BC;
	background: #fcf8e3;
	color: #c09853;
}

	p.info-panel:before {
		content: "\f05a";
	}

	p.info-panel strong {
		color: #c09853;
	}

@media only screen and (max-width: 767px) {
	.f-dropdown {
		max-width: 100%;
		left: 0;
	}
}
/* Foundation Dropdowns */
.f-dropdown {
	position: absolute;
	top: -9999px;
	list-style: none;
	margin-left: 0;
	width: 100%;
	max-height: none;
	height: auto;
	background: white;
	border: solid 1px #cccccc;
	font-size: 1.004rem;
	z-index: 99;
	margin-top: 2px;
	max-width: 200px;
}

	.f-dropdown > *:first-child {
		margin-top: 0;
	}

	.f-dropdown > *:last-child {
		margin-bottom: 0;
	}

	.f-dropdown:before {
		content: "";
		display: block;
		width: 0;
		height: 0;
		border: inset 6px;
		border-color: transparent transparent white transparent;
		border-bottom-style: solid;
		position: absolute;
		top: -12px;
		left: 10px;
		z-index: 99;
	}

	.f-dropdown:after {
		content: "";
		display: block;
		width: 0;
		height: 0;
		border: inset 7px;
		border-color: transparent transparent #cccccc transparent;
		border-bottom-style: solid;
		position: absolute;
		top: -14px;
		left: 9px;
		z-index: 98;
	}

	.f-dropdown.right:before {
		left: auto;
		right: 10px;
	}

	.f-dropdown.right:after {
		left: auto;
		right: 9px;
	}

	.f-dropdown li {
		font-size: 0.875em;
		cursor: pointer;
		line-height: 1.125em;
		margin: 0;
	}

		.f-dropdown li:hover, .f-dropdown li:focus {
			background: #eeeeee;
		}

		.f-dropdown li a {
			display: block;
			padding: 0.5em 0.625em;
			color: #555555;
			text-decoration: none !important;
		}

	.f-dropdown.content {
		position: absolute;
		top: -9999px;
		list-style: none;
		margin-left: 0;
		padding: 1.25em;
		width: 100%;
		height: auto;
		max-height: none;
		background: white;
		border: solid 1px #cccccc;
		font-size: 1.004rem;
		z-index: 99;
		max-width: 200px;
	}

		.f-dropdown.content > *:first-child {
			margin-top: 0;
		}

		.f-dropdown.content > *:last-child {
			margin-bottom: 0;
		}

	.f-dropdown.tiny {
		max-width: 200px;
	}

	.f-dropdown.small {
		max-width: 300px;
	}

	.f-dropdown.medium {
		max-width: 500px;
	}

	.f-dropdown.large {
		max-width: 800px;
	}

#systemNav.f-dropdown {
	max-width: 180px;
}

.glow-button-dropdown {
	display: inline-block;
	clear: both;
	border: solid 1px #d8d5d5;
}

	.glow-button-dropdown ul {
		margin: 0;
	}

	.glow-button-dropdown a, .glow-button-dropdown span {
		width: 218px;
		background: #eee;
		font: bold 16px "Helvetica Neue", "Helvetica", "Arial", sans-serif;
		color: #222;
		cursor: pointer;
		display: inline-block;
		text-align: left;
		font-family: inherit;
		font-weight: bold;
		padding: 10px 20px;
		position: relative;
		-webkit-transition: background-color 0.15s ease-in-out;
		-moz-transition: background-color 0.15s ease-in-out;
		-o-transition: background-color 0.15s ease-in-out;
		transition: background-color 0.15s ease-in-out;
	}

		.glow-button-dropdown a:not(span):hover, .glow-button-dropdown span:not(span):hover {
			text-decoration: none;
			background: #e1e1e1;
			color: #222;
		}

		.glow-button-dropdown span:before {
			position: absolute;
			content: "";
			width: 0;
			height: 0;
			display: block;
			border-style: solid;
			border-color: #222 transparent transparent transparent;
			top: 15px;
			right: 15px;
			border-width: .5625em;
		}

	.glow-button-dropdown.fix {
		width: 220px;
		position: fixed;
	}

/* Dropdown Button */
.dropdown.button {
	position: relative;
	padding-right: 2.9375em;
}

	.dropdown.button:before {
		position: absolute;
		content: "";
		width: 0;
		height: 0;
		display: block;
		border-style: solid;
		border-color: white transparent transparent transparent;
		top: 50%;
	}

	.dropdown.button:before {
		border-width: 0.5em;
		right: 1.375em;
		margin-top: -0.21875em;
	}

	.dropdown.button:before {
		border-color: white transparent transparent transparent;
	}

	.dropdown.button.tiny {
		padding-right: 2.1875em;
	}

		.dropdown.button.tiny:before {
			border-width: 0.4375em;
			right: 0.875em;
			margin-top: -0.15625em;
		}

		.dropdown.button.tiny:before {
			border-color: white transparent transparent transparent;
		}

	.dropdown.button.small {
		padding-right: 2.8125em;
	}

		.dropdown.button.small:before {
			border-width: 0.5625em;
			right: 1.125em;
			margin-top: -0.21875em;
		}

		.dropdown.button.small:before {
			border-color: white transparent transparent transparent;
		}

	.dropdown.button.large {
		padding-right: 4em;
	}

		.dropdown.button.large:before {
			border-width: 0.625em;
			right: 1.75em;
			margin-top: -0.3125em;
		}

		.dropdown.button.large:before {
			border-color: white transparent transparent transparent;
		}

	.dropdown.button.secondary:before {
		border-color: #333333 transparent transparent transparent;
	}

.addBtn,
.createBtn {
	border-style: solid;
	border-width: 1px;
	cursor: pointer;
	font-family: AvenirStd, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: 600;
	line-height: 1;
	margin: 0 0 1.25em;
	position: relative;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	padding-top: 0.6875em;
	padding-right: 1.375em;
	padding-bottom: 0.625em;
	padding-left: 1.375em;
	font-size: 1em;
	background-color: #1c8921;
	border-color: #19871e;
	color: white;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	font-size: 1.255rem !important;
	padding: 2px 4px 2px 4px !important;
	font-weight: normal;
	line-height: 0.8em;
	width: 22px;
}

	.addBtn:hover,
	.createBtn:hover {
		text-decoration: none;
	}

	.addBtn:hover, .addBtn:focus,
	.createBtn:hover,
	.createBtn:focus {
		background-color: #157119;
	}

	.addBtn:hover, .addBtn:focus,
	.createBtn:hover,
	.createBtn:focus {
		color: white;
	}

.removeBtn {
	border-style: solid;
	border-width: 1px;
	cursor: pointer;
	font-family: AvenirStd, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: 600;
	line-height: 1;
	margin: 0 0 1.25em;
	position: relative;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	padding-top: 0.6875em;
	padding-right: 1.375em;
	padding-bottom: 0.625em;
	padding-left: 1.375em;
	font-size: 1em;
	background-color: red;
	border-color: #fa0000;
	color: white;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	line-height: 0.8em;
	font-size: 1.255rem !important;
	padding: 2px 7px 2px 6px !important;
}

	.removeBtn:hover {
		text-decoration: none;
	}

	.removeBtn:hover, .removeBtn:focus {
		background-color: #e00000;
	}

	.removeBtn:hover, .removeBtn:focus {
		color: white;
	}

.materialAddTooltip {
	position: absolute;
	right: 0;
	top: -1.5em;
	display: none;
	color: Green;
}

.materialCompareLi .removeBtn::after {
	content: "Remove from Project";
	position: absolute;
	right: 0;
	top: 0;
	display: none;
	opacity: 0;
	color: red;
	font-size: 0.6em;
	font-weight: normal;
	width: 135px;
}

.materialCompareLi .removeBtn:hover::after {
	opacity: 1;
	top: -1.8em;
	display: block;
}

.materialCompareLi .removeBtn.active::after {
	content: "Removed from Project!";
	top: -2.5em;
	opacity: 0;
}

.materialCompareLi .addBtn::after {
	content: "Add to Project";
	font-size: 0.6em;
	position: absolute;
	right: 0;
	top: 0;
	display: none;
	opacity: 0;
	color: #1c8921;
	width: 100px;
}

.materialCompareLi .addBtn:hover::after {
	opacity: 1;
	top: -1.8em;
	display: block;
}

.materialCompareLi .addBtn.active::after {
	content: "Added to Project!";
	top: -2.5em;
	opacity: 0;
}

.createProjectTooltip {
	position: absolute;
	right: -108px;
	top: -18px;
	width: 200px;
	display: none;
}

a.createProjectBtnNoJs {
	float: right;
	border: none;
	cursor: pointer;
	width: 50px;
	height: 50px;
	text-decoration: underline;
	color: #1c8921;
	text-align: center;
	margin-top: 2px;
}

a.addProjectBtnNoJs {
	float: right;
	border: none;
	cursor: pointer;
	width: 50px;
	height: 50px;
	text-decoration: underline;
	color: #1c8921;
	text-align: center;
	margin-top: 2px;
}

a.removeProjectBtnNoJs {
	float: right;
	border: none;
	cursor: pointer;
	width: 50px;
	height: 50px;
	text-decoration: underline;
	color: red;
	text-align: center;
	margin-top: 2px;
}

.projectMenu--Link:hover::after, .projectMenu--Link:hover:after,
.projectMenu a:hover::after,
.projectMenu a:hover:after {
	content: none !important;
	height: 0 !important;
	text-decoration: underline !important;
}

.MyProjectsBeta {
	display: inline-block;
	padding: 3px;
	border-radius: 10px;
	color: white;
	font-size: 0.9em;
	background: #1f6cdf;
}

.projectMenu--Link {
	position: relative;
	margin: 0px;
	display: inline-block;
	padding-right: 16px !important;
}

	.projectMenu--Link .fa {
		position: absolute;
		top: 1px;
		font-size: 1.004rem;
		margin-left: 4px !important;
	}

.projectMenu--MaterialsList {
	background: #F7F7F7;
	border: solid 1px #eee;
	margin: -3px 0 0 0;
	padding: 10px;
}

.active-project-badge {
	font-size: 0.669rem;
	background: #F7F7F7;
	padding: 2px 8px;
	border: solid 1px #eee;
	border-bottom: none;
}

.projectMenu {
	display: none;
	width: 350px;
	position: absolute;
	background: white;
	padding: 0;
	z-index: 10000;
	border-radius: 0px 0 8px 8px;
	-moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
	background-clip: padding-box;
}

li.projectMenu--Inner {
	text-align: left;
	padding: 9px 11px 11px 11px;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.12);
}

.no-js.projectMenu.active {
	display: block;
}

.projectMenu--Item {
	display: block;
	width: 100%;
	padding: 5px;
	text-align: left;
	line-height: 1.3em;
}

	.projectMenu--Item:last-child {
		margin-bottom: 0;
		border: none;
	}

.projectMenu--MaterialsHeading {
	display: block;
	font-size: 0.669rem;
	border-bottom: solid 1px;
	margin: 0 8px;
}

.projectMenu--Item--Material {
	display: inline-block;
	font-size: 0.9em;
	padding: 6px 9px 4px 9px;
	background: #F1F1F1;
}

	.projectMenu--Item--Material:nth-child(odd) {
		background: #E9E9E9;
	}

a.projectMenu--Item--RemoveLink {
	display: inline-block;
	float: right;
}

.projectMenu--DetailsItem {
	padding: 1px 0px 10px 0px;
	font-size: 1.1em;
}

.projectMenu--ActivateItem {
	margin: 0;
	text-align: center;
	background: #424a5d;
	border-radius: 0px 0 1px 1px;
	padding: 10px 0;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

	.projectMenu--ActivateItem .projectMenu--Item--Link {
		color: white !important;
	}

.project--GiveFeedback {
	position: fixed;
	top: 65%;
	left: -51px;
	padding: 10px 20px;
	background: #225892;
	color: white;
	font-size: 1em;
	font-weight: bold;
	opacity: 1;
	z-index: 10000;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

@media (max-width: 1280px) {
	.project--GiveFeedback {
		padding: 5px 10px;
		left: -41px;
		font-size: 0.9em;
	}
}

@media (max-width: 801px) {
	.project--GiveFeedback {
		display: none;
	}
}

.projectStart {
	background: #FFF;
	padding: 1.5em;
	color: black;
	position: relative;
	width: 100%;
	max-width: 87em;
	margin-top: 35px;
}

@media (max-width: 1180px) {
	.projectStart {
		margin-top: 2px;
	}
}

.projectStart--Hero {
	height: 200px;
}

@media (max-width: 801px) {
	.projectStart--Hero {
		height: auto;
		margin-bottom: 20px;
	}
}

.projectStart--Hero--Header {
	font-size: 2em;
}

.projectStart--Card {
	height: 200px;
}

@media (max-width: 520px) {
	.projectStart--Card {
		width: 100%;
		height: auto;
	}
}

.projectStart--Card--Step {
	background: white;
	border-radius: 100%;
	text-align: center;
	display: block;
	margin: 1em auto;
	width: 1.5em;
	height: 1.5em;
	font-size: 2em;
	font-weight: bold;
	line-height: 1.5em;
}

.projectStart--Card--Title {
	color: black;
	width: 100%;
	font-weight: normal;
	font-size: 1.05em;
	text-align: center;
	display: block;
	margin-bottom: 5%;
	line-height: 1;
}

.projectStart--Card--DropDown {
	width: 100%;
}

.projectStart--Card--Goal {
	width: 100%;
}

.projectStart--Card--Contact {
	text-indent: -9999px;
	background: url("../../Images/Icons/SVG/ContactAdd.svg");
	background-size: contain;
	background-position: center center;
	width: 65px;
	height: 65px;
	border-radius: 100%;
	border: solid 2px white;
	display: block;
	margin: auto;
}

.no-svg .projectStart--Card--Contact {
	background: url("../Images/Icons/SVG/ContactAdd.png");
	background-size: contain;
}

.projectStart--Card--StartButton {
	margin-top: 2em;
	background: transparent;
	border: solid 3px #EEE;
	font-size: 2em;
	display: block;
	border-radius: 3px;
	color: #FFF;
	width: 100%;
	white-space: normal;
	padding-top: 0.3em 0;
}

	.projectStart--Card--StartButton:hover {
		cursor: pointer;
	}

@media (max-width: 520px) {
	.projectStart--Card--StartButton {
		margin: 2em 0;
	}
}

.betaBannerWrap {
	width: 85px;
	height: 88px;
	overflow: hidden;
	position: absolute;
	top: -3px;
	right: -3px;
}

.betaBanner {
	display: block;
	font-size: 1.1em;
	color: #FFF;
	text-align: center;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	position: relative;
	padding: 7px 0;
	left: -5px;
	top: 15px;
	width: 120px;
	background-color: #4e7caf;
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}

	.betaBanner:before, .betaBanner:after {
		content: "";
		border-top: 3px solid #4e7caf;
		border-left: 3px solid transparent;
		border-right: 3px solid transparent;
		position: absolute;
		bottom: -3px;
	}

	.betaBanner:before {
		left: 0;
	}

	.betaBanner:after {
		right: 0;
	}

.projectStart--Card--1 {
	background: #3fdb46;
}

.projectStart--Card--2 {
	background: #27d02e;
}

.projectStart--Card--3 {
	background: #21b228;
}

.projectStart--Card--4 {
	background: #1E821E;
}

.projectStart--Card--TitleWrap {
	-moz-transition: all 0.5s, opacity 0.2s ease-out;
	-webkit-transition: all 0.5s, opacity 0.2s ease-out;
	-o-transition: all 0.5s, opacity 0.2s ease-out;
	transition: all 0.5s, opacity 0.2s ease-out;
}

	.projectStart--Card--TitleWrap.active {
		-moz-transform: translateY(-90px);
		-webkit-transform: translateY(-90px);
		-o-transform: translateY(-90px);
		transform: translateY(-90px);
		opacity: 0;
	}

.projectStart--Card--Contact--Action {
	-moz-transform: translateY(-90px);
	-webkit-transform: translateY(-90px);
	-o-transform: translateY(-90px);
	transform: translateY(-90px);
	opacity: 1;
	-moz-transition: all 0.1s 0.3s, opacity 0.1s 0.3s ease-out;
	-webkit-transition: all 0.1s 0.3s, opacity 0.1s 0.3s ease-out;
	-o-transition: all 0.1s 0.3s, opacity 0.1s 0.3s ease-out;
	transition: all 0.1s 0.3s, opacity 0.1s 0.3s ease-out;
}

	.projectStart--Card--Contact--Action.preaction {
		opacity: 0;
		-moz-transform: translateY(0px);
		-webkit-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
	}

.projectLoginBackground {
	position: absolute;
	width: 66.666%;
	top: 0;
	right: 0;
	height: 100%;
}

@media (max-width: 800px) {
	.projectLoginBackground {
		width: 100%;
		top: 38%;
		height: auto;
		width: 98.5%;
	}
}

@media (max-width: 750px) {
	.projectLoginBackground {
		top: 40%;
	}
}

@media (max-width: 520px) {
	.projectLoginBackground {
		top: 47%;
	}
}

.projectLogin {
	width: 30%;
	margin: auto;
	background: white;
	opacity: 1;
	z-index: 10003;
	position: relative;
	height: 100%;
}

@media (max-width: 1000px) {
	.projectLogin {
		width: 50%;
	}
}

@media (max-width: 520px) {
	.projectLogin {
		width: 75%;
	}
}

@media (min-width: 1000px) and (max-width: 1441px) {
	.projectLogin {
		width: 36%;
	}
}

.projectLoginInner {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 95%;
	margin: auto;
	padding: 20px;
	z-index: 99;
}

	.projectLoginInner hr {
		border-top: solid 1px #ccc;
		border-bottom: solid 1px #F3F3F3;
		clear: both;
		margin: 14px 0 15px 0;
		height: 0;
	}

@media (max-width: 801px) {
	.projectLoginInner {
		position: static;
	}
}

.projectLoginInner-blur {
	position: absolute;
	width: 102%;
	height: 100%;
	right: -1%;
	filter: blur(1px);
	-webkit-filter: blur(1px);
	-moz-filter: blur(1px);
	-o-filter: blur(1px);
	-ms-filter: blur(1px);
	background: white;
	z-index: 0;
}

@media (max-width: 801px) {
	.projectLoginInner-blur {
		display: none;
	}
}

.projectLogin--signup,
.projectLogin--login {
	display: block;
	height: 40px;
	line-height: 14px;
	margin-bottom: 0;
	font-size: 1.2em;
	font-weight: 100;
	letter-spacing: 1px;
	background: #4b77a8;
	border-color: #436b96;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

	.projectLogin--signup:hover,
	.projectLogin--login:hover {
		background: #40668f;
		border-color: #38597e;
	}

.projectLogin--signup {
	margin-bottom: 0.7em;
}

.projectLogin--login {
	margin-top: 0.7em;
}

.projectLoginInner p {
	line-height: 1.2em;
	font-size: 0.9em;
	color: #3A3A3A;
	padding: 0 4px;
	margin-top: 0;
}

@media (max-width: 1000px) {
	.projectStart--Hero--Header {
		font-size: 1.625em;
	}
}

.blur--opaque {
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-o-filter: blur(2px);
	-ms-filter: blur(2px);
	filter: blur(2px);
}

	.blur--opaque:after {
		content: "";
		display: block;
		position: absolute;
		background: black;
		opacity: 0.35;
		z-index: 10000;
		bottom: 15px;
		right: 16px;
	}

@media (min-width: 801px) {
	.blur--opaque:after {
		width: 65%;
		height: 86%;
	}
}

@media (max-width: 801px) {
	.blur--opaque:after {
		width: 96%;
		height: 73%;
	}
}

@media (max-width: 520px) {
	.blur--opaque:after {
		width: 94%;
		height: 80%;
	}
}

@media (max-width: 405px) {
	.blur--opaque:after {
		height: 76%;
	}
}

@media (max-width: 320px) {
	.blur--opaque:after {
		height: 72.5%;
	}
}

.large-4.columns.small-12.omega {
	margin-top: 60px;
}

.projectBanner {
	margin: auto auto -2.3em;
	min-height: 200px;
	height: 250px;
	position: relative;
	width: 100%;
	max-width: 87em;
}

@media (max-width: 1180px) {
	.projectBanner {
		margin: auto auto -1px;
	}
}

.projectBanner.noBackground {
	background: #EEE;
	color: black;
}

.projectBanner--overlay {
	height: 250px;
}

	.projectBanner--overlay.noBackground {
		background: rgba(50, 122, 50, 0.9);
	}

.projectBanner.hasBackground {
	background-size: cover;
	background-position: 0;
}

.projectBanner-Title {
	text-align: center;
	color: white;
	font-size: 4em;
	padding-top: 75px;
	position: relative;
	z-index: 10;
}

@media (max-width: 801px) {
	.projectBanner-Title {
		font-size: 2.4em;
	}
}

.projectBanner-Subtitle {
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 40%;
	z-index: 10;
}

.gray.projectBanner-ImageButton {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 10;
	border-radius: 0;
}

.projectBanner.hasBackground .projectBanner--overlay ~ .projectBanner-ImageButton {
	display: none;
}

	.projectBanner.hasBackground .projectBanner--overlay:hover ~ .projectBanner-ImageButton,
	.projectBanner.hasBackground .projectBanner-Title:hover ~ .projectBanner-ImageButton,
	.projectBanner.hasBackground .projectBanner-Subtitle:hover ~ .projectBanner-ImageButton,
	.projectBanner.hasBackground .projectBanner--overlay ~ .projectBanner-ImageButton:hover {
		display: block;
	}

.projectBanner--Actions {
	position: absolute;
	right: 3%;
	width: 25%;
	top: 175px;
	z-index: 10;
}

.projectBanner--Actions--Item {
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 32%;
}

.projectBanner--Actions--Item--Link {
	display: block;
	width: 100%;
	padding: 0.5em 2.5%;
	background: #1c8921;
	text-align: center;
	color: white;
}

.projectSections {
	min-height: 400px;
}

.projectSections--Menu {
	display: block;
	width: 100%;
	overflow: hidden;
}

.projectSections--Menu--Item {
	display: block;
	width: 25%;
	float: left;
}

.projectSections--Menu--Item--Link {
	padding: 0.5em 5%;
	width: 100%;
	background: #eeeeee;
	display: inline-block;
	text-align: center;
	margin: 0px;
	-moz-transition: background-color 175ms;
	-webkit-transition: background-color 175ms;
	-moz-transition: background-color 175ms;
}

	.projectSections--Menu--Item--Link:hover {
		background-color: #dfdfdf;
		text-decoration: none;
	}

a.projectSections--Menu--Item--Link.current,
a.projectSections--Menu--Item--Link.current:hover {
	color: white;
	background: #1c8921;
	cursor: default;
}

.projectDetails--TitleWrap {
	overflow: auto;
}

	.projectDetails--TitleWrap h4 {
		float: left;
	}

.projectDetails--EditLink {
	float: left;
	margin-top: 12px;
	margin-left: 10px;
}

.projectDetails--List {
	width: 95%;
	overflow: visible;
	position: relative;
	padding: 0;
	box-sizing: border-box;
}

.projectDetails--List--Item {
	display: block;
	margin: 0;
	padding: 0.25em 0 0;
	width: 100%;
}

.projectDetails--List--Label {
	width: 25%;
	color: black;
	font-weight: bold;
	display: inline-block;
}

.projectRef {
	margin-bottom: 20px;
}

p.projectRef--Description {
	margin-top: 0;
	padding-top: 0;
}

.projectActivities {
	padding: 1.5%;
}

.projectActivities--Item {
	color: #383a3e;
	font-size: 1.1em;
}

.projectActivities--Item--Action {
	display: block;
	margin-left: 1%;
	font-size: 0.9em;
	text-align: left;
}

.projectActivities--Item--Time {
	display: inline;
	font-size: 0.7em;
	color: #3c4044;
}

.addGoal {
	display: block;
}

@media (max-width: 801px) {
	.addGoal .rPad2 {
		padding: 0 !important;
	}
}

.addGoal--Label {
	display: none;
}

.oldie .addGoal--Label {
	display: block;
	float: left;
}

.oldie .addGoal--GoalLabel {
	width: 20%;
	margin-right: 5%;
}

.oldie .addGoal--StartDateLabel {
	width: 15%;
	margin-right: 2.5%;
}

.oldie .addGoal--EndDateLabel {
	width: 15%;
	margin-right: 2.5%;
}

input.addGoal--Input {
	display: block;
}

input.addGoal--GoalInput {
	font-size: 1em;
}

input.addGoal--DateInput {
	font-size: 1em;
}

.addGoal--Submit {
	margin: 0 !important;
}

.goalRecommendation--Title {
	background: none;
	color: black;
	padding-bottom: 0;
	line-height: 1.2em;
}

.js .goalComments {
	display: none;
}

.goalComments--List {
	padding: 0;
	margin: 10px 0;
}

.goalComments--List--Item {
	display: block;
	padding: 10px 1%;
	width: 98%;
	border: solid 3px #f0f4f0;
	background: #f0f4f0;
	position: relative;
	margin-bottom: 7px;
	border-radius: 3px;
}

	.goalComments--List--Item::before {
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 10px solid #f0f4f0;
		position: absolute;
		top: -10px;
	}

.goalComments--List--Item--Comment {
	padding: 0;
	margin-top: 0;
}

.goalComments--List--Item--Date {
	display: inline-block;
	margin-top: 3px;
	font-size: 0.9em;
}

.goalComments--List--Item--Collaborator {
	display: inline-block;
	margin-top: 3px;
	font-size: 0.9em;
}

.goalComments--List--Item--Actions {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

.projectGoal--List--Header {
	border-bottom: solid 1px #eeeeee;
	color: #6a7077;
	margin-bottom: 15px;
}

.projectGoal--List {
	margin: 0;
	padding: 0;
	width: 100%;
	max-height: 600px;
	margin-bottom: 6px;
}

.projectGoal--List--Item {
	margin-bottom: 20px;
}

	.projectGoal--List--Item:hover {
		background: white;
	}

	.projectGoal--List--Item.current {
		background: #f0f4f0;
	}

.goal--Item {
	overflow: auto;
	position: relative;
}

.goal--Item--RecomendationLink {
	float: right;
	margin-right: 12%;
	font-size: 0.9em;
}

.projectGoal--List--Item--Title {
	font-weight: normal;
	width: 50%;
	float: left;
	display: block;
}

.projectGoal--List--Item--Title--Label {
	display: inline;
	font-size: 1.2em;
}

input.projectGoal--List--Item--Title--Checkbox {
	font-size: 1.2em;
	margin: 0;
}

.projectGoal--List--Item--Date {
	display: block;
	width: 17%;
	float: left;
}

.goalComments--Link {
	font-size: 0.8em;
}

.goalRecommendation {
	width: 100%;
}

.projectGoal--recommendation {
	background: #f0f4f0;
	padding: 1.2em 2%;
	position: relative;
	transition: all 0.7s ease-in-out;
}

.no-js .goalRecommendation-TitleActions {
	display: none;
}

.goalRecommendation-Arrow {
	cursor: pointer;
	position: absolute;
	top: 25px;
}

	.goalRecommendation-Arrow.prev {
		left: 10px;
	}

	.goalRecommendation-Arrow.next {
		right: 10px;
	}

.no-js .goalRecommendation-Arrow {
	display: none;
}

.goalRecommendation--TitleCount {
	text-align: center;
}

.row.collapse .columns.projectGoal--recommendation {
	padding-left: 2%;
	padding-right: 2%;
}

.recNav.carouselNav {
	width: 100%;
	margin-bottom: 10px;
	overflow: hidden;
	text-align: center;
}

.carouselNav a.navCircle {
	float: none;
}

.addCollaborator {
	padding: 0;
}

.addCollaborator--Input {
	display: inline-block;
	width: 25%;
}

.collaboratorList {
	font-size: 1.1em;
}

.collaboratorList--Item--Action {
	display: inline-block;
	margin-left: 5px;
}

dt.greenCheck {
	background-image: url("/Content/Images/icons/green_check.png");
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
}

table.materialsTable {
	border: none;
	margin-top: 0.375em;
}

table th.materialsTable--Head--Row--Cell {
	background: white;
	font-size: 1em;
	padding: 0 0.75em 0.75em;
	text-align: center;
}

.materialsTable--Head--Row--Cell--Title {
	text-align: left;
	padding: 0;
	margin: 0;
}

table th.materialsTable--Head--Row--Span {
	text-align: center;
	color: #1c8921;
	font-size: 1.5em;
	padding: 0.375em 0.75em 0;
}

.materialsTable--Body--Row {
	background: white;
	margin-bottom: 20px;
}

	.materialsTable--Body--Row.materialsTable--Body--MaterialTitle {
		margin-bottom: 0;
	}

.materialsTable--Body--Row--Cell {
	background: white;
	vertical-align: top;
}

.materialsTable--DataCell,
table th.materialsTable--Head--Row--Cell.materialsTable--DataCell {
	background: #f2f7f6;
}

.materialsTable--Body--Row--Header {
	width: 50%;
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 3%;
}

.materialsTable--Body--Row--Header--Title {
	font-size: 1.4em;
	width: 100%;
	text-align: left;
	display: block;
	margin: 10px 0 0;
	padding: 0 0 0.1em;
}

.materialsTable--Body--Row--Header--Content {
	width: 100%;
	font-size: 1.1em;
	text-align: left;
	line-height: 1.5;
	margin: 0 0 0.625em;
	text-rendering: optimizeLegibility;
}

td.materialsTable--Body--Row--Cell {
	padding: 0 0.75em 0.75em;
}

td.materialsTable--Body--MaterialGroup--Cell {
	padding: 0;
}

.materialsTable--Body--MaterialGroup--Cell--Header {
	display: block;
	width: 100%;
	font-size: 1.3em;
	padding: 0.5em;
}

.spanArrows {
	margin-top: 6px;
}

.userProjects-Column1 {
	padding-left: 0;
}

.userProjects-Column2 {
	padding-right: 0;
}

.projectCard {
	padding: 10px;
	position: relative;
	word-break: break-word;
	box-sizing: border-box;
	border: 1px solid #cacaca;
	border: 1px solid rgba(0, 0, 0, 0.15);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-moz-box-shadow: 2px 2px 10px #ccc;
	-webkit-box-shadow: 2px 2px 10px #ccc;
	-o-box-shadow: 2px 2px 10px #ccc;
	-ms-box-shadow: 2px 2px 10px #ccc;
	box-shadow: 2px 2px 10px #ccc;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 0;
}

.projectCard--Content {
	height: 150px;
}

.projectCard--Content--Desc {
	height: 85px;
	overflow: hidden;
}

.projectCard--Content--Link {
	padding-top: 0.4375em;
	padding-right: 0.875em;
	padding-bottom: 0.375em;
	padding-left: 0.875em;
}

a.delete--CloseImage {
	background: url(/Content/Images/Icons/apple-close.png) no-repeat center center;
	position: absolute;
	right: -13px;
	top: -13px;
	cursor: pointer;
	height: 28px;
	width: 28px;
	overflow: hidden;
	text-indent: -9999px;
}

.hasBackground.active--Project {
	margin: 0;
}

	.hasBackground.active--Project .projectCard--Content {
		color: white;
		margin-bottom: 20px;
		z-index: 100;
		position: relative;
	}

	.hasBackground.active--Project h3.projectCard--Content--Title {
		margin-top: 80px;
		background: none;
	}

	.hasBackground.active--Project a.delete--CloseImage {
		top: -23px;
		right: -23px;
	}

.active--Project {
	text-align: center;
}

	.active--Project .projectCard--Content {
		height: inherit;
	}

	.active--Project .projectCard--Content--Desc {
		height: inherit;
	}

.collabProject {
	padding-bottom: 10px;
	border-bottom: solid 2px #EEE;
}

.project-DeleteInfo {
	padding: 1em;
	margin: 1em 0 1em;
	font-size: 1em;
	color: #987b48;
	background-color: #FCF8E3;
	border-color: #FBEED5;
	color: #B94A48;
	background-color: #F2DEDE;
	border-color: #EED3D7;
	border: solid 1px;
}

.projectActivated {
	height: 168px;
	padding: 10px;
	background: #f2f7f6;
}

	.projectActivated .addBtn {
		margin-bottom: 0;
	}

	.projectActivated:after {
		content: "";
		position: absolute;
		display: block;
		width: 0;
		height: 0;
		border: inset 10px;
		border-color: transparent #eff3f2 transparent transparent;
		border-right-style: solid;
		left: -20px;
		top: 20px;
	}

.hotspot {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: transparent url(/Content/Images/hotspot_read.png) no-repeat center center;
}

.animated {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes scaledIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(1.02);
		transform: scale(1.02);
	}

	100% {
		-webkit-transform: translateX(1);
		transform: translateX(1);
	}
}

@keyframes scaledIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(1.02);
		-ms-transform: scale(1.02);
		transform: scale(1.02);
	}

	100% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}

.scaledIn {
	-webkit-animation-name: scaledIn;
	animation-name: scaledIn;
}

@-webkit-keyframes slideInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(750px);
		transform: translateX(750px);
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes slideInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(750px);
		-ms-transform: translateX(750px);
		transform: translateX(750px);
	}

	100% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}

.slideInRight, .slideInRight:after {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight;
}

@media (max-width: 800px) {
	.productPaneTabs {
		display: none;
	}
}

li.productPaneTab-Item {
	width: 25%;
}

a.productPaneTab-Item-Link {
	display: inline-block;
	position: relative;
	width: 95%;
	padding: 0.5em 0.875em 0.4375em;
	margin: 0 0 1.25em;
	background-color: #888888;
	color: white;
	text-decoration: none;
	text-align: center;
	font-size: 0.8125em;
	font-weight: bold;
	font-family: Arial, sans-serif;
	border-radius: 3px;
	-moz-transition: all 250ms ease;
	-webkit-transition: all 250ms ease;
	transition: all 250ms ease;
}

	a.productPaneTab-Item-Link:hover {
		background-color: #3e638c;
	}

	a.productPaneTab-Item-Link.current,
	a.productPaneTab-Item-Link.current:hover {
		background-color: #4e7caf;
	}

.productPaneTab-Item-Link.current:after {
	content: "";
	display: block;
	position: absolute;
	left: 42%;
	bottom: -17px;
	width: 0;
	height: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 12px solid white;
}

.productTabSections {
	background: white;
	padding: 10px;
}

.tooltip {
	display: none;
	width: 250px;
	left: 12px;
	padding: 10px;
	font-size: 0.753rem;
	background: #eeeeee;
	color: #414141;
	line-height: 1.3em;
	position: absolute;
	border: solid 1px #CCCCCC;
	z-index: 99;
	font-weight: bold;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 1px 1px 4px #8D8D8D;
	-webkit-box-shadow: 1px 1px 4px #8D8D8D;
	-o-webkit-box-shadow: 1px 1px 4px #8D8D8D;
	-ms-webkit-box-shadow: 1px 1px 4px #8D8D8D;
	box-shadow: 1px 1px 4px #8D8D8D;
}

	.tooltip:before, .tooltip:after {
		content: "";
		width: 0;
		position: absolute;
		z-index: 0;
		height: 0;
		border-left: 0px solid transparent;
		border-right: 35px solid transparent;
		border-top: 15px solid #eeeeee;
	}

	.tooltip:before {
		bottom: -1.25em;
		left: 1.9em;
		border-right: 35px solid transparent;
		border-top: 15px solid #C0C0C0;
	}

	.tooltip:after {
		bottom: -1em;
		left: 2.05em;
		border-top-color: #eeeeee;
		border-right: 35px solid transparent;
	}

	.tooltip.left:before {
		left: auto;
		right: 1.9em;
		border-left: 35px solid transparent;
		border-right: none;
	}

	.tooltip.left:after {
		left: auto;
		right: 2.05em;
		border-right: none;
		border-left: 35px solid transparent;
	}

	.tooltip.bottom:before {
		bottom: auto;
		top: -1.25em;
		left: 1.9em;
		border-bottom: 15px solid silver;
		border-top: none;
	}

	.tooltip.bottom:after {
		bottom: auto;
		top: -1em;
		left: 2.05em;
		border-bottom: 15px solid #eee;
		border-top: none;
	}

	.tooltip.bottom.left:before {
		left: auto;
		right: 1.9em;
		border-left: 35px solid transparent;
		border-right: none;
	}

	.tooltip.bottom.left:after {
		left: auto;
		right: 2.05em;
		border-right: none;
		border-left: 35px solid transparent;
	}

	.tooltip.centered:before {
		bottom: -0.9em;
		left: 43%;
		border-top: 10px solid #C0C0C0;
		border-left: 13px solid transparent;
		border-right: 13px solid transparent;
	}

	.tooltip.centered:after {
		bottom: -0.8em;
		left: 43%;
		border-top: 10px solid #eeeeee;
		border-left: 13px solid transparent;
		border-right: 13px solid transparent;
	}

	.tooltip.centered.bottom:before {
		top: -0.9em;
		bottom: auto;
		border-bottom: 10px solid #C0C0C0;
		border-top: none;
	}

	.tooltip.centered.bottom:after {
		bottom: auto;
		top: -0.8em;
		border-bottom: 10px solid #eeeeee;
		border-top: none;
	}

	.tooltip.flat:before, .tooltip.flat:after {
		border: none;
	}

	.tooltip span {
		display: block;
		border-bottom: solid 1px;
		font-size: 1.2em;
		padding: 0px 0 6px 0;
		margin-bottom: 5px;
	}

	.tooltip a {
		display: inline;
		padding: 0;
		color: #1f6cdf;
		background-color: inherit;
		border: none;
	}

		.tooltip a:hover {
			text-decoration: underline;
		}

.help-tip-target {
	display: inline-block;
	position: relative;
	font-size: 1.5em !important;
	vertical-align: -2px;
	margin-left: 4px;
}

	.help-tip-target:hover {
		cursor: pointer;
	}

		.help-tip-target:hover .help-tip {
			display: block;
		}

.help-tip {
	display: none;
	padding: 0.66667rem;
	position: absolute;
	z-index: 1006;
	font-weight: normal;
	font-size: 0.77778rem;
	line-height: 1.3;
	bottom: 25px;
	left: -2px;
	font-family: Arial;
	width: 300px;
	color: white;
	background: #333333;
}

	.help-tip:hover {
		display: block;
	}

	.help-tip .ht-title {
		font-size: .9rem;
		font-weight: bold;
	}

	.help-tip > .nub {
		display: block;
		left: 5px;
		position: absolute;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 5px;
		border-color: #333333 transparent transparent transparent;
		bottom: -9px;
		pointer-events: none;
		transition: border-width 350ms;
	}

/*
$include-html-tooltip-classes: $include-html-classes !default;

$has-tip-border-bottom: dotted 1px #ccc !default;
$has-tip-font-weight: bold !default;
$has-tip-font-color: #333 !default;
$has-tip-border-bottom-hover: dotted 1px darken($primary-color, 20%) !default;
$has-tip-font-color-hover: $primary-color !default;
$has-tip-cursor-type: help !default;

$tooltip-padding: emCalc(8px) !default;
$tooltip-bg: #000 !default;
$tooltip-font-size: emCalc(15px) !default;
$tooltip-font-weight: bold !default;
$tooltip-font-color: #fff !default;
$tooltip-line-height: 1.3 !default;
$tooltip-close-font-size: emCalc(10px) !default;
$tooltip-close-font-weight: normal !default;
$tooltip-close-font-color: #888 !default;
$tooltip-font-size-sml: emCalc(14px) !default;
$tooltip-radius: $global-radius !default;
$tooltip-pip-size: 5px !default;

@if $include-html-tooltip-classes != false {
  .has-tip {
    border-bottom: $has-tip-border-bottom;
    cursor: $has-tip-cursor-type;
    font-weight: $has-tip-font-weight;
    color: $has-tip-font-color;

    &:hover,
    &:focus {
      border-bottom: $has-tip-border-bottom-hover;
      color: $has-tip-font-color-hover;
    }

    &.tip-left,
    &.tip-right { float: none !important; }
  }

  .tooltip {
    display: none;
    position: absolute;
    z-index: 999;
    font-weight: $tooltip-font-weight;
    font-size: $tooltip-font-size;
    line-height: $tooltip-line-height;
    padding: $tooltip-padding;
    max-width: 85%;
    left: 50%;
    width: 100%;
    color: $tooltip-font-color;
    background: $tooltip-bg;
    @include radius($tooltip-radius);

    &>.nub {
      display: block;
      left: $tooltip-pip-size;
      position: absolute;
      width: 0;
      height: 0;
      border: solid $tooltip-pip-size;
      border-color: transparent transparent $tooltip-bg transparent;
      top: -($tooltip-pip-size * 2);
    }

    &.opened {
      color: $has-tip-font-color-hover !important;
      border-bottom: $has-tip-border-bottom-hover !important;
    }
  }

  .tap-to-close {
    display: block;
    font-size: $tooltip-close-font-size;
    color: $tooltip-close-font-color;
    font-weight: $tooltip-close-font-weight;
  }

  @media only screen and (min-width: 801px) {
    .tooltip {
      &>.nub {
        border-color: transparent transparent $tooltip-bg transparent;
        top: -($tooltip-pip-size * 2);
      }
      &.tip-top>.nub {
        border-color: $tooltip-bg transparent transparent transparent;
        top: auto;
        bottom: -($tooltip-pip-size * 2);
      }

      &.tip-left,
      &.tip-right { float: none !important; }

      &.tip-left>.nub {
        border-color: transparent transparent transparent $tooltip-bg;
        right: -($tooltip-pip-size * 2);
        left: auto;
        top: 50%;
        margin-top: -$tooltip-pip-size;
      }
      &.tip-right>.nub {
        border-color: transparent $tooltip-bg transparent transparent;
        right: auto;
        left: -($tooltip-pip-size * 2);
        top: 50%;
        margin-top: -$tooltip-pip-size;
      }
    }
  }
}
*/
/* Flex Video */
.flex-video {
	position: relative;
	padding-top: 1.5625em;
	padding-bottom: 67.5%;
	height: 0;
	margin-bottom: 1em;
	overflow: hidden;
}

	.flex-video.widescreen {
		padding-bottom: 57.25%;
	}

	.flex-video.vimeo {
		padding-top: 0;
	}

	.flex-video iframe,
	.flex-video object,
	.flex-video embed,
	.flex-video video {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.flex-video.rounded iframe {
		z-index: 0;
		border: solid black 5px;
		border-radius: 4px !important;
	}

.goalAnalysisCell {
	width: 25%;
	font-size: 1.1em;
}

.goalRecAnalysisCell {
	width: 25%;
	text-align: left;
}

	.goalRecAnalysisCell h5 {
		font-size: 1.05em;
		text-transform: capitalize;
	}

.sparkline {
	float: left;
	height: 60px;
	margin: 0 0.5em;
	position: relative;
}

	.sparkline .index {
		position: relative;
		float: left;
		width: 9px;
		margin-right: 1px;
		height: 60px;
	}

		.sparkline .index:hover {
			background: #EEE;
		}

		.sparkline .index .count {
			display: block;
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 0;
			background: #32bf38;
			overflow: hidden;
			text-indent: -9999px;
		}

	.sparkline .baseline {
		width: 100%;
		height: 0;
		position: absolute;
		left: 0;
		bottom: 0;
		border-top: solid 1px black;
	}

.analysisTip {
	width: 350px;
	font-size: 1em;
	background: white;
	padding: 10px;
	box-sizing: border-box;
	border: solid 2px #AAA;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 1px 1px 4px #8D8D8D;
	-webkit-box-shadow: 1px 1px 4px #8D8D8D;
	-o-webkit-box-shadow: 1px 1px 4px #8D8D8D;
	-ms-webkit-box-shadow: 1px 1px 4px #8D8D8D;
	box-shadow: 1px 1px 4px #8D8D8D;
}

	.analysisTip h4 {
		padding: 0;
	}

	.analysisTip .fixed-loading-gif {
		border: none;
		position: static;
	}

.badge {
	padding: 0 3px;
	color: white;
	font-weight: bold;
	background: #aaaaaa;
	border: solid 1px #969696;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
}

/*
Overide Classes for content managers
*/
a.block-link {
	display: block;
}

ul.noPadding,
ol.noPadding,
li.noPadding,
p.noPadding,
#main ul.noPadding,
#main ol.noPadding,
#main li.noPadding,
#main p.noPadding {
	padding: 0;
}

ul.noMargin,
ol.noMargin,
li.noMargin,
p.noMargin,
h1.noMargin,
h2.noMargin,
h3.noMargin,
h4.noMargin,
h5.noMargin,
#main ul.noMargin,
#main ol.noMargin,
#main li.noMargin,
#main p.noMargin {
	margin: 0;
}

ul.noPadding--top,
ol.noPadding--top,
li.noPadding--top,
p.noPadding--top,
h1.noPadding--top,
h2.noPadding--top,
h3.noPadding--top,
h4.noPadding--top,
h5.noPadding--top,
#main ul.noPadding--top,
#main ol.noPadding--top,
#main li.noPadding--top,
#main p.noPadding--top {
	padding-top: 0;
}

ul.noMargin--top,
ol.noMargin--top,
li.noMargin--top,
p.noMargin--top,
h1.noMargin--top,
h2.noMargin--top,
h3.noMargin--top,
h4.noMargin--top,
h5.noMargin--top,
#main ul.noMargin--top,
#main ol.noMargin--top,
#main li.noMargin--top,
#main p.noMargin--top {
	margin-top: 0;
}

ul.noPadding--bottom,
ol.noPadding--bottom,
li.noPadding--bottom,
p.noPadding--bottom,
#main ul.noPadding--bottom,
#main ol.noPadding--bottom,
#main li.noPadding--bottom,
#main p.noPadding--bottom {
	padding-bottom: 0;
}

ul.noMargin--bottom,
ol.noMargin--bottom,
li.noMargin--bottom,
p.noMargin--bottom,
#main ul.noMargin--bottom,
#main ol.noMargin--bottom,
#main li.noMargin--bottom,
#main p.noMargin--bottom {
	margin-bottom: 0;
}

.register-logins-table {
	border-collapse: collapse;
}

	.register-logins-table tr th,
	.register-logins-table tr td {
		padding: 0.125em 0.625em;
	}

	.register-logins-table tr {
		border-bottom: solid 1px #d8d5d5;
		background: none !important;
	}

	.register-logins-table button {
		margin-top: 16px;
		padding: 4px 6px !important;
	}

.lt-ie9 .register-logins-table button {
	margin-right: -10px;
}

.registered-login-btn form {
	margin: 0;
}

.registered-login-google .registered-login-icon {
	color: #DA3A25;
	font-size: 1.3em;
}

	.registered-login-google .registered-login-icon span:before {
		content: "\f0d5";
	}

.registered-login-linkedin .registered-login-icon {
	color: #4875B4;
	font-size: 1.3em;
}

	.registered-login-linkedin .registered-login-icon span:before {
		content: "\f0e1";
	}

.registered-login-facebook .registered-login-icon {
	color: #3B5998;
	font-size: 1.3em;
}

	.registered-login-facebook .registered-login-icon span:before {
		content: "\f09a";
	}

.registered-login-twitter .registered-login-icon {
	color: #55ACEE;
	font-size: 1.3em;
}

	.registered-login-twitter .registered-login-icon span:before {
		content: "\f099";
	}

/* Autocomplete
----------------------------------*/
.ui-autocomplete {
	position: absolute;
	cursor: default;
}

.ui-autocomplete-loading {
	background: none !important;
}

/* workarounds */
* html .ui-autocomplete {
	width: 1px;
}

/* without this, the menu expands to 100% in IE6 */
/* Menu
----------------------------------*/
.ui-menu {
	max-width: 476px;
	list-style: none;
	padding: 2px;
	font-size: 0.753rem;
	font-size: 0.9em;
	margin: 0 0 0 8px;
	display: block;
	border: 1px solid #999;
	border-top: none;
	background: #FFF;
	cursor: default;
	-webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
	-moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
	box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
	z-index: 99999;
}

	.ui-menu .ui-menu {
		margin-top: -3px;
	}

	.ui-menu .ui-menu-item {
		margin: 0;
		padding: .2em 10px;
		width: 100%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

		.ui-menu .ui-menu-item a {
			text-decoration: none;
			display: block;
			padding: .2em .4em;
			line-height: 1.5;
			font-size: 1.3em;
			zoom: 1;
			color: rgba(0, 0, 0, 0.75);
		}

			.ui-menu .ui-menu-item a.ui-state-hover,
			.ui-menu .ui-menu-item a.ui-state-active {
				margin: -1px;
			}

.ui-helper-hidden {
	display: none;
}

.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.ui-state-focus {
	background: #f2f7f6;
	outline: none;
}

.hp-searchbox-inner .ui-autocomplete-input.ui-autocomplete-loading {
	background: #5165a2;
	background: rgba(21, 29, 80, 0.36) !important;
}

#hp-search-results .ui-menu {
	color: #cfddff;
	text-shadow: 1px 1px 3px #131625;
	background: #5165a2;
	background: rgba(19, 25, 64, 0.36);
	border-color: #cfddff;
	max-height: 235px;
	overflow: auto;
}

@media (max-width: 800px) {
	#hp-search-results .ui-menu {
		background: rgba(92, 112, 168, 0.9);
	}
}

#hp-search-results .ui-state-focus {
	color: #fff;
	background: #3d4c79;
	background: rgba(162, 162, 162, 0.36);
}

#learn-intro {
	margin-top: -20px;
	margin-bottom: 50px;
}

@media only screen and (max-width: 800px) {
	#learn-intro {
		margin-bottom: 4px;
	}
}

#learn-intro h2 {
	font-size: 2.25em;
	margin-top: 22px;
}

@media only screen and (max-width: 1440px) {
	#learn-intro h2 {
		margin-top: 20px;
		font-size: 2em;
	}
}

@media only screen and (max-width: 800px) {
	#learn-intro h2 {
		font-size: 1.5em;
		margin-top: 0;
	}
}

#learn-intro p {
	font-weight: 200;
	font-size: 1.14em;
	color: #767676;
	line-height: 1.375;
}

#learn-topic-container {
	position: relative;
	overflow: hidden;
}

@media only screen and (max-width: 800px) {
	#learn-topic-container {
		min-height: 420px !important;
	}
}

#learn-body {
	margin-bottom: 50px;
}

	#learn-body ul {
		z-index: 1;
		margin: 0;
	}

		#learn-body ul li {
			text-transform: uppercase;
			font-size: 3em;
			letter-spacing: 4px;
			font-weight: 200 !important;
			margin-bottom: 15px;
			color: #767676;
			transition: all .25s ease-out;
		}

			#learn-body ul li:hover, #learn-body ul li:focus {
				color: #000;
				cursor: pointer;
			}

			#learn-body ul li.active {
				font-weight: 900 !important;
				color: #1f6cdf;
			}

			#learn-body ul li[data-color="green"].active {
				color: #509400;
			}

			#learn-body ul li[data-color="blue"].active {
				color: #007174;
			}

			#learn-body ul li[data-color="pink"].active {
				color: #c32f4e;
			}

			#learn-body ul li[data-color="orange"].active {
				color: #ff8a00;
			}

			#learn-body ul li.xs {
				font-size: 1.6em;
				letter-spacing: 2px;
			}

				#learn-body ul li.xs:hover, #learn-body ul li.xs:focus {
					text-shadow: none;
				}

			#learn-body ul li.featured {
				display: inline-block;
				color: #767676;
				background: #eaeaea;
				padding: 4px 10px 2px 10px;
				margin-top: 5px;
			}

				#learn-body ul li.featured:hover, #learn-body ul li.featured:focus {
					color: #000;
					text-shadow: none;
				}

				#learn-body ul li.featured.active {
					font-weight: 900 !important;
					color: #1f6cdf;
				}

			#learn-body ul li.divider {
				width: 18%;
				border-top: solid 1px rgba(120, 120, 120, 0.7);
				margin-bottom: 26px;
			}

@media only screen and (max-width: 1280px) {
	#learn-body ul li {
		font-size: 1.8em;
		margin-bottom: 12px;
	}

		#learn-body ul li.xs {
			font-size: 1.06em;
		}

		#learn-body ul li.divider {
			margin-bottom: 19px;
		}
}

@media only screen and (max-width: 800px) {
	#learn-body ul li {
		font-size: 1.004rem;
		display: inline-block;
		border-right: solid 1px;
		line-height: 22px;
		margin-bottom: 12px;
		margin-right: 16px;
		padding-right: 16px;
	}

		#learn-body ul li.xs {
			font-size: 1.004rem;
			margin-right: 18px;
			margin-bottom: 8px;
			border-right: 0;
		}

		#learn-body ul li.featured {
			display: none;
		}

		#learn-body ul li.divider {
			width: 100%;
			display: block;
			margin: 0;
			border: 0;
		}
}

@media only screen and (max-width: 450px) {
	#learn-body ul li {
		font-size: 0.92rem;
		margin-right: 7px;
		padding-right: 7px;
		line-height: 18px;
		margin-bottom: 8px;
	}

		#learn-body ul li.xs {
			font-size: 0.92rem;
			margin-right: 18px;
			margin-bottom: 4px;
			margin-top: 0px;
		}
}

@media only screen and (max-width: 360px) {
	#learn-body ul li {
		font-size: 0.753rem;
	}

		#learn-body ul li.xs {
			font-size: 0.753rem;
		}
}

#learn-body section {
	position: absolute;
	top: 0;
	right: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 28px 16px -26px rgba(0, 0, 0, 0.7);
	transform: translate3d(5%, 0, 0);
	transition: transform .6s ease, opacity .35s ease-in-out;
	overflow: hidden;
	z-index: -1;
}

	#learn-body section.active {
		right: 0;
		opacity: 1;
		transform: translate3d(0, 0, 0);
		z-index: 2;
	}

		#learn-body section.active main a {
			z-index: 2;
			transform: translate3d(0, 0, 0);
		}

	#learn-body section main img {
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: -1;
	}

	#learn-body section main .img-annotation {
		position: absolute;
		bottom: 0;
		right: 0;
		color: #fff;
		font-style: italic;
		font-size: .9em;
		padding: 6px 12px;
		text-shadow: 1px 1px 4px #000;
	}

		#learn-body section main .img-annotation > .fa {
			margin-right: 8px;
			vertical-align: 1px;
		}

	#learn-body section main > p {
		z-index: 1;
	}

		#learn-body section main > p.placeholder {
			margin: 0;
		}

		#learn-body section main > p:not(.placeholder) {
			position: relative;
			overflow: hidden;
			font-size: 1.4em;
			line-height: 1.3;
			color: #fff;
			padding: 16px 20px;
			margin: 0 0 40px 0;
		}

@media only screen and (max-width: 800px) {
	#learn-body section main > p:not(.placeholder) {
		font-size: 1em;
		margin: 0 0 20px 0;
	}
}

@media only screen and (max-width: 600px) {
	#learn-body section main > p:not(.placeholder) {
		padding: 10px 12px;
	}
}

#learn-body section main > p:not(.placeholder):after {
	display: block;
	position: absolute;
	background-image: linear-gradient(to left, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.6) 100%);
	height: 100%;
	width: 100%;
	content: '';
	left: 0;
	top: 0;
	z-index: -1;
}

#learn-body section main > p:not(.placeholder) small {
	display: block;
	font-size: .6em;
	text-transform: uppercase;
	margin-top: 12px;
	letter-spacing: 1px;
	color: #FFEB3B;
}

#learn-body section main a {
	position: relative;
	display: block;
	float: left;
	clear: left;
	margin-bottom: 0px;
	padding: 9px 14px 7px 14px;
	text-align: right;
	border-bottom: solid 2px rgba(0, 0, 0, 0.55);
	min-width: 40%;
	font-weight: 600;
	font-size: 1.2em;
	font-size: 1.087rem;
	color: #000;
	background: rgba(255, 255, 255, 0.945);
	transform: translate3d(-15%, 0, 0);
	transition: border-color 0.75s ease-out, color 0.75s ease-out, background 0.75s ease-out, transform 0.75s ease-out, min-width 0.3s 0.275s, max-width 0.3s 0.275s;
}

@media only screen and (max-width: 1200px) {
	#learn-body section main a {
		font-size: 0.92rem;
	}
}

@media only screen and (max-width: 800px) {
	#learn-body section main a {
		font-size: 1em;
	}
}

#learn-body section main a:hover, #learn-body section main a:focus {
	min-width: 43%;
	text-decoration: none;
	background: #fff;
	color: #1f6cdf;
}

@media only screen and (max-width: 800px) {
	#learn-body section main a:hover, #learn-body section main a:focus {
		min-width: 40%;
	}
}

#learn-body section main a:hover:before, #learn-body section main a:focus:before {
	opacity: .35;
	transform: translate3d(0, 0, 0);
}

#learn-body section main a:before {
	opacity: 0;
	color: #1f6cdf;
	content: "\f061";
	top: 0;
	left: 10px;
	font-size: 1.087rem !important;
	font-weight: 200 !important;
	bottom: 0;
	position: absolute;
	height: 26px;
	margin: auto;
	display: inline-block;
	font-family: FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate3d(-75%, 0, 0);
	transition: opacity .5s .275s, transform .5s .275s;
}

@media only screen and (max-width: 800px) {
	#learn-body section main a:before {
		display: none;
	}
}

#learn-body section main a.featured {
	margin-top: 45px;
	max-width: 80%;
	font-size: 1.8em;
	font-weight: 700;
	padding: 8px 20px 8px 20px;
}

	#learn-body section main a.featured:hover, #learn-body section main a.featured:focus {
		max-width: 83%;
	}

@media only screen and (max-width: 800px) {
	#learn-body section main a.featured {
		font-size: 1.4em;
	}

		#learn-body section main a.featured span {
			font-size: 0.669rem !important;
			vertical-align: 2px !important;
		}

		#learn-body section main a.featured p {
			font-size: 0.753rem !important;
		}
}

#learn-body section main a.featured span {
	color: #696969;
	background: #eaeaea;
	padding: 6px 8px 4px 10px;
	font-size: 0.753rem;
	margin-right: 12px;
	font-weight: 200;
	vertical-align: 5px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#learn-body section main a.featured p {
	font-size: .55em;
	color: #767676;
	line-height: 1.4;
}

#learn-help-block {
	color: #767676;
}

.triangle-left-sm {
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-right: 13px solid #1c8921;
	display: inline-block;
	vertical-align: -1px;
	margin-right: 12px;
}

.archive {
	background-color: #A11F20;
	color: #FFFFFF;
	text-align: center;
	font-size: 1.2em;
}

.reveal-modal-bg {
	/*position: fixed;*/
}

.reveal-modal {
	/*top: 150px !important;*/
	position: fixed;
}

	.reveal-modal > div {
		overflow-y: scroll;
		max-height: 430px;
	}

#btn-go-top {
	display: none; /* Hidden by default */
	position: fixed; /* Fixed/sticky position */
	bottom: 10px; /* Place the button at the bottom of the page */
	right: 30px; /* Place the button 30px from the right */
	z-index: 99; /* Make sure it does not overlap */
	border: none; /* Remove borders */
	outline: none; /* Remove outline */
	background-color: #1c8921; /* Set a background color */
	background-image: url("/Content/Images/up.png");
	background-size: cover;
	width: 20px;
	height: 16px;
	font-size: 2rem;
	color: white; /* Text color */
	cursor: pointer; /* Add a mouse pointer on hover */
	padding: 15px; /* Some padding */
	border-radius: 5px; /* Rounded corners */
}

.copy-link {
	/*background-color: #FFF;*/
}

	.copy-link:hover {
		/*background-color: inherit;*/
		transform: scale(1.2);
	}