/* FONTS */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,cyrillic-ext,latin-ext');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');


/* GLOBAL */

html{
	height:100%;
}
html.dialog{
	height:auto;
}
body {
	font-family:Montserrat, 'Open Sans', Tahoma, Geneva, sans-serif;
	font-size:1em;
	font-weight:300;
	color:#555;
	margin:0px;
	background-color:#f5f5f5;
}

body.mce-content-body{
	background-color: #fff;
	padding: 10px;
}

input, select, textarea, option {
	font-family:Montserrat, 'Open Sans', Tahoma, Geneva, sans-serif;
	font-size:1em;
	font-weight: 300;
	color:#444444;
}
	
	
@media screen and (min-width: 600px) {
	.mce-responsive-alert{
		display:none;
		visibility:hidden;
	}
}

@media screen and (max-width: 600px) {
	.mce-tinymce{
		display:none !important;
		visibility:hidden !important;
	} 
	.mce-responsive-alert{
		display:block;
		visibility:visible;
		color: #b91111;
		font-style: italic;
	}
}

p{
	margin-top:0px;
}

div{
	position:relative;
}

input[type="checkbox"],
input[type="radio"]{
    width: 14px;
    height: 14px;
    /*margin-right: -14px;*/
	vertical-align:middle;
}
	
input[type="checkbox"]+label,
input[type="radio"]+label{
	margin-left:5px;
	margin-right:10px;
}

textarea::placeholder,
input::placeholder {
    color:#ccc;
}

.clearfix
{
	clear:both;
	height:0px;
}

.hide {
	display:none !important;
}

.group-box{
	background-color: #ebebeb;
    padding: 10px;
    margin-bottom: 20px;
	-webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    border: 1px solid #d6d6d6;
    background: linear-gradient(#f2f2f2, hsla(0, 0%, 92%, 1));
}

.sysAnnouncementContainer{
	margin-left:50px;
	margin-right:50px;
}#fullContainer{
	margin-top: 90px;
    padding-top: 20px;
}

.pageContainer 
{
	position:relative;
	left:0px;
	text-align:left;
	padding:0px;
	clear:both;
}

.pageContainer-Inner {
	margin-top: 0px;
	margin-right: 50px;
	margin-bottom: 40px;
	margin-left: 50px;
    position: relative;
}

@media screen and (max-width: 640px) {
    .pageContainer-Inner {
		margin-top: 0px;
		margin-right: 10px;
		margin-bottom: 40px;
		margin-left: 10px;
	}
}

.dialog .pageContainer-Inner {
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
    position: relative;
	min-height:0px;
	padding-bottom:20px;
}

.pageContainer-Inner .slide-out {
    animation-name: slide-out;
    animation-duration: .25s;
	animation-timing-function:ease-in;
}

.pageContainer .pageContainer-Inner .formTable{
	width:100%;
}

.pageContainer-Inner ul.tabs-primary{
	#display:none;
}

/* LAYOUT 1 */
.layout-1 .pageContainer-Inner .formTable{
	/*width: 100% do not set */
}

/* LAYOUT 2 */
.layout-2 .pageContainer-Inner{
	/*width: 100% do not set */
}

/* LAYOUT 3 */
.layout-3 .pageContainer-Inner{
	/*width: 100% do not set */
}

.layout-3 .pageContainer-Inner .formTable{
	/*width: 100% do not set */
}

@keyframes slide-out {
    0% {left: 0px;}
    100%{left: -2000px;}
}


.pageTitle-container 
{
	font-weight:200;
	color:#777;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 50px;
	padding-right: 20px;
	margin-bottom:20px;
	display:inline-block;
}

.pageTitle-container-controlpanel-login{
	width: 100%;
    text-align: center;
    margin: auto;
    padding: 0;
}

.pageTitle-subcontainer
{
	position:relative;
	margin-left:38px;
}
.pageTitle-subcontainer .pageTitle::before{
	content: " ";
    border-left: 2px dotted #ccc;
    border-bottom: 2px dotted #ccc;
	position: absolute;
    width: 14px; 
    height: 16px;
    left: -22px;
    top: 5px;
}


@media screen and (max-width: 640px) {
	.pageTitle-container {
		padding:0px 10px;
		margin-bottom:20px;
	}
}

.pageTitle-container .pageSearch, 
.pageTitle-container .pageInstructions
{
	margin:0px;
}

.pageTitle
{
	color:#777;
	position:static;
	font-size:1.8em;
	line-height:95%;
	margin-bottom:24px;
	display:inline;
}

.mobile .pageTitle
{
	font-size:1.9em;
}

.pageTitle-icon
{
	position:relative;
	vertical-align:middle; 
	margin-right:8px;
	float:left;
	top:-8px;
}

.mobilePageTitle
{
	color:#35487B;
	position:static;
	font-weight:bold;
	margin-bottom:18px;
	text-indent:-38px;
	margin-left:38px;
	line-height:100%;
}

.homePageTitle
{
	color:#777;
	position:static;
	font-size:2.4em;
	line-height:95%;
	font-weight:200;
	margin-bottom:18px;
}

.pageTitle-container .onlineStatus {
	margin-left: 10px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: .84em;
    font-family: 'Open Sans';
    color: #aaa;
	display:inline;
}
	
.pageTitle-container .onlineStatus span.status{
    width: 12px;
    height: 12px;
	-webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    margin-right: 5px;
    background-color: #ccc;
    border: 1px solid #999;
    display: inline-block;
}

.pageTitle-container .onlineStatus.online {
	color:#4a884a;
}

.pageTitle-container .onlineStatus.online span.status{
    background-color: #8ee000;
    border-color: #2c983b;
}/* PAGE TOP TEXT: breadcrumb, logged in, headlines, etc */

.masthead-container-l4 .loggedInAs
{
	font-size: .8em;
    text-transform: uppercase;
    text-align: right;
    display:inline-block;
}

.masthead-container-l4 .loggedInAs div,
.masthead-container-l4 .loggedInAs span
{
	display:block;
	clear:right;
	margin-bottom:4px;
	margin-top: 8px;
	color:#ffffff;
	opacity:0.75;
}


.masthead-container-l4 .loggedInAs .avatar{
    -webkit-filter: brightness(0%) invert(100%);
	filter: brightness(0%) invert(100%);
    max-width: 18px;
    display: inline-block;
    margin-bottom: -4px;
    margin-top:0px;
	margin-right:0px;
	margin-bottom:-4px;
	margin-left:8px;
	
}

.masthead-container-l4 .loggedInAs a{
	color:#fff;	
}

.fullContainer .loggedInAs{
	float:right;
	margin-right:50px;
	text-align:right;
	font-size:.8em;
}
.fullContainer .loggedInAs span{
	display:block;
	margin-bottom:4px;
}


.mobile #loggedInAs 
{
	float:none;
	text-align:left;
	margin-left:20px;
	margin-bottom:35px;
}

@media screen and (max-width: 640px) {
	#loggedInAs{
		display:none;
	}

}#breadCrumb,
.breadCrumb
{
	font-size:.8em;
	text-transform:uppercase;
	margin-left:50px;
	text-align:left;
	margin-bottom:20px;
	overflow: hidden;
    white-space: nowrap;
}

@media screen and (max-width: 640px) {
	.breadCrumb{
		display:none;
	}
	.dialog .breadCrumb{
		display:block;
	}
}

#breadCrumb .location,
.breadCrumb .location
{
}

.dialog .breadCrumb{
    color:#eee;
	font-size:.9em;
	background-color: #820000;
    margin: 0px; /* override default */
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 4px;
    padding-left: 10px;
    min-height: 28px;
	font-family:'Open Sans';
	font-weight:500;
	position:fixed;
	width: 100%;
	z-index:99;
}

.dialog .breadCrumb span{
	color:#fff;
	opacity:.75;
}
	
.dialog .breadCrumb .icon-breadcrumb{
	
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 5px;
    max-width: 22px;
	vertical-align: middle;
    filter: brightness(0%) invert(100%);
	-webkit-filter: brightness(0%) invert(100%);
    opacity: .75;
    display: inline-block;
    
}

.dialog .breadCrumb .fauxlink{
	color: rgba(255, 255, 255, 0.5);
}

.dialog .breadCrumb a{
	color: rgba(255, 255, 255, 0.5);
}

@media print{
	.dialog .breadCrumb, 
	.dialog .breadCrumb .fauxlink,	
	.dialog .breadCrumb .location{
		color:#000;
	}
}/* FORMS */

.g-recaptcha{
	margin-bottom:15px;
}

.formTable{
	border-spacing:0px;
	padding:0px;
	padding-bottom:40px;
	max-width:100%;
	position:relative;
}

.formTable.working{
	opacity:.5;
}

.formTable.working::before{
	content: "";
    background-image: url(/_images/interface/loading.png);
    width: 90px;
    height: 90px;
    position: absolute;
    top: calc(50% - 45px);
    left: calc(50% - 45px);
    opacity: .8;
    animation-name: working;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    background-size: 100%;
}

@keyframes working{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(359deg);}
}

.formTable td.formLabel, .formTable td.formInput
{
	vertical-align:top;
	padding-top:16px;	
	padding-bottom:16px;
}
	
.formTable td.formLabel 
{
	text-align:right;
	color:#4381af;
	padding-right:14px;
	padding-left:14px;
	/*white-space:nowrap;*/
	width:30%;
	max-width:213px;
	padding-top:16px;
	border-right:1px solid #ccc;
}


.formTable td.formInput {
	padding-right:14px;
	padding-left:14px;
}

.formTable td.formInput input+p{
	margin-left:26px;
}

.formTable td.formInput img.icon-intext+p{
	margin-left:34px;	
}

@media screen and (max-width:600px) {
	.dialog .formTable td.formLabel {
		width:auto;
	}
	.formTable td.formLabel {
		display: block;
		border: none;
		text-align: left;
		width: auto;
		padding-top: 12px;
		padding-right: 16px;
		padding-bottom: 6px;
		padding-left: 16px;
		font-weight:500;
		max-width:none;
		font-size:1.1em;
	}
	.formTable td.formInput {
		display: block;
		padding-top: 6px;
		padding-right: 16px;
		padding-bottom: 25px;
		padding-left: 16px;
	}
	
	/* header */
	.formTable tr.header td.formLabel, 
	.formTable tr.header td.formInput {
	    background-color: #999 !important;
		color: #eee;
	}
	
	.formTable tr.header td.formLabel{
		padding-top:10px;
		padding-bottom:2px;
	}
	.formTable tr.header td.formInput{
		padding-top:2px;
		padding-bottom:10px;
	}
	
}

.formTable thead td.formLabel{
	border-bottom:1px solid #ddd;
	border-right:0px;
	font-weight:500;
	color:#666666;
	background-color:none;
}
.formTable thead td.formInput{
	border-bottom:1px solid #ddd;
	border-left:0px;
	font-weight:500;
	color:#666666;
	background-color:none;
}
				
.formTable tbody tr:nth-child(odd) td.formLabel,
.formTable tbody tr:nth-child(odd) td.formInput{
	background-color:#fafafa;
}

.formTable tbody td.formInput .formInputSub{
	float:left;
}
	
.formInput div
{
	margin-bottom:8px;
}

.formInput>div:last-child,
.formInput>p:last-child
{
	margin-bottom:0px;
}

.formTable .mce div, .formTable .mce-tinymce div
{
	margin-bottom:0px;
}

.formTable .formInput ul
{
	margin-bottom:8px;
}

.formTable .formInput li
{
	margin-left:-24px;
}

.formTable .errorRow{
	background-color: #c14242;
    color: #fff;
}

.formTable .errorRow td{
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
	
}

.formTable .formRowError td
{
	border-top:none;
	background-color: #ffe0e0 !important;
}

.formTable .formRowErrorNote td
{
	border:2px dotted #990000;
	padding:8px;
	color:#990000;
	background-color:#FFF0F0;
}

.formTable .formRowError .formLabel
{
	color:#da3f3f;
	border-right:1px solid #da3f3f
}

div.disabledInput
{
	color:#888; 
	background-color:#f3f3f3; 
	padding:2px; 
	border:1px solid #7F9DB9;
}

/* ERROR */

div.formError
{
	border:2px dotted #990000;
	padding:8px;
	color:#990000;
	background-color:#FFF0F0;
}

div.formError ul
{
	margin:0px auto;
}

#favicon-container.favicon-display span{
	display:none;	
}
#favicon-container.favicon-none img{
	display:none;	
}

img.form-favicon{
	border: 1px solid #cecece;
    padding: 10px;
    border-radius: 3px;
    box-shadow: 0px 0px 11px -5px #000;
    background-color: #fff;
	width:24px;
	height:24px;
}

/* INPUTS */
.inptExtraShort	{width:30px;}
.inptShorter	{width:50px;}
.inptShort		{width:150px;}
.inptMedium		{width:250px;}
.inptLong		{width:350px;}
.inptExtraLong	{width:450px;}
.inptHuge		{width:550px;}

input[type=text], input[type=password], textarea, #ACEEditor {
	border:1px solid #aaa;
	padding-top: 3px;
	padding-right: 4px;
	padding-bottom: 3px;
	padding-left: 7px;
	color:#666;
	box-shadow:0px 0px 7px -3px;
	border-radius:2px;
	font-size: 1em;
}

/* 
   this is done here instead of above so that #ACEEditor does not 
   take this on, because it messes the editor up
*/
input[type=text], input[type=password], textarea {
	font-family:inherit;
}

textarea {
	width:98%;
}

input[type=checkbox]
{
	
}

input[type=text].faux{
	background-color: transparent;
    border: 0px;
    box-shadow: none;
}
	

select.inptTimezoneSelectBox
{
	font-size:.85em;
}

input.inptImage, 
img.inptImage{
	width:24px;
}

input.inptText, 
input.inptImage, 
img.inptImage, 
select.inptSelectBox
{
	vertical-align:middle;
	margin-right:6px;
}

textarea.inptTextArea
{
	height:75px;	
}

select 
{
	font-family:Montserrat, 'Open Sans';
	font-size:1em;
	margin:0px;
	vertical-align:middle;
	border:1px solid #aaa;
	padding:2px;
	border-radius:2px;
	color:#666;
	box-shadow:0px 0px 7px -3px;
}

select:disabled{
	opacity:0.5;
}

@media screen and (max-width: 640px) {
	textarea,
	input[type=text], 
	input[type=password],
	select
	{
		max-width:240px;
		margin-bottom: 8px;
	}
}

.select-group{
	display: inline-block;
    white-space: nowrap;
}.tabs-container{
	margin-bottom:20px;
}
	
.tabs-container .label{
	display:none;
	padding-left: 0px;
    margin: 0px;
    background-color: #56636c;
    border-top: 4px solid #650505;
	color: #eeeeee;
    padding: 15px;
	padding-top: 8px;
	cursor:pointer;
	font-size:1.3em;
}

.tabs-container .label button{
	margin-left:4px;
}

.tabs-container ul.tabs
{
	z-index:97;
	list-style:none;
	padding-left: 0px;
	margin:0px;
	background-color:#56636c;
	border-top: 4px solid #ec7b7b;
	font-size:.9em;
}

.tabs-container ul.tabs li
{
	color:#cccccc;
	position:relative;
	display: inline-block;
    background-color: #ddd;
    width: 145px;
    text-align: center;
    padding-top: 15px;
    padding-right: 0px;
    padding-bottom: 15px;
    padding-left: 0px;
	margin:0px;
	border-right: 1px solid #808080;
	font-weight:300;
	white-space: nowrap;
	min-height:20px;
	vertical-align:middle;
}

.tabs-container ul.tabs li:hover:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 0px;
	border-left: 73px solid transparent;
	border-right: 73px solid transparent;
	border-top-width: 12px;
	border-top-style:solid;
	top: 50px;
	animation-name: tabHover;
    animation-duration: .15s;
	animation-iteration-count: 1;
}

.tabs-container ul.tabs li:nth-child(1){
	background-color:#414a50;
}
.tabs-container ul.tabs li:nth-child(1):hover:after {
    border-top-color:#414a50;
}

.tabs-container ul.tabs li:nth-child(2){
	background-color:#545e65;
}
.tabs-container ul.tabs li:nth-child(2):hover:after {
    border-top-color:#545e65;
}

.tabs-container ul.tabs li:nth-child(3){
	background-color:#5b666d;
}
.tabs-container ul.tabs li:nth-child(3):hover:after {
    border-top-color:#5b666d;
}

.tabs-container ul.tabs li:nth-child(4){
	background-color:#4c575f;
}
.tabs-container ul.tabs li:nth-child(4):hover:after {
    border-top-color:#4c575f;
}

.tabs-container ul.tabs li:nth-child(5){
	background-color:#56636c;
}
.tabs-container ul.tabs li:nth-child(5):hover:after {
    border-top-color:#56636c;
}

.tabs-container ul.tabs li:nth-child(6){
	background-color:#4c575f;
}
.tabs-container ul.tabs li:nth-child(6):hover:after {
    border-top-color:#4c575f;
}

.tabs-container ul.tabs li.on:hover:after {
    border-top-color:inherit;
}

.tabs-container ul.tabs li.on
{
	color:#ffffff;
	background-color:#801212;
	border-left:1px solid #afafaf;
	border-right:1px solid #afafaf;
}

.tabs-container ul.tabs li.on:after,
.tabs-container ul.tabs li.on:hover:after 
{
    content: "";
    width: 0;
    height: 0;
    border-left: 73px solid transparent;
    border-right: 73px solid transparent;
    border-top: 12px solid #801212;
    top: 50px;
    position: absolute;
    left: 0px;
	animation-name:none;
}

.tabs-container ul.tabs li div
{
	
}

.tabs-container ul.tabs li.on div, ul.tabs li.on:hover div
{
	
}

.tabs-container ul.tabs li:hover
{
	cursor:pointer;
}
.tabs-container ul.tabs li.on:hover
{
	cursor:default;
}


.tabs-container ul.tabs li:hover div
{
	
}

.tabs-container ul.tabs li.empty
{
	border:none;
	background:none;
}

.tabs-container ul.tabs li.empty:hover
{
	cursor:default;
}

.tabs-container ul.tabs li.empty div
{
	
}

.tabs-container .closed button.toggle-open::before{
	width:10px;
	height:10px;
	border-color:#eee;
	border-width: 0px 2px 2px 0px;
}

/*
ANIMATIONS
*/
@keyframes tabHover {
    0%{
		border-top-width:0px;
	}
	35% {
		border-top-width:24px;
	 }
    100% {
		border-top-width:12px;
	}
}


@media screen and (max-width: 640px) {
	
	.tabs-container{
		margin-bottom:20px;
	}
	
	.tabs-container .label{
		display:block;
	}

	.tabs-container ul.tabs{
		border-top:none;
		position:absolute;
		box-shadow: 4px 4px 8px -6px #000;
		max-height:0px;
		overflow-y: hidden;
		transition: all .15s;
	}
	
	.tabs-container.on ul.tabs{
		max-height:400px;
	}
	
	.tabs-container ul.tabs li{
		display:block; /*stack them*/
		text-align:left;
		padding-left:15px;
		font-size:1.1em;
		border:none;
		cursor:pointer;
		border-top: 1px solid #949494;
	}
	
	.tabs-container ul.tabs li.on:after,
	.tabs-container ul.tabs li.on:hover:after,
	.tabs-container ul.tabs li:hover:after{
		content:none;
	}
	
	.tabs-container ul.tabs li.on{
		color: #989898;
		background-color: inherit;
		border-left: none;
		border-right: none;
	}
	
}h1{
	margin:0px;
	font-weight:bold;
	margin-bottom:6px;
	color:#555555;
	}
h2{
	margin:0px;
	font-weight:300;
	margin-bottom:6px;
	padding-bottom:3px;
	color:#666666;
	}
h3{
	margin:0px;
	font-weight:bold;
	margin-bottom:6px;
	color:#666666;
	}
h4 {
	margin:0px;
	font-style:italic; 
	}

h5 {
	margin:0px;
	margin-bottom:6px;
	}
	
a {
	color:#3876B0;
	text-decoration:none;
	}
	
a:hover{
	text-decoration:underline;
	}
	
a img
{
	border:none;
}

.fauxlink
{
	color:#3876B0;
}
	
ul {
	margin-top:0px;
	margin-bottom:20px;
}
li
{
	margin-bottom:6px;
}
.req
{
	color: #e81e1e;
    margin-right: 4px;
    font-weight: bold;
    font-size: .8em;
    font-family: 'open sans';
    margin-left: 4px;
}

.light-text{
	font-style:italic;
	font-size:0.8em;
	
}

.alert-text{
	font-weight: 500;
    color: #e6ac24;
}
.error-text{
	font-weight: 500;
    color: #bf0303;
}
.ok-text{
	font-weight: 500;
    color: #138200;
}



table.grid{
	margin-bottom:10px;
	width:100%;
	border-spacing:0px;
	padding:0px;
}

/* header */

/* header-row */

table.grid thead tr {
	background: linear-gradient(to bottom, #f1f1f1, #e0e0e0);
}

/* header-cell */

table.grid thead th{
	border-top:1px solid #dadada;
	border-bottom:1px solid #d8d8d8;
	padding:5px 10px;
	font-weight:400;
	color:#666;
	text-align:left;
}

table.grid thead th:first-child,
table.grid tbody td:first-child{
	width:40px;
	text-align:center;
}
	
table.grid thead th.column-sortable{
	font-weight:500;
	cursor:pointer;
	color:#444;
	white-space:nowrap;
}


table.grid thead th:first-child{
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
	border-left:1px solid #dadada;
}
table.grid thead th:last-child{
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
	border-right:1px solid #d8d8d8;
}

/* body */

/* body-row */

table.grid tbody tr:nth-child(odd) {
	background-color:#f3f3f3;
}
table.grid tbody tr:nth-child(even) {
	background-color:#f6f6f6;
}

table.grid tbody tr.warning {
	#background:	repeating-linear-gradient(    -45deg,    #ffe8e8 ,    #ffe8e8 10px,    #fff4f4 10px,    #fff4f4 20px  );
}

table.grid tbody tr.warning label{
	font-weight: 500;
    color: #d80000;
}

/* body-cell */

table.grid tbody td{
	border-bottom:1px solid #e3e3e3;
	padding:10px;
	text-align:left;
	position:relative;
}

table.grid tbody td span.counter{
	margin-right:8px;
}

/* body row NONE */

table.grid tbody td.none{
	text-align:center;
	vertical-align:middle;
}

table.grid tbody th label,
table.grid tbody td label{
	cursor:pointer;
}
	
/*-- ALTERNATE TYPE 1-- */

table.grid.alt1 {
	border-top: 3px solid #841c26;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    box-shadow: 0px 2px 12px -7px #000;
}

table.grid.alt1 thead th{
	border:0px;
	border-radius:0px;
}

/* --LESSONS-- */

table#grid-course-lessons{
	
}

table#grid-course-lessons tr{
	cursor:move;
}
table#grid-course-lessons tr.no-sort{
	cursor:default;
}

table#grid-course-lessons th:nth-child(1),
table#grid-course-lessons th:nth-child(3),
table#grid-course-lessons th:nth-child(4),
table#grid-course-lessons th:nth-child(5),
table#grid-course-lessons th:nth-child(6),
table#grid-course-lessons th:nth-child(7),

table#grid-course-lessons td:nth-child(1), 
table#grid-course-lessons td:nth-child(3), 
table#grid-course-lessons td:nth-child(4),
table#grid-course-lessons td:nth-child(5),
table#grid-course-lessons td:nth-child(6),
table#grid-course-lessons td:nth-child(7) {
	text-align:center;
}

table#grid-course-lessons td:nth-child(3),
table#grid-course-lessons td:nth-child(6),
table#grid-course-lessons td:nth-child(7) {
	max-width:100px;
}

@media only screen and (max-width:640px){
	table#grid-course-lessons td label img{
		display:none;
	}
	
	table#grid-course-lessons th:nth-child(3),
	table#grid-course-lessons th:nth-child(4),
	table#grid-course-lessons td:nth-child(3),
	table#grid-course-lessons td:nth-child(4){
		display:none;
	}
}

/* sortable helper */
table#grid-course-lessons .ui-sortable-helper {
    border:dotted 1px #999;
	margin:1px;
	display: table;
}

/* --COURSE MATERIALS-- */

table#grid-course-course-materials{
	
}

table#grid-course-course-materials th:nth-child(1),
table#grid-course-course-materials th:nth-child(4),
table#grid-course-course-materials th:nth-child(5),
table#grid-course-course-materials th:nth-child(6),
table#grid-course-course-materials td:nth-child(1), 
table#grid-course-course-materials td:nth-child(4), 
table#grid-course-course-materials td:nth-child(5),
table#grid-course-course-materials td:nth-child(6) {
	text-align:center;
}

@media only screen and (max-width:640px){

	table#grid-course-course-materials th:nth-child(1){
		width:20px;
	}
		
	table#grid-course-course-materials th:nth-child(3), 
	table#grid-course-course-materials th:nth-child(4),
	table#grid-course-course-materials td:nth-child(4){
		display:none;
	}
	
	table#grid-course-course-materials td:nth-child(2),
	table#grid-course-course-materials td:nth-child(3){
		word-break:break-all;
		display:block;
	}
	
	table#grid-course-course-materials td:nth-child(2){
		padding-bottom:0px;
		border-bottom:0px;
	}
	
}

/* --AWARDED CERTIFICATES-- */

table#grid-user-certificates{
	
}

table#grid-user-certificates td:nth-child(2) .timestamp{
	display:none;
}

table#grid-user-certificates th:nth-child(1),
table#grid-user-certificates th:nth-child(5),
table#grid-user-certificates th:nth-child(6),
table#grid-user-certificates th:nth-child(7),
table#grid-user-certificates td:nth-child(1), 
table#grid-user-certificates td:nth-child(5), 
table#grid-user-certificates td:nth-child(6),
table#grid-user-certificates td:nth-child(7) {
	text-align:center;
}

@media only screen and (max-width:750px){
	table#grid-user-certificates th:nth-child(1),
	table#grid-user-certificates td:nth-child(1){
		width:20px;
	}
		
	table#grid-user-certificates th:nth-child(3),
	table#grid-user-certificates th:nth-child(4),
	table#grid-user-certificates th:nth-child(5),
	table#grid-user-certificates td:nth-child(3),
	table#grid-user-certificates td:nth-child(4),
	table#grid-user-certificates td:nth-child(5){
		display:none;
	}
	
	table#grid-user-certificates td:nth-child(2) .timestamp{
		display:block;
	}
	
}

/* --COUPON CODES-- */

table#grid-couponcodes{
	
}

table#grid-couponcodes th:nth-child(1),
table#grid-couponcodes th:nth-child(4),
table#grid-couponcodes th:nth-child(5),
table#grid-couponcodes th:nth-child(6),
table#grid-couponcodes th:nth-child(7),
table#grid-couponcodes th:nth-child(8),
table#grid-couponcodes th:nth-child(9),
table#grid-couponcodes td:nth-child(1), 
table#grid-couponcodes td:nth-child(4), 
table#grid-couponcodes td:nth-child(5), 
table#grid-couponcodes td:nth-child(6), 
table#grid-couponcodes td:nth-child(7),
table#grid-couponcodes td:nth-child(8),
table#grid-couponcodes td:nth-child(9) {
	text-align:center;
}

@media only screen and (max-width:1100px){
	
	table#grid-couponcodes th:nth-child(6),
	table#grid-couponcodes th:nth-child(7),
	table#grid-couponcodes th:nth-child(8),
	table#grid-couponcodes td:nth-child(6),
	table#grid-couponcodes td:nth-child(7),
	table#grid-couponcodes td:nth-child(8){
		display:none;
	}
}

@media only screen and (max-width:640px){
	
	table#grid-couponcodes th:nth-child(4),
	table#grid-couponcodes th:nth-child(5),
	table#grid-couponcodes td:nth-child(4),
	table#grid-couponcodes td:nth-child(5){
		display:none;
	}
}


/* --DATASETS-- */

table#grid-couponcodes{
	
}

table#grid-datasets th:nth-child(1),
table#grid-datasets th:nth-child(4),
table#grid-datasets th:nth-child(5),
table#grid-datasets td:nth-child(1), 
table#grid-datasets td:nth-child(4), 
table#grid-datasets td:nth-child(5){
	text-align:center;
}

@media only screen and (max-width:640px){
	
	table#grid-datasets th:nth-child(3),
	table#grid-datasets th:nth-child(4),
	table#grid-datasets td:nth-child(3),
	table#grid-datasets td:nth-child(4){
		display:none;
	}
}

/* --SCORM RESOURCES -- */

table#grid-package-resources{
	
}

table#grid-package-resources th:nth-child(1),
table#grid-package-resources td:nth-child(1){
	width:auto;
	text-align:left;
}

table#grid-package-resources th:nth-child(2),
table#grid-package-resources th:nth-child(3),
table#grid-package-resources th:nth-child(4),
table#grid-package-resources td:nth-child(2), 
table#grid-package-resources td:nth-child(3), 
table#grid-package-resources td:nth-child(4){
	text-align:center;
}

@media only screen and (max-width:640px){
	table#grid-package-resources th:nth-child(2), 
	table#grid-package-resources th:nth-child(5),
	table#grid-package-resources td:nth-child(5){
		display:none;
	} 
	
	table#grid-package-resources td:nth-child(1), 
	table#grid-package-resources td:nth-child(2){
		display:block;
		text-align:left;
	}
	
	table#grid-package-resources td:nth-child(1){
		word-break:break-all;
		border-bottom:0px;
	}
	
	table#grid-package-resources td:nth-child(2)::before{
		content:"(";
	} 
	
	table#grid-package-resources td:nth-child(2)::after{
		content:")";
	} 
	
	table#grid-package-resources th:nth-child(4){
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
		border-right: 1px solid #dadada;
	}
	
}

/* --ACTIVITY IMPORT KEY-- */

table#grid-activity-import-key{
	
}

table#grid-activity-import-key th:nth-child(1), 
table#grid-activity-import-key td:nth-child(1){
	text-align:left;
}

table#grid-activity-import-key th:nth-child(4), 
table#grid-activity-import-key td:nth-child(4){
	display:none;
}


table#grid-activity-import-key th:nth-child(1), 
table#grid-activity-import-key th:nth-child(6), 
table#grid-activity-import-key td:nth-child(1), 
table#grid-activity-import-key td:nth-child(6){
	white-space:nowrap;
}

table#grid-activity-import-key th:nth-child(2), 
table#grid-activity-import-key td:nth-child(2){
	font-weight:500;
}

table#grid-activity-import-key th:nth-child(3),
table#grid-activity-import-key th:nth-child(5),
table#grid-activity-import-key th:nth-child(6),
table#grid-activity-import-key td:nth-child(3),
table#grid-activity-import-key td:nth-child(5),
table#grid-activity-import-key td:nth-child(6){
	text-align:center;
}

table#grid-activity-import-key td:nth-child(1) .unique,
table#grid-activity-import-key td:nth-child(1) .required,
table#grid-activity-import-key td:nth-child(1) .type,
table#grid-activity-import-key td:nth-child(1) .length,
table#grid-activity-import-key td:nth-child(1) .data,
table#grid-activity-import-key td:nth-child(1) .format{
	display:none;
}

@media only screen and (max-width:750px){
	
	table#grid-activity-import-key th:nth-child(2),
	table#grid-activity-import-key th:nth-child(3),
	table#grid-activity-import-key th:nth-child(5),
	table#grid-activity-import-key th:nth-child(6),
	table#grid-activity-import-key th:nth-child(7),
	table#grid-activity-import-key td:nth-child(2),
	table#grid-activity-import-key td:nth-child(3),
	table#grid-activity-import-key td:nth-child(5),
	table#grid-activity-import-key td:nth-child(6),
	table#grid-activity-import-key td:nth-child(7){
		display:none;
	}
	
	table#grid-activity-import-key th:nth-child(1){
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
		border-right: 1px solid #dadada;
	}
	
	table#grid-activity-import-key td:nth-child(1){
		white-space:normal;
	}
		
	table#grid-activity-import-key td:nth-child(1) .column{
		font-weight:bold;
	}
	
	table#grid-activity-import-key td:nth-child(1) .required,
	table#grid-activity-import-key td:nth-child(1) .type,
	table#grid-activity-import-key td:nth-child(1) .length,
	table#grid-activity-import-key td:nth-child(1) .data, 
	table#grid-activity-import-key td:nth-child(1) .format{
		display:block;
	}
	
}

/* --ACTIVITY IMPORT MANAGE -- */

table#grid-activity-import{
	
}

table#grid-activity-import td div.date,
table#grid-activity-import td div.importer,
table#grid-activity-import td div.importee{
	display:none;	
}

@media only screen and (max-width:640px){
	
	table#grid-activity-import th:nth-child(3),
	table#grid-activity-import th:nth-child(4),
	table#grid-activity-import th:nth-child(5),
	table#grid-activity-import td:nth-child(3),
	table#grid-activity-import td:nth-child(4),
	table#grid-activity-import td:nth-child(5){
		display:none;
	}
	
	table#grid-activity-import td label{
		font-weight:bold;
	}
	
	table#grid-activity-import td div.date,
	table#grid-activity-import td div.importer,
	table#grid-activity-import td div.importee{
		display:block;	
	}
		
	table#grid-activity-import th:nth-child(2){
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
		border-right: 1px solid #dadada;
	}
	
}

/* --CERTIFICATE IMPORT KEY-- */

table#grid-certificate-import-key{
	
}

table#grid-certificate-import-key th:nth-child(1),
table#grid-certificate-import-key td:nth-child(1){
	text-align:left;
}

table#grid-certificate-import-key th:nth-child(1), 
table#grid-certificate-import-key th:nth-child(6), 
table#grid-certificate-import-key td:nth-child(1), 
table#grid-certificate-import-key td:nth-child(6){
	white-space:nowrap;
}

table#grid-certificate-import-key th:nth-child(2), 
table#grid-certificate-import-key td:nth-child(2){
	font-weight:500;
}

table#grid-certificate-import-key th:nth-child(3),
table#grid-certificate-import-key th:nth-child(4),
table#grid-certificate-import-key th:nth-child(5),
table#grid-certificate-import-key td:nth-child(3),
table#grid-certificate-import-key td:nth-child(4),
table#grid-certificate-import-key td:nth-child(5){
	text-align:center;
}

table#grid-certificate-import-key td:nth-child(1) .abbr,
table#grid-certificate-import-key td:nth-child(1) .required,
table#grid-certificate-import-key td:nth-child(1) .type,
table#grid-certificate-import-key td:nth-child(1) .length,
table#grid-certificate-import-key td:nth-child(1) .data,
table#grid-certificate-import-key td:nth-child(1) .format{
	display:none;
}

@media only screen and (max-width:750px){
	
	table#grid-certificate-import-key th:nth-child(2),
	table#grid-certificate-import-key th:nth-child(3),
	table#grid-certificate-import-key th:nth-child(4),
	table#grid-certificate-import-key th:nth-child(5),
	table#grid-certificate-import-key th:nth-child(6),
	table#grid-certificate-import-key td:nth-child(2),
	table#grid-certificate-import-key td:nth-child(3),
	table#grid-certificate-import-key td:nth-child(4),
	table#grid-certificate-import-key td:nth-child(5),
	table#grid-certificate-import-key td:nth-child(6){
		display:none;
	}
	
	table#grid-certificate-import-key th:nth-child(1){
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
		border-right: 1px solid #dadada;
	}
	
	table#grid-certificate-import-key td:nth-child(1){
		white-space:normal;
	}
		
	table#grid-certificate-import-key td:nth-child(1) .column{
		font-weight:bold;
	}
	
	table#grid-certificate-import-key td:nth-child(1) .required,
	table#grid-certificate-import-key td:nth-child(1) .type,
	table#grid-certificate-import-key td:nth-child(1) .length,
	table#grid-certificate-import-key td:nth-child(1) .data, 
	table#grid-certificate-import-key td:nth-child(1) .format{
		display:block;
	}
}

/* --CERTIFICATE IMPORT MANAGE -- */

table#grid-certificate-import{
	
}

table#grid-certificate-import td div.date,
table#grid-certificate-import td div.importer,
table#grid-certificate-import td div.importee{
	display:none;	
}

@media only screen and (max-width:640px){
	
	table#grid-certificate-import th:nth-child(3),
	table#grid-certificate-import th:nth-child(4),
	table#grid-certificate-import th:nth-child(5),
	table#grid-certificate-import td:nth-child(3),
	table#grid-certificate-import td:nth-child(4),
	table#grid-certificate-import td:nth-child(5){
		display:none;
	}
	
	table#grid-certificate-import td label{
		font-weight:bold;
	}
	
	table#grid-certificate-import td div.date,
	table#grid-certificate-import td div.importer,
	table#grid-certificate-import td div.importee{
		display:block;	
	}
		
	table#grid-certificate-import th:nth-child(2){
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
		border-right: 1px solid #dadada;
	}
	
}


/* --USER BATCH IMPORT KEY-- */

table#grid-user-batch-key{
	
}

table#grid-user-batch-key tr.not-used{
	background-color:#e9e9e9
}
table#grid-user-batch-key tr.not-used td{
	color:#bbb;
}

table#grid-user-batch-key th:nth-child(1), 
table#grid-user-batch-key td:nth-child(1){
	text-align:left;
}

table#grid-user-batch-key th:nth-child(2), 
table#grid-user-batch-key td:nth-child(2){
	font-weight:500;
}

table#grid-user-batch-key th:nth-child(3),
table#grid-user-batch-key th:nth-child(4),
table#grid-user-batch-key th:nth-child(5),
table#grid-user-batch-key th:nth-child(6),
table#grid-user-batch-key td:nth-child(3),
table#grid-user-batch-key td:nth-child(4),
table#grid-user-batch-key td:nth-child(5), 
table#grid-user-batch-key td:nth-child(6){
	text-align:center;
}

table#grid-user-batch-key td:nth-child(1) .data,
table#grid-user-batch-key td:nth-child(1) .required,
table#grid-user-batch-key td:nth-child(1) .unique,
table#grid-user-batch-key td:nth-child(1) .type,
table#grid-user-batch-key td:nth-child(1) .length,
table#grid-user-batch-key td:nth-child(1) .format{
	display:none;
}

@media only screen and (max-width:750px){
	
	table#grid-user-batch-key th:nth-child(1){
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
		border-right: 1px solid #dadada;
	}
	
	table#grid-user-batch-key th:nth-child(2),
	table#grid-user-batch-key th:nth-child(3),
	table#grid-user-batch-key th:nth-child(4),
	table#grid-user-batch-key th:nth-child(5),
	table#grid-user-batch-key th:nth-child(6),
	table#grid-user-batch-key th:nth-child(7),
	table#grid-user-batch-key td:nth-child(2),
	table#grid-user-batch-key td:nth-child(3),
	table#grid-user-batch-key td:nth-child(4), 
	table#grid-user-batch-key td:nth-child(5), 
	table#grid-user-batch-key td:nth-child(6),
	table#grid-user-batch-key td:nth-child(7){
		display:none;
	}

	table#grid-user-batch-key td:nth-child(1) .column{
		font-weight:bold;
	}
	
	table#grid-user-batch-key td:nth-child(1) .data,
	table#grid-user-batch-key td:nth-child(1) .required,
	table#grid-user-batch-key td:nth-child(1) .unique,
	table#grid-user-batch-key td:nth-child(1) .type,
	table#grid-user-batch-key td:nth-child(1) .length,
	table#grid-user-batch-key td:nth-child(1) .format{
		display:block;
	}
}

/* --USER ENROLLMENTS-- */

table#grid-user-enrollments{
	
}

table#grid-user-enrollments th:nth-child(1),
table#grid-user-enrollments th:nth-child(3),
table#grid-user-enrollments th:nth-child(4),
table#grid-user-enrollments th:nth-child(5),
table#grid-user-enrollments th:nth-child(6),
table#grid-user-enrollments th:nth-child(7),
table#grid-user-enrollments th:nth-child(8),
table#grid-user-enrollments th:nth-child(9),
table#grid-user-enrollments th:nth-child(10),
table#grid-user-enrollments th:nth-child(11),
table#grid-user-enrollments td:nth-child(1),
table#grid-user-enrollments td:nth-child(3),
table#grid-user-enrollments td:nth-child(4),
table#grid-user-enrollments td:nth-child(5),
table#grid-user-enrollments td:nth-child(6),
table#grid-user-enrollments td:nth-child(7),
table#grid-user-enrollments td:nth-child(8),
table#grid-user-enrollments td:nth-child(9),
table#grid-user-enrollments td:nth-child(10),
table#grid-user-enrollments td:nth-child(11){
	text-align:center;
}

@media only screen and (max-width:750px){
	
	table#grid-user-enrollments th:nth-child(2) {
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
		border-right: 1px solid #dadada;
	}
	table#grid-user-enrollments th:nth-child(3),
	table#grid-user-enrollments th:nth-child(4),
	table#grid-user-enrollments th:nth-child(5),
	table#grid-user-enrollments th:nth-child(6),
	table#grid-user-enrollments th:nth-child(7),
	table#grid-user-enrollments th:nth-child(8),
	table#grid-user-enrollments th:nth-child(9),
	table#grid-user-enrollments th:nth-child(10),
	table#grid-user-enrollments th:nth-child(11),
	table#grid-user-enrollments td:nth-child(3),
	table#grid-user-enrollments td:nth-child(4),
	table#grid-user-enrollments td:nth-child(5),
	table#grid-user-enrollments td:nth-child(6){
		display:none;
	}

	table#grid-user-enrollments td:nth-child(2),
	table#grid-user-enrollments td:nth-child(7){
		display:block;
		text-align:left;
		border-bottom:none;
	}
	
	table#grid-user-enrollments td:nth-child(8),
	table#grid-user-enrollments td:nth-child(9),
	table#grid-user-enrollments td:nth-child(10),
	table#grid-user-enrollments td:nth-child(11){
		display:inline-block;
	}

}

/* --ENROLLMENT LESSONDATA-- */

table#grid-enrollment-lessondata{
	
}

table#grid-enrollment-lessondata td:nth-child(1) .label{
	white-space:normal;
}
	
table#grid-enrollment-lessondata th:nth-child(1),
table#grid-enrollment-lessondata td:nth-child(1){
	width:auto;
	text-align:left;	
}

table#grid-enrollment-lessondata td:nth-child(1) .completion,
table#grid-enrollment-lessondata td:nth-child(1) .success,
table#grid-enrollment-lessondata td:nth-child(1) .resp-status,
table#grid-enrollment-lessondata td:nth-child(1) .et,
table#grid-enrollment-lessondata td:nth-child(1) .score{
	display:none;
}

table#grid-enrollment-lessondata th:nth-child(2),
table#grid-enrollment-lessondata th:nth-child(3),
table#grid-enrollment-lessondata th:nth-child(4),
table#grid-enrollment-lessondata th:nth-child(5),
table#grid-enrollment-lessondata th:nth-child(6),
table#grid-enrollment-lessondata th:nth-child(7),
table#grid-enrollment-lessondata th:nth-child(8),
table#grid-enrollment-lessondata td:nth-child(2),
table#grid-enrollment-lessondata td:nth-child(3),
table#grid-enrollment-lessondata td:nth-child(4),
table#grid-enrollment-lessondata td:nth-child(5),
table#grid-enrollment-lessondata td:nth-child(6),
table#grid-enrollment-lessondata td:nth-child(7), 
table#grid-enrollment-lessondata td:nth-child(8){
	text-align:center;
}

@media only screen and (max-width:750px){
	
	table#grid-enrollment-lessondata th:nth-child(1){
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
		border-right: 1px solid #dadada;
	}
	
	table#grid-enrollment-lessondata td:nth-child(1) img{
		display:none;
	}
	
	table#grid-enrollment-lessondata td:nth-child(1) .label{
		font-weight:bold;
	}
	
	table#grid-enrollment-lessondata td:nth-child(1) .completion,
	table#grid-enrollment-lessondata td:nth-child(1) .success,
	table#grid-enrollment-lessondata td:nth-child(1) .resp-status,
	table#grid-enrollment-lessondata td:nth-child(1) .et,
	table#grid-enrollment-lessondata td:nth-child(1) .score{
		display:block;
	}
	
	table#grid-enrollment-lessondata th:nth-child(2),
	table#grid-enrollment-lessondata th:nth-child(3),
	table#grid-enrollment-lessondata th:nth-child(4),
	table#grid-enrollment-lessondata th:nth-child(5),
	table#grid-enrollment-lessondata th:nth-child(6),
	table#grid-enrollment-lessondata th:nth-child(7),
	table#grid-enrollment-lessondata th:nth-child(8),
	table#grid-enrollment-lessondata td:nth-child(2),
	table#grid-enrollment-lessondata td:nth-child(3),
	table#grid-enrollment-lessondata td:nth-child(4),
	table#grid-enrollment-lessondata td:nth-child(5),
	table#grid-enrollment-lessondata td:nth-child(6),
	table#grid-enrollment-lessondata td:nth-child(7){
		display:none;
	}
	
	table#grid-enrollment-lessondata td:nth-child(1){
		display:block;
		border-bottom:0px;
	}
	
	table#grid-enrollment-lessondata td:nth-child(8){
		display:block;
		border-bottom:1px solid #e3e3e3;
	}
	
	table#grid-enrollment-lessondata td:nth-child(2),
	table#grid-enrollment-lessondata td:nth-child(8){
		text-align:left;
	}
	
	
}

/* --CONTROL PANEL PORTALS-- */

table#grid-controlpanel-portals{
	
}

table#grid-controlpanel-portals th:nth-child(1),
table#grid-controlpanel-portals th:nth-child(4),
table#grid-controlpanel-portals th:nth-child(5),
table#grid-controlpanel-portals th:nth-child(6),
table#grid-controlpanel-portals th:nth-child(7),
table#grid-controlpanel-portals th:nth-child(8),
table#grid-controlpanel-portals th:nth-child(9),
table#grid-controlpanel-portals td:nth-child(1),
table#grid-controlpanel-portals td:nth-child(4),
table#grid-controlpanel-portals td:nth-child(5),
table#grid-controlpanel-portals td:nth-child(6),
table#grid-controlpanel-portals td:nth-child(7),
table#grid-controlpanel-portals td:nth-child(8),
table#grid-controlpanel-portals td:nth-child(9){
	text-align:center;
}

table#grid-controlpanel-portals tr.offline {
	color: #cfcfcf;
}

table#grid-controlpanel-portals tr.offline a {
	color: #b6cde2;
}

/* --CONTROL PANEL ANNOUNCEMENTS-- */

table#grid-controlpanel-announcements{
	
}

table#grid-controlpanel-announcements th:nth-child(1),
table#grid-controlpanel-announcements th:nth-child(5),
table#grid-controlpanel-announcements td:nth-child(1),
table#grid-controlpanel-announcements td:nth-child(5){
	text-align:center;
}

/* --GROUP ENROLLMENTS-- */

table#grid-group-enrollments{
	
}

table#grid-group-enrollments th:nth-child(1),
table#grid-group-enrollments th:nth-child(3),
table#grid-group-enrollments th:nth-child(4),
table#grid-group-enrollments th:nth-child(5),
table#grid-group-enrollments th:nth-child(6),
table#grid-group-enrollments th:nth-child(7),
table#grid-group-enrollments td:nth-child(1),
table#grid-group-enrollments td:nth-child(3),
table#grid-group-enrollments td:nth-child(4),
table#grid-group-enrollments td:nth-child(5),
table#grid-group-enrollments td:nth-child(6),
table#grid-group-enrollments td:nth-child(7){
	text-align:center;
}

@media only screen and (max-width:750px){
	
	table#grid-group-enrollments th:first-child{
		width:20px;
	}
	
	table#grid-group-enrollments th:nth-child(3),
	table#grid-group-enrollments th:nth-child(4),
	table#grid-group-enrollments th:nth-child(5),
	table#grid-group-enrollments td:nth-child(3),
	table#grid-group-enrollments td:nth-child(4),
	table#grid-group-enrollments td:nth-child(5){
		display:none;
	}
	
}
/* --SESSIONS -- */

table#grid-sessions{
	
}

table#grid-sessions th:nth-child(1),
table#grid-sessions th:nth-child(4),
table#grid-sessions th:nth-child(5),
table#grid-sessions th:nth-child(6),
table#grid-sessions th:nth-child(7),
table#grid-sessions td:nth-child(1),
table#grid-sessions td:nth-child(4),
table#grid-sessions td:nth-child(5),
table#grid-sessions td:nth-child(6),
table#grid-sessions td:nth-child(7){
	text-align:center;
}

@media only screen and (max-width:750px){
	table#grid-sessions th:nth-child(3),
	table#grid-sessions th:nth-child(4),
	table#grid-sessions th:nth-child(5),
	table#grid-sessions td:nth-child(3),
	table#grid-sessions td:nth-child(4),
	table#grid-sessions td:nth-child(5){
		display:none;
	}	
}

/* -- SESSION ROSTER -- */

table#grid-session-enrolled{
	
}

table#grid-session-enrolled tr.error {
	background-color: #ffbdbd !important;
}

table#grid-session-enrolled th:nth-child(1),
table#grid-session-enrolled td:nth-child(1){
	text-align:left;
}

table#grid-session-enrolled th:nth-child(2),
table#grid-session-enrolled th:nth-child(3),
table#grid-session-enrolled th:nth-child(4),
table#grid-session-enrolled th:nth-child(5),
table#grid-session-enrolled th:nth-child(6),
table#grid-session-enrolled td:nth-child(2),
table#grid-session-enrolled td:nth-child(3),
table#grid-session-enrolled td:nth-child(4), 
table#grid-session-enrolled td:nth-child(5), 
table#grid-session-enrolled td:nth-child(6){
	width:80px;
	text-align:center;
}

table#grid-session-enrolled a.promote
{
	display:none;	
}

table#grid-session-waitlist a.demote
{
	display:none;	
}


/* -- SESSION WAITLIST -- */

table#grid-session-waitlist{
	
}

table#grid-session-waitlist tr.error {
	background-color: #ffbdbd !important;
}

table#grid-session-waitlist th:nth-child(1),
table#grid-session-waitlist td:nth-child(1){
	text-align:left;
}

table#grid-session-waitlist th:nth-child(2),
table#grid-session-waitlist th:nth-child(3),
table#grid-session-waitlist th:nth-child(4),
table#grid-session-waitlist th:nth-child(5),
table#grid-session-waitlist th:nth-child(6),
table#grid-session-waitlist td:nth-child(2),
table#grid-session-waitlist td:nth-child(3),
table#grid-session-waitlist td:nth-child(4), 
table#grid-session-waitlist td:nth-child(5), 
table#grid-session-waitlist td:nth-child(6){
	width:80px;
	text-align:center;
}



/* -- REPORT FILES -- */

table#myReports_files{
	
}

table#myReports_files td:nth-child(2) .size{
	display:none;
}

table#myReports_files th:nth-child(1),
table#myReports_files th:nth-child(3),
table#myReports_files th:nth-child(4),
table#myReports_files th:nth-child(5),
table#myReports_files td:nth-child(1),
table#myReports_files td:nth-child(3),
table#myReports_files td:nth-child(4), 
table#myReports_files td:nth-child(5){
	text-align:center;
}

table#myReports_files th:nth-child(1),
table#myReports_files td:nth-child(1){
	text-align:center;
}

table#myReports_files th:nth-child(3),
table#myReports_files th:nth-child(4),
table#myReports_files th:nth-child(5),
table#myReports_files td:nth-child(3),
table#myReports_files td:nth-child(4), 
table#myReports_files td:nth-child(5){
	width: 100px;
}

@media only screen and (max-width:750px){
	
	table#myReports_files td:nth-child(2) .size{
		display:block;
	}
	
	table#myReports_files td:nth-child(2) .size::before{
		content:"(";
	}
	table#myReports_files td:nth-child(2) .size::after{
		content:")";
	}
	
	table#myReports_files th:nth-child(3),
	table#myReports_files td:nth-child(3){
		display:none;
	}
	
}

/* EMAIL NOTIFICATIONS */

table#grid_admin_notifications{
	
}

table#grid_admin_notifications th:nth-child(1),
table#grid_admin_notifications td:nth-child(1){
	text-align:center;
}

table#grid_admin_notifications th:nth-child(3),
table#grid_admin_notifications th:nth-child(4),
table#grid_admin_notifications td:nth-child(3),
table#grid_admin_notifications td:nth-child(4){
	text-align:center;
}

@media only screen and (max-width:640px){
	
	table#grid_admin_notifications th:nth-child(3),
	table#grid_admin_notifications td:nth-child(3){
		display:none;
	}
	
}


/* PORTAL PARAMETERS */

table#grid_site_parameters{
	
}

table#grid_site_parameters th:nth-child(1),
table#grid_site_parameters td:nth-child(1){
	width:80px;
	text-align:center;
}


/* MY ACCOUNT GRID */

table#grid-myaccount-activity
{
	
}

table#grid-myaccount-activity th:nth-child(1),
table#grid-myaccount-activity td:nth-child(1)
{
	width:auto;
	text-align:left;
}

table#grid-myaccount-activity td.course .progress-bar-outer,
table#grid-myaccount-activity td.course .duedate{
	display:none;
}

table#grid-myaccount-activity td.course .duedate,
table#grid-myaccount-activity td.course .enddate{
	font-weight:400;
	font-size:.8em;
}

table#grid-myaccount-activity th:nth-child(2),
table#grid-myaccount-activity th:nth-child(3),
table#grid-myaccount-activity th:nth-child(4),
table#grid-myaccount-activity td:nth-child(2),
table#grid-myaccount-activity td:nth-child(3),
table#grid-myaccount-activity td:nth-child(4){
	text-align:center;
}

table#grid-myaccount-activity thead th{
	padding:10px 10px;
}

table#grid-myaccount-activity td:nth-child(1) img{
	width:24px;
}

table#grid-myaccount-activity td:nth-child(4) img{
	margin:0px;
}

table#grid-myaccount-activity tr.overdue {
	background-color:#fff8c1;
}

table#grid-myaccount-activity tr.overdue td {
	border-bottom-color:#e0d89a;
}

table#grid-myaccount-activity tr.overdue td:nth-child(2) {
	font-weight: 500;
    color: #a94e4e;
}

@media only screen and (max-width:640px){

	table#grid-myaccount-activity th:nth-child(2),
	table#grid-myaccount-activity td:nth-child(2),
	table#grid-myaccount-activity th:nth-child(3),
	table#grid-myaccount-activity td:nth-child(3){
		display:none;
	}
	
	table#grid-myaccount-activity th:nth-child(4){
		width:40px;
	}
	
	table#grid-myaccount-activity td.course .progress-bar-outer
	{
		display:block;
		margin:6px 0px;
	}
	
	table#grid-myaccount-activity td.course .duedate{
		display:block;
	}
	
}

/* MY ACCOUNT INSTRUCTING */

table#grid-myaccount-instructing
{
	
}

table#grid-myaccount-instructing th:nth-child(1),
table#grid-myaccount-instructing td:nth-child(1)
{
	width:auto;
	text-align:left;
}

table#grid-myaccount-instructing th:nth-child(4),
table#grid-myaccount-instructing th:nth-child(5),
table#grid-myaccount-instructing td:nth-child(4),
table#grid-myaccount-instructing td:nth-child(5){
	text-align:center;
}

table#grid-myaccount-instructing thead th{
	padding:10px 10px;
}

/* MY ACCOUNT REVIEW GRID */

table#grid-myaccount-review
{
	
}

table#grid-myaccount-review th:nth-child(1),
table#grid-myaccount-review td:nth-child(1)
{
	width:auto;
	text-align:left;
}

table#grid-myaccount-review td.course .progress-bar-outer,
table#grid-myaccount-review td.course .duedate,
table#grid-myaccount-review td.course .enddate{
	display:none;
}

table#grid-myaccount-review th:nth-child(2),
table#grid-myaccount-review th:nth-child(3),
table#grid-myaccount-review th:nth-child(4),
table#grid-myaccount-review td:nth-child(2),
table#grid-myaccount-review td:nth-child(3),
table#grid-myaccount-review td:nth-child(4){
	text-align:center;
}

table#grid-myaccount-review thead th{
	padding:10px 10px;
}

table#grid-myaccount-review td:nth-child(1) img{
	width:24px;
}

table#grid-myaccount-review td:nth-child(4) img{
	margin:0px;
}

table#grid-myaccount-review tr.overdue {
	background-color:#fff8c1;
}

table#grid-myaccount-review tr.overdue td {
	border-bottom-color:#e0d89a;
}

table#grid-myaccount-review tr.overdue td:nth-child(2) {
	font-weight: 500;
    color: #a94e4e;
}

@media only screen and (max-width:640px){

	table#grid-myaccount-review th:nth-child(2),
	table#grid-myaccount-review td:nth-child(2),
	table#grid-myaccount-review th:nth-child(3),
	table#grid-myaccount-review td:nth-child(3){
		display:none;
	}
	
	table#grid-myaccount-review th:nth-child(4){
		width:40px;
	}
	
	table#grid-myaccount-review td.course .progress-bar-outer
	{
		display:block;
		margin:6px 0px;
	}
	
	table#grid-myaccount-review tr.overdue td.course .enddate,
	table#grid-myaccount-review tr.overdue td.course .duedate{
		color: #a94e4e;
		font-weight:500;
	}
	
}

/* MY ACCOUNT CERTIFICATES */

#portlet-myaccount-certificates{
	padding: 0;
    max-height: 500px;
    overflow-y: scroll;
}

table#grid-myaccount-certificates{
	margin-bottom:0;
}
	
table#grid-myaccount-certificates thead th{
	padding:10px 10px;
}

table#grid-myaccount-certificates th:first-child{
	border-top-left-radius: 0;
    border-bottom-left-radius:0;
    border-left: none;
}

table#grid-myaccount-certificates th:last-child{
	border-top-right-radius: 0;
    border-bottom-right-radius:0;
    border-right: none;
}

table#grid-myaccount-certificates th:first-child,
table#grid-myaccount-certificates td:first-child{
	width:auto;
	text-align:left;
}


	
/* MY ACCOUNT LEADERBOARDS */

table#grid-myaccount-leaderboards{
	
}
table#grid-myaccount-leaderboards th:last-child{
	text-align:center;
}

table#grid-myaccount-leaderboards td:first-child,
table#grid-myaccount-leaderboards td:last-child{
	text-align:center;
}

/* COURSE DETAILS - LESSON LIST */

table#grid-coursedetails-lessons
{
}

table#grid-coursedetails-lessons th:nth-child(1),
table#grid-coursedetails-lessons td:nth-child(1){
	width:auto;
	text-align:left;
}

table#grid-coursedetails-lessons th:nth-child(2),
table#grid-coursedetails-lessons td:nth-child(2){
	text-align:center;
}

@media only screen and (max-width:750px){
	
	table#grid-coursedetails-lessons td:first-child img{
		display:none;
	}
}
/* COURSE ENROLLMENT - SESSION SELECTION LIST */

table#grid-session-enroll{}

table#grid-session-enroll td, 
table#grid-session-enroll th {
	vertical-align:top;
}

table#grid-session-enroll td{
	padding: 20px 10px;
}

table#grid-session-enroll tbody td:first-child{
	text-align:left;
}
	
table#grid-session-enroll tbody tr:first-child td:first-child{
	font-weight:500;
}

table#grid-session-enroll tbody tr:first-child td:first-child, 
table#grid-session-enroll thead tr:first-child th:first-child{
	text-align:right;
}

table#grid-session-enroll td input[type="radio"]{
	float:left;
}
	
table#grid-session-enroll td .session-details{
	margin-left:30px;
	margin-bottom:20px;
}

table#grid-session-enroll td .session-details:last-child{
	margin-bottom:0px;
}
	
/* SHOPPING CART */

table#grid_checkout{}

table#grid_checkout td{
	padding:20px 10px;
	vertical-align:top;
}

table#grid_checkout th:nth-child(1),
table#grid_checkout td:nth-child(1){
	text-align:left;
	width:auto;
}

table#grid_checkout th:nth-child(2),
table#grid_checkout td:nth-child(2){
	text-align:right;
}

table#grid_checkout th:nth-child(2),
table#grid_checkout td:nth-child(2){
	min-width:130px;
}


table#grid_checkout th:nth-child(3),
table#grid_checkout th:nth-child(4),
table#grid_checkout td:nth-child(3),
table#grid_checkout td:nth-child(4){
	text-align:center;
}

table#grid_checkout td .icon{
	float: left;
    margin-right: 10px;
}

table#grid_checkout td div{
	margin-bottom:10px;
}

table#grid_checkout td div:last-child{
	margin-bottom:0px;
}
	
table#grid_checkout td .name{
	font-weight: 500;
    margin-left: 48px;
}

table#grid_checkout td .trash{
	font-size:.8em;
	display:none;
}

table#grid_checkout td .trash img{
	width:24px;
}


table#grid_checkout td .message{
	font-size:.9em;
	margin-left: 48px;
    border: 1px solid #88af5b;
    background-color: #fff;
    padding: 10px;
    border-radius: 4px;
	box-shadow: 0px 0px 10px -3px #88af5b;
}

table#grid_checkout td .error{
	font-size:.9em;
	margin-left: 48px;
    border: 1px solid #c14242;
    background-color: #fff;
    padding: 10px;
    border-radius: 4px;
	box-shadow: 0px 0px 10px -3px #c14242;
}

table#grid_checkout td .message img,
table#grid_checkout td .error img{
	float:left;
}

table#grid_checkout td .message div,
table#grid_checkout td .error div{
	margin-left:45px;
}

table#grid_checkout td .error div ul{
	margin-bottom:0px;
}

table#grid_checkout td .description{
	margin-left: 48px;
}

table#grid_checkout td .list{
	font-size:.9em;
	margin-left: 48px;
}

table#grid_checkout td .list .inc{
	font-weight:500;
}

table#grid_checkout tr:last-child td {
	background-color:#e6e6e6;
	vertical-align:middle;
	font-weight:500;
}

.cart-all-none{
	text-align:right;	
	margin-bottom:15px;
	margin-right:20px;
}

@media only screen and (max-width:750px){
	
	table#grid_checkout td .icon,
	table#grid_checkout td .description,
	table#grid_checkout td .list{
		display:none;
	}
	
	table#grid_checkout td .trash{
		display:block;
	}
	
	table#grid_checkout td .name{
		margin-left:0px;
	}
	
	table#grid_checkout td .small label{
		font-size:.8em;
	}
	
	table#grid_checkout th:nth-child(2),
	table#grid_checkout td:nth-child(2){
		min-width:0px;
	}	
	
	table#grid_checkout th:nth-child(4),
	table#grid_checkout td:nth-child(4){
		display:none;
	}	

	table#grid_checkout input[type=text]{
		max-width:50px;
	}
	
	.cart-all-none{
		display:none;
		
	}
}

/* PURCHASE COMPLETE */

table#grid-process-success{}

table#grid-process-success th:nth-child(1),
table#grid-process-success td:nth-child(1){
	text-align:left;
	width:auto;
}

table#grid-process-success th:nth-child(4),
table#grid-process-success th:nth-child(5),
table#grid-process-success th:nth-child(6),
table#grid-process-success td:nth-child(4),
table#grid-process-success td:nth-child(5),
table#grid-process-success td:nth-child(6){
	text-align:center;
}


/* ENROLLMENT LESSONS */

table#grid_enrollment_lessons{}

table#grid_enrollment_lessons th:first-child,
table#grid_enrollment_lessons td:first-child{
	width:auto;
	text-align:left;
}

table#grid_enrollment_lessons td:first-child .resp-status{
	display:none;
}

table#grid_enrollment_lessons th:nth-child(3),
table#grid_enrollment_lessons th:nth-child(4),
table#grid_enrollment_lessons td:nth-child(3),
table#grid_enrollment_lessons td:nth-child(4){
	text-align:center;
}

table#grid_enrollment_lessons td:nth-child(4) .score{
	display:none;
	margin-right:20px;
}

table#grid_enrollment_lessons .live-info{
	font-style: italic;
    font-size: .9em;
	margin-left:38px;
}

@media only screen and (max-width:750px){
	
	table#grid_enrollment_lessons th:first-child{
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
		border-right: 1px solid #dadada;
	}
	
	table#grid_enrollment_lessons td:first-child .resp-status{
		display: inline;
		margin-left: 4px;
		font-size: .85em;
	}
	
	table#grid_enrollment_lessons td:first-child label img{
		display:none;
	}
	
	table#grid_enrollment_lessons th:nth-child(2),
	table#grid_enrollment_lessons th:nth-child(3),
	table#grid_enrollment_lessons th:nth-child(4), 
	table#grid_enrollment_lessons td:nth-child(2),
	table#grid_enrollment_lessons td:nth-child(3){
		display:none;
	}
	
	table#grid_enrollment_lessons td:nth-child(1){
		display:inline-block;
		border-bottom:0px;
	}
	
	table#grid_enrollment_lessons td:nth-child(4){
		display:block;
	}
	
	table#grid_enrollment_lessons td:nth-child(4){
		padding-top:0px;
		text-align:right;
	}
	
	table#grid_enrollment_lessons td:nth-child(4) .score{
		display:inline;
	}
	
}

/* MASTHEAD EDITING 1 */

table#grid-masthead-edit-1{
	
}


table#grid-masthead-edit-1 th:nth-child(1),
table#grid-masthead-edit-1 th:nth-child(2),
table#grid-masthead-edit-1 th:nth-child(3),
table#grid-masthead-edit-1 td:nth-child(1),
table#grid-masthead-edit-1 td:nth-child(2),
table#grid-masthead-edit-1 td:nth-child(3){
	width:33%;
	text-align:center;
}

/* MASTHEAD EDITING 2 */

table#grid-masthead-edit-2{}


table#grid-masthead-edit-2 th:nth-child(1),
table#grid-masthead-edit-2 th:nth-child(2),
table#grid-masthead-edit-2 td:nth-child(1),
table#grid-masthead-edit-2 td:nth-child(2){
	width:50%;
	text-align:center;
}

/* USER FIELD CONFIG */

table#grid_userfieldconfiguration{
	
}

table#grid_userfieldconfiguration th:nth-child(1),
table#grid_userfieldconfiguration td:nth-child(1){
	text-align:left;
	width:auto;
}




table#grid_userfieldconfiguration th:nth-child(3),
table#grid_userfieldconfiguration th:nth-child(4),
table#grid_userfieldconfiguration th:nth-child(5),
table#grid_userfieldconfiguration th:nth-child(6),
table#grid_userfieldconfiguration th:nth-child(7),
table#grid_userfieldconfiguration td:nth-child(3),
table#grid_userfieldconfiguration td:nth-child(4),
table#grid_userfieldconfiguration td:nth-child(5), 
table#grid_userfieldconfiguration td:nth-child(6), 
table#grid_userfieldconfiguration td:nth-child(7){
	text-align:center;
}

table#grid_userfieldconfiguration td:nth-child(3),
table#grid_userfieldconfiguration td:nth-child(4),
table#grid_userfieldconfiguration td:nth-child(5){
	text-align:left;
	white-space:nowrap;
}
	

@media only screen and (max-width:770px){
	
	table#grid_userfieldconfiguration td{
		border-bottom:none;
	}
	
	table#grid_userfieldconfiguration tbody tr:first-child td{
		border-top:none;
	}
	
	table#grid_userfieldconfiguration td:nth-child(2), 
	table#grid_userfieldconfiguration td:nth-child(6), 
	table#grid_userfieldconfiguration td:nth-child(7){
		border-top:1px solid #e3e3e3;
	}
	
	table#grid_userfieldconfiguration th:nth-child(1),
	table#grid_userfieldconfiguration th:nth-child(3),
	table#grid_userfieldconfiguration th:nth-child(4),
	table#grid_userfieldconfiguration th:nth-child(5),
	table#grid_userfieldconfiguration td:nth-child(1){
		display:none;
	}

	table#grid_userfieldconfiguration td:nth-child(2){
		display:block;
	}
	
	table#grid_userfieldconfiguration td:nth-child(3),
	table#grid_userfieldconfiguration td:nth-child(4),
	table#grid_userfieldconfiguration td:nth-child(5){
		display:inline-block;
	}

}


/* REPORTS */

table#report_grid{
	
}

table#report_grid th:nth-child(1),
table#report_grid td:nth-child(1){
	text-align:left;
}

/** SYSTEM TEST **/

table#system-test{
	
}

table#system-test th h5{
	text-transform:uppercase;	
}

table#system-test td{
	vertical-align:top;
}

table#system-test td:first-child{
	white-space:nowrap;
}

@media only screen and (max-width:750px){
	
	table#system-test td:first-child{
		white-space:normal;
	}
	
}

/**

OLD OLD OLD OLD OLD OLD OLD OLD OLD OLD 

**/











/*  

SPECIFIC GRID COLOR SCHEMES

*/
table #grid_mycoursesEnrolled thead tr {}
table #grid_lessonLauncher thead tr {}

/*

MILD GRID STYLES

*/

table .mild thead td
{
	background-color:#dedede;	
	border-bottom:1px dotted #888888;
	border-top:1px dotted #888888;
}
table .mild tbody td.odd
{
	background-color:#efefef;	
}

table .mild .c 
{
	text-align:center;
}

table .mild .vc 
{
	vertical-align:middle;
}
	
/*

TRANSCRIPT

*/
table#grid_transcript
{

}
/*

PLAIN GRID STYLES

*/

table.plain
{
	border-right:1px solid;	
	border-bottom:1px solid;
	border-spacing:0px;
	margin-bottom:10px;	
}
table.plain thead td
{
	background-color:#eeeeee;	
}
table.plain td
{
	border-top:1px solid;	
	border-left:1px solid;
	padding:4px;
}


/* 

KEY

*/

.gridKey
{
	border: 1px solid #aaa;
	background-color: #eee;
	padding: 4px;
	margin-bottom: 10px;
	margin-left:20px;
	float:right;
}
.gridKey h4
{
	border-bottom:1px solid #ccc;
	margin-bottom:4px;
	padding-bottom:4px;
}
.gridKey .key-item-container
{
	margin-bottom:8px;
	clear:both;
}
.gridKey .key-item
{
	float:left;
}
.gridKey .key-item p.key-item-label
{
	margin-bottom:0px;
}
.gridKey .key-item img.key-item-icon
{
	float:left;
	margin-right:6px;
}

#grid_userfieldconfiguration .icon-intext{
	float:none;
	margin-left:6px;
}.action-items-panel{
	
}
.action-items-container{
	margin-left:10px;
}
.action-items-container .item{
	display:inline-block;
	margin-right:20px;
	margin-bottom:10px;
}
.action-items-container .item .icon{
	float:left;
	position:relative;
	margin-right:4px;
}
.action-items-container .item .icon img{
	vertical-align:middle;
}
.action-items-container .item .label{
	margin-top:2px;
	display:inline-block;
	white-space:nowrap;
}

@media only screen and (max-width:640px){
	
	.action-items-container .item{
		margin-right:0px;
	}
	
	.action-items-container .item .icon{
		margin-right:0px;
	}
	
	.action-items-container .item .label{
		display:none;
	}

}/* CSS Document */

.actionPanelTD
{
	border-left:1px solid #c8c8c8;
}

.actionPanel, 
.actionPanelWide
{
	z-index: 97;
    position: relative;
    margin-top: 0px;
	margin-right: 50px;
    margin-bottom: 0px;
	margin-left: 50px;
    clear:both;
}

.actionPanelTopBar .actionPanel, 
.actionPanelTopBar .actionPanelWide {
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	margin:0px;
    margin-bottom: 25px;
    border-radius: 2px;
    background-color: #ebebeb;
    border: 1px solid hsla(0, 0%, 85%, 1);
}
	
@media screen and (max-width: 640px) {
	.actionPanel, 
	.actionPanelWide
	{
		margin-top: 20px;
		margin-right: 10px;
		margin-bottom: 0px;
		margin-left: 10px;
	}
}


.actionPanelInBody
{
	position:relative;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:6px;
}

.actionPanel .actionPanelSection, 
.actionPanelWide .actionPanelSection{
	float: left;
    margin-right: 20px;
    border-right: 1px solid #d6d6d6;
    padding-right: 9px;
    margin-bottom: 25px;
}

.actionPanel .actionPanelSectionContainer .actionPanelSection:last-child, 
.actionPanelWide .actionPanelSectionContainer .actionPanelSection:last-child {
	margin-bottom:0px;
}
	

.actionPanel .actionPanelSection:last-child, 
.actionPanelWide .actionPanelSection:last-child{
	border-right: none;
}

.actionPanel .actionItem-container, 
.actionPanelWide .actionItem-container
{
	/*box-shadow: 0px 0px 7px -1px #000; */
    position: relative;
    border-radius: 3px;
    /* transition: all .2s; */
    /* width: 62px; */
    float: left;
    /* height: 56px; */
    padding: 0px;
    margin-right: 10px;
    /* margin-bottom: 10px; */
	background-color:#fafafa;
}

.actionPanel .actionItem-container:last-child, 
.actionPanelWide .actionItem-container:last-child
{
	/*float: right;*/
}


.actionPanelInBody .actionItem-container{
	clear: both;
    min-height: 32px;
    margin-bottom: 10px;
}

.actionPanel .actionItem-container:hover, 
.actionPanelWide .actionItem-container:hover
{
	cursor:pointer;
	bottom:4px;
}

.actionPanel .actionItem-container:hover .actionItem, 
.actionPanelWide .actionItem-container:hover .actionItem
{
	border: 1px solid #d86d6d;
	box-shadow: inset 0px 0px 22px -6px #e08383, 0px 0px 12px -5px #000;
}

.actionPanel .actionItem-container-disabled:hover, 
.actionPanelWide .actionItem-container-disabled:hover {
    cursor: cursor:not-allowed !important;
    bottom: 0px;
}

.actionPanel .actionItem-container-disabled:hover .actionItem, 
.actionPanelWide .actionItem-container-disabled:hover .actionItem
{
	/*override to normal here*/
}

.actionPanel .actionItem, 
.actionPanelWide .actionItem
{
	border-radius: 3px;
    box-shadow: inset 0px 0px 18px -3px #c3c3c3, 0px 0px 12px -5px #000;
    border: 1px solid #aabba5;
    padding: 6px;
}

/* disabled version */



/* show the tips on hover */
.actionPanel .actionItem:hover .actionItem-label-container, 
.actionPanelWide .actionItem:hover .actionItem-label-container
{
	display:block;
}

.actionPanel .actionItem .actionItem-label-container, 
.actionPanelWide .actionItem .actionItem-label-container
{
	display: none;
    position: absolute;
    width: auto;
    left: 0px;
    background-color: #2e3638;
    padding:6px 10px;
    white-space: nowrap;
    border-radius: 4px;
    box-shadow: 0px 0px 7px -2px #000;
    top: -39px;
    color: #888;
    font-size: .9em;
    font-weight: 200;
}
.actionPanel .actionItem .actionItem-label-container::after, 
.actionPanelWide .actionItem .actionItem-label-container::after{
	content: "";
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 8px solid #2e3638;
    top: 30px;
    position: absolute;
    left: 13px;
    animation-name: none;
}


.actionPanelInBody .actionItem-label-container{
	padding-top:8px;	
}

.actionPanel .actionItem .actionItem-label-container a, 
.actionPanelWide .actionItem .actionItem-label-container a
{
	color:#fff;
}
.actionPanel .actionItem .actionItem-label-container a:hover, 
.actionPanelWide .actionItem .actionItem-label-container a:hover
{
	text-decoration:none;
}

.actionPanel h5 , 
.actionPanelWide h5, 
.actionPanelInBody h5
{
	display:none;
}

.actionPanel ul, .actionPanelWide ul
{
	padding-left:28px;
}

.actionPanel li, .actionPanelWide li
{
	margin-bottom:4px;
}

.actionPanel .actionPanelContainer, 
.actionPanelWide .actionPanelContainer
{
	margin-bottom:0px;
}

.actionPanel .bottom, 
.actionPanelWide .bottom
{
	
}

.actionPanel img.topWide {
	display:none;	
}

.actionPanelWide img.topNormal {
	display:none;	
}

.actionPanel .actionItem img.icon-actionpanel-hasOverlay, 
.actionPanelWide .actionItem img.icon-actionpanel-hasOverlay
{
	position:absolute;
}
.actionPanel .actionItem .actionItem-icon-container, 
.actionPanelWide .actionItem .actionItem-icon-container
{
	width:26px;
	height:26px;
}

.actionPanelInBody .actionItem .actionItem-icon-container{
	width:32px;
	height:32px;
	float:left;
	margin-right:8px;
}

.actionPanel .actionItem-container img.icon-actionpanel, 
.actionPanelWide .actionItem-container img.icon-actionpanel
{
	position:relative; 
	vertical-align:middle; 
	opacity:.8;
}

.actionPanel .actionItem-container-disabled img.icon-actionpanel, 
.actionPanelWide .actionItem-container-disabled img.icon-actionpanel
{
	position:relative; 
	vertical-align:middle; 
	opacity:.2;
}

.actionPanel .actionItem-container:hover img.icon-actionpanel, 
.actionPanelWide .actionItem-container:hover img.icon-actionpanel
{
	opacity:1;
}

.actionPanel .actionItem-container-disabled:hover img.icon-actionpanel, 
.actionPanelWide .actionItem-container-disabled:hover img.icon-actionpanel
{
	opacity:0.2;
}


/* get rid of the images */

.actionPanel .topNormal, 
.actionPanelWide .topWide, 
.actionPanel .topWide, 
.actionPanelWide .topWide
{
	display:none;	
}



input[type="button"], 
input[type="submit"]{
	font-weight: 500;
	padding: 8px 14px;
	color: #fff;
	border: 0px;
	border-radius: 2px;
	margin-right:10px;
	min-height:42px;
	transition:all;
	transition-duration:.2s;
	background-color: #8197a9;
    cursor: pointer;
    box-shadow:	inset 0px -25px 24px -20px #4b5965, 0px 0px 10px -4px #000;
	margin-bottom: 8px;
}



input[type="button"]:hover,
input[type="submit"]:hover
{
	background-color: #759ab9;
	box-shadow:inset 0px -25px 24px -20px #3f5e79;
}

input[type="button"]:disabled,
input[type="submit"]:disabled{
	background-color: #b7b7b7;
    color: #fafafa;
    cursor: not-allowed;
    box-shadow: 0px 0px 7px -2px rgba(0, 0, 0, 0.45);
}

input[type="button"].search,
input[type="submit"].search,
button.search {
    background-image: url(/_images/interface/btnSearch.png) !important;
    background-repeat: no-repeat;
    background-position: 4px 4px;
    height: 32px;
    width: 32px;
    padding: 0px;
    margin: 0px;
    min-height: 0px;
    vertical-align: middle;
	color:transparent;
}

input[type="button"].save,
input[type="submit"].save,
button.save{
	background-image: url(/_images/interface/btnSubmit.png) !important;
	background-repeat: no-repeat;
	background-position: 8px 8px;
	padding-top: 12px;
	padding-right: 20px;
	padding-bottom: 12px;
	padding-left: 38px;
	
}

input[type="button"].upload,
input[type="submit"].upload,
button.upload
{
	background-image: url(/_images/interface/btnUpload.png) !important;
	background-repeat: no-repeat;
	background-position: 8px 8px;
	padding-top: 12px;
	padding-right: 20px;
	padding-bottom: 12px;
	padding-left: 38px;
	
}
input[type="button"].cancel,
input[type="submit"].cancel,
button.cancel
{
	background-image: url(/_images/interface/btnCancel.png) !important;
	background-repeat: no-repeat;
	background-position: 8px 8px;
	padding-top: 12px;
	padding-right: 20px;
	padding-bottom: 12px;
	padding-left: 38px;
	
}

input[type="button"].enroll,
input[type="submit"].enroll,
button.enroll
{
	background-image: url(/_images/interface/btnEnroll.png) !important;
	background-repeat: no-repeat;
	background-position: 8px 8px;
	padding-top: 12px;
	padding-right: 20px;
	padding-bottom: 12px;
	padding-left: 38px;
	
}

input[type="button"].locked,
input[type="submit"].locked,
button.cancel
{
	background-image: url(/_images/interface/btnLocked.png) !important;
	background-repeat: no-repeat;
	background-position: 8px 8px;
	padding-top: 12px;
	padding-right: 20px;
	padding-bottom: 12px;
	padding-left: 38px;
	
	
}

input[type="button"] img, 
button img
{
	vertical-align:middle;
	margin-right:4px;
}

/** INLINE BACK ARROW **/

button.inline-back-arrow
{
	cursor: pointer;
	color: transparent;
	border: 0;
	background: none;
	/* position: absolute; */
	width: 16px;
	left: 2px;
	height: 20px;
	vertical-align: middle;
	transition:all;
	transition-duration:.2s;
}
button.inline-back-arrow:before
{
	content: " ";
	border: solid #DAB600;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	position: absolute;
	border-width: 0px 0px 3px 3px;
	height: 7px;
	width: 7px;
	transition:all;
	transition-duration:.2s;
}
button.inline-back-arrow:hover
{
	width:19px;
}
button.inline-back-arrow:hover:before
{
	transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
		
}

/*

GENERAL

*/

table.smallCalendar
{
	width: 100%;
    box-shadow: 0px 0px 14px -7px #000;
}

table.smallCalendar, 
table.largeCalendar
{
	border-spacing:0px;
}
	
table.smallCalendar thead tr, 
table.largeCalendar thead tr
{
	background-color:#c1cbdc;
}
	
table.smallCalendar thead td, 
table.largeCalendar thead td 
{
	text-align:center;
	vertical-align:middle;
	color:#536a93;
	white-space:nowrap;
	padding: 8px;
    font-size: 0.8em;
    font-weight: 500;
}
	
table.smallCalendar thead td.first, 
table.largeCalendar thead td.first 
{
}
	
table.smallCalendar thead td.last, 
table.largeCalendar thead td.last 
{
	
}

table.smallCalendar tbody td, 
table.largeCalendar tbody td 
{
	margin: 0px;
    width: 14.5%;
	font-size: .8em;
	border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

table.smallCalendar tbody td:last-child, 
table.largeCalendar tbody td:last-child 
{
	border-right: 1px solid #ddd;
}

table.smallCalendar tbody td .day, 
table.largeCalendar tbody td .day
{
	margin:5px;
	min-height:45px;
	position:relative;
}

table.smallCalendar tbody td .dayNum, 
table.largeCalendar tbody td .dayNum 
{
	font-weight:400;
}

table.smallCalendar tbody td.today, 
table.largeCalendar tbody td.today {
	background-color:#417596;
	border:0px;
}

table.smallCalendar tbody td.today .dayNum, 
table.largeCalendar tbody td.today .dayNum{
	color:#fff;
	font-weight:700;
}

table.smallCalendar tbody td.today .icon-smallcalendar, 
table.largeCalendar tbody td.today .icon-largecalendar{
	filter: brightness(0%) invert(100%);
}

table.smallCalendar tbody td.othermonth, 
table.largeCalendar tbody td.othermonth {
	background-color:#e8e8e8;
}

table.smallCalendar tbody td.othermonth .dayNum, 
table.largeCalendar tbody td.othermonth .dayNum{
	color:#c4c4c4;
}

table.smallCalendar tbody td.first, 
table.largeCalendar tbody td.first 
{
	border-left:1px solid #939073;
}

table.smallCalendar tbody td.last, 
table.largeCalendar tbody td.last 
{
	border-right:1px solid #939073;
}
	
table.smallCalendar tbody td .float, 
table.largeCalendar tbody td .float
{
	display:none;
	position:absolute; 
	padding:8px; 
	background-color:#fff;
	border:1px solid #568fb5;
	margin:0px;
	box-shadow: 0px 0px 12px -4px #000;
	border-radius:3px;
	z-index:100;
}	

table.smallCalendar tbody td .float div, 
table.largeCalendar tbody td .float div
{
	margin-bottom:2px;
}	
	
table.smallCalendar tbody td .eventlink ,
table.largeCalendar tbody td .eventlink {
	position:relative;
}

table.smallCalendar tbody td .eventlink:hover .float,
table.largeCalendar tbody td .eventlink:hover .float{
	display:block;
}

/*

SMALL CALENDAR

*/

table.smallCalendar thead td .long {
	display:none;
}
	
table.smallCalendar tbody tr 
{
	height:30px;
}

table.smallCalendar tbody td .dayNum {
	
}

table.smallCalendar tbody div.img
{
	background-image:none;
	cursor:pointer;
	#width:16px;
	#height:16px;
	margin:0px;
	margin-left:4px;
	padding:0px;
}

table.smallCalendar tbody div.float div
{
	background-image:none;
	padding:0px;
}

table.smallCalendar tbody div.course
{
	background-image:url(/_images/icons/16/course.16.png);
}

table.smallCalendar tbody div.classroom
{
	background-image:url(/_images/icons/16/classroom.16.png);
}
	
table.smallCalendar tbody div.webmeeting
{
	background-image:url(/_images/icons/16/webmeeting.16.png);
}

/*

LARGE CALENDAR

*/

table.largeCalendar thead td .short 
{
	display:none;
}

table.largeCalendar tbody tr 
{
	height:80px;
}

table.largeCalendar tbody td .dayNum {
	margin-top:0px;
	margin-right:0px;
	margin-bottom:4px;
	margin-left:4px;
}

table.largeCalendar tbody div.img
{
	width:24px;
	height:24px;
	margin-top:0px;
	margin-right:4px;
	margin-bottom:4px;
	margin-left:4px;
	
}
	
table.largeCalendar tbody div.course
{
	background-image:url(/_images/icons/24/course.24.png);
}

table.largeCalendar tbody div.classroom
{
	background-image:url(/_images/icons/24/classroom.24.png);
}
	
table.largeCalendar tbody div.webmeeting
{
	background-image:url(/_images/icons/24/webmeeting.24.png);
}




.CarouselContainer{
	width: 100%;
	overflow-x: hidden; 
	position: relative;
}

.CarouselContainer .Carousel{
	list-style: none; 
	padding: 0px; 
	position: relative; 
	transition: left 0.5s, right 0.5s; 
}
	
.CarouselContainer .Carousel .CarouselItem{
	position: relative; 
	float: left; 
}

#color-picker div
{
	margin-bottom:0px;	
}

.picker-cube-pixel {
	float: left;
	overflow: hidden;
	margin-top:1px; 
	margin-right:1px; 
	margin-bottom:0px;
	margin-left:0px; 
	display: block;
	cursor: default;
}

.picker-cube { 
	float: left; 
	overflow: hidden;
}

.picker-landing {
	background-color: #000;
	border-bottom: 1px solid #000;
	position: absolute;
	overflow: hidden;
}

.picker-fixed-colors {
	float: left;
	overflow: hidden;
}

.picker-cube-landing {
	float: left;
	overflow: hidden;
	border-left: 1px solid #000;
}

.picker-clear {
	float: none;
	clear: both;
	#font-size: 1px;
	line-height: 0%;
	height: 0%;
	width: 1px;
	overflow: hidden;
}

.picker-header {
	text-align:left;
	background-color: #ece9d8;
	height: 26px;
	#font-size: 11px;
	overflow: hidden;
	position: relative;
	border: 1px solid #000;
	border-bottom: none;
}

.picker-sample {
	position: absolute;
	margin: 3px 4px;
	border: 1px solid #666;
	width: 40px;
	height: 17px;
	#font-size: 1px;
	overflow: hidden;
	cursor: move;
}

.picker-text-value {
	display: block;
	position: absolute;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 48px;
	padding: 0 2px;
	width: 65px;
	height: 17px;
	overflow: hidden;
	background-color: #fff;
	border: 1px solid #79b;
	font: normal 11px/1.5em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	cursor: text;
}

.picker-icon {
	position: absolute;
	display: block;
	padding: 0 6px 2px;
	height: 12px;
	cursor: pointer;
	top: 5px;
}

.picker-icon-cube {
	left: 130px;
	background: url(/_images/picker/icon-cube.gif) no-repeat center;
}

.picker-icon-continious {
	left: 150px;
	background: url(/_images/picker/icon-continious.gif) no-repeat center;
}

.picker-icon-rainbow {
	left: 170px;
	background: url(/_images/picker/icon-rainbow.gif) no-repeat center;
}

.picker-icon-grayscale {
	left: 190px;
	background: url(/_images/picker/icon-grayscale.gif) no-repeat center;
}

.picker-grayscale-landing {
	border-left: 1px solid #000;
}

.picker-rainbow-landing {
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	background-color: #fff;
	overflow: hidden;
	#font-size: 1px;
	line-height: 0%;
	height: 100px;
}

.picker-rainbow-pixel {
	#font-size: 1px;
	width: 2px;
	height: 100px;
	overflow: hidden;
	float: left;
}

.picker-close-icon {
	position: absolute; 
	right: 1px;
	top: 0;
	width: 11px;
	height: 11px;
	overflow: hidden;
	#font-size: 1px;
	background: url(/_images/picker/icon-close.gif) no-repeat;
	cursor: pointer;
}

.picker-load-cube {
	width: 230px;
	height: 131px;
	overflow: hidden;
	background: url(/_images/picker/load-cube.png) no-repeat right #000;
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	cursor: default;
}

.columnize-2{
-moz-column-width: 300px;
-webkit-column-width: 300px;
column-width: 300px;

-webkit-column-count: 2; /* Chrome, Safari, Opera */
-moz-column-count: 2; /* Firefox */
column-count: 2;

-webkit-column-gap: 30px; /* Chrome, Safari, Opera */
-moz-column-gap: 30px; /* Firefox */
column-gap: 30px;

}

.columnize-3{
-moz-column-width: 300px;
-webkit-column-width: 300px;
column-width: 300px;

-webkit-column-count: 3; /* Chrome, Safari, Opera */
-moz-column-count: 3; /* Firefox */
column-count: 3;

-webkit-column-gap: 30px; /* Chrome, Safari, Opera */
-moz-column-gap: 30px; /* Firefox */
column-gap: 30px;

}

.columnize-2 div.column,
.columnize-3 div.column{
	break-inside:avoid;
}

/** FLOAT Columns (alternative method)**/

.float-columns {
	clear:both;
}

.float-columns>.float-column-30,
.float-columns>.float-column-40,
.float-columns>.float-column-50,
.float-columns>.float-column-60,
.float-columns>.float-column-70{
	float: left;
    padding:0px;
	margin-bottom:40px;
	position:relative;
 }

 .float-columns>.float-column-30{
	/*min-width: 180px;*/
	width: calc(30% - 15px);
 }
 
 .float-columns>.float-column-40{
	/*min-width: 240px;*/
	width: calc(40% - 15px);
 }
 
 .float-columns>.float-column-50{
	/*min-width: 300px;*/
	width: calc(50% - 15px);
 }

 .float-columns>.float-column-60{
	/*min-width: 360px;*/
	width: calc(60% - 15px);
 }
 
.float-columns>.float-column-70{
	/*min-width: 420px;*/
	width: calc(70% - 15px);
 }
 
.float-columns>div:first-child{
	padding-right:14px;
	border-right:1px solid #ddd;
}

/** dont use last-child. clearfix element sometimes required to be last child **/
.float-columns>div:nth-child(2){
	padding-left:15px;
}

@media screen and (max-width: 770px) {
	.float-columns>.float-column-30, 
	.float-columns>.float-column-30:first-child, 
	.float-columns>.float-column-30:nth-child(2),
	.float-columns>.float-column-40, 
	.float-columns>.float-column-40:first-child, 
	.float-columns>.float-column-40:nth-child(2),
	.float-columns>.float-column-50, 
	.float-columns>.float-column-50:first-child, 
	.float-columns>.float-column-50:nth-child(2),
	.float-columns>.float-column-60, 
	.float-columns>.float-column-60:first-child, 
	.float-columns>.float-column-60:nth-child(2),
	.float-columns>.float-column-70, 
	.float-columns>.float-column-70:first-child, 
	.float-columns>.float-column-70:nth-child(2) {
		width: 100%;
		float: none;
		padding:0px;
		border:none;
		margin-bottom:0px;
	}	
	
	.float-columns>.float-column-30:nth-child(2),
	.float-columns>.float-column-40:nth-child(2),
	.float-columns>.float-column-50:nth-child(2),
	.float-columns>.float-column-60:nth-child(2),
	.float-columns>.float-column-70:nth-child(2){
		margin-bottom:20px;
	}	
}


/** FLOAT Columns NARROW (alternative method)**/

.float-columns-narrow {
	clear:both;
}

.float-columns-narrow .float-column-30,
.float-columns-narrow .float-column-40,
.float-columns-narrow .float-column-50,
.float-columns-narrow .float-column-60,
.float-columns-narrow .float-column-70{
	float: left;
    padding:0px;
	margin-bottom:40px;
 }

 .float-columns-narrow .float-column-30{
	min-width: 120px;
	width: calc(30% - 15px);
 }
 
 .float-columns-narrow .float-column-40{
	min-width: 160px;
	width: calc(40% - 15px);
 }
 
 .float-columns-narrow .float-column-50{
	min-width: 200px;
	width: calc(50% - 15px);
 }

 .float-columns-narrow .float-column-60{
	min-width: 240px;
	width: calc(60% - 15px);
 }
 
.float-columns-narrow .float-column-70{
	min-width: 280px;
	width: calc(70% - 15px);
 }
 
.float-columns-narrow .float-column-30:first-child, 
.float-columns-narrow .float-column-40:first-child, 
.float-columns-narrow .float-column-50:first-child, 
.float-columns-narrow .float-column-60:first-child, 
.float-columns-narrow .float-column-70:first-child {
	padding-right:14px;
	border-right:1px solid #ddd;
}
.float-columns-narrow .float-column-30:nth-child(2),
.float-columns-narrow .float-column-40:nth-child(2),
.float-columns-narrow .float-column-50:nth-child(2),
.float-columns-narrow .float-column-60:nth-child(2),
.float-columns-narrow .float-column-70:nth-child(2) {
	padding-left:15px;
}


@media screen and (max-width: 500px) {
	.float-columns-narrow .float-column-30, 
	.float-columns-narrow .float-column-30:first-child, 
	.float-columns-narrow .float-column-30:nth-child(2),
	.float-columns-narrow .float-column-40, 
	.float-columns-narrow .float-column-40:first-child, 
	.float-columns-narrow .float-column-40:nth-child(2),
	.float-columns-narrow .float-column-50, 
	.float-columns-narrow .float-column-50:first-child, 
	.float-columns-narrow .float-column-50:nth-child(2),
	.float-columns-narrow .float-column-60, 
	.float-columns-narrow .float-column-60:first-child, 
	.float-columns-narrow .float-column-60:nth-child(2),
	.float-columns-narrow .float-column-70, 
	.float-columns-narrow .float-column-70:first-child, 
	.float-columns-narrow .float-column-70:nth-child(2){
		width: 100%;
		float: none;
		padding:0px;
		border:none;
	}	
}

.cookie-consent-container{
	overflow: hidden;
    position: fixed;
    bottom: 0px;
    height: 130px;
    width: 100%;
}
	
.cookie-consent-outer{
	position: fixed;
    bottom: -150px;
    background-color: #383b58;
    width: 100%;
    color: #fff;
	z-index:1000;
}
.cookie-consent-roll-in{
	animation-name:cookie-consent-roll-in;
	animation-duration:.5s;
	animation-delay: 1s;
	animation-fill-mode:forwards;
}
.cookie-consent-roll-out{
	animation-name:cookie-consent-roll-out;
	animation-duration:.35s;
	animation-fill-mode:forwards;
}

.cookie-consent-inner{
	display:flex;
	margin: 16px 50px;
}

.cookie-consent-inner div:first-child{
	flex:auto;
	margin-right: 20px;
}
.cookie-consent-inner div:last-child{
	margin: auto 0px;
}

.cookie-consent-inner .headline{
	font-weight:700;
	font-size:.9em;
	margin-bottom:10px;
}

.cookie-consent-inner .text,
.cookie-consent-inner .selectors{
	font-size:.8em;
	margin-bottom:10px;
}

.cookie-consent-inner button{
	border: 1px solid #b3b6d6;
    background-color: #3d4273;
    color: #fff;
    padding: 7px 36px;
    border-radius: 3px;
    cursor: pointer;
    box-shadow: 0px 0px 17px -4px #000;
}

@keyframes cookie-consent-roll-in{
	from{bottom:-300px;}
	to {bottom:0px;}
}

@keyframes cookie-consent-roll-out{
	from{bottom:0px;}
	to {bottom:-300px;}
}

@media screen and (max-width: 900px) {

}

@media screen and (max-width: 640px) {
	.cookie-consent-container{
		height:120px;
	}
	.cookie-consent-outer{
		bottom:-300px;
	}
	.cookie-consent-inner{
		font-size:.7em;
		margin:25px 25px;
	}
	.cookie-consent-inner button{
		padding:7px 20px;
	}
	.cookie-consent-inner .headline{
		font-size:1em;
	}

	.cookie-consent-inner .text,
	.cookie-consent-inner .selectors{
		font-size:1em;
	}
}.catalog-course-details{
	
}

.catalog-course-details .enroll-ratings{
	float:left;
	margin-bottom:10px;
}

.catalog-course-details .enroll-ratings .milestone{
	font-size:1.2em;
}



.catalog-course-details .enroll-ratings .milestone .label{
	font-weight:500;
}
	
.catalog-course-details .enroll-ratings>div{
	vertical-align:middle;
	display:inline-block;
	margin-right:20px;
}

@media only screen and (max-width:750px){
	
	.catalog-course-details .enroll-ratings .milestone{
		font-size:1em;
		
	}
	
	.catalog-course-details .enroll-ratings>div{
		vertical-align:middle;
		display:block;
		margin-right:0px;
		padding-left:0px;
		border-left:none;
		margin-bottom:20px;
	}

}

.catalog-course-details .enroll-ratings div:first-child{
	
}
		
.catalog-course-details .rating-container{
	display:inline-block;
	vertical-align:middle;
	border-left: 1px solid #ddd;
    padding-left: 20px;
}

.catalog-course-details .group div:last-child,
.catalog-course-details .group p:last-child{
	margin-bottom:0px;
}
	
.catalog-course-details .description{
	margin-bottom:20px;
}

.catalog-course-details .screenlist{
	margin-bottom:20px;
}

.catalog-course-details .lessons, 
.catalog-course-details .prerequisites,
.catalog-course-details .objectives{
	margin-bottom:40px;
}

.catalog-course-details .group{
	background-color: #e8e8e8;
    padding: 16px 26px;
    margin-bottom: 20px;
    border-radius: 2px;
}

.catalog-course-details .price-group{
	margin-bottom:8px; /* to match enroll button */
}

.catalog-course-details .price{
	font-size: 1.3em;
    vertical-align: middle;
    bottom: 8px;
    font-weight: 500;
}
	
.catalog-course-details .parameters{
	margin-bottom:20px;
}
	
.catalog-course-details .parameter{
	display: inline-block;
    border-left: 1px solid #ccc;
    padding-left: 10px;
    margin-left: 10px;
	font-size: .87em;
}

.catalog-course-details .parameter:first-child{
	margin-left:0px;
	padding-left:0px;
	border-left:0px;
}
	
@media only screen and (max-width:750px){
	.catalog-course-details .parameter:first-child{
		margin-left: 20px;
		text-indent:-20px;
	}
	.catalog-course-details .parameter{
		display: block;
		border-left: none;
		padding-left: 0px;
		margin-left: 20px;
		text-indent:-20px;
		font-size: .87em;
	}
}

.catalog-course-details .parameter .name{
	font-weight:500;
}

.catalog-course-details .parameter .value{
	
}

	
.catalog-course-details .expert-avatar{
	float:left;
}

.catalog-course-details .expert-name{
	margin-left:42px;
}
		
.catalog-course-details .expert-email{
	margin-left:42px;
	font-size:.8em;
	border-top:1px solid #ddd;
	margin-top:4px;
	padding-top:4px;
}


/** VIEW STATUS **/

.catalog-course-details .enroll-ratings .view-status{
	display: inline-block;
    padding: 12px;
    border-radius: 2px;
    font-weight: 600;
    color: #fff;
    background-color: #999;
    box-shadow: 0px 0px 10px -4px #000;
	
    background-repeat: no-repeat;
    background-position: 12px 8px;
    padding-top: 12px;
	padding-right: 20px;
	padding-bottom: 12px;
	padding-left: 42px;
	
	
}

.catalog-course-details .enroll-ratings .view-status img{
	width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 6px;
}

.catalog-course-details .enroll-ratings .view-status-enrolled{
	background-color:#335d7a;
	background-image: url(/_images/interface/btnSubmit.png) !important;
}
.catalog-course-details .enroll-ratings .view-status-overdue{
	background-color:#a50606;
	background-image: url(/_images/interface/btnAlert.png) !important;
}
.catalog-course-details .enroll-ratings .view-status-completed{
	background-color:#418c36;
	background-image: url(/_images/interface/btnSubmit.png) !important;
}
.catalog-course-details .enroll-ratings .view-status-expired{
	background-color:#a50606;
	background-image: url(/_images/interface/btnExpired.png) !important;
}


/* LISTING ELEMENTS */

.course-catalog-listing h2.label{
	font-size:1.2em;	
}

.course-catalog-listing .item{
	margin-bottom:30px;
}

.course-catalog-listing .item:nth-child(odd){
	
}

.course-catalog-listing .item>.icon{
	float:left;
}

.course-catalog-listing .item>.body{
	padding-top:4px;
	margin-left:40px;
}

.course-catalog-listing .item .userRatingControl{
	margin-bottom:10px;
}

.course-catalog-listing .parameters{
	margin-bottom: 9px;
    background-color: #e0e0e0;
    padding: 4px 8px;
	font-size:.9em;
}
	
.course-catalog-listing .parameter{
	display: inline-block;
    border-left: 1px solid #ababab;
    padding-left: 10px;
    margin-left: 10px;
	font-size: .87em;
}

.course-catalog-listing .parameter:first-child{
	margin-left:0px;
	padding-left:0px;
	border-left:0px;
}
	
.course-catalog-listing .parameter .name{
	font-weight:500;
}

.course-catalog-listing .parameter .value{
	
}



/** SEARCH BOX **/
.catalog-course-details .catalog-search{
	    float: right;
    margin-bottom: 10px;
    /* vertical-align: bottom; */
    position: relative;
    margin-top: 13px;
}

.catalog-course-details .catalog-search .icon-search{
	display:none;
}

.catalog-course-details .catalog-search input[type=text]{
	margin-right:0px;
	font-size:1.2em;
}/* CSS Document */

#tab_catalog_catalogs h2, #tab_catalog_courses h2, #tab_catalog_lessons h2
{
	margin-left:42px;
}

body.courseCatalog .course-detail-info .description
{
	margin-bottom:30px;
}

body.courseCatalog table.courseCatalog-content td
{
	padding-right:20px;
}
body.courseCatalog table.courseCatalog-content td:last-child
{
	padding-right:0px;
}

td.searchCalendarColumn
{
	width:350px;	
}

/*

Catalog Search

*/

body.courseCatalog .pageSearch
{
	margin-left:0px;
	margin-right:0px;
	border-bottom:0px;
	margin-bottom:20px;
}

body.courseCatalog .pageSearch legend
{
	display:none;
}
body.courseCatalog .pageSearch div
{
	white-space: nowrap;
	border: 1px solid #bbb;
	border-radius: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #eee;
	box-shadow: 0px 0px 20px -9px #000;
	padding-top:8px;
	padding-right:0px;
	padding-bottom:8px;
	padding-left:14px;
}
body.courseCatalog .pageSearch .btnSearch
{
	vertical-align:middle;
}

/*

Catalog MAIN Listing


*/
.courseCatalog-catalogsContainer, 
.courseCatalog-coursesContainer, 
.courseCatalog-lessonsContainer{
	margin-top:20px; 
	margin-right:20px; 
	margin-bottom:20px;
	margin-left:10px; 
}

.catalogContainer, 
.courseContainer,
.lessonContainer{
	border-bottom:1px dotted #ccc;
	margin-bottom:15px;
	min-height:48px;
}

.catalogContainer .icon,
.courseContainer .icon,
.lessonContainer .icon{
	float:left;
}

.catalogContainer .shortDescription,
.courseContainer .shortDescription,
.lessonContainer .shortDescription{
	margin-left:42px;
	margin-bottom:15px;
}

.courseContainer .userRatingControl{
	margin-left:42px;
	margin-bottom:6px;
}

/*

catalog expandable session listing

*/

.catalog-lesson-name {
	font-size:1.2em;
}

.catalog-sessions-container {
	transition:all;
	transition-duration:.4s;
	max-height:1000px;
	overflow:hidden;
	
	border-left:6px solid #e0e0e0;
	padding-left:16px;
	margin-top:8px;
}

.catalog-sessions-container .information{
	min-height:24px;
	margin-bottom:10px;
}
.catalog-sessions-container .information img{
	vertical-align:middle;
	margin-right:8px;
}

.catalog-session-container {
	margin-bottom:12px;
	clear:both;
}

.catalog-sessions-container .catalog-session-container:last-child{
	margin-bottom:6px
}

.catalog-session-info-container {
	margin-top:2px;
	margin-bottom:4px;
}
.catalog-session-status-container {
}

.catalog-session-date {
	font-weight:bold;
}
.catalog-session-timezone {
	font-weight:normal;
	display:block;
}

.catalog-session-location {}
.catalog-session-duration {}
.catalog-session-instructor {}
.catalog-session-status-open {
	color:#090;
	margin-right:10px;
}
.catalog-session-status-full {
	color:#d00;
	margin-right:10px;
}
.catalog-session-status-waitinglist .open {
	color:#090;
}

.catalog-session-status-waitinglist .full {
	color:#d00;
}

.catalog-session-restricted-note {
	color:#d00;
}
.catalog-sessions-closed {
	margin-top:0px;
	max-height:0px;
}

/* the div that holds the date picker calendar */
.dpDiv {
	}
 
 
/* the table (within the div) that holds the date picker calendar */
.dpTable {
	##font-family: trebuchet ms;
	#font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}
 
 
/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}
 
 
/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}
 
 
/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}
 
 
/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}
 
 
/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}
 
 
/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}
 
 
/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: black;
	}
 
 
/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}
 
 
/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}
 
 
/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}
 
 
/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: black;
	}
 
 
/* additional style information for the text that indicates the month and year */
.dpTitleText {
	#font-size: 12px;
	color: gray;
	font-weight: bold;
	}
 
 
/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}
 
 
/* the forward/backward buttons at the top */
.dpButton {
	##font-family: trebuchet ms;
	#font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}
 
 
/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	##font-family: trebuchet ms;
	#font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}
.dialog select.searchResults{
	width:100%; 
	height:170px; 
	margin:0px; 
	margin-bottom:12px;
}
.dialog div.selectOptions{
	float:left;
	margin-bottom:10px;
}
.dialog div.processButtons{
	width:100%;
	text-align:right;
	margin-bottom:0;
	float:right;
}

.dialog .pageTitle-container {
	display:none;
}

.dialog .pageContainer {
	padding-top:40px;
}
.dialog .pageContainer+.pageContainer{
	padding-top:0;
}

.dialog .pageTitle {
	font-size:1.8em;
	margin-bottom:12px;
}

.dialog .formTable {
	padding-bottom:0px;
	margin-bottom:10px;
}

.dialog .finalButtons{
	text-align:center;
}

@media only screen and (max-width:640px){

	.dialog .pageContainer-Inner {
		margin-right: 0px;
		margin-left: 0px;
	}
	
}

	.grid-search{
	clear:both;
	border-top: 1px solid #ccc;
    padding-top: 18px;
	/*padding-bottom: 18px;*/
}

.grid-search .search-interface
{
	display:inline-block;
	margin-bottom:10px;
}

.grid-search .page-controls
{
	display:inline-block;
	vertical-align:middle;
	float:right;
	margin-bottom:10px;
}

.grid-search input#search {
    width: 300px;
    font-size: 1.2em;
    margin-right:0px;
}

.grid-search .search-interface>img
{
	display:none;
}

.grid-search .search-interface a.btnClear
{
	/*display:none;*/
}


@media only screen and (max-width:1000px){
	
	.grid-search .page-controls{
		display:block;
		float:none;
	}
	
}

@media screen and (max-width: 640px){

	.dialog .search-interface{
		
	}

	.dialog .search-interface img.icon-search{
		display:none;
	}

	.dialog .search-interface input#search{
		max-width:130px;
	}

	.dialog .search-interface a{
		
	}
	
	.grid-search input#search {
		width:190px;
	}
	
}.home-body-always{
	
}

.home-body-normal{
	
}

.home-body-mobile{
	max-width: 350px;
    margin: auto;
	margin-top:60px;
}

.home-body-mobile .form{
	padding-top:20px;
	padding-right:40px;
	padding-bottom:0px;
	padding-left:40px;
}

.home-body-always .headline,
.home-body-mobile .headline,
.home-body-normal .headline{
	font-size: 1.8em;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

@media screen and (max-width: 640px) {
	
	.home-body-normal{
		display:none;
	}
	.home-body-mobile{
		display:block;
	}

}

@media screen and (min-width: 640px) {
	
	.home-body-normal{
		display:block;
	}
	.home-body-mobile{
		display:none;
	}

}/* CSS Document */

.icon-menu-container {
	/**/
}

.icon-menu-container-inner{
	margin-left:auto;
	margin-right:auto;
}

.administratorMenu .portlet-content .float-column-40,
.administratorMenu .portlet-content .float-column-60{
	margin-bottom:5px;
}

.navIcon
{
	text-align: center;
    width: 115px;
    display: inline-block;
    vertical-align: top;
    font-size: .75em;
    text-transform: uppercase;
    min-height: 100px;
}

.navIcon a
{
	overflow-wrap:break-word;
}



@media only screen and (max-width:1630px){
	
	.icon-menu-container-inner{
		width:calc(120px * 6);
	}
	
}

@media only screen and (max-width:1400px){
	
	.icon-menu-container-inner{
		width:calc(120px * 5);
	}
	
}

@media only screen and (max-width:1170px){
	
	.icon-menu-container-inner{
		width:calc(120px * 4);
	}
	
}

@media only screen and (max-width:940px){
	
	.icon-menu-container-inner{
		width:calc(120px * 3);
	}
	
}

@media only screen and (max-width:750px){
	
	.navIcon{
		width:90px;	
		font-size: .65em;		
	}
	
	.icon-menu-container-inner{
		width:calc(95px * 5);
	}
	
	.administratorMenu .portlet-content .float-column-60{
		border-top: 1px solid #ddd;
		padding-top: 20px;
		margin-top: 20px;
	}
		
}

@media only screen and (max-width:650px){
	
	.icon-menu-container-inner{
		width:calc(95px * 4);
	}
		
}

@media only screen and (max-width:430px){
	
	.icon-menu-container-inner{
		width:calc(95px * 3);
	}
		
}.icon-16,
.icon-tree, 
.icon-intext, 
.icon-smallcalendar, 
.icon-menuedit{
	width:16px;
}

.icon-24,
.icon-iconmenutitle, 
.icon-smallgrid, 
.icon-mobilegrid, 
.icon-bug,
.icon-search,
.icon-list,
.icon-bottomgridactions, 
.icon-gridheader, 
.icon-breadcrumb, 
.icon-message, 
.icon-reporting, 
.icon-screenlistedit{

	width:24px;
}

.icon-32,
.icon-windowedpagetitle, 
.icon-grid, 
.icon-intext-medium, 
.icon-newbutton,
.icon-onpagepanel, 
.icon-mobileonpagepanel, 
.icon-largecalendar, 
.icon-calendarfloater, 
.icon-cataloglist, 
.icon-mobilepagetitle, 
.icon-mobilegrid, 
.icon-mobileonpagemenu, 
.icon-statusmessage, 
.icon-sweet-grid-option, 
.icon-sweet-grid-primary,
.icon-pagetitle-small {
	width:32px;
}

.icon-masthead-menu{
	width:35px;
}

.icon-48,
.icon-pagetitle, 
.icon-intext-large, 
.icon-onpagebutton{
	width:48px;
}

@media screen and (max-width: 480px) {
	.icon-48,
	.icon-pagetitle, 
	.icon-intext-large, 
	.icon-onpagebutton{
		width:32px;
	}
}

.icon-onpagebutton-portlet{
	width:48px;
}
.icon-64{
	width:64px;
}
.icon-128{
	width:128px;
}
/*

SPECIAL CASES

*/

.icon-bug{
	float:left;
}
.icon-bug+p,
.icon-bug+p+p,
.icon-bug+p+div,
.icon-bug+div, 
.icon-bug+div+div, 
.icon-bug+div+p
{
	margin-left:36px;
}
	
.icon-disabled {
	opacity:0.15;
	filter:grayscale(100%);
}

/* Action Panel - buttons with text next to it */
.icon-action-item{
	position: relative;
	width:26px;
}

.icon-action-item-overlay{
	width:16px;
	position:absolute;
	left:10px;
}

.icon-newbutton{
    width: 32px;
    /* position: absolute; */
    /* min-height: 32px; */
    vertical-align: middle;
    margin-right: 8px;
    /* position: relative; */
}

.icon-newbutton-overlay{
	width:16px;
	position:absolute;
	left:24px;
}

.icon-bottomgridactions{
	vertical-align:middle;
	margin-right:6px;
}

.icon-masthead-menu{
	vertical-align:middle;
	opacity:0.5;
    filter: brightness(0%) invert(100%);
	-webkit-filter: brightness(0%) invert(100%);
	-o-filter: brightness(0%) invert(100%);
	-moz-filter: brightness(0%) invert(100%);
	-ms-filter: brightness(0%) invert(100%);
}

.icon-pagetitle, 
.icon-pagetitle-small,
.icon-mobiletitle,
.icon-windowedpagetitle{
	position:relative;
	vertical-align:middle; 
	margin-right:6px;
}

.icon-pagetitle{
	filter: saturate(50%);
}
.icon-pagetitle-small{
	filter: saturate(50%);
	opacity:.5;
}

.icon-mobilepagetitle-overlay{
	position:absolute;
	vertical-align:middle; 
	margin-right:6px;
}

.icon-intext, 
.icon-intext-medium,
.icon-intext-large{
	margin:0px 4px;
	vertical-align:middle;
}

.icon-onpagebutton-portlet{
	/* no sizes here*/
}
.icon-onpagebutton-portlet:hover{
	
}

.icon-search{
	vertical-align:middle; 
	margin-right:8px;
}

.icon-gridheader, 
.icon-grid{
	vertical-align:middle;
	margin-right:6px;
}

.icon-screenlistedit{
	position: absolute;
    top: 0px;
    right: 0px;
    margin-right: -32px;
}

.icon-breadcrumb{
	vertical-aling:middle;
	margin-right:6px;
}
.inlineLabel{
	color: #4381af;
	margin-bottom:6px;
}
.inlineInput{
	
}/* PAGE TOP TEXT: breadcrumb, logged in, headlines, etc */

.fullContainer .languageSelectorContainer{
	float: right;
    font-size: .8em;
    margin-right: 50px;
}

@media screen and (max-width: 640px) {
	
	.fullContainer .languageSelectorContainer{
		display:none;		
	}
	
}table.leaderboard {
	margin-bottom:10px;
	border:1px solid #a9a9a9;
	border-top:none;
	box-shadow:0px 0px 7px -3px #000;
	border-spacing:0px;
	padding:0px;
	width:100%;
	
	}
table.leaderboard thead tr {
	background-color:#999;
	}
table.leaderboard thead td {
	padding: 0px 8px;
	height:34px;
	font-family:'Exo 2', tahoma, Geneva, sans-serif;
	color:#ddd;
	white-space:nowrap;
	vertical-align:middle;
	}

table.leaderboard thead td:last-child{
	text-align:center;
	}
	
/* row colors alternate */

table.leaderboard tbody tr:nth-child(even) {
	background-color:#fff;
}
table.leaderboard tbody tr:nth-child(odd) {
	background-color:#f3f3f3;
}

/* HIGHTLIGHT */
table.leaderboard tbody tr.hl
{
	background-color:#fcf4c6;
}
table.leaderboard tbody tr.hl td 
{
	font-weight:bold;
	border-bottom:1px solid #DBD087;
}

/* trophy image */

table.leaderboard tbody td img
{
	vertical-align:middle;
	margin-right:6px;
}

table.leaderboard tbody tr:last-child td
{
	border-bottom:none;
}
table.leaderboard tbody td {
	height:26px;
	vertical-align:middle;
	border-bottom:1px solid #e0e0e0;
	padding:0px 8px;
}

table.leaderboard tbody td:first-child {
	width:5px;
	padding:3px 8px;
	}
table.leaderboard tbody td:last-child {
	text-align:center;
	}
	
table.leaderboard td p {
	margin-top:0px; 
	margin-right:0px; 
	margin-bottom:4px;
	margin-left:0px; 
	}
	
@charset "utf-8";
/* CSS Document */

.listbox_container {
	margin-bottom:4px;
	width:85%; 
	border:1px solid #cccccc; 
	padding:4px; 
	overflow-y:scroll;
}
.listbox_container div {margin-bottom:4px;}.menubar-container-l4{
	position: fixed;
    top: 52px;
    width: 100%;
    background-color: #fff;
    z-index: 98;
    /*box-shadow: 0px 0px 12px -2px #000;*/
    /*font-family: 'Roboto Condensed';*/
    font-weight: 400;
    text-transform: uppercase;
    font-size: .8em;
    transition: top .2s;
    transition-timing-function: ease-out;
	border-bottom: 2px solid #9a9a9a;
	padding-left:50px;
}

@media screen and (max-width: 640px) {
	.menubar-container-l4{
		display:none;
	}
}

.menubar-container-l4 .innerContainer{
	position:relative;
	margin-right:50px;
	margin-left:50px;
}

.menubar-container-l4 .menubarButton
{
	float:left;
	margin:0px;
	padding: 10px 12px;
	cursor:pointer;
	color:#8e8e8e;
}

.menubar-container-l4 .menubarButton:hover{
	background-color:#f1f1f1;
	padding-bottom:5px;
	border-bottom:5px solid #c76447;
	color:#c76447;
}

.menubar-container-l4 .menubarButton a{
	color:#888;
}
.menubar-container-l4 .menubarButton a:hover{
	text-decoration:none;
}

.menubar-container-l4 .language-container{
	float: right;
    font-size: .85em;
    color: #c8c9cd;
	margin-top:8px;
}


/*  PREVIEW */

.menubar-container-preview{
	min-height: 35px;
    width: auto;
    top: 0px;
    position: relative;
    margin-bottom: 20px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.menubar-container-preview:hover{
	top: 0px;
}

.menubar-container-preview a{
	display:inline-block;
}

.h2-menubar-preview{
	display:inline-block;
	margin-right:15px;
}
.menubar-preview-new-button{
	display:inline-block;
}

.menubar-container-l4.menubar-container-preview{
	top:0 !important;
	z-index:95; /* one down to ensure the preview is below the live menu*/
}
	.mini-lyticContainer{
	color:#666;
	position:relative;
	margin-bottom:20px;
}

.portlet-content .mini-lyticContainer{
	margin-bottom:20px;
}

.portlet-content div.mini-lyticContainer:last-child{
	margin-bottom:0px;
}


#admin-home .portlet-content .mini-lyticCarousel{
	float:left;
	width:30%;
	min-width:380px;
	font-weight:300;
	border-right:1px solid #dddddd;
	margin-right:20px;
}

#admin-home .portlet-content .mini-lyticContainer{
	font-size:1em;
}

@media screen and (max-width: 920px) {
	#admin-home .portlet-content .mini-lyticCarousel
	{
		float: none;
		border-right: none;
		border-bottom: 1px solid #ddd;
		padding-bottom: 20px;
		margin-bottom: 30px;
		margin-right:0px;
		width: 100%;
	}
}

.portlet-content .mini-lyticContainer:last-child{
	/*margin-bottom:20px;*/
}

.mini-lyticContainer .titleContainer{
	margin-bottom:18px;
}
.mini-lyticContainer .mini-title{
	font-size: .9em;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    color: #929292;
}
.mini-lyticContainer .mini-subtitle{
	font-size:1em;
	text-align:center;
}

.mini-lyticContainer .mini-label{
	font-size:1.2em;
	font-weight:500;
	text-align:left;
}
.mini-lyticContainer .mini-text{
	margin-bottom:8px;
}

.mini-lyticContainer .canvasContainer-pie, 
.mini-lyticContainer .canvasContainer-doughnut,
.mini-lyticContainer .canvasContainer-line{
	float:left;
	width:40%;
	text-align:right;
}
.mini-lyticContainer .canvasContainer-line{
	width:280px;	
	height:150px
}

.mini-lyticContainer .canvasContainer-pie canvas, 
.mini-lyticContainer .canvasContainer-doughnut canvas,
.mini-lyticContainer .canvasContainer-line canvas{
	float:right;
}

.mini-lyticContainer.simple-pie canvas,
.mini-lyticContainer.simple-line canvas,
.mini-lyticContainer.simple-doughnut canvas{
	float:none;
}



.mini-lyticContainer .pieLegend,
.mini-lyticContainer .doughnutLegend {
	float:left;
	width:60%;
	text-align:left;
	font-size: .85em;
    font-weight: 500;
	margin-top:10px;
}
.mini-lyticContainer .pieLegend ul,
.mini-lyticContainer .doughnutLegend ul{
	padding-left:0px;
	margin-left:20px;
}
.mini-lyticContainer .pieLegend li, 
.mini-lyticContainer .doughnutLegend li{
	list-style-type:none;
	margin-bottom:4px;
}
.mini-lyticContainer .pieLegend span,
.mini-lyticContainer .doughnutLegend span{
	display:inline-block;
	width:13px;
	height:13px;
	margin-right:6px;
	margin-bottom:-2px;]
}


.mini-lyticContainer.simple-doughnut  .titleContainer{
	margin-bottom:12px;
}
	
.mini-lyticContainer.simple-doughnut  .canvasContainer-pie, 
.mini-lyticContainer.simple-doughnut  .canvasContainer-doughnut{
	width:100%;	
	/*height:100px;	*/
	position:relative;
	margin-bottom:12px;
}

.mini-lyticContainer.simple-doughnut  .caption{
	position: absolute;
    top: 40px;
    font-size: 1.1em;
	font-weight:700;
	color:#848484;
    width: 100%;
    text-align: center;
}
.mini-lyticContainer.simple-doughnut  .text{
	clear:both;
    text-align: center;
    font-size: .8em;
	margin-top:8px;
}

.mini-lyticContainer.simple-doughnut .text span{
	margin-right: 6px;
}

.mini-lyticContainer.simple-doughnut .text .key{
    background-color: #8e1f1f;
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
}


@media only screen and (max-width:500px){
	.mini-lyticContainer .canvasContainer-pie, 
	.mini-lyticContainer .canvasContainer-doughnut,
	.mini-lyticContainer .canvasContainer-line,
	.mini-lyticContainer .pieLegend,
	.mini-lyticContainer .doughnutLegend {
		float:none;
	}
	
	.mini-lyticContainer .canvasContainer-pie, 
	.mini-lyticContainer .canvasContainer-doughnut,
	.mini-lyticContainer .canvasContainer-line{
		width:100%;
		margin-bottom: 20px;
	}

	.mini-lyticContainer .pieLegend,
	.mini-lyticContainer .doughnutLegend {
		width:100%;
		text-align:center;
	}
	
	.mini-lyticContainer .canvasContainer-pie canvas, 
	.mini-lyticContainer .canvasContainer-doughnut canvas,
	.mini-lyticContainer .canvasContainer-line canvas{
		float:none;
	}
	
	.mini-lyticContainer .pieLegend ul,
	.mini-lyticContainer .doughnutLegend ul{
		margin-left:0px;
		margin-bottom:0px;
		display: inline-block;
		text-align: left;
	}

}
/*

GRID  Mini-lytics

*/

.grid-analytic-container {
	clear: both;
    display: inline-block;
    vertical-align: top;
    min-width: 200px;
    margin-right: 16px;
}

.grid-analytic-container .mini-lyticContainer .mini-lyticContainer-inner{
	padding:10px 20px;
}

@media only screen and (max-width:640px){
	.grid-analytic-container {
		display:none;
	}
}

.grid-analytic-container .mini-lyticContainer{
	border: 1px solid #ccc;
    margin-right: 3%;
    box-shadow: 0px 0px 9px -5px #000;
    background: linear-gradient(to bottom, #f5f5f5,#e8e8e8);
	border-top:2px solid #841c26;
	min-height:130px;
}
.grid-analytic-container .mini-lyticContainer:last-child{
	margin-right:0;
}
.grid-analytic-container .titleContainer {
    margin-bottom: 12px;
}
.grid-analytic-container .mini-lyticContainer-inner{
	text-align:center;
}
.grid-analytic-container .mini-block{
    text-align: center;
    display: inline-block;
	border-right: 1px solid #ddd;
    padding-right: 20px;
    margin-right: 20px;
}	
.grid-analytic-container .mini-block:last-child{
	border-right: none;
    padding-right: 0;
    margin-right: 0;
}

.grid-analytic-container .mini-label{
	font-size: 1em;
    font-weight: 300;
	text-align:center;
}
.grid-analytic-container .mini-text{
    font-size:1.8em;
}	

.mini-lyticPrevious,
.mini-lyticNext{
	position: absolute;
    top: 66px;
    z-index: 90;
    box-shadow: none;
    border-radius: 0;
    width: 20px;
    padding: 0 10px;
}

.mini-lyticPrevious{
	left:0
}

.mini-lyticNext{
	right:0;
}

.mini-lyticPrevious input[type=button], 
.mini-lyticNext input[type=button]{
	width: 16px;
    height: 16px;
    background: transparent;
    border: none;
    /* margin: 8px; */
    cursor: pointer;
    position: relative;
    box-shadow: none;
    padding: 0;
    margin: 0;
    min-height: 0;
    border-radius: 0;
}

/*
this is to protect from inheriting elements from the color themes
*/
.mini-lyticPrevious input[type=button]:hover, 
.mini-lyticNext input[type=button]:hover{
	background-color:transparent;
	box-shadow:none;
}
	
.mini-lyticPrevious input[type=button]:disabled, 
.mini-lyticNext input[type=button]:disabled{
	opacity:0.2;
}
	
.mini-lyticPrevious input[type=button] {
    border-left: 6px solid #848484;
    border-top: 6px solid #848484;
    transform: rotate(-45deg);
}

.mini-lyticNext input[type=button]{
    border-right: 6px solid #848484;
    border-top: 6px solid #848484;
    transform: rotate(45deg);
}

.mini-lyticDots {
	text-align:center;
}

.mini-lyticDots .CarouselDot{
	width: 14px;
    height: 14px;
    background-color: #ccc;
    display: inline-block;
    border-radius: 20px;
    margin-top: 8px;
	margin-right: 4px;
	margin-bottom: 0;
	margin-left: 4px;
    cursor: pointer;
}

.mini-lyticDots .CarouselDot.On{
	background-color: #888888;
}/*

Upcoming Activities

*/

.myAccount .upcoming-activities
{
	margin-top:4px; 
	margin-right:0px; 
	margin-bottom:0px;
	margin-left:0px; 
	padding-bottom: 4px;
	width:100%;
}
.myAccount .upcoming-activities td
{
	vertical-align:top;
	padding:4px;
}
.myAccount .upcoming-activities td:first-child
{
	padding-left:10px;
}
.myAccount .upcoming-activities td:last-child
{
	padding-right:10px;
}
.myAccount .upcoming-activities .date-label
{
	font-style:italic;
	border-bottom:1px solid #ddd;
	font-weight:500;
	color:#657e90;
}
.myAccount .upcoming-activities .time-label
{
	text-indent:15px;
}
.myAccount .upcoming-activities .event-label
{
	padding-bottom:8px;
}

.myAccount .switch2{
	display:none;	
}

@media only screen and (max-width:770px){
	.myAccount .switch1{
		display:none;
	}
	
	.myAccount .switch2{
		display:block;
	}
	
	
}

.myAccount .order-history th:first-child,
.myAccount .order-history td:first-child{
	text-align:left;
}


/*

custom color the grid headers

*/
.myAccount table.grid thead tr, .myAccount table.grid thead tr
{
	background-color:#999;
}
#enrollments_overdue table.grid thead tr, #enrollments_enrolled table.grid thead tr
{
	background-color:#3B71B0;
}
#overdueActivities .label, #learningActivities .label
{
	font-weight:600;
}


/*

Enrollment Page / Course Page

*/

table#course-overview-info
{
	width:auto;
	margin-top:20px;
	margin-bottom:14px;
}

table#course-overview-info td
{
	vertical-align: bottom;
	padding-bottom: 6px;
	border-right: 1px solid #ddd;
	padding-left: 14px;
}
table#course-overview-info td.enroll-container
{
	width:100px;
	text-align:left;
}
table#course-overview-info td.enroll-container div.enroll-inner
{
	width:100px;
	text-align:center;
}

table#course-overview-info td.paypal-container
{
	width:200px;
}
table#course-overview-info td.paypal-container div.paypal-inner
{
	text-align:center;
}

table#course-overview-info td.rating-container
{
	width:250px;
}
table#course-overview-info td:first-child
{
	padding-left:0px;
}
table#course-overview-info td:last-child
{
	border-right:none;
}
table#course-overview-info td div
{
	margin-right:10px;
	margin-bottom:2px;
}
table#course-overview-info td div span.parameter, 
	table#course-overview-info td div span.avgRatingCaption, 
	table#course-overview-info td div span.yourRatingCaption
{
	font-weight:bold;
}

table td.course-detail-info-container
{
	width:40%;
	padding-right:20px;
}

div.course-overview-samplescreens
{
 border-left:1px solid #ddd; 
 margin-left:25px; 
 padding-left:25px; 
 float:right;
}

div.course-survey-outer
{
	box-shadow:0px 0px 15px -7px #000;
}
div.course-survey
{
	margin-bottom: 20px;
    border: 1px solid #92a5bf;
    background-color: #e2e7ee;
    border-radius: 2px;
    padding: 10px 20px;
}

div.course-survey-paragraph
{
	margin-top:10px; 
	margin-left:40px;
}

img.course-survey-paragraph-icon
{
	float:left; 
	margin-right:8px;
	vertical-align:middle;
}




.newBox-container{
	display:inline-block;
}
.newBox{
	display:inline-block;
	margin-right:14px;
}
.newBox .icon-newbutton{
	display:none;
}
.newBox .icon-newbutton-overlay{
	position:static;
	vertical-align: top;
}

@media only screen and (max-width:640px){
	.newBox-container{
		margin-left: 12px;
		margin-bottom: 12px;
	}
}
/* pager */
table.pager {
	border:1px solid #a9a9a9;
	margin-bottom:4px;
	font-size:.8em;
	text-transform:uppercase;
	box-shadow:0px 0px 7px -3px #000;
	width:auto;
}

table.pager td {
	border:none;
	padding:0px;
	margin:0px;
}

table.pager div.currentIndicator {
	margin:1px; 
	background-color:#5f5f5f; 
	padding:6px 8px; 
	color:#ffffff;
}

table.pager div.moveLink {
	color:#435d72; 
	margin-top:1px; 
	margin-right:1px; 
	margin-bottom:1px;
	margin-left:0px; 
	background-color:#eeeeee; 
	padding: 6px 6px;
}

table.pager .moveLink a {
	color:#435d72;
}

table.pager .moveLink span {
	color:#aaaaaa;
}

/* Search Reuslts label */
table.searchLabel {
	border:1px solid #666666; 
	margin-bottom:4px;
}

table.searchLabel .label {
	margin:1px; 
	background-color:#891010; 
	padding:1px 3px; 
	color:#ffffff;
}

table.searchLabel .counter {
	color:#891010; 
	margin-top:1px; 
	margin-right:1px; 
	margin-bottom:1px;
	margin-left:0px; 
	background-color:#faeaea; 
	padding: 1px 5px;
}

/* CSS Document */

.paragraph-expander-container
{
	transition:all;
	transition-duration:.3s;
	overflow-y:hidden;
	padding-bottom:10px;
	box-shadow: inset 0px -6px 10px -10px #000;
}
.paragraph-expander-outer
{
	margin-bottom:10px;
	
}
.paragraph-expander-outer .collapsed .closer
{
	display:none;
}
.paragraph-expander-outer .open .opener
{
	display:none;
}
.paragraph-expander-inner
{
	text-align:center;
}
.paragraph-expander-paragraph
{
	text-align:left;
}
.paragraph-expander-inner .toggle button.control
{
	cursor: pointer;
	color: transparent;
	border: 0;
	background: none;
	/* position: absolute; */
	width: 24px;
	left: 2px;
}

.paragraph-expander-inner .toggle
{
	border-top: 1px solid #a9a9a9;
	text-transform: uppercase;
	padding-top: 3px;
	text-align: center;
	position:relative;
}
.paragraph-expander-inner .toggle .opener, .paragraph-expander-inner .toggle .closer
{
	font-size: .8em;
}
.paragraph-expander-inner .toggle button.opener:before
{
	content: " ";
	border: solid #626262;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
	position: absolute;
	border-width: 0px 3px 3px 0px;
	height: 10px;
	width: 10px;
	top: 14px;
}
.paragraph-expander-inner .toggle button.closer:before
{
	content: " ";
	border: solid #626262;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
	position: absolute;
	border-width: 3px 0px 0px 3px;
	height: 10px;
	width: 10px;
	top: 20px;
}.notifications-message{
	width: 100%;
    height: 300px;
    margin: 0px;
    padding: 10px;
    box-sizing: border-box;
}
.notifications-placeholders{
	background-color:#fff; 
	border:1px solid #aaa; 
	border-right:none; 
	height:300px; 
	overflow-y:scroll;
}

@media only screen and (max-width:770px){
	
	.notifications-placeholders{
		height:auto;
		border-right:1px solid #aaa;  
		overflow-y:visible;
	}
	
}/* CSS Document */

.portletContainer
{
	margin-bottom:20px;
	display:inline-block;
	width:100%;
}

.portletContainer .portlet-content
{
	box-shadow: 0px 2px 12px -7px #000;
    border: 1px solid #ccc;
	border-top: 3px solid #841c26;
	margin:0px;
	overflow-y:hidden; 
	background-color:#fff;
	transition:all;
	transition-duration:.2s;
	position:relative;
	padding:20px;
}

@media only screen and (max-width:640px){
	.portletContainer .portlet-content{
		padding:10px;
	}
}

.portletContainer .portlet-content-closed
{
	max-height:0px;
	padding:0px 8px;
}

.portletContainer .portlet-content .inner-label{
	margin-bottom:10px;
}

.portlet-content .portlet-section:nth-child(odd){
	background-color: #f2f2f2;
}

.portlet-section{
	padding: 8px 19px;	
}

.portlet-section-title{
	font-size: 1.2em;
    margin-bottom: 4px;
    font-weight: 400;
}

.portletContainer .portlet-label
{
	color:#666666;
	font-size: 1.2em;
	padding-top:3px;
	padding-right:10px;
	padding-bottom:8px;
	padding-left:10px;
}
.portletContainer .portlet-label img
{
	vertical-align: bottom;
	margin-right: 4px;
	top: 2px;
	position: relative;
}

.portletContainer-inner .inner-label
{
	font-size:1em;
	background:none;
	padding-top:3px;
	padding-right:10px;
	padding-bottom:8px;
	padding-left:4px;
	
}

table.controlpanelMenu-content > tbody > tr > td:first-child
{
	padding-right:20px;
	width:30%;
	vertical-align:0px;
}


/*

Info Grids

*/
.portal-information-grid
{
	font-size:.95em;
}

.portal-information-grid td
{
	border-bottom:1px solid #ddd;
	padding:5px;
}
.portal-information-grid tr:last-child td
{
	border-bottom:none;
}

/*

User Modify

*/

#admin-user-modify #tab_groups .portlet-content,
#admin-group-modify #tab_members .portlet-content{
	padding:30px;
}

/*

User Modify

*/

#admin-user-modify #tab_groups .portlet-content{
	padding:30px;
}.progress-bar-outer{
	border: 1px solid #868686;
    max-width: 75px;
    border-radius: 2px;
    box-shadow: 0px 0px 6px -3px #000;
	margin: auto;
	overflow-x:hidden;
}

.progress-bar-outer .inner{
	background-color: #ffffff;
    border-radius: 4px;
}

.progress-bar-outer .bar{
	width: 0%;
    min-height: 10px;
    background-color: #72cc42;
    box-shadow: inset 1px 0px 19px -3px #c0efa7;
}@charset "utf-8";
/* CSS Document */

div#availableFiltersDiv,
table#fieldFilterRows,
div#availableFiltersDiv select,
table#fieldFilterRows select,
div#availableFiltersDiv input,
table#fieldFilterRows input
{
	margin: 0;
}

div#availableFiltersDiv
{
	padding: 10px;
	background-color: #C3D9FF;
}

table#filteredFieldsRows{
	width:100%;
}

table#filteredFieldsRows tr:nth-child(odd) {
	background-color:#f5f5f5;
}

table#filteredFieldsRows tr:last-child  td.FieldFilterColumn2 {
	border-bottom:none;
}

table#filteredFieldsRows tr td:first-child {
	font-size:1.2em;
	min-width:50%;
	font-weight:400;
	padding-top:12px;
}

td.FieldFilterColumn1, td.FieldFilterColumn2
{
	padding: 8px 10px;
	vertical-align: top;
}

tr:first-child td.FieldFilterColumn1{
	border-top:none;
}

td.FieldFilterColumn1
{
	white-space: nowrap;
	display:inline-block;
	min-height:30px;
}

td.FieldFilterColumn2
{
	border-bottom:3px solid #8fa1bf;
	width: calc(100% - 20px);
	display:inline-block;
	border-top: 1px solid #CCC;
}

td.FieldFilterColumn2 img:first-child{
	float:left;
	margin-top:4px;
}

table#fieldFilterRows
{
	border-top: 1px solid #CCC;
	width: 100%;
}

tr.rowEven
{
	background-color: #E8EEF7;
}

tr.rowOdd
{
	background-color: #E8EEF7;
}

div.criteriaDiv {
	display:inline-block;
}

div.criteriaDiv div
{
	margin: 0;
	vertical-align: top;
	white-space:nowrap;
	min-height:30px;
}

div.criteriaDiv input[type=image]{
	vertical-align:initial;
	margin-top:4px;
}

div.criteriaDiv select.inptSelectBox,
div.criteriaDiv input.inptText{
	vertical-align: top;
    margin-top: 3px;
}
	
label.disabled
{
	color: #CCC;
}

.myReports table.grid thead tr
{
	background-color:#999;
}

@media only screen and (max-width:640px){
	
	.criteriaDiv select.inptSelectBox{
		display:block;
	}
	.criteriaDiv input.inptText{
		
	}
}/* VIEW */

.screenListView { 
	list-style-type: none; 
	padding: 0;
	margin-bottom:0px;
}

.screenListView li{ 
	display: inline-block;
	margin-bottom:0px;
	margin-right:10px
}

.screenListView li:last-child{ 
	margin-right:0px
}

.screenListView li div{ 
	position:relative; 
	margin-bottom:14px; 
	width:auto;
	height:40px; 
	border:2px solid #216b9e;
	box-shadow: 0px 0px 7px -3px #000;
}

.screenListView .screen{ 
	vertical-align:top; 
	width:auto;
	height:40px;
}

/* EDIT */

.screenListEdit  { 
	list-style-type: none; 
	margin-left: 20px; 
	padding: 0; 
	width: 60%; 
}


	
.screenListEdit .ui-sortable-placeholder {
	border:2px dashed #666;
	visibility:visible;
}

.screenListEdit li.ui-sortable-handle div{
	position:relative; 
	margin-bottom:14px; 
	width:200px; 
	border:2px solid #333;
}

.screenListEdit .screen{
	vertical-align:top; 
	width:200px;
}

.screenListEdit .screen {
	cursor:move;
}

.screenListEdit .label{
	visibility:hidden;
	position:absolute;
}

.screenListEdit .template {
	display:none;
}

.screenListEdit .noImagesHidden {
	display:none;
}/*

<div class="simpleList-Container">
	<div class="list">
		<div class="item">
			<span>
				<input> // only if necessary
				<label> // always
			</span>
		</div>
	</div>
</div>

*/

.simpleList-Container{
	margin-bottom:12px;
}

.simpleList-Container .span{
	margin-bottom:8px;
}
.simpleList-Container .list{
	margin:8px 0px; 
	padding:10px; 
	border:1px solid #ddd; 
	height:160px; 
	overflow-y:scroll;
}

.simpleList-Container .item{
	margin-bottom:5px;
	clear:both;
}

.simpleList-Container .item input[type="radio"], 
.simpleList-Container .item input[type="checkbox"],
.simpleList-Container .item img:first-child,
.simpleList-Container .item a:first-child{
	float:left;
}

.simpleList-Container .list .item label{ 
    display: block;
    margin-left: 30px;
}

.simpleList-Container .checklist .item label{ 
    display: block;
    margin-left: 24px;
}
/*

sort arrows / opener and closer controls

*/
button.toggle
{
	position: relative;
    color: transparent;
    background: none;
    border: 0px;
    cursor: pointer;
    top: 4px;
    width: 24px;
    height: 24px;
}

.portlet-label button.toggle{
	float:right;
}

.closed button.toggle-close
{
	display:none;
}
.open button.toggle-open{
	display:none;
}

.closed button.toggle-open:before
{
	content: "";
    border: 4px solid #666;
    width: 7px;
    height: 7px;
    position: absolute;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
	border-width: 0px 4px 4px 0px;
	top:4px;
	left:6px;
}
.open button.toggle-close:before
{
	content: "";
    border: 4px solid #666;
    width: 7px;
    height: 7px;
    position: absolute;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    border-width: 4px 0px 0px 4px;
    top: 8px;
    left: 7px;
}/* Floating Message */

.statusMessage-Float
{
	cursor: move;
    width: 500px;
    border: 1px solid #000000;
    background-color: #ffffff;
    z-index: 999;
    box-shadow: 0px 0px 40px -10px #000000;
    position: absolute;
    top: -30px;
	left: calc(50% - 250px); /* mid-page minus half of my width = centered */
    min-height: 185px;
    border-radius: 2px;
	visibility:hidden;
	
}

.statusMessage-Float a {
	color:#fff;
	font-weight: bolder;
	font-style: italic;
}

@media screen and (max-width: 640px) {
	.statusMessage-Float{
		width: 300px;
		left: calc(50% - 150px); /* mid-page minus half of my width = centered */
	}
}

.statusMessageFloat-Pop.ERROR,
.statusMessageFloat-Pop.ALERT{
	animation-name:statusMessagePop;
	animation-duration:1s;
	visibility:visible;
}

.statusMessageFloat-Pop.OK,
.statusMessageFloat-Pop.INFO{
	visibility:visible;
}

@keyframes statusMessagePop {
	0%{visibility:hidden; transform: scale(0.8, 0.8);}
	70%{visibility:hidden; transform: scale(0.9, 0.9);}
	80%{visibility:visible; transform: scale(1.1, 1.1);}
	100%{visibility:visible; transform: scale(1, 1);}
}
.statusMessage-Float.OK{
	border-color:#267926;
}
.statusMessage-Float.ERROR{
	border-color:#820f0f;
}
.statusMessage-Float.ALERT{
	border-color:267926;
}
.statusMessage-Float.INFO{
	border-color:267926;
}

.statusMessage-Float .statusMessageBody{
	color: #ffffff;
    padding: 20px;
    min-height: 90px;
}

.statusMessage-Float.OK .statusMessageBody{
	background-color:#68a968;
	box-shadow:inset 0px 21px 99px -43px #000000;
	background-image: url(/_images/statusMessage/ok.png);
    background-position: -16% 44%;
    background-repeat: no-repeat;
}
.statusMessage-Float.ERROR .statusMessageBody{
	background-color:#c75a5a;
	box-shadow:inset 0px 21px 99px -43px #3c0000;
	background-image: url(/_images/statusMessage/error.png);
    background-position: -23% 37%;
    background-repeat: no-repeat;
}
.statusMessage-Float.ALERT .statusMessageBody{
	background-color:#e1c441;
	box-shadow:inset 0px 21px 99px -43px #3c0000;
	background-image: url(/_images/statusMessage/alert.png);
    background-position: -23% 37%;
    background-repeat: no-repeat;
}
.statusMessage-Float.INFO .statusMessageBody{
	background-color:#74b2dc;
	box-shadow:inset 0px 21px 99px -43px #3c0000;
	background-image: url(/_images/statusMessage/information.png);
    background-position: -23% 37%;
    background-repeat: no-repeat;
}

.statusMessage-Float .title{
	font-size: 1.4em;
    color: #ffffff;
    margin-bottom: 45px;
    float: left;
}

.statusMessage-Float .statusMessageInterface{
	padding:8px;
	text-align:center;
	box-shadow: inset 0px -5px 45px -21px #000000;
}

.statusMessage-Float .message{
	clear:both;
}
.statusMessage-Float .routine{
	display:none;
}
/* NORMAL */

.statusMessage {
	margin-bottom:20px;
}

.statusMessage .innerBorder{
	border:1px solid; 
	margin:0px;
}

.statusMessage img.icon-statusmessage{
	display: none;
}

.statusMessageERROR .innerBorder		{border-color:#bc0000;}

.statusMessageOK 					{border-color:#12772b;}
.statusMessageOK 	.innerBorder 	{border-color:#066f0d;}

.statusMessageALERT 					{border-color:#c77f3a;}
.statusMessageALERT .innerBorder 	{border-color:#f2d335;}

.statusMessageINFO 					{border-color:#2d73b2;}
.statusMessageINFO 	.innerBorder	{border-color:#5d6b79;}

.statusMessage .pad{
	margin: 0px;
	background-color: #ffffff;
    background-repeat: no-repeat;
}

.statusMessageOK .pad{
	background-color: #14801b;
    background-image: url(/_images/statusMessage/ok.png);
    background-position: 7px;
    background-size: 130px;
}

.statusMessageERROR .pad{
	background-color: #c14242;
    background-image: url(/_images/statusMessage/error.png);
    background-position: 0px -43px;
    background-size: 151px;
}

.statusMessageALERT .pad{
	background-color: #dec41e;
    background-image: url(/_images/statusMessage/alert.png);
    background-position: 7px;
    background-size: 130px;
}

.statusMessageINFO .pad{
	background-color: #92bcde;
    background-image: url(/_images/statusMessage/information.png);
    background-position: 7px;
    background-size: 130px;
}

.statusMessage .pad>div{
	margin-left: 110px;
	margin-bottom:0px;
    padding: 10px;
}

.statusMessageOK .pad div, 
.statusMessageALERT .pad div, 
.statusMessageINFO .pad div, 
.statusMessageERROR .pad div{
	background-color: #ffffff;
}
		
.statusMessage .label, 
.statusMessage .description, 
{
	margin-right: 4px;
    display: inline-block;
}

.statusMessage .routine
{
	display:none;
}

.statusMessage ul
{
	margin-left:0px;
	padding-left:20px;
}

.formInput .statusMessage{
	margin-left:0px;
}

/*

title

*/

.statusMessage .title
{
	font-size: 1.4em;
    font-weight: 400;
    color: #999;
    margin-bottom: 10px;
    font-family: 'Open Sans';
}

.statusMessageERROR .title{
	color:#bc0000;
}

.statusMessageOK .title{
	color:#108230;
}

.statusMessageALERT .title{
	color:#e6ac24;
}

.statusMessageINFO .title{
	color:#2d73b2;
}

fieldset.stdBox, div.stdBox
{
	border:none;
	padding:0px;
	margin:0px;
	margin-bottom: 14px;
}

div.stdBox
{
	
}

fieldset.stdBox legend
{
	display: none;
}

fieldset.stdBox div{
    border-top: 1px solid #ccc;
    padding-top: 18px;
}

.dialog fieldset.stdBox {
	padding: 0px;
}
	
.dialog fieldset.stdBox div {
  border-top: 0px;
  padding-top:0px;
}



.sweet-grid{
	width:100%;
	margin-bottom:10px;
}

/* HEAD */

.sweet-grid thead th.selector,
.sweet-grid tbody td.selector {
	width: 6%;
	min-width: 30px;
	text-align: center;
}
.sweet-grid thead th{	
	font-weight: 300;
	font-size: 1.2em;
	padding: 10px 6px;
}

.sweet-grid thead th.info .sub{	
	font-size:.75em;
}

/* header-row */

table.sweet-grid thead tr {
	background: linear-gradient(to bottom, #f1f1f1, #e0e0e0);
}

table.sweet-grid thead th{
	border-top:1px solid #dadada;
	border-bottom:1px solid #d8d8d8;
}
table.sweet-grid thead th:first-child{
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
	border-left:1px solid #dadada;
}
table.sweet-grid thead th:last-child{
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
	border-right:1px solid #d8d8d8;
}

/* BODY */

.sweet-grid tbody td {
	padding:10px 6px;
	border-bottom:1px solid #ddd;
}
.sweet-grid tbody tr:first-child td {
	
}

.sweet-grid tbody tr{
	transition: all .15s
}
	
.sweet-grid tbody tr.selected{
	background-color:#ffffeb !important;
}
.sweet-grid tbody tr.selectable:hover{
	cursor:pointer;
	background-color:#e3e9ef !important;
}
.sweet-grid tbody tr.selected:hover{
	background-color:#fff7c2  !important;
}
.sweet-grid tbody tr:nth-child(odd){
	background-color:#fafafa;
}
.sweet-grid .icon-sweet-grid-primary{
	float:left;
	margin-right:10px;
}

.sweet-grid th.options, 
.sweet-grid td.options{
	text-align:center;
	white-space:nowrap;
}

.sweet-grid td.options img{	
	padding:5px;
	margin-right:4px;
	width:38px;
}

.sweet-grid td.options a, 
.sweet-grid td.options span.disabled{	
	display: inline-block;
    text-align:center;
}

.sweet-grid td.options span.disabled{
	box-shadow:none;
}

.sweet-grid td.options a:last-child, 
.sweet-grid td.options span:last-child{	
	margin-right:0px;
}

.sweet-grid .icon-sweet-grid-option{
	top: 9px;
    position: relative;
    left: 0px;
}

.sweet-grid .icon-sweet-grid-primary.disabled{
	opacity:0.25;
	filter:saturate(0%);
}
.sweet-grid td span.base{
	font-size: 1.5em;
	font-weight: 300;
	margin-bottom: 4px;
	margin-right:8px;
	display: inline-block;
}
.sweet-grid td span.no-results{
	text-align:center;
}
.sweet-grid td span.search-string{
	font-weight:500;
}

.sweet-grid td.info span.properties{
	display:block;
	margin-left:42px;
}
.sweet-grid td.info span.properties span:last-child{
	border-right:0;
}

/* BUTTONS */

/*
.sweet-grid td.options a.enrollment{background:linear-gradient(#28730d, #58bf10);}
.sweet-grid td.options a.permission{background:linear-gradient(#9c6c07, #d4ae1b);}
.sweet-grid td.options a.disconnect{background:linear-gradient(#b35146, #58bf10);}
.sweet-grid td.options a.login{background:linear-gradient(#9c6c07, #d4ae1b);}
.sweet-grid td.options a.modify{background:linear-gradient(#09619c, #58bf10);}
.sweet-grid td.options a.lock{background:linear-gradient(#9c6c07, #d4ae1b);}
.sweet-grid td.options a.close{background:linear-gradient(#ab4545, #e08278);}
.sweet-grid td.options a.publish{background:linear-gradient(#28730d, #58bf10);}
*/

/* 

USERS 

*/
.sweet-grid-users th:last-child,
.sweet-grid-users td:last-child{
	text-align:center;
}

.sweet-grid-users td.info span.username{
	white-space:nowrap;
	font-size:1.2em;
}
.sweet-grid-users td.info span.username:before{
	content:"(";
}
.sweet-grid-users td.info span.username:after{
	content:")";
}
.sweet-grid-users td.info span.email{
	display:block;
	margin-left:42px;
}

/* 

GROUPS 

*/
.sweet-grid-groups th:last-child,
.sweet-grid-groups td:last-child{
	text-align:center;
}

/* 

PACKAGES 

*/
.sweet-grid-packages td.info span.size{
	white-space:nowrap;
	font-size:1.2em;
}
.sweet-grid-packages td.info span.size:before{
	content:"(";
}
.sweet-grid-packages td.info span.size:after{
	content:")";
}
.sweet-grid-packages td.info span.modified{
	display:block;
	margin-left:42px;
}
.sweet-grid-packages th:last-child,
.sweet-grid-packages td:last-child{
	text-align:center;
}

/* 

COURSES 

*/
.sweet-grid-courses th:last-child,
.sweet-grid-courses td:last-child{
	text-align:center;
}

.sweet-grid-courses td.info span.code{
	white-space:nowrap;
	font-size:1.2em;
}
.sweet-grid-courses td.info span.code:before{
	content:"(";
}
.sweet-grid-courses td.info span.code:after{
	content:")";
}
.sweet-grid-courses td.info span.rating{
	display:block;
	margin-left:42px;
	margin-bottom:6px;
}
.sweet-grid-courses td.info span.properties{
	display:inline-block;
	margin-left:42px;
}
.sweet-grid-courses td.info span.packagename{
	display:inline-block;
	padding-right:10px; 
	margin-right:10px; 
	border-right:1px solid #ccc;
}
.sweet-grid-courses td.info span.credits{
	display:inline-block;
	margin-right:10px; 
	padding-right:10px; 
	border-right:1px solid #ccc;
}
.sweet-grid-courses td.info span.properties span:last-child{
	border-right:0;
}

/* 

CERTIFICATES 

*/
.sweet-grid-certificates td.info span.code{
	white-space:nowrap;
	font-size:1.2em;
}
.sweet-grid-certificates td.info span.code:before{
	content:"(";
}
.sweet-grid-certificates td.info span.code:after{
	content:")";
}
.sweet-grid-certificates td.info span.organization, 
.sweet-grid-certificates td.info span.created, 
.sweet-grid-certificates td.info span.credits{
	display:inline-block;
	padding-right:10px; 
	margin-right:10px; 
	border-right:1px solid #ccc;
}
.sweet-grid-certificates th:last-child,
.sweet-grid-certificates td:last-child{
	text-align:center;
}


/* 

Quizzes/Surveys 

*/
.sweet-grid-quizsurveys td.info span.draft{
	color:#c00;
	white-space:nowrap;
	font-size:1.2em;
}
.sweet-grid-quizsurveys td.info span.draft:before{
	content:"(";
}
.sweet-grid-quizsurveys td.info span.draft:after{
	content:")";
}
.sweet-grid-quizsurveys td.info span.owner, 
.sweet-grid-quizsurveys td.info span.modified, 
.sweet-grid-quizsurveys td.info span.type{
	display:inline-block;
	padding-right:10px; 
	margin-right:10px; 
	border-right:1px solid #ccc;
}

@media only screen and (max-width:640px){
	
	.sweet-grid{
		/*font-size:.8em;*/
	}
	
	.sweet-grid thead tr th:nth-child(2){
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
		border-right: 1px solid #d8d8d8;
	}
	
	.sweet-grid thead tr th:nth-child(3){
		display:none;
	}
	
	.sweet-grid tbody tr td:nth-child(2),
	.sweet-grid tbody tr td:nth-child(3){
		display:block;
	}
	
	.sweet-grid tbody tr td:nth-child(2){
		border-bottom:0px;
		padding-bottom:0px
	}
	
	.sweet-grid tbody tr td:nth-child(3){
		text-align:left;
	}
	
	.sweet-grid td.info span.email,
	.sweet-grid td.info span.properties,
	.sweet-grid td.info span.rating,
	.sweet-grid td.info span.size, 
	.sweet-grid td.info span.modified{
		display:block;
		margin-left:0px;
		margin-bottom:4px;
	}
	
	.sweet-grid .icon-sweet-grid-primary{
		display:none;
	}
		
	.sweet-grid td span.base {
	  word-break: break-all;
	}
	
	.sweet-grid td.options a, 
	.sweet-grid td.options span.disabled{	
		width: 35px;
		height: 35px;
	}

	.sweet-grid .icon-sweet-grid-option{
		width: 18px;
		top: 9px;
	}


}
.theme_radios_container, 
.icon_radios_container{
	float:left;
}

.theme_samples_container, 
.icon_samples_container{
	margin-left:240px;
}

.icon_radios_container label.sel_<%= GC_SITE.getProperty("iconset") %>{
	font-weight:700;
}

.theme_radios_container label.sel_<%= GC_SITE.getProperty("layout") %>{
	font-weight:700;
}
.theme_radios_container .color{
	margin:4px 30px;
}

#icon_samples img{
	margin-right:4px;
}
#theme_samples img,
#chart_samples img{
	margin-right:8px;
	margin-bottom:8px;
	border:1px solid #828282;
	box-shadow:0px 0px 10px -3px #000;
}

#theme_samples img{
	max-width:175px;
	cursor:pointer;
}
#chart_samples img{
	max-width:225px;
}

#chartsRow{
	transition:all 1s;
}
#chartsRow td{
	transition:all 1s;
}
#theme-warning{
	font-weight:bold; 
	color:#daa700;
}
#masthead-warning a{
	font-weight:400;
}

.icon-sweet-grid-primary:hover+.tool-tip-verbose,
.icon-grid:hover+.tool-tip-verbose{
	transform:scale(1.0);
	opacity:1;
	z-index:1;
}

.icon-sweet-grid-primary:active+.tool-tip-verbose,
.icon-grid:active+.tool-tip-verbose{
	transform:scale(1.0);
	opacity:0;
	z-index:1;
}

.tool-tip-verbose{
	position: absolute;
    opacity:0;
	transform:scale(0.97);
	background-color: #828282;
    color: #fff;
    padding: 10px;
    font-size: .8em;
    border-radius: 3px;
    bottom: 10px;
	left:-10px;
	max-width:200px;
	box-shadow: 0px 0px 12px -4px #000;
	z-index:-100;
	transition:transform .25s, opacity .25s;
}

.icon-grid+.tool-tip-verbose{
	bottom:40px;
}

.tool-tip-verbose::after{
	content: "";
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 8px solid #828282;
    bottom: -8px;
    position: absolute;
    left: 19px;
}

.tool-tip-verbose span.header{
	font-weight: 500;
    display: block;
}

.tool-tip-verbose span.body{
	display:block;
}.userRatingControl div{
	margin:0px;
	padding:0px;
}

.baseStars, .avgRatingStars, .yourRatingStars, .setRatingStars {
	height:18px;
}

.baseStars {
	position:absolute;
}

.avgRatingStars, .yourRatingStars {
	position:relative; 
	overflow:hidden; 
}

.setRatingStars {
	position: relative;
}

.userRatingControl .setRatingStars .star{
	text-indent:-9000px;
	position:absolute;
	float:left;
}
.userRatingControl .setRatingStars .star:hover {
	background-image:url('/_images/interface/yellowstars.png');
	background-repeat:no-repeat;
	overflow:hidden;
}

.userRatingControl .rating1 {width:19px}
.userRatingControl .rating2 {width:37px}
.userRatingControl .rating3 {width:55px}
.userRatingControl .rating4 {width:73px}
.userRatingControl .rating5 {width:92px}

.userRatingControl .avgRatingCaption, 
.userRatingControl .yourRatingCaption{
	font-weight:400;
}.permissionTable{
}
.permissionTable tr{
}
.permissionTable tr.label td{
	border-top:4px solid #d2d2d2;
}
.permissionTable td{
	vertical-align:top;
	padding:10px;
}
.permissionTable td:nth-child(2),
.permissionTable td:nth-child(3){
	width:33%;
}
.permissionTable .list-intro{
	min-height:30px;
}

.permissionTable .permission-description{
	margin-left:60px;
}

.scopeSelector{
}
.scopeSelector input[type="radio"]{
	float:left;
}
.scopeSelector p{
	margin-left:25px;
}/* Masthead */

.masthead-container-l4
{
background: linear-gradient(90deg, #731f1f, #590e0e 40%, #a11d1d);
}


/* Portlet Tops */

.portletContainer .portlet-content {
    border-top-color: #841c26;
}

/* Tabs */

ul.tabs {
	border-top-color: #d86d6d;
}

ul.tabs li.on {
    background-color: #793131;
}

ul.tabs li.on:after, ul.tabs li.on:hover:after {
    border-top-color: #793131;
}


/* Action Panel */

.actionPanel .actionItem-container:hover .actionItem, 
.actionPanelWide .actionItem-container:hover .actionItem {
    border: 1px solid #d86d6d;
	box-shadow: inset 0px 0px 22px -6px #e08383, 0px 0px 12px -5px #000;
}