/* APPLY SCHEME-SPECIFIC STYLES */

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

a {
	color: #0054a7;
}

body {
	background-color: hsl(125, 15%, 65%);
}

body.phoneView {
	background-color: hsl(125, 10%, 80%);
}



/* PHONE HEADER */
div.phoneHeaderPanel {
	background-color: hsl(125, 10%, 45%);
	border-bottom-color: hsl(125, 10%, 80%);
}

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

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

a.menuItem, a.menuItemSelected {
	color: hsl(125, 100%, 95%);
}

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



/* FRAMEWORK */
a.navButton {
	color: #2f4030;
	border-left-color: #819182;
}

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

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

p.headingSubtitle {
	color: hsl(45, 50%, 80%);
}

.phoneView p.headingSubtitle {
	color: hsl(125, 5%, 40%);
}

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

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

a.sectionButtonNorm, a.sectionButtonSelected {
	color: #262b26;
}

.phoneView a.sectionButtonNorm {
	color: hsl(125, 75%, 25%);
}

a.sectionButtonSelected {
	background-color: #ffdf80;
}

.phoneView a.sectionButtonSelected {
	color: hsl(125, 75%, 95%);
	background-color: hsl(125, 35%, 30%);
}

p.creditHeading {
	color: hsl(45, 100%, 85%);
}

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

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

.phoneView p.creditName {
	color: hsl(125, 5%, 25%);
}

.phoneView a.creditNameLink {
	color: hsl(125, 35%, 30%);
}

p.creditInfo, a.creditInfoLink {
	color: hsl(125, 20%, 80%);
}

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

span.xtraInfo {
	color: hsl(45, 85%, 90%);
}

.phoneView span.xtraInfo {
	color: hsl(125, 5%, 30%);
}

span.academicTitle {
	color: hsl(125, 15%, 70%);
}

.phoneView span.academicTitle {
	color: hsl(125, 5%, 30%);
}



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

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

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

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

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

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

span.linkItemXtra, p.sectionImgCaption, p.sectionYouTubeThumbCaption {
	color: #2f372e;
}



/* MORE INFO ICON */
div.moreInfoIconArrow1, div.moreInfoIconArrow2, div.moreInfoIconArrow3 {
	border-left-color: hsl(125, 20%, 45%);
}



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

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

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

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

p.linkItemTitle {
	color: #000000;
}

.phoneview p.linkItemTitle {
	color: hsl(125, 5%, 25%);
}

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

p.linkItemInfo {
	color: #2f372e;
}

p.linkItemInfoXtra {
	color: #444943;
}

p.linkItemMoreInfo {
	color: #191e18;
}

.phoneView p.abc, .phoneView p.abc, .phoneView p.abc {
	color: hsl(125, 5%, 30%);
}

p.linkItemDate {
	color: #554000;
}

.phoneView p.linkItemDate {
	color: hsl(125, 5%, 20%);
}



/* VIDEO GROUP */
div.videoTabNorm {
	color: #4a5f4b;
}

.phoneView div.videoTanNorm {
	color: hsl(125, 35%, 30%);
}

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

span.videoSizeDims {
	color: #a3d0bf;
}

p.videoInstructions {
	color: #ffe9ac;
}

p.sectionVideoThumbCaption {
	color: #4a5f4b;
}



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

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

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

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

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

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