/*
		Node Type: Special Feature
*/

/*Comments*/

body.page-node-type-special-feature-page #comments .field-name-field-rating {
	position: absolute;
	right: 15px;
	top: 9px;
}

body.page-node-type-special-feature-page #comments .field-name-field-rating#edit-field-rating {
	position: inherit;
}

body.page-node-type-special-feature-page #comments .rate-widget {
		margin: 2px -9px 0 0;
	float: right;
}

body.page-node-type-special-feature-page #comments .indented .indented .rate-widget {
	margin: -18px -9px 0 0;
	float: right;
}

body.page-node-type-special-feature-page #comments .rate-widget a.rate-button {
	width: 45px;
	background: url(../images/thumbs-up.png) 30px 1px no-repeat;
	color: #909090;
	text-decoration: none;
	margin: 3px 0 0 -48px;
	padding: 0 19px 0 0;
	top: -20px;
    text-indent: -9999px;
}

body.page-node-type-special-feature-page #comments .rate-widget a.rate-button:hover {
	background: url(../images/thumbs-up-hover.png) 30px 1px no-repeat;
	color: #F6851F;
}

body.page-node-type-special-feature-page #comments .rate-widget .rate-info {
	width: auto;
	text-align: right;
	margin: -23px -5px 0 0;
}

body.page-node-type-special-feature-page #comments .field-name-field-rating .field-label {
	display: none;
}

body.page-node-type-special-feature-page #comments h2 {
	margin-bottom: 14px;
}

body.page-node-type-special-feature-page .comment {
	width: 600px;
}

body.page-node-type-special-feature-page .comment .comment-text {
	background-color: #E6E6E6;
	padding: 10px 25px 10px 18px;
	width: 474px;
	float: right;
}

body.page-node-type-special-feature-page .indented .comment .comment-text {
	width: 388px;
}

body.page-node-type-special-feature-page .indented .indented .comment .comment-text {
	width: 301px;
}

body.page-node-type-special-feature-page #comments .indented .field-name-field-activity-rating.field-label-above {
	left: 276px;
}

body.page-node-type-special-feature-page #comments .indented .indented .field-name-field-activity-rating.field-label-above {
	left: 189px;
}

body.page-node-type-special-feature-page .comment .comment-arrow {
	background: url('../images/comment-arrow.png') no-repeat;
	border: none;
	margin-left: -28px;
	width: 10px;
	height: 20px;
}

body.page-node-type-special-feature-page .indented {
	margin-left: 86px;
}

body.page-node-type-special-feature-page .indented .comment {
	width: 514px;
}

body.page-node-type-special-feature-page .indented .indented .comment {
	width: 428px;
}

body.page-node-type-special-feature-page #comments h2 {
	margin: 0 0 14px 0;
	color: #036A8F;
	font-weight: 600;
}

body.page-node-type-special-feature-page .comment .content, body.page-node-type-special-feature-page p.comment-time {
	margin: 0;
}

/* Sidebar */

body.page-node-type-special-feature-page .field-name-field-grade-levels .field-label, body.page-node-type-special-feature-page .field-name-field-ocean-literacy-principles .field-label {
	font-family: 'Cabin', serif;
	font-size: 17px;
	color: #033956;
	width: 200px;
}

body.page-node-type-special-feature-page .field-name-field-ocean-literacy-principles {
	width: 200px;
	position: absolute;
	top: 0;
	right: 0;
	margin: -17px -228px 0 0;
	z-index: 99;
	background: none;
	overflow: hidden;
}

body.page-node-type-special-feature-page .field-name-field-ocean-literacy-principles ul li a {
	width: 200px;
}

body.page-node-type-special-feature-page .field-name-field-grade-levels {
	width: 145px;
	position: absolute;
	top: 0;
	right: 0;
	margin: 26px -173px 0 0;
	z-index: 99;
	background: none;
}


body.page-node-type-special-feature-page .field--name-field-display-title {
width: 600px;
}

body.page-node-type-special-feature-page .fivestar-widget-static {
	float: right;
}

body.page-node-type-special-feature-page .fivestar-static-form-item .description {
	float: left;
	margin-top: 3px;
}

div.fivestar-widget div.on a {
  background-position: 0 -26px;
}

div.fivestar-widget-static .star span.on, div.fivestar-widget div.hover a, div.rating div a:hover {
	background: url('../images/water.png') no-repeat 0 -52px;
}

div.fivestar-widget-static .star span.off {
	background: url('../images/water.png') no-repeat 0 0;
}

div.fivestar-widget-static .star {
	width: 15px;
	background: url('../images/water.png') no-repeat 0 0;
}

div.fivestar-widget .star, div.fivestar-widget .star a {
	background: url('../images/water.png') no-repeat 0 0;
} 

div.fivestar-widget .star, div.fivestar-widget-static .star {
	width: 15px;
	height: 26px;
}

body.page-node-type-special-feature-page .rate-widget-2 {
	width: 155px;
	height: 200px;
	position: absolute;
	top: 0;
	right: 0;
	margin: -42px -183px 0 0;
	z-index: 99;
}

body.page-node-type-special-feature-page .rate-widget-2 a.rate-five-star-btn-empty:hover {
	background: url('../images/rate-btn-filled.png') no-repeat;
} 


body.page-node-type-special-feature-page .rate-widget-2 .rate-info {
	width: 75px;
	float: right;
	margin: -8px 0 0 79px;
	position: absolute;
}

body.page-node-type-special-feature-page .rate-widget-2 .rate-fivestar-btn-filled {
	background: url('../images/rate-btn-filled.png') no-repeat;
	width: 14px;
	height: 17px;
}

body.page-node-type-special-feature-page .rate-widget-2 .rate-fivestar-btn-empty {
	background: url('../images/rate-btn-blank.png') no-repeat;
	width: 14px;
	height: 17px;
}

body.page-node-type-special-feature-page .field-name-field-teacher-guide {
	width: 145px;
	position: absolute;
	top: 0;
	right: 0;
	margin: 75px -173px 0 0;
	z-index: 99;
	background-color: transparent;
}

body.page-node-type-special-feature-page .field-name-field-teacher-guide .field-items .field-item .file a > :nth-child(1), 
body.page-node-type-special-feature-page .field-name-field-teacher-guide .field-label {
	display: none;
}

body.page-node-type-special-feature-page .field-name-field-teacher-guide .field-items .field-item {
	width: 145px;
	background: url('../images/activity-teachers.png') no-repeat transparent;
}

body.page-node-type-special-feature-page .field-name-field-teacher-guide .field-items .field-item:hover {
	background: url('../images/activity-teachers-hover.png') no-repeat transparent;
}

body.page-node-type-special-feature-page .field-name-field-teacher-guide .field-items .field-item .file a {
	width: 145px;
	color: transparent;
	padding: 0 10px 21px 30px;
}


body.page-node-type-special-feature-page .indented .indented .links.inline {
	display: none;
}

body.page-node-type-special-feature-page p.comment-time {
	color: #777;
	font-size: 11px;
	font-family: 'Open Sans', sans-serif;
}

/**
 * Custom styling for NGSS Performance Expectations that this topic has been
 * tagged with.
 */
body.page-node-type-special-feature-page .field--name-field-standards-ngss-practices,
body.page-node-type-question-set .field--name-field-standards-ngss-practices {
	clear: both;
	background-color: #036A8F;
	width: 608px;
	/* margin: 2px 0 15px 0; */
}

body.page-node-type-special-feature-page .field--name-field-standards-ngss-practices a,
body.page-node-type-special-feature-page .field--name-field-standards-ngss-practices .field__label,
body.page-node-type-question-set .field--name-field-standards-ngss-practices a,
body.page-node-type-question-set .field--name-field-standards-ngss-practices .field__label {
	color: #FFF !important;
}

body.page-node-type-special-feature-page .field--name-field-standards-ngss-cc,
body.page-node-type-question-set .field--name-field-standards-ngss-cc,
body.page-node-type-special-feature-page .field--name-field-standards-ngss-dci,
body.page-node-type-question-set .field--name-field-standards-ngss-dci {
	clear: both;
	background-color: #036A8F;
	width: 608px;
/*	margin: -15px 0 15px 0; */
  border-top: 1px solid #008CAD;
}

body.page-node-type-special-feature-page .field--name-field-standards-ngss-cc a,
body.page-node-type-special-feature-page .field--name-field-standards-ngss-cc .field__label,
body.page-node-type-question-set .field--name-field-standards-ngss-cc a,
body.page-node-type-question-set .field--name-field-standards-ngss-cc .field__label {
	color: #FFF !important;
}

body.page-node-type-special-feature-page .field--name-field-standards-ngss-dci a,
body.page-node-type-special-feature-page .field--name-field-standards-ngss-dci .field__label,
body.page-node-type-question-set .field--name-field-standards-ngss-dci a,
body.page-node-type-question-set .field--name-field-standards-ngss-dci .field__label {
	color: #FFF !important;
}

body.page-node-type-special-feature-page .field--name-field-standards-ngss-practices > .field__label,
body.page-node-type-special-feature-page .field--name-field-standards-ngss-cc > .field__label,
body.page-node-type-special-feature-page .field--name-field-standards-ngss-dci > .field__label,
body.page-node-type-question-set .field--name-field-standards-ngss-practices > .field__label,
body.page-node-type-question-set .field--name-field-standards-ngss-cc > .field__label,
body.page-node-type-question-set .field--name-field-standards-ngss-dci > .field__label {
	float: left;
	font-style: oblique;
	color: #033956;
  /* following produces intervening (left/right) border equal to minimum depth of the label */ 
	border-right: 2px solid #CCC;
	margin: 0 11px 0 0;
	padding: 0 9px 0 0;
	font-size: 12px;
	font-weight: normal;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	width: 125px;
}

body.page-node-type-special-feature-page .field--name-field-standards-ngss-practices > .field__items,
body.page-node-type-special-feature-page .field--name-field-standards-ngss-cc > .field__items,
body.page-node-type-special-feature-page .field--name-field-standards-ngss-dci > .field__items,
body.page-node-type-question-set .field--name-field-standards-ngss-practices > .field__items,
body.page-node-type-question-set .field--name-field-standards-ngss-cc > .field__items,
body.page-node-type-question-set .field--name-field-standards-ngss-dci > .field__items {
	float: left;
	width: 425px;
  
  /* following produces intervening (left/right) border equal to depth of items in list */
  border-left: 2px solid #CCC;
  padding-left: 20px;
  position: relative;
  right: 13.5px;
}

body.page-node-type-special-feature-page .field--name-field-standards-ngss-practices > .field__items > .field__item,
body.page-node-type-special-feature-page .field--name-field-standards-ngss-cc > .field__items > .field__item,
body.page-node-type-special-feature-page .field--name-field-standards-ngss-dci > .field__items > .field__item,
body.page-node-type-question-set .field--name-field-standards-ngss-practices > .field__items > .field__item,
body.page-node-type-question-set .field--name-field-standards-ngss-cc > .field__items > .field__item,
body.page-node-type-question-set .field--name-field-standards-ngss-dci > .field__items > .field__item {
	font-size: 12px;
	font-weight: normal;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin-top: 2px;
}

body.page-node-type-special-feature-page article.media--view-mode-two-thirds-w-caption-copywrite {
  width: 400px;
  font-size: 13px;
  margin: 10px 5px 5px 5px;
}



body.page-node-type-special-feature-page article.media--view-mode-half-w-caption,
body.page-node-type-question-set article.media--view-mode-half-w-caption {
  width: 300px;
  font-size: 13px;
  margin: 10px 5px 5px 5px;
  
}
body.page-node-type-special-feature-page article.media--view-mode-third-266w,
body.page-node-type-question-set article.media--view-mode-third-266w {
  width: 190px;
  font-size: 13px;
  margin: 10px 5px 5px 5px;
}


body.page-node-type-special-feature-page article.media--view-mode-colorbox-small,
body.page-node-type-question-set article.media--view-mode-colorbox-small {
  width: 175px;
  font-size: 13px;
  margin: 10px 5px 5px 5px;
}

body.page-node-type-special-feature-page article.media--view-mode-colorbox-small .field--name-field-media-image,
body.page-node-type-special-feature-page article.media--view-mode-third-266w .field--name-field-media-image,
body.page-node-type-special-feature-page article.media--view-mode-two-thirds-w-caption-copywrite .field--name-field-media-image,
body.page-node-type-special-feature-page article.media--view-mode-colorbox-large .field--name-field-media-image,
body.page-node-type-question-set article.media--view-mode-colorbox-small .field--name-field-media-image,
body.page-node-type-question-set article.media--view-mode-third-266w .field--name-field-media-image,
body.page-node-type-question-set article.media--view-mode-two-thirds-w-caption-copywrite .field--name-field-media-image,
body.page-node-type-question-set article.media--view-mode-colorbox-large .field--name-field-media-image {
  text-align: center;
}

body.page-node-type-special-feature-page article.media--view-mode-colorbox-large, 
body.page-node-type-question-set article.media--view-mode-colorbox-large {
  font-size: 13px;
  width: 600px;
}

body.page-node-type-special-feature-page .media--view-mode-two-thirds-width,
body.page-node-type-question-set .media--view-mode-two-thirds-width {
  width: 390px;
  font-size: 13px;
}

body.page-node-type-special-feature-page .fig-cap,
body.page-node-type-question-set .fig-cap {
  font-size: 13px;
}