.module-meta {
	color:#666;
	padding:0 0 8px;
	margin: 0 0 10px 0;
	border-bottom:1px solid #dedede;
	font-size:15px;
	font-weight:600;
}

.ass-wrapper {
	border:1px solid #707D94;
	padding:20px;
	background:#8b99b1;
}

.ass-40 {
	float:left;
	width:40%;
}

.ass-50 {
	float:left;
	width:50%;
}

.ass-60 {
	float:left;
	width:60%;
}

.ass-num {
	float:left;
	font-size:60px;

	font-weight:300;
	margin:0 10px 0 0;
	line-height:40px;
	color:#fff!important;
}

.ass-text {
	display:block;
	font-size:18px;
	font-weight:300;
	color:#fff!important;
}

.sub-nav li.notice {
	background:#f4f4f4;
	color:#317ca5;
	font-size:13px;
	padding:10px 15px!important;
}

.module-leaders-wrapper {
	padding: 0 0 20px 0;
	border-bottom:1px solid #DEDEDE;
}

.module-leaders-wrapper h3 {
	text-align:center;
}

ul.module-leaders {
	list-style:none;
	margin:0!important;
	padding:0!important;
	text-align:center;
}

ul.module-leaders li {
	display:inline-block;
	padding: 3px!important;
	margin:0!important;
}

ul.module-leaders li img {
	width:60px;
	height:60px;
	border-radius:50%;
}

ul.module-leaders li h4, ul.module-leaders li em { display:none!important; }

.active-module-leader { text-align:center;}

.active-module-leader img { width:160px; height:160px; border-radius:50%; }

.active-module-leader h4 {
	font-size: 18px;
	margin-top: 10px!important;
	margin-bottom: 4px!important;
	font-weight: 400;
	color: #55606E;
}

.active-module-leader em {
	display:block;
	text-align:center;
	font-style:italic;
	margin:4px 0 15px 0;
	font-size:15px;
	font-weight:400;
	color:#545454;
}

.sidebar-stat {
	margin:30px 0 30px 0;
	position:relative;
}

.stat-num, .stat-duration-num {
	float:left;
	width:80px;
	text-align:right;
	font-size:50px;
	line-height:44px;
	font-weight:400;
	margin:0 10px 0 10px;
	color:#707d94;
}

.stat-text, .stat-duration-text {
	display:block;
	font-size:19px;
	font-weight:400;
	letter-spacing:1px;
	color:#707d94;
}

ul.reading-list { margin:0 0 0 15px!important; padding:0!important; list-style-type: circle!important; list-style-image:none!important; }

.sidebar-coursesync {
	position: relative;
	background: #fafafa;
	border-radius: 4px;
	color: #FFF;
	padding: 10px 0;
	margin: 35px 0 20px 0;
	font-size: 12px;
	text-align: center;
	border: 1px solid #f2f2f2;
}

.sidebar-coursesync a.coursesync-button {
	display: block;
	line-height: 40px;
	margin: 0 10px 0 10px;
	text-align: center;
	color: #FFF!important;
	text-decoration:none!important;
	font-weight:600!important;
	font-size:13px;
	border: 1px solid #007fc4;
	border-radius: 3px;
	background-color: #0089d5;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 137, 213)), to(rgb(0, 127, 196)));
	background-image: -webkit-linear-gradient(top, rgb(0, 137, 213), rgb(0, 127, 196));
	background-image: -moz-linear-gradient(top, rgb(0, 137, 213), rgb(0, 127, 196));
	background-image: -o-linear-gradient(top, rgb(0, 137, 213), rgb(0, 127, 196));
	background-image: -ms-linear-gradient(top, rgb(0, 137, 213), rgb(0, 127, 196));
	background-image: linear-gradient(top, rgb(0, 137, 213), rgb(0, 127, 196));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#0089d5', EndColorStr='#007fc4');

}

.sidebar-coursesync a.coursesync-button:hover {
	background-color: #0093e4;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 147, 228)), to(rgb(0, 136, 211)));
	background-image: -webkit-linear-gradient(top, rgb(0, 147, 228), rgb(0, 136, 211));
	background-image: -moz-linear-gradient(top, rgb(0, 147, 228), rgb(0, 136, 211));
	background-image: -o-linear-gradient(top, rgb(0, 147, 228), rgb(0, 136, 211));
	background-image: -ms-linear-gradient(top, rgb(0, 147, 228), rgb(0, 136, 211));
	background-image: linear-gradient(top, rgb(0, 147, 228), rgb(0, 136, 211));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#0093e4', EndColorStr='#0088d3');
	color:#fff!important;
}

.sidebar-coursesync a.coursesync-button:active {
	background-color: #0088d3;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 136, 211)), to(rgb(0, 147, 228)));
	background-image: -webkit-linear-gradient(top, rgb(0, 136, 211), rgb(0, 147, 228));
	background-image: -moz-linear-gradient(top, rgb(0, 136, 211), rgb(0, 147, 228));
	background-image: -o-linear-gradient(top, rgb(0, 136, 211), rgb(0, 147, 228));
	background-image: -ms-linear-gradient(top, rgb(0, 136, 211), rgb(0, 147, 228));
	background-image: linear-gradient(top, rgb(0, 136, 211), rgb(0, 147, 228));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#0088d3', EndColorStr='#0093e4');
}

.coursesync-help {
	position:absolute;
	top:0; right:0;
}
.coursesync-help p {
	display:none;
	background: #8D98AA;
	padding: 10px!important;
	margin: -1px!important;
	border-radius: 4px;
	line-height: 1.4em!important;
	font-size: 13px!important;
	color: #FFF!important;
}

.coursesync-help .question-mark {
	position: absolute;
	top: -14px;
	right: -14px;
	background: #7B8594;
	width: 25px;
	height: 25px;
	display: block;
	border: 4px solid #FFF;
	cursor:pointer;
	border-radius:50%;
	line-height: 1.5em;
}

dl.assessment { margin: 0 0 20px 0; }
dl.assessment dt { float:left; width:160px; text-align:right; }
dl.assessment dd { margin-left:180px!important; }

dl.assessment-breakdown { margin: 0 0 20px 0; font-size:13px; }
dl.assessment-breakdown dt { float:left; width:160px; text-align:right; }
dl.assessment-breakdown dd { margin-left:180px!important; }

dl.further-details { margin: 0 0 20px 0; font-size:13px; }
dl.further-details dt { float:left; width:160px; text-align:right; padding:4px 0; }
dl.further-details dd { margin-left:180px!important; padding: 4px 0; border-bottom:1px solid #dedede; }

.max-content-area {
	max-height:135px;
	overflow-y:scroll;
	border-bottom:3px solid #f4f4f4;
	padding: 0 10px 10px 0;
}

div.runs-autumn, div.runs-spring, div.runs-summer {
	position:relative;
	float:right;
	margin:13px 0 0 8px;
	width: 30px;
	height:30px;
	background-repeat:no-repeat;
	background-size:16px;
	background-position:center;
	border-radius:50%;
	border:1px solid #dedede;
	background-color:#fff;
}

div.runs-autumn:hover, div.runs-spring:hover, div.runs-summer:hover {
	background-color:#a2cf61;
	border:1px solid #a2cf61;
}

div.runs-autumn span, div.runs-spring span, div.runs-summer span, div.taking-module span {
	display:none;
	position:absolute;
	right:0;
	top:30px;
	border-bottom: 1px dashed #DEDEDE;
	font-size: 11px;
	width: 190px;
	text-align: center;
	color: #434343;
	padding: 4px;
}

div.runs-autumn:hover span, div.runs-spring:hover span, div.runs-summer:hover span, div.taking-module:hover span {
	display:block;
}

div.runs-autumn { background-image: url(/fac/soc/economics/current/leaf.png); }
div.runs-spring { background-image: url(/fac/soc/economics/current/flower.png); }
div.runs-summer { background-image: url(/fac/soc/economics/current/sun.png); }

div.taking-module {
	position:relative;
	float:right;
	margin:13px 0 0 8px;
	width: 30px;
	height:30px;
	background-repeat:no-repeat;
	background-size:24px;
	background-position:center;
	border-radius:50%;
	background-color:#0099ff;
	background-image: url(/fac/soc/economics/current/tick.png);
}

/* EXCLAIMIFY */

.exclaimify { position:absolute; top:0; }
.exclaimify.left { left:0; }
.exclaimify.right { right:0; }

.exclaimify.left .exclamation { top:-14px; left:-7px; }
.exclaimify.right .exclamation { top:-14px; right:-7px; }

.exclaimify:hover p { visibility: visible; -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1; }

.exclaimify p {
	visibility: hidden;
	background: #8D98AA;
	padding: 8px 10px!important;
	margin: -1px!important;
	border-radius: 4px;
	line-height: 1.2em!important;
	font-size: 13px!important;
	color: #FFF!important;
	text-align:center;
	position:absolute;
	top:0; left:0;
	min-width:240px;
	z-index:1;
	-webkit-opacity: 0;
  	-moz-opacity: 0;
  	opacity: 0;
}

.exclaimify .exclamation {
	position: absolute;
	z-index:2;
	width: 20px;
	height: 20px;
	display: block;
	background-image:url(/fac/soc/economics/exclaimify.png);
	background-size:20px;
	background-position:center;
	background-repeat:no-repeat;
	cursor:pointer;
}

.further-buttons {
	margin-left: 180px;	
}
.further-buttons .btn {
	margin-right: 10px;
}