/* APPLY SCHEME-SPECIFIC STYLES */

/* GENERAL */
body, p, div, table, td, ul, li, textarea, input {
	color: #000000;
}

a {
	color: #00778d;
}

body {
	background-color: hsl(190, 15%, 85%);
}

body.phoneView {
	background-color: hsl(190, 15%, 90%);
}



/* PHONE HEADER */
div.phoneHeaderPanel {
	background-color: hsl(190, 10%, 50%);
	border-bottom-color: hsl(190, 15%, 90%);
}

div.headerMenuButtonActive {
	background-color: hsl(190, 10%, 40%);
}

div.phoneMenuClosed, div.phoneMenuOpen, div.phoneMenuClosedInstantly {
	background-color: hsl(190, 10%, 40%);
}

a.menuItem, a.menuItemSelected {
	color: hsl(190, 50%, 85%);
}

a.menuItemSelected {
	color: hsl(190, 100%, 65%);
}



/* FRAMEWORK */
a.navButton {
	color: #315d6d;
	border-left-color: #96a9b0;
}

p.headingTitle {
	color: hsl(0, 0%, 100%);
}

.phoneView p.headingTitle {
	color: hsl(190, 100%, 5%);
}

p.headingSubtitle {
	color: hsl(190, 20%, 75%);
}

.phoneView p.headingSubtitle {
	color: hsl(190, 10%, 45%);
}

div.phoneContentTop {
	background-color: hsl(190, 10%, 95%);
}

.phoneView div.sectionsMenu {
	background: none;
	border-top-color: hsl(190, 10%, 85%);
}

a.sectionButtonNorm, a.sectionButtonSelected {
	color: hsl(190, 100%, 5%);
}

.phoneView a.sectionButtonNorm {
	color: hsl(190, 100%, 30%);
}

a.sectionButtonSelected {
	background-color: hsl(190, 75%, 65%);
}

.phoneView a.sectionButtonSelected {
	color: hsl(190, 100%, 95%);
	background-color: hsl(190, 100%, 35%);
}

p.creditHeading {
	color: hsl(190, 85%, 80%);
}

.phoneView p.creditHeading {
	color: hsl(190, 100%, 5%);
}

p.creditName, a.creditNameLink {
	color: hsl(0, 0%, 100%);
}

.phoneView p.creditName {
	color: hsl(190, 5%, 20%);
}

.phoneView a.creditNameLink {
 	color: hsl(190, 100%, 30%);
}
 
p.creditInfo, a.creditInfoLink {
	color: hsl(190, 25%, 85%);
}

.phoneView p.creditInfo, .phoneView a.creditInfoLink {
	color: hsl(190, 5%, 45%);
}

span.xtraInfo {
	color: hsl(190, 75%, 85%);
}

.phoneView span.xtraInfo {
	color: hsl(190, 5%, 45%);
}

span.academicTitle {
	color: hsl(190, 15%, 85%);
}

.phoneView span.academicTitle {
	color: hsl(190, 5%, 45%);
}



/* SECTIONS */
p.sectionPaneHeading {
	color: #48848f;
}

.phoneView p.sectionPaneHeading {
	color: hsl(190, 100%, 5%);
}

p.impactText {
	color: hsl(15, 100%, 35%);
}

svg.impactQuoteSvg {
	fill: hsl(15, 100%, 35%);
}

img.sectionImg, img.sectionYouTubeThumb, iframe.sectionFrame {
	border-color: #292d2e;
}

span.linkItemXtra, p.sectionImgCaption, p.sectionYouTubeThumbCaption {
	color: #51656c;
}



/* MORE INFO ICON */
div.moreInfoIconArrow1, div.moreInfoIconArrow2, div.moreInfoIconArrow3 {
	border-left-color: hsl(190, 100%, 40%);
}



/* LINK ITEM */
.standardView a.linkItem:hover {
	border-color: #717f80;
}

.phoneView a.linkItem:hover {
	background: none;
}

img.linkItem {
	border-color: #292d2e;
}

td.linkItemThumbTd {
	background-color: #292d2e;
	border-color: #292d2e;
}

p.linkItemTitle {
	color: #000000;
}

.phoneView p.linkItemTitle {
	color: hsl(190, 5%, 20%);
}

.phoneView a p.linkItemTitle {
	color: hsl(190, 100%, 30%);
}

p.linkItemInfo {
	color: #3b6a74;
}

p.linkItemInfoXtra {
	color: #668c94;
}

p.linkItemMoreInfo {
	color: #2c5057;
}

.phoneView p.linkItemInfo, .phoneView p.linkItemInfoXtra, .phoneView p.linkItemMoreInfo {
	color: hsl(190, 5%, 45%);
	padding-top: 2px;
}

p.linkItemDate {
	color: #874f00;
}

.phoneView p.linkItemDate {
	color: hsl(190, 5%, 30%);
	padding-top: 1px;
}



/* VIDEO GROUP */
div.videoTabNorm {
	color: #6c797d;
}

.phoneView div.videoTabNorm {
	color: hsl(190, 100%, 30%);
}

div.videoTabSelected, a.videoLink, a.videoTranscript {
	color: #ffffff;
}

span.videoSizeDims {
	color: #a5cfdd;
}

p.videoInstructions {
	color: #89deff;
}

p.sectionVideoThumbCaption {
	color: #6c797d;
}



/* OVERRIDE COMMON STYLES */
table.mainFrame td.frameLeft {
	background-color: hsla(0, 0%, 0%, 0.30);
}

div.headingHolder {
	background-color: hsla(0, 0%, 0%, 0.50);
}

div.sectionsMenu {
	background-color: hsla(0, 0%, 100%, 0.50);
}

.standardView a.sectionButtonNorm:hover {
	background-color: hsla(0, 0%, 100%, 0.95);
}

table.sectionSet td.sectionPane {
	background-color: hsla(0, 0%, 0%, 0.10);
}

a.linkItem:hover {
	background-color: hsla(0, 0%, 0%, 0.15);
}