/* Overriding Defaults */

.byline-block { margin-bottom: 10px; border-color: #DFDFDF; }
#content-header .wrapper { padding: 0px; }
#content h1 { padding-top: 15px !important; }
.fmenu.article-tools { height: 19px; position: relative; top: 0px; overflow: visible; }
.app .social-module ul { width: 200px; }
.app .social-module li { padding-left: 0px; }
#guff { margin-bottom: 20px; }

/* Graphic */

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

#main-nsa {
	margin-bottom: 130px;
}

 #color-manage {
 	background-color: #E7AD19;
 }

.mobile-head, .mobile-desc, .mobile-color { display: none; }

.row {
	width: 100%;
	margin: 0 0 20px 0;
}

.left-col {
	width: 15%;
	float: left;
	min-height: 100px;
	position: relative;
}

.right-col {
	width: 85%;
	float: left;
}

.left-col h3 {
	font-family: 'Whitney SSm A', 'Whitney SSm B', Arial, sans-serif;
	position: absolute;
	bottom: -20px;
	font-size: 15px;
}

.nsa .left-col h3 {
	top: 42px;
}

.repeated h3 {
	font-family: 'Whitney SSm A', 'Whitney SSm B', Arial, sans-serif;
}

.right-col .section {
	width: 47%;
	min-height: 107px;
	float: left;
	margin: 0 0 0 2%;
	position: relative;
}

.right-col .gray-line {
	width: 100%;
	border-top: 1px solid #ddd;
	display: block;
	position: absolute;
	bottom: 5%;
	z-index: 0;
}

.unit {
	float: left;
	position: relative;
	z-index: 10;
	cursor: pointer;
}

.unit .dot {
	width: 8px;
	height: 8px;
	border-radius: 10px;
	background-color: #353535;
	margin: 1px 0 0 50px;
	z-index: 10;
}

.nsa.row {
	margin: 30px 0 20px;
}

.repeated .left-col {
	height: 0px;
	min-height: 1px;
}

.repeated .left-col h3 { bottom: -70px; }

.repeated .right-col .section {
	min-height: 0px;
	margin-top: 30px;
	text-align: center;
}

.tag {
	font-style: italic;
}

.quote .label {
	font-family: 'Whitney SSm A', 'Whitney SSm B', Arial, sans-serif;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
	margin: 0 auto;
	padding: 8px 0px 7px;
}

.quote p {
	padding: 10px 15px;
	background-color: rgb(255, 235, 173);
}

.hook {
	position: absolute;
	top: 23px;
	right: 0px;
}

.hook h5 {
	font-family: 'Whitney SSm A', 'Whitney SSm B', Arial, sans-serif;
	padding: 1px 0px 5px;
	font-weight: normal;
	font-size: 12px;
	width: 80px;
	text-align: right;
}

.hook img {
	position: relative;
	top: 2px;
	left: 36px;
}

.tooltip {
	position: absolute;
	width: 240px;
	background-color: #F7F7F7;
	z-index: 100;
	border: 1px solid #E4E4E4;
	padding: 15px;
	display: none;
	-moz-box-shadow: -4px 4px 10px -5px #ccc;
	-webkit-box-shadow: -4px 4px 10px -5px #ccc;
	box-shadow: -4px 4px 10px -5px #ccc;
}

.tooltip h2, .mobile-head {
	font-family: 'Whitney SSm A', 'Whitney SSm B', Arial, sans-serif;
	font-size: 17px;
}

.tooltip h2 a, h2.mobile-head a {
	color: #2262CC;
}

.tooltip .arrow {
	width: 0;
	height: 0;
	border-left: 6px solid rgba(0, 0, 0, 0);
	border-right: 6px solid rgba(0, 0, 0, 0);
	border-bottom: 8px solid #F7F7F7;
	position: absolute;
	top: -8px;
	left: 103px;
}

.tooltip .arrow-border {
	width: 0;
	height: 0;
	border-left: 7px solid rgba(0, 0, 0, 0);
	border-right: 7px solid rgba(0, 0, 0, 0);
	border-bottom: 8px solid #E4E4E4;
	position: absolute;
	top: -9px;
	left: 102px;
}

.tooltip .desc {
	border-top: 1px dashed #CCC;
	padding: 15px 0 0 0;
	margin: 17px 0 0 0;
}

.tooltip .desc, .tooltip .tag {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 15px;
}

.tooltip .desc strong {
	display: block;
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 3px;
}

p.red-alert { color: rgb(221, 0, 0); line-height: 13px; }

/*.unit img { opacity: 0.8; }*/

.centralizer { width: 107px; margin: 0 auto; }
.centralizer.two { width: 200px; }
.centralizer.two .unit { margin-right: -25px; }
.centralizer.three { width: 298px; }
.centralizer.three .unit { margin-right: -11px; }
.centralizer.four { width: 358px; }
.centralizer.four .unit { margin-right: -21px; }
.centralizer.six { width: 384px; }
.centralizer.six .unit { margin-right: -50px; }
.centralizer.seven { width: 384px; margin-left: -18px; }
.centralizer.seven .unit { width: 52px;  /*margin-right: -73px;*/ }

.photo-credit {
	margin: 50px 0 0;
	text-align: left;
	color: #A0A0A0;
	font-style: italic;
}

@media screen and (max-width: 480px) {
	.fmenu.article-tools { display: none; }
	.byline-block { margin-bottom: 10px; }
	 #color-manage { background-color: #F1E8D1; }

	.nsa .left-col h3 {
		top: 0px;
		margin-bottom: 10px;
	}

	.content-full { width: 310px; }
	.left-col { width: 100%; min-height: 0px; text-align: center; }
	.left-col h3 { top: 0px; position: relative; background-color: #eee; padding: 7px 0; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom: 1px solid #ddd; margin-bottom: 0px; }

	.right-col, .right-col .section { width: 100%; margin: 0px; }
	.nsa.row .quote { position: relative; top: 0px; }
	.nsa.row { margin-bottom: 0px; }
	.right-col .gray-line, .dot, .tooltip { display: none !important; }
	h2.mobile-head, .mobile-desc, .mobile-color { display: block; }
	h2.mobile-head {
		font-size: 15px;
		border-left: 10px solid #e7ad21;
		padding-left: 10px;
	}
	.section.less h2.mobile-head {
		border-left: 10px solid #F1E8D1;
	}
	.quote p { background-color: #FFF; }

	.centralizer, .unit { width: 100% !important; }
	.unit {
		border-bottom: 1px solid #ddd;
		padding: 15px 0 3px;
	}
	.centralizer.seven { margin-left: 0px; } img { float: left; position: relative; top: -10px; left: -10px; width: 30%; }
	.mobile-right { float: left; width: 68%; }
	.media.row img {
		position: relative;
		top: -27px;
	}
	.hide-on-mobile { display: none; }
}

/* Clearfix */

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}