/**
 * @package    hubzero-cms
 * @copyright  Copyright (c) 2005-2020 The Regents of the University of California.
 * @license    http://opensource.org/licenses/MIT MIT
 */

/*

	-- -- -- -- -- -- --
	courses forum CSS
	-- -- -- -- -- -- --

*/

	#page_content.course_discussions {
		padding: 0;
		margin: 0;
	}
	#page_content.course_discussions section.main {
		max-width: 100%;
		width: auto;
		margin: 20px;
	}
	#page_content.course_discussions section.main>.subject {
		width: 100%;
	}
	#page_content.course_discussions section.main>.aside {
		min-width: 210px;
	}

	#page_content ol.comments .comment-body img {
		height: auto;
	}

	label .required {
		text-transform: uppercase;
		font-size: xx-small;
		color: red;
	}

	.ordering-controls {
		display: block;
		margin: 0 0 0.2em 0;
	}
	/*.ordering-controls:after {
		content: "";
		display: table;
		line-height: 0;
		clear: right;
	}*/
	.ordering-controls .reorder {
		display: inline-block;
		width: 1em;
		height: 1em;
		overflow: hidden;
		line-height: 1;
		font-size: 1.2em;
	}
	.ordering-controls a.reorder {
		color: #999;
		border: none;
	}
	.ordering-controls a.reorder:hover {
		color: #333;
		border: none;
	}
	.ordering-controls span.reorder {
		color: #ddd;
	}
	.ordering-controls small.order-up-before,
	.ordering-controls .order-up:before {
		content: "\2191";
		font-family: "Fontcons";
		margin-right: 5em;
	}
	.ordering-controls .order-down {
		float: right;
	}
	.ordering-controls small.order-down-before,
	.ordering-controls .order-down:before {
		content: "\2193";
		font-family: "Fontcons";
		margin-right: 5em;
	}

	.ordering-controls .order-down {
		*zoom:expression(this.runtimeStyle['zoom']='1', this.innerHTML='<small class="order-down-before">&#x2193;</small>' + this.innerHTML);
	}
	.ordering-controls .order-up {
		*zoom:expression(this.runtimeStyle['zoom']='1', this.innerHTML='<small class="order-up-before">&#x2191;</small>' + this.innerHTML);
	}
	.course_discussions .container {
		*margin-top: 2em;
	}

	.comments-notification {
		min-width: 50px;
		max-width: 400px;
		z-index: 50;
		padding: 0.2em 0.7em;
		display: block;
		font-size: 0.85em;
		position: absolute;
		top: -2em;
		left: 50%;
		margin-left: -100px;
		-webkit-border-radius: 0.25em;
		-moz-border-radius: 0.25em;
		-ms-border-radius: 0.25em;
		-o-border-radius: 0.25em;
		border-radius: 0.25em;
		background: #111111;
		background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#111111));
		background: -webkit-linear-gradient(#333333, #111111);
		background: -moz-linear-gradient(center top, #333333 0%, #111111 100%);
		background: -moz-gradient(center top, #333333 0%, #111111 100%);
		background: -o-linear-gradient(#333333, #111111);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#333333,endColorstr=#111111);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#333333, endColorstr=#111111)";
		color: #eee;
		text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
		-webkit-box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.2);
		-o-box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.2);
		box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.2);
		cursor: pointer;
	}
	.comments-feed .comments-notification {
		margin-left: -85px;
	}
	.comments-notification:after {
		content: "";
		border-color: #111 transparent transparent transparent;
		border-style: solid dashed dashed dashed;
		border-width: 4px 4px 0 4px;
		height: 0;
		width: 0;
		display: block;
		overflow: hidden;
		position: absolute;
		bottom: -4px;
		left: 50%;
		margin-left: -4px;
	}

	.course_forum .section {
		padding: 0;
	}

/* Filters */
	.course_forum .filters h3  {
		margin: 0 8em 0 0;
		padding: 0.4em 0 0 0;
		display: block;
	}
	.course_forum .filters p {
		float: right;
		margin: 0;
		padding: 0;
	}
	.course_forum .filters {
		overflow: hidden;
		padding: 1em 20px;
		margin: -20px -20px 0 -20px;
		background: #f9f9f9;
		border-bottom: 1px solid #e9e9e9;
		position: relative;
	}

	.course_forum .below {
		background: #f9f9f9;
		border-top: 1px solid #e9e9e9;
		margin: 20px -20px -20px -20px;
		padding: 0 20px 20px 20px;
	}

	.course_discussions .entry-date-at {
		visibility: hidden;
	}
	.course_discussions .entry-date-on {
		visibility: hidden;
	}
	.course_discussions .aside .entry-date-at {
		display: none;
	}

	.course_discussions .entries .edit,
	.course_discussions .entries .delete {
		display: inline-block;
		width: 1em;
		height: 1em;
		overflow: hidden;
		font-size: 1em;
		line-height: 1;
		border: none;
		margin: 0 .2em 0 0;
		padding: 0;
	}
	ol.comments li .edit,
	ol.comments li .delete {
		float: right;
	}
	.course_discussions .entries tfoot {
		text-align: right;
	}
	.course_discussions .entry-details {
		display: block;
	}
	.course_discussions .section-name,
	.course_discussions .category-name,
	.course_discussions .thread-name {
		max-width: 10em;
		-ms-word-break: break-all;
		word-wrap: break-word;
		word-break: break-all;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}
	.course_discussions .entry-description {
		-ms-word-break: break-all;
		word-wrap: break-word;
		word-break: break-all;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}
	.course_discussions .entries caption a {
		float: right;
	}

	.course_discussions .entries .entry-id:before {
		content: "\f086";
	}
	.course_discussions .entries .closed .entry-id:before {
		content: "\f023";
	}
	.course_discussions .entries .sticky .entry-id:before {
		content: "\273D";
	}
	.course_discussions .categories .entry-id:before {
		content: "\f07b";
	}
	.course_discussions .categories .closed .entry-id:before {
		content: "\f023";
	}

	.course_discussions .entry-details a {
		color: #666;
		border-bottom: 1px dotted #999;
	}
	.course_discussions .entries .entry-options {
		text-align: right;
		white-space: nowrap;
	}
	/* tbody */
	.course_discussions .entries .topic {
		font-weight: bold;
		margin: 0;
	}
	#page_options .comments:before {
		font-family: "Fontcons";
		content: "\f086";
	}
	#page_options .categories:before {
		font-family: "Fontcons";
		content: "\f07b";
	}
	#forum-options {
		margin-top: 2em;
	}
	#forum-options fieldset {
		border: 1px solid #ddd;
		padding: 1em;
	}
	#forum-options fieldset legend {
		margin: 0 1em;
		padding: 0 1em;
	}
	span.highlight {
		display: inline-block;
		*display: inline;
		*zoom: 1;
		margin: 0;
		padding: 0 0.2em;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
		border: 1px solid #efd90a;
		-webkit-border-radius: 0.25em;
		-moz-border-radius: 0.25em;
		-ms-border-radius: 0.25em;
		-o-border-radius: 0.25em;
		border-radius: 0.25em;
		background: #efd90a;
		background: -webkit-gradient(linear, left top, left bottom, from(#f2ec00), to(#edcf00));
		background: -webkit-linear-gradient(#f2ec00, #edcf00);
		background: -moz-linear-gradient(center top, #f2ec00 0%, #edcf00 100%);
		background: -moz-gradient(center top, #f2ec00 0%, #edcf00 100%);
		background: -o-linear-gradient(#f2ec00, #edcf00);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f2ec00,endColorstr=#edcf00);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f2ec00, endColorstr=#edcf00)";
		color: #000;
	}
	/* Add comment */
	.comment-add {
		margin: 0 -1.61803399em -0.61803399em -1.61803399em;
		padding: 1.61803399em;
		border: 1px solid #ddd;
		background-color: #f1f1f1;
		border: none;
		border-top: 1px solid #ddd;
	}
	.comment-add legend {
		display: none;
	}
	.comment-add label {
		display: block;
	}
	.comment-add label span.label-text {
		display: none;
	}
	.comment-add .cancelreply {
		margin-left: 2em;
	}
	.comment-add .submit {
		clear: both;
		margin: -1.5em 0 0 0;
		padding: 0;
		text-align: right;
	}
	.comment-add input, 
	.comment-add select, 
	.comment-add textarea {
		margin: 0.25em 0 0.5em 0;
		width: 100%;
	}
	.comment-add .submit input,
	.comment-add .option {
		width: auto;
	}
	.comment-add .upload-label {
		margin-bottom: 0.5em;
	}
	.comment-add .reply-anonymous-label {
		width: 50%;
	}

	#comments-container {
		margin-top: 30px;
	}
	#page_content.course_discussions #comments-container {
		margin-top: 0;
	}

	/* Comments */
	ol.comments .comment-body {
		margin: 0;
		padding: 0;
		overflow-x: auto;
	}
	ol.comments .start > .comment-content, 
	ol.comments .author > .comment-content {
		border-color: #d9d9d9;
	}
	ol.comments .start > .comment-content:before, 
	ol.comments .author > .comment-content:before {
		border-color: transparent #d9d9d9 transparent transparent;
	}
	ol.comments .comment-options a {
		visibility: hidden;
	}
	ol.comments .comment-options,
	ol.comments .comment-options:hover a,
	ol.comments .comment-options a.reply {
		visibility: visible;
	}
	ol.comments .comment-options a {
		color: #ccc;
		border: none;
	}
	ol.comments .comment-options:hover a {
		color: #999;
	}
	ol.comments .comment-options a.active,
	ol.comments .comment-options a:hover {
		color: #333;
	}
	ol.comments .comment-options a.abuse:hover,
	ol.comments .comment-options a.delete:hover {
		color: #c00;
	}
	ol.comments .comment-options a:before {
		margin-right: 0.4em;
	}
	ol.comments .comment-options a.active:before {
		content: "\2716";
	}
	ol.comments li .edit, 
	ol.comments li .delete {
		margin-right: 0;
		margin-left: 1.2em;
	}
	ol.comments li .edit {
		*zoom:expression(this.runtimeStyle['zoom']='1', this.innerHTML='<small class="edit-before">&#x270E;</small>' + this.innerHTML);
	}
	ol.comments li .delete {
		*zoom:expression(this.runtimeStyle['zoom']='1', this.innerHTML='<small class="delete-before">&#xf014;</small>' + this.innerHTML);
	}
	ol.comments li .reply {
		*zoom:expression(this.runtimeStyle['zoom']='1', this.innerHTML='<small class="reply-before">&#xf08a;</small>' + this.innerHTML);
	}
	ol.comments li .abuse {
		*zoom:expression(this.runtimeStyle['zoom']='1', this.innerHTML='<small class="abuse-before">&#x2298;</small>' + this.innerHTML);
	}
	ol.comments li .active {
		*zoom:expression(this.runtimeStyle['zoom']='1', this.innerHTML='<small class="active-before">&#x2716;</small>' + this.innerHTML);
	}
	ol.comments li small.active-before,
	ol.comments li small.reply-before,
	ol.comments li small.abuse-before,
	ol.comments li small.edit-before,
	ol.comments li small.delete-before {
		font-family: "Fontcons";
		margin-right: 0.2em;
	}
	/* Student */
	ol.comments .student>.comment-content {
		border-color: #0fa1ca;
	}
	ol.comments .student>.comment-content:before {
		border-color: transparent #0fa1ca transparent transparent;
	}
	/* Manager */
	ol.comments .manager>.comment-content {
		border-color: #504545;
	}
	ol.comments .manager>.comment-content:before {
		border-color: transparent #504545 transparent transparent;
	}
	/* Instructor */
	ol.comments .instructor>.comment-content {
		border-color: #619926;
	}
	ol.comments .instructor>.comment-content:before {
		border-color: transparent #619926 transparent transparent;
	}

	ol.comments .role {
		font-size: 0.85em;
		background: #999;
		padding: .382em 1em;
		color: white;
		font-weight: 700;
		position: absolute;
		-webkit-border-radius: 0.27em;
		-moz-border-radius: 0.27em;
		border-radius: 0.27em;
		top: 1.236em;
		right: -0.27em;
		font-weight: 700;
		-webkit-transition: all ease-in-out 0.2s;
		-moz-transition: all ease-in-out 0.2s;
		-o-transition: all ease-in-out 0.2s;
		transition: all ease-in-out 0.2s;
		-webkit-animation: pulse 1s infinite;
	}
	ol.comments .role.instructor {
		background: #619926;
		-webkit-box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.1),inset 0 0 0 4px rgba(255, 255, 255, 0.2),inset 0 0 0 2px #508815;
		-moz-box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.1),inset 0 0 0 4px rgba(255, 255, 255, 0.2),inset 0 0 0 2px #508815;
		box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.1),inset 0 0 0 4px rgba(255, 255, 255, 0.2),inset 0 0 0 2px #508815;
	}
	ol.comments .role.student {
		background: #0fa1ca;
		-webkit-box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.1),inset 0 0 0 4px rgba(255, 255, 255, 0.2),inset 0 0 0 2px rgba(15, 161, 207, 0.1);
		-moz-box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.1),inset 0 0 0 4px rgba(255, 255, 255, 0.2),inset 0 0 0 2px rgba(15, 161, 207, 0.1);
		box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.1),inset 0 0 0 4px rgba(255, 255, 255, 0.2),inset 0 0 0 2px rgba(15, 161, 207, 0.1);
	}
	ol.comments .role.manager {
		background: #504545;
		-webkit-box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.1),inset 0 0 0 4px rgba(255, 255, 255, 0.2),inset 0 0 0 2px #333;
		-moz-box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.1),inset 0 0 0 4px rgba(255, 255, 255, 0.2),inset 0 0 0 2px #333;
		box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.1),inset 0 0 0 4px rgba(255, 255, 255, 0.2),inset 0 0 0 2px #333;
	}

	ol.comments li.indent1 {
		margin-left: 70px;
	}
	ol.comments li.indent2 {
		margin-left: 140px;
	}
	ol.comments li.indent3 {
		margin-left: 210px;
	}
	ol.comments li.indent4 {
		margin-left: 280px;
	}
	ol.comments li.indent5 {
		margin-left: 350px;
	}
	ol.comments li.indent6 {
		margin-left: 420px;
	}

	.entry-search {
		margin: 0;
	}
	.entry-search input {
		width: 100%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box;
		-webkit-background-clip: padding-box;
		   -moz-background-clip: padding-box;
		    -ms-background-clip: padding-box;
		     -o-background-clip: padding-box;
		        background-clip: padding-box;
		outline: none;
		-webkit-appearance: none;
		   -moz-appearance: none;
	}
	.entry-search-submit {
		background: #f1f1f1;
		-webkit-border-radius: 0 0.25em 0.25em 0;
		   -moz-border-radius: 0 0.25em 0.25em 0;
		    -ms-border-radius: 0 0.25em 0.25em 0;
		     -o-border-radius: 0 0.25em 0.25em 0;
		        border-radius: 0 0.25em 0.25em 0;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		         box-sizing: border-box;
		-webkit-background-clip: padding-box;
		   -moz-background-clip: padding-box;
		    -ms-background-clip: padding-box;
		     -o-background-clip: padding-box;
		        background-clip: padding-box;
		font-size: 1em;
		padding: 5px 10px;
		margin: 2px 0 0 0;
		line-height: 1.61803399em;
		outline: none;
		background: #e0e0e0;
		background: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#e0e0e0));
		background: -webkit-linear-gradient(#FAFAFA, #e0e0e0);
		background: -moz-linear-gradient(center top, #FAFAFA 0%, #e0e0e0 100%);
		background: -moz-gradient(center top, #FAFAFA 0%, #e0e0e0 100%);
		background: -ms-linear-gradient(#FAFAFA, #e0e0e0);
		background: -o-linear-gradient(#FAFAFA, #e0e0e0);
		background: linear-gradient(#FAFAFA, #e0e0e0);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FAFAFA,endColorstr=#e0e0e0);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FAFAFA, endColorstr=#e0e0e0)";
		color: #666;
		border: 1px solid #666;
		border-left: none;
	}

	.comments-wrap {
		margin: 0 -20px -20px -20px;
		border-top: 1px solid #ccc;
	}
	#page_content.course_discussions .comments-wrap {
		margin: 0;
	}
	#page_content.course_dashboard .comments-wrap {
		margin: 0;
	}
	#page_content.course_dashboard #comments-container {
		margin-top: 0;
	}
	.comments-views {
		min-height: 1000px;
		max-height: 1600px;
		position: relative;
		margin: 0;
		padding: 0;
	}
	.comments-feed {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 250px;
		border-right: 1px solid #ccc;
	}
	.comment-threads {
		position: absolute;
		margin: 0;
		padding: 0;
		top: 5.25em; /*5.6em;*/
		bottom: 0;
		left: 0;
		right: 0;
		overflow: hidden;
		overflow-x: hidden;
		overflow-y: auto;
		/*background: url("../img/loading.gif") center 50px no-repeat;*/
	}
	.comment-threads-shadow {
		content: "";
		display: none;
		position: absolute;
		top: 5.25em;
		left: 0;
		right: 0;
		height: 20px;
		background: -webkit-linear-gradient(top,rgba(0, 0, 0, .12),rgba(0, 0, 0, .12) 1px,rgba(0, 0, 0, .06) 1px,transparent 7px,transparent 100%);
		background: -moz-linear-gradient(top,rgba(0, 0, 0, .12),rgba(0, 0, 0, .12) 1px,rgba(0, 0, 0, .06) 1px,transparent 7px,transparent 100%);
		background: -ms-linear-gradient(top,rgba(0, 0, 0, .12),rgba(0, 0, 0, .12) 1px,rgba(0, 0, 0, .06) 1px,transparent 7px,transparent 100%);
		background: -o-linear-gradient(top,rgba(0, 0, 0, .12),rgba(0, 0, 0, .12) 1px,rgba(0, 0, 0, .06) 1px,transparent 7px,transparent 100%);
		background: linear-gradient(top,rgba(0, 0, 0, .12),rgba(0, 0, 0, .12) 1px,rgba(0, 0, 0, .06) 1px,transparent 7px,transparent 100%);
	}
	.comment-threads-shadow.scrolled {
		display: block;
	}
	.comments-panel {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 251px;
		right: 0;
		background: #f9f9f9;
	}
	.comments-frame {
		overflow-y: auto;
		overflow-x: hidden;
		padding: 0 1.618em;
		margin: 0;
		position: absolute;
		top: 2.6em;
		bottom: 0;
		left: 0;
		right: 0;
		-webkit-box-shadow: inset 0px 1px 5px rgba(0, 0, 0, 0.1);
		   -moz-box-shadow: inset 0px 1px 5px rgba(0, 0, 0, 0.1);
		    -ms-box-shadow: inset 0px 1px 5px rgba(0, 0, 0, 0.1);
		     -o-box-shadow: inset 0px 1px 5px rgba(0, 0, 0, 0.1);
		        box-shadow: inset 0px 1px 5px rgba(0, 0, 0, 0.1);
		/*background: url("../img/loading.gif") center 50px no-repeat;*/
	}
	.comments-frame .comment-thread {
		padding: 0.618em 0;
	}
	.comments-frame .instructions {
		font-size: 2em;
		text-align: center;
		margin-top: 2em;
		line-height: 1.4em;
		padding: 2em 2em 0 2em;
		color: #bbb;
		text-shadow: 0 1px 1px #fff;
		background: #f9f9f9;
	}
	.comments-frame form .instructions {
		border-top: 1px solid #ccc;
	}
	.comments-toolbar {
		color: #999;
		text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
		font-weight: bold;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #ccc;
		background: #FAFAFA;
		background: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#e0e0e0));
		background: -webkit-linear-gradient(#FAFAFA, #e0e0e0);
		background: -moz-linear-gradient(center top, #FAFAFA 0%, #e0e0e0 100%);
		background: -moz-gradient(center top, #FAFAFA 0%, #e0e0e0 100%);
		background: -ms-linear-gradient(#FAFAFA, #e0e0e0);
		background: -o-linear-gradient(#FAFAFA, #e0e0e0);
		background: linear-gradient(#FAFAFA, #e0e0e0);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FAFAFA,endColorstr=#e0e0e0);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FAFAFA, endColorstr=#e0e0e0)";
		zoom: 1;
	}
	.comments-toolbar p {
		margin: 0;
		padding: 0.4em 1.618em;
	}
	.comments-feed .comments-toolbar p {
		float: right;
		padding: 0;
	}
	.comments-options-bar p {
		margin: 0;
		padding: 0;
	}
	.comments-feed .comments-toolbar p.comment-sort-options {
		float: left;
		text-align: left;
		padding: 0.4em 1.618em;
	}

	#manager-options {
		color: #999;
		padding: 0.4em 1.618em;
		text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
		border-top: 1px solid #fff;
		text-align: right;
		background: #e0e0e0;
		background: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#e0e0e0));
		background: -webkit-linear-gradient(#FAFAFA, #e0e0e0);
		background: -moz-linear-gradient(center top, #FAFAFA 0%, #e0e0e0 100%);
		background: -moz-gradient(center top, #FAFAFA 0%, #e0e0e0 100%);
		background: -ms-linear-gradient(#FAFAFA, #e0e0e0);
		background: -o-linear-gradient(#FAFAFA, #e0e0e0);
		background: linear-gradient(#FAFAFA, #e0e0e0);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FAFAFA,endColorstr=#e0e0e0);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FAFAFA, endColorstr=#e0e0e0)";
	}
	#manager-options p {
		margin: 0;
		padding: 0;
	}
/* Category */
	.comments-feed .category-header {
		padding: 0.4em 2.618em 0.4em 1.618em;
		position: relative;
		cursor: pointer;
		text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.8);
		color: #eee;
		border-top: 1px solid #929292;
		border-bottom: 1px solid #5b5b5b;
		zoom: 1; /* [!] get IE 7 to behave */
		background: #7b7b7b;
		background: -webkit-gradient(linear, left top, left bottom, from(#7b7b7b), to(#6b6b6b));
		background: -webkit-linear-gradient(#7b7b7b, #6b6b6b);
		background: -moz-linear-gradient(center top, #7b7b7b 0%, #6b6b6b 100%);
		background: -moz-gradient(center top, #7b7b7b 0%, #6b6b6b 100%);
		background: -ms-linear-gradient(#7b7b7b, #6b6b6b);
		background: -o-linear-gradient(#7b7b7b, #6b6b6b);
		background: linear-gradient(#7b7b7b, #6b6b6b);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#7b7b7b,endColorstr=#6b6b6b);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#7b7b7b, endColorstr=#6b6b6b)";
	}
	.comments-feed .category-header .count,
	.comments-feed .thread-header .count {
		position: absolute;
		top: 0.618em;
		right: .618em;
		display: block;
		-webkit-border-radius: 0.25em;
		   -moz-border-radius: 0.25em;
		    -ms-border-radius: 0.25em;
		     -o-border-radius: 0.25em;
		        border-radius: 0.25em;
		padding: 0.4em 0.4em;
		line-height: 1;
		font-size: 85%;
		background: #fff;
		background: #555;
	}
	.comments-feed .thread-header .count {
		background: #fff;
	}
	.comments-feed .category-title:before {
		content: "\f0d7";
		font-family: "Fontcons";
		font-size: 85%;
		margin-right: 0.4em;
		font-weight: normal;
		position: absolute;
		left: 0.6em;
		color: #ccc;
	}
	.comments-feed .closed .category-title:before {
		content: "\f0da";
	}
	.comments-feed .closed .thread-content,
	.comments-feed .closed .category-content {
		display: none;
	}
	.comments-feed .category {
		background: #fff;
	}
	.comments-feed .instructions {
		font-size: 1.2em;
		text-align: center;
		margin: 0;
		line-height: 1.2em;
		padding: 1.9em 2em;
		color: #bbb;
		text-shadow: 0 1px 1px #fff;
		background: #fff;
	}
	.comments-feed li.comments-none {
		margin: 0;
		padding: 2em;
	}
	/* Thread */
	.comments-feed ul.threads {
		margin: 0;
		padding: 0;
		border: none;
	}
	.comments-feed ul.threads>li {
		margin: 0;
		padding: 0;
		border: none;
	}
	.comments-feed .thread-header {
		padding: 0.618em 2.618em 0.618em 1.618em;
		position: relative;
		cursor: pointer;
		color: #999;
		text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
		font-weight: bold;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #ccc;
		background: #e0e0e0;
		background: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#e0e0e0));
		background: -webkit-linear-gradient(#FAFAFA, #e0e0e0);
		background: -moz-linear-gradient(center top, #FAFAFA 0%, #e0e0e0 100%);
		background: -moz-gradient(center top, #FAFAFA 0%, #e0e0e0 100%);
		background: -ms-linear-gradient(#FAFAFA, #e0e0e0);
		background: -o-linear-gradient(#FAFAFA, #e0e0e0);
		background: linear-gradient(#FAFAFA, #e0e0e0);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FAFAFA,endColorstr=#e0e0e0);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FAFAFA, endColorstr=#e0e0e0)";
		zoom: 1;
	}
	.comments-feed ul.threads>li:last-child .thread-header {
		border-bottom: none;
	}
	.comments-feed .thread-title:before {
		content: "\f0d7";
		font-family: "Fontcons";
		font-size: 85%;
		margin-right: 0.4em;
		font-weight: normal;
		position: absolute;
		left: 0.6em;
		color: #bbb;
	}
	.comments-feed .closed .thread-title:before {
		content: "\f0da";
	}
	.comments-search fieldset {
		position: relative;
	} 
	.clear-search {
		color: #999;
		position: absolute;
		display: block;
		width: 1em;
		height: 1em;
		overflow: hidden;
		top: 0.8em;
		right: 15%;
		font-size: 1em;
		line-height: 1;
		margin-right: 0.5em;
		cursor: pointer;
	}
	.clear-search:before {
		content: "\2716";
		font-family: "Fontcons";
		margin-right: 1em;
	}
	.clear-search:hover {
		color: #333;
	}
/* Toolbar */
	.comments-panel .comments-toolbar p {
		padding: 0 0.81em 0 0;
	}
	.comments-panel .comments-toolbar {
		text-align: right;
	}
	.comments-panel #commentform {
		padding-top: 1.618em;
	}
	.comments-panel .comment-content #commentform {
		padding-top: 0;
	}
	#commentform label span.label-text {
		display: none;
	}
	.comments-toolbar span {
		margin-left: 1.5em;
		display: inline-block;
		padding: 0.4em 0.81em 0.4em 0.81em;
		margin-bottom: 1px;
	}
	.comments-toolbar span:before {
		font-weight: normal;
	}
	.comments-options-bar {
		padding: 0.4em 1.618em;
		text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
		color: #999;
		border-top: 1px solid #4e5f69;
		border-bottom: 1px solid #4e5f69;
		background: #d9d9d9;
		border: none;
		padding: 0;
		border-bottom: 1px solid #ccc;
		*clear: left;
	}
	.comments-options-bar input {
		background: #fff;
		display: block;
		margin: 0;
		padding: 0.4045084975em 0.4045084975em;
		width: 85%;
		float: left;
		-webkit-border-radius: 0.25em 0 0 0.25em;
		   -moz-border-radius: 0.25em 0 0 0.25em;
		    -ms-border-radius: 0.25em 0 0 0.25em;
		     -o-border-radius: 0.25em 0 0 0.25em;
		        border-radius: 0.25em 0 0 0.25em;
		border: 1px solid #ccc;
		border-right: 1px solid #ddd;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box;
		-webkit-background-clip: padding-box;
		   -moz-background-clip: padding-box;
		    -ms-background-clip: padding-box;
		     -o-background-clip: padding-box;
		        background-clip: padding-box;
		outline: 0;
		line-height: 1 !important;
		font-size: 1em !important;
		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
		    -ms-border-radius: 0;
		     -o-border-radius: 0;
		        border-radius: 0;
		background: transparent;
		border: none;
		padding: 0.7045084975em 0.4045084975em;
		font-weight: normal;
		*width: 80%;
	}
	.comments-options-bar .submit {
		width: 15%;
		display: block;
		border-left: none;
		padding: 0.5045084975em 0.4045084975em;
		-webkit-border-radius: 0 0.25em 0.25em 0;
		   -moz-border-radius: 0 0.25em 0.25em 0;
		    -ms-border-radius: 0 0.25em 0.25em 0;
		     -o-border-radius: 0 0.25em 0.25em 0;
		        border-radius: 0 0.25em 0.25em 0;
		color: #999;
		text-shadow: 0 -1px 1px #ccc;
		border-left: 1px solid #ccc;
		cursor: pointer;
		padding: 0.8045084975em 0.4045084975em;
	}
	.comments-options-bar .submit:focus {
		background: transparent;
		color: #fff;
	}
	@-moz-document url-prefix() {
		.comments-options-bar .submit {
			padding: 0.6345084975em 0.4045084975em;
		}
	}
	.comments-toolbar a {
		border: none;
		border-left: 1px solid #ccc;
		font-weight: normal;
		padding: 0.4em 0.81em 0.4em 0.81em;
		display: block;
		color: #666;
	}
	.comments-toolbar a:before {
		margin-right: 0.4em;
	}
	.comments-toolbar a:hover {
		background: rgba(0, 0, 0, 0.1);
	}
	.comments-toolbar a.active {
		background: #e0e0e0;
		background: -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#FAFAFA));
		background: -webkit-linear-gradient(#e0e0e0, #FAFAFA);
		background: -moz-linear-gradient(center top, #e0e0e0 0%, #FAFAFA 100%);
		background: -moz-gradient(center top, #e0e0e0 0%, #FAFAFA 100%);
		background: -ms-linear-gradient(#e0e0e0, #FAFAFA);
		background: -o-linear-gradient(#e0e0e0, #FAFAFA);
		background: linear-gradient(#e0e0e0, #FAFAFA);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e0e0e0,endColorstr=#FAFAFA);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e0e0e0, endColorstr=#FAFAFA)";
	}
	.date:before {
		margin-right: 0.4em;
	}

	.comments-feed ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.comments-feed li {
		margin: 0;
		padding: 1.618em 1.618em;
		border-bottom: 1px solid #e1e1e1;
		background-color: #fff;
	}
	.comments-feed li.thread {
		cursor: pointer;
	}
	.comments-feed .instructor-commented {
		display: block;
		line-height: 1;
		margin: 0;
		padding: 0.2em 0.4em;
		position: absolute;
		top: 0.2em;
		right: 0;
		font-size: 85%;
		background-color: #619926;
		overflow: hidden;
		-webkit-border-radius: 0.25em;
		-moz-border-radius: 0.25em;
		-ms-border-radius: 0.25em;
		-o-border-radius: 0.25em;
		border-radius: 0.25em;
		white-space: nowrap;
		color: #fff;
		width: 0.7em;
		*letter-spacing: 5em;
		*text-indent: 0.2em;
	}
	.comments-feed .instructor-commented:before {
		content: "i";
		font-family: Courier, "Courier New", Georgia, "Times New Roman", Times, serif;
		margin-right: 2em;
		font-weight: bold;
	}
	.comments-feed .sticky-thread {
		width: 1em;
		height: 1em;
		line-height: 1;
		position: absolute;
		margin: 0;
		padding: 0.3em 0.2em;
		top: 0.2em;
		right: 0;
		font-size: 85%;
		background-color: #e8c500; /* f5a000 */
		overflow: hidden;
		-webkit-border-radius: 0.25em;
		   -moz-border-radius: 0.25em;
		    -ms-border-radius: 0.25em;
		     -o-border-radius: 0.25em;
		        border-radius: 0.25em;
		white-space: nowrap;
		color: #fff;
		*letter-spacing: 5em;
		*text-indent: 0.2em;
		display: none;
	}
	.comments-feed .stuck .sticky-thread {
		display: block;
	}
	.comments-feed .sticky-thread:before {
		content: "\273D";
		font-family: "Fontcons";
		margin: 0 0.2em 0 0.15em;
	}
	.comments-feed .sticky-thread + .instructor-commented {
		right: 2em;
	}
	.comments-feed .discussions li:hover {
		background-color: #f9f9f9;
	}
	.comments-feed .discussions li.active {
		background-color: #f1f1f1;
		position: relative;
	}
	.comments-feed li.active:after {
		content: "";
		display: block;
		width: 0;
		height: 0;
		position: absolute;
		top: 50%;
		right: 0px;
		margin-top: -8px;
		border: 8px solid #ccc;
		border-color: transparent #ccc transparent transparent;
	}
	.comments-feed .comment-content {
		position: relative;
	}
	.comments-feed .comment-date-at,
	.comments-feed .comment-date-on {
		visibility: hidden;
		display: none;
	}
	.comments-feed .date,
	.comments-feed .time {
		margin-right: 0.7em;
	}
	.comments-feed .comment-title {
		color: #aaa;
		margin: 0;
		padding: 0;
	}
	.comments-feed .comment-body a {
		color: #666;
		border: none;
		text-decoration: none;
	}
	.comments-feed .comment-body a:hover {
		color: #333;
	}
	.comment-body {
		font-size: 90%;
		margin: 0.5em 0 0 0;
		padding: 0;
	}
	.comments-feed .comment-author {
		margin-bottom: 0;
		padding-bottom: 0;
		display: none;
	}
	.instructor-comments:before {
		content: "\f05a";
		font-family: "Fontcons";
		margin-right: 0.2em;
	}
	.loading {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: #fff;
		opacity: 0.8;
	}

	.comments-frame .sticky-thread-controls {
		margin: -0.618em -1.618em 1.618em -1.618em;
		padding: 0 1.618em;
		border-bottom: 1px solid #ddd;
		color: #aaa;
		position: relative;
		padding: 1em 1.618em;
		text-align: right;
		line-height: 1;
		background-color: #fff;
		-webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
		   -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
		    -ms-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
		     -o-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
		        box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
		*position: absolute;
		*top: 0;
		*left: 0;
		*right: 0;
		*margin: 0;
	}
	.comments-frame .sticky-thread-controls:before,
	.comments-frame .sticky-thread-controls:after {
		display: table;
		content: "";
		line-height: 0;
	}
	.comments-frame .sticky-thread-controls:after {
		clear: right;
	}
	.comments-frame .sticky-thread-controls p {
		margin: 0;
		padding: 0;
	}
	.comments-frame .sticky-thread-controls span {
	}
	.comments-frame .sticky-thread-controls a {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 1.618em;
		padding: 1em 0 1em 3em;
		display: block;
		line-height: 1;
		border: none;
		margin: 0;
		color: #666;
	}
	.comments-frame .sticky-thread-controls a:hover {
		color: #111;
	}
	.comments-frame .sticky-thread-controls small.sticky-controls-before,
	.comments-frame .sticky-thread-controls a:before {
		content: "\273D";
		font-family: "Fontcons";
		margin-left: 0.2em;
		position: absolute;
		top: 0.6em;
		bottom: 0.6em;
		left: 0;
		width: 1em;
		text-align: center;
		background-color: #ddd;
		padding: 0.5em;
		color: #fff;
		-webkit-border-radius: 0.25em;
		   -moz-border-radius: 0.25em;
		    -ms-border-radius: 0.25em;
		     -o-border-radius: 0.25em;
		        border-radius: 0.25em;
	}
	.comments-frame .sticky-thread-controls a {
		*zoom:expression(this.runtimeStyle['zoom']='1', this.innerHTML='<small class="sticky-controls-before">&#x273D;</small>' + this.innerHTML);
	}
	.comments-frame .sticky-thread-controls a:after {
		content: "";
		position: absolute;
		border: 6px solid #d9d9d9;
		top: 1em;
		border-color: transparent transparent transparent #d9d9d9;
		left: 2em;
	}
	.comments-frame .sticky-thread-controls a:hover:before {
		background-color: #fcc71f;
	}
	.comments-frame .sticky-thread-controls a:hover:after {
		border-color: transparent transparent transparent #fcc71f;
	}

	.comments-frame .sticky-thread-controls.stuck a:before {
		background-color: #fcc71f;
	}
	.comments-frame .sticky-thread-controls.stuck a:after {
		border-color: transparent transparent transparent #fcc71f;
	}

	.comments-frame .sticky-thread-controls.stuck a:hover:before {
		background-color: #d9d9d9;
	}
	.comments-frame .sticky-thread-controls.stuck a:hover:after {
		border-color: transparent transparent transparent #d9d9d9;
	}

	.comments-frame .comment-thread {
		background-color: #f9f9f9;
		*padding-top: 4em;
	}


	.entries small.entry-id-before, 
	.entries .entry-id:before {
		content: "\f086";
		font-family: "Fontcons";
		font-weight: normal;
	}
	.categories small.entry-id-before, 
	.categories .entry-id:before {
		content: "\f07b";
	}
	.entries small.edit-before,
	.entries small.delete-before,
	.entries .edit:before,
	.entries .delete:before {
		font-family: "Fontcons";
		margin-right: 2em;
	}
	.entries .edit:before {
		content: "\270E";
	}
	.entries .delete:before {
		content: "\f014";
	}
	.entry-options {
		white-space: nowrap;
	}
	.entries .edit,
	.entries .delete {
		display: inline-block;
		width: 1em;
		height: 1em;
		white-space: nowrap;
		font-size: 1.2em;
		overflow: hidden;
		color: #ccc;
		border: none;
		text-decoration: none;
	}
	.entries caption .edit,
	.entries caption .delete {
		display: block;
		float: right;
		margin-left: 0.2em;
		height: 1.2em;
	}
	.entries .edit {
		*zoom:expression(this.runtimeStyle['zoom']='1', this.innerHTML='<small class="edit-before">&#x270E;</small>' + this.innerHTML);
	}
	.entries .delete {
		*zoom:expression(this.runtimeStyle['zoom']='1', this.innerHTML='<small class="delete-before">&#xf014;</small>' + this.innerHTML);
	}
	.entries .edit:hover {
		color: #333;
		border: none;
		text-decoration: none;
	}
	.entries .delete:hover {
		color: #c00;
		border: none;
		text-decoration: none;
	}
	.entries tfoot td {
		text-align: right;
	}
	.entries .entry-details {
		display: block;
	}

/* Smaller windows */
@media only screen and (max-width: 1064px) {
	.course_forum .aside,
	.course_forum .subject {
		float: none;
	}
	.course_forum .aside {
		display: none;
	}
	.course_forum .subject {
		padding-left: 0;
		padding-right: 0;
		margin-right: 0;
	}
}

/* IE 7 fixes */
	html>body .course_forum .entries .edit, 
	html>body .course_forum .entries .delete {
		*zoom: 1;
		*display: inline;
		*text-indent: 20px;
		*line-height: 16px;
	}
	html>body .course_forum .entries caption .edit, 
	html>body .course_forum .entries caption .delete {
		*margin-top: -1.5em;
		*background-position: 0 0;
	}

@media print {
	.comments-views {
		min-height: auto;
		max-height: 10000px;
	}
	.comments-views * {
		position: static;
	}
	.comment-threads {
		overflow: visible;
	}
	.comment-add {
		display: none;
	}
}