::-moz-selection { background: #c7dda6; }
::selection { background: #c7dda6; }
section {
	-webkit-transform: translate3d(0, 0, 0);
}
.pageHolder {
	background: url(../assets/bg.jpg) transparent repeat-x left -250px;
	z-index: 2!important;
	min-height:100%;
	height: auto !important;
	height: 100%;
	padding-bottom:0px!important;
	max-width: 1100px;
	margin-bottom:-41px;
}
.home .pageHolder {
	padding-top:85px;
}
@font-face {
	font-family: 'ft_font';
	src: url('../assets/new-website-assets/ft_font-regular-webfont.eot');
	src: url('../assets/new-website-assets/ft_font-regular-webfont.eot?#iefix') format('embedded-opentype'),  
	url('../assets/new-website-assets/ft_font-regular-webfont.woff') format('woff'), 
	url('../assets/new-website-assets/ft_font-regular-webfont.ttf') format('truetype');
}
@font-face {
	font-family: 'ft_font-light';
	src: url('../assets/new-website-assets/ft_font-light-webfont.eot');
	src: url('../assets/new-website-assets/ft_font-light-webfont.eot?#iefix') format('embedded-opentype'),  
	url('../assets/new-website-assets/ft_font-light-webfont.woff') format('woff'),  
	url('../assets/new-website-assets/ft_font-light-webfont.ttf') format('truetype');
}
@font-face {
	font-family: 'ft_font-semibold';
	src: url('../assets/new-website-assets/ft_font-semibold-webfont.eot');
	src: url('../assets/new-website-assets/ft_font-semibold-webfont.eot?#iefix') format('embedded-opentype'),  
	url('../assets/new-website-assets/ft_font-semibold-webfont.woff') format('woff'),  
	url('../assets/new-website-assets/ft_font-semibold-webfont.ttf') format('truetype');
}
.clearfix {
	display:block;
	clear:both;
}
.loaded {
	-webkit-animation: all .4s ease;
	background:none !important;
}
.loading div, .loading li, .loading a, .loading ul, .loading p, .loading h5, .loading h4, .loading img, .loading tr {
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;
}
.tabs-content.disabled, .quizActions.disabled, .tabs-content li.disabled {
	opacity: .08;
	pointer-events: none;
}
.lessonTable tbody.loaded {
	background-color:#fff!important;
}
body.teacher table tbody.loading {
	background-size: 70px 4px!important;
	text-align: center;
	background-position: center center !important;
	background-repeat: no-repeat;
	height: 200px;
	width: 92.2%;
	border: 1px solid #888;
	background-color: #FFF!important;
	position: absolute;
	z-index: 1;
	left: 4%;
}
.loaded, .loaded div.panel_shadow_right {
	-webkit-animation: fade 0.4s ease;
}
.centerElement {
	width:100%;
	text-align:center;
}
.signup .centerElement .button.secondary {
	padding: 8px 18px 8px 18px;
	font: 16px "ft_font", tahoma, sans-serif;
	margin: 0 5px 10px 5px;
}
 @-webkit-keyframes fade {
0% {
opacity: 0;
background:url(../assets/ft_loader.gif) no-repeat 0px center #fff !important;
}
50% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
.important {
	color:#d41414!important;
}
.displayNone {
	display:none!important;
}
.opacityNone {
	opacity:0!important;
}
/* top bar from F docs */
.top-bar {
	height:68px;
	margin:0 0 15px 0px;
	padding:0;
	line-height:65px;
	width:100% !important;
	border-top:1px solid #555;
	background-color:#222;
	background: url(../assets/board_bg.jpg) -100px -100px;
	z-index:9999;
	border-bottom: 3px solid #f8f7f5;
}
.top-bar .attached li.active a {
	color:#fff!important;
	background-color:#111!important;
	border-bottom:none;
	border-top: 1px solid #444;
}
.top-bar .attached li a:hover {
	background-color:#161616!important;
}
.top-bar .attached li.active:before {
	width:0;
	height:0;
	border-left:13px solid transparent;
	border-right:13px solid transparent;
	border-bottom:13px solid #f8f7f5;
	position:absolute;
	bottom:2px;
	left:30%;
	content:"";
	z-index:9;
}
dd.active a:before {
	position:relative;
	left:50%;
	margin-left:-2px;
	bottom:-1px;
	border-bottom:18px solid #636363;
}
.stream dd.active a:before {
	bottom:-14px;
	border-bottom:13px solid #555555;
}
#fullscreen .editable:focus, #fullscreen .redactor-editor:focus {
/*padding:15px!important;*/
}
/* Reveal Modals ---------------------- */
.reveal-modal-bg {
	position: fixed;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.88);
	z-index: 99990;
	display: none;
	top: 0;
	left: 0;
	min-height:8000px;
}
.reveal-modal {
	border-radius:3px;
	background: url(../assets/bg.jpg) #F1EEEB repeat-x top;
	visibility: hidden;
	display: none;
	top: -700px!important;
	left: 50%;
	margin-left: -450px;
	width: 900px;
	position: absolute;
	z-index: 999999;
	padding: 30px 30px 40px 29px;
	text-align:center;
	-webkit-transition: all .9s ease-in-out;
	-moz-transition: all .9s ease-in-out;
	-o-transition: all .9s ease-in-out;
	-ms-transition: all .9s ease-in-out;
	transition: all .9s ease-in-out;
}
.reveal-modal.open {
	position:fixed;
	top: 50px!important;
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	-o-transition: all .8s ease-in-out;
	-ms-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;
}
.reveal-modal.test, .reveal-modal.test.open {
	position:fixed;
	height:100%!important;
	width:100%;
	top:0!important;
	left:0;
	margin-left: 108%!important;
	min-width:600px;
	opacity:1!important;
	-webkit-transition: all .8s ease-in-out!important;
	-moz-transition: all .8s ease-in-out;
	-o-transition: all .8s ease-in-out;
	-ms-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;
	visibility:visible!important;
	display:block!important;
	box-shadow:none!important;
	overflow-y:auto;
	padding:3% 16% 8% 16%;
}
.reveal-modal.test.open {
	margin-left: 0px!important;
}
.reveal-modal.test .close-reveal-modal.btn_close {
	right: 10px;
	top: 10px;
}
.reveal-modal .panelIndent, body.teacher .reveal-modal .panelIndent {
	background: url(../assets/bg_dark.jpg) #434343 repeat-x right -100px;
	border-radius: 5px;
	border-top: 1px solid #111;
	border-bottom: 0px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: translate3d(0, 0, 0);
	padding-bottom: 68px;
}
.reveal-modal .panelIndent h1, .reveal-modal .panelIndent h2, .reveal-modal .panelIndent h3, .reveal-modal .panelIndent h4, .reveal-modal .panelIndent h4, .reveal-modal .panelIndent h6 {
	color:white;
}
.reveal-modal .panelIndent p, .reveal-modal .panelIndent section li {
	color:#bbb;
	font-size: 16px;
}
.reveal-modal .panelIndent section li {
	margin: 15px 38px 0 38px;
	line-height: 1.3;
}
.reveal-modal.test .panelIndent .six.columns p {
	padding-bottom:0px;
	padding-top:15px;
	line-height: 1.3em;
}
.reveal-modal .panelIndent a {
	color:#2896CF;
}
.reveal-modal input {
	text-align:center;
	margin: 0 auto 0 auto;
}
#createClassModal input {
	text-align:left;
}
.reveal-modal h2, .reveal-modal h2 strong {
	margin-bottom:22px;
}
.reveal-modal h2 span {
	font-size:18px;
}
.reveal-modal h2 strong {
	color: #7F776D;
	font-size: 25px;
	clear: both;
	float: left;
	width: 100%;
	padding-bottom: 20px;
	font-weight:normal;
}
.reveal-modal *:last-child {
	margin-bottom: 0;
}
.close-reveal-modal.btn_close, .btn_close {
	font-size: 22px;
	font-size: 2.2em;
	line-height: .5;
	position: absolute;
	right: -18px;
	color: #aaa;
	font-weight: bold;
	cursor: pointer;
	background: url(../assets/svg_sprite.png) no-repeat;
	background-size: 180px 5683px!important;
	background-position: -32px -144px!important;
	height:45px;
	width:45px;
	top: -18px;
	z-index: 9999;
}
#analyticsModal .close-reveal-modal.btn_close, #analyticsModal .btn_close {
	z-index: 99999;
}
.reveal-modal.medium {
	width: 40%;
	margin-left: -20%;
}
.reveal-modal.large {
	width: 60%;
	margin-left: -30%;
}
.reveal-modal.expand {
	width: 90%;
	margin-left: -45%;
}
.reveal-modal .row {
	min-width: 0;
	padding:20px 0 10px 0;
	max-width: 1440px;
}
/* teacher styling - dark bg and minimal footer */

body.teacher {
	background: url(../assets/bg_dark.jpg) #444 repeat-x !important;
}
body.teacher .top-bar {
	height: 67px;
	border-bottom:1px solid #555;
}
body.teacher .top-bar .attached li.active::before {
	border-bottom: 13px solid #555;
}
body.teacher .pageHolder {
	background-image:none!important;
	background-color:transparent!important;
}
body.teacher .profileBox .lessonStats .row {
	padding-top: 9px;
	padding-bottom:8px;
}
body.teacher dl.tabs dd.active a {
	color: white;
}
body.teacher dl.tabs dd a {
	color: #ccc;
	white-space: nowrap;
}
body.teacher .stream dd.active a::before {
	border-bottom: 13px solid #F1EEEB;
}
body.teacher ul.activity li, body.teacher .stream .panelIndentFlat {
	background: url(../assets/bg.jpg) #F1EEEB repeat-x right -400px;
}
.panelIndentFlat, body.teacher .stream .panelIndentFlat, body.teacher .reveal-modal .panelIndentFlat, .streamEmpty .panel {
	background: url(../assets/imgHeadingB.png) #ede9e6;
	background-size: auto, auto;
	background-position: right -86px;
	background-repeat: repeat-x;
}
body.teacher ul.activity li ul li {
	background:none;
	border-radius:none;
}
body.teacher .stream img.profilePic {
	margin: 8px 0 0px 18px;
}
img.profilePic {
	border-radius:2px;
}
body.teacher .stream .panelIndentFlat img.profilePic {
	margin: 8px 0 0px 8px;
}
body.teacher ul.comments li img.profilePic {
	margin-left: 0px;
}
body.teacher .panelIndent, .help_desk_modal.helpOpen .panelIndent {
	background: url(../assets/bg_dark.jpg) #444 repeat-x right -300px;
	border-radius:5px;
	border: 1px solid #555;
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
	border-right: 1px solid #555;
	padding-bottom:30px;
}
#header h1 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
body.teacher #header h1 {
	color: #CCC;
}
body.teacher #header h1 span {
	color: #777;
	font-size: 18px;
}
body.teacher #header h1 span strong {
	color: #888;
	font-size: 22px;
}
body.teacher .panelIndentFlat, .class_list li a {
	background: #444;
	border-bottom: 1px solid #222;
	border-left: 1px solid #666;
	border-top: 1px solid #777;
	border-right: 1px solid #555;
}
body.teacher .ac-container .panelIndentFlat, .class_list li a {
	border-left: none;
	border-right:none;
	background-image: linear-gradient(bottom, #353535 1%, #444444 100%);
	background-image: -o-linear-gradient(bottom, #353535 1%, #444444 100%);
	background-image: -moz-linear-gradient(bottom, #353535 1%, #444444 100%);
	background-image: -webkit-linear-gradient(bottom, #353535 1%, #444444 100%);
	background-image: -ms-linear-gradient(bottom, #353535 1%, #444444 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#353535', GradientType=0 );
}
body.teacher .stream .panelIndentFlat {
	border-bottom: 0px solid #444;
}
body.teacher .panelIndentFlat.classWrapper {
	padding-bottom:30px;
	background: #3e3e3e;
	margin-bottom: 20px;
}
body.teacher .panelIndentFlat.classWrapper .panelIndent {
	margin-left: -30px;
	margin-right: -30px;
	margin-bottom: -20px;
	border-top: 1px solid #111;
	border-left: 1px solid #333;
}
body.teacher .classWrapper .panelIndentFlat {
	background: url(../assets/bg_dark.jpg) repeat-x #444 -100px -100px;
	padding-bottom: 10px;
	overflow: hidden;
}
.button.btn_createClass {
	background: url(../assets/svg_sprite.png) #0D7EB9 no-repeat !important;
	background-position: 93px -545px!important;
	background-size: 129px 4073px!important;
	float: right;
	margin-top: -15px;
	margin-right: -40px;
	color: #FFF!important;
	border-bottom: 2px solid #111;
	border-right: 2px solid #111;
	padding: 10px 44px 9px 12px;
}
.button.btn_createClass:hover {
	background-color:#222!important;
}
.top-bar .attached {
	margin:0 auto;
	position:relative;
	height:70px;
	border:none;
	color:#fff;
	z-index:39;
}
.top-bar a {
	color:#888;
	font: 18px "ft_font", tahoma, sans-serif;
}
.top-bar .attached ul {
	display:block;
	margin:0;
	padding:0
}
.top-bar .attached ul li {
	display:block;
	height:65px;
	float:left;
	position:relative;
	margin-top:2px;
}
.top-bar .attached ul li a {
	display: block;
	padding: 0 20px;
	position: relative;
	z-index: 2!important;
	padding: 8px 12px 8px 12px;
	margin-top: 10px;
}
.top-bar .attached ul li a.button.btn_haveToken {
	background-color: #000;
	margin-right: 10px;
	border: 1px solid #555;
	padding: 7px 12px 7px 12px;
}
/* Top bar */
#header {
	margin:80px 10px 10px 10px;
	max-width:450px;
	float:left;
}
#header.no_buttons {
	max-width:100%;
	width: 100%;
	padding-right: 20px;
}
#header a {
	color:#ccc;
}
#progress_group #header {
	max-width:100%;
}
#header .button {
	position:absolute!important;
	margin-left:25px!important;
	padding: 7px 10px 7px 10px!important;
	margin-top:6px!important;
	font-size: 14px!important;
}
#header .button span {
	top:-2px!important;
}
#header h1 {
	font-size:33px;
	color:#555;
}
.container.top-bar {
	position:fixed;
}
.top-bar .attached {
	width:100%;
	max-width:1100px;
	height:73px;
}
.top-bar li {
	margin-bottom: 0;
	line-height: 60px;
}
.top-bar .attached > ul.right {
	overflow: hidden;
	float: right;
	margin-right:10px;
}
.top-bar .attached > ul.right > li > a:hover {
	color: black;
}
/*signup buttons in header */
.ul.navList li.btn_signup, .ul.navList li.btn_signin {
	border:0px solid red!important;
	margin-left:10px;
}
ul.navList li.btn_signup a, ul.navList li.btn_signin a {
	border:1px solid grey!important;
	background-color:#434343;
	padding:5px 10px 5px 10px!important;
	height:20px !important;
	display:inline!important;
}
ul.navList {
	float:right;
	margin-right:15px!important;
}
ul.navList li.btn_home a, ul.navList li.btn_helpSystem a.btn_support, ul.navList li.btn_lessons a, ul.navList li.btn_inbox a, ul.navList li.btn_search a, ul.navList li.btn_profile a, ul.navList li.btn_notes a, ul.navList li.btn_analytics a, ul.navList li.btn_logout a, ul.navList li.btn_settings a {
	width: 45px!important;
	height: 45px!important;
	background: url(../assets/svg_sprite.png) #000 no-repeat!important;
	background-size: 129px 4073px!important;
	margin:8px 8px 0 8px;
	border-radius:190px!important;
	border-bottom: 1px solid #555;
}
li.btn_helpSystem .otherTab a {
	margin-top: 0px!important;
	min-width: 200px!important;
}
li.btn_helpSystem .otherTab a:hover {
	background-color:transparent!important;
}
ul.navList li.btn_home a {
	background-position: -14px -3482px!important;
}
ul.navList li.btn_helpSystem a:first-child {
	background-position:-72px -3482px!important;
}
ul.navList li.btn_helpSystem .moretabs a:first-child {
	background-color: transparent!important;
	box-shadow: none;
	margin-left: -10px;
}
ul.navList li.btn_lessons a {
	background-position: -15px -3538px!important;
}
ul.navList li.btn_inbox a {
	background-position: -65px -3705px!important;
	background-color:lime;
}
ul.navList li.btn_search a {
	background-position: -14px -3594px!important;
}
ul.navList li.btn_notes a {
	background-position: -74px -3438px!important;
}
ul.navList li.btn_analytics a {
	background-position: -15px -3439px!important;
}
ul.navList li.btn_settings a {
	background-position: -14px -3400px!important;
}
ul.navList li.btn_profile a {
	background-position: -14px -3650px!important;
}
ul.navList li.btn_logout a {
	background-position: -14px -3705px!important;
}
/* rollover nav labels */
ul.navList li a span {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	pointer-events: none;
	position:fixed;
	margin-top:-220px;
	width:200px;
	text-align:right;
	display:block;
	opacity:0;
	text-transform:uppercase;
}
ul.navList li a:hover span {
	opacity:1;
}
ul.navList li.btn_home a span {
	margin-left:-250px;
	margin-top:30px;
}
ul.navList li.btn_home a:hover span {
	margin-top:4px;
}
ul.navList li.btn_helpSystem a:first-child span {
	margin-left:-615px;
	margin-top:30px;
}
ul.navList li.btn_helpSystem a:first-child:hover span {
	margin-top:4px;
}
ul.navList li.btn_lessons a span {
	margin-left:-311px;
	margin-top:30px;
}
ul.navList li.btn_lessons a:hover span {
	margin-top:4px;
}
ul.navList li.btn_inbox a span {
	margin-left:-372px;
	margin-top:30px;
}
ul.navList li.btn_inbox a:hover span {
	margin-top:4px;
}
ul.navList li.btn_notes a span {
	margin-left:-432px;
	margin-top:30px;
}
ul.navList li.btn_notes a:hover span {
	margin-top:4px;
}
ul.navList li.btn_search a span {
	margin-left:-493px;
	margin-top:30px;
}
ul.navList li.btn_search a:hover span {
	margin-top:4px;
}
body.teacher ul.navList li.btn_search a span {
	margin-left:-435px;
}
ul.navList li.btn_analytics a span {
	margin-left:-495px;
	margin-top:30px;
}
ul.navList li.btn_analytics a:hover span {
	margin-top:4px;
}
ul.navList li.btn_profile a span {
	margin-left:-555px;
	margin-top:30px;
}
body.teacher ul.navList li.btn_profile a span {
	margin-left:-555px;
}
ul.navList li.btn_profile a:hover span {
	margin-top:4px;
}
ul.navList li.btn_logout a span {
	margin-left:-675px;
	margin-top:30px;
}
ul.navList li.btn_logout a:hover span {
	margin-top:4px;
}
.btn_help:hover {
	cursor:help;
}
.helpTip {
	visibility:hidden;
	overflow:hidden;
	position:absolute;
	width:1px;
	height:1px;
	text-transform:none;
	font: 16px "ft_font", tahoma, sans-serif!important;
}
.btn_help:hover .helpTip {
	font-size:16px;
	visibility:visible;
	background-color:#fff5c6;
	background-image: -webkit-linear-gradient(bottom, #e9da96 1%, #fff5c6 50%, #fff5c6 90%, #fdf7dd 100%);
	background-image: linear-gradient(bottom, #e9da96 1%, #fff5c6 50%, #fff5c6 90%, #fdf7dd 100%);
	background-image: -o-linear-gradient(bottom, #e9da96 1%, #fff5c6 50%, #fff5c6 90%, #fdf7dd 100%);
	background-image: -moz-linear-gradient(bottom, #e9da96 1%, #fff5c6 50%, #fff5c6 90%, #fdf7dd 100%);
	background-image: -ms-linear-gradient(bottom, #e9da96 1%, #fff5c6 50%, #fff5c6 90%, #fdf7dd 100%);
	min-width:250px;
	border-radius:18px;
	text-shadow: #fff 1px 1px 2px;
	text-align:left;
	color:#54503b;
	padding:20px;
	z-index:999999!important;
	height:auto;
	margin-left:25px;
	box-shadow:4px 4px 5px 0px rgba(0, 0, 0, 0.48);
	border:1px solid #bbab62;
}
.btn_help:hover:before {
	width:0;
	height:0;
	border-left:30px solid transparent;
	border-right:30px solid #bbab62;
	border-bottom:30px solid transparent;
	position:absolute;
	top:8px;
	left:-17px;
	content:"";
}
.noClassMembers .btn_help {
	top: -2px;
}
.noClassMembers .btn_help:hover .helpTip {
	margin: -18px 0 0 -790px;
	min-width: 1160px;
	padding: 15px 20px 15px 74px;
	text-align: center;
}
.noClassMembers .btn_help:hover:before {
	display:none;
}
.helpTip span {
	display:block;
	padding:3px;
	float:left;
	clear:both;
}
.btn_help.btn_viewClasses {
	margin-right:10px!important;
}
.btn_help.btn_viewClasses:hover .helpTip {
	margin-left:-240px;
	margin-top:-260px;
	margin-right:450px!important;
	max-width:300px!important;
	width:auto!important;
	top:auto!important;
	bottom:-5px!important;
	max-height:188px;
	overflow:hidden;
	overflow-y:auto;
	border-radius:5px;
}
.btn_help.btn_viewClasses:hover strong {
	color:#ceb650;
}
.btn_help.btn_viewClasses:hover strong:after {
	content:" (Pending)";
	font-size:12px;
	top:-12px!important;
	display:inline;
	clear:both;
}
.btn_help.btn_viewClasses:hover:before {
	display:none;
}
.top-bar li.active a {
	margin-bottom: 0;
}
/* search results */
.search .btn_close {
	background: url(../assets/svg_sprite.png) no-repeat;
	background-size: 129px 4073px!important;
	background-position: -14px -43px!important;
	margin: 40px 10% 0px -15px;
	float:left;
	position:relative;
}
 @-webkit-keyframes search_results_animation {
0% {
opacity:0;
}
80% {
 opacity:0;
}
100% {
opacity:1;
}
}
ul.search_results {
	position: fixed;
	box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.68);
	width: 70%;
	min-height: 47px;
	padding: 0px;
	margin: 88px 0 0 14%;
	z-index: 991;
	border: 0px solid #ccc;
	overflow: hidden;
	border-radius: 3px;
	background-color: #f4f4f4;
	border-bottom: 2px solid #ccc;
	-webkit-animation: search_results_animation 1s ease-in-out;
	max-height: 78%;
	overflow-y: auto;
}
.searchOpen ul.search_results {
	display:block;
	position:fixed;
	z-index: 99999;
}
ul.search_results li {
	padding: 10px 10px 10px 10px;
	border-bottom: 1px solid #ccc;
	float:left;
	width:100%;
	clear:both;
}
ul.search_results li:hover {
	box-shadow: inset 0px 0px 8px #5cb7e6;
	background-color: #dbe5ea!important;
	cursor:pointer;
}
ul.search_results li:last-child {
	border-bottom: 0px solid #ccc;
}
ul.search_results li.results_label, ul.search_results li.results_label:hover {
	box-shadow: inset 1px 1px 8px 0px #B6ADA3;
	background: #D8D1CB!important;
	color:#696158;
	padding:5px 5px 5px 18px;
	font-size:16px;
}
ul.search_results img.profilePic {
	margin: 0px 0 0px 8px;
	float: left;
	height: 50px;
	width: 50px;
	border:1px solid #666;
	pointer-events: none;
}
ul.search_results .profileName {
	margin: 0px 0 0px 15px;
	padding-bottom: 0px;
	color:#222;
	font: 21px "ft_font-light", tahoma, sans-serif;
	font-weight:bold;
}
ul.search_results .profileGrade {
	color:#777;
	margin: -22px 0 2px 73px;
	float:left;
	clear:both;
	font: 16px "ft_font-light", tahoma, sans-serif;
}
span.author {
	font: 18px "ft_font-light", tahoma, sans-serif;
	color:#777;
	padding:15px 0px 0px 10px;
	font-style:italic;
}
ul.search_results .contentThumb {
	min-width:100px;
	width:100px;
	float:left;
	min-height:70px;
	height:70px;
	margin:0 0 0 8px;
	border:1px solid #666;
	pointer-events: none;
}
ul.search_results .results_content h5 {
	margin: 3px 0 0 126px;
	clear: right;
	display: block;
	color: #222;
	font: 21px "ft_font-light", tahoma, sans-serif;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	pointer-events: none;
}
.results_label form.custom div.custom.dropdown {
	width: auto!important;
	display: inline-block;
	float: right;
	margin-top: -21px;
	margin-bottom: -6px;
}
.results_label form.custom div.custom.dropdown a.current {
	line-height: 16px;
	min-height: 0px;
	font-size: 14px;
	padding: 2px;
	border-radius: 3px;
	padding-left: 16px;
	padding-right: 42px;
	color: #111!important;
	background-color: #fff;
	margin-right:18px;
}
.results_label form.custom div.custom.dropdown a.selector {
	height: 18px!important;
	right: 21px;
}
.moreResults {
	background-color:#efefef;
}
.moreResults .button {
	margin:0 0 0 6px;
}
.resultsPage ul.search_results {
	position: relative;
	z-index:1;
	margin: 0px 0 0 0;
	width: 100%;
	box-shadow: none;
}
.resultsPage ul.search_results .profileName {
	margin-top:-22px;
}
.resultsPage .search {
	position: relative;
	background-image: none!important;
	padding: 0px 0px 0px 0px;
	height: auto;
	z-index: 1!important
}
.resultsPage .search input[type="text"] {
	width: 100%;
	margin-left: 0;
	margin-top: -10px;
	margin-bottom: 20px
}
body.teacher .resultsPage .search_filters {
}
.btn_selectAll {
	background-color:#444;
	margin-top: -18px;
	margin-right: -40px;
	border-bottom: 1px solid #111;
	border-right: 1px solid #111;
	padding: 8px 10px 8px 10px;
	border-radius:8px;
	color:#fff;
}
p.contextNote {
	color: #CCC;
	background: url(../assets/svg_sprite.png) no-repeat!important;
	background-size: 129px 4073px!important;
	background-position: -78px -3658px!important;
	padding: 4px 0 3px 25px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 52%;
	display: block;
	float: right;
	height: 30px;
	line-height: 1.5em;
	margin-top: 20px;
}
.btn_navBack {
	background: url(../assets/svg_sprite.png) #000 no-repeat;
	background-position: -11px -488px!important;
	background-size: 129px 4073px!important;
	padding-left: 48px;
	margin-top: 8px;
	margin-right: 18px;
	border: 1px solid #555;
}
/* Pagination */
.paginationHolder {
	margin-top:20px;
	text-align:center;
	padding:18px;
}
.pagination {
	display: inline-block;
	height: 1.5em;
}
.pagination li {
	display: block;
	float: left;
	height: 1.5em;
	color: #222222;
	font-size: 0.875em;
	margin-left: 0.3125em;
}
.pagination li a {
	display: block;
	padding: 9px 0px 7px 0px;
	color: #eee;
	border-radius:90px;
	background-color:#333;
	width: 35px;
}
.pagination li:hover a, .pagination li a:focus {
	background: #777;
}
.pagination li.unavailable a {
	cursor: default;
	color: #999999;
	background-color:transparent;
}
.pagination li.unavailable:hover a, .pagination li.unavailable a:focus {
	background: transparent;
}
.pagination li.current a {
	background: #0D7EB9;
	color: white;
	font-weight: bold;
	cursor: default;
}
.pagination li.current a:hover, .pagination li.current a:focus {
	background: #2ba6cb;
}
.classList {
	max-height: 400px;
	overflow:hidden;
	overflow-y: auto;
	background-color:transparent;
}
.classList ul.search_results {
	margin:auto!important;
	width: 100%!important;
	height:auto;
	max-width:840px;
	max-height:60%;
	box-shadow:none;
	position:relative;
	display: block;
	border:none;
	border-right: 1px solid #C0BCB6;
	border-bottom: 2px solid #C0BCB6;
}
.classList ul.search_results li {
	padding: 5px 5px 5px 15px;
	list-style:none;
}
.classList ul.search_results .profileName {
	margin: 8px 0 0px 10px;
	width: auto;
}
.classList ul.search_results .profileGrade {
	margin: 15px 0 2px 20px;
	float: left;
	clear: none;
}
.classList ul.search_results .button.primary {
	margin: 0px 0 0px 73px;
	padding: 8px 18px 8px 18px;
	float: right;
}
.contentSearchInfo {
	float: left;
	margin: 15px 0px 0px 20px;
	color: #555;
	pointer-events: none;
}
.contentSearchInfo.movie, .contentSearchInfo.text, .contentSearchInfo.web, .contentSearchInfo.interactive {
	margin-left: 30px;
	margin-top: -23px;
	height: 60px;
	width: 60px;
	background: url(../assets/svg_sprite.png) no-repeat;
	background-size: 129px 4073px!important;
	background-position: -8px -1096px!important;
	position: absolute;
}
.contentSearchInfo.text {
	background: url(../assets/svg_sprite.png) no-repeat;
	background-size: 129px 4073px!important;
	background-position: -8px -1038px!important;
	position: absolute;
	pointer-events: none;
}
.contentSearchInfo.web {
	background-size: 129px 4073px!important;
	background-position: -8px -1157px!important;
}
.contentSearchInfo.interactive {
	background-size: 129px 4073px!important;
	background-position: -65px -1096px!important;
}
.contentThumb.contentPlaceholder {
	background: url(../assets/ft.jpg) no-repeat;
	background-position: center center;
	background-position: fixed;
	background-color: #333;
	background-size: 128% auto!important;
}
.stream .contentThumb.text.contentPlaceholder, .stream .contentThumb.movie.contentPlaceholder, .stream .contentThumb.interactive.contentPlaceholder {
	width: 125px!important;
	margin:0 8px 5px 0;
	width:100%!important;
	float:left;
	clear:none;
	background-repeat:repeat-x;
}
ul.search_results .contentThumb.contentPlaceholder {
	background: url(../assets/ft.jpg) -86px -34px no-repeat;
	background-size: 280% auto !important;
}
.contentSearchInfo.time {
	background: url(../assets/svg_sprite.png) no-repeat;
	background-size: 129px 4073px!important;
	background-position: -25px -387px!important;
	padding-left: 23px;
	pointer-events: none;
}
.contentSearchInfo.views {
	background: url(../assets/svg_sprite.png) no-repeat;
	background-size: 129px 4073px!important;
	background-position: -25px -331px!important;
	padding-left: 25px;
	pointer-events: none;
}
.shared {
	background: url(../assets/svg_sprite.png) no-repeat;
	background-size: 120px 4073px!important;
	background-position: -25px -278px!important;
	padding-left: 25px!important;
	font: 16px "ft_font-light", tahoma, sans-serif;
	color: #333;
	margin-top: 5px;
	pointer-events: none;
}
.results_LP {
	padding: 17px 15px 10px 75px!important;
	color: #222;
	font: 21px "ft_font-light", tahoma, sans-serif;
	font-weight: bold;
}
.results_LP:before {
	background: url(../assets/svg_sprite.png) no-repeat;
	background-size: 129px 4073px!important;
	background-position: -7px -2020px!important;
	height: 60px;
	width: 50px;
	display: block;
	content: "";
	float: left;
	margin-left: -70px;
}
.results_Notes {
	padding: 17px 15px 10px 75px!important;
	color: #222;
	font: 21px "ft_font-light", tahoma, sans-serif;
	font-weight: bold;
}
.results_Notes:before {
	background: url(../assets/svg_sprite.png) no-repeat;
	background-size: 129px 4073px!important;
	background-position: -12px -2842px!important;
	height: 60px;
	width: 50px;
	display: block;
	content: "";
	float: left;
	margin-left: -68px;
}
.gradeLevel {
	font-size: 14px;
	margin-left: 10px;
	color: #FFF;
	border-radius: 2px;
	padding: 0px 5px;
	background-color: #888;
	margin-right: 10px;
}
/*search */
.search {
	width:100%;
	position:fixed;
	margin:0px 0 0;
	padding:20px 0px 20px 0px;
	text-align:center;
	z-index: 990!important;
	background: url(../assets/board_light_bg.jpg) !important;
	height: 150px;
}
.search_filters {
	position: relative;
	height: 44px;
	clear: both;
	padding-left: 0px;
	padding-top: 12px;
	top: -64px;
	float: right;
	margin-right: 16%;
}
.search_filters input {
	margin-left:0px;
	float:left;
}
.search_filters label {
	color: #bbb;
	font-size:15px;
	cursor: pointer;
	display: block;
	font-weight: 500;
	margin: 0px 35px 0 5px;
	float:left;
	text-transform:capitalize;
}
input[type="checkbox"], input[type="radio"] {
	display:none;
}
#redactor_modal input[type="checkbox"] {
	display: block;
	float: left;
}
.reveal-modal.test .redactor-editor {
	min-height: 440px;
}
.test input[type="checkbox"] + label, test input[type="radio"] + label {
	font: 22px "ft_font", tahoma, sans-serif;
}
.test .panelIndent ul li textarea.editable {
	min-height:38px;
	overflow: hidden;
	margin: 0px 0px -30px 0px !important;
	position: relative;
	top: -36px;
	color: #EEE;
	font: 18px arial, tahoma, sans-serif;
}
input[type="checkbox"] + label span, .reveal-modal input[type="radio"] + label span {
	display:inline-block;
	width:19px;
	height:19px;
	margin:-6px 4px 0 0;
	vertical-align:middle;
	background:url(../assets/check_radio_sheet.png) 1px top no-repeat;
	cursor:pointer;
}
.modalObjective input[type="checkbox"] + label span, .modalObjective input[type="radio"] + label span {
	margin: -24px 0px 0 0;
}
.reveal-modal#newStudents p {
	padding-bottom: 20px;
}
.reveal-modal#newStudents .btn_close.removeStudent {
	width: 100px;
	text-indent: 0;
	opacity: 0.7;
	font: 19px "ft_font", tahoma, sans-serif;
	background-color: #FFF!important;
	border: 1px solid #C3C3C3;
	border-radius: 4px;
	background-position: 48px -99px!important;
	text-align: left;
	padding: 8px 94px 8px 12px;
	height: auto;
	margin-top: 0px;
	margin-right: -44px!important;
	color: #766A6A;
}
.reveal-modal#newStudents .btn_close.removeStudent:hover {
	opacity: 1;
}
.test input[type="checkbox"] + label span, .test input[type="radio"] + label span {
	margin: -2px 10px 0px -30px;
}
input[type="checkbox"]:checked + label span, .reveal-modal input[type="radio"]:checked + label span {
	background:url(../assets/check_radio_sheet.png) -18px top no-repeat;
}
.searchResults {
	position:absolute;
	display:none;
}
.noResults p {
	font: 24px "ft_font", tahoma, sans-serif;
	padding: 18px 20px 20px 18px;
	margin: -10px -20px -10px 0px;
	background-position: 200px -15px!important;
}
autoCompContainer ul.search_results .noResults p {
	margin:8px 0 0 20px!important;
	padding: 0;
}
.search input[type="text"] {
	border-radius: 5px;
	width:70%;
	float:left;
	height:47px;
	padding: 10px 320px 10px 10px;
	padding-left:50px;
	margin-left:14%;
	margin-right:3px;
	margin-top:18px;
	font: 23px "ft_font", tahoma, sans-serif;
	border: 1px solid #595959;
	color:white;
	background: url(../assets/svg_sprite.png) #222 no-repeat;
	background-size: 129px 4073px!important;
	background-position: -10px -3592px!important;
}
body.teacher .search input[type="text"] {
	padding-right:  438px;
}
.search input[placeholder] {
	text-overflow: ellipsis;
}
 .search ::-moz-placeholder {
text-overflow: ellipsis;
}
.search input[type="text"]:focus, input[type="text"].lessonSearch:focus {
	background-color:#222!important;
	padding-left:12px!important;
	border: 1px solid #595959!important;
}
.top-bar .small.button {
	height: auto;
	top: 10px;
}
.top-bar .attached > ul.right > li.download:hover > a {
	background-color: #2284A1;
}
.top-bar .attached > .name span > a:hover {
	color: white;
}
/*.top-bar .attached > .name > span > a.btn_search {
	right: -45px !important;
}*/
.searchContainer li {
	list-style: none;
}
.searchContainer .show-on-phones, .searchContainer .sitemap-link {
	display: none !important;
}
/*  mega drop expander */


.light {
	font-weight:200 !important
}
.extra-bold {
	font-weight:800 !important
}
.regular {
	font-weight:normal !important
}
.searchContainer {
	overflow:hidden;
	width:100%;
	z-index:1;
	background:#000;
	background:rgba(0, 0, 0, 0.85);
	color:#fff;
	height:140px;
	background: url(../assets/board_bg.jpg) -100px -100px transparent !important;
	padding-left:0;
	padding-right:0;
	margin: -120px 0 -20px 0;
	-webkit-transition: all .05s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}
.searchContainer.searchOpen {
	overflow:hidden!important;
	margin-top: 0px!important;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.searchContainer p {
	line-height:1.55
}
.searchContainer h4 small {
	text-transform:uppercase
}
.searchContainer h4>small {
	border-top:none;
	margin-bottom:5px
}
.searchContainer h6 {
	color:#999;
	font-weight:bold;
	font-size:14px;
	font-size:1.4rem;
	margin-bottom:14px
}
.searchContainer hr {
	border-style:dotted;
	border-color:#555
}
.searchContainer a.button {
	color:#fff
}
.searchContainer a.button.gray {
	background:#888
}
.searchContainer a.button.gray:hover {
	background:#555
}
.searchContainer a.button.yellow {
	background:#E5A309
}
.searchContainer a.button.yellow:hover {
	background:#b78102
}
/* search results for students when assigning activities */
.autoCompContainer ul.search_results {
	top: 65px;
	left: -96px;
	width: 840px;
	position: absolute;
}
.signup .autoCompContainer ul.search_results {
	width: 100%;
	position: absolute;
	margin: 73px 0 0 0;
	left: 0;
	max-height: 100%;
}
.signup .button.right.btnPayNow {
	right: calc(50% - 65px);
	background-image:none!important;
	margin-top: 40px;
	padding: 14px 18px 14px 18px;
	font-size: 22px;
}
.schoolName {
	font-size: 18px;
}
.signup .autoCompContainer ul.search_results .button.primary {
	margin-top: -20px;
}
.autoCompContainer .classNameInput {
	margin-top:20px;
}
.autoCompContainer ul.search_results .profileName {
	margin: 10px 0 0px 10px;
	width: auto;
}
.autoCompContainer ul.search_results .profileGrade {
	margin: 17px 0 2px 20px;
	float: left;
	clear: none;
}
.autoCompContainer ul.search_results .button.primary {
	margin: 0px 0 0px 73px;
	padding: 8px 18px 8px 18px;
	float: right;
}
.nameList ul.studentList {
	width:100%!important;
	max-height: 200px!important;
	overflow: hidden;
	overflow-y: auto;
	margin-left: 0px;
}
.reveal-modal .nameList h3 {
	padding: 20px!important;
	background: url(../assets/imgHeadingB.png) repeat-x;
	background-position: right -80px;
	border-top: 1px solid #F6F5F4;
	border-radius: 18px;
	margin: 20px 0 0 0px!important;
}
.top-bar .attached>.name {
	float:left;
	font-size:19px
}
.top-bar .attached>.name span {
	display:block;
	height:65px;
	width:90px;
	position:relative
}
.mobile-main-nav-padding {
	padding:0 10px
}
.footerHolder {
	background-color:#333!important;
	height:41px;
	padding:0px;
	display:block;
	padding: 0px 0 0 0;
	background: url(../assets/board_bg.jpg) -100px -100px;
	border-top: 1px solid #555;
	z-index:9999!important;
}
footer {
	position: relative;
	width: 100%;
	padding: 0px 0 0 0;
	margin: 0px auto 0 auto;
	max-width: 1100px;
	right: 0px!important;
	border: none;
}
footer, .push {
	height: 40px; /* .push must be the same height as .footer */
}
.footerCornerLeft, .footerCornerRight {
	display:none;
}
.footerContent {
	height:20px;
	margin-left:10px;
	text-align:center;
	width:100%;
}
a.ft_logo, a.ft_logo:hover {
	height: 40px;
	width: 140px;
	display:block;
	margin:12px 10px 10px 0px;
	background: url(../assets/svg_sprite.png) no-repeat!important;
	background-position: 1px 7px!important;
	background-size: 129px 4073px!important;
}
.footer_privacy, .footer_tac, .footer_about, .btn_top, .footer_copyright {
	display: block;
	width: auto!important;
	height: auto!important;
	background-image: none!important;
	line-height: 1em;
	left: auto!important;
	float: left;
	padding: 11px 30px 15px 30px;
	color: #777;
	margin:0px;
	border-left:1px solid #333;
	border-right:1px solid #000;
	z-index:1;
}
.footer_copyright {
	left:800px;
	text-align: right;
	float:right;
	border:none!important;
	pointer-events: none;
}
h1.headingLessons, h1.headingActivities, h1.headingInbox, h1.headingAnalytics, h1.headingNotes, h1.headingSchools, h1.headingReports {
	background: url(../assets/svg_sprite.png) no-repeat;
	background-size: 75px 2354px!important;
	background-position: -10px -1162px!important;
	padding-left: 36px;
	font-size: 33px;
	min-width: 100%;
}
h1.headingLessons {
	margin-top:0;
}
h1.headingActivities, h1.headingInbox, h1.headingAnalytics, h1.headingNotes {
	background: url(../assets/svg_sprite.png) no-repeat;
	background-size: 75px 2352px!important;
	background-position: -10px -1271px!important;
	padding-left: 30px;
	margin-top: 30px;
	margin-bottom: -100px!important;
	z-index: 9!important;
	display: block;
	margin-left: 30px;
	padding-top: 5px;
	position: relative;
}
body.teacher h1.headingActivities {
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 10px!important;
}
h1.headingInbox {
	background-position: -8px -1468px!important;
	padding-left: 40px;
}
h1.headingAnalytics {
	background-position: -8px -1561px!important;
	padding-left: 40px;
	max-width: 680px;
	min-width:0;
}
h1.headingNotes {
	background-position: -8px -1631px!important;
	padding-left: 40px;
}
h1.headingSchools {
	background-position: -40px -1341px!important;
	width: 100%;
}
.fixed {
	position:fixed;
	top:67px;
	z-index: 2;
}
.button-holder {
	text-align: center;
	clear: both;
	padding-top: 30px;
}
.button-holder .button {
	margin:0px 5px;
}
.button-holder .button:first-of-type {
	background-color:#000;
}
/* tables */
.btn_loadMore {
	width: 100%;
	margin: 15px 0px 25px 0px;
	background-image: linear-gradient(bottom, #3A3A3A 1%, #636363 100%);
	background-image: -o-linear-gradient(bottom, #3A3A3A 1%, #636363 100%);
	background-image: -moz-linear-gradient(bottom, #3A3A3A 1%, #636363 100%);
	background-image: -webkit-linear-gradient(bottom, #3A3A3A 1%, #636363 100%);
	background-image: -ms-linear-gradient(bottom, #3A3A3A 1%, #636363 100%);
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#636363', endColorstr='#3A3A3A', GradientType=0 );*/
	border: 1px solid #777;
	border-bottom: 1px solid #111;
	border-right: 1px solid #111;
	padding: 18px 18px 18px 18px;
	border-left: 1px solid #555;
}
.btn_loadMore:hover {
	background-image: linear-gradient(bottom, #222 1%, #636363 100%);
	background-image: -o-linear-gradient(bottom, #222 1%, #636363 100%);
	background-image: -moz-linear-gradient(bottom, #222 1%, #636363 100%);
	background-image: -webkit-linear-gradient(bottom, #222 1%, #636363 100%);
	background-image: -ms-linear-gradient(bottom, #222 1%, #636363 100%);/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#636363', endColorstr='#222', GradientType=0 );*/
}
.tabs-content table tr:hover td {
/*background-color:#dff2fa;*/
}
.tabs-content table tr:hover td, table tbody tr:hover a, table tbody tr:nth-child(odd):hover a, table tbody tr a, table tbody tr:nth-child(odd) a {
	-webkit-transition: all 0s ease-in-out!important;
	-moz-transition: all 0s ease-in-out;
	transition: all 0s ease-in-out;
}
.lessonCreated, .lessonClass, .lessonGrade, .lessonShared, .lessonProgress, .lessonAssign, .lessonDeadline, .lessonResults, .lessonObjectives, .lessonAssignee, .learnerDeadline {
	text-align:center;
	color:#999;
	border-left:1px solid #eee;
}
th.lessonClass, th.lessonGrade {
	color:#fff;
}
.lessonName, .learnerLessonName, .learnerActivityName {
	padding-left:15px;
}
.lessonName {
	width:32%;
}
.lessonCreated {
	width: 11%;
}
td.lessonCreated {
	font-size:13px;
	line-height: 1.1em;
}
.lessonClass {
	width:20%;
}
.lessonGrade {
	width:7%;
}
.lessonShared {
	width:8%;
}
.lessonProgress {
	width:12%;
}
.lessonAssign {
	width:8%;
	padding-right: 33px;
}
.lessonAssign.multi-assign {
	padding-right: 8px;
	padding-left: 10px;
}
.lessonObjectives {
	width:30%;
	text-align:left;
}
.lessonResults {
	width:10%;
}
.lessonGrade.attentionGrade {
	color:#CC3333;
}
.lessonGrade.goodGrade {
	color:#82A74D;
	font-weight:bold;
}
.learnerLessonName {
	width:26%;
}
.learnerActivityName {
	width:17%;
}
.lessonAssignee {
	width:15%;
}
.learnerDeadline {
	width:25%!important;
	min-width:80px;
	text-align:left;
}
.lessonNameActivities {
	padding-left:15px;
	width:30%;
}
.lessonDeadline {
	width:10%;
}
.lessonResults {
	width:10%;
}
.lesson_objectives {
	display:none;
	background-color: #FFF;
	border-radius: 6px;
	border: 1px solid #888;
	padding: 16px 18px 10px 38px;
	position: absolute;
	margin: -30px 0 0 150px;
	width: 280px;
	box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.3);
}
.objectives-container:hover .lesson_objectives {
	display:block;
}
.objectives-container.active .lesson_objectives a.active {
	padding: 3px 8px 3px 8px;
}
 .objectives-container.disabled a,  .lesson_objectives a.disabled  {
	 color:#ccc;
	 pointer-events:none;
 }
.objectives-container.active a.active {
	color: #FFF;
  background-color: #0977B0;
  display: inline-block;
  padding: 3px 8px 0 8px;
  margin-bottom: 2px;
  border-radius: 4px;
  margin-left: -3px;
}
.lesson_objectives li {
	line-height:1.3em;
	margin-bottom:8px;
}
.lesson_objectives:before {
	width: 0;
	height: 0;
	border-bottom: 13px solid rgba(0, 0, 0, 0);
	border-left: 13px solid rgba(0, 0, 0, 0);
	border-top: 13px solid rgba(0, 0, 0, 0);
	border-right: 13px solid #555;
	position: absolute;
	margin:-12px 0 0 -65px;
	content: "";
	z-index: 9;
}
.studentsCompleted {
	margin-top:5px;
	font-size:13px;
}
.stickyheader .lessonNameActivities {
	width: 31.5%;
}
.stickyheader {
	max-width:1000px;
}
table {
	border-radius: 5px;
	border-collapse:collapse;
	margin-left:0px;
	margin-right:20px;
	overflow:hidden;
	display:table;
	margin-bottom:20px;
	width:100%;
}
table tbody {
	background: #fff;
}
table thead tr th, .darkHeader, .admin .darkHeader .button.small, .new_entity ul.userList h3, .multi-assign .button.secondary.small {
	height:50px;
	background-image: linear-gradient(bottom, #3A3A3A 1%, #636363 100%);
	background-image: -o-linear-gradient(bottom, #3A3A3A 1%, #636363 100%);
	background-image: -moz-linear-gradient(bottom, #3A3A3A 1%, #636363 100%);
	background-image: -webkit-linear-gradient(bottom, #3A3A3A 1%, #636363 100%);
	background-image: -ms-linear-gradient(bottom, #3A3A3A 1%, #636363 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#636363', endColorstr='#3A3A3A', GradientType=0 ); /* IE6-9 */
	border-left:1px solid #4C4C4C!important;
	color: #FFF;
}
.multi-assign .button.secondary.small {
	float: right;
	margin: -5px -3px 0 10px;
	padding: 8px 14px 8px 14px;
	height: auto;
	border: 1px solid #111!important;
	border-bottom: 1px solid #111!important;
	color:#fff!important;
}
table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td {
	font-size: 14px;
	line-height: 18px;
	text-align: left;
}
table th, table td {
	padding: 10px 15px 9px 16px;
	font-size: 16px;
}
#activitiesTab table th {
	padding: 10px 15px 9px 16px;
	font-size: 16px;
}
table thead tr th a, table thead tr th a:visited {
	color:white;
}
table thead tr th a:hover {
	color:#ccc;
}
table thead tr th:first-child, table tfoot tr td:first-child {
	border-left: none;
}
table thead tr th:last-child, table tfoot tr td:last-child {
	border-right: none;
}
table tbody tr.even, table tbody tr.alt {
	background: #f9f9f9;
}
table tbody tr {
	background-color: #FFF;
}
table tbody tr:nth-child(odd) {
	background-color: #F9F9F9;
}
table tbody tr td {
	color: #333;
	padding: 14px 10px 8px 10px;
	vertical-align:middle;
	border: none;
}
.reveal-modal p.modalInstruction, .discussion.stream ul.activity, .btn_helpSystem .moretabs h2 {
	padding-top: 15px!important;
	background: url(../assets/imgHeadingB.png) repeat-x;
	background-position: right -81px;
	border-top: 1px solid #F6F5F4;
	border-radius: 18px;
	padding-bottom: 30px;
	margin-left: 0px!important;
}
.reveal-modal p.modalInstruction {
	padding-top: 25px!important;
}
ul.comments fieldset legend {
	display:none!important;
}
p.whoTo {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.discussion.stream ul.activity li:first-child, .discussion.stream ul.activity li:first-child:after {
	border-top:none;
}
.modalInstruction .button.primary {
	margin-left: 20px;
}
#saveDenyLPNoName .modalInstruction .button.primary  /* remove this when you can add LP name from modal */ {
	margin-left: calc(50% - 10px);
	float: left;
}
#deadlineModal {
	width: 600px;
	margin-left: -300px;
}
table tbody tr td.lessonName, table tbody tr:hover td.lessonName {
	background-size: auto 55px;
	background-repeat:no-repeat;
	background-position: -2px 0px;
	padding-left: 0px;
	border-left:1px solid #333;
	background-color:#181818;
}
table tbody tr td.lessonName a {
	padding: 20px 14px 20px 18px;
	display: block;
	margin: -14px -10px -8px 55px;
	background-color: #FFF;
	min-height: 56px;
}
table tbody tr:nth-child(odd) .lessonName a {
	background-color: #F9F9F9!important;
}
.lessonTable tbody tr:hover td, .lessonTable tbody tr:nth-child(odd):hover td, .lessonTable tbody tr:hover td a, .lessonTable tbody tr:nth-child(odd):hover td a {
/*background-color:#dff2fa!important;*/
}
table tbody tr td.learnerLessonName a, table tbody tr td.learnerActivityName a {
	padding: 20px 20px 18px 20px;
	min-width: 200px;
	display: block;
	border-radius:8px;
	margin:-4px 0px 0px -4px!important;
	font-size:16px;
	height:100%;
	color: #fff!important;
	border: 1px solid #0977b0!important;
	padding-left: 50px;
	-webkit-transition: all 0s ease-in-out!important;
	-moz-transition: all 0s ease-in-out;
	transition: all 0s ease-in-out;
	background-color: #0D7EB9!important;
}
table tbody tr td.learnerLessonName a:before, table tbody tr td.learnerActivityName a:before {
	content: "";
	display: block;
	height: 25px;
	width: 25px;
	background: url(../assets/svg_sprite.png) no-repeat;
	background-size: 129px 4073px!important;
	background-position: -25px -2288px!important;
	position: absolute;
	margin-left: -35px;
	margin-top: -4px;
}
table tbody tr td.learnerActivityName a {
	background-color: #fff!important;
	color: #1d1d1d!important;
	border: 1px solid #c3c3c3!important;
	background: none;
}
/* move icon to before class */
table tbody tr td.learnerActivityName a:before {
	background: url(../assets/svg_sprite.png) no-repeat;
	background-size: 75px 2368px!important;
	background-position: 6px -1276px!important;
	content: "";
	display: block;
	float: left;
	height: 50px;
	width: 40px;
	margin: -21px 0 0 -50px;
}
table tbody tr td.learnerActivityName a:hover:before {
	background-size: 129px 4073px!important;
	background-position: -10px -2271px!important;
}
table tbody tr td.learnerActivityName a:hover, table tbody tr td.learnerLessonName a:hover {
	background-color:#086393!important;
	color: #fff!important;
}
/* -----------------------------------------
   Dashboard
----------------------------------------- */
.urgentTask {
	margin: 0 10px 18px 10px;
	padding: 28px 30px 18px 30px;
}
.urgentTask p {
	color:#ccc;
	font: 20px "ft_font-semibold", tahoma, sans-serif;
}
span.notify {
	height:16px;
	min-width:16px;
	display:block;
	padding: 8px 3px 6px 3px;
	text-align:center;
	font: 12px "ft_font-semibold", tahoma, sans-serif;
	line-height:0;
	border-radius: 30px;
	position:absolute;
	color:#fff;
	background-color:#d41414;
	color:#fff;
	-webkit-animation: notify_animation_button .8s 2;
	-moz-animation: notify_animation_button .8s 3;
	-ms-animation: notify_animation_button .8s 3;
	-o-animation: notify_animation_button .8s 3;
	animation: notify_animation_button .8s 3;
	background-color:#d41414;
	background: url(../assets/svg_sprite.png) no-repeat;
	background-size: 129px 4073px!important;
	background-position: -28px -1560px!important;
}
dl.tabs span.notify {
	margin: -50px 0 0 106px;
	color:white;
}
dl.tabs .active span.notify {
	margin: -50px 0 0 130px;
}
dl.tabs .notify_pulse {
	left: 338px;
	top: 23px;
	position: absolute;
}
.notifyHolder {
	pointer-events:none;
}
table span.notify {
	background: url(../assets/svg_sprite.png) no-repeat;
	background-size: 129px 4073px!important;
	background-position: -28px -1583px!important;
	padding: 0px;
}
 @keyframes notify_animation_button {
0% {
-webkit-transform:scale(1);
transform:scale(1);
}
50% {
-webkit-transform:scale(0.6);
transform:scale(0.6);
color:#fff;
}
100% {
-webkit-transform:scale(1);
transform:scale(1);
}
}
@-webkit-keyframes notify_animation_button {
0% {
-webkit-transform:scale(1);
}
50% {
-webkit-transform:scale(0.6);
color:#fff;
}
100% {
-webkit-transform:scale(1);
background-color:#82A74D;
}
}
@-moz-keyframes notify_animation_button {
0% {
-webkit-transform:scale(1);
transform:scale(1);
}
50% {
-webkit-transform:scale(0.6);
transform:scale(0.6);
color:#fff;
}
100% {
-webkit-transform:scale(1);
transform:scale(1);
}
}
@-ms-keyframes notify_animation_button {
0% {
-webkit-transform:scale(1);
transform:scale(1);
}
50% {
-webkit-transform:scale(0.6);
transform:scale(0.6);
color:#fff;
}
100% {
-webkit-transform:scale(1);
transform:scale(1);
}
}
@-o-keyframes notify_animation_button {
0% {
-webkit-transform:scale(1);
transform:scale(1);
}
50% {
-webkit-transform:scale(0.6);
transform:scale(0.6);
color:#fff;
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
.notify_pulse {
	background: url(../assets/PULSE.png) no-repeat 0 0;
	background-size:30px 30px;
	display:inline-block;
	position:relative;
	height:30px;
	width:30px;
	top:-57px;
	left:38px;
	-webkit-animation: notify_animation 1.6s infinite;
	-moz-animation: notify_animation 1.6s infinite;
	-ms-animation: notify_animation 1.6s infinite;
	-o-animation: notify_animation 1.6s infinite;
	animation: notify_animation 1.6s infinite;
	opacity: .3;
	-ms-filter: "alpha(opacity=1)";
	filter: alpha(opacity=1);
	z-index:1!important;
}
 @-webkit-keyframes notify_animation {
0% {
-webkit-transform:scale(0.8);
opacity:.5
}
70% {
-webkit-transform:scale(1.5);
opacity:0
}
100% {
-webkit-transform:scale(3.5);
opacity:0
}
}
@-moz-keyframes notify_animation {
 0% {
-webkit-transform:scale(0.8);
opacity:.5
}
70% {
-webkit-transform:scale(1.5);
opacity:0
}
100% {
-webkit-transform:scale(3.5);
opacity:0
}
}
@-ms-keyframes notify_animation {
 0% {
-webkit-transform:scale(0.8);
opacity:.5
}
70% {
-webkit-transform:scale(1.5);
opacity:0
}
100% {
-webkit-transform:scale(3.5);
opacity:0
}
}
@-o-keyframes notify_animation {
 0% {
-webkit-transform:scale(0.8);
opacity:.5
}
70% {
-webkit-transform:scale(1.5);
opacity:0
}
100% {
-webkit-transform:scale(3.5);
opacity:0
}
}
.top-bar span.notify {
	margin:-45px 0 0 45px;
	z-index:2!important;
}
table span.notify {
	margin: -18px 6px 0 0px;
	position: relative;
	float: left;
	position: absolute;
	left: 48px;
}
/*  progress bar   */
.meter {
	height: 16px;
	position: relative;
	margin:0px 0px 0px -10px;
	background: #f1ede7;
	border-radius: 3px;
	padding: 2px;
	box-sizing: content-box;
	border:1px solid #ccc;
	width:100%;
}
.lessonProgress .meter {
	margin-top: -8px;
	min-height:6px;
	height: 6px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.lessonProgress .meter.completed {
	text-indent:-500px;
}
.lessonProgress .meter > span {
	min-height: 2px;
}
tbody .lessonProgress .button.secondary {
	margin: -1px 0 -2px -3px!important;
 width: calc(100% - -6px);
	padding: 3px 11px 3px 11px;
	top: 0px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
tbody .lessonProgress .studentList .button.secondary, .lessonGrade .button.secondary {
	width: auto;
	border-radius: 3px;
	float: right;
	padding: 1px 6px 2px 6px;
	font-size: 13px;
	margin-top: 2px!important;
	border: 1px solid #DDD!important;
}
.teacherComments {
	border: 1px solid #CCC;
	padding:18px;
	margin-top: 16px;
	border-radius: 8px;
	width: calc(100% + 35px);
	background-color: rgba(255, 255, 255, 0.38);
}
body.teacher .teacherComments {
	width:100%;
}
.reveal-modal .teacherComments p {
	margin-left:0!important;
}
.teacherComments h1 {
	font-size: 18px!important;
	color: #111!important;
	display: block;
	font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
	max-width: 100%!important;
	float: none!important;
}
.lessonGrade .button.secondary {
	margin: 10px auto 0px auto!important;
	float: none;
	padding: 3px 12px 3px 12px;
}
.lessonAssign .button.secondary {
	margin: -8px auto -5px auto!important;
	position: relative!important;
	padding: 8px 11px 9px 11px;
	font-size: 15px;
	top:0;
	width: 100%;
}
@-moz-document url-prefix() {
 .meter {
 min-height:23px;
}
}
.reveal-modal .row.panelOutdent {
	max-height: 350px;
	overflow-y: auto;
}
.row.scoreThreshold {
	margin: 0px 0 20px 0;
}
.row.scoreThreshold input[type="text"] {
	width: 50px;
	display: inline-block;
	margin: -3px 5px 0 40px;
}
.row.scoreThreshold label {
	margin: 0px -50px 0 60px;
}
.row.scoreThreshold .button.secondary.btn_help {
	margin: 0px 5px 0px 0;
	top: -4px;
}
.meter > span {
	display: block;
	height: 100%;
	background-color:#E36775;
	border-radius: 2px;
	color:white;
	padding:3px 2px 2px 2px;
	text-align:center;
	font-size:11px;
	position: relative;
	overflow: hidden;
	line-height: 1em;
	min-height:12px;
}
.lessonStats .meter > span {
	min-height:0px;
}
table .meter > span, .lessonPlan .meter > span {
	background-color:#82A74D;
	min-width: 33px;
}
table .meter {
	margin:-5px 0 0 -3px;
}
.lessonStats .meter {
	height:5px;
	margin-top:6px;
	margin-left: -7px;
	min-height:2px;
}
table .button.secondary {
	margin: 0 auto 0 auto!important;
	position: relative!important;
	padding: 3px 11px 3px 11px;
	top: -5px;
	font-size:15px;
}
.btn_help {
	border-radius: 30px;
	padding:1px 6px 1px 6px!important;
	font-size:13px;
	margin-left:10px;
}
table.lessonTable tr:hover .btn_close.deleteLP {
	opacity:1;
	right: 13px;
}
.ac-classes .emptyMessages p {
	padding: 30px 68px 30px 68px;
}
.ac-container table.lessonTable tr .btn_close.deleteLP, .ac-container table.lessonTable tr:hover .btn_close.deleteLP, .btn_close.deleteEvent,.btn_close.deleteCourse {
	top: auto!important;
	height: 23px;
	width: 23px;
	background: url(../assets/svg_sprite.png) transparent no-repeat!important;
	background-position: -12px -27px!important;
	background-size: 80px 2526px!important;
	opacity:1;
	right: 5px;
	opacity: .1;
	-o-transform: scale(.8);
	-moz-transform: scale(.8);
	-webkit-transform: scale(.8);
	transform: scale(.8);
	margin-top: -27px!important;
	min-height: 21px;
}
 @-moz-document url-prefix() {
.ac-container table.lessonTable tr .btn_close.deleteLP, .ac-container table.lessonTable tr:hover .btn_close.deleteLP {
margin-top: -2px!important;
}
}
.course_holder:last-of-type table.lessonTable tr .btn_close.deleteLP {
	  margin-top: -34px!important;
	  right: 8px;
}
.btn_close.deleteCourse {
	margin: 0px 0 0 0!important;
}
.course_holder:hover .btn_close.deleteCourse {
	opacity:1;
}
.btn_close.deleteEvent {
	position: relative;
	top: -3px;
	float: right;
	right: 0px;
	top: 21px!important;
	opacity:0.1;
}
body.teacher ul.activity li:hover .btn_close.deleteEvent {
	opacity:1;
}
.comments.panelIndentFlat .btn_close.deleteEvent, body.teacher ul.activity li:hover .comments.panelIndentFlat .btn_close.deleteEvent {
	right: -8px;
	opacity:0.1;
}
body.teacher ul.activity li:hover .comments.panelIndentFlat li:hover .btn_close.deleteEvent {
	opacity:1;
}
.ac-container table.lessonTable tr:hover .btn_close.deleteLP {
	opacity: 1;
}
.panelOutdent.lessonPlan .button.secondary.btn_help, .button.secondary.btn_help, table th .button.secondary.btn_help, .addMedia .button.secondary.btn_help, .classWrapper .button.secondary.btn_help, .userList .button.secondary.btn_help {
	color:#ccc!important;
	border: 1px solid #666!important;
	background-image: linear-gradient(bottom, #3A3A3A 1%, #636363 100%);
	background-image: -o-linear-gradient(bottom, #3A3A3A 1%, #636363 100%);
	background-image: -moz-linear-gradient(bottom, #3A3A3A 1%, #636363 100%);
	background-image: -webkit-linear-gradient(bottom, #3A3A3A 1%, #444 100%);
	background-image: -ms-linear-gradient(bottom, #3A3A3A 1%, #636363 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#595959', endColorstr='#474747', GradientType=0 );
}
table th .button.secondary.btn_help {
	margin: 0px 0 0 3px !important;
	width: 23px;
	top: 0px;
}
th.lessonProgress .helpTip {
	margin:0px 0 0 -217px !important;
}
.panelIndentFlat .button.secondary.btn_help.light {
	color:#222!important;
	background-image:none!important;
	background-color:#EDEDED!important;
	margin:-10px 0 0 2px!important;
}
table .lessonResults .button.primary {
	padding: 5px 24px 5px 24px;
	font-size:16px;
}
.numberLeft {
	border-radius:3px;
	padding:3px;
	margin:5px 0 0 0;
	display:block;
	font-size:15px;
	border: 1px solid #106d9e;
	background-color: #0b77af;
	border-bottom: 1px solid #2896cf;
	border-right: 1px solid #2896cf;
}
.button:hover .numberLeft, .button.primary:hover .numberLeft {
	border: 1px solid #111;
	background-color: #444!important;
	border-bottom: 1px solid #777;
	border-right: 1px solid #777;
}
.button.primary .numberLeft {
	border:1px solid #106d9e;
	background-color:#0b77af;
	border-bottom:1px solid #2896cf;
	border-right:1px solid #2896cf;
}
#gradeManualTestModal .numberLeft {
	padding: 3px 10px 3px 10px;
	margin-top: 0px;
	display: block;
	float: right;
	margin-left: 100px;
	height: 26px;
	margin-right: 8px;
}
#ManualTestModal #redactor_content, #ManualTestModal #redactor_content2, #ManualTestModal #redactor_content3, #ManualTestModal #redactor_content4, #ManualTestModal #redactor_content5, #ManualTestModal #redactor_content6, #ManualTestModal #redactor_content7, #ManualTestModal #redactor_content8, #ManualTestModal #redactor_content9, #ManualTestModal #redactor_content10, #ManualTestModal #redactor_content11, #ManualTestModal #redactor_content12 {
	min-height: 380px;
}
.redactor-box {
	margin: 0 auto;
}
#inputTextModal .redactor-box {
	max-width: 645px;
}
#inputTextModal.disabled .redactor-box {
	background-color: #EEE!important;
	cursor: not-allowed!important;
	border: 1px solid #DFDAD6;
	opacity:0.8;
}
#inputTextModal.disabled .redactor-editor, #inputTextModal.disabled .redactor-toolbar {
	pointer-events:none;
}
#inputTextModal.disabled .redactor-toolbar {
	opacity:.5;
}
.meter.completed > span {
	background-color:#C1C1C1;
}
.profile a {
	padding:3px 12px 0 12px!important;
}
.panel.profile img.profilePic {
	max-width:50px!important;
	width:50px;
	height:50px;
	margin:0 15px 10px -10px;
	border:none;
}
.panel.profile .profileName {
	margin:0 0 0 0;
}
.profileAtrributes {
	vertical-align:	central;
	width:105%;
	height:70px;
	margin:-70px 0px 0px 0px;
	padding:0 0 0 60px;
}
.paymentSettings {
	margin-top:28px;
	padding: 0px 30px 8px 30px!important;
}
.reveal-modal .paymentSettings h3 {
	margin: 20px 0 0 0px!important;
}
.paymentSettings .button.secondary {
	margin-top:-15px;
}
table.receiptTable {
	margin-bottom: 20px!important;
}
.btnUprgade {
	margin-top: -30px!important;
	float: right;
}
table.receiptTable thead th {
	color: #CCC!important;
}
.orderDetails {
	-o-transition: all .15s;
	-moz-transition: all .15s ease-out;
	-webkit-transition: all .15s ease-out;
	transition: all .15s ease-out;
	border-radius: 8px;
	overflow:hidden;
	height:0px;
}
.orderDetails.openDetails {
	border: 2px solid #CCC;
	border-radius: 8px;
	height:auto;
	margin:12px 0 12px 12px;
	width:80%;
}
.btn_openCardDetails, .btn_hideCardDetails {
	color:#0D7EB9;
	padding-left:40px;
}
#infoModal .paymentSettings p {
	margin: 8px 0 20px 0px!important;
	text-align: left;
	width: calc(100% - 150px);
}
.profile h3 {
	font-size:16px;
	color:#333;
}
.profile h3, .profile h4 {
	font-size:15px;
	text-transform:capitalize;
	margin-bottom:10px;
}
.profileAtrributes h3, .profileAtrributes h4 {
	text-shadow:none!important;
	margin: -18px 0 0px 0!important;
	color:#333!important;
	padding-left:5px!important;
	min-width: 98%;
}
.profileAtrributes h3 {
	float:none!important;
	line-height: .8em;
	padding-top: 5px;
}
.profileAtrributes h4 {
	color:#888!important;
	clear:both;
}
.picLibrary {
	position:absolute;
	width:270px;
	height:299px;
	padding:50px 30px 30px 35px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	background: url(../assets/icon_editable_white_svg.png) no-repeat bottom right;
	background-size:1px 1px!important;
}
.picLibrary:hover {
	background-size:19px 18px!important;
	background: url(../assets/icon_editable_white_svg.png) no-repeat bottom right;
}
.picLibraryItem {
	float: left;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	margin: -30px;
	position: relative;
	opacity:0;
}
.picLibrary:hover .picLibraryItem {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	opacity:1;
}
.picLibraryItem, .picLibraryItem .picHover {
	width: 110px;
	height: 110px;
	cursor:pointer;
}
.picLibraryItem .picHover img {
	width: 108px;
	height: 108px;
	opacity:1!important;
}
.picLibraryItem .picHover {
	float: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	border: 1px solid #aaa;
	border-top: 1px solid #888;
	border-left: 1px solid #888;
	background: #6b7077;
	text-align: center;
	-o-transform: scale(.3);
	-moz-transform: scale(.3);
	-webkit-transform: scale(.3);
	transform: scale(.3);
	-o-transition: all .15s;
	-moz-transition: all .15s ease-out;
	-webkit-transition: all .15s ease-out;
	transition: all .15s ease-out;
}
.picLibraryItem .picHover:hover {
	z-index: 1000;
	border-color: #bbb;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	-o-transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}
.row.stats {
	border-top: 1px dotted #CCC;
	margin-top: 15px;
	padding-top: 15px;
	padding-bottom: 0px;
	text-align: center;
	background: url(../assets/divider.png) no-repeat;
	background-size: 100% 180px;
	background-position: center -6px;
}
.counter_posts, .counter_likes, .counter_passes {
	padding-left: 30px;
}
.counter_posts:before, .counter_likes:before, .counter_passes:before {
	background: url(../assets/svg_sprite.png) no-repeat!important;
	background-size: 129px 4073px!important;
	background-position: -57px -1509px!important;
	content: "";
	height: 25px;
	width: 25px;
	position: absolute;
	margin-left: -26px;
}
.counter_likes:before {
	background: url(../assets/btn_like.png) no-repeat!important;
	background-size: 22px auto!important;
	background-position: right -27px!important;
}
.counter_passes:before {
	background-position: -57px -1509px!important;
}
.counter_posts:before {
	background-position: -81px -1539px!important;
}
.button_edit.button, .contentResources .btn_resources, #header .button {
	border-radius: 5px!important;
	background-image: linear-gradient(bottom, #e3e0de 1%, #fff 100%)!important;
	background-image: -o-linear-gradient(bottom, #e3e0de 1%, #fff 100%)!important;
	background-image: -moz-linear-gradient(bottom, #e3e0de 1%, #fff 100%)!important;
	background-image: -webkit-linear-gradient(bottom, #e3e0de 1%, #fff 100%)!important;
	background-image: -ms-linear-gradient(bottom, #e3e0de 1%, #fff 100%)!important;
	border:1px solid #e0e0e0!important;
	border-right:1px solid #c6c6c6!important;
	border-bottom:1px solid #c6c6c6!important;
	color:#000!important;
	left:0;
	display:block;
	padding:2px 13px 2px 13px;
	margin:0px 0px 0 -10px;
	font-size:13px;
}
.button_edit.button {
	line-height: 1.6em!important;
	height: 23px!important;
	padding: 0 15px 0 15px!important;
	background-color:white!important;
}
.contentResources .btn_resources {
	margin-top:-42px!important;
	margin-right:4px;
	padding:5px 10px 5px 10px;
	background-color:transparent!important;
	height: auto;
	background-position: bottom left !important;
	background-size: 170px 50px!important;
	float:right;
	font-size:15px;
}
.profile a img {
	height:30px;
	width:30px;
	margin:-5px 0px 0px 0px;
}
.stream {
	padding-top:5px;
}
.stream ul.tabs-content {
	margin: 0 0 0px 20px;
}
.streamEmpty {
	background: #ede9e6;
	box-shadow: inset 2px 2px 8px 0px #DCD7D3;
	border-bottom: 1px solid #F6F5F4;
	border-right: 1px solid #F6F5F4;
	padding:40px;
	border-radius:3px;
	margin-bottom:20px;
	margin-left: 0px;
	margin-right:0px;
	min-height: 501px;
}
.streamEmpty h1 {
	font-size:36px;
	margin-bottom:15px;
}
.streamEmpty .button.primary {
	margin-top:20px;
}
.streamEmpty.locked:after {
	display:block;
	content:"";
	width:250px;
	height:288px;
	background: url(../assets/locked.png) rgba(0, 0, 0, 0) no-repeat!important;
	background-size: 250px 288px!important;
	float: right;
	margin-top: 20px;
}
.noNots {
	background: url(../assets/icon_notify_post_svg.png) 25px 282px no-repeat;
	background-size:150px auto;
	height:425px;
	display:block;
	text-align:left;
	padding:10px;
	margin-left: -30px;
}
.row.post {
	padding:12px;
	margin:0 20px 10px -20px!important;
	border-top: 1px solid #95918E;
}
.row.post input[type="text"] {
	margin:-3px 0 8px 0px!important;
	height:40px!important;
}
.loading, .leftPanels.loading .panel.notifications, body.teacher .loading, .button.loading:hover, .otherTab.loading, .loader {
	background:url(../assets/ajax-loader.gif) transparent no-repeat!important;
	background-position: center center!important;
	padding: 60px;
	-webkit-animation: moveLoader 1s 1!important;
	-moz-animation: moveLoader 1s 1!important;
	-ms-animation: moveLoader 1s 1!important;
	-o-animation: moveLoader 1s 1!important;
	animation: moveLoader 1s 1!important;
}
.loader {
	height: 60px;
	position: relative;
	display: block;
	width: 100%;
	float: left;
	margin-left: 20px;
	background-position: center 30px!important;
	background-size: 120px 6px!important;
}
.signup .loading {
	background-position:center 80px!important;
}
.button.loading, .button.loading:hover, body.teacher .button.loading {
	background-color: #222!important;
	background-size: 60px 10px!important;
	text-align: center;
	background-position: center 50% !important;
	text-indent: -999px;
	border:1px solid #555!important;
	overflow:hidden;
}
#events_holder.loading, body.teacher #events_holder.loading {
	background-position:center 88px!important;
	background-size: 80px 6px!important;
	min-height:200px;
}
body.teacher #events_holder.loading {
	background-position:center 20px!important;
}
.leftPanels.loading .panel.notifications, body.teacher .leftPanels.loading .panel.notifications {
	background-position:center center!important;
	background-color: #82A74D!important;
	background-size: 80px 6px!important;
	min-height:20px;
}
.otherTab.loading, body.teacher .otherTab.loading {
	background-position: center center!important;
	text-indent: -99em;
	background-size: 60px 10px!important;
}
 @-webkit-keyframes moveLoader {
0% {
 opacity:0
}
95% {
 opacity:0
}
100% {
 opacity:100;
}
}
 @keyframes moveLoader {
0% {
 opacity:0
}
20% {
 opacity:0
}
100% {
 opacity:100
}
}
.reveal-modal .loading {
	background: url(../assets/ajax-loader.gif) transparent no-repeat !important;
	background-position:center 135px;
}
.panel.notifications ul li.loading {
	background: url(../assets/ajax-loader.gif) transparent no-repeat !important;
	background-position:center 20px;
	background-position:center 20px;
	background-size: 100px 5px!important;
	text-indent: -999em;
}
.panel.notifications ul li.loading .btn_close {
	display:none;
}
.moretabs {
	position:absolute;
	color:#6f6f6f;
	z-index: 9;
	height:50px;
	overflow:hidden;
	-webkit-transition: all .2s ease-in-out!important;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	z-index: 10;
	display:block;
}
.otherClasses {
	position: absolute;
	font: 15px arial, tahoma, sans-serif;
	margin: 5px 0 0 10px;
}
/*show info on rollover */

body.teacher .moretabs, body.teacher .otherClasses {
	color:#ccc;
}
.moretabs:hover, body.teacher .moretabs:hover {
	/* move to hover state of div */
	background: #EDE9E6;
	color: #EDE9E6;
	border:1px solid #EDE9E6;
	box-shadow: 1px 1px 3px 0px #111;
	border-radius:4px;
	margin-left:0px;
	min-height:50px;
	height:auto!important;
	z-index: 999;
	opacity:.97;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
	font: 12px arial, tahoma, sans-serif!important;
	max-height:588px!important;
	overflow:hidden;
	overflow-y:auto;/*max-height:400px;*/
}
.moretabs:hover span, .moretabs:hover .otherClasses {
	opacity:0;
}
.moretabs:hover .otherTab span {
	opacity:1;
}
dl.tabs dd .moretabs .otherTab, .otherTab {
	opacity:0;
	background-color: white;
	right: 0px;
	left: auto;
	clear: both;
	width: auto;
	padding: 8px;
	margin: 10px 0 10px 0;
	border-right: 0px solid transparent!important;
	background-color: transparent;
	border: none;
	background-color: #F6F5F4;
	border-top: 2px solid white;
	border-left: 2px solid white;
	padding: 8px 10px 8px 10px;
	box-shadow: 1px 1px 2px 0px #AFA997;
	border-radius: 5px;
	color:#333;
	cursor:pointer;
	max-width:200px;
	overflow:hidden;
}
.moreInfo {
	position:relative;
	display:inline;
	color: #62A350;
	height:auto;
	float:none;
}
.moreInfo i {
	font-size:12px;
	opacity:0.78;
}
dl.tabs dd .moretabs .otherTab a, .otherTab a {
	height:auto!important;
	color: #666!important;
	font: 18px "ft_font", tahoma, sans-serif;
	padding: 0!important;
	white-space: normal;
}
dl.tabs dd .moretabs:hover .otherTab, .moretabs:hover .otherTab {
	opacity:1;
}
dl.tabs dd .moretabs:hover .otherTab:hover, .moretabs:hover .otherTab:hover {
	box-shadow:  0px 0px 2px 0px #AFA997;
	color:#888;
}
.btn_helpSystem .moretabs {
	height: 40px;
	width: 40px;
	margin: -41px 0 0 10px!important;
	border-radius:88px;
	text-align:center;
	opacity:0;
	overflow:hidden!important;
	display:block;
}
.btn_helpSystem .moretabs:hover, body.teacher .btn_helpSystem .moretabs:hover {
	width: 240px;
	border-radius:8px;
	opacity:0;
	margin: -41px 0 0 10px!important;
	-webkit-animation: openhelp 25s 1!important;
	-moz-animation: openhelp 25s 1!important;
	-ms-animation: openhelp 25s 1!important;
	-o-animation: openhelp 25s 1!important;
	animation: openhelp 25s 1!important;
	cursor:help;
}
/* show list of inline info in a popup */
.otherInfo {
	display:none;
}
.moreInfo:hover .otherInfo {
	display:inline;
	position:absolute;
	opacity:1;
	background: #EDE9E6;
	width:auto;
	border-radius:4px;
	padding:8px 12px;
	border:1px solid #EDE9E6;
	box-shadow: 1px 1px 3px 0px #111;
}
.otherInfo span {
	border-bottom:1px dotted #ccc;
	clear:both;
	color: #555;
	display:block;
	min-width:200px;
}
.otherInfo span:last-of-type {
	border-bottom:none;
}

/* ie11 */
::-ms-backdrop, .btn_helpSystem .moretabs:hover, *::-ms-backdrop, body.teacher .btn_helpSystem .moretabs:hover {
 right:0px;
 margin: -41px 0 0 290px!important;
 width: 240px!important;
}
/* firefox */
@-moz-document url-prefix() {
 .btn_helpSystem .moretabs:hover, body.teacher .btn_helpSystem .moretabs:hover {
 right:0px;
 margin: -41px 0 0 -190px!important;
 width: 240px!important;
 -webkit-transition:none!important;
 transition: all .2s ease-in-out!important;
 -moz-transition: all .2s ease-in-out!important;
 transition: all .2s ease-in-out!important;
}
}
@keyframes openHelp {
}
@-webkit-keyframes openhelp {
0% {
 border-radius:5px;
 width:240px;
 opacity:0;
 height:40px;
 width:50px;
}
3% {
 opacity:0;
 height:40px;
 width:50px;
}
4%, 100% {
 width:240px;
 opacity:1;
 margin: -41px 0 0 -190px!important;
 right:0px;
 height:auto;
}
}
 @-moz-keyframes openhelp {
 0% {
 border-radius:5px;
 width:240px;
 opacity:0;
 height:40px;
 width:50px;
}
3% {
 opacity:0;
 height:40px;
 width:50px;
}
4%, 100% {
 width:240px;
 opacity:1;
 margin: -41px 0 0 -190px!important;
 right:0px;
 height:auto;
}
}
 @-ms-keyframes openhelp {
0% {
 border-radius:5px;
 width:240px;
 opacity:0;
 height:40px;
 width:50px;
}
3% {
 opacity:0;
 height:40px;
 width:50px;
}
4%, 100% {
 width:240px;
 opacity:1;
 margin: -41px 0 0 -190px!important;
 right:0px;
 height:auto;
}
}
@-o-keyframes openHhelp {
0% {
 border-radius:5px;
 width:240px;
 opacity:0;
 height:40px;
 width:50px;
}
3% {
 opacity:0;
 height:40px;
 width:50px;
}
4%, 100% {
 width:240px;
 opacity:1;
 margin: -41px 0 0 -190px!important;
 right:0px;
 height:auto;
}
}
.btn_helpSystem .moretabs h1 {
	font-size:28px;
	opacity:0;
	color:#111;
	text-align:center;
	padding-bottom:10px;
}
.btn_helpSystem .moretabs:hover h1 {
	opacity:1;
	margin-bottom:-20px;
}
.btn_helpSystem .moretabs h2 {
	font-size:24px;
	margin-top:20px;
	min-width: 200px;
}
.btn_helpSystem .moretabs:hover h2 {
	margin-bottom:-25px;
}
.btn_helpSystem .moretabs .button.open_help_movies, .open_help_support {
	margin-top:10px;
	min-width: 200px!important;
}
.btn_helpSystem .moretabs:hover .button.open_help_movies, .open_help_support {
	margin-top:20px;
}
ul.activity {
	margin:0px 0 0 0;
	padding-top:0px;
}
ul.activity li {
	display:block;
	float:left;
	margin-left:-20px;
	margin-bottom:10px;
	width:100%;
	padding: 10px 10px 10px 10px;
	border: 1px solid #CCC!important;
	border-bottom: 2px solid #CCC!important;
	border-radius: 8px!important;
}
body.teacher ul.activity li {
	padding: 5px 0px 0px 0px!important;
	border-right: 0px solid #CCC!important;
	border-left: 0px solid #CCC!important;
	border-bottom: 1px solid #CCC!important;
}
body.teacher ul.activity li:last-of-type {
	border-bottom: 0px solid #CCC!important;
}
ul.activity li li {
	border: 0px solid #CCC7C2!important;
	border-bottom: 1px solid #CCC7C2!important;
	border-radius: 0px!important;
}
ul.activity li li:last-child, body.teacher ul.activity ul.comments li:last-child {
	border-bottom: 0px solid #CCC7C2!important;
}
body.teacher ul.activity li {
	border-top:none;
}
.page li {
	border-top:none;
	-webkit-transition: all .8s ease-in-out!important;
	-moz-transition: all .8s ease-in-out!important;
	-o-transition: all .8s ease-in-out;
	-ms-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out!important;
}
ul.activity li:after {
	content: '';
	border-top: solid 1px #fafaf9;
	width: 100%;
	display:block;
	margin-top:-10px;
	left: 0;
}
.discussion ul.activity li:first-child:after {
	border-top: solid 0px #fafaf9;
}
body.teacher ul.activity li:after, ul.activity li li:after {
	display:none;
}
ul.activity a {
	color:#62a350;
}
ul.activity p {
	margin-top:-5px;/*font-size: 16px;*/
}
.postActions {
	float: right;
	text-align: right;
	margin: -8px -4px 0px 0;
	padding: 8px 0px 10px 0px;
	width: 100%;
	margin: -5px 0px 0px -21px;
}
body.teacher .postActions {
	padding-right:10px;
}
.postActions form {
	display: inline;
	width: auto;
	position: relative;
	padding: 0;
	clear: none;
}
ul.activity .postActions a, .btn_like_post {
	font: 14px "ft_font-SemiBold", tahoma, sans-serif;
	color:#95918E;
	padding:0 8px 2px 4px;
	margin:0 0px 0 0px;
	cursor:pointer;/*border-right:1px solid #95918E;*/
}
ul.activity .postActions a:hover, .btn_like_post:hover {
	color:#82A74B;
}
.btn_like_post {
	background-color: transparent;
	border: 1px solid #d5d3ce;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	padding: 1px 22px 3px 8px;
	border-radius: 5px;
	background: url(../assets/btn_like.png) #F6F5F4 no-repeat!important;
	background-size: 22px auto!important;
	background-position: right -27px!important;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
	margin-left: 10px;
}
.btn_like_post:hover {
	background-size: 22px auto!important;
	background-position: right 0px!important;
}
.postActions a strong, .btn_like_post strong {
	color:#3B7BBB!important;
}
/**/.profileName, .postContent {
	margin: 0 0 0 15px;
	display:block;
	float:left;
	width:82%;
}
.searchContainer .profileName {
	width:62%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.postContent {
	margin: -5px 0 -5px 15px;
	display:block;
	float:left;
	width:82%;
}
.profileName {
	font-size: 13px;
	margin: -8px 0 2px 15px;
	padding-bottom:10px;
}
.postTime {
	color:#999;
	font-style:italic;
	font-size: 11px;
	margin: -5px 0px 0 10px;
}
.postContent .imgHolder {
	overflow:hidden;
	margin:0 0 10px -58px;
	background: #f5f3f0;
	padding:10px 10px 10px 10px;
	border-radius:3px;
	width:120%;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-bottom: 1px solid #D8D5D2;
	border-right: 1px solid #D8D5D2
}
.teacher .postContent .imgHolder {
	width:116%;
}
.postContent .imgHolder img {
	max-height:80px;
	max-width:150px;
	margin:0 15px 0px 0;
	float:left;
}
.home .postContent .imgHolder .contentThumb {
	border:8px solid #fff!important;
	height: 228px;
	background-size: 100% auto!important;
}
.videoLink {
	font-weight:bold;
	color:#262626;
}
.mediaTitle {
	float:left;
	padding: 5px 0 0 0;
	color:#7c746d;
}
.activity img.profilePic {
	margin: -5px 0 0px 15px;
	float: left;
}
ul.comments {
	display: block;
	float: left;
	margin: 8px 0 0 0px;
	padding: 0px 8px 2px 12px;
	width: 100%;
	border-top: 1px solid #CDC9C4 !important;
}
body.teacher ul.comments {
	padding: 2px 10px 8px 8px;
}
ul.activity ul.comments li, body.teacher ul.activity ul.comments li {
	display: block;
	border-top:none;
	float:left;
	/**/padding: 5px 10px 5px 10px;
	margin: 0px 0px 0px 0px!important;
	width: 100%;
	border-bottom: 1px solid #ccc7c2;
}
ul.comments li:last-child {
	border:none;
}
.stream ul.comments li img.profilePic {
	margin: 8px 0 0px -5px;
}
.stream img.profilePic {
	margin: 8px 0 0px 8px;
	float: left;
	height: 40px;
	width: 40px;
}
.stream .profileName {
	margin: 4px 0 2px 15px;
}
.stream textarea {
	width:76.8%;
	margin:12px 10px 10px 10px;
	float:left;
	padding:8px 8px 5px 8px;
	height:20px;
	line-height:1em;
	resize: none;
}
body.teacher .stream textarea {
	width:84.8%;
}
.stream .button {
	margin: 10px 0 0 0;
	width: 18%;
	background: url(../assets/svg_sprite.png) #333 no-repeat!important;
	background-size: 129px 4073px!important;
	background-position: -14px -606px!important;
	padding: 9px 4px 9px 28px;
	max-height: 33px;
}
 @-moz-document url-prefix() {
.stream .button {
 background: url(../assets/svg_sprite.png) no-repeat scroll -18px -609px / 129px 4073px rgb(51, 51, 51) !important;
 top:-8px;
 position:absolute;
 padding-left: 35px!important;
margin-top: 20px;
}
}
 @-moz-document url-prefix() {
.stream .button {
 top:-8px;
 position:absolute;
}
}
.stream .button:hover {
	background-position: -19px -606px!important;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
body.teacher .stream .button {
	width: 12%;
}
.button.post {
}
/*--- NOTIFICATIONS ---*/
.panel.notifications {
	background-color: #82a74d;
}
.panel.notifications ul li:nth-child(odd) { /*scott*/
	background-color: rgba(0, 0, 0, 0.1);
}
.panel.notifications.todo {
	background-color:#Fff;
	border:1px solid #DBDBD9;
	padding-bottom:0;
}
.panel.notifications.todo ul li a {
	color: #93AD64;
}
.panel.supportContainer {
	background-color: #3b7bbb;
	border:none;
	color:white;
	font-size:28px;
	line-height:1.3em;
}
.panel.supportContainer p {
	color:white;
	padding: 15px 15px 8px 15px;
}
.panel.supportContainer .button, .btn_helpSystem .button {
	background: #686764;
	background-image: linear-gradient(bottom, #2c69a5 1%, #4f8dcb 100%);
	background-image: -o-linear-gradient(bottom, #2c69a5 1%, #4f8dcb 100%);
	background-image: -moz-linear-gradient(bottom, #2c69a5 1%, #4f8dcb 100%);
	background-image: -webkit-linear-gradient(bottom, #2c69a5 1%, #4f8dcb 100%);
	background-image: -ms-linear-gradient(bottom, #2c69a5 1%, #4f8dcb 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f8dcb', endColorstr='#2c69a5', GradientType=0 );
	border: 1px solid #25629e;
	padding: 14px 10px 14px 10px;
	margin-bottom:10px!important;
}
.panel_shadow_left, .panel_shadow_right {
	background:url(../assets/panel_shadow_left.png) no-repeat 0 0;
	margin-top:-20px;
	width:100%;
	background-size:100%;
	height:28px;
	margin-left:-3px;
}
.panel_shadow_right {
	background:url(../assets/panel_shadow_right.png) no-repeat 0 0;
	margin-left:0px;
}
.panel.notifications h5, .panel.notifications ul li, .panel.supportContainer h5, .panel.supportContainer ul li {
	/*margin-top:-50px;*/
color: #fff;
}
.panel.notifications.todo h5, .panel.notifications.todo ul li {
	/*margin-top:-50px;*/
color: #33312F;
}
.panel.notifications ul li {
	padding-left:40px!important;
}
/*
------------------------------*/


.panel.notifications.todo ul li {
	border-top: 1px dotted #898480;
	padding-left:18px;
}
.panel.notifications ul li a {
	color: #c7dda6!important;
}
.panel.notifications ul li .btn_close {
	margin: -18px -18px 0 0;
	top: auto !important;
	height: 25px;
	width: 35px;
	opacity: 0;
	border: none;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	background: url(../assets/svg_sprite.png) no-repeat;
	background-size: 75px 2368px !important;
	background-position: -10px -25px !important;
	line-height: 999em;
	overflow: hidden;
	font-size:0.01em;
	opacity:1;
}
.panel.notifications ul li:hover .btn_close {
	opacity: 0.9;
	margin: -18px 10px 0 0;
}
.panel.notifications.showAll ul li:hover .btn_close {
	margin: -22px 13px 0 0;
}
.panel.supportContainer img.profilePic {
	height:25px;
	width:25px;
	position:absolute;
	margin: -5px 10px 0px -40px;
}
.panel.supportContainer ul li a {
	color: #fff;
	display:block;
	padding:10px 0 10px 35px;
	margin:-5px 10px -8px 10px!important;
}
.panel ul {
	margin:0 0px 0 0px;
	width:100%;
}
.panel ul li {
	/* breaks tabs ---  display:block;*/
	padding:8px 25px 8px 8px;
	line-height:1.3em;
}
.panel.notifications ul li {
	display:none;
}
.panel.notifications { /*scott*/
	position:fixed;
	width:auto;
	max-width:255px;
	min-width:235px;
	max-height:calc(100% - 100px);
	z-index:9;
	overflow-y:hidden;
	overflow-x:hidden;
	border: 0px solid #DBD3D0;
	padding: 12px 20px;
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	-ms-transition:none;
	transition:none;
}
.button.btn_profile, .button.btn_profile:hover, body.teacher .button.btn_profile, body.teacher .button.btn_profile:hover {
	background: url(../assets/svg_sprite.png) #333 no-repeat!important;
	background-size: 129px 4068px!important;
	background-position: 118px -3648px!important;
	padding: 8px 50px 8px 12px;
	margin: 20px 0 20px 0;
	display: block;
	width: 180px;
	text-align: left;
	max-height: 100%;
}
.panel.notifications.showAll {
	width: 100%;
	max-width: 1085px;
	border: 8px solid #DBD3D0;
	margin-left: -3px;
	margin-top: -18px;
	font-size:16px;
	z-index:981;
	height:100%;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	overflow-y:auto;
	overflow-x:hidden;
	max-height: calc(100% - 65px);
}
.rightPanels .panel.profile, .rightPanels .supportPanel {
	left:auto;
	top:auto;
	position: fixed;
	max-width: 255px;
	min-width: 235px;
	max-height: 92%;
	z-index: 9;
	overflow-y: hidden;
	overflow-x: hidden;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.rightPanels .panel.profile {
	width: 22%;
}
.rightPanels .supportPanel {
	margin-top:195px;
}
body.teacher .panel.notifications {
	border: 0;
}
body.teacher .panel.notifications.showAll {
	border:8px solid #333;
}
.panel.notifications:after {
	background: url(../assets/panel_shadow_left.png) no-repeat 0 0;
	background-size: 100%;
	width: 200px;
	content:"";
	height: 28px;
	margin-left: 20px;
	display:block;
	position:fixed;
	margin-top:20px;
	top:auto!important;
	z-index:99999999999!important
}
.panel.notifications.showAll:after {
	display:none;
}
.panel.notifications a.btn_close, .panel.notifications.showAll .btn_openNots, .btn_openNots:hover {
	display:none;
	cursor:pointer;
}
.panel.notifications.showAll a.btn_close, .panel.notifications .btn_openNots {
	display:block;
}
.btn_openNots {
	float: right;
	width: 50px!important;
	height: 50px!important;
	background: url(../assets/svg_sprite.png) no-repeat!important;
	background-size: 129px 4073px!important;
	background-position: -3px -3820px!important;
	margin: 10px 0px 0 8px;
	display: block;
	position: absolute;
	right:0px;
	top: -10px;
}
.panel.notifications.showAll a.btn_close {
	background: url(../assets/svg_sprite.png) no-repeat;
	background-size: 129px 4073px!important;
	background-position: -14px -43px!important;
	margin: 25px 20px 0 0px;
}
.panel.notifications.showAll ul li {
	display:block!important;
	font-size: 17px;
	padding: 10px 25px 8px 8px;
}
.panel.notifications ul li:last-child { /*scott*/
	margin-bottom:-20px;
	text-align:right;
	background:url(../assets/imgHeadingB.png) repeat-x left -80px;
	display:block;
}
.panel.notifications.showAll ul li:last-child, .panel.notifications ul li:last-child:before {
	display:none!important;
}
.panel.notifications ul li:nth-child(1), .panel.notifications ul li:nth-child(2), .panel.notifications ul li:nth-child(3), .panel.notifications ul li:nth-child(4), .panel.notifications ul li:nth-child(5), .panel.notifications ul li:nth-child(6) {
	display:block!important;
}
.panel.notifications ul li:before, .helpdesk-tip:before {
	background: url(../assets/svg_sprite.png) no-repeat!important;
	background-size: 129px 4073px!important;
	background-position: -118px -2643px!important;
	content: "";
	height: 30px;
	width: 30px;
	display: block;
	margin: 0px 0 0 -30px;
	float: left;
}
.helpdesk-tip:before {
	background-position: -73px -3659px !important;
}
}
.panel.notifications ul li.lesson:before {
	background-position: -24px -3070px!important;
}
.panel.notifications ul li.class:before {
	background-position: -24px -2512px!important;
}
.panel.notifications ul li.activity:before {
	background-position: -24px -3350px!important;
}
.panel.notifications ul li.deadline:before {
	background-position: -24px -2932px!important;
}
.panel.notifications ul li.deadlineOver:before {
	background-position: -25px -2792px!important;
}
.panel.notifications ul li.post:before {
	background-position:-25px -2972px!important
}
.contentResources {
	padding-bottom:20px;
}
.emptyResources p {
	text-align: center;
	font: 24px "ft_font", tahoma, sans-serif;
	color: #FFF;
	padding: 60px 58px 0 58px;
}
.emptyResources p a {
	color:#1e9ee1;
}
.emptyResources p a:hover {
	color:#0D7EB9;
}
.rightPanels .contentResources {
	background:url(../assets/bg_dark.jpg) #444 repeat-x !important;
	height:90%;
	width:105%;
	padding-right:10px;
	overflow: hidden;
	-webkit-overflow-scrolling: touch!important;
	height:190px;
}
.top-bar {
	-webkit-transform: translate3d(0, 0, 0);
}
 #fullscreen ::-webkit-scrollbar {
 background-color:#222;
}
 #fullscreen .discussion ::-webkit-scrollbar, #fullscreen .reveal-modal ::-webkit-scrollbar {
 background-color:transparent;
}

::-webkit-scrollbar-track {
 border-radius:12px;
}

::-webkit-scrollbar-thumb {
 background-color:#222;
}
span.deadline {
	font: 18px "ft_font-light", tahoma, sans-serif;
	float: left;
	display: block;
	margin: -10px 0 13px 40px;
}
.contentThumb {
	display: block;
	height: 130px;
	margin: 5px -10px 4px -10px;
	padding: 0px;
	height: 150px;
	border: 2px solid #FDFDFD;
	border-bottom: 1px solid #FDFDFD;
	background-color: #111;
	background-position:center center;
	background-repeat:no-repeat;
	overflow: hidden!important;
	border: transparent!important;
	border-radius: 5px;
	overflow: hidden!important;
	min-width: 100px;
	background-size: 118% auto!important;
}
.contentThumbHolder {
	max-width: 180px;
	float: left;
	width: 22%;
	margin: 0 7px 10px 8px;
}
.contentThumb .btn_close {
	margin:-7px -7px 0px 0px!important;
	opacity:0;
}
.contentThumb:hover .btn_close {
	opacity:1;
}
.lessonResources .contentThumb {
	margin:0px;/*height:180px;*/
}
.lessonResources .three.columns {
	margin-bottom: 15px;
}
.home .contentThumb {
	margin:0px 0px 0px 0px;
	border:2px solid #fdfdfd!important;
	box-shadow:none!important;
}
.home .contentResources .columns {
	padding:0;
}
.home .contentResources .columns.nine {
	left: 20px;
}
.contentStats {
	background-color: #000;
	padding: 8px 12px;
	border-radius: 4px;
	position: absolute;
	margin: -80px 0 0 -40px;
	color: #FFF;
	font-size:12px;
	opacity:0;
	display:none;
}
.contentThumb:hover .contentStats {
	display:block;
	-webkit-animation: stats_show 18s 1;
	-moz-animation: stats_show 18s 1;
	-ms-animation: stats_show 18s 1;
	-o-animation: stats_show 18s 1;
	animation: stats_show 18s 1;
}
 @keyframes stats_show {
0% {
opacity:0;
}
4% {
opacity:0;
}
8% {
opacity:1;
}
95% {
opacity:1;
}
100% {
opacity:0;
}
}
@-webkit-keyframes stats_show {
0% {
opacity:0;
}
4% {
opacity:0;
}
8% {
opacity:1;
}
95% {
opacity:1;
}
100% {
opacity:0;
}
}
 @-moz-keyframes buttonFlash {
0% {
opacity:0;
}
4% {
opacity:0;
}
8% {
opacity:1;
}
95% {
opacity:1;
}
100% {
opacity:0;
}
}
@-ms-keyframes buttonFlash {
0% {
opacity:0;
}
4% {
opacity:0;
}
8% {
opacity:1;
}
95% {
opacity:1;
}
100% {
opacity:0;
}
}
@-o-keyframes buttonFlash {
0% {
opacity:0;
}
4% {
opacity:0;
}
8% {
opacity:1;
}
95% {
opacity:1;
}
100% {
opacity:0;
}
}
.rightPanels .contentThumb:hover .contentStats {
	margin: 40px 0 0 -20px;
	z-index:99;
}
.contentStats:before {
	width: 0;
	height: 0;
	border-left: 20px solid rgba(0, 0, 0, 0);
	border-right: 20px solid rgba(0, 0, 0, 0);
	border-top: 20px solid #000;
	position: absolute;
	top: 68px;
	left: 47px;
	content: "";
	display:block;
}
.rightPanels .contentThumb:hover .contentStats:before {
	top: -28px;
	border-left: 15px solid rgba(0, 0, 0, 0);
	border-right: 15px solid rgba(0, 0, 0, 0);
	border-top: 15px solid rgba(0, 0, 0, 0);
	border-bottom: 15px solid #000;
}
.contentStats_row {
	border-top:1px solid #555;
	display:block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.contentStats_row:first-of-type {
	border-top:none;
}
.btn_resources, .button.text, .button.assessment {
	background-repeat:no-repeat!important;
	background-color: #0D7EB9!important;
	padding-left: 58px;
	text-shadow: none;
	margin-left: 20px;
	margin-top: -43px;
	float: right;
	margin-right: 0px;
}
.btn_resources {
	padding: 20px;
	text-align:left;
	height:152px;
	border-radius: 5px;
	margin: 0 -5px 0 0px;
	color: white!important;
	border-radius: 5px;
	background-color: #444!important;
	border: 1px solid #504E49;
	font: 18px "ft_font", tahoma, sans-serif;
	cursor:pointer;
	height:89px;
}
.contentThumb h5 {
	color:#fff;
	font-size:14px;
	font-weight:normal;
	background-color:#222;
	margin:0px 0 0 0px;
	padding:12px 15px 8px 13px;
	width:100%;
	height:100%;
	background:url(../assets/imgHeadingB.png);
	background-size: auto, auto;
	background-position: right top;
	background-repeat: repeat-x;
	border-radius:2px;
	line-height: 1em;
	min-width: 160px;
	text-align:left;
}
.stream .contentThumb h5 {
	padding-right:15px;
	font-size:24px;
}
.contentThumb h5:hover {
	box-shadow:inset 0px 88px 188px 0px rgba(13, 126, 185, 0.98);
}
.contentThumb h5:before {
	width: 30px!important;
	height: 30px!important;
	content: "";
	display: block;
	float: right!important;
	background-size: 150px 4736px!important;
	background-position: -28px -1294px!important;
	background: url(../assets/svg_sprite.png);
	margin-top: 157px!important;
	left: auto!important;
	position: absolute!important;
	right: 53px;
}
.steam .contentThumb h5:before {
	right: 60px;
}
#fullscreen .LPobjective .contentThumb h5:before {
	bottom: 8px!important;
	margin-left: -11px!important;
}
.contentPanel .rightPanelIndent .contentThumb h5:before {
	margin-top: 64px !important;
}
body.teacher .contentThumb h5:before, .notesItem .contentThumb h5:before {
	position: relative!important;
	right: 21px;
}
body.teacher .stream .contentThumb h5:before {
	right: 0px;
}
#fullscreen .LPobjective .contentThumb h5:before {
	margin-top: 53px!important;
}
.contentThumb.movie h5:before {
	background-position: -28px -1294px!important;
}
.contentThumb.interactive h5:before {
	background-position: -96px -1294px!important;
}
.contentThumb.text h5:before {
	background-position: -28px -1227px!important;
}
.rightPanelIndent .contentThumb h5:before, body.teacher .rightPanelIndent .contentThumb h5:before {
	margin-top: 63px !important;
	margin-bottom: -90px;
	position: relative !important;
	right:-8px;
}
.source {
	-webkit-transition: all .4s ease-in-out;
	margin:-30px -5px 0 -13px;
	font-size:13px;
	height:30px;
	-webkit-transition: all 0 ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
	background-color:#000;
	display:block;
	width:110%;
	padding:5px 40px 0 20px;
	border-top:1px solid #595959;
	color:#aaa;
}
.source img {
	margin:2px 6px -4px 0;
}
.contentResources h4 {
	color:#999;
}
.rightPanels h3, .rightPanels h3 a {
	font-size:23px;
	margin: -4px 0px 10px -10px;
	text-transform:capitalize;
	color:#ccc;
	padding-left: 45px;
	float:left;
}
.rightPanels.contentPanel h3, .rightPanels.contentPanel h3 a {
	background: url(../assets/svg_sprite.png) no-repeat!important;
	background-size: 50px 1579px!important;
	background-position: 10px -292px!important;
}
.rightPanels .contentResources h4 {
	font-size:18px;
	margin-top:5px;
	margin-bottom:12px;
}
.rightPanels ul li, .leftPanels ul li {
	border-top: 1px solid rgba(255, 255, 255, 0.25);
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
	display:block;
	margin:0 -20px 0 -20px;
	min-height:43px;
}
.row .three.leftPanels:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	border: 1px solid transparent;
}
.rightPanelIndent {
	border-radius: 5px;
	padding: 10px 10px 5px 10px;
	margin-bottom: 10px;
	max-width:220px;
	border-bottom:1px solid #999;
	background-image: -webkit-linear-gradient(bottom, #606060 1%, #444444 100%);
}
.rightPanelIndent .contentThumb, .panelDark.previewContent.openContent .contentThumb {
	border: 5px solid #555!important;
	width:15.8%;
	float:left;
	margin:10px 0 2px 10px;
	min-width:178px;
}
.panelDark.previewContent .contentThumb {
	margin:8px 0 18px 10px;
}
.rightPanels .rightPanelIndent h4 {
	color: #999;
}
.tools, .contnetInfo {
	background: url(../assets/board_bg.jpg) -100px -100px!important;
	border-radius: 8px;
	border: 1px solid #444;
	padding:8px 0px 8px 0px;
	margin-top:-10px;
	margin-bottom:10px;
	margin-left: 100px;
	color:#ccc;
}
.contnetInfo {
	padding: 15px 15px 15px 40px;
	margin-bottom: -40px;
	float: left;
	background: url(../assets/svg_sprite.png) no-repeat!important;
	background-size: 129px 4073px!important;
	background-position: 3px -373px!important;
}
.reveal-modal .contnetInfo {
	margin-left:0px;
}
.tools .meterHolder {
	width:170px;
	float:right;
	margin:8px 5px 0 0;
}
.profileBox {
	padding:0px;
	margin-top: -8px;
	box-shadow:none;
}
body.teacher .profileBox {
	border: none;
}
.profileBox .profilePic {
	float:left;
	background-color:#000;
	width:300px;
	height:300px;
}
.profileBox .profilePic img {
	float:left;
	margin-bottom:-2px;
	-webkit-transition: all .7s ease-in-out;
	-moz-transition: all .7s ease-in-out;
	-o-transition: all .7s ease-in-out;
	-ms-transition: all .7s ease-in-out;
	transition: all .7s ease-in-out;
}
.profileBox .profilePic:hover img {
	opacity:0.5;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.profileBox .profilePic:hover img.viewOnly {
	opacity:1!important;
}
.profileBox .columns {
	padding:0px;
}
.profileBox .profileDetails {
	height:200px;
	padding:30px 40px 30px 30px;
}
.profileBox .profileDetails h1 {
	text-transform:capitalize;
	line-height:1.1;
}
.profileBox .profileDetails h3 {
	font-size:18px;
}
.profileBox .stats {
	background-color:#aaa;
	color:white;
	font: 23px "ft_font", tahoma, sans-serif;
	text-transform: uppercase;
	text-align:center;
	padding-top:120px;
	height:298px;
}
.profileBox .bio {
	font-size:18px;
	color:#b4b4b4;
	height: 180px;
	border:none;
	box-shadow:none;
	border-bottom: 1px solid #ccc;
	max-height: 169px;
}
.profileBox .btn_save {
	background: url(../assets/svg_sprite.png) #0D7EB9 no-repeat!important;
	background-position: -5px -499px!important;
	background-size: 70px 2210px!important;
	position: absolute!important;
	padding: 8px 12px 8px 28px!important;
	top: -85px;
	right: -22px;
	font-size: 14px;
	line-height: 1.2em;
}
.profileBox .charLimit {
	color:#b4b4b4;
	margin-top:-12px;
	height:20px;
	font-size:13px;
	text-align:center;
	background: url(../assets/imgHeadingB.png) center -85px repeat-x;
}
#infoModal .row, #infoModal input, #studentInfoModal .row, #studentInfoModal input, #adminUserModal .row, #adminUserModal input {
	text-align:left;
}
#infoModal, #studentInfoModal {
	padding-bottom:40px;
}
#infoModal p {
	text-align:center;
	margin-top: -10px!important;
}
#whoModal {
	width: 700px;
	margin-left: -350px;
}
.btn_save {
	background: url(../assets/svg_sprite.png) #0D7EB9 no-repeat;
	background-position: -13px -928px!important;
	background-size: 129px 4073px!important;
	position: absolute!important;
	padding: 10px 15px 10px 45px;
	top: 10px;
	right: 20px;
}
.btn_save:hover {
	background: url(../assets/svg_sprite.png) #000 no-repeat;
}
#infoModal .row:nth-child(4), #studentInfoModal .row:nth-child(4), #testType .row:nth-child(3), #createClassModal .row:nth-child(3), #standardModal .row:nth-child(3), #filterModal .row:nth-child(3), #filterMessagesModal .row:nth-child(3), #LPnameModal .row:nth-child(3), #copyLP .row:nth-child(3), #deadlineModal .row:nth-child(3), #adminUserModal .row:nth-child(4), #learnerGradesModal .row:nth-child(3), #whoModal .row, .row.scoreThreshold {
	padding-top: 40px!important;
	background: url(../assets/imgHeadingB.png) repeat-x;
	background-position: right -81px;
	border-top: 1px solid #F6F5F4;
	border-radius: 18px;
	margin-top:20px;
}
#LPnameModal .row:nth-child(3), #copyLP .row:nth-child(3) {
	padding-top: 30px!important;
}
#LPnameModal .row:nth-child(3) input[type="text"], #copyLP .row:nth-child(3) input[type="text"] {
	width: 80%!important;
}
#infoModal .row .five, #studentInfoModal .row .five, #infoModal .row .five, #adminUserModal .row .five {
	padding-left:110px!important;
}
#infoModal .row .seven, #studentInfoModal .row .seven, #adminUserModal .row .seven {
	padding-right:110px!important;
}
.gender {
	box-shadow: 1px 1px 8px 0px #AFA997;
	background: url(../assets/svg_sprite.png) #c9c2bc no-repeat;
	background-position: -7px -1613px!important;
	background-size: 129px 4073px!important;
	border:1px solid #fff;
	border-radius: 8px;
	height: 55px;
	width: 63px;
	padding-top: 45px;
	float:left;
	margin-right:20px;
	text-align:center;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.gender.female {
	background: url(../assets/svg_sprite.png) #c9c2bc no-repeat;
	background-position: -7px -1666px!important;
	background-size: 129px 4073px!important;
}
.gender.female:hover, .gender.female.active {
	background-color: #E5A1CC;
	border: 1px solid #333;
	cursor: pointer;
}
.gender.male:hover, .gender.male.active {
	background-color: #7fbbda;
	border: 1px solid #333;
	cursor:pointer;
}
.gender.female:hover, .gender.male:hover {
	border: 1px solid #333;
}
.like.tools {
	margin: -73px 50px 0 0px;
	float:right;
	padding-top:7px;
	padding-right: 14px;
}
.like.tools span, .btn_like, .btn_disLike {
	float:left;
	position:relative;
	display:block;
	margin: 5px 3px 0 2px;
}
.btn_like, .btn_disLike {
	width: 40px;
	margin: 0px -6px 0 3px;
	height:30px;
	background: url(../assets/svg_sprite.png) no-repeat!important;
	background-size: 129px 4073px!important;
	background-position: 5px -3886px!important;
	background-position: -4px -4px!important;
}
.like.tools .btn_like {
	background-position: -18px -3938px!important;
}
.like.tools .btn_disLike {
	background-position: -18px -3913px!important;
	border-left: 1px solid #444;
	margin-left: 10px;
}
/* -----------------------------------------
   Sign up
----------------------------------------- */

	
.signup {
	background: url(../assets/bg_dark.jpg) #444 repeat-x !important;
	box-shadow: inset 0px -10px 20px 0px #111;
	border-radius: 0px;
	position: fixed;
	height: 94%!important;
	width: 100%!important;
	left: 0;
	top: 0;
	padding: 85px 0 80px 0;
	z-index: 999;
	overflow: hidden;
	overflow-y: auto;
	margin-top: 65px;
	border-top: 2px solid #444;
	perspective: 688;
	-webkit-perspective: 688;
}
.signup form.custom div.custom.dropdown {
	margin-bottom:32px;
}
.signup .six.columns, .signup .two.columns, .signup .three.columns {
	height:181px;
}
.signup h2, .signup p {
	text-align:center;
	color:white;
}
.signup h2 {
	text-shadow: #000 1px 1px 8px;
}
.signup p {
	color:#ccc;
	font-size:18px;
}
.signup p.disclaimer {
	display: block;
	width: 80%;
	margin: 0px auto -50px auto;
	clear: both;
	padding-top: 50px;
	font-size:16px;
}
.signup .panelOutdent p {
	color:#555;
	font-size:15px;
}
.signup .panelOutdent .btn_help {
	border-radius: 90px;
	padding: 0px 8px 0px 8px!important;
	font-size: 18px;
	margin-left: -10px;
	top: -3px!important;
	margin-right: 10px;
}
.signup p a {
	color:#62A350;
	text-decoration:underline;
}
.signup label, .signup p {
	text-align:center;
	padding:0px 20px 10px 20px;
}
.signup label {
	margin-top:10px;
}
.signup label strong {
	font-size: 15px;
	color: #999;
}
.signup p {
	padding:10px 20px 10px 20px;
}
.signup input[type="text"], .signup input[type="password"], .signup input[type="email"], .signup input[type="tel"] {
	/*max-width:400px;*/
	text-align:center;
	margin:0 auto 20px auto;
	font-size:20px;
	border-bottom:2px solid #fff!important;
	border-right:2px solid #fff!important;
	background-color: #444;
	color:#ccc!important;
	padding:12px;
}
.signup .panelOutdent {
	margin-top:20px;
	box-shadow: 2px 2px 18px 0px #000;
	min-height:155px;
}
.signup .panelOutdent .button.primary {
	margin-top: 43px;
	width: 100%;
}
.signup .gender {
	margin: 0 5% 0 5%;
	width: 40%;
	background-position: -3892px -3095px;
}
.signup .gender.female {
	background: url(../assets/svg_sprite.png) #c9c2bc no-repeat;
	background-position: -3918px -3202px;
	background-size: 8108px 7838px;
}
.signup .gender:after {
	content: "Boy";
	margin: -28px 0 0 45px;
	display: block;
	font-size: 12px;
	color: #222;
}
.signup .gender.female:after {
	content: "Girl";
}
.signup .gender.male:hover, .signup .gender.male.active {
	background: url(../assets/svg_sprite.png) #7fbbda no-repeat;
	background-position: -3892px -3095px;
	background-size: 8108px 7838px;
}
.signup .gender.female {
	background-position: -3893px -3202px;
}
.signup .gender.female:hover, .signup .gender.female.active {
	background: url(../assets/svg_sprite.png) #E5A1CC no-repeat;
	background-position: -3893px -3202px;
	background-size: 8108px 7838px;
}
input.codeInput {
	margin-top:30px!important;
}
.signup .button.right {
	right: 45%;
	display:block;
	padding: 14px 46px 14px 18px;
	width:auto!important;
	height:auto!important;
	text-indent:0;
	background: url(../assets/svg_sprite.png) #0D7EB9 no-repeat;
	background-position: 53px -427px!important;
	background-size: 129px 4073px!important;
	position:absolute;
	margin-top: 70px;
	margin-bottom: 130px;
	border:none;
	border-bottom:2px solid black!important;
	border-right:2px solid black!important;
	clear:both;
	min-width: 130px;
}
.offRight, .onScreen, .offLeft {
	position:absolute;
	width:100%!important;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;/*background: url(../assets/bg_dark.jpg) #444 repeat-x fixed 0px 60px !important;*/
}
.offRight {
	left:100%!important;
	z-index:1;
}
.onScreen {
	left:auto!important;
	z-index:10;
	display:block;
}
.offLeft {
	left:-100%!important;
	z-index:1;
}
.signup .gradeWarning p {
	font-size: 12px;
	line-height: 1.2em;
	margin: -12px 0 0 0;
	padding: 0;
	font-style: normal;
}
.signup .gradeWarning input[type="text"][disabled] {
	background-color: #686868!important;
	padding: 3px 12px;
	margin: -10px auto 18px auto;
}
/* -----------------------------------------
  lesson
----------------------------------------- */
.lessonPlan h1.headingLessons, h1.headingReports, .LPdetails label {
	color:#EAEAEA;
}
.LPdetails .lessonStats label {
	color:#888!important;
}
.button.btn_join {
	padding: 12px 38px 11px 12px;
	background: url(../assets/svg_sprite.png) #0D7EB9 no-repeat !important;
	background-position: 22px -542px!important;
	background-size: 129px 4073px!important;
	position: absolute!important;
	bottom: 15px;
	right: 15px;
}
.button.btn_join.joined {
	background: url(../assets/svg_sprite.png) #FFF no-repeat!important;
	background-position: 38px -1831px!important;
	background-size: 129px 4073px!important;
	color: #333!important;
	padding: 10px 30px 10px 12px;
	border: 1px solid #DDD;
	border-top: 2px solid #DDD;
	pointer-events:none;
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	-ms-transition:none;
	transition:none;
}
.button.btn_join.joined.pending {
	opacity:.5;
	padding-right: 65px;
}
.button.btn_join.joined.pending:after {
	content: "Pending";
	color: #FFF;
	font-size: 13px;
	position: absolute;
	margin: 3px 0 0 6px;
	background-color: #797068;
	padding: 1px 5px 2px 5px;
	border-radius: 4px;
}
.btn_close.searchClasses, .btn_close.removeStudent, .btn_close.removeUser {
	background-size: 30px 30px!important;
	margin-top: 13px;
	margin-right:17px!important;
	height: 28px;
	width: 28px;
	border: none;
	opacity:0.5;
}
.btn_close.removeStudent, .btn_close.removeUser {
	background: url(../assets/svg_sprite.png) no-repeat;
	background-size: 129px 4073px!important;
	background-position: -25px -108px!important;
}
.btn_close.removeStudent, .btn_close.removeUser, .activityScore {
	position: relative;
	margin-top: 5px;
	right: -22px!important;
	top: 0px!important;
	margin-bottom: 0px;
	float: right;
	clear: none!important;
	opacity: 0.2;
	text-indent: 999em;
}
.activityScore {
	margin-bottom: 6px!important;
	right:0px!important;
	opacity: 1;
}
.activityScore.alert, .activityScore.great {
	background-color:#b92525!important;
	color:white;
	padding:0px 5px 0px 5px;
	font-weight:bold;
	border-radius:3px;
}
.activityScore.great {
	background-color:#82A74D!important;
}
.btn_accept {
	visibility: visible;
	height: 20px;
	margin: 6px 6px 0px 0px;
	float: left;
	padding: 0 10px 1px 10px;
	display: block;
	border-radius: 88px;
	border: 1px solid #999;
	background-color: #0D7EB9;
	cursor: pointer;
	right: 30px;
	border: 1px solid #064f75;
	color: white;
	font-size: 11px;
	font-family: 'Lucida Grande';
}
body.teacher .btn_accept.loading {
	background: url(../assets/ajax-loader.gif) #0D7EB9 no-repeat!important;
	background-position: center 7px!important;
	background-size: 48%!important;
	line-height: 8em;
}
.btn_accept:hover, .tick, .cross {
	background: url(../assets/svg_sprite.png) #fff no-repeat;
	background-position: -28px -1844px!important;
	background-size: 129px 4073px!important;
	border:1px solid #888;
	padding-left: 18px;
	color: #333!important;
	text-shadow:none!important;
}
.tick, .cross {
	height: 30px;
	margin-left: -30px;
	width: 30px;
	background:url(../assets/svg_sprite.png) transparent no-repeat;
	background-position: -49px -3146px!important;
	background-size: 220px 6947px!important;
	border:none;
}
.cross {
	background-position: -49px -3053px!important;
}
ul.studentList li:hover .btn_close.removeStudent, ul.userList li:hover .btn_close.removeUser {
	opacity:0.8;
}
ul.studentList {
	/*border-bottom:1px solid #B6ADA3;*/
	background: url(../assets/bg.jpg) #F1EEEB repeat-x 170px -360px !important;
	float:left;
	padding:5px 10px 0px 10px;
	margin:-1px -10px 4px -10px;
	border-radius:3px;
	width: 102.1%;
}
.studentsCompleted ul.studentList {
	width:104.5%;
}
ul.studentList h3 {
	font-size:18px;
}
ul.studentList li, ul.userList li {
	display:block;
	border-bottom: 1px solid #CFCFCF;
	border-top: 1px solid white;
	float:left;
	width:100%;
	text-align:left;
	width: 100%;
}
.classHolder ul.studentList li {
	width: 49.8%;
	padding-left: 18px;
}
ul.studentList li a, ul.userList li a {
	display: block;
	float: left;
	padding: 7px 0 0px 0;
	width:auto;
	margin-right: -15px;
	font-size: 13px;
}
ul.studentList li a span, ul.userList li a span {
	color: #999;
	margin-left: 8px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-radius: 4px;
	padding: 0 4px;
}
.contentTime, .contentViews {
	display:block;
	border-right:1px solid #555;
	float:left;
	padding: 0px 13px 0px 13px;
}
.contentViews {
	border-right:0px solid #333;
	border-left:2px solid black;
}
/*  Content Modals */
#contentModal, #contentWebModal, .centeredVideoModal {
	position: fixed!important;
	min-height: 100%!important;
	width: 100%!important;
	margin: 0px!important;
	left: 0px!important;
	top:100%!important;
	border-radius:0px!important;
	z-index:999999!important;
	background-image:none!important;
	background-color:transparent!important;
}
#contentModal.open, #contentWebModal.open, .centeredVideoModal.open {
	top:0!important;
}
#contentModal .button.btn_Add, #contentWebModal .button.btn_Add {
	margin: -10px 0px 0 0!important;
	position: absolute!important;
	right: 238px;
}
#contentModal .twelve.columns, #contentWebModal .twelve.columns, .centeredVideoModal .twelve.columns {
	height: calc(100% - 110px);
	display: table;
 width: calc(100% - -60px);
	position: absolute;
	top: 90px;
	left: 0;
	margin: 0;
	padding: 0;
}
.centeredVideoModal .twelve.columns {
	height: 100%;
	width:100%;
	top: 0px;
}
/**/
#contentWebModal .twelve.columns {
	display: block!important;
}
#contentWebModal .twelve.columns .contentHolder {
	display: block;
	margin-left: -20px;
	width: calc(100% - 20px);
}
/* temp change - these should only apply to #contentWebModal*/

#contentModal .twelve.columns, .centeredVideoModal .twelve.columns {
	display: block!important;
}
#contentModal .twelve.columns .contentHolder {
	display: block;
	margin-left: -20px;
	width: calc(100% - 20px);
	overflow:hidden;/*  / temp change */
}
.centeredVideoModal .twelve.columns .contentHolder {
	display: block;
	margin-left:0px;
	width:100%;
	overflow:hidden;/*  / temp change */
}
.multimediaQuestions {
	float: left;
	width: 100%;
	padding: 15px;
	margin-top:20px;
}
.contentHolder {
	text-align:center;
	display: table-cell;
	vertical-align: middle;
	background-color: #000!important;
	height: 100%;
	zoom: 1;
}
.contentHolder iframe {
	padding: 0px;
	overflow: auto!important;
	background-color:#fff;
	width: calc(100% - 100px);
	text-align: left;
	border: 0px solid #FFF;
	border-radius: 6px!important;
	margin-top: 0px!important;
	top: 0px;
	position: relative;
	height: 100%;
}
.contentHolder #video_iframe {
	background-color: rgba(0, 0, 0, 0);
	height: 400px;
	width: 540px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
#multimediaModal .contentHolder, #multimediaModalEdit .contentHolder {
	overflow: hidden!important;
	height:90.5%;
	vertical-align: top;
	display: block;
	width: 66.75%;
	margin:0 0 0 -10px;
}
#multimediaModal .contentHolder iframe, #multimediaModalEdit .contentHolder iframe {
	margin-left: 0px;
	width: 100%;
}
#multimediaModal .twelve.columns:nth-child(1), #multimediaModalEdit .twelve.columns:nth-child(1) {
	padding-bottom:20px;
}
#contentModal:after, #contentWebModal:after, #contentModalContentAddtoNote:after, .centeredVideoModal:after {
	content: "";
	background: url(../assets/board_bg.jpg) -100px -100px!important;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: -1;
}
#contentModal h2, #contentWebModal h2, #contentModalContentAddtoNote h2 {
	color: #bbb;
	font: 20px "ft_font", tahoma, sans-serif;
	max-width: 30%;
	margin: 5px auto 35px auto!important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#contentModal .close-reveal-modal.btn_close, #contentWebModal .close-reveal-modal.btn_close, #contentModalContentAddtoNote .close-reveal-modal.btn_close, .new_entity.new_school .btn_close, .centeredVideoModal .btn_close {
	top: 26px!important;
	right: 14px;
	background: url(../assets/svg_sprite.png) no-repeat;
	background-position: -20px -43px!important;
	background-size: 129px 4073px!important;
}
.centeredVideoModal .btn_close, #fullscreen .objectiveList.LPobjectives .LPobjective .centeredVideoModal .btn_close {
	display: block!important;
	background-position: -20px -43px !important;
	right: 10px!important;
	height: 40px!important;
	width: 40px!important;
	top: 10px!important;
}
/*profile*/
.classes {
	padding:0px;
}
.classHolder {
	background: url(../assets/bg.jpg) #F1EEEB repeat-x center -330px;
	border-top: 1px solid #F6F5F4;
	border-left: 1px solid #F6F5F4;
	border-radius:3px;
	margin:0% .5% 1% .5%;
	padding:2%;
	position:relative;
	float:left;
	display:block;
	width:49%;
	border-right: 1px solid #cdc9c4;
	border-bottom: 1px solid #cdc9c4;
}
.classes.teachers .classHolder.viewOnly {
	width: 31%;
	margin-right: 0.5%;
	margin-left: 1.5%;
}
.classes.teachers .classHolder.viewOnly .nine.columns {
	color:#eaeaea!important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.classHolder .twelve.columns {
	float:left;
}
.classes.teachers .classHolder .twelve.columns, .reveal-modal .classHolder .twelve.columns {
	margin-right:15px;
	background: #EDE9E6;
	background: url(../assets/bg.jpg) #F1EEEB repeat-x center 0px;
	border-radius:3px;
}
.ac-container .classes.teachers .classHolder .twelve.columns {
	width:32.1%;
}
.classes.teachers .classHolder, .reveal-modal .classHolder {
	width:100%;
	min-height:40px;
	background: #EDE9E6;
	background-image:none;
	box-shadow:none;
}
.classes.teachers .classHolder, .classes.teachers .classHolder .twelve.columns:last-child, .reveal-modal .classHolder, .reveal-modal .classHolder .twelve.columns:last-child {
	float:left;
	margin-right:0px;
}
.classes.teachers .classHolder {
	background: url(../assets/board_light_bg.jpg) #353535 -100px -100px;
	border-top: 0px solid #F6F5F4;
	border-left: 0px solid #F6F5F4;
	border-bottom: 1px solid #555;
	border-right: 1px solid #555;
}
.reveal-modal .classHolder {
	background: url(../assets/bg.jpg) #F1EEEB repeat-x top;
	border:none;
	border-bottom: 1px solid #F6F5F4;
	border-right: 1px solid #F6F5F4;
}
.classHolder h2 {
	font-size:21px;
}
.classHolder h3 {
	font-size: 18px;
	height: 34px;
	padding: 8px 10px 30px 10px!important;
	margin: 0 -10px 0 -10px;
	display: block;
	color: #444!important;
	clear: both;
	border-radius: 3px;
	border-bottom: 2px solid #B6ADA3;
}
.studentsCompleted .ActivityAnalytics h3 {
	font-size: 18px;
	padding: 10px 10px 10px 15px;
	width: 100%;
	text-align: left;
	margin: 0px -20px 0 -3px;
	color:#eee;
}
.studentsCompleted .ActivityAnalytics h3 .button.primary.btn_message, .analyticsBottom .button.primary.btn_message {
	float: right;
	padding: 5px 14px 5px 36px;
	font: 16px "ft_font", tahoma, sans-serif;
	margin-right:-4px;
	margin-top: -4px;
	background: url(../assets/svg_sprite.png) #222 no-repeat!important;
	background-size: 85px 2684px!important;
	background-position: -38px -2440px!important;
	border: 1px solid #000!important;
	z-index:9;
}
.analyticsBottom .button.primary.btn_message, .analyticsBottom .button.primary.btn_message, .activityTable .twelve .button.primary.btn_message {
	padding: 10px 14px 10px 40px;
	margin-top: -12px;
	background: url(../assets/svg_sprite.png) #fafafa no-repeat!important;
	background-size: 100px 3158px!important;
	background-position: -45px -2902px!important;
	text-shadow: none;
	color: #877d72!important;
	font: 19px "ft_font", tahoma, sans-serif;
	border: 1px solid #a19173!important;
	margin-right: 8px;
}
.studentsCompleted .ActivityAnalytics.show {
	display:none!important;
}
#analyticsModal .ActivityAnalytics.show, #resultsModal .ActivityAnalytics.show {
	display:block!important;
	margin: 0;
	clear: both;
	display: block;
	width: calc(100% - 58px);
	width:100%!important;
	height:100%!important;
	top:0px!important;
	left:0px!important;
}
#analyticsModal, #resultsModal {
	height: 510px;
	margin-left: -320px;
	width: 640px;
	z-index: 9999999;
}
#analyticsModal ul.studentList li .button.primary.btn_message {
	margin-right: 5px;
}
#analyticsModal ul.studentList li .button.secondary {
	position: absolute!important;
	margin: 0;
	/*right: 45px;  when message button is in */
  right: 10px;
	margin-top: -23px;
	padding: 3px 8px;
}
#analyticsModal .ActivityAnalytics h2 {
	margin: 2px 2px 0 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 350px;
}
#analyticsModal ul.studentList li {
	padding: 3px 0px 3px 0px;
}
.classes .btn_close.deleteClass {
	top: auto!important;
	margin-top: -28px!important;
	height: 23px;
	width: 23px;
	right:1px;
	background: url(../assets/svg_sprite.png) no-repeat;
	background-position: -10px -24px!important;
	background-size: 70px 2210px!important;
}
.urgentTask .button {
	float:right;
}
.urgentTask .button.secondary {
	padding: 6px 12px 6px 12px;
	margin: -6px 18px -10px 0;
}
.urgentTask .button.primary {
	padding: 6px 12px 6px 12px;
	margin:-6px -8px -8px 0;
}
.urgentTask .button.secondary {
	float:right;
	padding: 6px 12px 6px 12px;
	margin: -6px 18px -10px 0;
	color: #CCC!important;
	border: 1px solid #666!important;
	background-color:#222!important;
	background-image:none!important;
}
.notify_classInvites {
	float:right;
	margin:-42px 0px 0 0;
}
.notify_classInvites label {
	font-size: 16px!important;
	padding: 7px 18px;
	border-radius: 4px;
	background-color: #ECDD9C;
	color: #44402D;
	margin: 0px 0 -10px 0;
	border-top: 1px solid #44402D;
	pointer-events: none;
}
.notify_classInvites label:after {
	display:none;
}
.notify_classInvites .btn_accept:hover {
	padding: 0 10px 2px 18px;
}
.classWrapper {
	margin-top:-6px;
}
.classWrapper .panelIndentFlat {
	border-radius:14px;
	background: url(../assets/bg_dark.jpg) #353535 -100px -100px;
}
.classWrapper h1 {
	font-size: 28px;
	color: #777;
	margin-top:-10px;
	margin-bottom:18px;
	margin-left:-10px;
}
body.teacher .classWrapper h1 {
	margin-left:-20px;
}
.btn_tokens {
	float: left;
	margin: -52px 0 0 128px;
	font: 16px "ft_font", tahoma, sans-serif;
	padding: 6px 12px 6px 12px;
	color: #CCC!important;
	border: 1px solid #666!important;
	background-image: linear-gradient(bottom, #3A3A3A 1%, #636363 100%);
	background-image: -o-linear-gradient(bottom, #3A3A3A 1%, #636363 100%);
	background-image: -moz-linear-gradient(bottom, #3A3A3A 1%, #636363 100%);
	background-image: -webkit-linear-gradient(bottom, #3A3A3A 1%, #444 100%);
	background-image: -ms-linear-gradient(bottom, #3A3A3A 1%, #636363 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#595959', endColorstr='#474747', GradientType=0 );
}
.classWrapper .editable {
	margin-top: -10px;
	background-image: url(../assets/icon_search_dark_svg.png)!important;
	background-position: 8px 6px;
	background-repeat: no-repeat!important;
	background-size: 18px 18px;
	padding-left: 34px;
	margin-left:10px!important;
}
.classWrapper .editable:hover {
	background-position: 8px 38px;
	background-size:18px 18px!important;
	padding-left:8px;
}
.classHolder .three.columns {
	color:#888;
	font-size:12px;
	padding-left:0px;
}
.classHolder .nine.columns {
	font-size: 14px;
	padding-left: 0px;
	padding-right: 18px;
}
.profileBox .lessonStats {
	background-color:#f4f4f4;
	border-radius: 3px!important;
	padding:22px 38px 0px 38px!important;
	min-height:299px;
	margin:-5px;
	border-left:1px solid #e2e2e2;
}
.reveal-modal .six.columns input, .addMedia textarea {
	text-align: left!important;
	background-color: #2e2e2e;
	border: 1px solid #444;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	color: #ccc;
}
.button.small.secondary.btn_updateInfo, .button.small.secondary.btn_saveChanges {
	position:absolute!important;
	top:0px;
	right:-147px;
	padding: 4px 10px 4px 10px;
}
.button.small.secondary.btn_saveChanges {
	position:relative!important;
	top:5px;
	float:right;
	right:0px;
}
.profileBox .lessonStats .row {
	margin-bottom: 0px;
	border-bottom: 1px solid #cfcfcf;
	border-top: 1px solid #fff;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 13px;
	color: #999;
}
.profileBox .lessonStats .row .seven.columns {
	text-align:right;
}
.lessonStats .row:last-child {
	border-bottom: 0px solid #cfcfcf;
}
.panel.lesson {
	margin:0 15px 0 15px;
}
.button.btn_newQuestion {
	top:0px!important;
	margin:8px 0 0px 0!important;
	box-shadow: 0px 0px 3px 0px #8a847b;
	border:none!important;
	position:absolute;
}
.isUsed, .remediate, .retake {
	/*visibility:hidden;*/
	position: absolute;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	height:20px;
	width:20px;
	margin:1px 0px 0px 33px;
	float:right;
	padding:0;
	display:block;
	border-radius:88px;
	border:1px solid transparent;
}
.isUsed.true, .remediate, .retake {
	visibility:visible;
	border:1px solid #999;
	background: url(../assets/svg_sprite.png) #fff no-repeat;
	background-position: -28px -1844px!important;
	background-size: 129px 4073px!important;
}
.remediate, .retake {
	height:16px;
	width:16px;
	margin:1px 0px 0px 37px;
	background-position: -84.5px -1847.5px!important;
	background-color:#68be58;
}
.retake {
	height:16px;
	width:16px;
	margin:1px 0px 0px 37px;
	background-position: -84.5px -1815.5px!important;
	background-color:#111;
	border:2px solid rgba(255, 255, 255, 0.5);
}
.retake span {
	width: 20px;
	text-align: right;
	margin-left: -20px;
	color: #c6e8c0;
	margin-top: -3px;
	margin-right: 0px;
	float: right;
	font-size: 11px;
	padding-right: 17px;
}
.key {
	text-align:left;
	box-shadow: inset 2px 2px 8px 0px #DCD7D3;
	padding: 10px 10px 10px 10px;
}
.key a {
	color: #498a37;
}
.reveal-modal .key p {
	margin: 0 0 0 46px!important;
	color: #777;
	font-size:12px;
}
.contentLoader {
	min-height:300px;
}
.contentLoader.loading, .progressPanel .contentLoader.loading, .progressData .contentLoader.loading {
	background-position: center 150px!important;
}
.remObjective {
	background-color: #68be58!important;
	color: white!important;
}
.lessonPlan dd.active .remediate {
	margin: -2px 0px 0px 41px;
}
.remediate:hover:before, .isUsed.true:hover:before {
	width: 0;
	height: 0;
	border-left: 20px solid #111;
	border-right: 20px solid transparent;
	border-bottom: 20px solid transparent;
	position: relative;
	margin: -14px 0px -50px 10px;
	position: relative;
	content: "";
	opacity: 0.6;
	display: block;
}
.remediate:hover:after, .isUsed.true:hover:after {
	content: "Remediation Objective";
	font-size: 12px;
	background-color: #111;
	opacity: 0.6;
	padding: 5px;
	display: block;
	width: 130px;
	position: relative;
	color: white;
	border-radius: 8px;
	margin: -24px 0px 0px -14px;
	text-align: center;
}
.isUsed.true:hover:after {
	content: "Previously Assigned";
	width: 125px;
}
.reveal-modal .isUsed {
	margin: -1px 30px 0px 19px;
	z-index: 9;
}
#areYouSure, .areYouSure, #areYouSureAssessment, #acceptAll, #deleteLPs, #deleteLP, #deleteLPsWithOBJ, #deleteClass, #deleteCourse, .areYouSure {
	max-width:400px;
	margin-left:-200px;
	position:fixed;
}
#deleteLPs, #deleteLPsWithOBJ {
	max-width: 600px;
	margin-left:-250px;
}
#areYouSure p, .areYouSure p, #areYouSureAssessment p, #acceptAll p, #deleteLPs p, #deleteLPsWithOBJ p, #deleteClass p, #deleteLP p, .areYouSure p {
	text-align:center;
}
#createClassModal, #standardModal {
	max-width:500px;
	margin-left:-250px;
	position:fixed;
}
.reveal-modal form.custom div.custom.dropdown a.current {
	background-color: #FFF;
	line-height: 1em!important;
	min-height: auto!important;
	color: #888!important;
	border-radius: 5px;
	font-size: 14px;
	text-align: left;
	padding-left: 8px;
	padding: 8px 35px 8px 8px!important;
	border: 1px solid #CCC;
}
.reveal-modal form.custom div.custom.dropdown a.selector {
	right: 0px;
	height: 32px!important;
}
.reveal-modal form.custom div.custom.dropdown ul li {
	text-align: left;
}
div.error {
	clear:both;
}
.reveal-modal div.error {
	margin-top:23px;
}
#areYouSure.reveal-modal p, #deleteClass.reveal-modal p, #deleteLP.reveal-modal p, #deleteCourse.reveal-modal p, .areYouSure p {
	margin: 0px 0 0 0px!important;
}
#areYouSure .button strong, #areYouSureAssessment .button strong, #acceptAll .button strong, #deleteLPs .button strong, #deleteLPsWithOBJ .button strong, #deleteClass .button strong, #deleteLP .button strong,  #deleteCourse .button strong, .areYouSure .button strong {
	font-size:18px!important;
}
#areYouSure.reveal-modal .button, .areYouSure .button, #acceptAll.reveal-modal .button, #areYouSureAssessment.reveal-modal .button, #deleteClass.reveal-modal .button, #deleteLP.reveal-modal .button,  #deleteCourse.reveal-modal .button {
	padding: 14px 40px 14px 40px;
}
.objectiveList li.LPobjective input {
	border:1px dotted transparent;
	width:97%;
}
/*  editable fields */
.objectiveList li.LPobjective input.editable, input.editable, textarea.editable, .editable {
	padding-left:18px;
	background:transparent;
	box-shadow:none;
	border:1px dotted transparent;
	border-bottom:1px dotted #A09F9B;
	padding-left:0;
	background: url(../assets/icon_editable_svg.png) right bottom no-repeat;
	background-size:0px 0px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	padding-bottom: 0px;
}
.editable.disabled, .editable.disabled:hover {
	background-image:none;
	line-height: 1.3em;
}
.editable {
	border-radius:0px!important;
}
.objectiveList li.LPobjective input.editable:hover, input.editable:hover, textarea.editable:hover, .editable:hover {
	background: url(../assets/icon_editable_svg.png) right bottom no-repeat;
	background-size:14px 17px;
}
a.btn_editDeadline {
	color:#bbb;
	font-size: 12px;
}
a.btn_editDeadline:after {
	background: url(../assets/icon_editable_white_svg.png) right 4px no-repeat;
	background-size: 13px 12px;
	display: inline-block;
	border-radius: 4px;
	background-color: #333;
	border: 1px solid #888;
	content: "Edit";
	padding: 0px 16px 0px 4px;
	font-size: 11px;
	color: #EEE;
	margin-left:5px;
}
.tableObjective {
	display:block;
	padding-left:18px;
	margin-bottom:4px;
}
.tableObjective:before {
	background: url(../assets/svg_sprite.png) no-repeat!important;
	background-size: 129px 4073px!important;
	background-position: -25px -1509px!important;
	content: "";
	height: 25px;
	width: 25px;
	position: absolute;
	margin-left: -25px;
}
.tableObjective.objective-completed:before {
	background-position: -57px -1509px!important;
}
.tableObjective.objective-failed:before {
	background-position: -89px -1509px!important;
}
.tableObjective.done {
	text-decoration:line-through;
}
.row.modalObjective {
	padding: 15px 0 0px 0;
	border-top: 1px dotted #CCC;
	background: url(../assets/divider.png) no-repeat center -60px;
	background-size: 100%;
}
.row.modalObjective .remediate {
	margin: 8px 0px 0px 34px!important;
}
.row.modalObjective:first-child {
	background: none!important;
	border-top: 0px solid #CCC;
	padding-top:0px;
}
.modalObjective .eleven.columns {
	text-align:left;
	padding-left:60px;
}
.modalObjective .eleven.columns:before {
	background: url(../assets/svg_sprite.png) no-repeat!important;
	background-size: 129px 4073px!important;
	background-position: -27px -1509px!important;
	height: 20px;
	width: 20px;
	content: "";
	display: inline-block;
	margin-left: -42px;
	margin-right: 20px;
	margin-bottom: -6px;
}
/* content panel */
.openContent {
	position:fixed!important;
	width:100%!important;
	left:0;
	margin-top:-70px;
	-webkit-transition: all 0.1s ease-in-out;
	-webkit-transition-delay:0s;
}
.btn_closeContent, .closeDiscussion {
	background: url(../assets/svg_sprite.png) no-repeat;
	background-size: 129px 4073px!important;
	height: 45px;
	width: 45px;
	display: block;
	right: 11px!important;
	top: 10px;
	position: absolute!important;
	cursor: pointer;
	left: auto!important;
	-webkit-animation: none!important;
}
.closeDiscussion {
	background-position: -74px -212px!important;
}
.btn_closeContent {
	background-position: -14px -43px !important;
}
.openContent .btn_closeContent {
}
.hiddenContent {
	opacity:0;
	display:none;
	right:-9000px;
	-webkit-transition-delay:0s;
}
.openContent .hiddenContent {
	opacity:1;
	position:relative;
	right:auto;
	left:0;
	display:block;
	-webkit-transition-delay: 0.1s;
}
.rightPanelIndent {
	width:100%!important;
	max-width:100%!important;
	display:block;
}
.btn_more {
	float: right;
	border: 1px solid #AAA;
	color: #CCC;
	padding: 8px 14px 8px 14px;
	border-radius: 5px;
	margin: 5px 45px 0 0;
	font-size: 13px;
	background-color: #585757;
	line-height: 1em;
	margin-top: -5px;
	font-size: 14px;
}
.openContent .btn_more {
	display:none;
}
.openContent .contentResources h4 {
	margin-top: 10px;
	margin-left: 20px;
}
.openContent .contentResources {
	height: 95%;
	overflow-y: auto;
	height: calc(100% - 48px);
}
.panelDark.openContent {
	height:100%!important;
}
.resource_tools {
	border: 1px solid #AAA;
	float: left;
	margin: -7px 0 14px 20px;
	border-radius: 6px;
	background-color: #585757;
	max-width: 50%;
	padding: 7px 14px 7px 14px;
	color: #CCC;
}
.resultsPage .resource_tools {
	float:right;
	margin: -58px 0 14px 20px;
	background-color:#444;
	border: 1px solid #888;
}
.panelDark .search_filters, .teacher .panelDark .search_filters, .resultsPage .search_filters {
	width: auto;
	margin:0px!important;
	background-image: none;
	padding: 0 0 0 15px;
	float: left;
	clear: none;
	top:-108px;
	pointer-events: none!important;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	display: block;
	position: absolute;
	border-radius: 6px;
	background-color: #545454;
	position: absolute;
	border-radius: 6px;
	background-color: #545454;
	height: auto;
	max-height: 370px;
	overflow: hidden;
	overflow-y: auto;
	width: 580px;
	bottom: 215px;
	top: auto;
	padding-bottom: 20px;
	border: 8px solid #666;
	box-shadow: 4px 4px 18px 0px #000!important;
	background: url(../assets/bg_dark.jpg) #444 repeat-x 0 -280px !important;
	left: -675px;
	z-index: 9999999;
}
.panelDark.previewContent.openContent .search_filters, .resultsPage .search_filters {
	bottom:auto;
	top:1%;
}
.resultsPage .search_filters {
	left: 150%;
	top:-8%;
}
.resource_tools:hover .search_filters {
	left: 275px;
}
.resultsPage .resource_tools:hover .search_filters {
	left: 100px;
}
.panelDark.previewContent .search_filters, .teacher .panelDark.previewContent .search_filters, .resultsPage .search_filters {
	pointer-events: auto!important;
}
.panelDark .search_filters input, .panelDark .search_filters label, .resultsPage .search_filters label {
	margin-top:18px!important;
	margin-left: 10px;
}
.panelDark.previewContent {
	bottom:-20px!important;
	opacity:1;
}
.panelDark .search_filters a, .resultsPage .search_filters a {
	position:absolute;
	top:-2px;
	right:-2px;
	border: 2px solid #666;
	border-radius:3px;
	background-color:#666;
	padding:0 3px 2px 6px;
	color:white;
}
.panelDark .search_filters label, .resultsPage .search_filters label {
	color:#ccc;
	margin: 0px 21px 0 5px;
	min-width: 153px;
}
.panelDark form.custom div.custom.dropdown {
	width:30%!important;
	float:right;
}
.panelDark form.custom div.custom.dropdown a.current {
	margin: 0px;
	line-height: 8px;
	min-height: 25px;
	height: 35px;
	font-size: 15px;
	padding: 12px;
	padding-right: 38px;
	border: solid 1px #555;
	border-bottom: 2px solid #666!important;
	border-right: 2px solid #666!important;
	background-color: #444;
	text-align: left;
}
.panelDark form.custom div.custom.dropdown a.selector {
	border: solid 1px #666;
	height: 34px;
}
.hiddenContent.show {
	opacity:1;
	position:relative;
	right:auto;
}
.button.btn_lessonPlan, .btn_Add, .button.btn_addActivity, .button.btn_test, .btn_newNote, .btn_newSchool {
	background: url(../assets/svg_sprite.png) #555 no-repeat;
	background-size: 129px 4073px!important;
	background-position: -8px -2103px!important;
	background-color:#0D7EB9;
	padding-left: 60px;
}
.button.btn_lessonPlan:hover, .btn_Add:hover, .button.btn_addActivity:hover, .button.btn_test:hover {
	background-color:#222!important;
	box-shadow: 0 1px 0 #444 inset!important;
}
table .lessonResults .button.primary:hover {
	background-image: linear-gradient(bottom, #222 1%, #555 100%);
	background-image: -o-linear-gradient(bottom, #222 1%, #555 100%);
	background-image: -moz-linear-gradient(bottom, #222 1%, #555 100%);
	background-image: -webkit-linear-gradient(bottom, #222 1%, #555 100%);
	background-image: -ms-linear-gradient(bottom, #222 1%, #555 100%);
}
table .lessonResults .button.primary:hover .numberLeft {
	border: 1px solid #000;
	background-color: #222;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
.button.btn_Add {
	background: url(../assets/svg_sprite.png) no-repeat;
	background-size: 129px 4073px!important;
	background-position: -8px -2103px!important;
	background-color:#0D7EB9!important;
	float:right;
	margin:-35px 0 0 0;
}
.button.btn_Add:hover {
	background-color:#111!important;
}
.ac-container .button.btn_lessonPlan, .ac-container .button.btn_course {
	position: absolute!important;
	right: 175px;
	margin-top: -11px;
	padding: 9px 12px 9px 42px;
	background-position: -14px -2107px!important;
}
.ac-container .button.btn_lessonPlan, .course_holder .button.assessment.assign {
	border: 1px solid #666;
	background-color: rgba(0, 0, 0, 0.1)!important;
	font-size: 18px;
}
.course_holder .ac-classes .emptyMessages p {
	margin: 20px 30px 30px 30px;
}
.course_holder .lessonAssign {
	 width: 15%;
  	padding-right: 12px;
}
.ac-container .button.btn_course {
	right: 18px;
	background: url(../assets/svg_sprite.png) #0D7EB9 no-repeat;
	background-size: 129px 4073px!important;
	background-position: -75px -3060px!important;
	border-bottom: 1px solid #111;
	margin-top: -13px;
}
article.ac-classes table {
	margin-top: 12px;
}
.button.btn_Add.light {
	background: url(../assets/svg_sprite.png) #f1eeec no-repeat!important;
	background-size: 129px 4073px!important;
	background-position: -12px -2448px!important;
	color: #1D1D1D!important;
	border: 1px solid #C3C3C3!important;
}
.tabsHolder .button.btn_Add.light {
	font: 16px "ft_font", tahoma, sans-serif!important;
	padding: 10px 10px 10px 45px!important;
	min-height: 30px;
	margin: -3px 10px 0 0px!important;
	background-position: -28px -1995px!important;
	background-size: 185px 5841px!important;
}
.button.btn_test {
	background: url(../assets/svg_sprite.png) #555 no-repeat;
	background-size: 129px 4073px!important;
	background-position: -12px -2276px!important;
	background-color:#0D7EB9!important;
	float:right;
	margin-bottom:10px;
	margin-top:-5px;
	padding: 10px 14px 10px 45px!important;
	margin-left: 10px;
}
.quizActions {
	border-left: 1px solid #666!important;
	border-top: 1px solid #666!important;
	border: 1px solid #222;
	background: url(../assets/bg_dark.jpg) #444 repeat-x right -188px;
	border-radius: 6px;
	float: left;
	display: block;
	padding: 18px 12px 4px 18px;
	width: 100%;
	margin: -28px 0 30px 0;
}
.quizActions p {
	font: 16px "ft_font", tahoma, sans-serif;
	color: #CCC;
	float: left;
	padding: 0px 0px 0px 8px;
	width: 138px;
	line-height: 1.1em;
}
.button.btn_lessonCopy, .button.btn_lessonView, .button.btn_lessonSave, .button.btn_lessonAssign, .button.btn_back, .button.btn_fullscreen {
	background: url(../assets/svg_sprite.png) #555!important;
	background-repeat:no-repeat!important;
	background-size: 129px 4073px!important;
	background-position: -12px -978px!important;
	font-size:16px;
	padding: 10px 18px 10px 50px;
}
.button.btn_lessonView {
	background-position: -12px -878px!important;
}
.button.btn_fullscreen {
	background-position: -12px -1946px!important;
}
.button.btn_lessonSave {
	background-position: -12px -929px!important;
}
.btn_lessonSave.active, .btn_resources.active {
	color:white!important;
	-webkit-animation: buttonFlash .8s infinite!important;
	-moz-animation: buttonFlash .8s infinite!important;
	-ms-animation: buttonFlash .8s infinite!important;
	-o-animation: buttonFlash .8s infinite!important;
	animation: buttonFlash .8s infinite!important;
}
 @keyframes buttonFlash {
0% {
background:#0D7EB9;
}
50% {
background:#000000;
}
100% {
background:#0D7EB9;
}
}
@-webkit-keyframes buttonFlash {
0% {
background-color:#0D7EB9;
}
50% {
background-color:#000000;
}
100% {
background-color:#0D7EB9;
}
}
 @-moz-keyframes buttonFlash {
0% {
background:#0D7EB9;
}
50% {
background:#000000;
}
100% {
background:#0D7EB9;
}
}
@-ms-keyframes buttonFlash {
0% {
background:#0D7EB9;
}
50% {
background:#000000;
}
100% {
background:#0D7EB9;
}
}
@-o-keyframes buttonFlash {
0% {
background:#0D7EB9;
}
50% {
background:#000000;
}
100% {
background:#0D7EB9;
}
}
.btn_contentAdd {
	width: auto!important;
	height: 45px!important;
	background: url(../assets/svg_sprite.png) no-repeat;
	background-size: 129px 4073px!important;
	background-position: -24px -2348px!important;
	border-radius: 8px!important;
	cursor:pointer;
	border:none;
	padding:5px 13px 0px 13px;
	height: 25px!important;
	border-radius: 80px!important;
	margin:-27px 2px 0 0px;
	float:right;
	cursor:pointer;
}
.contentThumb.added {
	margin-top:-180px!important;
	opacity:0;
	margin-right:-100%;
}
* .accordionButton {
	cursor:pointer;
}
.button.btn_removeQuestion {
	position:absolute!important;
	margin:3px 0px 0px 0px!important;
	left:695px!important;
	border:none!important;
	padding:5px!important;
	width:28px;
}
.accordionHolder {
	border-bottom: 1px dotted #A09F9B;
}
.lessonViewCreate .panel {
	height:300px;
	width:450px!important;
	float:none;
	margin:0px auto 10px auto!important;
	padding:90px 45px 10px 45px;
}
.lessonViewCreate .button_start {
	height:300px;
	width:300px!important;
	float:none;
	margin:0px auto 10px auto!important;
	padding:90px 45px 10px 45px;
	border-radius: 500px;
}
.classNameInput {
	font-size:20px!important;
	height:50px!important;
}
.selection {
	height:150px;
	padding:0px;
	overflow:hidden;
}
.selection a {
	font: 25px "ft_font-light", tahoma, sans-serif;
	height: 150px;
	margin: -50px 0 -50px 0!important;
	display: block;
	color: white;
	padding: 5px;
	font-size: 18px;
	background: url(../assets/imgHeadingB.png) repeat-x 0px 0px;
}
.headerButtons {
	position:relative!important;
	float:right;
	margin:81px -2px -80px 0;
	text-align:right;
}
.headerButtons .button.right {
	margin-right:8px;
	margin-left:0;
	border-bottom: 2px solid #111;
	border-right: 2px solid #111;
}
.handUp {
	width:290px;
	padding-right:0;
	margin:0px 20px 0 0;
}
.handUp .profilePic {
	float:left;
	height:50px;
	width:50px;
}
.handUp h2, .handUp span {
	float:left;
	font-size:16px;
	text-align:left;
	padding:10px;
	margin:-3px 0 -10px 5px;
	width:215px;
}
.handUp span {
	font-size:13px;
	color:#8c8177;
}
/* -----------------------------------------
  test
----------------------------------------- */
/* ---- marking slider --- */
/*! jQuery UI - v1.9.2 - 2012-11-23

/* date picker
----------------------------------*/
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position:relative;
	padding:.2em 0;
	box-shadow: none!important;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	position:absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
	cursor:pointer;
}
.ui-datepicker .ui-datepicker-prev {
	left:2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 75px;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top:13px;
	margin-top: -8px;
	background: url(../assets/svg_sprite.png) #0D7EB9 no-repeat;
	background-position: -13px -490px!important;
	background-size: 129px 4073px!important;
	background-repeat: no-repeat;
	background-color: #0D7EB9;
	border-radius: 8px;
	padding: 10px 10px 10px 45px;
	color: white;
	font-size: 18px;
}
.ui-datepicker .ui-datepicker-next span {
	background-position: 28px -434px!important;
	background-color: #0D7EB9;
	padding: 10px 45px 10px 13px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
	font-size: 28px;
}
.ui-datepicker .ui-datepicker-title select {
	font-size:1em;
	margin:1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
table.ui-datepicker-calendar {
	width: 100%;
	box-shadow: none;
	margin:0 0 .4em;
	height: 232px;
}
table.ui-datepicker-calendar tbody tr, table.ui-datepicker-calendar tbody tr:nth-child(even) {
	background-color:#f4f4f4!important;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
	color:white;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span, .ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding:0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width:auto;
	overflow:visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float:left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width:auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float:left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width:95%;
	margin:0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width:50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width:33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width:25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
	border-left-width:0;
}
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width:0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear:left;
}
.ui-datepicker-row-break {
	clear:both;
	width:100%;
	font-size:0em;
}
input#datepicker, input#Date, input#Time {
	width:50%;
}
body.teacher #ui-datepicker-div table {
	box-shadow:none;
}
#ui-datepicker-div {
	width: 50%;
	margin: 0 auto 0 auto!important;
	left: 25%!important;
	position: fixed!important;
	top: 60px!important;
	bottom: auto!important;
	height: auto;
	background-color: #F4F4F4;
	box-shadow: 0px 0px 18px 0px #000;
	font-family: "ft_font", tahoma, sans-serif;
}
#ui-datepicker-div .ui-state-default {
	border-radius: 3px;
	height: 40px;
	width: 100%;
	padding: 10px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin: 0px auto 0px auto;
	color: black;
	border: 1px solid #ddd!important;
	background-image: none;
	background-color: white;
}
#ui-datepicker-div .ui-state-default.ui-state-highlight {
	color: #2699d5;
	box-shadow: inset -3px -3px 38px #c4e4f4;
}
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	outline: none;
}
.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	zoom: 1;
	width: 100%;
}
.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	zoom: 1;
	font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}
.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
	cursor: default;
}
/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}
/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}
/* slider */
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}
.ui-slider .ui-slider-handle, .ui-slider .ui-slider-range {
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}
.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.slider .ui-slider-horizontal .ui-slider-range-min {
	background-color: #2896cf;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}
/* Component containers
----------------------------------*/

.ui-widget input {
	font-family: Verdana, Arial, sans-serif/*{ffDefault}*/;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #ccc;
	background-color:#fff;
	width:85%;
	height:15px;
	border-radius:8px;
}
.ui-widget-header {
	border-radius: 8px;
	margin-bottom: 4px;
}
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background-color: #0D7EB9;
	border-radius: 80px;
	height: 20px;
	width: 20px;
	border: 1px solid #0D7EB9;
	border-bottom: 1px solid #156B98;
}
/* Misc visuals
----------------------------------*/
.questionsHolder {
	width: auto;
	overflow: hidden;
	overflow-x: auto;
	float: left;
	white-space: nowrap!important;
	margin-top: 15px;
	border-radius: 6px;
	border:1px solid #bfbbb1;
	border-bottom: 1px solid #fff!important;
	border-right: 1px solid #fff!important;
	padding: 10px 0px 10px 10px;
	max-width: 410px;
	background-color:#e5e4e1;
}
.questionsHolder .button {
	display:inline!important;
}
.questionsContainer {
	float: left;
	margin-top: -15px;
}
.questionsContainer .button {
	margin-right:10px;
}
input.score, .reveal-modal .six.columns input.score {
	width: 18%;
	float: right;
	margin-right: -30px;
	background-color: #FFF!important;
	font-size: 28px;
	color: #222!important;
	box-shadow: none;
	margin-top: -26px;
	border: 1px solid #CCC!important;
	border-bottom: 2px solid #AAA;
	text-align: center!important;
	box-shadow: inset 2px 2px 3px 0px rgba(50, 50, 50, 0.35);
}
.slider {
	top: -5px;
}
#gradeManualTestModal h2 {
	font-size:32px;
}
#gradeManualTestModal .slider h2 {
	margin-top: 0px;
	margin-bottom: 30px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-bottom: 20px;
}
.reveal-modal .twelve.columns input.score {
	width: 80px;
	margin-right: 0px;
}
.slider .btn_help {
	top:-3px;
	margin-right:10px;
}
.slider label {
	text-align:left;
	max-width: calc(100% - 100px);
}
.button.primary, .button.secondary {
}
#testType .button.primary, #testType .button.secondary {
	margin: 0!important;
	width: 100%;
	background-color: #444!important;
	height: 128px;
	font-size: 22px;
	text-align: right;
	padding-right: 23px;
	margin-bottom: -20px!important;
	text-align: left;
	padding-left: 131px;
}
#testType .button.secondary:before {
	background: url(../assets/FT_generated-still.gif) no-repeat;
	background-size: 68px 68px;
	display: block;
	content: "";
	height: 68px;
	width: 68px;
	border-radius: 80px;
	float: left;
	margin-left: -104px;
	margin-bottom: 0px;
	border: 3px solid #ccc;
	margin-top: 16px;
}
#testType .button.secondary:after {
	background: #82A74D;
	background-size: 68px 68px;
	display: inline;
	content: "Beta";
	border-radius: 3px;
	float: none;
	margin-bottom: 0;
	color: #FFF;
	padding: 2px 8px;
	font-size: 16px;
	margin-left: 10px;
}
#testType .button.secondary.mcManual:after, #testType .button.secondary.open:after {
	display:none;
}
#testType {
	padding-bottom: 50px;
}
#testType .button.secondary:hover:before {
	background: url(../assets/FT_generated.gif) no-repeat;
	background-size: 68px 68px;
}
#testType .button.secondary.mcManual:before {
	background-size: 68px 68px!important;
	background: url(../assets/MC_classic-still.gif) no-repeat;
}
#testType .button.secondary.mcManual:hover:before {
	background-size: 68px 68px;
	background: url(../assets/MC_classic.gif) no-repeat;
}
#testType .button.secondary.open:before {
	background-size: 68px 68px!important;
	background: url(../assets/open-still.gif) no-repeat;
}
#testType .button.secondary.open:hover:before {
	background-size: 68px 68px;
	background: url(../assets/open.gif) no-repeat;
}
#testType .button.secondary:hover {
	border:1px solid #0D7EB9;
}
#testType .button.secondary strong {
	font-size: 26px;
	margin-top: 20px;
	display: block;
	margin-bottom: -30px;
}
#testType .button.secondary span {
	display: block;
	margin-top: -50px;
	max-width: 380px;
	font-size: 16px;
	color: #888!important;
	position: absolute;
	right: 24px;
	text-align: right;
}
#inputTextModal.reveal-modal h2, #manualModal.reveal-modal h2 {
	margin-bottom:10px!important;
}
#manualModal.reveal-modal .button.primary {
	margin-right:5px;
}
.reveal-modal#gradeManualTestModal .redactor-toolbar {
	display:none;
}
.reveal-modal#gradeManualTestModal .redactor-box {
	margin: -10px 0px 0px 0px!important;
}
.reveal-modal .question {
	font-size:18px;
	color:#222;
	text-align:center;
	padding: 24px 18px 8px 18px!important;
	background: url(../assets/imgHeadingB.png) repeat-x;
	background-position: right -80px;
	border-top: 1px solid #F6F5F4;
	border-radius: 18px;
	overflow-y: auto;
	text-align:center;
}
.reveal-modal .question ol {
	margin: 20px 0 20px 40px;
}
/* ----MC ordererd and unordered --- */
.widget-placeholder {
	border: 2px dotted #ccc!important;
	min-height:80px;
}
.MCquestionType {
	height:100%;
	z-index: 99999;
}
.MCquestionTypeUnordered, .MCquestionTypeOrdered {
	z-index:9;
	border-left: 1px solid #888;
	border-top: 1px solid #888;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	padding: 18px 0 0 18px;
	margin-left: -10px;
	z-index: 9;
}
.MCquestionTypeUnordered {
	margin-bottom:20px;
}
.widget-head label {
	cursor:move;
	margin-left:-20px;
}
.btn_unordered, .btn_ordered {
	display: block;
	clear: both;
	width: 100%;
	padding: 26px 26px 26px 108px;
	color:#fff!important;
	box-shadow:inset 0px 0px 8px 0px #333;
	font: 22px "ft_font-semibold", tahoma, sans-serif;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	border:1px solid #666;
	border-right:none;
	background-color:#3e3e3e;
}
.btn_unordered {
	margin-top:18px;
}
.btn_ordered.quizTip {
	width: 41%;
	float: right;
	margin-right: -38px;
	margin-top: -28px;
}
.btn_unordered:before, .btn_ordered:before {
	background: url(../assets/MC_classic-still.gif) no-repeat;
	background-size: 68px 68px;
	display: block;
	content: "";
	height: 68px;
	width: 68px;
	border-radius: 80px;
	float: left;
	margin-left: -88px;
	margin-bottom: -68px;
	border:2px solid #555;
}
.btn_ordered:before {
	background: url(../assets/drag-still.gif) no-repeat;
	background-size: 68px 68px;
}
.btn_ordered:hover:before {
	background: url(../assets/drag.gif) no-repeat;
	background-size: 68px 68px;
}
.btn_unordered:hover:before {
	background: url(../assets/MC_classic.gif) no-repeat;
	background-size: 68px 68px;
}
.btn_ordered.quizTip:after {
	display:none;
}
.btn_ordered span, .btn_unordered span {
	display:block;
}
.MCquestionType a span, .btn_ordered.quizTip span {
	clear:both;
	color:#ccc;
	padding-top:5px;
	padding-bottom:0px;
	font: 15px arial, tahoma, sans-serif;
	max-width: 400px;
}
.MCquestionType a.active {
	border: 1px solid #888;
	box-shadow: -8px -4px 8px 0px #333;
	border-right: 0px solid #888;
	background-color: rgba(0, 0, 0, 0);
	border-right: 1px solid #484848;
	margin-left: 1px;
	position:relative;
}
a.btn_addQuestion {
	border: 1px solid #666!important;
	background-color: #444!important;
	color: #CCC!important;
	padding: 8px 18px 8px 18px;
	border-radius: 4px;
	margin: 0px 0px 8px 0px;
	display: block;
	float: right;
}
.btn_close.deleteQuestion {
	top: auto!important;
	margin-top: -63px!important;
	height: 23px;
	width: 23px;
	right: 1px;
	background: url(../assets/svg_sprite.png) no-repeat;
	background-position: -12px -27px!important;
	background-size: 80px 2526px!important;
	opacity:0;
}/**/
body.teacher .btn_close.deleteQuestion {
	margin-top: -22px!important;
	opacity: 0;
}
.panelIndent ul li:hover .btn_close.deleteQuestion {
	opacity: 0;
}
body.teacher .panelIndent ul li:hover .btn_close.deleteQuestion {
	opacity: 1;
}
.widget:hover .btn_close.deleteQuestion {
	opacity:1;
}
/* ----modals --- */
.reveal-modal.test addMedia .button.primary {
	margin-top: -62px!important;
}
.reveal-modal.test h2 {
	margin-bottom:0px;
}
.reveal-modal .panelIndent {
	padding-left:20px!important;
	padding-right: 20px!important;
	padding-bottom: 58px;
	min-height: 400px;
	text-align:left;
	margin-top: 30px;
	overflow:hidden;
}
.reveal-modal .panelIndent img {
	max-width:100%;
}
.reveal-modal .panelIndent.testBegin {
	text-align:center;
	padding:135px 0 0 0;
	height: 400px;
	min-width:800px;
}
.reveal-modal .panelIndent.testBegin p, .reveal-modal .panelIndent.DNAresults p {
	font-size:18px;
}
.reveal-modal .panelIndent .button {
	margin-top:130px;
	margin-bottom:100px;
}
.reveal-modal .panelIndent h3, .reveal-modal p {
	margin:20px 0 0 20px!important;
}
#ManualTestModal h2 {
	margin-bottom:0px!important;
}
#ManualTestModal .redactor-box {
	/*max-height: 260px!important;*/
	min-height: 210px!important;
	overflow-x:hidden;
}
.reveal-modal p {
	margin:8px 20px 0 20px!important;
}
.reveal-modal iframe {
	padding:18px;
}
.reveal-modal .panelIndent.testBegin p, .reveal-modal .panelIndent.DNAresults p {
	margin:25px 20px 0 20px!important;
	font-size:20px;
}
.reveal-modal .panelIndent.testBegin.withRobot p {
	margin: 0px 70px 0px 360px!important;
	font-size: 20px;
	text-align: left;
	line-height: 1.3em;
	font-size: 16px;
	display: block;
	top: -55px;
	position: relative;
}
#testThanksModal.reveal-modal .panelIndent.testBegin.withRobot p {
	font-size: 20px;
	top:0px;
}
.reveal-modal .panelIndent p strong {
	color: #fff!important;
}
#vark_action span {
	letter-spacing: -0.51em;
	margin-left: -10px;
	margin-right: 2px;
	font-size: 18px;
	color: #222;
	background: -webkit-linear-gradient(#cfe7f3, #9d84cb);
	background-clip: text;
	text-fill-color: transparent;
	padding: 0;
	height: 12px;
	margin-top: 3px;
	overflow: hidden;
	display: block;
}
.LPdetails .button.small.primary {
	font-size: 13px;
	padding: 4px 10px 4px 10px;
	margin: -3px 0 -2px 0;
}
.btn_movie {
	height:200px;
	background-color:#666;
	display:block;
	background:url(../assets/icon_movie.png)#666 no-repeat center center;
}
.btn_movie a {
	height:100px;
	display:block;
	color:#fff;
	text-align:center;
	padding-top:30px
}
/* LDNA */
.panelIndent.LDNA_q1:after, .panelIndent.LDNA_q2:after, .panelIndent.LDNA_q3:after, .panelIndent.LDNA_q4:after, .panelIndent.LDNA_q5:after, .panelIndent.LDNA_q6:after, .panelIndent.LDNA_q7:after, .panelIndent.LDNA_q8:after, .panelIndent.LDNA_q9:after, .panelIndent.LDNA_q10:after, .panelIndent.LDNA_q11:after, .panelIndent.LDNA_q12:after, .panelIndent.LDNA_q13:after, .panelIndent.LDNA_q14:after, .panelIndent.LDNA_q15:after, .panelIndent.LDNA_q16:after {
	background: url(../assets/LDNA_q1.png) no-repeat top left;
	content: "";
	display: block;
	width: 50%;
	height: 255px;
	background-color:transparent;
	bottom: 0;
	margin: 0px 0 -210px -20px;
	top: -150px;
	position: relative;
}
.panelIndent.LDNA_q2:after {
	background: url(../assets/LDNA_q2.png) no-repeat top left;
}
.panelIndent.LDNA_q3:after {
	background: url(../assets/LDNA_q3.png) no-repeat top left;
}
.panelIndent.LDNA_q4:after {
	background: url(../assets/LDNA_q4.png) no-repeat top left;
}
.panelIndent.LDNA_q5:after {
	background: url(../assets/LDNA_q5.png) no-repeat top left;
}
.panelIndent.LDNA_q6:after {
	background: url(../assets/LDNA_q6.png) no-repeat top left;
}
.panelIndent.LDNA_q7:after {
	background: url(../assets/LDNA_q7.png) no-repeat top left;
}
.panelIndent.LDNA_q8:after {
	background: url(../assets/LDNA_q8.png) no-repeat top left;
}
.panelIndent.LDNA_q9:after {
	background: url(../assets/LDNA_q9.png) no-repeat top left;
}
.panelIndent.LDNA_q10:after {
	background: url(../assets/LDNA_q10.png) no-repeat top left;
}
.panelIndent.LDNA_q11:after {
	background: url(../assets/LDNA_q11.png) no-repeat top left;
}
.panelIndent.LDNA_q12:after {
	background: url(../assets/LDNA_q12.png) no-repeat top left;
}
.panelIndent.LDNA_q13:after {
	background: url(../assets/LDNA_q13.png) no-repeat top left;
}
.panelIndent.LDNA_q14:after {
	background: url(../assets/LDNA_q14.png) no-repeat top left;
}
.panelIndent.LDNA_q15:after {
	background: url(../assets/LDNA_q15.png) no-repeat top left;
}
.panelIndent.LDNA_q16:after {
	background: url(../assets/LDNA_q16.png) no-repeat top left;
}
.button.discard {
	float:right;
	margin:-35px -45px 0 0;
	padding: 5px 7px 5px 7px;
	font: 14px "ft_font", tahoma, sans-serif;
}
#testManualModal ul li, #testManualModalEdit ul li, #multimediaModal ul li, #multimediaModalEdit ul li {
	padding:10px!important;
}
#testManualModal .panelIndent ul li, #multimediaModal .panelIndent ul li, #multimediaModalEdit .panelIndent ul li {
	margin-top: 0px;
	margin-bottom: 14px;
	margin-right:0px;
}
textarea.contentText {
	height: 353px!important;
	width: 100%;
	background-color:#2e2e2e;
	border: 1px solid #444;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	padding: 14px;
	color:#ccc;
	overflow-y: auto!important;
	margin-bottom:0px;
}
#multimediaModal textarea.contentText, #multimediaModalEdit textarea.contentText {
	height:50px!important;
	background-color: #292929;
}
#multimediaModal .panelIndent, #multimediaModaEdit .panelIndent {
	padding:28px 18px 28px 18px;
}
.reveal-modal.test iframe, #fullscreen .lessonContent iframe {
	width: 100%;
	border-radius: 6px;
	/* force the iframe height*/
	height: 400px;
	/* Disable scrolling*/
	overflow: hidden!important;
}
.reveal-modal .mediaHolder iframe {
	margin: 30px auto -20px -50px!important;
}
#fullscreen .lessonContent video {
	max-width: 610px;
	height: auto;
}
/* new redactor UI for MM quiz */
#multimediaModal.test .panelIndent .redactor-toolbar {
	float:left;
	background-color:#444;
	padding:4px!important;
	width:100%!important;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	text-align:center!important;
	border-top: 1px solid #888;
	margin-top:20px!important;
}
#multimediaModal.test .panelIndent .redactor-editor {
	float: left;
	width: 100%;
	min-height: 100px;
	margin: 0 0 20px 0!important;
	background-color: #2E2E2E!important;
	border: 1px solid #444;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	color: #BBB;
	border-top-left-radius:0px!important;
	border-top-right-radius:0px!important;
}
#multimediaModal.test .panelIndent .redactor-box {
	padding: 0 10px;
}
#multimediaModal.test .panelIndent ul.redactor-toolbar li {
	padding: 0px!important;
	border-bottom: 1px solid #222;
	background-image: none;
	float: none;
	width: auto!important;
	overflow: hidden;
	display: inline-block;
}
#multimediaModal h3, #multimediaModalEdit h3 {
	text-align:center;
}
/* remove the following when redactor quiz is in*/
.mediaHolder {
	float: left;
	width: 100%;
	max-height: 950px;
	min-height:100px;
	margin-bottom: 20px!important;
	text-align:center;
}
.addMedia {
	padding:14px 0px 0px 0px;
	width: 100%;
	margin-top: 0px!important;
	display: block;
	float: left;
	width: 100%;
}
#multimediaModal h3, #multimediaModalEdit h3, #testManualModal h3 {
	margin: 0px 0px 8px 10px!important;
}
/* REMOVE WHEN NEW REDACTOR ASSESSMENT IS DONE */
#multimediaModal h3, #multimediaModalEdit h3, #testManualModal h3 {
	text-align:left;
}
/* /REMOVE WHEN NEW REDACTOR ASSESSMENT IS DONE */
.addMedia h3 {
	margin: 0px 0px 10px 0px!important;
}
.addMedia h3 span {
	font-size:15px;
	color:#999;
}
/* REMOVE WHEN NEW REDACTOR ASSESSMENT IS DONE */
.addMedia .button.secondary.btn_help {
	margin-left: 140px!important;
	display: block;
	width: 25px;
}
/* /REMOVE WHEN NEW REDACTOR ASSESSMENT IS DONE */
.addMedia textarea {
	padding: 7px 110px 0 10px;
	width: calc(100% - 15px);
	min-height: 50px;
}
.addMedia textarea:focus {
	padding: 8px 14px 48px 14px;
}
.addMedia .button {
	margin-top: -56px!important;
	margin-bottom: 38px!important;
	padding: 8px 12px 8px 12px;
	font-size: 16px;
	margin-right:22px;
}
.mediaButtons {
	border-radius: 8px;
	background-image: linear-gradient(bottom, #3A3A3A 1%, #636363 100%);
	background-image: -o-linear-gradient(bottom, #3A3A3A 1%, #636363 100%);
	background-image: -moz-linear-gradient(bottom, #3A3A3A 1%, #636363 100%);
	background-image: -webkit-linear-gradient(bottom, #3A3A3A 1%, #636363 100%);
	background-image: -ms-linear-gradient(bottom, #3A3A3A 1%, #636363 100%);
	padding: 6px 8px 8px 8px;
	left:47%;
	position: relative;
	float: left;
	border-bottom: 1px solid #222;
	border-top: 1px solid #888;
	margin: 10px auto 28px auto;
	opacity:0;
}
.mediaHolder:hover .mediaButtons {
	opacity:1;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.mediaHolder .btn_close, .mediaHolder .btn_enlarge {
	top: auto!important;
	height: 23px;
	width: 23px;
	background: url(../assets/svg_sprite.png) no-repeat;
	background-position: -12px -27px!important;
	background-size: 80px 2526px!important;
	display:block;
	float:left;
	position:relative;
	right:auto;
}
.test input[type="text"][disabled] {
	background-color: #333;
	border: 1px solid #444;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	color: #ccc;
}
.mediaHolder .btn_close {
	background: url(../assets/svg_sprite.png) no-repeat;
	background-position: -12px -27px!important;
	background-size: 80px 2526px!important;
	margin-right:8px;
}
.mediaHolder .btn_enlarge {
	background: url(../assets/svg_sprite.png) #000 no-repeat;
	background-size: 129px 4073px!important;
	background-position: -26px -1955px!important;
	border-radius: 3px;
	border: 1px solid #555;
	width: 25px;
}
.tickBox {
	height:20px;
	width:20px;
	float:left;
	margin: -1px -120px 0 0px;
}
.test .tickBox {
	margin: 0px 0px 8px 0px;
	width: 100%;
	height: auto;
}
.tickBox input[type="radio"] {
	margin-left: -25px!important;
	margin-top: 10px;
}
#gradeManualTestModal .row .five.columns a.button, #gradeManualTestModal .row .five.columns button.button {
	height: 50px;
	float:right;
}
#gradeManualTestModal .row .five.columns a.button:first-child {
	margin-left:20px;
}
.tickCorrect {
	background: url(../assets/imgHeadingB.png);
	background-size: auto, auto;
	background-position: right -68px;
	background-repeat: repeat-x;
	clear: both;
	display: block;
	float: right;
	border-radius: 4px;
	padding: 8px 8px 0px 48px;
	margin-top: -5px!important;
	margin-bottom: 10px;
	border-top: 1px solid #333;
}
.tickCorrect label, .tickCorrect input[type="radio"] {
	float: left!important;
	font-size: 14px!important;
	margin-bottom: 6px;
}
.tickCorrect label {
	margin-right:10px;
}
.selection {
	text-align:center;
	padding-top:50px;
	margin-top:20px;
}
/* fullscreen */
iframe {
	border:none;
}
#fullscreen .lessonPlan {
	margin: 0;
	/*overflow-y: auto!important;*/
	background: url(../assets/board_light_bg.jpg) 0px 0px;
	max-height: 100% !important;
	width: 100%!important;
	/*width: 101.5%\0/!important;*/
	height: 100% !important;
	/*position: fixed;*/
	top: 0;
	left: 0;
	border-radius:0px;
	text-align:center!important;
}
#fullscreen .lessonContent {
	text-align:left;
}
#fullscreen .lessonContent section a {
	color: #0d7db8!important;
	text-decoration: underline;
}
.lessonContent {
	max-width: 100%!important;
	height: auto!important;
}
#fullscreen h1.headinglessons, #fullscreen .LPdetails label, #fullscreen .lessonStats, #fullscreen .shareconsent, #fullscreen .btn_lessonSave, #fullscreen .btn_lessonCopy, #fullscreen .btn_lessonView, #fullscreen .btn_lessonAssign, #fullscreen .btn_Add, #fullscreen .newObjectiveHolder, #fullscreen .assessmentHolder, #fullscreen .objectiveList li.LPobjective .btn_close, #fullscreen .objectiveList li.LPobjective:before, #fullscreen .closeContent.closeFullscreen, #fullscreen .container.top-bar, #fullscreen footer, #fullscreen .footerHolder, #fullscreen .headingLessons, #fullscreen .shareConsent {
	display:none!important;
}
 .closeContent.closeFullscreen, #fullscreen:-webkit-full-screen .button.btn_fullscreen, #fullscreen:-webkit-full-screen .button.btn_back {
 display:none!important;
}
#fullscreen:-webkit-full-screen {
 overflow-y:auto!important;
}
embed {
	height:500px!important;
	width:700px!important;
	display:none!important;
}
.reveal-modal.open embed, .reveal-modal.open object {
	display:inline!important;
	display: block!important;
	top: 50%!important;
	transform: translateY(-50%);
	left: calc(50% - 350px)!important;
	position:relative;
}
#fullscreen .button.btn_fullscreen, #fullscreen .button.btn_back {
	display:block!important;
	position:fixed!important;
	top:11px!important;
	right:10px!important;
	border:none;
	z-index:999;
}
#fullscreen .button.btn_back, .reveal-modal .button.btn_back {
	right:auto!important;
	left:11px!important;
	top:14px;
	padding-left:45px;
	background: url(../assets/svg_sprite.png) #0D7EB9 no-repeat;
	background-position: -11px -491px!important;
	background-size: 129px 4073px!important;
}
#fullscreen .reveal-modal .button.btn_back, .reveal-modal .button.btn_back {
	left: 18px!important;
	top: 5px!important;
	padding: 14px 18px 14px 45px;
	background-position: -11px -487px!important;
}
.reveal-modal .button.btn_back {
	left: 18px!important;
	top: -23px!important;
	float: left;
}
 #fullscreen:-webkit-full-screen .closeContent.closeFullscreen {
 display:block!important;
 position:fixed!important;
 top:12px!important;
 right:22px!important;
 border:none;
 z-index: 9991;
}
#fullscreen dl.tabs {
	margin-bottom: 20px;
	float:left;
}
#fullscreen dl.tabs dd.active a {
	color:#000;
	background-color:#fff!important;
}
#fullscreen dl.tabs dd a {
	color:#ddd;
}
#fullscreen dd.active a:before {
	border-bottom:13px solid #ccc;
}
#fullscreen #redactor_content, #fullscreen #redactor_content2, #fullscreen #redactor_content3, #fullscreen #redactor_content4 {
	/*display:block!important;*/
	border:none!important;
	width:100%;
}
a.attached-xlsx, a.attached-image, a.attached-jpg, a.attached-docx, a.attached-pdf {
	border: 1px solid #CCC;
	padding: 4px 8px 5px 2px;
	border-radius: 4px;
	text-decoration: none!important;
	color: #222!important;
	background-color: rgba(255, 255, 255, 0.8);
	display: inline-block;
	margin-top: 4px;
}
.attached-xlsx:before, .attached-image:before, .attached-jpg:before, .attached-docx:before, .attached-pdf:before {
	width: 18px;
	margin: 3px 10px -5px 5px;
	height: 19px;
	background: url(../assets/svg_sprite.png) no-repeat!important;
	background-size: 129px 4193px!important;
	background-position: -99px -3923.5px!important;
	display: inline-block;
	content: "";
}
.attached-image:before {
	background-position: -99px -3946px!important;
}
.attached-jpg:before {
	background-position: -99px -3969px!important;
}
.attached-docx:before {
	background-position: -71px -3946px!important;
}
.attached-pdf:before {
	background-position: -71px -3923.5px!important;
}
#fullscreen #nameField {
	width: 100% !important;
	width: 99% \0/!important;
	left: 0 \0/IE89;
	display: block !important;
	text-align: center !important;
	padding: 16px 10px 17px 10px !important;
	clear: both !important;
	float: left;
	font: 22px "ft_font-light", tahoma, sans-serif !important;
	right: 0px;
	background-color: #000 !important;
	position: fixed;
	border-bottom: 1px solid #555;
	z-index: 999;
}
#fullscreen .btn_resources {
	background-position: 112px -741px!important;
	padding-right: 40px;
	height:100px;
}
.btn_resources.disabled {
	opacity:.18;
	pointer-events:none;
}
#fullscreen .lessonResources .contentThumb h5:before {
	right: 18px!important;
}
#fullscreen .row.lessonResources .contentThumb {
	max-width: 480px;
	height:100px;
}
#fullscreen .LPdetails {
	float: left;
	margin-top:-20px!important;
	clear: both;
	width: 100%!important;
}
#fullscreen .redactor-box {
	box-shadow:none;
	margin:0px;
}
#fullscreen .objectiveText {
	display: block!important;
	font-size: 28px!important;
	border: none!important;
	margin-left: -20px;
	padding-left: 46px;
	line-height: 1.2em;
	margin-bottom: 10px;
	margin-top: 10px;
}
#fullscreen .objectiveText:before {
	display: block!important;
	content: "";
	height: 30px;
	width: 30px;
	background: url(../assets/svg_sprite.png) no-repeat!important;
	background-position: -31px -1659px!important;
	background-size: 160px 5052px!important;
	position: absolute;
	margin-left: -38px;
}
#fullscreen .LPobjective section.editable {
	max-width:95%;
}
#fullscreen .LPobjective section.editable img, .redactor-editor img {
	max-width:100%!important;
}
#fullscreen .LPobjectivesHolder {
	max-width: 1200px!important;
	width: 75%!important;
	float: none;
	border-radius: 8px;
	background-color:#2f2f2f;
	min-width: 800px;
	border: 1px solid #444!important;
	position: relative;
	margin: 100px auto 30px auto!important;
	padding: 20px 30px 15px 30px;
}
#fullscreen .objectiveList.LPobjectives .LPobjective {
	margin: 0px auto 0px auto!important;
	padding-top: 30px;
	margin-left: -10px;
}
#fullscreen .tabsHolder {
	background-image:none!important;
	border:none!important;
	padding: 0px 0 0 0!important;
	margin-top:10px;
}
#fullscreen .editable, #fullscreen .editable {
	background-image:none!important;
}
#fullscreen, body#fullscreen.teacher {
	width:100%;
	position:relative;
	top:0;
	left:0;
	background: url(../assets/board_light_bg.jpg) 0px 0px!important;
}
#fullscreen .row.lessonResources {
	-webkit-transition: all 0.3s ease-in-out;
	margin: 20px 8px 10px -30px!important;
	z-index: 999999!important;
	left: auto!important;
	padding: 20px 25px 5px 10px;
	background-color: #f9f9f9;
	border-top: 1px solid #eaeaea;
	border-left: 1px solid #f0f0f0;
	border-radius: 6px;
}
#fullscreen .row.lessonResources.fixed {
	position: fixed;
	width: 100%!important;
	bottom: 0px!important;
	padding:40px 120px 40px 120px;
	right: 0;
}
#fullscreen .lessonPlan dd a {
	background-color: transparent!important;
	border: 1px solid #666!important;
}
/* ---- accordian -------*/

.ac-container {
	width: 100%;
	margin: 0px auto 0px auto;
	text-align: left;
}
.ac-container input[type="checkbox"], .ac-container input[type="radio"],
.lrn-assess input[type="checkbox"], .lrn-assess input[type="radio"] {
	display:none;
}
.ac-container article {
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
}
 .ac-container input:checked ~ article.ac-classes {
	height:auto;
	border-radius:3px;
}
.ac-container h2 {
	font-size:21px;
	padding:12px 12px 12px 42px;
	margin:-20px -10px -10px -10px;
	color:#f8f8f8;
}
.ac-container label:after, .ac-container label:after {
	content: '';
	/*left: 34px;*/
	margin-top: -25px;
	position:absolute;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #888;
	border-top: 10px solid transparent;
	transform:rotate(90deg);
	-ms-transform:rotate(90deg); /* IE 9 */
	-webkit-transform:rotate(90deg); /* Safari and Chrome */
}
.ac-container input:checked + label:after {
	border-bottom: 10px solid transparent;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #999;
	transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	margin-top: -20px;
}
.class_standard {
	display: inline-block;
	margin-left: 18px;
	font-size: 17px;
	opacity: 0.48;
	border-left: 1px solid #888;
	padding-left: 16px;
}
.class_standard .button.secondary {
	margin-bottom: -8px;
	display: block;
	position: relative!important;
	background-color: #111!important;
	color: #FFF!important;
	background-image: none;
	font-size: 14px;
	padding: 7px 12px 7px 12px;
	top: -4px;
}

/* no classes created yet */

.ac-container input:checked ~ article.ac-classes.noClassMembers {
 min-height:50px;
 background-color:#222;
border-top:1px solid #000;
 margin:0 -30px -10px -30px;
}
.noClassMembers h1, .noClasses h1, #pathCheckModal h1 {
	margin:10px auto 13px auto;
	text-align:center;
	font-size:24px;
	color:#999;
}
#pathCheckModal h1 {
	margin-top:22px;
}
.noClasses h1 {
	color:#5B5248;
	margin:5px auto 23px auto;
}
body.teacher .noClasses h1 {
	color:#ccc;
}
/*help*/
.button.openTour, .button.open_help_movies, .open_help_support {
	background: url(../assets/icon_tour_svg.svg) #4485c6 no-repeat!important;
	background-position: 8px 8px!important;
	background-size: 35px 35px!important;
	font-size:17px;
	padding: 14px 10px 14px 50px!important;
	text-align:left;
	width:auto!important;
}
.joyride-tip-guide.tourStart {
	width: 600px;
}
.joyride-tip-guide.tourStart .joyride-next-tip {
	margin-top:0;
}
.joyride-tip-guide.tourGenerate {
	background: url(../assets/tourGenerate.jpg) #fff no-repeat!important;
	background-position: 2px 50px!important;
	background-size: 497px 383px!important;
	width: 497px;
	height:408px;
}
.reveal-modal.tourGenerate {
	background: url(../assets/tourGenerate.jpg) #FFF no-repeat!important;
	background-position: 2px 50px!important;
	background-size: 497px 383px!important;
	width: 497px;
	height: 408px;
left: calc(50% - -200px);
	top: calc(50% - 200px)!important;
}
.reveal-modal.tourGenerate p {
	margin: 8px 0 0 8px!important;
}
.joyride-tip-guide.tourGenerate a.joyride-next-tip {
	opacity:0;
}
.joyride-tip-guide.tourActivity {
	background: url(../assets/tourActivity.jpg) #fff no-repeat!important;
	background-position: 18px 123px!important;
	background-size: 650px 300px!important;
	width: 680px;
	height:483px;
	text-align:center;
}
.joyride-tip-guide.tourActivity a.joyride-next-tip {
	margin: 268px 0 0 0;
	display: inline-block;
}
/* 404 and 505 */

.fourofour {
	margin:200px auto 0 auto;
	width:700px;
	padding:0px 0px 50px 250px;
	background: url(../assets/404_svg.png) transparent no-repeat!important;
	background-size:200px 200px!important;
}
.fourofour h2 {
	font-size:62px;
}
.fourofour a.button {
	background: url(../assets/svg_sprite.png) #000 no-repeat!important;
	background-size: 129px 4073px!important;
	background-position: 175px -3479px!important;
	padding-right:45px;
	margin-top:20px;
}
.redactor-editor {
	text-align: left;
	padding: 15px;
	margin:2px!important;
	border-radius: 8px!important;
	background-color: #F7F7F7;
}
/* graphs and charts */
#stats_container {
	margin-bottom:-30px!important;
	margin-left:10px!important;
}
.insights input[type=submit].button.secondary, .insights a.button.secondary {
	position: absolute!important;
	right: 20px!important;
	font-size:16px!important;
	padding:3px 8px 3px 8px!important;
	z-index: 99;
	margin: -18px -8px 0 0;
}
h3.graphHeader, .reveal-modal h3.graphHeader {
	left:0px;
	width:100%;
	font-size:26px;
	text-align:center;
	color:#333;
	margin-top: 12px!important;
	margin-bottom: -5px!important;
	margin-left: 0px!important;
	padding:0 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.reveal-modal h3.graphHeader {
	margin-top:-5px!important;
}
.ActivityAnalytics {
	position:absolute;
	background-color:transparent;
	width:1px;
	z-index:9999!important;
	height:1px;
	margin:150px 0 0 370px;
	-webkit-transition: all .3s ease-in-out;
	overflow:hidden;
	opacity:0;
}
.studentsCompleted .ActivityAnalytics {
	width:10px;
	height:10px;
	margin:-40px 0 0 50px;
	opacity:0;
	border-radius:6px!important;
	background-color:#555;
}
.analyticsTop, .analyticsMiddle, .analyticsBottom {
	border:1px solid #ccc;
	width:100%;
	padding:18px;
	background-color:#fff;
}
.analyticsTop {
	height:60px;
	background-image: -webkit-linear-gradient(bottom, #FAFAFA 0%, #efede7 50%, #fafafa 58%, white 100%);
}
.analyticsMiddle {
	height: 340px;
	overflow:hidden;
	overflow-y:auto;
	padding:3px;
	background-color:#f8f8f8;
}
.studentsCompleted .analyticsMiddle {
	border:1px solid #111;
	background-color:#333;
}
.analyticsBottom {
	height:60px;
	background-image: -webkit-linear-gradient(bottom, #FAFAFA 0%, #efede7 50%, #fafafa 58%, white 100%);
}
.analyticsBottom .button.primary {
	margin: -12px -12px 0 0;
	float: right;
	padding: 10px 16px 10px 16px;
}
.ActivityAnalytics h1, .ActivityAnalytics h2, .ActivityAnalytics h3, .ActivityAnalytics h4, .ActivityAnalytics h5 {
	float:left;
	font-size: 24px;
	margin:-2px 0 0 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ActivityAnalytics h1 {
	max-width: 300px;
}
.ActivityAnalytics h2 {
	float: right;
	margin: 2px 43px 0 0;
	font-size: 18px;
	color: #5B5248;
	max-width: 675px;
	max-width: 400px;
	text-align: right;
}
.ActivityAnalytics h3 {
	font-size:23px;
	color:#777;
}
#resultsModal .ActivityAnalytics h3 {
	margin-top: -4px!important;
}
.ActivityAnalytics h4, .ActivityAnalytics h5 {
	text-align:right;
	float:right;
	margin:-12px 10px 0 0!important;
	width:20%;
	font-size:23px!important;
}
.attention {
	color:#db3838!important;
}
.ActivityAnalytics h4 span, .ActivityAnalytics h5 span {
	display:block;
	font-size:14px;
	color:#999;
	clear:both;
}
.analyticsMiddle .objectiveList {
	margin:0 0 0 30px;
}
.analyticsMiddle .objectiveList li {
	padding:20px 8px 0px 18px;
	width:95%;
	margin:0 0 0 0;
	border-bottom: 1px dotted #A09F9B;
}
ul.studentList li .button.primary.btn_message {
	float: right;
	padding: 3px 10px 4px 10px;
	margin-right: 5px;
	margin-top: -1px;
	margin-bottom: 0px;
	height: 24px;
	width: 29px;
	background: url(../assets/svg_sprite.png) #FAFAFA no-repeat -44px -2475px!important;
	background-size: 85px 2685px!important;
	border: 1px #A19173 solid!important;
}
.classHolder ul.studentList li .button.primary.btn_message {
	margin-top:3px;
	margin-right: -10px;
}
#messageModal h3 {
	margin: -30px 0 10px 0!important;
	color: #777;
	font: 24px "ft_font", tahoma, sans-serif;
}
.studentsCompleted .analyticsMiddle ul.studentList li .button.primary.btn_message {
	margin-right:4px;
	margin-top: -1px;
	background: url(../assets/svg_sprite.png) #333 no-repeat 85px 2684px!important;
	background-size: 85px 2684px!important;
	background-position: -44px -2445px!important;
	border:1px #555 solid!important;
}
.analyticsMiddle .objectiveList li {
	padding:20px 8px 0px 18px;
	width:95%;
	margin:0 0 0 0;
	text-align:left;
}
.analyticsMiddle .objectiveList li ol li {
	padding: 26px 8px 28px 0%;
	margin: -18px 0 -8px 0px;
	border-bottom: 0px dotted #A09F9B;
	list-style: none;
}
.analyticsMiddle .objectiveList li strong {
	padding-right:10px;
}
.analyticsMiddle .objectiveList li:before {
	margin:10px 0 -20px -35px!important;
}
span.result.fail, span.result.pass {
	height: 23px;
	width: 28px;
	display: block;
	margin: -2px 5px 0 -10px;
	background: url(../assets/svg_sprite.png) rgba(0, 0, 0, 0) no-repeat -35px -2573px!important;
	background-size: 180px 5684px!important;
	float: left;
}
span.result.fail {
	background: url(../assets/svg_sprite.png) rgba(0, 0, 0, 0) no-repeat -35px -2500px!important;
	background-size:180px 5684px!important;
}
.lessonProgress .studentsCompleted {
	background-color: #F5F5F5;
	border-radius: 4px;
	padding: 5px 8px 2px 8px;
	margin-top: 0px;
	border: 1px solid #D7D7D7;
	border-top: none;
	cursor: pointer;
	color: #444;
	margin-left: -3px;
}
.linegraph_container {
	margin-top:60px!important;
	overflow: hidden;
	text-align: left;
	border-radius: 3px;
	width:0px;
	height:0px;
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	-o-transition: all 8s ease-in-out;
	-ms-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;
	width:100%;
	opacity:0;
}
body.teacher .linegraph_container.loading {
	background-position: center 220px!important;
	border: 0px solid #666;
	box-shadow: inset 0px 0px 28px 0px #111;
	background-color:#333!important;
}
.linegraph_container #container {
	padding:30px;
}
.studentsCompleted strong {
	color:#fff;
}
.analyticsHome .lessonProgress {
	width:100%;
	border: none;
	display: block;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	float:left;
}
.analyticsHome .lessonProgress .studentsCompleted {
	background-color: #555;
	padding: 8px 12px 6px 12px;
	border: 1px solid #777;
	border-right: 1px solid #111;
	border-bottom: 1px solid #222;
	display: inline-block;
	position: relative;
	margin:0px auto 140px auto;
	top: 0px;
}
body.teacher .analyticsHome .panelIndent {
	padding-bottom: 30px;
}
.class_list {
	padding: 18px;
	margin-top:-40px;
}
.class_list li {
    display: block;
    float: left;
    width: calc(50% - 20px);
    margin-left: 10px;
    margin-right: 10px;
}
.class_list li a {
    font: 22px "ft_font", tahoma, sans-serif;
    width: 100%;
    display: inline-block;
    color: #F8F8F8;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 20px 84px 20px 30px;
    text-align: left;
}
.class_list li a:hover {
	background-image: linear-gradient(bottom, #444444 1%, #353535 100%);
	background-image: -o-linear-gradient(bottom, #444444 1%, #353535 100%);
	background-image: -moz-linear-gradient(bottom, #444444 1%, #353535 100%);
	background-image: -webkit-linear-gradient(bottom, #444444 1%, #353535 100%);
	background-image: -ms-linear-gradient(bottom, #444444 1%, #353535 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#444444', GradientType=0 );
}
.class_list li span {
    position: absolute;
    background: url(../assets/svg_sprite.png) #333 no-repeat !important;
    background-position: -56px -608px !important;
    background-size: 129px 4073px !important;
    width: 66px;
    border-radius: 6px;
    border-top: 1px solid #111;
    color: #ccc;
    font-size: 18px;
    line-height: 32px;
    font-weight: bold;
    text-align: left;
    padding-left: 10px;
    margin: 19px -82px;
}
/* step 0 - class button and first h2 only --*/

.analyticsHome .lessonProgress h2 {
	color: #FFF;
	font-size: 28px;
	width: 98%;
	left: 0;
	margin: 60px 1% -140px 1%;
	height: 200px;
	background-size: auto, auto;
	background-position: right -48px;
	background-repeat: repeat-x;
	border-radius: 8px;
	border-top: 1px solid #555;
	padding: 70px 0 220px 0;
	/* New list based analytics margin: 60px 1% -240px 1%;
	padding: 20px 0 140px 0;*/
	
	background: -moz-linear-gradient(top, rgba(34,34,34,1) 0%, rgba(51,51,51,0.54) 46%, rgba(51,51,51,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(34,34,34,1)), color-stop(46%, rgba(51,51,51,0.54)), color-stop(100%, rgba(51,51,51,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(34,34,34,1) 0%, rgba(51,51,51,0.54) 46%, rgba(51,51,51,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(34,34,34,1) 0%, rgba(51,51,51,0.54) 46%, rgba(51,51,51,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(34,34,34,1) 0%, rgba(51,51,51,0.54) 46%, rgba(51,51,51,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(34,34,34,1) 0%, rgba(51,51,51,0.54) 46%, rgba(51,51,51,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#00333333', GradientType=0 ); /* IE6-9 */
}
.analyticsHome .lessonProgress.studentSelection {
	opacity:0;
	width:0%;
	overflow:hidden;
}
.analyticsHome .lessonProgress.studentSelection .studentsCompleted {
	display:none;
}
/* step 1 - show both buttons centered --*/

.analyticsHome.stepOne .lessonProgress, .analyticsHome.stepOne .lessonProgress {
	/*display:none;*/
	width:50%;
	opacity:1;
}
.analyticsHome.stepTwo .lessonProgress.studentSelection {
	opacity:1;
	width:auto;
}
.analyticsHome.stepOne .lessonProgress.studentSelection, .analyticsHome.stepOne .lessonProgress.studentSelection .studentsCompleted {
	display:inline-block;
}
.analyticsHome .studentsCompleted ul.studentList {
	width: 104.4%;
}
.analyticsHome.stepOne .lessonProgress {
/*width:50%;*/
}
/* step 2 - show both buttons centered --*/

.analyticsHome.stepTwo .lessonProgress .studentsCompleted {
	margin:0 0 0 18px;
	-webkit-animation: bounce 1.3s ease-out;
	animation: bounce 1.3s ease-out;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	top:0;
}
/* step 3 - show both buttons top right and show the graph --*/


.analyticsHome.stepTwo .lessonProgress, .analyticsHome.stepTwo .lessonProgress.studentSelection, .analyticsHome.stepTwo .lessonProgress.studentSelection .studentsCompleted {
	display:block;
	float:right;
	width:auto;
	top:0;
	overflow:visible;
}
.analyticsHome.stepTwo .lessonProgress h2 {
	display:none;
}
.linegraph_container.showGraph, body.teacher .linegraph_container.loaded {
	height: 505px;
	background: #EAEAEA;
	background: -moz-linear-gradient(top, #EAEAEA 0%, #FFF 92%, #FFF 100%)!important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EAEAEA), color-stop(92%, #FFF), color-stop(100%, #FFF))!important;
	background: -webkit-linear-gradient(top, #EAEAEA 0%, #FFF 92%, #FFF 100%)!important;
	background: -o-linear-gradient(top, #EAEAEA 0%, #FFF 92%, #FFF 100%)!important;
	background: -ms-linear-gradient(top, #EAEAEA 0%, #FFF 92%, #FFF 100%)!important;
	background: linear-gradient(to bottom, #EAEAEA 0%, #FFF 92%, #FFF 100%)!important;
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#ffffff', GradientType=0 )!important;
	border: 5px solid #FFF;
	opacity:1;
}
 @-webkit-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
}
 40% {
-webkit-transform: translateX(-30px);
}
 60% {
-webkit-transform: translateX(-15px);
}
}
 @-moz-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {
-moz-transform: translateY(0);
}
 40% {
-moz-transform: translateX(-30px);
}
 60% {
-moz-transform: translateX(-15px);
}
}
 @-o-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {
-o-transform: translateX(0);
}
 40% {
-o-transform: translateY(-30px);
}
 60% {
-o-transform: translateY(-15px);
}
}
@keyframes bounce {
 0%, 20%, 50%, 80%, 100% {
transform: translateX(0);
}
 40% {
transform: translateX(-30px);
}
 60% {
transform: translateX(-15px);
}
}
.bounce {
	-webkit-animation-name: bounce;
	-moz-animation-name: bounce;
	-o-animation-name: bounce;
	animation-name: bounce;
}
.ActivityAnalytics.show, .lessonProgress .studentsCompleted:hover .ActivityAnalytics {
	-webkit-transition: all 0.5s ease-in-out;
	opacity: 1;
	width:135%;
	margin: -83px 0 0 -37.9%;
	height: 475px;
}
.lessonProgress .studentsCompleted:hover .ActivityAnalytics {
	-webkit-transition: all 0.5s ease-in-out;
	opacity: 1;
	width: 500px;
	margin: -30px 0 0 -360px;
	height:355px;
	z-index:9999;
	border:8px solid #666;
	box-shadow: 4px 4px 18px 0px #000!important;
}
.analyticsHome .lessonProgress .studentsCompleted:hover .ActivityAnalytics, .analyticsHome .lessonProgress .studentsCompleted .analyticsMiddle {
	height: auto;
	height:200px;
}
.analyticsHome .lessonProgress .studentsCompleted .analyticsMiddle {
	height:180px;
}
.analyticsHome .lessonProgress .studentsCompleted:hover .ActivityAnalytics {
	margin: -80px 0 0 -140px!important;
	width: 320px;
}
.analyticsHome.stepTwo .studentsCompleted:hover .ActivityAnalytics {
	margin: -80px 0 0 -240px!important;
}
.studentsCompleted ul.studentList {
	background-color:#555!important;
	background-image:none!important;
}
.studentsCompleted ul.studentList li a {
	color:#fff;
	padding: 2px 5px;
	border-radius:3px;
	width:100%;
}
.studentsCompleted ul.studentList li a:hover {
	background-color:#0D7EB9;
}
.studentsCompleted ul.studentList li {
	padding:5px 0px 5px 0px;
	background-color:#555;
	border-bottom: 1px solid #000;
	border-top: 1px solid #888;
	color:#ccc;
}
.studentsCompleted ul.studentList li:last-child {
	border-bottom:none;
}
.reveal-modal .ActivityAnalytics.show {
	width: 136%;
	margin: -57px 0 0 -216px;
	height: 451px;
}
.reveal-modal .ActivityAnalytics.show .analyticsMiddle {
	/*height:260px!important;*/
	height:390px!important;
}
.ActivityAnalytics a.btn_close {
	float:right;
	right:10px;
	top:10px!important;
}
.home .contentResources h4 {
	margin-top:0px;
	margin-bottom:30px;
	margin-left:20px;
	font-size:38px;
}
.panel.insights {
	background-image: -webkit-linear-gradient(bottom, #fafafa 1%, #fff 8%, #fff 100%);
	padding-top:30px;
	min-height:385px;
}
.reveal-modal .panel.insights .row {
	padding:  0;
}
.reveal-modal .panel.insights h4 {
	margin-left: 20px;
}
.panel.insights h5 {
	padding-left:20px;
}
.panel.insights ul.studentList, #analyticsModal ul.studentList {
	background-image:none!important;
	box-shadow: 2px 0px 3px 0px!important;
	padding: 5px 10px 0px 5px!important;
	padding: 0px 5px 0px 5px!important;
}
.panel.insights ul.studentList a.button.secondary {
	margin: -23px -8px 0 0;
	font-size: 14px!important;
}
.ActivityAnalytics ul.studentList li {
	padding-bottom: 2px;
	padding-bottom: 2px;
	padding: 8px 4px 6px 8px;
}
body.teacher .panel.insights {
	background: #eaeaea; /* Old browsers */
	background: -moz-linear-gradient(top, #eaeaea 0%, #ffffff 92%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eaeaea), color-stop(92%, #ffffff), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #eaeaea 0%, #ffffff 92%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #eaeaea 0%, #ffffff 92%, #ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #eaeaea 0%, #ffffff 92%, #ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #eaeaea 0%, #ffffff 92%, #ffffff 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#ffffff', GradientType=0 ); /* IE6-9 */
	padding-top: 30px;
	height: 505px;
	border: 5px solid white;
	overflow: hidden;
	text-align: left;
	padding-bottom: 35px;
	padding-left: 25px;
}
body.teacher .panel.insights h6 {
	text-align:center;
}
.panel.insights ul.objectiveList {
	border-right:1px dotted #ccc;
	max-height:340px;
	min-height:299px;
	overflow:auto;
	width:110%;
}
.panel.insights ul.objectiveList li, .activityTable ul.objectiveList li {
	display: block;
	margin-left: 30px;
	margin-bottom: 2px;
	font-size: 12px;
	padding-right: 10px;
	text-shadow: none;
	margin-right: 5px;
	border: 1px solid rgba(0, 0, 0, 0);
}
.panel.insights ::-webkit-scrollbar-thumb {
background-color: #fff;
}
.panel.insights ul.objectiveList li:before, .activityTable ul.objectiveList li:before {
	background: url(../assets/svg_sprite.png) no-repeat!important;
	background-size: 129px 4073px!important;
	background-position: -25px -1509px!important;
	content: "";
	height: 25px;
	width: 25px;
	position: relative;
	margin-left: -25px;
	display: block;
	margin-bottom: -25px;
}
.panel.insights ul.objectiveList li.obj_analytics:before, .activityTable ul.objectiveList li.obj_analytics:before {
	display:none;
}
.panel.insights ul.objectiveList li:hover:before, .activityTable ul.objectiveList li:hover:before {
	display:none;
}
.panel.insights ul.objectiveList li.obj_analytics, .panel.insights ul.objectiveList li:hover, .activityTable ul.objectiveList li.obj_analytics, .activityTable ul.objectiveList li:hover, .panel.insights ul.objectiveList li.obj_analytics:hover, .activityTable ul.objectiveList li.obj_analytics:hover {
	border-radius:5px;
	background-color:#444;
	color:white;
	cursor:pointer;
	margin-left:20px;
	padding-left:14px;
	padding-right:14px;
}
.panel.insights ul.objectiveList li:hover, .activityTable ul.objectiveList li:hover {
	border:1px solid #ccc;
	color:#222;
	background-color:#f4f4f4;
}
.panel.insights ul.objectiveList li .btn_close, .activityTable ul.objectiveList li .btn_close {
	top: auto!important;
	margin-top: -13px!important;
	height: 23px;
	width: 23px;
	background: url(../assets/svg_sprite.png) no-repeat;
	background-position: -12px -27px!important;
	background-size: 80px 2526px!important;
	opacity: 0;
	left: 10px;
}
.reveal-modal .panel.insights ul.objectiveList li .btn_close {
	right: 5px;
}
.panel.insights ul.objectiveList li.obj_analytics .btn_close, .activityTable ul.objectiveList li.obj_analytics .btn_close {
	opacity: 1;
	margin-top: -15px!important;
}
.panel.insights ul.objectiveList li.obj_analytics:before, .panel.insights ul.objectiveList li:hover:before, .activityTable ul.objectiveList li:hover:before {
	background-position: -90px -1509px!important;
}
.grade {
	float: right;
	float: left;
	margin: 0 10px 0 10px;
	font-weight: bold;
	width: 50px;
	text-align: left;
}
.studentList .grade {
	margin: 0 -5px 0 15px;
}
.reveal-modal .studentList .grade {
	margin: 0 -5px 0 25px;
}
#analyticsModal ul.studentList li label {
	float: right;
	margin-top: -3px!important;
	margin-right: 5px;
	margin-bottom: -3px;
}
/* Lesson Plans*/

body.teacher .lessonPlan .panelIndentFlat {
	background: #EDE9E6;
}
body.teacher .lessonPlan dl.tabs dd.active a {
	color: #3C3C3C;
}
body.teacher .lessonPlan dl.tabs dd a {
	color: #6F6F6F;
}
.lessonPlan dl.tabs {
	float: left;
}
.lessonPlan dd.active a:before {
	bottom:auto;
	margin:42px 3px -50px 0px!important;
	top:auto!important;
	left:auto!important;
	border:none!important;
	background-color:#fff;
	height:2px;
	width:58px;
	float:left;
}
#fullscreen .lessonPlan dd.active a:before {
	margin:39px 3px -50px 0px!important;
}
.lessonPlan dd a, .lessonPlan dd.active a {
	padding: 8px 0px 50px 0px!important;
	margin-right: 3px;
	border-radius: 5px;
	width: 55px!important;
	text-align: center;
	background-color: #F1EEEC;
	border:1px solid #C3C3C3!important;
	margin-top: -1px;
}
.lessonPlan .more-than-six dd a, .lessonPlan .more-than-six dd.active a {
	width: 35px!important;
}
.lessonPlan .more-than-six dd.active a:before {
	width: 33px;
}
dl.tabs.more-than-ten {
	height:auto;
}
.lessonPlan .more-than-ten dd a, .lessonPlan .more-than-ten dd.active a {
	width: 55px!important;
	padding: 8px 0px 40px 0px!important;
	margin-right: 6px;
	margin-bottom:6px;
	height:40px!important;
	margin-top:0px;
}
.lessonPlan .more-than-ten dd .remediate, .lessonPlan .more-than-ten dd.active .remediate {
	margin: 2px 0px 0px 37px!important;
}
.lessonPlan .more-than-ten dd.active a:before {
	display:none;
}
.lessonPlan dd.active a {
	width: 60px!important;
	margin-bottom:-15px;
	margin-top:-5px;
	padding: 10px 0px 0px 0px!important;
	background-color:#fff;
	height:60px;
}
.lessonPlan dd.active .isUsed.true, .lessonPlan dd.active .remediate {
	margin: -2px 0px 0px 37px;
}
.lessonPlan .tabs .isUsed.true, .lessonPlan .tabs dd.active .isUsed.true {
	margin: -2px 0px 0px -2px;
}
.lessonPlan .tabs.more-than-six .isUsed.true, .lessonPlan .tabs.more-than-six dd.active .isUsed.true {
	margin: -6px 0px 0px -2px!important;
}
.lessonPlan .more-than-six .remediate {
	margin: -2px 0px 0px 20px!important;
}
.LPobjective .button.assessment.assign {
	margin-top:2px!important;
	margin-right:0px!important;
	margin-bottom:20px!important;
	margin-left: 8px;
	float:left!important;
	padding: 12px 15px 11px 42px;
	background: url(../assets/svg_sprite.png) #555 no-repeat;
	background-size: 129px 4073px!important;
	background-position: -14px -2387px!important;
}
.LPobjective .button.assessment.assign.light {
	background: url(../assets/svg_sprite.png) #fff no-repeat!important;
	background-size: 129px 4073px!important;
	background-position: -14px -2446px!important;
	color: #1D1D1D!important;
	border: 1px solid #C3C3C3!important;
	margin-left:10px!important;
}
.panelOutdent.lessonPlan {
	background: url(../assets/board_light_bg.jpg) #353535 -100px -100px;
	border: 1px solid black;
	border-left: 1px solid #555;
	border-top: 1px solid #555;
	min-height: 550px;
	min-width: 850px;
	padding-bottom: 25px;
}
.lessonPlan .button.assessment.assign {
	margin-bottom: 10px!important;
}
.lessonPlan .meter {
	background-color:#222;
	border: 1px solid #666!important;
}
.lessonPlan .row.lessonResources {
	margin-top:-2px;
	margin-left: -33px;
	padding: 5px 5px 0px 10px;
}
.lessonPlan .contentThumb, .notesItem .contentThumb {
	height: 88px;
	z-index:99;
}
.notesItem .contentThumb h5:before {
	display:none;
}
.lessonPlan .contentThumb h5:before, .notesItem .contentThumb h5:before {
	margin-top: 40px!important;
}
.button.btn_lessonView, .button.btn_fullscreen, .button.btn_lessonCopy, .button.btn_lessonSave, .button.btn_back, .button.btn_lessonHelp {
	color: #CCC!important;
	border: 1px solid #666!important;
	background-color: #222!important;
}
.button.btn_lessonHelp {
	padding: 9px 16px 10px 48px !important;
	background-position: 6px 3px!important;
}
.testNote {
	margin: 36px 0 0 18px;
	clear: right;
	float: left;
}
.testNote strong {
	color:#0D7EB9;
}
.lessonPlan .editable {
	color:#aaa;
	padding-bottom:6px;
}
.LPobjective .editable {
	width:98%;
	min-height:38px;
}
.lpStandard {
	padding: 8px;
	border: 1px solid #ccc;
	margin: 0px 0 10px 8px;
	border-radius: 5px;
	margin-bottom: 10px;
	text-align:left;
}
.lpStandard .btn_close {
	right: -19px!important;
	top: -20px!important;
}
.tabsHolder .editable {
	color:#555;
}
.objectiveText, .objectiveStandardText {
	font-size:18px;
	margin-bottom: 18px;
	margin-left: 8px;
}
.standardSearch:before {
	content: "";
	height: 40px;
	width: 40px;
	position: relative;
	float: left;
	display: block;
	left: 50px;
	margin-top: -3px;
	background-image: url(../assets/icon_search_dark_svg.png)!important;
	background-position: 9px 10px;
	background-repeat: no-repeat!important;
	background-size: 22px 22px;
	margin-top: -5px;
	margin-left: -87px;
}
.standardSearch {
	margin-top:-5px;
}
.LPobjective .standardSearch .autoCompContainer ul.search_results {
	top: 182px!important;
	z-index: 9999;
}
.LPobjective textarea[disabled] {
	background-color:transparent!important;
	background-image:none!important;
}
.objectiveTextAdded, .objectiveResources, .assessmentHolder {
	max-height:30px;
	overflow:hidden;
	border-top: 3px solid #fff!important;
	border-bottom: 1px solid #d9d3cf!important;
	margin:0 0 0px -40px;
	padding:5px 10px 0 40px!important;
	min-height:58px!important;
	border-radius:3px;
	position:relative;
}
.objectiveTextAdded {
	padding-left:50px!important;
}
.objectiveTextAdded:before, .objectiveResources:before, .assessmentHolder:before {
	content: "";
	height: 40px;
	width: 40px;
	position: absolute;
	float: left;
	display: block;
	left: 50px;
	margin-top: -3px;
	background: url(../assets/svg_sprite.png) no-repeat;
	background-position: -25px -1582px!important;
	background-size: 160px 5052px!important;
	margin-left: -50px;
}
.objectiveResources:before {
	background: url(../assets/svg_sprite.png) no-repeat!important;
	background-size: 51px 1579px!important;
	background-position: 6px -286px!important;
}
.assessmentHolder:before {
	background: url(../assets/svg_sprite.png) no-repeat;
	background-position: -31px -3027px!important;
	background-size: 180px 5683px!important;
}
.objectiveTextAdded span {
	float: left;
	clear: none;
	padding-top: 10px;
	margin-right: 20px;
	width: 225px;
	height:35px;
	overflow: hidden;
}
.objectiveTextAdded span:before {
	content: "";
	float: right;
	position: absolute;
	width: 150px;
	height: 32px;
	margin: -10px 0px 0px 74px;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZjZmNSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYWY2ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 ); /* IE6-8 */
}
.objectiveTextAdded .button.secondary {
	margin:1px 15px 0px -2px;
	background: url(../assets/svg_sprite.png) #fff no-repeat!important;
	background-size: 129px 4073px!important;
	background-position: -16px -659px!important;
	padding-left:35px;
	background-size: 30px 30px;
	font-size: 16px;
}
.objectiveTextAdded .button.secondary:last-child {
	margin-right:0px;
}
.objectiveTextAdded.empty .button.secondary {
	float:left;
}
.objectiveResources, .assessmentHolder {
	max-height:100%!important;
}
.objectiveResources {
	overflow:visible;
	padding:50px;
	padding-left: 65px!important;
}
.assessmentHolder {
	border-bottom: none!important;
	margin-bottom: -10px;
	padding-top: 10px!important;
}
.assessmentHolder .button.secondary.btn_help.light {
	position:absolute!important;
	margin:46px 0 0 -32px!important;
}
.objectiveItem {
	border-radius: 8px;
	padding:0;
	margin: 2px 5px 10px 10px;
	border:1px solid #C3C3C3;
	position:relative;
	display:block;
	float:left;
	width:auto;
	font-size:18px;
	background-color:#fff;
}
.objectiveItem_a {
	cursor:pointer;
	padding:8px 25px 8px 25px;
	display:block;
	margin-top:3px;
}
.objectiveItem.oeItem .objectiveItem_a:after, .objectiveItem.mcItem .objectiveItem_a:after {
	background: url(../assets/svg_sprite.png) no-repeat;
	background-position: -4px -594px!important;
	background-size: 60px 1894px!important;
	height:20px;
	width:20px;
	display:block;
	content:"";
	position:absolute;
	margin:-35px 0 0 -26px;
	opacity:0.55;
}
.objectiveItem.mcItem .objectiveItem_a:after {
	background-position: -8px -1177px!important;
	background-size: 70px 2210px!important;
	margin:-35px 0 0 -25px;
}
.objectiveList li.LPobjective .objectiveItem .btn_close {
	margin: 23px 23px 0 0;
	height: 20px!important;
	width: 20px!important;
	background: url(../assets/svg_sprite.png) no-repeat;
	background-position: -16px -68px!important;
	background-size: 83px 2621px!important;
	opacity: 0;
	position: absolute;
}
.objectiveList li.LPobjective .objectiveItem:hover .btn_close {
	opacity:1;
	margin: 26px 23px 0 0;
}
.objectiveList li.LPobjective:before {
	content: "";
	display: block;
	margin: 18px 0 -31px -35px;
	width: 35px!important;
	padding: 0;
	height: 18px!important;
	background: url(../assets/svg_sprite.png) no-repeat;
	background-position: -25px -1658px!important;
	background-size: 160px 5052px!important;
	border: none!important;
	box-shadow: none!important;
}
.objectiveList li.LPobjective li:before {
	background:none!important;
}
.LPobjective .btn_resources {
	background: url(../assets/svg_sprite.png) no-repeat;
	background-size: 129px 4073px!important;
	background-position: 100px -745px!important;
	min-width: 140px;
	padding-top: 25px;
}
body.teacher li.LPobjective .btn_resources {
	background-position: 100px -745px;
	padding-top: 20px;
}
.LPobjectivesHolder {
	min-height:485px;
}
.LPobjectivesHolder label {
	color:#5f5d59;
	font: 22px "ft_font-semibold", tahoma, sans-serif;
	margin-bottom: 0px;
}
p.LPsummary {
	max-width: 350px;
	float: left;
	padding-top: 20px;
	color: #aaa;
}
p.LPsummary strong, p.LPsummary a {
	color: #fff;
}
p.LPsummary strong {
	font-size:18px;
}
.LPdetails {
	margin:5px 5px 18px -5px;
}
.LPdetails .row {
	margin:0 0 18px 0px;
}
.LPdetails .editable {
	margin-top:-5px;
}
.LPdetails label {
	margin-top: 3px!important;
}
.lessonPlan .LPdetails .lessonStats .row {
	margin-bottom:0px;
	border-bottom:1px solid #000;
	border-top:1px solid #595959;
	padding-top:3px;
	padding-bottom:3px;
	font-size:11px;
	color:#999;
}
body.teacher .LPdetails .lessonStats .row {
	padding-top:6px;
	padding-bottom:6px;
}
.LPdetails .lessonStats .row:first-child {
	border-top:none;
}
.button.assessment {
	background: url(../assets/svg_sprite.png) #555 no-repeat;
	background-size: 129px 4073px!important;
	background-position: -11px -2276px!important;
	padding-left: 45px;
	background-color: #3E3E3E!important;
}
.button.assessment.assign {
	background-color: #0D7EB9!important;
	margin-top:-35px!important;
	margin-right:0px!important;
}
.button.assessment.assign.disabled {
	background-color: #ccc!important;
}
.LPobjectivesHolder.noObjectives {
	text-align:center;
	padding-top:170px;
}
.LPobjectivesHolder.noObjectives .button.btn_Add {
	margin:15px auto 0 auto!important;
	float:none;
}
.objectiveList {
	counter-reset: li;
	list-style: none;
	padding: 0;
	margin:8px 0 30px 0px;
}
.objectiveList li.LPobjective {
	padding:0px 8px 0px 38px;
}
.objectiveList.LPobjectives .LPobjective .btn_close {
	height: 30px;
	width: 30px;
	right: -31px;
	top: -32px;
	position: relative;
	float: right;
	clear: both;
	margin-bottom: -35px;
	background: url(../assets/svg_sprite.png) no-repeat;
	background-size: 129px 4073px!important;
	background-position: -25px -100px!important;
	z-index:1;
}
.lessonPlan .row.lessonResources .btn_close, .notesItem .lessonResources .btn_close {
	margin: -8px 22px -35px 0;
	top: auto!important;
	background: url(../assets/svg_sprite.png) no-repeat;
	background-size: 129px 4073px!important;
	background-position: -25px -100px!important;
	height: 35px;
	width: 34px;
	z-index: 9;
	opacity:0;
	border: none;
	line-height:999em;
}
.lessonPlan .row.lessonResources .contentThumbHolder:hover .btn_close, .notesItem .lessonResources .contentThumbHolder:hover .btn_close {
	opacity:1;
	text-indent: -999em;
}
.objectiveList.LPobjectives {
	margin-top:1px;
	margin-left:0px;
	width:100%;
}
.objectiveList.LPobjectives .LPobjective {
	border:1px solid #ccc;
	border-right:2px solid #c0bcb6;
	border-bottom:2px solid #c0bcb6;
	background:#fff; /*url(../assets/dash_bg.jpg) #F6F6F6 repeat-x top;*/
	border-radius: 5px;
	margin:0 0 10px 0;
	padding:0px 15px 15px 55px;
}
.shareConsent {
	display:block;
	float:left;
	margin-left:0px;
	margin-top:20px;
	width:300px;
	border: 1px solid #000!important;
	border-bottom: 1px solid #595959!important;
	border-right: 1px solid #595959!important;
	padding:10px 10px 0px 10px;
	border-radius:3px;
	border-bottom:1px solid #000;
	border-top:1px solid #595959;
}
.shareConsent label, .shareConsent input {
	display:block;
	float:left;
}
.shareConsent label {
	font-size:14px;
	color:#aba49f;
	margin-top:0px!important;
}
.shareConsent label strong {
	font-size:13px;
	color:#ccc;
}
.shareConsent input {
	margin-right:8px;
}
.tabs-content .shareConsent label, .tabs-content .shareConsent input {
	pointer-events:none;
}
.shareConsent input:checked {
	pointer-events:auto;
}
.shareConsent.hide {
	padding:10px;
	float:right;
	width:160px;
}
.newObjectiveHolder {
	margin-bottom:15px;
}
.newObjectiveHolder p {
	color:#888;
}
.row.lessonResources {
	margin-top:10px;
	margin-left:-20px;
	margin-right:0px;
	padding:5px 5px 20px 10px;
}
.LPobjective .row.lessonresources {
	margin:15px 10px -20px -50px;
}
.tabsHolder {
	border-radius: 2px;
	padding:16px 0 0 0!important;
	background: url(../assets/imgHeadingB.png) repeat-x;
	background-position: right -80px;
	border-top: 1px solid #F6F5F4;
	border-radius: 18px;
	margin-bottom: 5px;
	margin-top:5px;
	width: 100%;
}
.tabsHolder h3 {
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 3px;
	font-size: 28px;
	color: #777;
}
.tabsHolder .tabs-content h3 {
	float: none;
	margin: auto;
	color: initial;
	margin-top: 20px;
	margin-bottom: 20px;
}
body.teacher .tabsHolder.nonEditable {
	background-image: none!important;
	border-top: none!important;
	margin-top: -15px;
}
.LPobjective .autoCompContainer ul.search_results {
	top: 138px;
	left: -12px;
	width: 620px;
	position: absolute;
	text-align:left;
}
ul.search_results li.loading {
	background: url(../assets/ajax-loader.gif) transparent no-repeat!important;
	background-position: center 18px!important;
	background-size:20%!important;
	background-size: 80px!important;
	min-height: 45px;
}
/* Inbox */
.inbox tbody tr, .tabs-content tbody tr {
	border-right: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
}
.inbox table td {
	vertical-align:text-top;
}
.inbox table td a {
	display:block;
	width:97%;
	min-height:70px;
	vertical-align:middle;
	padding-top:5px;
}
.inboxFilter {
	min-width: 230px;
	width:auto;
	float: right;
	margin: -10px 0 18px 0;
	border-radius: 6px;
	border-bottom: 1px solid #F6F5F4!important;
	border-right: 1px solid #F6F5F4!important;
	border-top: 1px solid #cdc9c4;
	border: 1px solid #cdc9c4;
}
body.teacher .inboxFilter {
	border-bottom: 1px solid #666!important;
	border-right: 1px solid #666!important;
	border: 1px solid #222;
}
.activityNav {
	width: 800px;
	float: left;
	margin: -58px 0 18px -31px;
	position: fixed;
	z-index: 999;
	background-color: #2F2F2F;
	min-width: 800px;
	border: 1px solid #444!important;
	border-bottom: 1px solid #444!important;
	max-width: 1200px!important;
	overflow:hidden;
	height:50px;
	min-height:50px;
	opacity:.95;
}
.activityNav:hover {
	height:auto;
	min-height:100px;
	max-height:88%;
	overflow-y:auto;
}
.activityNav li {
	display: block;
	margin: 4px 18px 0px -78px;
}
.activityNav li a {
	color: #CCC;
	border: 1px solid #666;
	padding: 8px 18px 8px 18px;
	border-radius: 8px;
	width: 100%;
	display: block;
	margin-left: 10px;
}
.activityNav li a:hover {
	color:#fff;
	background-color:#0D7EB9;
	border: 1px solid #111;
}
.inboxFilterSelect, .activitySelect {
	width:140px;
	float:right;
	padding:5px 12px 5px 5px;
}
.activitySelect {
	width: calc(100% - 80px);
}
.activitySelect li.disabled {
	opacity:0.5;
	pointer-events:none;
}


.button.btn_test span {
	opacity: .7;
	font-size: 15px;
	border-radius: 8px;
	padding: 0 0px 0 5px;
}
.inboxFilter label, .activityNav label {
	float: left;
	font-size: 20px;
	padding: 14px 10px 0 18px;
}
.row.activityProgress {
	width: 500px;
	float: right;
	margin: 8px 0px 0 0;
}
.row.activityProgress h4 {
	font-size: 16px;
	text-align: right;
	padding-right: 8px;
	color: #777;
}
.row.activityProgress .meter {
	margin: 4px 0px 0px -10px;
}
body.teacher .inboxFilter label, .activityNav label {
	color:#ccc!important;
}
.activityNav label {
	padding-left: 60px;
	font-size:18px;
	margin-bottom:5px;
	margin-top:-2px!important;
}
.activityNav label:before {
	width: 18px!important;
	height: 11px!important;
	content: "";
	display: block;
	background-size: 150px 4736px!important;
	background-position: -34px -1234px!important;
	background: url(../assets/svg_sprite.png);
	margin-top: 6px!important;
	position: absolute!important;
	margin-left:-25px;
}
.inboxFilter form.custom div.custom.dropdown, .activityNav form.custom div.custom.dropdown {
	height: 38px!important;
	margin-bottom:0px;
}
.inboxFilter form.custom div.custom.dropdown a.current, .activityNav form.custom div.custom.dropdown a.current {
	text-align: left;
	margin-top: 7px;
	line-height: 13px;
	min-height: 18px;
	font-size: 14px;
	padding: 8px 12px 8px 18px;
	background-color: #f4f4f4;
	border: solid 1px #DDD;
	color: #111!important;
	white-space: nowrap;
	border-bottom: 1px solid #F6F5F4!important;
	border-right: 1px solid #F6F5F4!important;
}
body.teacher .inboxFilter form.custom div.custom.dropdown a.current, .activityNav form.custom div.custom.dropdown a.current {
	border: solid 1px #000;
	border-bottom: 1px solid #111!important;
	border-right: 1px solid #111!important;
	background-color: #333;
	color: #ccc!important;
}
.activityNav form.custom div.custom.dropdown a.current {
	background-color: #222;
	overflow:hidden;
}
.inboxFilter form.custom div.custom.dropdown a.selector, .activityNav form.custom div.custom.dropdown a.selector {
	height: 28px!important;
	border-radius: 5px;
	right: 1px;
	top: 2px;
	background: url(../assets/bg.jpg) #F1EEEB repeat-x 0 -150px;
	border: none;
}
body.teacher .inboxFilter form.custom div.custom.dropdown a.selector, .activityNav form.custom div.custom.dropdown a.selector {
	background-image:none;
	background-color:#444;
}
.inbox table td {
	vertical-align:top;
}
.inbox table td a:hover {
	color:black;
}
.inbox .profilePic {
	float:left;
	height:70px;
	margin:-5px 20px 0px -5px;
	border: 1px solid #666;
}
.inbox .panelIndent dl.tabs, body.teacher .inbox .panelIndent dl.tabs {
	padding-left: 60%;
}
table td.sender {
	width:25%;
	padding: 15px 15px 0px 15px;
	border-right: 1px solid #f3f3f3;
}
table td.sender a {
	padding-top:0px;
	font-weight:bold;
}
table td.sender em, table td.topic em {
	padding-bottom:2px;
	display:block;
	font-weight:normal;
	font-size:12px;
	color:#888;
}
table td.topic {
	width:25%;
	padding: 8px 5px 0px 15px;
	border-right: 1px solid #f3f3f3;
}
table td.message {
	width:40%;
	padding: 10px 5px 0px 15px;
	vertical-align: top;
}
table td.respond {
	width:10%;
}
table td.respond .button.primary, table td.respond .button.secondary {
	padding: 10px 18px 10px 18px;
	top: 10px;
	display: inline;
	font-size:16px;
}
.discussion {
	width: 100%;
	min-width: 800px;
	margin: 0 auto 0px auto;
	border-left: 1px solid #FFF!important;
	border-top: 1px solid #FFF!important;
	background: url(../assets/bg.jpg) #F1EEEB repeat-x 0 -60px;
	position: fixed;
	bottom: -100%;
	z-index: 999;
	left: 0;
	padding: 10px 30px 30px 30px;
	-webkit-transition: all 1.4s ease-in-out;
	-moz-transition: all 1.4s ease-in-out;
	-o-transition: all 1.4s ease-in-out;
	-ms-transition: all 1.4s ease-in-out;
	transition: all 1.4s ease-in-out;
	opacity:1!important;
	height: calc(100% - 70px);
}
.discussion.showDiscussion {
	bottom:0px;
}
.emptyMessages {
	width:100%;
	background-color:white;
	margin: 2px 0 0 0px;
	border-radius:4px;
	box-shadow:  1px 1px 8px 0px #ccc;
}
.emptyMessages strong {
	color:#0D7EB9;
}
body.teacher .emptyMessages {
	margin: 3px 0 -10px 0px;
	box-shadow:  1px 1px 8px 0px #000;
}
body.teacher .ac-classes .emptyMessages {
	margin: 13px 8px -5px 0px;
}
body.teacher .ac-classes .emptyMessages.loading {
	background-position: center 42px!important;
    background-color: #222!important;
}
.notes .emptyMessages {
	margin: 3px 0 0 0px;
	width:100%;
}
.emptyMessages p {
	text-align: center;
	font: 28px "ft_font", tahoma, sans-serif;
	padding: 30px 68px 30px 68px;
	margin: 0;
}
.openDiscussion {
	padding: 10px 18px 10px 44px;
	color: #CCC!important;
	border: 1px solid #666!important;
	background: url(../assets/svg_sprite.png) #222 no-repeat 85px 2684px!important;
	background-size: 129px 4073px!important;
	background-position: -66px -3594px!important;
	z-index: 9999;
	position: fixed;
	border-radius: 5px;
	top: 9px;
	right: 10px;
	font: 18px "ft_font", tahoma, sans-serif;
	z-index:9;
}
.openDiscussion.inline {
	position: relative;
	float: right;
	margin: -14px -10px 0 -80px;
	background-size: 85px 2684px!important;
	background-position: -34px -2434px!important;
}
.discussion.showDiscussion .openDiscussion {
	top:-50px;
}
.closeDiscussion {
	right: 22px!important;
}
.discussion:before {
	display: block;
	content: "";
	width: 100%;
	height: 30px;
	position: absolute;
	margin: -41px 0 0 -20px;
}
.discussion h1 {
	font-size: 33px;
	text-align:center;
	color: #555;
}
.discussion.stream ul.activity {
	margin-top: 20px;
	padding:0px 20px 0px 20px;
	border-radius: 8px;
	height: calc(100% - 88px);
	overflow-y: auto;
	margin-left: -10px!important;
}
.discussion.stream ul.activity li {
	margin-left: 0px;
	padding: 10px;
}
.discussion.stream .button {
	width: 12%;
}
.discussion.stream textarea {
	width: 84.8%;
}
.discussion.stream .postContent {
	width: 90%;
}
audio {
	display:none;
	border:1px solid red;
}
.rightPanelIndent .contentThumb.realTime, .panelDark.previewContent.openContent .contentThumb.realTime {
	border:4px solid #e4d20b!important;
}
.rightPanelIndent .contentThumb.realTime:before, .reveal-modal.realTime:before, ul.search_results li.realTime:before {
	content: "RECENT";
	margin: 80px 20px 20px 0px!important;
	position: absolute;
	font-size: 20px;
	display: block;
	background-color:#e4d20b;
	color: #111;
	padding: 0px 10px 0px 10px;
	font: 16px "ft_font", tahoma, sans-serif;
	width:70px;
}
ul.search_results li.realTime:before {
	padding:0px;
	width: 100px;
	margin: 0px 0px 0px 8px!important;
	text-align: center;
	font-size: 12px;
}
.openContent .contentThumb.realTime:before {
	display:none;
}
.reveal-modal.realTime:before {
	margin: -30px auto 20px -45px!important;
	width: 100%;
	background-image: -webkit-linear-gradient(left, #222 1%, #222 27%, #e4d20b 50%, #222 73%, #222 100%);
	background-image: linear-gradient(left, #222 1%, #222 27%, #e4d20b 50%, #222 73%, #222 100%);
	background-image: -o-linear-gradient(left, #222 1%, #222 27%, #e4d20b 50%, #222 73%, #222 100%);
	background-image: -moz-linear-gradient(left, #222 1%, #222 27%, #e4d20b 50%, #222 73%, #222 100%);
	background-image: -ms-linear-gradient(left, #222 1%, #222 27%, #e4d20b 50%, #222 73%, #222 100%);
}
/* ROBOT */
.robotHolder {
	position: relative;
	height: 253px;
	width: 340px;
	top: 20px;
	left: -30px;
	margin-bottom: -300px;
}
.face {
	width: 150px;
	height: 100px;
	border-radius: 60px;
	margin: -128px 10px 10px 350px;
}
.arm {
	height:139px;
	width:61px;
	position:relative;
	margin: 50px 0 0 72px;
	display:block;
	background-image:url(../assets/arm.png);
	background-repeat:no-repeat;
	background-size:100% 100%;
	z-index:2;
	-webkit-transform-origin: right bottom;
	-webkit-transform: rotate(0deg);
}
.robot_wave {
	height: 251px;
	width: 264px;
	position: absolute;
	display: block;
	background-image: url(../assets/robot-wave.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	margin: -170px 0 0 109px;
}
.arm.wave {
	-webkit-animation: rotateInDownLeft 1.2s ease-out;
	animation: rotateInDownLeft 1.2s ease-out;
	-webkit-transition: rotateInDownLeft 1.2s ease-in-out;
	transition: rotateInDownLeft 1.2s ease-in-out;
}
 @-webkit-keyframes rotateInDownLeft {
 0% {
 -webkit-transform-origin: right bottom;
 -webkit-transform: rotate(0deg);
}
 38% {
 -webkit-transform-origin: right bottom;
 -webkit-transform: rotate(19deg);
}
 100% {
 -webkit-transform-origin: right bottom;
 -webkit-transform: rotate(0deg);
}
}
 @-moz-keyframes rotateInDownLeft {
 0% {
 -moz-transform-origin: right bottom;
 -moz-transform: rotate(0deg);
}
 20% {
 -moz-transform-origin: right bottom;
 -moz-transform: rotate(5deg);
}
 30% {
 -moz-transform-origin: right bottom;
 -moz-transform: rotate(-10deg);
}
 40% {
 -moz-transform-origin: right bottom;
 -moz-transform: rotate(10deg);
}
 50% {
 -moz-transform-origin: right bottom;
 -moz-transform: rotate(-10deg);
}
 70% {
 -moz-transform-origin: right bottom;
 -moz-transform: rotate(10deg);
}
 90% {
 -moz-transform-origin: right bottom;
 -moz-transform: rotate(-5deg);
}
 100% {
 -moz-transform-origin: right bottom;
 -moz-transform: rotate(0deg);
}
}
.mouth {
	background-image: url(../assets/mouth.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 55px;
	height: 15px;
	margin: -38px 10px 20px 280px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	z-index: 7;
	position: relative;
	top: -60px;
	left: -65px;
}
.mouth.smile {
	height:31px;
	margin: -46px 10px 12px 270px;
	-webkit-animation: all .2s ease-out;
	animation: all .2s ease-out;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	left: -55px;
}
.robotHolder.button {
	position: absolute;
	top: 2px;
	left: 3px;
	width: 50px;
	height: 53px;
	background-color: green;
}
/* Notes*/

.btn_newNote {
	margin-top: -10px;
}
.btn_newNote:hover {
	background-color:#111!important;
}
.notes .panelIndentFlat {
	background: #EDE9E6;
	box-shadow: 2px 2px 12px 0px black;
}
.notesItem .btn_close {
	height: 30px;
	width: 30px;
	right: -25px;
	top: -13px;
	position: relative;
	float: right;
	clear: both;
	margin-bottom: -35px;
	background: url(../assets/svg_sprite.png) no-repeat;
	background-size: 129px 4073px!important;
	background-position: -25px -100px!important;
	z-index: 99;
}
.notesItem .lessonResources .btn_close {
	right: -32px;
}
.notesItem textarea[disabled] {
	background-color:transparent!important;
	border:none;
}
.notes .tabsHolder {
	margin-top:-13px;
	padding: 20px 20px 40px 20px!important;
}
.notesList {
	counter-reset: li;
	list-style: none;
	padding: 0;
	margin:8px 0 30px 0px;
}
.notes .panelIndent dl.tabs {
	padding-left: 28%;
	margin-bottom: -68px;
	margin-top: 24px;
}
.notesList.notesItems {
	margin-top:-8px;
	margin-left:-20px;
	margin-bottom:25px;
	width:100%;
	padding-top:30px;
}
.notes dd.active a:before {
	border-bottom: 12px solid #F6F5F4;
}
.notes .redactor-box {
	margin: 0 0px 0px 5px!important;
}
.notesItem {
	border:1px solid #ccc;
	background: url(../assets/dash_bg.jpg) #F6F6F6 repeat-x top;
	border-right: 2px solid #CCC;
	border-bottom: 2px solid #C0BCB6;
	border-radius: 5px;
	margin: -14px 0 20px 20px;
	padding: 0px 15px 15px 0px;
	width: 100%;
	max-width:960px;
	float: left;
	z-index:999999;
}
.noteDate {
	background: #EDE9E6;
	box-shadow: none;
	border-radius: 3px;
	float: left;
	height: 100%;
	width: 18%;
	margin: 5px 18px -12px 5px;
	text-align: center;
	padding: 10px;
	height: 165px;
	background-image: url(../assets/contentPlaceholder.jpg);
	background-size: auto 100%!important;
	background-position: 50%!important;
	background-repeat: no-repeat!important;
	background-color: #222!important;
	overflow: hidden;
}
.noteDate h5 {
	background-color: #F00;
	margin: -10px -10px -110px -10px;
	background: url(../assets/imgHeadingB.png);
	background-size: 14px, 20px;
	background-position: right top;
	background-repeat: repeat-x;
	height: 170px;
	padding: 20px 10px;
	color: #FFF;
	text-shadow: 0 1px 0 #000;
}
.noteContent {
	width: 65.8%;
	float: left;
	margin: 20px 0 0 0;
	height: 140px;
	overflow: hidden;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.noteOpen.noteContent {
	height: auto;
	min-height: 195px;
	margin-left: -10px;
	width: 81%;
	margin-right: -30px;
	z-index: 99;
	position: relative;
}
.noteContent [contenteditable] ol li:before {
	position:relative;
}
.noteOpen.noteContent [contenteditable] ol li:before {
	position:absolute;
}
.noteContent:before {
	content: "";
	float: right;
	position: absolute;
	width: 58%;
	height: 108px;
	margin: 40px 0px 0px 0px;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZjZmNSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYWY2ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(250, 246, 245, 0) 0%, #f5f5f5 100%);
	background: -webkit-gradient(linear, top color-stop(0%, rgba(250, 246, 245, 0)), color-stop(100%, #f5f5f5));
	background: -webkit-linear-gradient(top, rgba(250, 246, 245, 0) 0%, #f5f5f5 100%);
	background: -o-linear-gradient(top, rgba(250, 246, 245, 0) 0%, #f5f5f5 100%);
	background: -ms-linear-gradient(top, rgba(250, 246, 245, 0) 0%, #f5f5f5 100%);
	background: linear-gradient( top, rgba(250, 246, 245, 0) 0%, #f5f5f5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00faf6f5', endColorstr='#faf6f5', GradientType=1 );
	z-index: 998;
}
.noteOpen.noteContent:before {
	display:none;
}
.noteTitle {
	font-size: 18px;
	width: 99%;
	margin-left:5px;
}
.notesItem .row.lessonResources {
	margin-left: -12px;
	padding: 5px 5px 0px 10px;
}
.noteDate span {
	display: block;
	height: 62px;
	font-size: 16px;
	color: #EEE;
	text-shadow: 1px 1px 3px #000;
	line-height: 1.8em;
}
.noteDate span.postTime {
	margin-top: 14px;
	font-size: 12px;
	color: #FFF;
	text-shadow: 1px 1px 2px #000;
	height: 10px;
	margin-bottom: -25px;
}
.noteDate span strong {
	clear:both;
	display: block;
	font-size:28px;
	margin-bottom:-6px;
}
.noteDate .redactor-editor {
	min-height: 133px;
}
.notesItem .redactor-editor {
	min-height: 133px;
}
.noteDate .button, .button.shareNote {
	padding: 12px 26px 12px 26px;
	font-size: 16px;
	margin-left: 74.8%;
	z-index: 10;
	position: absolute!important;
	margin-top: -94px;
	width:90px;
	display:block;
}
.button.openNote {
	background: url(../assets/svg_sprite.png) #0D7EB9!important;
	background-repeat: no-repeat!important;
	background-size: 129px 4073px!important;
	background-position: -14px -1944px!important;
	padding-left: 42px;
}
.button.openNote:hover {
	padding-left: 42px!important;
}
.noteDate .button:hover, .button.shareNote:hover {
	padding: 12px 26px 12px 26px;
	border-bottom: 1px solid #BBB!important;
	border-right: 1px solid #BBB!important;
	background-color:#000!important;
	display:block;
}
.button.secondary.shareNote, .button.secondary.shareNote:hover {
	padding: 8px 26px 41px 38px;
	margin-top: -44px;
	margin-left: 74.8%;
}
.button.secondary.shareNote:before {
	display:block;
	content:"";
	background: url(../assets/svg_sprite.png) no-repeat;
	background-size: 120px 4073px!important;
	background-position: -25px -278px!important;
	height:20px;
	width:20px;
	float:right;
	left:13px;
	position:absolute;
	opacity:.38;
}
.notesItem .shareConsent {
	padding: 5px 4px 4px 6px;
	font-size: 16px;
	margin-left: 75.3%;
	z-index: 10;
	position: absolute!important;
	margin-top: -8px;
	width: 80px;
	display: block;
	height: 30px;
	border: 1px solid #EAEAEA!important;
	background-color: #f8f8f8!important;
}
.notesItem .shareConsent label strong {
	font-size: 13px;
	color: #bbb;
}
.noteOpen.noteContent .button.secondary.shareNote {
	display:none!important;
}
.noteDate .button.secondary.closeNote {
	margin-left: -10px;
	position: auto!important;
	margin-top: 50px;
	width: 15.5%;
	background: url(../assets/svg_sprite.png) #0D7EB9!important;
	background-repeat: no-repeat!important;
	background-size: 129px 4073px!important;
	background-position: -12px -927px!important;
	color: #FFF!important;
	font-size: 18px;
}
.noteDate .button.secondary.closeNote.loading {
	background: url(../assets/ajax-loader.gif) #0D7EB9 no-repeat !important;
	background-position:center 135px;
	background-position: center 50% !important;
	background-size: 30%!important;
}
#noteModal {
	text-align:center;
}
#noteModal .notesItem {
	margin: -14px auto 20px auto;
	display: inline-block;
	float: none;
	clear: both;
	min-width: 950px;
}
#noteModal .noteDate .button.secondary.closeNote {
	width: 170px;
}
/* saylor demo - move this once working on live*/
.classRow .meter {
	margin: -3px 18px -10px -3px;
	width: 50%;
	float: right;
}
.classRow, .classRow:hover {
	padding: 14px 0 12px 8px;
	background-color: #353535!important;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
}
.classRow strong a {
	color: #FFF!important;
	margin-right: 18px;
	border:2px solid #282828;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	padding: 6px 14px 6px 14px;
}
.classRow span.classLabel {
	color: #CCC;
	margin-right: 0px;
	border:2px solid #282828;
	padding: 6px 8px 6px 32px;
	background: url(../assets/svg_sprite.png) #282828 no-repeat !important;
	background-position: -22px -552px!important;
	background-size: 129px 4073px!important;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
table .classRow .meter {
	margin: 0px 18px -10px -3px;
	width: 50%;
	float: right;
	background-color: #222;
	border: 1px solid #444;
	height: 10px;
}
table .classRow .meter > span {
	min-height:6px;
}
.activityTable .activityLO {
	width: 35%;
}
.activityTable tbody .activityLO {
	vertical-align:top;
}
.activityTable thead .activityLO, .activityTable thead .activityLO span {
	color:white;
	cursor:pointer;
}
.activityTable .lessonProgress {
	width: 65%;
	padding-bottom: 28px;
}
.activityTable ul.objectiveList li {
	font-size: 14px;
	margin-bottom:10px;
}
.activityTable .row.panelIndent {
	padding: 12px 5px 11px 0px;
	border: none;
	margin-bottom: -18px;
}
.activityTable .row.panelIndent .nine {
	text-align:left;
	padding-left:20px;
	padding-top:3px;
}
.activityTable .objectiveList {
	max-height: 710px;
	overflow: hidden;
	overflow-y: auto;
}
.activityTable.hideDetails {
	margin-bottom:5px;
}
.activityTable.hideDetails thead tr th {
	height: 50px;
	background-image: linear-gradient(bottom, #555 1%, #636363 100%);
	background-image: -o-linear-gradient(bottom, #555 1%, #636363 100%);
	background-image: -moz-linear-gradient(bottom, #555 1%, #636363 100%);
	background-image: -webkit-linear-gradient(bottom, #555 1%, #636363 100%);
	background-image: -ms-linear-gradient(bottom, #555 1%, #636363 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#636363', endColorstr='#555', GradientType=0 );
}
.activityTable.hideDetails .studentsCompleted {
	display:none;
}
.activityTable.hideDetails tbody {
	overflow: hidden;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
	max-height: 0;
	height: 0;
	position: absolute;
	opacity: 0;
}
.activityTable.hideDetails th {
	cursor:pointer;
}
.activityTable tr:hover td {
	background-color:#fff!important;
}
.activityTable .twelve ul.studentList {
	margin: 10px 10px 4px 0px;
	width: 100%;
	background-image: none!important;
	background-color: #FFF!important;
}
.activityTable .lessonProgress .studentsCompleted {
	margin-top: -5px;
	background-color: #555;
	border: 1px solid #222;
	color: #FFF;
	padding: 8px 8px 6px 8px;
	margin-right: -8px;
	margin-bottom: -5px;
}
.activityTable.closedActivity {
	height: 64px;
	overflow: hidden;
	display: block;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.activityTable .lessonProgress h3, .activityTable h2 {
	text-align:left;
	font: 20px "ft_font", tahoma, sans-serif;
}
.activityTable .lessonProgress h3 span {
	display: block;
	font-size: 14px;
	margin: 10px 0 -20px 15px;
	color: #999;
}
.activityTable h2 {
	margin:5px 0 20px 20px;
}
.activityTable .twelve .button.primary.btn_message {
	padding: 4px 8px 6px 38px;
	font: 14px "ft_font", tahoma, sans-serif;
	background-position: -46px -2912px!important;
	background-color:transparent!important;
	float: right;
	margin: -36px 20px 0px 0px;
	border:	none!important;
}
.activityTable .analyticsBottom .button.primary.btn_message {
	margin: -16px 20px 0px 0px;
	margin: -5px 20px 0px 0px;
}
.activityTable .lessonProgress .button.primary.small {
	top: 10px;
	width: 25%;
	font-size: 18px;
	padding: 12px 16px 9px 16px;
	float: right;
	margin-right: 30px;
	margin-bottom: 20px;
}
.activityTable .lessonProgress .button.primary.small span {
	display: block;
	float: right;
	padding: 5px 16px;
	margin-top: -3px;
}
.activityTable .twelve ul.studentList {
	background-color: rgba(0, 0, 0, 0)!important;
	display: block;
	margin-bottom: 30px;
	border-bottom: 1px solid #EAEAEA
}
.activityTable .twelve ul.studentList li .button.primary.btn_message {
	border:none!important;
	background-color:transparent!important;
	margin-right: 0px;
	margin-top: 1px;
	margin-bottom: 2px;
	opacity:.4;
}
.activityTable .lessonProgress .ActivityAnalytics.show {
	height: 475px;
	width: 100%;
	margin: -3px 0 0 -10px;
}
.activityTable .lessonProgress .ActivityAnalytics.show .analyticsTop {
	height: 70px;
	padding-right: 60px;
}
.activityTable .lessonProgress .ActivityAnalytics.show .analyticsMiddle {
	height: 280px;
	background-color: #F3F3F3;
}
.activityTable ul.objectiveList li {
	padding: 8px 12px 8px 12px!important;
	line-height: 1.4em;
}
.activityTable ul.objectiveList li.obj_analytics .btn_close {
	right: auto;
	float: right;
	left: 63px;
	margin-top: -13px!important;
}
.activityTable ul.objectiveList li.obj_analytics:before {
	display:none;
}
.activityTable #stats_container, .activityTable #stats_container_0, .activityTable #stats_container_1, .activityTable #stats_container_2, .activityTable #stats_container_3, .activityTable #stats_container_4, .activityTable #stats_container_5, .activityTable #stats_container_6, .activityTable #stats_container_7, .activityTable #stats_container_08, .activityTable #stats_container_9, .activityTable #stats_container_10 {
	margin-bottom: 0px!important;
	margin-left: 10px!important;
	padding-top: 10px;
}
.activityTable .lessonProgress .meter {
	height: 16px;
	margin-top: -2px;
	background: #111;
	border: 1px solid rgba(0, 0, 0, 0);
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	margin-bottom: -2px;
}
#lesson_plansTab .btn_loadMore {
	opacity:.3;
}
#lesson_plansTab .btn_loadMore:hover {
	opacity:1;
}
.activityTable .lessonProgress .meter > span {
	min-height: 16px;
	min-width: 33px;
}
/* video modal */
.video_modal, .video_modal_with_menu, .help_desk_modal {
	position: fixed;
	overflow-y: scroll;
	height: 100%;
	width: 100%;
	text-align: center;
	background-size: 100% auto;
	background: -moz-linear-gradient(top, rgba(17,17,17,1) 0%, rgba(51,51,51,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(17,17,17,1)), color-stop(100%, rgba(51,51,51,0.71))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(17,17,17,1) 0%, rgba(51,51,51,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(17,17,17,1) 0%, rgba(51,51,51,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(17,17,17,1) 0%, rgba(51,51,51,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(17,17,17,1) 0%, rgba(51,51,51,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#b5333333', GradientType=0 ); /* IE6-9 */
	top:0;
	z-index: 999999999!important;
	right:-100%;
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	-o-transition: all .8s ease-in-out;
	-ms-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;
}
.help_desk_modal {
	text-align: left;
}
.video_modal.videoOpen, .video_modal_with_menu.videoOpen, .help_desk_modal.helpOpen {
	right:0%;
}
.btn_closeDetails {
	position: absolute;
	right: 22px;
	color: #AAA;
	font-weight: bold;
	cursor: pointer;
	background: url(../assets/svg_sprite.png) no-repeat;
	background-size: 129px 4073px!important;
	background-position: -14px -43px!important;
	height: 40px;
	width: 37px;
	height: 45px;
	width: 45px;
	top: 18px;
	z-index: 999;
}
.movieHolder {
	margin: -232px auto 0 auto;
	height: 450px;
	top: 50%;
	border: 1px solid #555;
	background: #000!important;
	background-size: 600px 338px!important;
	position: relative;
	width: 800px;
	border-radius: 3px;
	box-shadow: 0px 3px 18px 0 #000!important;
	background:url(../assets/ajax-loader.gif) no-repeat center center #111 !important;
}
.tourStart .contentThumb.movie.video {
	background: url(http://www.ck12.org/flx/show/THUMB_POSTCARD/cover%20page/04db506245c71450b9e23c4f7eb164dc-201305251369510585124495-201305251369513406037795.jpg);
	background-size: 118% auto!important;
	background-position: center center;
	background-repeat: no-repeat;
	width: 522px;
	height: 158px;
	margin: 0px 0px 28px 18px;
	float: right;
	text-decoration: none;
}
.teacher .tourStart p {
	width: 65%;
	float: left;
	margin-right: 50px;
}
.tourStart .contentThumb.movie.video h5 {
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .5)!important;
	line-height: 1.1em;
	color:#fff;
	font-size: 28px;
	background-size: 9%, auto!important;
	background-position: right -100px;
}
.tourStart .contentThumb.movie.video h5 span {
	display: block;
	font-size: 48px;
	opacity: .5;
	padding: 10px 0;
}
.tourStart .contentThumb.movie.video h5:before {
	margin-top: 103px!important;
	right: 10px!important;
}
/*  remove this when new buttons in place and old one gone from live */
.streamEmpty .panel.studentTokens ol {
	margin: 0 0 0 20px;
}
.streamEmpty .panel.studentTokens ol li {
	margin-bottom: 8px;
}
.streamEmpty .panel {
	padding:28px 18px 28px 148px;
	min-height:138px;
}
.streamEmpty .panel h6 {
	font-size: 23px;
	color:#0D7EB9!important;
}
.streamEmpty .panel:before {
	display: block;
	width: 100px;
	height: 100px;
	content: "";
	margin-left: -130px;
	margin-top:-10px;
	float: left;
	background: url(../assets/svg_sprite.png) no-repeat!important;
	background-size: 129px 4073px!important;
}
.streamEmpty .panel.emailConfirm:before {
	background-position: -15px -3105px!important;
}
.streamEmpty .panel.studentTokens:before {
	background-position: -13px -3243px!important;
}
.streamEmpty .panel.support:before {
	background-position: -14px -3973px!important;
}
/*  /remove this when new buttons in place and old one gone from live */


.btn_print {
	float: right;
	margin: -3px -8px 0 10px;
	padding: 2px 6px 2px 6px;
	height: auto;
	border: 1px solid #888!important;
	background-color: #444;
	font-size: 14px;
}
.tokens .twelve {
	padding:20px;
	font-size: 15px;
}
.tokens .row {
	border-top:2px solid rgba(0,0,0,0.1);
}
.tokens h1 {
	text-align: center;
	padding-bottom: 20px;
	font-size: 28px;
}
.row.pageHolder.tokens {
	padding-bottom: 88px!important;
	background-image: none;
	background-color: #F1EEEB;
}
.tokens .twelve .button {
	margin-right:20px;
}
.token {
	margin-top: -20px;
	padding: 18px 30px 12.5px 30px;
	font-family: Arial, sans-serif;
	color: #222;
	text-decoration: none;
	background-color: #FFF;
	font: 24px arial, sans-serif;
	border-radius: 5px;
	font-weight: bold;
	margin-bottom: 14px;
	margin-left: 0px;
	text-align: center;
	display: block;
	border-bottom: 1px solid #BFC5C1;
	float: left;
	margin-right: 10px;
	width: 100%;
	margin-bottom: 20px;
}
.token.used {
	color: #CCC;
	padding: 8px 30px 8px 30px;
}
.token.used span {
	font-size: 16px;
	display: block;
}
.joyride-tip-guide .btn_print {
	font-size: 16px;
	padding: 0px 6px 0px 6px;
	display: inline;
	float: none;
	margin: -21px 2px 0 2px;
	border: none!important;
	border-radius: 3px;
	text-decoration:none;
}
.intro_message {
	text-align:center;
}
.big-button {
	padding: 18px 8px 28px 8px;
	min-height: 138px;
	border-top: 1px solid #CDC9C4;
	border-right: 1px solid #F6F5F4;
	border-left: 1px solid #D9D6D4;
	border-bottom: 1px solid #FFF;
	box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.4);
	display: block;
	border-radius: 8px;
	float: left;
	margin-right: 5px;
	margin-top:20px;
	margin-left: 5px;
	background-color:rgba(255, 255, 255, 1);
	height: 325px;
	width: calc(36% - 6px);
}
.big-button.disabled, .big-button.completed {
	opacity:.3;
	box-shadow: inset 0 1px 6px 0px rgba(0, 0, 0, 0.4);
	pointer-events:none;
	background-color:rgba(0, 0, 0, 0.1);
}
.big-button.completed {
	opacity:.9;
	background-color:rgba(255, 255, 255, 0.7);
	box-shadow: none;
	border: 1px solid #D9D6D4;
}
.streamEmpty .big-button.completed:before {
	width: 70px;
	height: 60px;
	content: "";
	margin-left: 102px;
	margin-top: 5px;
	background: url(../assets/svg_sprite.png) no-repeat!important;
	background-size: 129px 4073px!important;
	background-position: -58px -2776px!important;
	position: absolute;
}
.big-button:hover {
	box-shadow:  0 1px 2px 0px rgba(0, 0, 0, 0.4);
	background-color:rgba(255, 255, 255, .6);
}
.big-button h5 {
	padding-top:20px!important;
	display:block;
	width:100%;
	font-size:38px;
	line-height: 1.0em;
	padding-left:28px;
	padding-top: 14px!important;
	color: #0D7EB9!important;
}
.big-button h5 span {
	margin-bottom: -44px;
	font-size:28px;
	display:block;
	opacity:.8;
}
.big-button p {
	display: block;
	float: left;
	text-align: left;
	padding: 18px 28px 0px 28px;
}
.big-button.inviteIcon {
	width: calc(63% - 8px);
}
.big-button:before {
	display: inline;
	width: 100px;
	height: 100px;
	content: "";
	margin-right: 17px;
	margin-top: 0px;
	float: right;
	background: url(../assets/svg_sprite.png) no-repeat!important;
	background-size: 129px 4073px!important;
	background-position: -15px -3105px!important;
	position: static;
	opacity:0.18;
	margin-bottom: -100px;
}
.big-button.lpIcon:before {
	background-position: -14px -3973px!important;
	margin-right: 12px;
	margin-top: 0px;
}
ul.studentList .btn_close {
	z-index:1!important;
}
#manualModal .redactor-toolbar li a.redactor_btn_table /*old redactor */, #manualModal .redactor-toolbar li a.re-icon.re-table {
	display:none!important;
}
#redactor_content table td {
	padding: 5px !important;
	border: 1px solid #ddd;
	vertical-align: top;
}
/* -- Manage Sudents --*/

#students .row.panelIndent {
	padding:0px 0 0 0;
}
.studentManagerTable {
	margin:0 0px 0 -10px;
 width:calc(100% - -20px);
/*width:calc(100% + 20px);*/
}
.studentManagerTable thead th {
	color:#ccc;
}
.studentManagerTable input[type="text"], .studentManagerTable input[type="text"]:focus {
	padding: 6px!important;
	margin-bottom:8px;
}
.studentManagerTable form.custom div.custom.dropdown a.current {
	font-size: 15px;
	padding: 2px 38px 2px 6px;
	border: solid 1px #CCC;
	color: #777!important;
	background-color: #FFF;
	background-color: #FFF;
}
.studentManagerTable form.custom div.custom.dropdown a.selector {
	height: 30px!important;
	top: 1px;
	right: 1px;
	border-radius: 5px;
}
.studentManagerTable form.custom div.custom.dropdown.open ul {
	margin-top: -62px;
}
.studentDob {
	max-width:30px;
}
.studentToken {
	max-width:135px;
}
.studentFullName {
	min-width:160px;
}
.studentEmail {
	min-width:250px;
}
table.studentManagerTable tbody tr td {
	padding: 8px 10px 0px 10px;
	border-right:1px solid #eee;
}
table.studentManagerTable input[type="text"][disabled] {
	background-color:transparent!important;
	border: 1px solid #ddd!important;
}
#students .button.btn_lessonSave {
	margin: -14px -40px 0 0;
}
#students {
	margin-bottom:20px;
}
.reveal-modal.test .panelIndent h3 span {
	font-size: 14px;
	color: #666;
	margin-bottom: -3px;
	font-style: italic;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	display: block;
}
.reveal-modal.test .panelIndent h3 span a {
	font-style:normal;
	padding-left:2px;
	font-size:16px;
	color:#aaa;
}
 .leftPanels ::-webkit-scrollbar, .ActivityAnalytics ::-webkit-scrollbar, .rightPanels ::-webkit-scrollbar {
width:10px;
height:10px
}
#fullscreen ::-webkit-scrollbar, .rightPanels ::-webkit-scrollbar {
background-color:#222;
}
#fullscreen .discussion ::-webkit-scrollbar, #fullscreen .reveal-modal ::-webkit-scrollbar {
background-color:transparent;
}
::-webkit-scrollbar-track {
border-radius:0px
}
::-webkit-scrollbar-thumb {
border-radius:0px;
background-color:#888;
}
.objectiveList li iframe {
	width: 100%!important;
	border: 1px solid #CCC;
	border-radius: 2px;
	margin: 18px 0 10px 0;
}

/* help movies  */
.movieHolder ::-webkit-scrollbar {
 width: 12px;
 height:12px;
}
.movieHolder ::-webkit-scrollbar {
 width: 12px;
}
.movieHolder ::-webkit-scrollbar-track {
 background-color:#000!important;
}
.video_modal_with_menu .movieHolder {
	width: 843px;
}
.demo-video {
	float:right;
}
.movieMenu {
	height: 450px;
	width:42px;
	float:left;
	background-color:rgba(41, 41, 41, 0.93);
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	position:absolute;
	z-index:9;
	overflow:hidden;
	border-right:1px solid rgba(0, 0, 0, 0.28);
}
.helpdeskMenu h2 {
	color: #fff;
  	font-size: 20px;
 	padding-bottom: 16px;
}
.movieMenu h1 {
	font-size: 21px;
	color: #bbb;
	margin: -5px 0 15px 0px;
	width:230px;
	padding:0;
	opacity:0;
}
.movieMenu:hover {
	width:230px;
}
.movieMenu:hover h1 {
	margin: -5px 0 15px 0;
	opacity:1;
}
.movieMenu a.ft_logo, .movieMenu a.ft_logo:hover {
	margin: 15px 10px -34px -10px;
}
.helpdeskMenu a.ft_logo {
	margin: 0 27px; 
}
.movieMenu:hover a.ft_logo {
	margin: 15px 10px 3px 39px;
}
.movieMenu ul {
	margin:12px 0 0 0;
	width:228px;
	overflow:hidden;
	overflow-y:auto;
	height:398px;
	background-color:rgba(0, 0, 0, 0.18);
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.movieMenu ul:hover {
	height:354px;
}
.movieMenu ul li {
	text-align:left;
	padding:0;
}
.movieMenu ul li a {
	display: inline-block;
	padding:16px 12px 16px 52px;
	width:100%;
	border-top:1px solid rgba(255, 255, 255, 0.08);
	border-bottom:1px solid rgba(0, 0, 0, 0.28);
	color:#ccc;
}
.movieMenu ul li.active {
	background-color:#000;
	border-left:1px solid #0D7EB9;
}
.movieMenu ul li a:hover {
	background-color:rgba(0, 0, 0, 0.28);
	border-bottom:1px solid rgba(255, 255, 255, 0.08);
	border-top:1px solid rgba(0, 0, 0, 0.28);
}
.movieMenu ul li:before {
	content:"";
	display:block;
	height:40px;
	width:40px;
	margin-bottom: -48px;
	margin-top:8px;
	margin-left:2px;
	float:left;
	background-size: 35px 375px!important;
	background: url(../assets/movie_menu.png) no-repeat;
}
.movieMenu ul li.help_lessonPlan:before {
	background-position: 1px -0px!important;
}
.movieMenu ul li.help_activities:before {
	background-position: 1px -38px!important;
}
.movieMenu ul li.help_messages:before {
	background-position: 1px -75px!important;
}
.movieMenu ul li.help_classes:before {
	background-position: 1px -108px!important;
}
.movieMenu ul li.help_lessonEditor:before, .movieMenu ul li.help_messages:before {
	background-position: 1px -172px!important;
}
.movieMenu ul li.help_grading:before {
	background-position: 2px -204px!important;
}
.movieMenu ul li.help_progress:before {
	background-position: 1px -141px!important;
}
.movieMenu ul li.coming_soon {
	pointer-events:none;
	opacity: 0.4;
}
.movieMenu ul li.coming_soon:after {
	content: "Coming Soon";
	position: absolute;
	left: 48px;
	padding: 0px 4px;
	width: 61px;
	font-size: 10px;
	color: #bbb;
	margin-top: 10px;
}
.movieMenu ul li.coming_soon a {
	padding: 22px 12px 12px 52px;
}
/* sharing modal */
.btn_twitter, .btn_linkedin, .btn_fb, .btn_gPlus {
	display: block;
	position: relative;
	top: 0px;
	height: 30px!important;
	width: 30px!important;
	background: url(https://s3-eu-west-1.amazonaws.com/ft.images.fishtree.com/twitter-bird-light-bgs.png) no-repeat!important;
	background-position: -10px -10px!important;
	background-size: 50px!important;
	float: right;
	margin-right: 8px;
	padding: 0;
	border: none;
}
.btn_gPlus {
	background: url(https://s3-eu-west-1.amazonaws.com/ft.images.fishtree.com/btn_gPlus.png) no-repeat!important;
	background-size: 30px!important;
}
.btn_fb {
	background: url(https://s3-eu-west-1.amazonaws.com/ft.images.fishtree.com/btn_fb.png) no-repeat!important;
	background-size: 30px!important;
}
.share_modal {
	top:0;
	position: fixed;
	height: 100%;
	width: 100%;
	background: #111;
	background-size: 100% auto;
	background-color: rgba(0, 0, 0, 0.88);
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	-o-transition: all .8s ease-in-out;
	-ms-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;
	z-index: 999999999;
	opacity:0;
	pointer-events:none;
}
.share_modal.shareOpen {
	opacity:1;
	pointer-events:auto;
}
.share_modal .btn_close {
	margin:18px;
	margin: 32px 28px 0px 0px;
	background: url(../assets/svg_sprite.png) no-repeat;
	background-position: -20px -43px!important;
	background-size: 129px 4073px!important;
}
.share_modal_container {
	height:480px;
	width:880px;
	top:10%;
	top:calc(50% - 240px);
	left:18%;
	left:calc(50% - 440px);
	position:absolute;
	border:1px solid #000;
	border-radius:8px;
	overflow:hidden;
	-o-transform: scale(.8);
	-moz-transform: scale(.8);
	-webkit-transform: scale(.8);
	transform: scale(.8);
	-webkit-transition: all .48s ease-in-out;
	-moz-transition: all .48s ease-in-out;
	-o-transition: all .48s ease-in-out;
	-ms-transition: all .48s ease-in-out;
	transition: all .48s ease-in-out;
	opacity:0.1;
}
.share_modal_container.share_modal_containerOpen {
	-o-transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity:1;
}
.share_modal .btn_twitter, .share_modal .btn_linkedin, .share_modal .btn_fb, .share_modal .btn_gPlus {
	width: auto!important;
	float: left;
	display: block;
	position: relative;
	clear: none;
	padding: 5px 0 0 37px;
	margin-right: 62px;
}
.share_content {
	margin: 0px 0 0 0;
	height: 263px;
	padding: 38px;
	background: url(../assets/new-website-assets/about.jpg) 20% 0px no-repeat #333;
	background-position: -68px -80px;
	background-repeat: repeat-x;
	background-size: 120% auto;
	height: 358px;
}
.share_content h1 {
	color: #EEE;
	margin: 30px 0 0px 38px;
}
.share_content .text {
	margin: 24px 0 24px 38px;
	width: 400px;
	font-size: 18px;
}
.share_content .text p {
	color: #888;
	line-height: 1.1;
	font-size: 20px;
}
.share_content input[type="text"] {
	width: 243px;
	font-size: 22px;
	text-align: center;
	margin: 0 0 0 38px;
	background-color: #222;
	border: 1px solid #555;
}
.share_content label {
	color: #666;
	font-size: 18px;
	margin: 0px 0 5px 38px;
	font-style:italic;
}
.share_modal .social_buttons {
	width: 100%;
	padding-left:132px;
	margin-top:-10px;
}
.share_modal .footerContent {
	padding-top: 38px;
}
.share_modal .footerHolder {
	height: 121px;
	background-color: #BFC5C1!important;
	background-image:none;
	padding: 0px;
	display: block;
	padding: 20px 0 0 0;
	z-index: 9999!important;
	float: left;
	width: 100%;
}
.reveal-modal.test .ten.columns {
	padding-bottom:30px;
}
/* Courses */

.reveal-modal .three.columns .button.primary {
	margin: 0px;
	width: 100%;
}
.reveal-modal .nine.columns input {
	text-align:left;
	padding-left:12px;
}
.courses_holder {
	border-top: 1px solid rgba(0, 0, 0, 0.4);
	margin-top:5px;
}
.course_holder {
	padding: 20px 28px 4px 28px;
	border-radius: 8px;
	margin-bottom: 8px;
	background-image: none;
	background-color: #333;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#636363+0,565656+100 */
background: rgb(99,99,99); /* Old browsers */
	background: -moz-linear-gradient(to bottom, #636363 0px, #515151 50px); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0px, rgba(99,99,99,1)), color-stop(50px, rgba(86,86,86,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(to bottom, #636363 0px, #515151 50px); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(to bottom, #636363 0px, #515151 50px); /* Opera 11.10+ */
	background: -ms-linear-gradient(to bottom, #636363 0px, #515151 50px); /* IE10+ */
	background: linear-gradient(to bottom, #636363 0px, #515151 50px); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#636363', endColorstr='#515151', GradientType=0 ); /* IE6-9 */
	border-bottom: 1px solid #222;
}
.course_holder .lessonName {
	width: 60%;
}
.course_holder .lessonName span {
	opacity: 0.5;
  	font-style: italic;
  	font-size: 12px;
  	float: right;
}
.course_holder.not-in-course {
	margin-top: 10px;
	background: #444;
	border-bottom: 1px solid #222;
	border-top: 1px solid #777;
	background-image: linear-gradient(top, #444 0px, #353535 68px);
	background-image: -o-linear-gradient(top, #444 0px, #353535 68px);
	background-image: -moz-linear-gradient(top, #444 0px, #353535 68px);
	background-image: -webkit-linear-gradient(top, #444 0px, #353535 68px);
	background-image: -ms-linear-gradient(top, #444 0px, #353535 68px);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#353535', GradientType=0 );
	border-left:none;
}
.ui-sortable-helper {
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.48);
	z-index:99999;
}
.reveal-modal input.list_search_filter {
	margin: 5px 0px 12px 0px;
	font-size: 20px!important;
	height: 50px!important;
	box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.18);
}
.btn_handle {
	height: 33px;
	width: 61px;
	background: url(../assets/svg_sprite.png) no-repeat;
	background-position: -16px -116px!important;
	opacity: .78;
	background-size: 115px 3631px!important;
	margin: -2px 0 0 0;
	padding: 7px 28px 8px 28px;
}
.ac-container .courses_holder .not-in-course h2 {
	padding: 12px 12px 12px 44px;
}
.course_holder .button.assessment.assign, .button.add_lessons {
	position: absolute!important;
	right: 33px;
	margin-top: -11px!important;
	padding: 9px 12px 9px 42px;
	background-position: -14px -2278px!important;
}
.button.add_lessons {
	background-color: rgba(0, 0, 0, 0.1);
	right: auto;
	border: 1px solid #666!important;
	font-size: 16px;
	padding: 9px 15px 8px 15px;
	left: 60px;
	margin-top: -9px!important;
}
.ac-container .courses_holder h2 {
	padding: 12px 12px 12px 112px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-shadow: rgba(0, 0, 0, 0.2) -1px -1px 1px;
}
.ac-classes h3 {
	color: #FFF;
	padding: 20px 0 0px 0;
	font-size: 18px;
	margin-top:0;
}
.courses_holder h3 {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}
/* --Learnosity related but no just horizontal layout-- */ 
/* overide fishtree checkbox/radio solution*/
.lrn-assess .lrn-horizontal-toc ul.pagination, .LearnosityModal {
	height: auto;
}
.lrn-assess .lrn-horizontal-toc ul.pagination li, .LearnosityModal .lrn-horizontal-toc ul.pagination li {
	height: 38px;
}
.lrn.lrn-assess .lrn-bottom-region.lrn-region .pager li, .LearnosityModal .lrn-bottom-region.lrn-region .pager li {
	height: 36px;
}
#fullscreen .activity-slider .lessonContent video {
	max-width: 100%;
}
.youtube-video-icon {
	background-size: 77px 57px!important;
	background: url(../assets/youtube-video-icon.jpg);
	width: 77px;
	height: 57px;
	position: absolute;
	margin: -220px 0 0 295px;
	pointer-events: none;
}




/* -------------------------------------------------------------------------------------------- */
 /* -------------------------------------------------------------------------------------------- */
 /* -------------------------------  RESPONSIVE ----------------------------------- */ 
 /* -------------------------------------------------------------------------------------------- */
 /* -------------------------------------------------------------------------------------------- */


/*----------- iPad only ----------*/


@media only screen and (max-device-width: 1024px) {
.btn_close.deleteLP {
	opacity:1;
	right: 13px;
}
.closeContent.closeFullscreen, #fullscreen .button.btn_fullscreen, li.btn_helpSystem {
	display:none!important;
}
.objectiveList li.LPobjective .objectiveItem .btn_close {
	opacity: 1!important;
}
ul.studentList li a {
	margin-right: -25px;
}
.btn_close.removeStudent {
	margin-left:-20px;
	width:20px!important;
	margin-right:-20px!important;
}
}
 @media only screen and (max-width: 1024px) {
/* ipad only - for Mobile APP*/ 
.progressPanel tbody td.standardName a {
	pointer-events:none!important;
}
.progressPanel tbody td.standardName span a {
	pointer-events:auto!important;
}
.big-button p {
	padding: 8px 28px 0px 28px;
}
.reveal-modal.test, .reveal-modal.test.open {
	padding:3% 6% 8% 6%;
}
.stickyheader {
	max-width:915px;
}
.panel.notifications, .panel.supportContainer {
	max-width: 235px;
}
.aboutHolder p {
	font-size: 17px!important;
}
.panel.insights ul.objectiveList li .btn_close {
	right: -6px;
}
li.LPobjective .btn_resources {
	margin-right: -20px;
	margin-left: 0;
}
body.teacher .contentThumb h5:before {
	right: 33px;
}
.contentHolder #video_iframe, .reveal-modal.open embed, .reveal-modal.open object {
	top: 15%;
	transform: none!important;
}
.reveal-modal.open embed, .reveal-modal.open object {
	top: 5%!important;
}
}
/*----------- smaller than ipad ----------*/

@media only screen and (max-width: 1000px) {
.teacher.body, body {
	min-width:1000px!important;
}
html {
	overflow-x: auto;
}
.top-bar .attached {
	min-width: 320px;
}
}
@media only screen and (max-width: 620px) {
html {
	overflow-x: none!important;
}
}
@media only screen and (max-width: 768px) {
.class_list li {
	width: calc(100% - 20px);
}
.button.btn_Add {
	min-height:50px;
}
.noteDate {
	background-size: 100% auto !important;
}
.class_standard {
	margin-left: 0px;
	font-size: 16px;
	display: block;
	border-left:none;
	padding-left:0px;
}
.classHolder ul.studentList li {
	width: 100%;
	padding-left: 3px;
}
.btn_accept:hover {
	background-position: -23px -1840px!important;
}
.noClassMembers h1, .noClasses h1, #pathCheckModal h1 {
	font-size: 18px;
}
.studentToken {
	max-width:100%!important;
}
#infoModal .paymentSettings p {
	width:100%;
}
::-webkit-scrollbar, ::-webkit-scrollbar-track, ::-webkit-scrollbar-thumb {
width: 0px!important;
}
.profileBox .profilePic img {
	width: 100%;
	height: auto;
}
.profileBox .profilePic {
	width: 100%;
}
.streamEmpty .panel {
	padding-left: 18px;
	text-align: center;
	width: 118%;
	width: calc(100% + 40px);
	margin-left: -20px;
}
.streamEmpty .panel:before {
	clear: both;
	width: 100%;
	margin-left:46%;
	margin-left: calc(50% - 50px);
}
.activityTable .twelve ul.studentList {
	margin: 10px 10px 24px 20px;
}
#analyticsModal ul.studentList li {
	padding: 3px 0px 3px 60px!important;
}
.home .postContent .imgHolder .contentThumb {
	height: 158px;
	width: 100%;
}
.noNots {
	height:75px;
}
.teacher.body, body {
	min-width:50px!important;
}
html {
	overflow-x:hidden!important;
}
.objectiveList li.LPobjective .objectiveItem .btn_close {
	opacity: 1!important;
}
.lessonPlan .row.lessonResources .btn_close {
	opacity:1!important;
	margin: -13px 15px -35px 0;
}
.reveal-modal.open {
	top: 130px!important;
}
.search {
	height: 150px;
}
.searchOpen .search .btn_close {
	position: fixed;
	top: 41px;
	right: 18px;
	margin: 0;
}
.search_filters {
	display:none;
}
.panel.notifications {
	width: 100%;
	max-width: 100%!important;
	position:relative;
}
.panel.notifications.showAll {
	width: 95%!important;
	width: calc(100% + 36px)!important;
	position: relative!important;
	max-width: 600px!important;
	margin-left: -18px!important;
}
.panel.notifications ul li:nth-child(3), .panel.notifications ul li:nth-child(4), .panel.notifications ul li:nth-child(5), .panel.notifications ul li:nth-child(6), .panel.notifications ul li:nth-child(7), .panel.notifications ul li:nth-child(8), .panel.notifications ul li:nth-child(9), .panel.notifications ul li:nth-child(10), ul.navList li.btn_lessons a span, .btn_help, #resultsModal .row .three, #resultsModal .button.secondary, .button.btn_lessonView, .objectiveTextAdded span:before, .objectiveResources:before, body.teacher .btn_tileView, body.teacher .btn_listView, .lessonObjectives, .lessonClass, .lessonDeadline, .lessonCreated, .lessonAssign, .lessonShared, .flip_panel, .supportContainer, thead .activityLO, p.whoTo, .resource_tools, .btn_more, .assessmentHolder:before, .like.tools, .contnetInfo, #testType .button.secondary span, .btn_unordered, .btn_ordered, .lessonAssignee, .home .contentResources.insights, .activityNav, #fullscreen .objectiveText:before, .quizActions p, .openTour, th.topic, td.topic, th.respond, td.respond, .panelIndent:after, ul.navList li a span, .standardSearch:before, .robotHolder, li.btn_helpSystem, .share_modal, .video_modal_with_menu, .help_desk_modal, .video_modal, .joyride-tip-guide, .joyride-modal-bg, .objectiveTextAdded span, .objectiveTextAdded:before, .lessonPlan dd.active a:before, dl.tabs, body.teacher .stream dl.tabs {
	display:none!important;
}
body.teacher dl.tabs {
	height: auto;
	display:block!important;
	margin-top: 10px;
	width: 100%;
}
.lessonPlan dl.tabs dd a, .lessonPlan dl.tabs dd.active a {
	width: 55px!important;
	padding: 8px 0px 34px 0px!important;
	margin-right: 6px;
	margin-bottom: 6px;
	height: 40px!important;
	margin-top: 0px;
}
.lessonPlan dl.tabs dd .remediate, .lessonPlan dl.tabs dd.active .remediate {
	margin: 2px 0px 0px 37px!important;
}
ul.comments li, body.teacher ul.activity ul.comments li {
	margin: 0px!important;
}
.stream ul.comments .profileName.profileName {
	padding-left: 40px;
}
ul.comments li textarea, .discussion.stream .button {
	width: 100%!important;
	margin: 0px;
	z-index: 9;
	position: relative;
	min-height: 50px;
}
.discussion.stream .button {
	font-size: 18px;
}
.stream .button, body.teacher .stream .button {
	width:100%;
}
.addMedia textarea {
	padding: 8px 0 0 12px;
	width: 100%;
	min-height: 100px;
	margin-top: 30px;
}
.emptyMessages {
	margin: 15px 0px 22px 24px;
}
body.teacher li .emptyMessages {
	margin: 15px 0px 20px 24px;
	box-shadow: 1px 1px 8px 0px #000;
}
body.teacher .ac-classes .emptyMessages {
	margin: 3px 0 -5px 5px;
	width: 99%;
}
.MCquestionTypeUnordered, .MCquestionTypeOrdered {
	border:none;
}
.postContent .imgHolder {
	margin:0 0 10px 0px;
	width:100%;
}
#testType .button.primary, #testType .button.secondary {
	margin: 0px 0 -30px 0!important;
	line-height: 999em;
	height: 100px;
	overflow: hidden;
}
table span.notify {
	left: 0px;
	margin: -8px 6px 0 0px;
}
.LPobjective .autoCompContainer ul.search_results {
	width:98%;
	width:calc(100% - 10px);
}
.discussion.stream ul.activity {
	padding: 0px 20px 0px 0px;
	overflow-x: hidden;
	margin: 0 -10px 0 0px;
	left: 0px;
	display: block;
	width: 98%!important;
	width: calc(100% + 10px)!important;
	position: relative;
	border-bottom: 1px solid #FFF;
}
table td.sender {
	padding: 15px 15px 10px 15px;
}
.discussion.stream .comments.panelIndentFlat {
	display:block!important;
}
.button.btn_test {
	width: 100%;
	margin-bottom: 18px;
}
#contentModal .button.btn_Add, #contentWebModal .button.btn_Add, #contentModalContentAddtoNote .button.btn_Add {
	line-height: 999em;
	height: 40px;
	padding: 12px 12px 12px 18px;
	left: 10px;
	width: 60px;
}
body.teacher .postActions {
	background: url(../assets/imgHeadingB.png);
	background-position: 0 -82px !important;
	background-size: auto auto!important;
	background-repeat: repeat-x!important;
}
#contentModal h2, #contentWebModal h2 {
	max-width: calc(100% - 120px);
}
.postContent {
	width: 93%;
}
.stream .contentThumb.text.contentPlaceholder {
	width:100%!important;
}
body.teacher ul.activity li {
	background: url(../assets/bg.jpg) #F1EEEB repeat-x left -300px!important;
	border-radius: 4px!important;
}
body {
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	width:100%;
	min-width: 0;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	overflow-x: hidden!important;
}
.pageHolder {
	overflow: hidden;
}
.panel.notifications:after {
	display:none!important;
}
a.ft_logo {
	overflow: hidden!important;
	width: 44px!important;
}
/* graph */



h3.graphHeader, .reveal-modal h3.graphHeader {
	margin: 0px 0px 0px 0px!important;
	border-bottom: 1px solid #CCC;
	padding: 0 10px 10px 10px!important;
	font-size: 20px!important;
}
.activityTable #stats_container, .activityTable #stats_container_0, .activityTable #stats_container_1, .activityTable #stats_container_2 {
	/*min-width: 30px!important;
	height: 200px!important;
	margin-bottom: 0px!important;
	margin-left: -10px!important;
	padding-top: 10px;
	width:100%!important;*/
	
	display:none;
}
.axisLable_y {
	transform: rotate(0deg)!important;
	-ms-transform: rotate(0deg)!important;
	-webkit-transform: rotate(0deg)!important;
	-o-transform: rotate(0deg)!important;
	-moz-transform: rotate(0deg)!important;
	margin: 165px 0 0 0px!important;
	right: 40px;
	font-size:12px!important;
}
.ActivityAnalytics {
	margin: -28px 0px 0px -30px!important;
	position: absolute!important;
	left: 0px!important;
	top: 100%!important;
	height: 100%!important;
	width:125%!important;
	width: calc(100% + 60px)!important;
	padding-bottom: 90px;
}
.ActivityAnalytics.show {
	top: 62px!important;
}
.analyticsBottom .button.primary {
	float: none;
	margin: 0px 0 0 0!important;
}
.reveal-modal .button.primary.btn_message {
	margin-top: 8px!important;
}
.reveal-modal .ActivityAnalytics.show .analyticsMiddle {
	width: calc(100% + 10px)!important;
	height: 93%!important;
	width: calc(100% + 10px)!important;
	height: calc(100% - 30px)!important;
}
.reveal-modal .ActivityAnalytics.show .analyticsBottom {
	border-left:none!important;
	border-right:none!important;
	border-bottom:none!important;
	padding-bottom:88px;
}
.quizActions {
	padding: 20px 16px 4px 16px;
	margin-left: 20px;
	margin-top: 0px;
}
.quizActions .openDiscussion {
	width: 100%;
	margin: -14px 0px 20px 0px;
	right: 0;
	font: 14px "ft_font", tahoma, sans-serif;
	line-height: 2.7;
	text-align: center;
}
.tabsHolder .button.btn_Add.light {
	width: 0px;
	overflow: hidden;
	height: 43px;
	line-height: 88em!important;
	padding-left: 34px!important;
}
.objectiveList li.LPobjective:before {
	background:none!important;
}
.contentThumbHolder, li.LPobjective .btn_resources {
	width:105%;
	width: calc(100% + 10px);
	float: left;
	clear: both;
	max-width:1200px;
}
#contentModal.open, #contentWebModal.open, #contentModalContentAddtoNote.open, .centeredVideoModal.open {
	overflow: hidden;
}
li.LPobjective .btn_resources {
	width: 100%;
	background-position: 158% -745px!important;
	font-size: 23px;
	line-height: 2em;
}
#fullscreen li.LPobjective .btn_resources {
	background-position: 148% -741px!important;
	font-size: 23px;
	line-height: 1em;
}
.objectiveTextAdded, .objectiveResources, .assessmentHolder {
	margin: 0 0 0px 8px;
	max-height:999em;
	padding: 5px 10px 12px 12px!important;
}
.objectiveTextAdded .button.secondary {
	width: 100%;
	margin: 0px 0px 10px 0px;
}
.objectiveTextAdded:before, .objectiveResources:before, .assessmentHolder:before {
	left: 25px;
}
.lessonPlan .contentThumb, .notesItem .contentThumb {
	height: 138px;
}
.reveal-modal .redactor-editor {
	max-height:999em!important;
}
.ActivityAnalytics h4 span, .ActivityAnalytics h5 span {
	font-size:12px!important;
}
.ActivityAnalytics h1 {
	width: 100%!important;
	margin: -4px 0 0 -5px;
	text-align:center;
}
.ActivityAnalytics h2 {
	display:none;
}
body.teacher .panel.insights {
	min-height: auto!important;
	padding-bottom:230px;
	height: 100%;
	border:none;
}
.lessonResources .three.columns {
	float:none;
}
.reveal-modal {
	left: 0!important;
	margin: 0!important;
}
.reveal-modal.open {
	position: fixed;
	height: 100%!important;
	width: 100%;
	top: 0!important;
	left: 0;
	margin: 0;
	overflow: hidden;
	overflow-y: auto;
	margin: 0!important;
}
.analyticsMiddle .objectiveList {
	margin: 0 0 0 10px;
}
#resultsModal {
	padding:0;
	width: 100%;
}
#resultsModal .btn_close {
	z-index:999999;
}
table tbody tr td.lessonName a {
	padding: 16px 14px 10px 0px;
}
.home .contentResources h4 {
	font-size: 22px!important;
}
.postContent .imgHolder {
	margin-left:-5px;
}
.teacher .postContent .imgHolder {
	width: 100%;
}
.home .contentResources h4 {
	margin-top: -20px!important;
	margin-left: -3px!important;
	font-size: 20px!important;
	margin-bottom: 10px!important;
}
.discussion.stream .comments.panelIndentFlat textarea {
	margin-bottom:10px;
}
.discussion.stream .comments.panelIndentFlat li img.profilePic {
	display:none!important;
}
.discussion.showDiscussion {
	height: 100%!important;
	z-index: 9999999;
}
.discussion.showDiscussion ul.activity {
	height: calc(100% - 50px)!important;
}
.contentResources .container {
	padding-left:0!important;
	margin-left: -30px!important;
	margin-bottom: 20px!important;
}
.teacher .stream .contentThumb.text.contentPlaceholder, .teacher .stream .contentThumb.movie.contentPlaceholder, .teacher .stream .contentThumb.interactive.contentPlaceholder {
	width: 100%!important;
	pointer-events: none!important;
}
.contentThumb h5:before {
	margin-left:0px!important;
}
.postContent {
	margin: 5px 0 10px 15px!important;
}
.comments .postContent {
	margin-left: -5px!important;
	width: calc(100% + 10px);
}
body.teacher .comments .postContent {
	margin-left: 8px!important;
	width: calc(100% - 10px);
}
.stream img.profilePic {
	position:absolute!important;
	margin-left: 15px;
}
.stream .profileName.profileName {
	padding-left:60px;
	margin-top: 10px;
	width:93%!important;
	min-height:45px;
	font-size:16px;
	display:block;
	text-align:left;
	float:left;
	margin-bottom:8px;
}
.postTime {
	float: left;
	clear: both;
	width: 200px;
	margin-left: -0px;
	margin-top: 0px;
}
ul.comments.panelIndentFlat {
	padding: 10px 10px 10px 10px!important;
}
ul.comments.panelIndentFlat li:last-of-type img.profilePic {
	display:none!important;
}
ul.comments.panelIndentFlat li:last-of-type {
	border-bottom:none!important;
	padding-top: 10px!important;
}
.lessonGrade, .footerHolder {
	display:none!important
}
#header .lessonProgress {
	position: relative!important;
	right: 0!important;
	top: 28px!important;
	width: 50%!important;
	margin-bottom: -40px;
	left: 20px;
}
#header .lessonProgress .studentsCompleted:hover .ActivityAnalytics {
	margin: -40px 0 0 0px!important;
	height:187px!important;
}
#header .lessonProgress .studentsCompleted {
	padding: 12px 8px 12px 8px!important;
}
table tbody tr td.lessonName a {
	min-width: 60px;
	margin: -14px -10px -8px 0px;
}
ul.tabs-content #activitiesTab, ul.tabs-content #completedTab {
	display:block!important;
}
ul.tabs-content table, .inbox table {
	margin-right:0!important;
	width: calc(100% + 50px);
	margin-bottom: 0;
}
.activityTable {
	margin-left:0!important;
}
.fixed {
	position:relative!important;
}
.signup .six.columns, .signup .two.columns, .signup .three.columns {
	height: auto!important;
}
ul.activity li {
	margin-left: 10px!important;
	border-top: 0px solid #ccc;
	background-position: 0 -78px !important;
	background-size: auto auto!important;
	background-repeat: repeat-x!important;
	border-radius: 5px;
}
ul.activity li .error {
	margin-top: 18px;
}
ul.activity p {
	font-size:16px;
}
embed {
	height: auto!important;
	width: auto!important;
	max-height: 500px!important;
	max-width: 700px!important;
	min-width: 360px!important;
	min-height: 300px!important;
}
table thead tr th a {
	font-size: 12px!important;
}
dl.tabs dd a {
	font: 20px "ft_font", tahoma, sans-serif;
	white-space: nowrap;
}
.panelIndent dl.tabs {
	padding-left: 50%!important;
}
.panel.notifications h5 {
	display:block;
	font-size: 25px;
}
.discussion {
	min-width: 0px;
}
.row {
	width: auto;
	min-width: 0;
	margin-left: 0;
	margin-right: 0;
}
.stream .contentThumb h5 {
	margin-left: 0px;
}
body.teacher .stream .contentThumb h5 {
	margin-left: -28px;
}
ul.activity li:after {
	border-top:none;
}
.column, .columns {
	width: 100%!important;
}
#fullscreen.columns {
	padding: 0 20px;
	overflow-x:hidden!important;
}
 [class*="column"] + [class*="column"]:last-child {
/*float: none;*/
}
.column:before, .columns:before, .column:after, .columns:after {
	content: "";
	display: table;
}
.column:after, .columns:after {
	clear: both;
}
.panelOutdent.lessonPlan {
	min-width:200px!important;
}
.top-bar li.btn_logout a span, .top-bar li.btn_home a span {
	display:none!important;
}
ul.navList li.btn_logout a:hover {
	opacity: .88;
}
ul.navList li.btn_logout {
	top: -19px;
	right: -12px;
	width: 45px;
	height: 45px;
	-o-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	margin-left: -40px!important;
}
ul.navList li.btn_logout a {
	background-color: rgba(0, 0, 0, 0)!important;
	border: none!important;
	opacity: .58;
	top:0px;
	left:0;
}
#header {
	float:none!important;
	max-width: auto!important;
	border-bottom:none!important;
	margin: 80px 10px 0px 10px;
}
#header h1 {
	background-image:none!important;
	padding-left: 0px!important;
	margin-left:0px!important;
	text-align:center!important;
	font-size:28px!important;
	width:100%!important;
	display:block;
	/*height:30px;*/
	margin-bottom: 20px!important;
	margin-top: 0px;
}
.class_standard .button.secondary {
	padding: 4px 12px 4px 12px;
	width: auto;
	display: inline-block;
	margin-top: 8px;
}
.lessonResults .button.secondary, .lessonResults .button.primary {
	padding-top: 10px!important;
	padding-bottom: 10px!important;
	position:relative;
}
[contenteditable] ol li {
	padding: 8px 8px 0px 0px!important;
}
table tbody tr td.lessonName, table tbody tr:hover td.lessonName {
	padding-left: 14px!important;
	background-image: none!important;
	cursor: default!important;
	background-color: rgba(0, 0, 0, 0);
}
.tabs-content {
	margin: -15px -25px!important;
	padding: 0!important;
}
.inbox .tabs-content {
	margin: -15px -25px!important;
}
.stream ul.tabs-content, .notes .tabs-content {
	margin: -15px -10px!important;
}
.notes .panelIndent {
	margin: 0 -20px;
}
button.button, input[type="submit"].button {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}
.lessonStats .meter {
	height: 8px;
	margin-top: 6px;
	width: 100%;
	left: 10px;
	top: -3px;
}
.button.btn_lessonCopy {
	padding: 10px 0px 10px 50px;
	line-height: 999em;
	overflow: hidden;
	height: 44px;
	width: 30px;
	margin-top: -60px;
	margin-right:-10px;
}
.shareConsent {
	width: 75%!important;
	width: calc(100% - 70px)!important;
}
ol.objectiveList.LPobjectives {
	margin-top: 18px;
	margin-left: 16px!important;
	width: calc(100% + 18px);
}
#fullscreen ol.objectiveList.LPobjectives {
	margin-left: 20px!important;
}
.addMedia .button {
	margin-right: 0px;
	padding: 10px 18px 10px 18px !important;
	font-size: 18px !important;
	margin-top: -5px !important;
}
.modalInstruction .button.primary {
	margin-left: 0px;
}
.reveal-modal p.modalInstruction {
	padding: 25px 10px 25px 10px!important;
	margin: 0!important;
}
.emptyResources p {
	text-align: center;
	font: 20px "ft_font", tahoma, sans-serif;
	color: #FFF;
	padding: 10px 8px 08px;
}
.mediaButtons {
	opacity:1;
	width: 100%;
	left: 0;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em 5px 2.3em;
	font-size: 18px;
	padding-top: 8px;
}
#SelectLOModal input[type="checkbox"] + label span, #SelectLOModal input[type="radio"] + label span {
	margin: -18px 0px 0 0;
	float:right;
}
#whoModal, #deadlineModal, #areYouSure, .areYouSure, #deleteLPs, #deleteLP, #deleteClass, #deleteLPsWithOBJ, #areYouSureAssessment, #acceptAll {
	margin-left: 0px;
	width: 100%!important;
}
#whoModal .button {
	z-index:999!important;
}
.noteDate {
	width: calc(100% + 5px);
	margin: 5px 5px 40px 5px;
}
#ui-datepicker-div {
	width: 100%!important;
	margin: 0 auto 0 auto!important;
	left: 0%!important;
	top: 88px!important;
	position: fixed!important;
}
.classList ul.search_results .button.primary {
	margin: 10px 0 10px -5px;
	float: left;
	width: 100%;
}
.classList ul.search_results .profileGrade {
	margin:0px;
	width: 100%;
}
.classList ul.search_results .profileName {
	margin: 10px 0 0px 0px;
	width: 100%;
}
.classList {
	max-height: 9999999em!important;
}
.tickCorrect {
	padding: 8px 2px 0px 40px;
}
.mediaHolder .btn_close {
	margin-right: 0px;
	float: right;
}
#multimediaModal textarea.contentText, #multimediaModalEdit textarea.contentText {
	height: 128px!important;
}
.objectiveList.LPobjectives .LPobjective {
	padding: 0px 15px 15px 5px;
}
body.teacher .lessonPlan .panelIndentFlat {
	background: #EDE9E6;
	margin: 28px -20px -30px -35px;
	padding: 18px 18px 18px 18px;
	width: 125%!important;
	width: calc(100% + 70px)!important;
	text-align:center;
}
.lessonPlan .button.assessment.assign, .LPobjective .button.assessment.assign.light {
	clear: both;
	float: left;
	display: block;
	margin: 0;
	width: 100%;
	margin: 12px 0px 8px 0px!important;
}
.LPobjectivesHolder {
	min-height:225px;
}
.profileBox .columns, .profileBox .lessonStats .row .seven.columns {
	font-size: 16px;
	margin-top: 8px;
	margin-bottom: -8px;
}
.profileBox .lessonStats .row .seven.columns {
	margin-top: -13px;
	margin-bottom: 8px;
	float: right;
}
.reveal-modal-bg {
	position: absolute;
}
.reveal-modal, .reveal-modal.small, .reveal-modal.medium, .reveal-modal.large, .reveal-modal.xlarge {
	width: 98%;
	left: 42%;
	margin-left: -40%;
	padding: 20px;
	height: auto;
}
.panel.insights ul.objectiveList {
	border-right: 0px dotted #CCC!important;
	max-height: 999em!important;
	min-height: 30px!important;
	overflow: visible!important;
	width: 100%!important;
	border-bottom: 1px dotted #CCC!important;
	padding-bottom: 18px!important;
}
.home .contentResources.insights .columns.nine {
	width: calc(100% + 50px)!important;
	left: -25px!important;
}
.home .contentResources.insights .columns.nine #stats_container {
	left: -10px!important;
	position: relative!important;
	width: 100%!important;
	min-width: 20px!important;
	height: 100%!important;
	margin:-88px 0 -318px 8px!important;
}
#testType .button.secondary:before {
	-o-transform: scale(1.7)!important;
	-moz-transform: scale(1.7);
	-webkit-transform: scale(1.7);
	transform: scale(1.7)!important;
	margin: 0px 0 0 0;
	left: 0;
	position: absolute;
	left: -20px!important;
}
#testType .button.secondary strong {
	width: calc(100% - 90px)!important;
	float: left;
	margin-top: 10px;
	margin-bottom: 0px;
	position: absolute;
	left: 90px;
	line-height: 1em;
}
.close-reveal-modal.btn_close, .reveal-modal.test .test .close-reveal-modal.btn_close {
	margin-top: -8px!important;
	right: 0px!important;
	top: 12px!important;
	z-index: 999;
}
.reveal-modal .six .panelIndent h3 {
	color: #333!important;
}
.reveal-modal .panelIndent p {
	color: #454545;
}
.reveal-modal.test h2 {
	font-size: 18px;
	margin-bottom: -25px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	pointer-events: none;
}
.ui-slider {
	display:none;
}
.slider label {
	font-size:18px!important;
}
#contentModal .twelve.columns .contentHolder {
	display: block;
	text-align: left;
	position: fixed!important;
	width: 100%;
	left: 0;
	margin: -18px 0 0 -20px;
	height: calc(100% - 48px);
	width: 110%;
}
#contentWebModal .twelve.columns .contentHolder {
	display: block;
	margin-left: -20px;
	width: calc(100% + 30px);
}
.contentHolder iframe {
	width: calc(100% + 10px);
	padding-top:0;
}
input.score {
	width: 30%;
	margin-top:-50px!important;
}
ul.graph-container {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(120deg);
	-o-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	height: 100%;
	width: 588px;
	margin: 410px 0px 0px -190px!important;
}
.panel.notifications ul li, .panel.notifications.showAll ul li {
	font-size: 17px;
}
.top-bar .attached li {
	margin-top:-60px;
}
.panel.notifications ul li:last-child a/*, body.teacher .top-bar .attached li.btn_lessons */ {
	display:inline!important;
}
.stream .button {
	background-color: #0D7EB9!important;
}
.profileBox .btn_save {
	position: fixed!important;
	z-index: 999999999!important;
	top: 40px;
	left: 0;
	margin: 5%;
	width: 90%!important;
	font-size: 40px;
	background-size: 110px 110px!important;
	padding: 20px 10px 20px 10px;
}
.searchContainer.searchOpen {
	width:100%;
}
.signup .button.right {
	right: calc(50% - 62px);
	margin-top: 20px;
}
.search input[type="text"], body.teacher .search input[type="text"], ul.search_results {
	padding-right: 0px!important;
	width: calc(100% - 30px);
	margin-left: 16px;
}
.profileBox {
	top: 75px;
	position: relative;
	padding-top: 30px;
	max-height: 1000px;
}
.profileBox .lessonStats {
	padding-bottom: 25px!important;
	margin: 110px 0px 0px 5px;
	width: 100%;
}
#classes.panelIndentFlat.classWrapper {
	margin-top:110px!important;
}
body.teacher .panelIndentFlat.classWrapper {
	background: rgba(0, 0, 0, 0);
	border: none;
}
li.btn_analytics, .panel.profile {
	visibility:hidden!important;
	position:fixed!important;
	top:-99999em;
	left:-99999em;
}
li.btn_home {
	position: absolute!important;
	top: 0;
	left: 8px;
	opacity: 0;
}
#areYouSure.row .six, .areYouSure.row .six, #deleteClass.row .six, #deleteLP.row .six {
	width:auto!important;
}
.top-bar .attached ul li {
	margin-left: -11px;
}
.panel.notifications ul li:last-child a:last-child {
	visibility:visible!important;
	position:relative!important;
	top:0;
	left:0;
}
.graph-container > li, td.learnerActivityName a {
/*pointer-events: none!important;*/
}
.signup {
	padding-top: 15px!important;
	padding-bottom: 50px;
}
.signup .panelOutdent {
	min-height: 15px!important;
	padding-bottom: 1px!important;
	margin-bottom: -5px;
}
li.btn_logout a {
	width: 35px!important;
	height: 35px!important;
	background-size: 111px 4067px!important;
}
.reveal-modal.test, .reveal-modal.test.open {
	min-width: 60px;
	padding: 3% 5px 8% 5px;
	overflow-x: hidden;
	z-index: 99999999;
}
.panelIndent, .panelIndentFlat, .selection {
	padding: 10px 10px 10px 10px;
}
input.score, .reveal-modal .six.columns input.score {
	margin-right: 0px;
}
#gradeManualTestModal .row .five.columns a.button:first-child {
	margin-left: 0px;
}
#gradeManualTestModal .row .five.columns a.button {
	float: none;
}
.lessonStats .row .six {
	width: 100%!important;
	float: left;
	margin: -2px 0 -2px 0;
}
.lessonPlan .lessonStats .row .six {
	width: 50%!important;
}
.btn_loadMore {
	margin: 15px 0px 18px 10px;
}
.lessonProgress .meter {
	width: calc(100% - 1px);
	margin-top:6px!important;
}
.lessonTable .lessonProgress .meter {
	margin-top:-8px!important;
}
body.teacher #header h1 span {
	display: block;
	position: relative;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.headerButtons {
	position: relative!important;
	float: none;
	margin:0;
	text-align: center;
	width: calc(100% + 16px);
	height: 60px;
}
.headerButtons .button.btn_lessonPlan {
	margin: -8px 0 0px -12px;
	overflow: hidden;
	height: 55px;
	padding: 13px 0px 8px 20px;
	background-position: -10px -2101px!important;
	float: none!important;
	font-size: 22px;
	width: 82%;
	width: calc(100% - 45px);
}
.notifyHolder {
	margin-left: -40px;
}
table.lessonTable {
	margin-top: 12px;
}
#LPnameModal .row:nth-child(3) input[type="text"], #copyLP .row:nth-child(3) input[type="text"] {
	width: 100%!important;
	font-size: 17px!important;
}
.activityTable .twelve ul.studentList li .button.primary.btn_message {
	float: right!important;
	margin: 0px -10px 0 -10px!important;
	text-align: left;
	width: auto;
}
.grade {
	margin: 0 -8px 0 8px;
}
ul.studentList {
	width: calc(100% + 20px)!important;
}
.activityTable .twelve ul.studentList {
	border-bottom: none;
	margin-left: -10px;
}
.lessonProgress ul.studentList li {
	padding-top: 3px;
	padding-bottom: 3px;
}
tbody .lessonProgress ul.studentList li {
	color: #444;
}
.activityTable .lessonProgress {
	padding-bottom: 28px;
	width: 100%!important;
	clear: both!important;
	float: left!important;
}
.activityTable thead .lessonProgress {
	height: auto;
}
.activityTable .activityLO {
	width: 100%!important;
	clear: both!important;
	float: left!important;
	border-bottom: 1px solid #CCC;
	display: block;
}
.activityTable tbody {
	float: left!important;
}
body.teacher #header h1 span strong {
	font-size: 18px;
}
.activityTable h2 {
	margin: 5px 0 20px 0px!important;
	text-align: center!important;
	border-bottom: 1px solid #CCC;
	padding-bottom: 8px;
}
.panel.insights ul.objectiveList li, .activityTable ul.objectiveList li {
	margin-right: 0px;
	margin-left: 15px;
	margin-bottom: 0px!important;
}
.activityTable li.obj_analytics {
	width: calc(100% - 40px);
}
ul.objectiveList {
	margin-bottom: 8px!important;
}
.activityTable .lessonProgress .button.primary.small {
	width: 100%!important;
	margin: 0!important;
}
.ActivityAnalytics.show, .lessonProgress .studentsCompleted:hover .ActivityAnalytics {
	width:100%!important;
	height:350px!important;
	top:-10px!important;
	left:0px!important;
	margin:0!important;
}
#analyticsModal .ActivityAnalytics.show, #resultsModal .ActivityAnalytics.show {
	top: 0px!important;
	height: 100%!important;
}
#analyticsModal ul.studentList {
	width: calc(100% + 5px)!important;
}
.inbox .panelIndent, body.teacher .inbox .panelIndent/*, body.teacher .panelIndent:first-of-type*/ {
	border:1px solid transparent!important;
	background:none!important;
}
.activityTable.hideDetails thead tr th {
	height:88px;
}
.activityTable.hideDetails .lessonProgress {
	color:#eee;
	text-align:center;
}
.activityTable.hideDetails {
	margin-bottom:0px;
}
.activityTable .lessonProgress .studentsCompleted {
	margin-top: 5px;
	margin-right: 0px;
	margin-left: 0px;
}
.activityTable ul.objectiveList li.obj_analytics .btn_close {
	left: 28px;
}
body.teacher .panelIndent {
	padding-bottom: 5px;
}
.activityTable .row.panelIndent {
	background-image: none;
	background-color: rgba(0, 0, 0, 0);
}
ul.tabs-content > li {
/*display:block!important;   breaks dash */}
.row .three.LPdetails {
	width: calc(100% + 10px)!important;
	z-index:9;
}
.redactor-box .redactor-toolbar {
	max-height: 30px!important;
	overflow: hidden!important;
}
.contentThumb h5 {
	font-size: 22px;
	text-align: left;
	float: left!important;
	margin-left: -28px;
	width: calc(100% + 30px);
}
#fullscreen .three .contentThumb h5 {
	padding-left: 40px;
}
.contentThumb h5:before {
	left: 28px!important;
	right: 0!important;
	float: left!important;
	bottom: -45px;
}
.panelDark.previewContent {
	top: 48px;
	height: 101%;
}
.rightPanels .contentResources {
	height: calc(100% - 40px);
	overflow-y: scroll;
}
.rightPanelIndent .contentThumb {
	width: calc(100% - 18px);
	margin: 8px 0 5px 10px;
}
.rightPanelIndent .contentThumb h5 {
	text-indent: -30px;
	margin-left: 0px;
	padding-right:20px;
}
.rightPanelIndent .contentThumb h5:before {
	left: 0px!important;
	bottom: -25px;
}
.objectiveItem {
	width: 100%;
	margin: 8px 5px 2px 0px;
}
.objectiveItem.oeItem .objectiveItem_a:after, .objectiveItem.mcItem .objectiveItem_a:after {
	-o-transform: scale(2.3)!important;
	-moz-transform: scale(2.3);
	-webkit-transform: scale(2.3);
	transform: scale(2.3)!important;
	margin: -21px 0 0 -18px;
}
.button.btn_lessonSave {
	position: fixed!important;
	border: -50px!important;
	width: 100%;
	top: auto;
	bottom: -50px!important;
	margin: 0px 0px 0px 0px;
	z-index: 9999999;
	display: block;
	left: 0;
	border-radius: 0px;
	height: 42px;
}
.btn_lessonSave.active {
	bottom: 0!important;
}
h2 {
	font-size: 28px;
}
.openDiscussion {
	height: 44px;
	width: 72px;
	overflow: hidden;
	line-height: 2;
	padding-top: 4px;
}
#fullscreen #nameField {
	padding: 16px 123px 16px 45px!important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	left: 0;
}
#fullscreen .button.btn_back, .reveal-modal .button.btn_back, #fullscreen .reveal-modal .button.btn_back {
	width: 24px;
	line-height: 99em;
	height: 42px;
	padding-right: 0px;
	background-position: -14px -491px!important;
}
#fullscreen .LPobjectivesHolder {
	min-width: 82px;
	width: calc(100% + 60px)!important;
	left: -20px;
	padding: 0px 50px 0px 30px;
	margin: 55px auto 30px auto!important;
}
#fullscreen .objectiveList.LPobjectives .LPobjective {
	padding: 0 5px 0 20px!important;
	width: 111.5%;
	width: calc(100% + 31px);
	overflow: visible;
}
#fullscreen .objectiveText {
	padding-left: 0;
	font-size: 22px!important;
	padding-top: 10px;
	padding-bottom: 18px;
	margin-left: -2px;
}
#fullscreen .row.lessonResources {
	margin: 20px 15px 10px 0px!important;
	padding: 20px 10px 5px 10px;
}
#fullscreen .LPobjective p {
	margin: 0 0 0 0px!important;
	font-size: 15px;
}
#fullscreen .row.lessonResources .contentThumb, #header {
	max-width:100%;
}
.twelve.columns.lessonContent {
	margin: 0 0 0 -20px;
}
[contenteditable] ol {
	margin-left: 40px;
}
.reveal-modal .panelIndent.testBegin {
	min-width: 100%;
	margin-top: 42px;
	height: auto;
}
.questionsHolder, .questionsContainer {
	width: 100%;
}
.questionsHolder {
	overflow-y: auto;
	margin: 5px 0px 4px 0;
}
.reveal-modal .panelIndent h3, .reveal-modal .panelIndent p {
	color: #fff!important;
}
.test .button.primary, .test .button.secondary {
/*width: calc(100% - 15px)!important;
	margin: 4px 8px 4px 8px!important;*/
}
.test .button.primary.right {
	padding: 28px 18px 28px 18px;
	font-size:28px;
}
.test .questionsHolder .button.secondary, .test .questionsHolder .button.primary {
	width:auto!important;
	margin: 18px 0px 4px 6px!important;
}
.reveal-modal .panelIndent.testBegin.withRobot p {
	margin: 10px 0px 0px 0px!important;
	color: #EEE;
	font-size: 18px;
	padding-bottom: 0;
	top: -110px;
	position: relative;
}
.signup p {
	font-size: 16px;
}
.button.right.disabled {
/*display:none;*/
}
.reveal-modal.test iframe {
	max-height:100%;
}
.reveal-modal .panelIndent, body.teacher .reveal-modal .panelIndent {
	margin-top: 42px;
}
.inboxFilter, body.teacher .inboxFilter {
	margin: -20px auto 70px auto;
	float:none;
}
.panelIndent {
	text-align:center;
}
.profileBox {
	margin: -128px 0 0 0;
}
.profileBox .bio {
	z-index: 9!important;
	position: relative;
}
.button.small.secondary.btn_updateInfo, .button.small.secondary.btn_saveChanges {
	right:0px;
}
.profileBox .lessonStats .meter {
	width: 50%!important;
	float: right;
	margin: 6px 10px 0 0;
}
ul.activity a {
	float: left;
}
.profileBox .lessonStats label {
	font-size:28px;
}
.classWrapper h1 {
	font-size: 28px;
	font-size: 38px;
	margin-top:110px;
}
.button.btn_join {
	height:47px;
}
.button.btn_join.joined.pending {
	font-size:0.01em;
	background-image:none!important;
}
.button.btn_join.joined.pending:after {
	margin-left:1px;
}
body.teacher .classWrapper h1 {
	color: #EEE;
	margin-top: -10px;
}
.notify_classInvites {
	text-align: center;
	margin: 15px 0px 15px 0;
	width: 100%;
	float: none;
}
body.teacher .classWrapper .noClassMembers h1 {
	font-size: 22px;
	padding:10px 0 0 18px;
}
.button.btn_createClass {
	margin: 0 auto 12px auto;
	float: none;
	overflow: hidden;
	height: 55px;
	padding: 13px 0px 8px 30px;
	background-position: -10px -2101px!important;
	float: none!important;
	font-size: 22px;
	width: 100%;
}
.panelIndentFlat.classWrapper {
	text-align:center;
}
body.teacher .classWrapper .panelIndentFlat {
	margin: 10px 10px 15px 10px;
}
.classes .btn_close.deleteClass {
	margin-top: -20px!important;
}
.ac-container h2 {
	margin: -10px -10px -20px -10px;
	padding: 12px 12px 14px 42px;
}
.ac-container label:after, .ac-container label:after {
	margin-top:-18px!important;
	margin-left: 10px;
}
.ac-container input:checked + label:after {
	margin-top:-12px!important;
	margin-left:4px;
}
 .ac-container input:checked ~ article.ac-classes.noClassMembers {
width: calc(100% + 20px);
padding: 10px;
margin-left: -10px;
}
.btn_addStudents {
	margin-left: 20px;
	margin-top: 18px;
	clear: both;
	display: block;
	margin-right: 20px;
}
#filterModal label, #createClassModal label, #filterMessagesModal label {
	text-align:left;
	padding-bottom:8px;
}
.reveal-modal .btn_save {
	line-height: 999em;
	height: 44px;
	float: left;
	right: auto;
	left: 8px;
	width: 48px!important;
	top: -9px;
}
#infoModal .row .five, #studentInfoModal .row .five {
	padding-left:0px!important;
}
#infoModal label {
	text-align: left;
	padding-bottom: 8px;
	margin-left: 10px;
}
#infoModal .row .seven, #studentInfoModal .row .seven {
	padding-right:10px!important;
}
#createClassModal input.button {
	text-align: center;
}
#createClassModal input[type="text"] {
	z-index:999999999!important;
}
form.custom div.custom.dropdown {
	z-index: 1!important;
	position: relative;
}
.btn_accept {
	right: 0;
	width: 100%;
	padding: 8px 10px 8px 10px;
	height: 30px;
}
h3 .btn_addStudents {
	word-spacing: 99em;
	overflow: hidden;
	height: 32px;
	width: 50px;
	line-height: 1.6em;
	padding-top: 5px;
}
h1 {
	font-size: 34px;
}
.classWrapper .editable {
	margin-bottom: 28px;
	margin-left: 0px!important;
	text-align: center;
	background-position: 38px 6px;
}
.row.panelIndentFlat.classWrapper .row.panelIndent {
	float: left;
	text-align:left;
	padding-bottom: 0px;
}
.classHolder {
	width: 100%!important;
}
.button.btn_join {
	top: 20px;
	right: 18px;
}
.noteContent {
	width: calc(100% + 20px);
	margin-left: -5px;
	margin-right: 0px;
	padding: 18px;
	opacity: 0;
	margin-bottom: -100px;
}
.noteOpen.noteContent {
	opacity: 1;
	margin-bottom: 0px;
	margin-left: -8px;
	width: calc(100% + 8px)!important;
	padding-top: 55px;
}
.notesItem .contentThumb h5 {
	margin-left: 0;
	text-align: left!important;
}
.notes .tabsHolder {
	width: calc(100% + 20px);
	padding: 5px 8px 40px 8px!important;
}
.noteDate .closeNote.button.secondary.disabled, .noteDate .button.secondary.closeNote {
	width: calc(100% - 13px);
	margin-left: -9px;
	margin-top: 47px;
}
.objectiveList li.LPobjective input.editable, input.editable, textarea.editable, .editable {
	background: url(../assets/icon_editable_svg.png) right bottom no-repeat;
	background-size:14px 17px;
	width: 102%;
	width: calc(100% + 12px);
}
ul.navList {
	margin-right:7px!important;
}
.closeDiscussion {
	right: 8px!important;
}
.activityTable {
	width: 119%!important;
	width: calc(100% + 60px)!important;
	margin-left: -5px!important;
}
.activityTable.hideDetails tbody {
	opacity:1;
	position:relative;
	max-height: 999999999em;
	width: 100%;
}
.inbox table td a {
	display: inline;
	vertical-align: top;
}
.btn_newNote {
	margin: 6px auto 38px auto!important;
	float: none!important;
}
.noteDate .button, .button.shareNote {
	margin-left: -8px;
	width: calc(100% - 14px);
	margin-top: 50px;
}
.redactor-editor div, .redactor-editor p, .redactor-editor ul, .redactor-editor ol, .redactor-editor table, .redactor-editor dl, .redactor-editor blockquote, .redactor-editor pre {
	font-size: 17px!important;
}
.button.secondary.shareNote, .button.secondary.shareNote:hover {
	padding: 14px 26px 13px 38px;
	margin-top: 100px;
	margin-left: -8px;
	text-align: left;
}
.noteDate span.postTime, #noteModal .notesItem {
	width: 100%;
	min-width:100%;
}
#noteModal .noteDate .button.secondary.closeNote {
	margin: 48px 8px 4px -10px!important;
	width: calc(100% - 21px)!important;
}
#noteModal .redactor-box {
	margin-left: 0px;
}
#noteModal .noteOpen.noteContent {
	width: calc(100% + 18px)!important;
	padding-top:0px;
}
.notesItem .shareConsent {
	margin-left: 148px;
	width: 83px!important;
	margin-top: 110px;
	right: 18px;
	left: auto!important;
}
.reveal-modal .button {
	width:100%;
}
.notes ul.tabs-content > li {
	display:block;
}
.noteOpen.noteContent .redactor-box {
	width: calc(100% + 14px);
}
.signup p.disclaimer {
	margin: 0px auto 0px auto;
}
.row.scoreThreshold input[type="text"], .row.scoreThreshold label {
	margin: 0 0 0 0;
}
.streamEmpty .big-button {
	width:100%;
	height: auto;
	margin-left: 0px;
}
.big-button:after {
	display:none;
}
.streamEmpty {
	float:left;
	padding: 20px;
}
table.studentManagerTable input[type="text"][disabled] {
	background-color: #EEE!important;
}
table.studentManagerTable tbody tr td, table.receiptTable tbody tr td {
	padding: 10px 10px 0px 10px;
	width: 100%;
	float: left;
	clear: both;
}
table.studentManagerTable th, table.receiptTable th {
	display:none;
}
.studentToken {
	background-color:#333;
}
.studentManagerTable {
	margin: 0 10px 0 0px;
	width: 100%;
}
#students .row.panelIndent {
	padding: 10px 0 0 0;
	width: calc(100% + 60px);
}
.studentManagerTable form.custom div.custom.dropdown a.current {
	text-align:left;
}
.emptyMessages p {
	text-align: center;
	font: 22px "ft_font", tahoma, sans-serif;
	padding: 20px 15px 20px 15px;
}
.ac-classes .emptyMessages p {
	padding: 28px 28px 28px 28px!important;
}
.contentHolder #video_iframe, .reveal-modal.open embed, .reveal-modal.open object {
	left: 0!important;
}
.contentThumb:hover .contentStats {
	margin: -80px 0 0 40px;
}
table td.sender em {
	clear: both;
	padding-top: 10px;
}
.activityTable .lessonProgress .twelve.columns h3 {
	margin-bottom: 45px;
	text-align: center;
}
.activityTable .lessonProgress h3 span {
	display:none;
}
.studentsCompleted .ActivityAnalytics h3 .button.primary.btn_message {
	background-position: -38px -2443px!important;
}
#fullscreen #redactor_content {
	margin: 0 0 0 12px;
	max-width: 100%;
}
.activityTable .twelve .button.primary.btn_message {
	margin: -20px -5px -20px 0;
}
.reveal-modal .question {
	margin-top: 28px!important;
}
#SelectLOModal .row.panelOutdent {
	max-height: auto;
}
.top-bar .attached ul li a.button.btn_haveToken {
	margin-right: 20px;
}
}


.helpDesk h1 {
	color: #fff;
	margin-top: 70px;
	margin-bottom: 20px;
}
#tabs-titles{
	text-align: left;
	list-style-type: none;
	color: #fff;
}
#tabs-titles li{
	cursor: pointer;
	font-size: 15px;
	border-bottom: 1px solid #000;
	border-top: 1px solid #595959;
	padding: 5px 0;
}
#tabs-titles li:first-child {
	border-top: none;
}
#tabs-titles li:last-child {
	border-bottom: none;
}
#tabs-titles li.current{
    font-weight: bold;
    padding-left: 5px;
}
#tabs-contents {
	background: #EDE9E6;
	border-bottom: 1px solid #222;
	border-left: 1px solid #666;
	border-top: 1px solid #777;
	border-right: 1px solid #555;
	border-radius: 6px;
	padding: 25px 50px;
	text-align: left;
}
#tabs-contents img, #tabs-contents iframe {
	width: 100%;
	border: 1px solid #BDB6B1;
	padding: 5px;
	background: #fff;
	margin: 20px 0;
}
#tabs-contents iframe {
    box-shadow: 0px 3px 18px 0 #000!important;
	margin-bottom: 60px;
}
#tabs-contents li {
	display:none;
	list-style-type: none;
}
#tabs-contents li:first-child {
    display:block;
}
.li-help-item:before {
    content: "\00bb";
    font-weight: 800;
    padding-right: 8px;
    margin-left: -16px;
}
.li-help-item {
    padding-left: 30px;
    margin: 20px;
}
.helpdesk-tip {
	padding: 10px 10px 10px 36px;
	margin: 20px 0;
	background: #FFF;
	border: 1px solid #BDB6B1;
	font-style: italic;
	font-weight: bold;
}
.still-need-help {
	width:100%;
	font-weight:bold;
}
p.help-go-to {
    margin-bottom: 5px;
    font-size: 13px;
}
p.help-go-to a {
    color: #0D7EB9;
    text-decoration: underline;
}
p.help-go-to a:hover {
    color: #555;
}

.stream-outer {
	margin: 5px 0;
	width: 100%;
	border: 1px solid #CDC9C4;
    box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.4);
    display: block;
    border-radius: 3px;
    float: left;
    background-color: #fff;
}
.stream-outer .post {
	padding: 14px;
}
.stream-outer .comment {
	background: #EFEFEF;
	padding: 14px 24px;
}
.stream-outer .profile-pic {
	border-radius: 3px;
	padding: 2px;
	width: 50px;
	border: 1px solid #CDC9C4;
	float: left;
    margin: 0 16px 10px 0;
}
.stream-outer .name {
    font-family: "ft_font", tahoma, sans-serif;
    font-weight: bold;
    font-size: 16px;
}
.stream-outer .name a {
    color: #0D7EB9;
}
.stream-outer span {
    display: block;
    font-size: 13px;
    color: #A2A2A2;
}
.stream-outer .actions {
    border-top: 1px solid #CDC9C4;
    border-bottom: 1px solid #CDC9C4;
    background: #EFEFEF;
    padding: 10px;
}

/* courses new ui */
td.lessonAssign.drag-move:hover {
    border-left: 2px solid #CCC;
}
.drag-move {
	cursor: move;
}
.drag-move:hover {
	color: #000;
}
#SelectLessonsModal.reveal-modal h2 {
    margin: 5px 0 15px;
}
#SelectLessonsModal.reveal-modal .button {
    margin-top: 0;
    padding: 12px 13%;
}
.reveal-modal input {
	text-align: left;
    padding-left: 18px;
}
input#list_search_filter {
	background: url(../assets/svg_sprite.png) #fff no-repeat;
	background-size: 220px 6947px!important;
	background-position: -36px -1208px!important;
	padding-left: 49px;
}
input#list_search_filter:focus {
    padding-left: 10px;
}
article.ac-classes .courses_holder h3:last-of-type {
    border-top: 0;
	padding-top: 10px;
}
.course_holder .button.assessment.assign:hover, .button.add_lessons:hover {
    border: 1px solid #808080;
    background-color: rgba(0, 0, 0, 0.2)!important;
}
/* */