/*
==================================
THE INTRO-POPUP
===================================
*/

.intro-popup-holder {
	position:absolute;
	width: 96%;
	top: 100px;
	z-index: 101;
}

.intro-popup {
	width: 100%;
	height: 100%;
}

.intro-internal {
	padding: 0 20px;
	overflow: auto;
	height: 440px;
}

.intro-popup h1, .intro-popup h2, .intro-popup h3 {
	line-height:1.4em;
}

.intro-popup h1 {
	text-align:center;
	margin: 40px 0 0 0;
}

.intro-popup h2 {
	text-align:center;
	margin-bottom:30px;
}

.intro-popup h3 {
	text-align:center;
	margin-top: 20px;
}

.intro-popup-holder .dismissal {
	font-size: 80%;
	text-align: right;
	margin: .3em 1em;
}

.intro-popup #daysInARowDetails, .intro-popup #daysPerWeekDetails {
	margin-bottom:100px;
}

.challenges-brainstorm td {
	padding: 0;
}

.challenges-brainstorm .remove {
	margin: 0 8px;
}

.challenges-brainstorm th {
	text-align: center;
}

.popup-nav {
	position: absolute;
	bottom: 20px;
	/*width: 100%;*/
	width:90%;
}

.popup-nav td {
	width: 33%;
}

.next {
	text-align: right;
}

.progress {
	font-size: 2.4em;
	vertical-align: baseline;
	text-align: center;
}

.this {
	color: red;
}