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

	iframe {
		border: none;
	}
	#content { 
		padding: 0;
	}

/* Content header */
	#content-header {
		padding: 30px;
		position: relative;
	}
	#content-header h2 {
		padding: 0px;
		margin-right: 0px;
	}
	#content-header.with-identity h2 {
		margin-right: 200px;
	}
	#content-header p {
		margin: 0;
		padding: 0;
	}
	#content-header p a {
		text-decoration: none;
		border: none;
		margin: 0 2em 0 0;
	}
	#content-header p a:before {
		font-weight: normal;
		content: "\f05a";
		font-family: "Fontcons";
	}
	#content-header p a:hover {
		border-bottom: 1px dotted #333;
	}
	#content-header p span {
		margin: 0 2em 0 0.2em;
	}

	p.course-identity {
		display: block;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 0;
		right: 30px;
		width: 130px;
		height: 72px;
		overflow: hidden;
		-webkit-border-radius: 0.25em;
		   -moz-border-radius: 0.25em;
		        border-radius: 0.25em;
		background: #f1f1f1;
		text-align: center;
	}
	p.course-identity span:after {
		content: "\f09c";
		font-family: "Fontcons";
		font-size: 7em;
		color: #e1e1e1;
		line-height: 1.6em;
	}
	p.course-identity:after {
		content: "";
		display: none;
	}
	p.course-identity img {
		width: 100%;
		*width: auto;
	}

/* Layout */
	#page_container {
		margin: 0;
		padding: 0;
		background: #FFF;
		*padding-left: 6em;
		*display: block;
		*overflow: hidden;
	}
	#page_sidebar {
		background: #3a3a3a;
		*display: block;
		*margin-left: -6em;
		*float: left;
	}
	#page_main {
		*display: block;
		*width: 100%;
		*float: left;
		*z-index: 555;
	}

	#page_content {
		margin: 20px;
	}
	#page_container {
		display: table;
		width: 100%;
		table-layout: fixed;
		*padding-left: 6em;
		*display: block;
		*overflow: hidden;
	}
	#page_sidebar {
		background: #3a3a3a;
		width: 6em;
		max-width: 6em;
		display: table-cell;
		vertical-align: top;
		*display: block;
		*margin-left: -6em;
		*float: left;
	}
	#page_main {
		display: table-cell;
		vertical-align: top;
		*display: block;
		width: 100%;
		*float: left;
		*z-index: 555;
	}

/* Page menu */
	#page_menu {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#page_menu li {
		position: relative;
		margin: 0;
		padding: 0;
	}
	#page_menu li ul {
		display: none;
	}
	#page_menu li a {
		text-indent: -500em;
		padding: 0;
		height: 6em;
		width: 6em;
		line-height: 6em;
		text-align: center;
		display: block;
		color: #999;
		position: relative;
		border-bottom: 1px solid rgba(255,255,255,0.15);
		*border-bottom: 1px solid #666;
		-webkit-transition: background 0.1s ease-in-out;
		   -moz-transition: background 0.1s ease-in-out;
		        transition: background 0.1s ease-in-out;
	}
	#page_menu li small.page_menu-before,
	#page_menu li a:before {
		speak: none;
		font-style: normal;
		font-weight: normal;
		text-indent: 0;
		-webkit-font-smoothing: antialiased;
		content: attr(data-icon);
		font-family: 'Fontcons';
	}
	#page_menu li a:hover {
		background: #47a3da;
		color: #fff;
		border-bottom: 1px solid rgba(0,0,0,0.05);
		*border-bottom: 1px solid #666;
	}
	#page_menu li.active {
		background: #fff;
	}
	#page_menu li.active a:hover,
	#page_menu li.active a {
		background: #fff;
		color: #333;
		border-bottom: 1px solid rgba(0,0,0,0.05);
	}

	#page_menu li .meta {
		position: absolute;
		display: block;
		top: 1em;
		right: 1em;
		font-size: 0.85em;
		line-height: 1.2;
	}
	#page_menu li .meta .count {
		display: block;
		padding: 0.2em 0.4em;
		background: #777;
		background: rgba(255, 255, 255, 0.3);
		color: #444;
		text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
		-webkit-border-radius: 0.25em;
		   -moz-border-radius: 0.25em;
		    -ms-border-radius: 0.25em;
		     -o-border-radius: 0.25em;
		        border-radius: 0.25em;
	}
	#page_menu li.active .meta .count {
		background: #ccc;
		background: rgba(0, 0, 0, 0.1);
	}

	#page_menu li small.page_menu-before,
	#page_menu li a:before {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-size: 2em;
		text-align: center;
	}
	#page_menu li:after,
	#page_menu li a:after {
		position: absolute;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-webkit-opacity: 0;
		   -moz-opacity: 0;
		        opacity: 0;
		text-indent: 0;
		overflow: visible;
		z-index: 1000000;
		pointer-events: none;
		-webkit-transition: 0.3s ease;
		   -moz-transition: 0.3s ease;
		    -ms-transition: 0.3s ease;
		        transition: 0.3s ease;
		content: attr(data-title);
		white-space: pre;
		background: #383838;
		color: #fff;
		padding: 0.5em 0.8em;
		font-size: 1em;
		line-height: 1.2;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
		left: 100%;
		top: 50%;
		margin-top: -1.05em;
		visibility: hidden\9;
		text-align: left;
	}
	#page_menu li a:after {
		margin-left: 8px;
	}
	#page_menu li:after {
		content: "";
		padding: 0;
		margin-left: -3px;
		margin-top: -6px;
		background: transparent;
		border: 6px solid transparent;
		border-color: transparent #383838 transparent transparent;
		box-shadow: none;
		display: block;
	}
	#page_menu li:hover:after,
	#page_menu li a:hover:after {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		-webkit-opacity: 1;
		   -moz-opacity: 1;
		        opacity: 1;
		visibility: visible\9;
	}

/* Page header */
	#page_header {
		display: block;
		padding: 25px 20px 5px 20px;
		margin-bottom: 5px;
		overflow: hidden;
	}
	#page_header h2 {
		float: left;
		color: #444;
		margin: 0px;
		border-bottom: 0px;
		line-height: 1em;
		padding: 0;
	}
	#page_header h2 a {
		border-bottom: 1px solid #f8f8f8;
		color: #444;
	}
	#page_header h2 a:hover {
		border-bottom: 1px solid #aaa;
	}
	#page_header .divider {
		float: left;
		color: #777;
		border: none;
		padding: 3px 15px 0 15px;
	}
	#page_header h3 {
		float: left;
		margin: 0;
		padding: 3px 0 0 0;
		color: #999;
		font-size: 16px;
		font-weight: 400;
	}
	#page_header .tags {
		clear: both;
		margin: 30px 0 0 0;
		padding: 0 0 0 15px;
	}

/* Course Options */
	a.course-join,
	a.course-request,
	a.course-invited {
		display: block;
		background: #e07a15;
		font-size: 14px;
		font-weight: 200;
		padding: 5px 15px;
		border: 1px solid #a85e15;
		border-radius: 5px;
		color: #FFF;
	}
	a.course-join:hover,
	a.course-request:hover,
	a.course-invited:hover {
		background: #c66c13;
	}
	span.course-closed,
	span.course-inviteonly,
	span.course-pending {
		display: block;
		background: #eee;
		font-size: 14px;
		font-weight: 200;
		padding: 5px 15px;
		border: 1px solid #bbb;
		border-radius: 5px;
		color: #777;
	}
	span.course-pending {
		color: #A30;
	}

/* Notifications */ 
	#page_notifications {
		margin: 0 20px;
	}

/* Manager options */
	#manager_options {
		margin: 0;
		padding: 5px 20px;
		background: #fff;
		border-bottom: 1px dotted #e1e1e1;
	}

	.section {
		padding: 0;
	}
	.below {
		margin-top: 30px;
	}

/* Instructions */
	.enroll-restricted {
		padding: 30px;
	}

	#offering-introduction {
		width: 32em;
		margin: 3em auto;
		background-color: #fff;
		-webkit-box-shadow: 0 1px 3px rgba(25, 25, 25, 0.4);
		-moz-box-shadow: 0 1px 2px rgba(25, 25, 25, 0.4);
		-ms-box-shadow: 0 1px 3px rgba(25, 25, 25, 0.4);
		-o-box-shadow: 0 1px 3px rgba(25, 25, 25, 0.4);
		box-shadow: 0 1px 3px rgba(25, 25, 25, 0.4);
	}
	#offering-introduction .instructions {
		padding: 1em 1.4em;
	}
	#offering-introduction .questions {
		padding: 1em 1.4em;
		background-color: #f0f0f0;
	}
	#offering-introduction ol {
		list-style: decimal;
	}

/* Media queries */
@media (max-width: 40em) {
	#page_container,
	#page_sidebar,
	#page_main {
		display: block;
		width: auto;
		max-width: 100%;
		min-width: auto;
	}
	#page_menu li a {
		text-indent: 0;
		padding: 0 1em;
		width: auto;
		text-align: left;
	}
	#page_menu li small.page_menu-before,
	#page_menu li a:before {
		position: static;
		font-size: 1em;
	}
}
@media (min-width: 70em) {
	#page_sidebar {
		width: 17em;
		max-width: 17em;
		min-width: 17em;
	}
	#page_menu li a {
		text-indent: 0;
		padding: 0 1em 0 4.5em;
		width: auto;
		text-align: left;
	}
	#page_menu li small.page_menu-before,
	#page_menu li a:before {
		left: 1em;
		text-align: left;
	}
	#page_menu li:hover:after,
	#page_menu li a:hover:after {
		display: none;
	}
}

/* [!] HACKS - IE 7 and older */
	#page_menu li .outline {
		*zoom:expression(this.runtimeStyle['zoom']='1', this.innerHTML='<small class="page_menu-before">&#xf0ae;</small>' + this.innerHTML);
	}
	#page_menu li .announcements {
		*zoom:expression(this.runtimeStyle['zoom']='1', this.innerHTML='<small class="page_menu-before">&#xf095;</small>' + this.innerHTML);
	}
	#page_menu li .forum {
		*zoom:expression(this.runtimeStyle['zoom']='1', this.innerHTML='<small class="page_menu-before">&#xf086;</small>' + this.innerHTML);
	}
	#page_menu li .progress {
		*zoom:expression(this.runtimeStyle['zoom']='1', this.innerHTML='<small class="page_menu-before">&#xf012;</small>' + this.innerHTML);
	}
	#page_menu li .dashboard {
		*zoom:expression(this.runtimeStyle['zoom']='1', this.innerHTML='<small class="page_menu-before">&#xf083;</small>' + this.innerHTML);
	}
	#page_menu li .notes {
		*zoom:expression(this.runtimeStyle['zoom']='1', this.innerHTML='<small class="page_menu-before">&#x270D;</small>' + this.innerHTML);
	}
	#page_menu li .pages {
		*zoom:expression(this.runtimeStyle['zoom']='1', this.innerHTML='<small class="page_menu-before">&#xf016;</small>' + this.innerHTML);
	}
	#page_menu li .pages {
		*zoom:expression(this.runtimeStyle['zoom']='1', this.innerHTML='<small class="page_menu-before">&#xf05a;</small>' + this.innerHTML);
	}
	#page_menu li .guide {
		*zoom:expression(this.runtimeStyle['zoom']='1', this.innerHTML='<small class="page_menu-before">&#xf059;</small>' + this.innerHTML);
	}
	#page_menu li .discussions {
		*zoom:expression(this.runtimeStyle['zoom']='1', this.innerHTML='<small class="page_menu-before">&#xf086;</small>' + this.innerHTML);
	}