/* APPLY SCHEME-SPECIFIC STYLES */

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

a {
	color: #0077b3;
}

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



/* PHONE HEADER */
div.phoneHeaderPanel {
	background-color: hsl(40, 5%, 45%);
	border-bottom-color: hsl(40, 15%, 85%);
}

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

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

a.menuItem, a.menuItemSelected {
	color: hsl(40, 100%, 90%);
}

a.menuItemSelected {
	color: hsl(200, 100%, 75%);
}



/* FRAMEWORK */
a.navButton {
	color: #695e54;
	border-left-color: #a59c91;
}

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

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

p.headingSubtitle {
	color: hsl(35, 50%, 75%);
}

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

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

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

a.sectionButtonNorm, a.sectionButtonSelected {
	color: #2b2926;
}

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

a.sectionButtonSelected {
	background-color: hsl(200, 70%, 55%);
}

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

p.creditHeading {
	color: hsl(35, 50%, 75%);
}

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

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

.phoneView p.creditName {
	color: hsl(40, 10%, 20%);
}

.phoneView a.creditNameLink {
	color: hsl(200, 100%, 25%);
}

p.creditInfo, a.creditInfoLink {
	color: hsl(35, 25%, 85%);
}

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

span.xtraInfo {
	color: hsl(200, 65%, 75%);
}

.phoneView span.xtraInfo {
	color: hsl(40, 10%, 30%);
}

span.academicTitle {
	color: hsl(35, 15%, 75%);
}

.phoneView span.academicTitle {
	color: hsl(40, 10%, 30%);
}



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

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

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

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

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

img.sectionImg, img.sectionYouTubeThumb, iframe.sectionFrame {
	border-color: #2f2c2a;
}

span.linkItemXtra, p.sectionImgCaption, p.sectionYouTubeThumbCaption {
	color: #4f4c47;
}



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



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

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

img.linkItem {
	border-color: #2f2c2a;
}

td.linkItemThumbTd {
	background-color: #2f2c2a;
	border-color: #2f2c2a;
}

p.linkItemTitle {
	color: #000000;
}

.phoneView p.linkItemTitle {
	color: hsl(40, 10%, 20%);
}

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

p.linkItemInfo {
	color: #474441;
}

p.linkItemInfoXtra {
	color: #626160;
}

p.linkItemMoreInfo {
	color: #282624;
}

.phoneView p.linkItemInfo, .phoneView p.linkItemInfoXtra, .phoneView p.linkItemMoreInfo {
	color: hsl(40, 10%, 30%);
}

p.linkItemDate {
	color: #003a59;
}

.phoneView p.linkItemDate {
	color: hsl(40, 10%, 20%);
}



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

.phoneView div.videoTabNorm {
	color: hsl(200, 100%, 25%);
}

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

span.videoSizeDims {
	color: #d5cabe;
}

p.videoInstructions {
	color: #ffdab1;
}

p.sectionVideoThumbCaption {
	color: #4a443b;
}



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

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

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

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

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

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