/*
   Node Type: Activity
*/


/*Comments*/
body.page-node-type-activity-page #comments .field-name-field-activity-rating.field-label-above {
	position: relative;
	left: 361px;
	top: -2px;
}

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

body.page-node-type-activity-page #comments .rate-widget {
	margin: 0 -7px 0 0;
	float: right;
	height: 0;
}

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

body.page-node-type-activity-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;
}

body.page-node-type-activity-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-activity-page #comments .rate-widget .rate-info {
	width: auto;
	text-align: right;
	margin: -23px -5px 0 0;
}

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

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

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

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

body.page-node-type-activity-page .comment .content {
	margin: 5px 0 0 0;
}

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

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

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

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

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

body.page-node-type-activity-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-activity-page .field-name-field-activity-rating {
	position: absolute;
}

body.page-node-type-activity-page .field-name-field-activity-rating .field-label {
	/*display: none;*/
	float: left;
}

body.page-node-type-activity-page .field-name-field-activity-rating .form-item {
	margin: 0;
}

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

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

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

body.page-node-type-activity-page .comment-form .form-item-field-activity-rating-und-0-rating label {
	width: 125px;
}

body.page-node-type-activity-page .comment-form .form-item-field-activity-rating-und-0-rating .form-item-field-activity-rating-und-0-rating {
	position: absolute;
	margin: -12px 0 0 48px;
}

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

/* Sidebar */

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

body.page-node-type-activity-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-activity-page .field-name-field-ocean-literacy-principles ul li a {
	width: 200px;
}

body.page-node-type-activity-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-activity-page #page-title {
	width: 600px;
}

/* Average Activity Rating (top right corner)  */
body.page-node-type-activity-page .node-activity-page .fivestar-widget-static,
body.page-node-type-activity-page .node-activity-page .fivestar-widget {
	float: right;
	margin: 1px 79px 0 0;
	width: 100px;
}

body.page-node-type-activity-page .node-activity-page .field-name-field-activity-rating {
	width: 210px;
	
	position: absolute;
	top: 0;
	right: 0;
	margin: -41px -245px 0 0;
	z-index: 200;
	background-color: transparent;
}
body.page-node-type-activity-page .node-activity-page .field-name-field-activity-rating .field-label {
	font-size: 12px;
}

body.page-node-type-activity-page .user-rating {
	display: none;
}

body.page-node-type-activity-page .fivestar-static-form-item .description,
body.page-node-type-activity-page .fivestar-form-item .description {
	float: right;
	margin: 3px -220px 0 0;
	width: 138px;
}

body.page-node-type-activity-page .field-name-field-activity-rating.field-label-above .fivestar-widget-static,
body.page-node-type-activity-page .field-name-field-activity-rating.field-label-above .fivestar-widget {
	margin: -3px 0 0 0;
}

body.page-node-type-activity-page div.view-comments .fivestar-static-form-item {
	width: 150px;
}
div.view-comments .fivestar-summary { display: none; }

body.page-node-type-activity-page.not-logged-in .fivestar-static-form-item {
	display: none;
}

body.page-node-type-activity-page .fivestar-combo-text {
	display: none;
}

div.fivestar-widget-static .star span.on {
	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 {
	width: 15px;
}

body.page-node-type-activity-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-activity-page .rate-widget-2 a.rate-five-star-btn-empty:hover {
	background: url('../images/rate-btn-filled.png') no-repeat;
} 


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

body.page-node-type-activity-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-activity-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-activity-page .field-name-field-teacher-guide {
	width: 145px;
	
	position: absolute;
	top: 0;
	right: 0;
	margin: 31px -173px 0 0;
	z-index: 200;
	background-color: transparent;
}

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

body.page-node-type-activity-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-activity-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-activity-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-activity-page .form-actions {
	margin: 43px 0 0 0;
	padding: 0;
}

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

/* Activity Sheets */

body.page-node-type-activity-page .field--name-field-activity-sheet {
	width: 145px;
	position: absolute;
	top: 0;
	right: 0;
	margin: -15px -173px 0 0;
	z-index: 200;
	background-color: transparent;
}

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

body.page-node-type-activity-page .field--name-field-activity-sheet .field--items .field--item {
	width: 145px;
	background: url('../images/activity-sheets.png') no-repeat transparent;
}
body.page-node-type-activity-page .field--name-field-activity-sheet .field--items .field--item:nth-child(2) {
	/* Additional activity sheets show only as smaller icon off to the right of first activity sheet link. */
	position: absolute;
	left: 141px;
	top: 0;
	width: 38px;
	background: url('../images/activity-sheets-extra.png') no-repeat transparent;
}
body.page-node-type-activity-page .field--name-field-activity-sheet .field--items .field--item:nth-child(3) {
	/* Additional activity sheets show only as smaller icon off to the right of first activity sheet link. */
	position: absolute;
	left: 180px;
	top: 0;
	width: 38px;
	background: url('../images/activity-sheets-extra.png') no-repeat transparent;
}

body.page-node-type-activity-page .field---name-field-activity-sheet .field--items .field--item:hover {
	background: url('../images/activity-sheets-hover.png') no-repeat transparent;
}

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

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

body.page-node-type-activity-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-activity-page .field--name-field-standards-ngss-practices {
	clear: both;
	background-color: #036A8F;
	width: 90%;
	margin: 2px 0 15px 0;
}

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

body.page-node-type-activity-page .field--name-field-standards-ngss-cc {
	clear: both;
	background-color: #036A8F;
	width: 90%;
	margin: -15px 0 15px 0;
	border-top: 1px solid #008CAD;
}

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

body.page-node-type-activity-page .field--name-field-standards-ngss-dci {
	clear: both;
	background-color: #036A8F;
  	max-height: 80px;
	width: 90%;
	margin: -15px 0 15px 0;
	border-top: 1px solid #008CAD;
}

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

body.page-node-type-activity-page .field--name-field-standards-ngss-practices > .field__label,
body.page-node-type-activity-page .field--name-field-standards-ngss-cc > .field__label,
body.page-node-type-activity-page .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: 1px solid #008CAD;
	margin: 0 12px 0 0;
	padding: 0 9px 0 0;
	font-weight: normal;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	width: 260px;
}

body.page-node-type-activity-page .field--name-field-standards-ngss-practices > .field__items,
body.page-node-type-activity-page .field--name-field-standards-ngss-cc > .field__items,
body.page-node-type-activity-page .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: 1px solid #008CAD;
  padding-left: 20px;
  position: relative;
  right: 13px;
}

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


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



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


body.page-node-type-activity-page article.media--view-mode-colorbox-small {
  width: 145px;
  font-size: 13px;
  margin: 10px 5px 5px 5px;
}

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

body.page-node-type-activity-page article.media--view-mode-colorbox-large {
  font-size: 13px;
  width: 600px;
  padding-left: 20px;
}