@import url(/media/css/fonts.css);

body {
	background-color: #f5f5f5;
}

.modal {
    top: 140px !important;
}

.inline-block {
	display: inline-block;
}

.margin-bottom5 {
	margin-bottom: 5px;
}

.margin-bottom7 {
	margin-bottom: 7px;
}

.margin-bottom10 {
	margin-bottom: 10px;
}

.margin-bottom15 {
	margin-bottom: 15px;
}

.margin-bottom20 {
	margin-bottom: 20px;
}

.margin-top20 {
	margin-top: 20px;
}

.margin-bottom30 {
	margin-bottom: 30px;
}

.margin-top30 {
	margin-top: 30px;
}

.margin-top5 {
	margin-top: 5px;
}

.margin-top10 {
	margin-top: 10px;
}

.margin-left10 {
    margin-left: 10px;
}

.padding-bottom5 {
	padding-bottom: 5px;
}

.padding-top5 {
	padding-top: 5px;
}

input.no-margin,
.no-margin {
	margin: 0;
}

.align-left {
	text-align: left
}

.align-right {
	text-align: right;
}

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

div#body-wrapper {
	max-width: 900px;
}

div#body-center {
	margin: 0 auto;
	max-width: 900px;
}

.visited-links-container a:visited {
    color: #551A8B;
}

#lesson-view,
#lesson-view #lesson {
	display: table;
	margin: auto;
}

#lesson-view {
    box-shadow: 0 0 2px 1px rgba(0,0,0,0.5);
    max-width: 900px;
}

.lesson .progress {
	margin-bottom: 0 !important;
}

.no-padding {
	padding: 0;
}

div#content {
	background-color: white;
}

div.simple-content-wrapper {
	padding: 10px;
}

div.simple-table-wrapper {
	padding: 20px;
	height: 100%;
}

div.results-container {
	margin: 20px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    div.simple-table-wrapper.scrolled-horizontally-table-wrapper {
        overflow-x: scroll;
        margin-right: 20px;
        padding-right: 0;
    }
}

div.centered-form-wrapper {
    display: inline;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

div.centered-form-wrapper label {
    font-weight: bold;
}

div.centered-form-wrapper input {
    text-align: center;
}

div.centered-form-wrapper .alert ~ label {
    margin-top: 10px;
}

ul.errorlist li {
	color: #dd0000;
}

ul.errorlist.errors-inline{
    list-style-type: none;
}

.visible-only-on-small-screens {
    display: none;
}

/** iPhone */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    .visible-only-on-small-screens {
        display: block;
    }

    .not-visible-on-small-screens {
        display: none;
    }

    #redirect-select {
        margin-top: 10px;
        margin-right: 20px;
    }
}

div#logo {
	width: 100%;
    display: table;
	background: #6b6c6e;
    background: -moz-linear-gradient(top,  #6b6c6e 0%, #57575a 34%, #4f4f51 60%, #505052 84%, #5a5a5c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6b6c6e), color-stop(34%,#57575a), color-stop(60%,#4f4f51), color-stop(84%,#505052), color-stop(100%,#5a5a5c));
    background: -webkit-linear-gradient(top,  #6b6c6e 0%,#57575a 34%,#4f4f51 60%,#505052 84%,#5a5a5c 100%);
    background: -o-linear-gradient(top,  #6b6c6e 0%,#57575a 34%,#4f4f51 60%,#505052 84%,#5a5a5c 100%);
    background: -ms-linear-gradient(top,  #6b6c6e 0%,#57575a 34%,#4f4f51 60%,#505052 84%,#5a5a5c 100%);
    background: linear-gradient(to bottom,  #6b6c6e 0%,#57575a 34%,#4f4f51 60%,#505052 84%,#5a5a5c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b6c6e', endColorstr='#5a5a5c',GradientType=0 );
	text-align: center;
	padding-top: 13px;
}

div#logo img.school-icon {
    max-width: 140px;
    border-right: 1px solid darkgrey;
    padding-right: 10px;
    height: 82px;
}


@media (max-width: 480px) {
	div#logo {
		height: auto;
		padding-top: 0px;
	}

	div#logo .icon {
		height: 60px;
	}
	
	div#logo .icon.pull-left {
		margin-left: 0px
	}
	
	div#logo .icon.pull-right {
		margin-right: 0px;
	}
}

@media (min-width: 480px) {
	div#logo .icon {
		height: 95px;
	}
	
	div#logo .icon.pull-left {
		margin-left: 20px;
	}
	
	div#logo .icon.pull-right {
		margin-right: 20px;
	}
}

#footer-table {
	width: 100%;
	background: #909090; /* Old browsers */
	background: -moz-linear-gradient(top,  #909090 0%, #535353 51%, #4f4f51 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#909090), color-stop(51%,#535353), color-stop(100%,#4f4f51)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #909090 0%,#535353 51%,#4f4f51 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #909090 0%,#535353 51%,#4f4f51 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #909090 0%,#535353 51%,#4f4f51 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #909090 0%,#535353 51%,#4f4f51 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#909090', endColorstr='#4f4f51',GradientType=0 ); /* IE6-9 */
	border-top: solid 1px #555;
	color: #bbb;
}

#footer-logo {
	vertical-align: bottom;
	padding: 10px;
}
#footer-logo a {
	display: block;
	max-width: 125px;
}
#footer-logo a img {
	display: block;
	width: 100%;
}


#links {
	vertical-align: bottom;
	text-align: right;
	padding: 10px;
}

#footer a:active, #footer a:visited, #footer a:link {
	color: #bbb;
}

#footer a:hover {
	text-decoration: none;
	color: #fff;
}


h3.page_title {
	margin: 0px;
	margin-left: 20px;
}

div#menu .navbar-inner {
	height: 70px;
	background: #000000;
	background: -moz-linear-gradient(top,  #000000 0%, #767676 2%, #606060 5%, #232323 47%, #000000 48%, #000000 82%, #0f0f0f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(2%,#767676), color-stop(5%,#606060), color-stop(47%,#232323), color-stop(48%,#000000), color-stop(82%,#000000), color-stop(100%,#0f0f0f));
	background: -webkit-linear-gradient(top,  #000000 0%,#767676 2%,#606060 5%,#232323 47%,#000000 48%,#000000 82%,#0f0f0f 100%);
	background: -o-linear-gradient(top,  #000000 0%,#767676 2%,#606060 5%,#232323 47%,#000000 48%,#000000 82%,#0f0f0f 100%);
	background: -ms-linear-gradient(top,  #000000 0%,#767676 2%,#606060 5%,#232323 47%,#000000 48%,#000000 82%,#0f0f0f 100%);
	background: linear-gradient(to bottom,  #000000 0%,#767676 2%,#606060 5%,#232323 47%,#000000 48%,#000000 82%,#0f0f0f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#0f0f0f',GradientType=0 );
	border: 0 !important;
	border-radius: 0 !important;
}

#menu .btn.btn-navbar {
	margin-top: 20px;
}

div#menu a:hover {
	text-decoration: none;
}

div#menu ul.dropdown-menu:after {
	border-bottom: 6px solid #FFFFFF;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	content: "";
	display: inline-block;
	right: 10px;
	position: absolute;
	top: -6px;
}

#menu .navbar-inner {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

#menu .navbar.navbar-inverse {
	margin-bottom: 0 !important;
}

#menu .navbar-inner button {
    margin-right: 25px;
}

#menu ul.nav {
	margin-right: 0 !important;
}

#menu ul.nav li a.menu-element-wrapper {
	padding: 0 !important;
}

div#menu ul.dropdown-menu:before  {
	border-bottom: 7px solid rgba(0, 0, 0, 0.2);
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	content: "";
	display: inline-block;
	left: 9px;
	position: absolute;
	top: -7px;
}

.menu-element-wrapper {
	float: left;
	height: 100%;
	width: 100%;
	display: inline-block;
	padding-top: 0 !important;
}

.menu-element-wrapper-right {
	float: right;
	height: 100%;
	display: inline-block;
}

.menu-element-wrapper-right:hover, .menu-element-wrapper:hover,
div#menu .dropdown-menu-click-capture:hover,
div#menu .indent-left:not(.nav-header):hover {
	background-color: rgba(255,255,255,0.2);
}

div.menu-element {
	padding-top: 6px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	text-align: center;
}

@media (max-width: 900px) {
	div.menu-element {
		padding-left: 12px;
		padding-right: 12px;
	}
}

div.menu-label {
	color: #bbb;
	font-size: 12px;
	text-align: center;
}

div.menu-label.active {
	color: #fff;
}

@media (max-width: 767px) {
	div#menu ul.nav {
		display: none;
	}
	
	div#menu ul li {
		width: 100%;
		float: left;
		background-color: black;
	}
	
	div#menu .dropdown.menu-element-wrapper {
		width: 100%;
	}
	
	div#menu ul li .menu-element,
	div#menu ul li .menu-label {
		text-align: left;
		float: left;
	}
	
	div#menu ul li .menu-label {
		padding-top: 15px;
	}
	
	div#menu .nav.pull-right {
		float: left;
		width: 100%;
	}
	
	div#menu .nav.pull-right li {
		height: 65px;
	}
	
	div#menu .nav-header {
		margin-top: 0;
		padding-right: 0;
	}

	div#menu .nav-header.indent-left,
	div#menu .indent-left {
		padding-left: 90px;
		display: none;
	}
	
	div#menu .indent-left a {
		padding-left: 0 !important;
	}
	
	div#menu .dropdown-menu-click-capture {
		display: block;
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: 46px;
		min-height: 46px;
		cursor: pointer;
	}
}

@media (min-width: 768px) {
	#show-menu-btn {
		display: none;
	}
	
	div#menu ul.nav {
		display: block !important;
	}
	
	.responsive-element {
		display: none !important;
	}
	
	div#menu .dropdown-menu-click-capture {
		display: none;
	}
}

div#search {
    padding-left: 10px;
    padding-right: 10px;
	background-color: #ccc;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
	background: -moz-linear-gradient(top,  #fff,  #ccc);
	border-bottom: solid 1px #999;
}

div#search div#buttons {
	padding: 10px;
}

div#search div#search-field {
	padding: 10px;
}

@media (max-width: 767px) {
    div#search div#search-field {
        padding: 0;
        width: 100%;
    }

    div#search div#search-field div.input-append {
        padding: 10px 15px;
    }

    div#search div#search-field input {
        margin: 0;
        width: 75%;
    }

    div#search div#search-field button {
        width: 25%;
    }

    div#search div#buttons {
        padding: 0 15px 10px 10px;
        float: right;
    }
}

div.login-wrapper {
	border-radius: 10px;
	overflow: hidden;
	border: solid 1px #aaa;
}

div.login-wrapper div.login-container {
	background-color: #4E87CE;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77C0FF', endColorstr='#4E87CE');
	background: -webkit-gradient(linear, left top, left bottom, from(#77C0FF), to(#4E87CE));
	background: -moz-linear-gradient(top,  #77C0FF,  #4E87CE);
	padding: 10px;
	padding-top: 40px;
	color: white;
}

div.login-wrapper div.login-container a .inline-help{
	text-decoration: none;
	color: #ddd;
}
div.login-wrapper div.login-container a:hover {
	text-decoration: none;
	color: #fff;
}

div.login-wrapper div.registration-container {
	padding: 10px;
	padding-top: 40px;
	background: #cdeb8e; /* Old browsers */
	background: -moz-linear-gradient(top,  #cdeb8e 0%, #a5c956 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdeb8e), color-stop(100%,#a5c956)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cdeb8e 0%,#a5c956 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=0 ); /* IE6-9 */
}

.registration-container .input-group-header,
.edit-profile-table-wrapper .input-group-header {
	margin-bottom: 20px;
	border-bottom: 1px solid #AAAAAA;
	padding-bottom: 10px;
	padding-left: 5px;
}

.registration-container .input-group-header.first,
.edit-profile-table-wrapper .input-group-header.first {
	margin-top: 0px;
}

.registration {
	padding: 20px !important;
}

.registration-checkbox {
	margin-top: 9px !important;
	margin-right: 4px !important;
	display: block !important;
	float: left !important;
}

.required-red {
	color: #b94a48 !important;
}

#informationPanel #profile-information-inputs {
	position: relative;
}

#informationPanel #profile-information-inputs .control-group {
	margin-left: 0px;
}

#informationPanel #profile-information-inputs div.thumbnail-container {
	float: right;
	text-align: center;
}

#informationPanel #profile-information-inputs div.thumbnail-container img {
	margin-bottom: 10px;
}

.registration-container .input-group-explanation {
	font-size: 0.6em;
	color: #778899;
	font-style: oblique;
}
#registration_advanced  .input-group-explanation {
	font-size: 0.6em;
	color: #778899;
	font-style: oblique;
}

#my-students .btn-group > .btn:first-child {
	border-radius: 4px;
	margin-right: 3px;
}

#my-students .dropdown-submenu.pull-left > .dropdown-menu {
	border-radius: 6px 6px 6px 6px;
}

#my-students th.id {
	width: 20px;
}

#my-students .dropdown-menu.pull-left {
	top: 25px;
}
#my-students .dropdown-menu.pull-right {
    min-width: 130px;
}

#my-students i.icon-info-sign {
	margin-right: 5px;
}

#my-students .request_buttons {
	margin-top: 20px;
}

@media (max-width: 850px) {
	#my-students .btn-group > .btn:first-child {
		margin-bottom: 5px;
	}
	
	#my-students .dropdown-submenu.pull-left > .dropdown-menu {
		left: 0px;
		top: 35px;
	}
	
	#student-course-details .simple-table-wrapper,
	#my-students .simple-table-wrapper {
		overflow: auto;
	}
}

#my-students td.actions,
#my-students th.actions {
	text-align: left;
	width: 1px; /* this will let make <td> to be as wide as contents of <td> */
	white-space: nowrap;
}

.pull-left-group-dropdown {
    margin-top: 7px;
    margin-left: 15px;
}

.dropdown-min-height {
    min-height: 25px;
}

#profile-information .thumbnail {
	float: right;
}

#profile-information .thumbnail_resized {
	width: 150px;
}

#profile-information dt {
	width: 80px;
}

#profile-information dd {
	margin-left: 100px;
}

div.login-more {
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	max-width: 460px;
	margin-top: 20px;
}

div.login-more .button-container {
	width: 45%;
	margin-top: 10px;
	margin-bottom: 10px;
}

.join-school {
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    width: 95%;
}

div.join-school p {
	text-align: center;
	margin-top: 10px;
}

div.join-school .button-container {
    margin-bottom: 10px;
    margin-top: 10px;
    width: 45%;
}

form.join-school label {
	display: inline-block;
	width: 150px;
	text-align: right;
	margin-right: 10px;
}

.connections-profile-details-popover {
	width: 400px;
	display: none;
}

.connections-profile-details-popover table [class*="span"], .row-fluid table [class*="span"] {
	float: left;
}

.icon-info-sign + .popover {
	width: auto;
}

.connections-profile-details-popover .label {
	width: 50px;
	display: inline-block;
}

.icon-info-sign:hover {
	cursor: pointer;
}

.badge .popover-title,
.badge .popover-content {
	color: black;
	text-shadow: none;
	line-height: 20px;
	font-size: 14px;
}

.registration-profile-type-note {
	color: #789;
	margin-left: 10px;
	font-style: oblique;
}

@media (max-width: 850px) {
	.registration-profile-type-note {
		display: block;
		margin-left: 0;
		margin-top: 7px;
	}	
}

@media (max-width: 320px) {
	div.login-more .button-container {
		width: 100%;
	}
}

@media (max-width: 320px) {
	div.login-wrapper div.login-container div.login-forgot {
		padding-right: 0px;
		padding-left: 40px;
	}
}

.registration-header {
	margin-bottom: 25px;
}

.search-form {
	margin: 0px;
}

div.section-title {
	padding: 5px;
	padding-left: 25px;
	padding-bottom: 0px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#ffffff');
	background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#ffffff));
	background: -moz-linear-gradient(top,  #dddddd,  #ffffff);
	position: relative;
}

div.section-title h2 {
	font-size: 24px;
	font-family: 'OstrichSansMedium', Andale Mono, Verdana, sans-serif;
	letter-spacing: 14px;
	text-transform: uppercase;
	margin: 0px;
}

div.publication-container {
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	background-color: #ffffff;
}

div.publication1 {
	float: left;
	width: 100%;
}

div.publication2 {
	float: left;
	width: 50%;
}

div.publication3 {
	float: left;
	width: 33.33%;
}

div.publication4 {
	float: left;
	width: 25%;
}

div.publication-wrapper {
	margin: 5px;
	min-height: 175px;
	overflow: hidden;
	border-radius: 5px;
	-moz-box-shadow: 2px 2px 4px 2px #CCCCCC;
	-webkit-box-shadow: 2px 2px 4px 2px #CCC;
	box-shadow: 2px 2px 4px 2px #CCC;
}

div.publication-inner-wrapper {
	min-height: 175px;
	background: url('/media/img/box-bg175.png') top left repeat-x;
}

div.publication-wrapper a:hover {
	text-decoration: none;
}

div.publication-wrapper span.icon {
	width: 100%;
	min-height: 120px;
	display: block;
	text-align: center;
	line-height: 120px;
}

div.publication-wrapper span.title {
	width: 100%;
	min-height: 55px;
	display: block;
	font-size: 27px;
	font-family: 'OstrichSansMedium', Verdana, sans-serif;
	color: white;
	text-shadow: 1px 1px 2px #888;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-left: 15px;
	line-height: 25px;
	height: 55px;
}

div.publication-wrapper span.title table {
	width: 100%;
	height: 100%;
}

@media (max-width: 600px) {
	div.section-title {
		padding-left: 5px;
	}

	div.section-title h2 {
		font-size: 20px;
		font-family: 'OstrichSansBlack', Andale Mono, Verdana, sans-serif;
		letter-spacing: 10px;
		text-transform: uppercase;
		margin: 0px;
	}

	div.publication-wrapper span.title {
		font-size: 20px;
		padding-left: 5px;
		text-shadow: 1px 1px 1px #aaa;
	}
}

@media (max-width: 480px) {
	div.publication-wrapper {
		min-height: 100px;
	}

	div.publication-wrapper span.icon {
		min-height: 85px;
	}

	div.publication-inner-wrapper {
		min-height: 100px;
	}

	div.publication-wrapper span.title {
		font-size: 15px;
		padding-left: 5px;
		text-shadow: none;
		min-height: 15px;
	}
}

div.course-content {
	width: 100%;
}

div.course-wrapper {
	float: left;
    position: relative;
    width: 31%;
    margin: 1%;

}

div.course-inner-wrapper {
	padding-top: 60%;
}

div.course {
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

div.course div.course-radius {
    border-radius: 3px;
    overflow: hidden;
    height: 92%;
    box-shadow: 5px 6px 10px -5px #666;
}

div.course div.course-background {
	background: url('/media/img/box-bg175.png') repeat-x;
	background-position: center;
	height: 100%;
	padding: 10px;
}

div.course div.course-background span.title {
	color: #fff;
	font-size: 20px;
	text-shadow: 1px 1px 2px #777;
	display: block;
	height: 100%;
}

@media (max-width: 600px) {
	div.course div.course-background span.title {
		font-size: 14px;
		text-shadow: 1px 1px 1px #777;
	}
}

div.course div.course-background a:hover {
	text-decoration: none;
}

div.license-header {
	height: 35px;
    padding-right: 20px;
    padding-top: 15px;
	background: #c5c6c8; /* Old browsers */
	background: -moz-linear-gradient(top,  #c5c6c8 0%, #a5a5a5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c5c6c8), color-stop(100%,#a5a5a5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c5c6c8 0%,#a5a5a5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #c5c6c8 0%,#a5a5a5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c5c6c8 0%,#a5a5a5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #c5c6c8 0%,#a5a5a5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5c6c8', endColorstr='#a5a5a5',GradientType=0 ); /* IE6-9 */
}

div.license-header form {
    margin: 0;
}

div.license-header div.license-date {
    font-size: 20px;
    -webkit-font-smoothing: antialiased;
    text-shadow: -1px -1px 1px rgba(255,255,255,0.3);
    color: #E67200;
    float: right;
    margin: 0;
    padding: 0;
}

div.license-header.license-header-with-buttons {
    padding-top: 10px;
    padding-bottom: 5px;
}

div.license-header div.licence-action {
	float: right;
	margin: 0;
}

div.license-header div.license-type {
	margin: 5px 10px 0 0;
	float: left;
	color: #E67200;
    font-size: 18px;
}

@media (max-width: 767px) {
    div.license-header.license-header-with-buttons {
        padding: 10px 20px 10px 20px;
        height: auto;
    }

    div.license-header div.licence-action {
        float: none;
    }

    div.license-header div.license-type {
        margin: 0;
        padding: 0;
    }

    div.license-header.license-header-with-buttons div.licence-action {
        height: auto;
    }

    div.license-header.license-header-with-buttons div.license-type {
        text-align: right;
    }

    div.license-header.license-header-with-buttons div.license-type,
    div.license-header.license-header-with-buttons div.licence-action {
        width: 100%;
        float: right;
    }

    div.license-header.license-header-with-buttons div.ecommerce-licenses,
    div.license-header.license-header-with-buttons div.ecommerce-show-contact-publisher {
        margin: 0;
        float: right;
    }

    div.license-header.license-header-with-buttons div.ecommerce-licenses ul.dropdown-menu.pull-right {
        margin-top: 35px;
    }

    div.license-header.license-header-with-buttons .btn {
        float: right;
        margin-top: 5px;
    }
}

div.sample-lessons {
	background-color: #E5E5E5;
	padding: 20px;
}

div.sample-lessons .thumbnail {
	border: none !important;
	box-shadow: none !important;
	text-align: center;
}

div.sample-lessons img {
	max-width: 120px;
}

div.sample-lessons table {
	width: 100%;
}

div.sample-lessons table td.description {
	width: 60%;
	vertical-align: top;
}

div.sample-lessons table td.icons {
	text-align: right;
}

div.sample-lessons table td.description p {
	font-size: 17px;
	line-height: 28px;
	margin-top: 10px;
	color: #555;
}

.bottom-aligned-cell {
	vertical-align: bottom !important;
	text-shadow: -1px -1px 1px rgba(0,0,0,0.3);
}

.bottom-aligned-cell h3 {
	margin-bottom: 0 !important;
}

table.chapters-list td.chapter-icon.smaller {
	width: 100px;
}

table.chapters-list div.play-wrapper {
	width: 100px;
	height: 100%;
}

table.chapters-list div.play-inner-wrapper {
	background-color: #000000;
	height: 100%;
	text-align: center;
	overflow: hidden;
}

table.chapters-list div.play-wrapper a:hover {
	text-decoration: none;
}

table.chapters-list div.play-wrapper span.play {
	color: #fff;
	width: 100%;
	height: 100%;
	display: block;
	text-align: center;
}

.linear-gradient {
	background: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.6) 1%, rgba(255,255,255,0.05) 52%, rgba(0,0,0,0.05) 53%, rgba(0,0,0,0.04) 98%, rgba(0,0,0,0.16) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.75)), color-stop(1%,rgba(255,255,255,0.6)), color-stop(52%,rgba(255,255,255,0.05)), color-stop(53%,rgba(0,0,0,0.05)), color-stop(98%,rgba(0,0,0,0.04)), color-stop(100%,rgba(0,0,0,0.16)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.6) 1%,rgba(255,255,255,0.05) 52%,rgba(0,0,0,0.05) 53%,rgba(0,0,0,0.04) 98%,rgba(0,0,0,0.16) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.6) 1%,rgba(255,255,255,0.05) 52%,rgba(0,0,0,0.05) 53%,rgba(0,0,0,0.04) 98%,rgba(0,0,0,0.16) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.6) 1%,rgba(255,255,255,0.05) 52%,rgba(0,0,0,0.05) 53%,rgba(0,0,0,0.04) 98%,rgba(0,0,0,0.16) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.6) 1%,rgba(255,255,255,0.05) 52%,rgba(0,0,0,0.05) 53%,rgba(0,0,0,0.04) 98%,rgba(0,0,0,0.16) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfffffff', endColorstr='#29000000',GradientType=0 );
}

table.chapters-list.lesson-list {
	table-layout: fixed;
}

table.chapters-list.lesson-list td.chapter-description {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 15px;
	color: gray;
}

table.chapters-list.lesson-list td.chapter-description h3 {
	margin-bottom: 5px;
	color: black;
}

table.chapters-list div.play-wrapper span.play table.max-dimensions {
	width: 100%;
	height: 100%;
}

table.chapters-list div.play-wrapper span.play table.max-width {
	width: 120px;
	margin-left: 15px;
	margin-right: 15px;
}

table.chapters-list div.play-wrapper span.play table.max-width td:nth-child(odd) {
	text-align: left;
}

table.chapters-list div.play-wrapper span.play table.max-width td:nth-child(even) {
	text-align: right;
}

table.chapters-list div.play-wrapper span.play table tr {
	background-image: none;
	border-bottom: 0;
}

table.chapters-list div.play-wrapper span.play table tr {
	background-image: none;
	border-bottom: 0;
}

table.chapters-list div.play-wrapper span.play table tr td {
	padding: 0;
}

table.chapters-list div.play-wrapper span.play:hover {
	background-color: rgba(255,255,255,0.15);
}

table.chapters-list td.chapter-icon.lesson-details-cell {
	width: 150px;
	text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.3);
}

table.chapters-list td.chapter-icon.lesson-details-cell .play-wrapper {
	width: 150px;
}

table.chapters-list td.chapter-icon.lesson-details-cell .progress {
	margin-bottom: 5px;
	margin-left: 0;
	margin-right: 0;
	height: 10px;
}

div.course-header {
	padding: 10px;
	background-color: #fff;
}

div.course-header div.course-icon {
	width: 100px;
}

div.course-header div.course-title-wrapper span.section-title {
	font-size: 34px;
	letter-spacing: 5px;
	font-weight: normal;
	font-family: 'OstrichSansMedium', Verdana, sans-serif;
	color: #555;
}

div.course-header div.course-title-wrapper span.publication-title {
	font-size: 34px;
	letter-spacing: 5px;
	padding-left: 30px;
	font-family: 'OstrichSansMedium', Verdana, sans-serif;
}

div.course-header div.course-title-wrapper div.course-title {
	font-family: 'OstrichSansMedium', Verdana, sans-serif;
	font-size: 28px;
	padding: 10px;
	background-color: #BD1522;
	color: #fff;
}

@media (max-width: 480px) {
	div.course-header div.course-title-wrapper span.section-title {
		font-size: 24px;
		letter-spacing: 3px;
	}

	div.course-header div.course-title-wrapper span.publication-title {
		font-size: 24px;
		letter-spacing: 3px;
		padding-left: 0px;
	}

	div.course-header div.course-title-wrapper div.course-title {
		font-size: 18px;
		padding: 10px;
	}
	
	div.lesson div.description h3 {
		font-size: 18px;
		line-height: 1.5em;
	}
}

div.lesson {
	border-bottom: solid 1px #ccc;
}

div.lesson div.description {
	padding: 10px;
	margin-right: 150px;
}

div.lesson div.description h3 {
	margin: 0;
}

div.score div.score-element {
	width: 25%;
	min-width: 70px;
	text-align: center;
	float: left;
}

div.score div.last_activity {
	font-size: 8pt;
	line-height: 8pt;
}

div.lesson div.description div.score div.score-element {
	width: 33%;
	min-width: 70px;
}

div.lesson div.play-wrapper {
	width: 100px;
	padding: 10px;
	height: 100px;
}

div.lesson div.play-inner-wrapper {
	background-color: #000000;
	height: 100%;
	text-align: center;
	overflow: hidden;
}

div.lesson div.play-wrapper a:hover {
	text-decoration: none;
}

div.lesson div.play-wrapper span.play {
	color: #fff;
	width: 100%;
	height: 100%;
	display: block;
	text-align: center;
    background: url('/media/img/box-bg175.png') repeat-x center;
    padding-top: 26px;
}

div.lesson div.play-wrapper span.play:hover {
	background-color: rgba(255,255,255,0.15);
}

iframe#content-iframe {
	border: 0;
}

div#view-lesson {
	text-align: center;
}

.courses-wrapper {
	background: #e4e4e6; /* Old browsers */
	background: -moz-linear-gradient(top,  #e4e4e6 0%, #c9c9c9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e4e6), color-stop(100%,#c9c9c9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e4e4e6 0%,#c9c9c9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e4e4e6 0%,#c9c9c9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e4e4e6 0%,#c9c9c9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e4e4e6 0%,#c9c9c9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e6', endColorstr='#c9c9c9',GradientType=0 ); /* IE6-9 */
	border-top: solid 1px #fff;
	border-bottom: solid 1px #949494;
	width: 100%;
	height: 160px;
	border-spacing: 0 !important;
}

.courses-wrapper .course-description {
	width: 60%;
	vertical-align: top;
	padding-top: 20px;
}

.courses-wrapper .course-icon-wrapper {
	width: 20%;
	padding-left: 15px;
	padding-top: 10px;
}

.courses-wrapper .course-icon-wrapper div.course-icon {
	margin: 5px;
}

.courses-wrapper .course-icon-wrapper div.course-icon-inner {
	background: url('/media/img/box-bg175.png') bottom left repeat-x;
	overflow: hidden;
	height: 95%;
	border-radius: 5px;
	-moz-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);        
	-webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);        
	-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
}

.courses-wrapper .course-icon-wrapper div.course-icon-inner span.icon {
	width: 100%;
	display: block;
	text-align: center;
	line-height: 120px;
}

.courses-wrapper .course-description h3 {
    margin: 0 0 0 15px;
    font-size: 48px;
	font-weight: normal;
	font-family: 'OstrichSansMedium', Verdana, sans-serif;
}

.courses-wrapper .course-description h4 {
	margin: 5px;
	margin-left: 15px;
	font-size: 30px;
	font-weight: normal;
	font-family: 'OstrichSansMedium', Verdana, sans-serif;
}

.courses-wrapper .course-description .teachers-and-students {
	margin-left: 15px;
}

.courses-wrapper .actions {
	width: 20%;
	padding-right: 20px;
}

.alert {
	margin-bottom: 0px;
}

.alert.alert-strong {
	font-weight: bold;
}

#lesson-view-alerts .alert.alert-visible {
    display: block;
    margin-bottom: 0;
}

.top-left-notification {
	position: absolute;
	top: 5px;
	left: 15px;
}

.top-right-notification {
	position: absolute;
	top: 5px;
	left: 55px;
}

.relative {
	position: relative;
}

.course-simple-description {
	margin-bottom: 20px;
	border-bottom: solid 1px #ccc;
	padding-bottom: 10px;
}

.number-wrapper {
	width: 100%;
	height: 100%;
}

.number-wrapper .course-radius {
    overflow: hidden;
}

.number-wrapper .course-radius .course-background {
    background: url('/media/img/box-bg175.png') repeat-x center;
    height: 100%;
    text-align: right;
	color: white;
	line-height: 80px;
	font-size: 4em;
	font-weight: bold;
    padding: 10px 30px 10px 10px;
    -webkit-font-smoothing: antialiased;
	text-shadow: -1px -1px 1px rgba(0,0,0,0.5);
}

.course-simple-description .description-wrapper {
    padding: 0 10px 10px;
}

.course-simple-description .description-wrapper h4 {
	margin-top: 0;
}

div.course-header div.course-icon .icon {
	width: 80px;
	height: 80px;
}

.carousel .carousel-inner .item img {
	margin-left: auto;
	margin-right: auto;
	max-width: 500px;
}

.carousel {
  margin-bottom: 0;
  margin-top: 40px;
}

.carousel-control {
  border: 0;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

#assignment-id,
#assignment-date {
	display: none;
}

#assignment-datepicker {
	margin-top: 3px;
	margin-bottom: 3px;
}

#assignment-creation-wrapper {
	padding: 20px;
}

#assignment-creation-wrapper form label {
	width: 120px;
}

#assignment-creation-wrapper form div.controls {
	margin-left: 120px;
}

#assignment-creation-wrapper form div#lesson-fragments-wrapper > p {
	font-weight: bold;
}

#assignment-creation-wrapper form div#lesson-fragments-wrapper #lesson-page-titles input {
	margin-top: 0;
	margin-right: 10px;
}

#assignment-creation-wrapper form div#lesson-fragments-wrapper .btn.btn-mini ~ .btn.btn-mini {
	margin-left: 5px;
}

#assignment-creation-wrapper input[type="radio"] {
	margin-top: -1px;
}

#assignment-creation-wrapper form div#lesson-fragments-wrapper #lesson-page-images .span2:nth-child(6n+1) {
	margin-left: 0;
}

#assignment-creation-wrapper form div#lesson-fragments-wrapper #lesson-page-images .row-fluid {
    margin-bottom: 10px;
}

#assignment-creation-wrapper form div#lesson-fragments-wrapper #lesson-page-images .thumbnail {
	border-width: 3px;
	text-align: center;
	cursor: pointer;
}

#assignment-creation-wrapper form div#lesson-fragments-wrapper #lesson-page-images .thumbnail.selected {
	border-color: #ABC;
}

#advanced_search div.controls a.btn.btn-select-helper {
    vertical-align: top;
    margin-left: 10px;
}

#lesson-fragments-wrapper {
	display: none;
	margin-left: 120px;
}

#assignment-creation-wrapper .loading-image {
	width: 12px;
	margin: 10px 0 10px 10px;
}

#assignment-creation-wrapper .error-container {
    text-align: center;
    margin-bottom: 20px;
}

#assignment-creation-wrapper span.error {
	display: none;
	color: red;
	font-weight: bold;
}

#assignment-creation-wrapper select#assignee option[assignable="false"] {
    color: lightgray;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	#assignment-creation-wrapper form div.controls {
		margin-left: 0;
	}
	
	#assignment-creation-wrapper form div.controls select {
		width: 100%;
	}
	
	#assignment-creation-wrapper form div.controls input {
		width: 95%;
	}
	
	#lesson-fragments-wrapper {
		margin-left: 20px;
	}
	
	#assignment-creation-wrapper form div#lesson-fragments-wrapper #lesson-page-images .span2:nth-child(n) {
		float: left;
		width: 45%;
		margin-left: 10px;
	}
	
	#assignment-creation-wrapper form div#lesson-fragments-wrapper #lesson-page-titles,
	#assignment-creation-wrapper form div#lesson-fragments-wrapper #lesson-page-images {
		margin-bottom: 0;
	}
	
	#assignment-creation-wrapper form div#lesson-fragments-wrapper .btn.btn-mini.align-right {
		float: right;
		margin-right: 20px;
	}
	
	#assignment-creation-wrapper hr {
		margin-top: 10px;
		margin-bottom: 10px;
	}
}

table#group-assignment-students {
    margin-bottom: 50px;
}

.duedate-label {
	line-height: 36px !important;
}

.note {
	color: grey;
	font-size: small;
	font-style: italic;
}

.width_10 {
	width: 10%;
	margin-right: 5px;
}

.width_40 {
	width: 40%;
	margin-right: 5px;
}

.width_55 {
	width: 55%;
	margin-right: 5px;
}

.width_60 {
	width: 60%;
	margin-right: 5px;
}

.width_70 {
	width: 70%;
	margin-right: 5px;
}

.width_90 {
	width: 90%;
	margin: auto;
}

.width_100 {
	width: 100%;
}

.inline-div-wrapper {
	display: inline;
}

.well-dark {
	background-color: #6f6f6f;
	font-weight: bold;
	color: white;
	border-radius: 10px;
}

.nav-tabs-right > li {
    float:none;
    display:inline-block;
}

.nav-tabs-right > li:last-child {
    margin-right: 20px;
}

.nav-tabs-right > li:last-child a {
    margin-right: 0;
}

.nav-tabs-right {
	text-align:right;
}

.nav-tabs-no-bottom-margin {
	margin-bottom: 0;
}

.tabbable-header {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e4e4e6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e4e4e6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e4e4e6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e4e4e6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e4e4e6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#e4e4e6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e4e6',GradientType=0 ); /* IE6-9 */
	padding-top: 10px;
}

.tabbable-header h3 {
	margin-top: 0px;
	margin-left: 20px;
	margin-bottom: -25px;
}

.no-margin-bottom h3 {
	margin-bottom: 0;
	padding-bottom: 10px;
}

.tabbable-header h4 {
    margin-left: 20px;
}

.tabbable-header.no-tabs {
	margin-bottom: 20px;
}

.tabbable-header.no-tabs h3 {
	padding-bottom: 5px;
}

.tabbable-header.no-tabs form {
	margin-bottom: 0 !important;
}

.tabbable-header.no-tabs .form-label {
	padding-right: 5px;
	line-height: 30px;
}

.tabbable-header.no-tabs.floated {
	margin-bottom: 0;
}

.tabbable-header .tabbable-header-form {
	margin-top: 5px;
	margin-right: 20px;
	height: 45px;
}

.tabbable-header .tabbable-header-form + .tabbable-header-form {
    margin-right: 10px;
}

.tabbable-header .tabbable-header-form.pull-left {
    margin-right: 0;
    margin-left: 20px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    .tabbable-header.no-tabs.floated h3 {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .tabbable-header.no-tabs.floated .tabbable-header-form {
        margin-top: 0;
        height: auto;
    }
}

.assignments-list .tabbable-header h3 {
    margin-bottom: 5px;
}

.group-assignment-details-header {
background: #9bbd2d; /* Old browsers */
background: -moz-linear-gradient(top,  #9bbd2d 0%, #cce391 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9bbd2d), color-stop(100%,#cce391)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #9bbd2d 0%,#cce391 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #9bbd2d 0%,#cce391 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #9bbd2d 0%,#cce391 100%); /* IE10+ */
background: linear-gradient(to bottom,  #9bbd2d 0%,#cce391 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9bbd2d', endColorstr='#cce391',GradientType=0 ); /* IE6-9 */
border-bottom: solid 1px #bbb;
}

.group-assignment-details {
background: #e8e8e8; /* Old browsers */
background: -moz-linear-gradient(top,  #e8e8e8 1%, #f5f6f6 33%, #dbdce2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e8e8e8), color-stop(33%,#f5f6f6), color-stop(100%,#dbdce2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e8e8e8 1%,#f5f6f6 33%,#dbdce2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e8e8e8 1%,#f5f6f6 33%,#dbdce2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e8e8e8 1%,#f5f6f6 33%,#dbdce2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e8e8e8 1%,#f5f6f6 33%,#dbdce2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#dbdce2',GradientType=0 ); /* IE6-9 */
padding: 20px;
padding-bottom: 45px;
}


.assignment-details-header-orange {
background: #e6a617; /* Old browsers */
background: -moz-linear-gradient(top,  #e6a617 0%, #ffd28e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6a617), color-stop(100%,#ffd28e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e6a617 0%,#ffd28e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e6a617 0%,#ffd28e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e6a617 0%,#ffd28e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e6a617 0%,#ffd28e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6a617', endColorstr='#ffd28e',GradientType=0 ); /* IE6-9 */
border-bottom: solid 1px #bbb;
}

.assignment-details-orange {
background: #f7c44b; /* Old browsers */
background: -moz-linear-gradient(top,  #f7c44b 0%, #fcc762 34%, #e6a100 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7c44b), color-stop(34%,#fcc762), color-stop(100%,#e6a100)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f7c44b 0%,#fcc762 34%,#e6a100 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f7c44b 0%,#fcc762 34%,#e6a100 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f7c44b 0%,#fcc762 34%,#e6a100 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f7c44b 0%,#fcc762 34%,#e6a100 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7c44b', endColorstr='#e6a100',GradientType=0 ); /* IE6-9 */
}


.assignment-details-header-blue {
background: #67a5de; /* Old browsers */
background: -moz-linear-gradient(top,  #67a5de 0%, #add7fa 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#67a5de), color-stop(100%,#add7fa)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #67a5de 0%,#add7fa 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #67a5de 0%,#add7fa 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #67a5de 0%,#add7fa 100%); /* IE10+ */
background: linear-gradient(to bottom,  #67a5de 0%,#add7fa 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67a5de', endColorstr='#add7fa',GradientType=0 ); /* IE6-9 */
border-bottom: solid 1px #bbb;
}

.assignment-details-blue {
background: #8cbfeb; /* Old browsers */
background: -moz-linear-gradient(top,  #8cbfeb 0%, #98c7f2 34%, #589fdb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8cbfeb), color-stop(34%,#98c7f2), color-stop(100%,#589fdb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #8cbfeb 0%,#98c7f2 34%,#589fdb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #8cbfeb 0%,#98c7f2 34%,#589fdb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #8cbfeb 0%,#98c7f2 34%,#589fdb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #8cbfeb 0%,#98c7f2 34%,#589fdb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cbfeb', endColorstr='#589fdb',GradientType=0 ); /* IE6-9 */
}


.assignment-header-table {
	vertical-align: center;
	margin-left: 10px;
}

.assignment-header-table td {
	padding: 10px;
}

.header-table-full-width {
	width: 100%;
}

.header-table-full-width .dropdown {
	width: 90px;
}

.td-header-table-full {
	padding-left: 20px; 
	width: 10%;
}

.table-cell-with-padding {
	padding-right: 20px;
}

.student-name {
	font-weight: bold;
	font-size: 24px;
	background-color: rgba(0, 0, 0, 0.2);
	padding: 7px;
	border-radius: 5px;
	color: white;
	margin-left: 5px;
	margin-top: 2px;
}

.assignment-details-table {
	width: 100%;
}

.assignment-details-table td {
	vertical-align: top;
	padding: 0px;
}

.assignment-details-table .details {
	width: 75%;
	font-size: 1.2em;
}
.assignment-details-table .actions { width: 25%;}

.assignment-details-table .actions div.transparent-wrapper {
	text-align: center;
	padding: 20px 0 10px;
	border-radius: 5px;
}

.assignment-submitted-state {
	font-weight: bold;
	color: #BD362F;
}

.actions .btn-group {
	display: inline-block;
}

.actions .btn-next-to-group {
}

.assignment-details-table .icon img { 
	width: 150%;
}

.assignments-tabbable-header {
	margin-top: -38px;
}

.assignments-tabbable-header ul li:hover a {
	color: black;
}

.comment {
}

.comment-narrower {
	width: 85%;
	float: right;
}

.comment .comment-area-wrapper {
	width: 85%;
}

.comment .addressed-to {
	width: 50%;
	text-align: left;
	margin-left: 15%;
}

.comment .addressed-to-inner {
    padding: 0 20px 20px 0;
}

.comment .comment-area {
	width: 100%;
	height: 100px;
	padding: 0;
    margin: 0 0 10px;
}

.comment-entry .comment-meta {
	width: 15%;
	line-height: 16px;
}

.comment-entry .comment-text {
	width: 85%;
}

@media (max-width: 768px) {
    .comment-entry .comment-meta {
        width: 100%;
        line-height: 16px;
        margin-bottom: 5px;
    }

    .comment-entry .comment-text {
        width: 100%;
    }
}

.to-word {
	margin-right: 10px;
}

.table td.actions {
	padding-right: 0;
	text-align: right;
}

.btn-group-full-borders > .btn {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
    border-radius: 4px;
}

.table td.actions .modal{
	text-align: left;
}

.btn-group .modal {
	font-size: 14px;
}

.table th.actions {
	padding-right: 0;
	text-align: right;
}

.table th.index,
.table td.index {
    text-align: left;
    width: 5%;
}

#myCarousel .item img,
#resourcesCarousel .item img {
	max-width: 100%;
}

#myCarousel,
#resourcesCarousel {
	margin-top: 0px;
}

#resourcesCarousel {
	position: absolute;
	z-index: 1;
}

#myCarousel .carousel-indicators {
	position: absolute;
	list-style: none;
	z-index: 1;
	left: 50px;
	bottom: 50px;
	margin: 0px 0px 0px 15px;
	padding: 0px;
}

#myCarousel .carousel-indicators li {
	display: inline-block;
	margin: 5px;
	background-image: url('/media/img/kropka.png');
	width: 11px;
	height: 11px;
	background-repeat: no-repeat;
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
}

#myCarousel .carousel-indicators li.active {
	opacity: 1;
	filter: alpha(opacity=100); /* For IE8 and earlier */
}

#myCarousel .carousel-indicators li:hover {
	cursor: pointer;
}

#resourcesCarousel .carousel-control {
	background: none;
	font-size: 120px;
}

#myCarousel .carousel-caption {
	top: 56px;
	left: 50px;
	width: 210px;
	height: 218px;
	background: none;
	text-align: left;
}

#myCarousel .wider {
	width: 240px;
}

#myCarousel .carousel-caption h3,
/* TODO: Remove selector with h1 after remove old versions */
#myCarousel .carousel-caption h1 {
	color: #fff;
	font-size: 30px;
	line-height: 36px;
	margin-bottom: 25px;
}

#myCarousel .carousel-caption p {
	margin: 10px 0px 30px 0px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 200;
}

#myCarousel .youtube-video-container {
    position: absolute;
    top: 80px;
    right: 50px;
    width: 56%;
    height: 63%;
}

#myCarousel .youtube-video-container-inner {
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
}

#myCarousel .youtube-video-container-inner iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

@media (max-width: 1024px) {
	#myCarousel .carousel-control {
		font-size: 60px;
		width: 60px;
		height: 60px;
	}
	
	#myCarousel .carousel-caption {
		top: 20px;
		left: 30px;
	}
	
	#myCarousel .carousel-indicators {
		bottom: 20px;
		left: 30px;
	}
	
	#myCarousel .carousel-control.right {
		right: -10px;
		
	}
	
	#myCarousel .carousel-control.left {
		left: -10px;
	}

    #myCarousel .youtube-video-container {
        top: 50px;
    }
}

@media (max-width: 700px) {
	#myCarousel .carousel-caption {
		top: 10px;
		width: 150px;
		left: 30px;
	}
	
	#myCarousel .wider {
		width: 170px;
	}
	
	#myCarousel .carousel-indicators {
		bottom: 10px;
		left: 30px;
	}
	
	#myCarousel .carousel-indicators li {
		background-image: url('/media/img/kropka-mala.png');
	}
	
	#myCarousel .carousel-caption h1 {
		font-size: 22px;
		line-height: 26px;
	}
	
	#myCarousel .carousel-caption p {
		font-size: 10px;
		line-height: 16px;
	}
	
	#myCarousel .carousel-caption .btn {
		padding: 6px 11px;
		font-size: 13px;
	}

    #myCarousel .youtube-video-container {
        top: 35px;
    }
}

@media (max-width: 480px) {
	#myCarousel .carousel-caption {
		top: 5px;
		width: 100px;;
		position: absolute;
	}
	
	#myCarousel .carousel-caption h1 {
		font-size: 12px;
		line-height: 16px;
	}
	
	#myCarousel .carousel-caption p {
		font-size: 8px;
		line-height: 14px;
	}
	
	#myCarousel .carousel-caption .btn {
		padding: 4px 9px;
		font-size: 11px;
	}
}

@media (max-width: 320px) {
	#myCarousel .carousel-caption {
		top: 0px;
		width: 120px;
		position: absolute;
		padding: 0px;
		left: 20px;
	}
	
	#myCarousel .carousel-control {
		font-size: 25px;
		width: 20px;
		height: 20px;
	}
	
	#myCarousel .carousel-control.right {
		right: 0px;
		
	}
	
	#myCarousel .carousel-control.left {
		left: 0px;
	}
	
	#myCarousel .carousel-caption .btn {
		padding: 2px 7px;
		font-size: 9px;
	}
	
	#myCarousel .carousel-caption p {
		margin: 5px 0px;
	}
	
	#myCarousel .carousel-caption h1 {
		margin: 10px 0px;
	}
	
	#myCarousel .carousel-indicators {
		margin: 0px;
		bottom: 5px;
		left: 20px;
	}
}

#home-actions {
	position: absolute;
	width: 100%;
	bottom: 0px;
}

#home-actions .home-button {
	padding: 15px;
	padding-top: 0px;
	padding-bottom: 20px;
	text-align: center;
}

#home-actions table {
	width: 100%;
}

#home-actions table td {
	width: 25%;
	vertical-align: bottom;
	text-align: center;
	padding: 15px;
	padding-top: 0px;
	padding-bottom: 20px;
}

#home-actions table td.button {
	background: url('/media/img/semi-transparent-pixel.png');
}

#home-actions h5 {
	font-weight: normal;
}

#home-actions h5.register {
	color: #419341;
}

#home-actions h5.login {
	color: #0044CC;
}

#home h4 {
	font-weight: normal;
}

#home-content {
	position: relative;
	text-align: center;
}

#home-content table {
	width: 100%;
	text-align: center;
}

#home-content table td {
	width: 25%;
	vertical-align: bottom;
}

#home-actions .cell {
	width: 25%;
}

#home-info {
    width: 100%;
    min-height: 150px;
    -webkit-font-smoothing: antialiased;
}

#home-info #minstructor-tab,
#home-info #mlibro-tab {
	padding: 40px;
	border-top: 1px solid #909090;
	font-size: 16px;
	color: #5f5f5f;
    width: 50%;
}

#home-info .home-tab-lighter {
	background: #cecece;
	background: -moz-linear-gradient(top,  #cecece 0%, #fcfcfc 4%, #cecece 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cecece), color-stop(4%,#fcfcfc), color-stop(100%,#cecece));
	background: -webkit-linear-gradient(top,  #cecece 0%,#fcfcfc 4%,#cecece 100%);
	background: -o-linear-gradient(top,  #cecece 0%,#fcfcfc 4%,#cecece 100%);
	background: -ms-linear-gradient(top,  #cecece 0%,#fcfcfc 4%,#cecece 100%);
	background: linear-gradient(to bottom,  #cecece 0%,#fcfcfc 4%,#cecece 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cecece', endColorstr='#cecece',GradientType=0 );
}

#home-info .home-tab-darker {
	background: #c4c4c4;
	background: -moz-linear-gradient(top,  #c4c4c4 0%, #f2f2f2 4%, #c6c6c6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c4c4c4), color-stop(4%,#f2f2f2), color-stop(100%,#c6c6c6));
	background: -webkit-linear-gradient(top,  #c4c4c4 0%,#f2f2f2 4%,#c6c6c6 100%);
	background: -o-linear-gradient(top,  #c4c4c4 0%,#f2f2f2 4%,#c6c6c6 100%);
	background: -ms-linear-gradient(top,  #c4c4c4 0%,#f2f2f2 4%,#c6c6c6 100%);
	background: linear-gradient(to bottom,  #c4c4c4 0%,#f2f2f2 4%,#c6c6c6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c4c4', endColorstr='#c6c6c6',GradientType=0 );
}

#home-info #mlibro-tab {
	margin-left: 0;
}

#home-info #minstructor-tab.single-home-tab,
#home-info #mlibro-tab.single-home-tab {
    width: 100%;
}

#home-info #minstructor-tab > img ,
#home-info #mlibro-tab > img {
	margin-bottom: 20px;
}

#home-info #minstructor-tab > .description,
#home-info #mlibro-tab > .description {
	margin: 0 0 20px;
}

#home-info .buttons {
	overflow: auto;
}

.btn.btn-minstructor {
	color: #FFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #FDD26C;
	background-image: -moz-linear-gradient(top, #fdd26c 0%, #d9a832 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FDD26C), color-stop(100%,#D9A832));
	background-image: -webkit-linear-gradient(top, #FDD26C 0%,#D9A832 100%);
	background-image: -o-linear-gradient(top, #fdd26c 0%,#d9a832 100%);
	background-image: -ms-linear-gradient(top, #fdd26c 0%,#d9a832 100%);
	background-image: linear-gradient(to bottom, #FDD26C 0%,#D9A832 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdd26c', endColorstr='#d9a832',GradientType=0 );
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-minstructor:hover, .btn-minstructor:active, .btn-minstructor.active, .btn-minstructor.disabled, .btn-minstructor[disabled] {
	color: #FFF;
	background-color: #D9A832;
}

.btn-mlibro {
	display: block;
	float: left;
	height: 50px;
    width: 140px;
}


@media (max-width: 885px) and (min-width: 767px) {
    #home-info #mlibro-tab .buttons .btn-mlibro:nth-child(3) {
		margin-top: 5px;
	}
}

@media (max-width: 767px) {
	#home-info #minstructor-tab,
	#home-info #mlibro-tab {
		width: 100%;
	}
}

@media (max-width: 452px) {
    #home-info #mlibro-tab .buttons .btn-mlibro:nth-child(3) {
		margin-top: 5px;
	}
}

/** iPhone */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	#home-info #minstructor-tab,
	#home-info #mlibro-tab {
		width: 100%;
		padding: 20px;
	}
    .width50percentage {
        width: 100% !important;
    }
	
	#home-info #minstructor-tab .buttons,
	#home-info #mlibro-tab .buttons {
		min-height: 40px !important;
	}
}

strong.blue {
	color: #08c;
	font-weight: normal;
}

.group-assignment-details dt, .group-assignment-details dd {
	line-height: 23px;
}

div.simple-comments-wrapper {
	padding: 20px;
}

.centered {
	text-align: center;
}

#home-info .home-icon {
	min-width: 50px;
}

.teacher-action-buttons-wrapper {
	width: 60%;
}

.teacher-action-buttons-line {
	border-top: 1px solid lightgray;
	margin-bottom:15px;
	width: 80%;
}

.btn-learn-more {
	margin-left: 5px;
}

.btn-with-right-margin {
	margin-right: 5px;
}

.empty-students-info-row {
	line-height: 35px !important;
}

.ignore-student-modal {
}

.ignore-student-modal .modal-footer {
	padding-top: 7px;
	padding-bottom: 7px;
}

.student-details-progress-cell {
	padding-right: 25px !important;
}

.student-details-progress-cell .progress {
	margin-bottom: 0 !important;
}

.student-details-progress-cell .progress-wrapper {
	margin-right: 10px;
	width: 70%;
	min-width: 100px;
}

/**
 * Progress bars with centered text
 */
.progress {
    position: relative;
}

.bar {
    z-index: 1;
    position: absolute;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.progress span {
	position: absolute;
	top: 0;
	z-index: 2;
	color: black;
	left: 50%;
}

.span12 .progress {
	margin-bottom: 7px;
}

.student-details-table {
}

.student-details-table td {
	border-top-width: 0;
}

.student-details-table .label-column {
	width: 20%;
	font-weight: bold;
}

.student-details-table .label-for-buttons {
	line-height: 27px;
}

.student-details-table td {
	padding-top: 6px !important;
	padding-bottom: 6px !important;
}

.no-top-border-row td {
	border: 0;
	padding-top: 0;
}

.no-bottom-padding-row td {
	padding-bottom: 0;
}

.name-label {
	line-height: 28px !important;
}

div.publication-details-header {
	padding: 5px;
	padding-left: 20px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0', endColorstr='#ffffff');
	background: -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#ffffff));
	background: -moz-linear-gradient(top,  #e0e0e0,  #ffffff);
}

div.publication-details-header div.publication-title {
	color: #555;
	padding-left: 20px;
}

div.publication-details-header div.publication-title h2 {
	margin: 0;
	font-size: 60px;
	font-family: 'OstrichSansMedium', Verdana, sans-serif;
	font-weight: normal;
	margin-top: 5px;
}

div.publication-details-header div.publication-title h3 {
	margin: 0;
	font-size: 37px;
	font-weight: normal;
	font-family: 'OstrichSansMedium', Verdana, sans-serif;
}

div.publication-details-header div.publication-actions {
	padding-right: 15px;
	line-height: 2em;
}

div.publication-details-header div.publication-icon .icon {
	width: 80px;
	height: 80px;
}

.coure-description-full-text {
	padding: 20px;
}

.carousel-control {
	position: absolute;
	top: 40%;
	left: -20px;
	width: 120px;
	height: 120px;
	margin-top: -20px;
	font-size: 200px;
	font-weight: 100;
	line-height: 85px;
	color: #ffffff;
	text-shadow: -1px -1px 1px rgba(0,0,0,0.5);
	text-align: center;
	background: rgb(165, 165, 165);
	opacity: 0.5;
}

.carousel-control.right {
	right: -20px;
	left: auto;
}

table.chapters-list {
	width: 100%;
}

table.chapters-list tr {
background: #e1e1e1; /* Old browsers */
background: -moz-linear-gradient(top,  #e1e1e1 0%, #c8c8c8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1e1e1), color-stop(100%,#c8c8c8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e1e1e1 0%,#c8c8c8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e1e1e1 0%,#c8c8c8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e1e1e1 0%,#c8c8c8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e1e1e1 0%,#c8c8c8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#c8c8c8',GradientType=0 ); /* IE6-9 */
border-bottom: solid 1px #999;
}

table.chapters-list .chapter-icon {
	padding: 0px;
	width: 20%;
	height: 100px;
}
table.chapters-list .chapter-description {
	padding: 0px;
	width: 60%;
	padding-left: 20px;
}

table.chapters-list .chapter-description h3 {
	line-height: 25px;
	margin: 0px;
}

table.chapters-list .chapter-action {
	width: 20%;
	padding-right: 25px;
}

.course-screenshots {
	padding: 20px;
}

.underlined {
	border-bottom: solid 1px #555;
}

table.publication-tts-info {
	width: 100%;
	margin-right: 20px;
}

table.publication-tts-info td.info-label {
	width: 30%;
}

table.publication-tts-info td.info-score table td {
	vertical-align: middle;
	padding: 3px;
}

table.publication-tts-info td.info-score table td .progress {
	margin: 0px !important;
}

.nav-pills.bookmarks {
	margin-bottom: 0px !important;
}

table.edit-course {
	width: 100%;
}

table.edit-course td.back-button {
	width: 61px;
}
table.edit-course td.align-text-right {
	padding-right: 20px;
	text-align: right;
}

.my-courses-header {
	text-align: right;
	padding: 20px;
	background: #fcfcfc; /* Old browsers */
	background: -moz-linear-gradient(top,  #fcfcfc 0%, #e5e5e7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#e5e5e7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fcfcfc 0%,#e5e5e7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fcfcfc 0%,#e5e5e7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fcfcfc 0%,#e5e5e7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fcfcfc 0%,#e5e5e7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e5e5e7',GradientType=0 ); /* IE6-9 */
	padding-top: 10px;
	padding-bottom: 10px;
}

.my-courses-header table {
	width: 100%;
}

.my-courses-header table .title {
	text-align: left;
}

.my-courses-header table .shop {
	text-align: right;
}

div.licence-code-form-wrapper {
	display: inline;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

div.licence-code-form-wrapper input {
	margin-bottom: 10px;
}

div.licence-code-form-wrapper label {
	font-weight: bold;
}

.no-vertical-padding {
	padding-bottom: 0;
	padding-top: 0;
}

.no-top-padding {
	padding-top: 0;
}

#contact-us {
	width: 100%;
}

#contact-us .column-wrapper {
	float: left;
	margin-left: 3%;
	margin-top: 20px;
}

#contact-us .column-wrapper.single-column-wrapper {
    margin-right: 3%;
    width: 94%;
}

#contact-us .column-wrapper.single-column-wrapper .column-content.well {
    padding-bottom: 0;
    padding-top: 30px;
}

#contact-us .column-wrapper.single-column-wrapper .span6 {
    text-align: center;
    height: 122px;
    max-height: 122px;
    margin-bottom: 30px;

    /* Twitter Bootstrap img-polaroid class */
    background-color: #FFF;
    border: 1px solid #CCC;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);

    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

#contact-us .column-wrapper.single-column-wrapper .span6:nth-child(2n+1) {
    margin-left: 0;
}

#contact-us .column-wrapper.single-column-wrapper .span6 img {
    max-width: 85%;
    height: auto;
    max-height: 100px;
    padding: 10px;
}

#contact-us .column-wrapper-left h5 {
	margin: 15px 0;
}

#contact-us .column-content {
	padding: 15px 25px;
}

#contact-us .button {
	margin-top: 10px;
}

#contact-us .form-wrapper {
	display: table;
	margin: auto;
}

#contact-us .address p {
	line-height: 30px;
}

#contact-us .right-container {
	display: table;
	margin: 200px auto;
}

#contact-us .form-errors {
	color: #dd0000;
}

#contact-us .column-wrapper-left {
	width: 51%;
}

#contact-us .column-wrapper-right {
	width: 40%;
}


@media (max-width: 720px) {
	#contact-us .column-wrapper-left {
        width: 93%;
    }

    #contact-us .column-wrapper-left .well {
        margin-bottom: 0;
    }

    #contact-us .column-wrapper-right {
        width: 93%;
    }

    div.column-content.well.publisher-contact {
        min-height: initial !important;
    }
}

.vertical-align-helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

#about-us,
#error-message {
	width: 100%;
}

#about-us .column-wrapper,
#error-message .column-wrapper {
	float: left;
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 20px;
}

#about-us .column-wrapper {
    width: 94%;
}

#error-message .column-wrapper {
    width: 94%;
    text-align: center;
}

#about-us .column-wrapper-left h5 {
	margin: 15px 0px;
}

#about-us .column-content,
#error-message .column-content {
	padding: 15px 25px;
}

#about-us .content p,
#error-message .content p{
	line-height: 40px;
}

#about-us .content p.learn-more,
#error-message .content p.learn-more{
	text-align: center;
	font-weight: bold;
	font-size: 16px;
}

/* Privacy Policy */
#privacy-policy {
	width: 100%;
}

#privacy-policy .column-wrapper {
	float: left;
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 20px;
}

#privacy-policy .column-wrapper-left h5 {
	margin: 15px 0px;
}

#privacy-policy .column-content {
	padding: 15px 25px;
}

#privacy-policy .content {
	text-align: justify;
}

#privacy-policy .content p {
	line-height: 30px;
	margin: 0 0 5px 0;
}

#privacy-policy .content ul {
	margin-bottom: 20px;
}

/* Terms Of Use */
#terms-of-use {
	width: 100%;
}

#terms-of-use .column-wrapper {
	float: left;
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 20px;
}

#terms-of-use .column-wrapper-left h5 {
	margin: 15px 0px;
}

#terms-of-use .column-content {
	padding: 15px 25px;
}

#terms-of-use .content {
	text-align: justify;
}

#terms-of-use .content p {
	line-height: 30px;
	margin: 0 0 5px 0;
}

#terms-of-use .content ul {
	margin-bottom: 20px;
}

/* Documentation */

#documentation:after {
	clear: both;
}

#wiki-pages-display-wrapper,
#edit-toc-instructions,
#wiki-two-box-wrapper {
	padding: 10px;
}

#documentation:before,
#documentation:after {
	content: "";
	display: table;
	line-height: 0;
}

#documentation .wiki-list-wrapper {
	float: left;
	width: 50%;
	margin-bottom: 20px;
}


#documentation .navbar-inner {
	border-radius: 0px;
}

#documentation .wiki-list-wrapper ul.sortable  {
	list-style: none;
	margin-left: 0px;
	margin: auto;
	width: 90%;
}

#documentation .list-header {
	width: 90%;
	margin: auto;
}

#documentation .wiki-list-wrapper ul li {
	padding: 10px;
	background-color: #dcdcdc;
	border-radius: 5px;
	margin: 2px 0px;
}

#documentation .wiki-list-wrapper .placeholder {
	background-color: #fcfcfc;
}

#documentation .wiki-list-wrapper ul div {
}

#documentation .wiki-list-wrapper ul li:hover {
	cursor: pointer;
}

#documentation .btn-group {
	margin: 5px 0px;
}

#documentation #load-file {
	margin: 10px 0px;
}

#documentation .bottom-margin {
	margin-bottom: 10px;
}

#documentation table {
	margin: auto;
}

#documentation table tr td:nth-child(1) {
	padding: 0px 5px;
}

#documentation table td {
	padding: 0px;;
	margin: 0px;
}

#documentation .vertical-align-top {
	vertical-align: top;
}

#documentation #id_text {
	width: 800px;
}

#documentation form {
	margin: 0px;
}

#documentation ol {
	margin-top: 20px;
	margin-bottom: 0px;
	clear: both;
}

#documentation ol:after {
	clear: both;
}

#documentation #container {
	padding: 10px;
}

#documentation .files-list {
	list-style: none;
	margin-top: 20px;
}

#documentation .files-list li {
	width: 33%;
	display: inline-block;
}

#documentation .files-list li div:first-child {
	margin-bottom: 5px;
}

#documentation ul.not-sortable {
	list-style: none;
}

#documentation ul.not-sortable li {
	background: none;
	margin: 0px;
	padding: 5px 0px;
}

#documentation .clear-margins {
	margin: 0px;
	padding: 0px;
}

#documentation .wikiPage {
	padding: 10px;
	border-left: 1px solid #696969;
	margin: 10px 0px;
}

#documentation .wikiPage h4 {
	border-bottom: 1px solid #696969;
	padding-bottom: 3px;
	margin-bottom: 10px;
}

#documentation #wiki-pages-list-wrapper-not-sortable {
	width: 25%;
	margin-top: 20px;
}

#wiki-pages-display-wrapper {
	width: 75%;
}

#documentation #wiki-pages-list-wrapper-not-sortable ul {
	margin: 0px;
	margin-top: 10px;
	padding-left: 5px;
	list-style: none;
}

#documentation #wiki-pages-list-root-not-sortable ul {
	padding-left: 15px;
}

#documentation #wiki-pages-list-wrapper-not-sortable .selected {
	text-decoration: underline;
}

#documentation .not-sortable .wiki-page-more {
	width: 9px;
	display: inline-block;
	height: 9px;
}

#documentation .not-sortable .down {
	background-image: url('/media/img/more-arrow-down.png') !important;
}

#documentation #wiki-pages-list-root-not-sortable ul {
	display: none;
}


/* end of Documentation */

.table-condensed td.centered-message-container {
	padding-left: 0;
	padding-right: 0;
	padding-top: 12px;
	text-align: center;
}

table.my-content-empty {
	width: 80%;
	border-top: 1px solid #dddddd;
	margin: 25px auto;
}

table.my-content-empty div.centered {
	margin-top: 10px;
}

.edit-profile-table-wrapper {
	padding-top: 0 !important;
}

.edit-profile-table-wrapper form {
	margin-top: 20px;
}

.edit-profile-table-wrapper .username-control-group {
	margin-bottom: 10px;
}

.edit-profile-table-wrapper .username-control-group div.controls div {
	line-height: 30px;
}

.margin-top-8px {
	margin-top: 8px;
}

#actionMenuBtn {
	font-family: Arial;
}

#viewMenuBtn {
	font-family: Arial;
}

.progress-with-no-bottom-margin {
	margin-bottom: 0;
}

/** LIBRARY */

#library {
	padding-bottom: 10px;
}

#library div.section-title {
	padding-left: 20px;
    padding-top: 10px;
	min-height: 55px;
	margin-bottom: 10px;
}

#library div.section-show-more {
    margin: 5px 20px 15px 0;
}

	
#library div.section-title h2 {
	font-size: 22px;
	font-family: inherit;
	font-weight: bold;
	letter-spacing: inherit;
	text-transform: none;
}

#library div.section-title.table-above {
	margin-top: 15px;
}

/** iPad */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	#library div.section-title {
		padding-left: 20px;
	}
}

/** iPhone */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	#library div.section-title {
		padding-left: 10px;
        height: auto;
	}

    #library div.section-title h2 {
        font-size: 16px;
        line-height: 22px;
        padding-bottom: 10px;
        padding-left: 10px;
    }
}

.section-courses-wrapper {
	padding: 0 10px 0 10px;
}

.section-courses-wrapper .span {
    float: left;
    width: 125px;
    margin-left: 0;
    margin-right: 10px;
}

.row-fluid.section-courses .span3 {
	margin-left: 17px;
}

/** Desktop - 2 courses aside */
@media (min-width: 481px) and (max-width: 767px) {
	.row-fluid.section-courses .span3 {
		margin-left: 0px;
		margin-right: 12px;
		width: 46%;
		float: left;
	}
}

/** Desktop - single course in row */
@media (max-width: 480px) {
	.row-fluid.section-courses .span3 {
		margin-left: 0px;
		margin-right: 12px;
		width: 95%;
		float: none;
	}
}

/** iPhone */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	.row-fluid.section-courses .span3 {
		margin-left: 0px;
		margin-right: 12px;
		width: 46%;
		float: left;
	}
	
	.row-fluid.section-courses .span2 {
		margin-left: 0px;
		margin-right: 12px;
		width: 46%;
		float: left;
	}
}

.row-fluid.section-courses .span3.left {
	margin-left: 0;
}

.row-fluid.section-courses .span2.left {
	margin-left: 0;
}

.section-courses .course-wrapper {
	width: 100%;
	height: 200px;
	margin: 5px 10px;
	text-align: center;
}

.section-courses .course-tooltip-wrapper {
    width: 300px;
    margin-left: -87.5px;
    position: absolute;
    z-index: 9999;
    display: none;
    opacity: 0.9;
}
.section-courses .course-tooltip {
    max-width: 300px;
    margin: 0 auto;
    display: table;
}

.section-courses .course-tooltip-title {
    max-width: 300px;
    padding: 5px;
    margin-bottom: 0;
    border-bottom: 0;
    border-radius: 4px;
    display: block;
    background-color: rgba(0,0,0,1);
    color: white;
    font-size: 12px;
    line-height: 15px;
    overflow: hidden;
}

.section-courses .course-tooltip-title-content {
    max-width: 300px;
    max-height: 75px;
    margin: 0 auto;
    display: block;
    font-size: 12px;
    line-height: 15px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
}

.section-courses .course-tooltip-title-content:after,
.section-courses .course-tooltip-title-content::after {
    content: "";
      text-align: right;
      position: absolute;
      bottom: 10px;
      right: 0;
      width: 50%;
      height: 15px;
      background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 50%);
}

@supports (-webkit-line-clamp: 5) {
    .section-courses .course-tooltip-title-content {
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
    }

    .section-courses .course-tooltip-title-content:after,
    .section-courses .course-tooltip-title-content::after {
        display: none;
    }
}

.section-courses .course-tooltip-arrow {
    width: 0;
    height: 0;
    margin: 0 auto;
    padding-top: 0;
    display: block;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid rgba(0,0,0,1);
}

.publisher_library .section-courses .course-wrapper {
	height: 175px;
}

.section-courses .course-wrapper:hover {
	opacity: 0.8;
}

.section-courses .course-wrapper hr {
	margin: 4px 0;
}

.section-courses .course-wrapper div.publisher-short-name {
	font-weight: bold;
}

/** iPhone */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	.section-courses .course-wrapper {
		margin-left: 0;
		margin-right: 0;
	}
}

.section-courses .course-wrapper .icon {
	width: 100%;
	height: 95px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url("/media/img/default_course_icon.svg");
	background-size: 74px 95px;
	background-repeat: no-repeat;
	background-position: center;
}

.course-icon-search {
	width: 74px;
	height: 95px;
	background-image: url("/media/img/default_course_icon.svg");
	background-size: 74px 95px;
	background-repeat: no-repeat;
	background-position: center;
}

.course-title-search {
    text-align: center;
    padding: 3px 0 3px 0;
}

#course-search {
    padding: 20px 20px 0;
}

#id_filters {
    width: 500px;
}

.filters-separated {
    width:595px;
}

.padding-left5 {
    padding-left: 5px;
}

.padding-top5 {
    padding-top: 5px;
}

.height15 {
    height: 15px;
}

.course-description-search {
    margin: 0;
    max-height: 60px;
    overflow: hidden;
}

.search-pay-methods form {
    margin: 0;
}

.search-pay-methods input {
    width: 218px;
}

.search_access_to_course {
    color: #E67200;
    font-weight: bold;
    display: block;
}

.search_description_title {
    float: left;
    width: 70%;
    margin-top: 4px;
}

.section-courses .course-wrapper .title {
	width: 100%;
	text-align: center;
	overflow: hidden;
	border-color: white;
	border-style: solid;
	border-width: 0 1px 1px 1px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.section-courses a:hover .course-wrapper .title {
	text-decoration: underline;
}

/** iPhone */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	.section-courses .course-wrapper .title {
		height: 50px;
		max-height: 50px;
		min-height: 50px;
	}
    .course-wrapper img {
        position: absolute;
        top: 0;
        left: 20px;
        display: block;
    }
    .mobile-margin-top {
        margin-top: 0px !important;
        float: left !important;
        margin-left: 0px;
    }
    .mobile-height {
        height: 105px !important;
    }
    .page-header .library-publisher-select {
        margin-left: 10px;
    }
    #mobile-detect-id { display: none; }
}

.search-buttons-margin-top {
    margin-top: 55px;
}

.section-course-title {
	font-size: 15px;
	font-weight: normal;
	color: black;;
	line-height: 18px;
	text-rendering: initial;
    margin-bottom: 5px;
    display: inline;
}

.table-courses .section-course-title {
    font-size: 18px;
}

.course-icon-search img {
    position: relative;
    top: -5px;
    left: -20px;
    display: block;
}

.show-more hr {
    margin: 0 0 5px 0;
}
#advanced_search form {
    margin-bottom: 0px;
}

.course-wrapper img {
    position: absolute;
    top: 0;
    display: block;
    max-width: 90px;
}

#library.list div.table-container {
	padding-left: 20px;
	padding-right: 20px;
}

#library.list table.table-courses {
	margin-bottom: 0;
	width: 100%;
}

#library.list table.table-courses tr td:first-child {
	width: 20px;
}

#library.list table.table-courses .publisher-short-name {
	display: inline;
	border-left: 1px solid black;
	padding-left: 10px;
	margin-left: 5px;
	font-weight: bold;
}


#library.list table.table-courses td.actions a {
	padding-bottom: 0;
}

#library.list .empty-content {
	padding-bottom: 10px;
}

/** iPad */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	#library.list div.table-container {
		padding-left: 20px;
		padding-right: 20px;
	}
}

/** iPhone */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	#library.list div.table-container {
		padding-left: 20px;
		padding-right: 20px;
	}

    #library.list div.table-container tr th:first-child,
    #library.list div.table-container tr td:first-child {
        padding-left: 0;
    }

    #library.list table.table-courses {
        min-width: 100%;
        border-right: 0;
    }
	
	#library.list table.table-courses td.actions {
		vertical-align: middle;
	}
}

div.centered-content {
    text-align: center;
}

.page-header {
	padding-top: 20px;
	padding-bottom: 19px;
	margin-top: 0;
	margin-bottom: -1px;
}

.page-header h1.publisher-library-header,
.page-header h3 {
	margin: 0 0 0 20px;
}

.page-header h4 {
	margin: 0 0 0 20px;
}

.page-header a {
	margin-top: 5px;
	margin-bottom: 0;
}

.page-header a.btn.align-right {
	margin-right: 20px;
	margin-left: 0;
	float: right !important;
	clear: none;
}

.page-header a.btn + a.btn {
	margin-right: 10px;
}

.page-header a.btn.align-left {
	margin-left: 20px;
}

.page-header a.btn.align-left + h3 {
	margin-left: 15px;
}

.page-header .library-publisher-select {
	margin-top: 5px;
}

.page-header .library-publisher-select label {
	display: inline;
	line-height: 30px;
	margin-right: 5px;
}

.page-header .page-header-container {
	display: table;
	width: 100%;
    vertical-align: middle;
    height: 60px;
    min-height: 60px;
}

.page-header .page-header-container > div {
	float: none;
	display: table-cell;
	vertical-align: middle;
}

.page-header .page-header-container a {
    margin-top: 0;
}

.page-header .page-header-container form {
    margin: 0;
}

.page-header .page-header-container .dropdown-menu {
    top: 30px;
}

.page-header .page-header-container .container-left {
	padding-left: 20px;
	width: 80px;
}

.page-header .page-header-container .container-center h1.course-view-header {
    margin: 0 0 0 0;
}

.page-header .page-header-container .container-center h1.lesson-header {
    margin: 0 0 0 20px;
}

.page-header h1.publisher-library-header,
.page-header .page-header-container .container-center h1.lesson-header,
.page-header .page-header-container .container-center h1.library-header,
.page-header .page-header-container .container-center h1.course-view-header {
    font-size: 24px;
}

.page-header h1.publisher-library-header {
    line-height: 40px;
}

.page-header .page-header-container .container-center h1.lesson-header,
.page-header .page-header-container .container-center h1.library-header,
.page-header .page-header-container .container-center h1.course-view-header,
.page-header .page-header-container .container-center h3 {
	margin-left: 0;
    line-height: 30px;
}

.page-header .page-header-container .lower-text {
    line-height: 18px;
    font-size: 14px;
    font-weight: bold;
}

.page-header .page-header-container .container-right {
	padding-right: 20px;
	width: 150px;
}

.page-header .page-header-container .container-right a {
	float: right;
}

.page-header .page-header-container .container-top,
.page-header .page-header-container .container-bottom{
    display: none;
}

.page-header.page-header-with-containers {
    padding-top: 10px;
    padding-bottom: 4px;
}

.page-header.page-header-without-left {
    padding-top: 20px;
    padding-bottom: 19px;
}

.page-header.page-header-without-left .container-center {
    padding-left: 20px;
}

.page-header.page-header-without-left .container-center,
.page-header.page-header-without-left .container-right {
    width: auto;
}

.page-header .container-top a.btn + a.btn {
    margin-right: 0;
}

.page-header.page-header-standard-height {
    padding-top: 16px;
    padding-bottom: 15px;
}

.page-header.school-page-header {
    border-bottom: solid 1px #bbb;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.page-header.multiple-buttons .dropdown ul.dropdown-menu.pull-right {
    top: 35px;
    right: 20px;
    text-align: right;
}

@media (max-width: 767px) {
    .page-header.page-header-with-containers {
        padding-left: 20px;
        padding-right: 20px;
    }

    .page-header .page-header-container .container-top,
    .page-header .page-header-container .container-bottom {
        display: block;
        width: 100%;
    }

    .page-header .page-header-container .container-top a.btn + a.btn,
    .page-header .page-header-container .container-bottom  a.btn + a.btn {
        margin-right: 0;
    }

    .page-header .page-header-container .container-left,
    .page-header .page-header-container .container-right {
        display: none;
    }

    .page-header .page-header-container .container-center {
        display: block;
        width: 100%;
        margin-top: 10px;
    }

    .page-header .page-header-container .container-center.mobile-container-center-at-top {
        margin-top: 0;
        margin-bottom: 10px;
    }

    .page-header h1.publisher-library-header,
    .page-header .page-header-container .container-center h1.lesson-header,
    .page-header .page-header-container .container-center h1.library-header,
    .page-header .page-header-container .container-center h1.course-view-header,
    .page-header .page-header-container .container-center h3 {
        font-size: 20px;
    }

    .page-header.page-header-without-left .container-center {
        padding-left: 0;
    }
}

#group-details-header a.align-right + a.align-right {
	margin-right: 5px;
}

#group-details-header h3 {
	margin-right: 10px;
}

/** iPhone */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	#group-details-header div.student-name {
		margin-left: 20px;
	}
	
	#group-details-header a.align-right {
		float: left !important;
	}
	
	#group-details-header a[href="#remove_group"] {
		margin-left: 20px;
		margin-right: 5px;
	}
}

/** iPad */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .page-header h1.publisher-library-header,
	.page-header h3 {
		margin-left: 15px;
	}
	
	.page-header a.btn.align-right {
		margin-right: 10px;
	}
	
	.nav-tabs-right > li:last-child {
		margin-right: 10px;
	}	
}

/** iPhone */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    .page-header h1.publisher-library-header,
	.page-header h3 {
		margin-left: 20px;
	}
	
	.page-header a.btn.align-right {
		margin-right: 20px;
	}
	
	.nav-tabs-right > li:last-child {
		margin-right: 10px;
	}
	
	.page-header.many-buttons h3 ~ a {
		clear: left !important;
	}
	
	.header-table-full-width .dropdown.hidden{
		display: block;
		visibility: visible;
	}
	
	.td-header-table-full {
		padding-left: 20px; 
		width: 20%;
	}
	
	.header-table-full-width .dropdown:not(.hidden) {
		display: none;
		visibility: hidden;
	}
	
	.div-hidden-mobile {
		float: left;
		padding-top: 5px;
	}
	
	.half {
        float: left !important;
        width: 50% !important;
    }
   
    .on-left {
    	left: -110%;
    }
    
    .divider-mobile {
    	height: 145px;
		margin-bottom: 10px;
		padding: 0 20px 0 20px;
	}
	

}

/** Desktop */
@media (max-width: 420px) {
	.page-header.height40.course-description-search {
		height: 75px;
	}
}

/** Desktop */
@media (max-width: 420px) {
	.page-header.height40.multiple-buttons h3 ~ a {
		clear: left !important;
	}
}

.background-blue-gradient {
	background: #67a5de; /* Old browsers */
	background: -moz-linear-gradient(top,  #67a5de 0%, #add7fa 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#67a5de), color-stop(100%,#add7fa)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #67a5de 0%,#add7fa 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #67a5de 0%,#add7fa 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #67a5de 0%,#add7fa 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #67a5de 0%,#add7fa 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67a5de', endColorstr='#add7fa',GradientType=0 ); /* IE6-9 */
	border-bottom: solid 1px #bbb;
}

.background-orange-gradient {
	background: #ea8219; /* Old browsers */
    background: -moz-linear-gradient(top,  #ea8219 0%, #f2c39b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ea8219), color-stop(100%,#f2c39b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ea8219 0%,#f2c39b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ea8219 0%,#f2c39b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ea8219 0%,#f2c39b 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ea8219 0%,#f2c39b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea8219', endColorstr='#f2c39b',GradientType=0 ); /* IE6-9 */
	border-bottom: solid 1px #bbb;
}

.background-green-gradient {
    background: #6abf57;
    background: -moz-linear-gradient(top,  #6abf57 0%, #bdefaa 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6abf57), color-stop(100%,#bdefaa));
    background: -webkit-linear-gradient(top,  #6abf57 0%,#bdefaa 100%);
    background: -o-linear-gradient(top,  #6abf57 0%,#bdefaa 100%);
    background: -ms-linear-gradient(top,  #6abf57 0%,#bdefaa 100%);
    background: linear-gradient(to bottom,  #6abf57 0%,#bdefaa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6abf57', endColorstr='#bdefaa',GradientType=0 );
}

.background-grey-gradient,
#library div.section-title {
	background: #FFF;
	background: -moz-linear-gradient(top, #ffffff 0%, #e4e4e6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(100%,#E4E4E6));
	background: -webkit-linear-gradient(top, #FFF 0%,#E4E4E6 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#e4e4e6 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#e4e4e6 100%);
	background: linear-gradient(to bottom, #FFF 0%,#E4E4E6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e4e6',GradientType=0 );	
}

.background-green-gradient {
	background: #9bbd2d; /* Old browsers */
	background: -moz-linear-gradient(top,  #9bbd2d 0%, #cce391 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9bbd2d), color-stop(100%,#cce391)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #9bbd2d 0%,#cce391 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #9bbd2d 0%,#cce391 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #9bbd2d 0%,#cce391 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #9bbd2d 0%,#cce391 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9bbd2d', endColorstr='#cce391',GradientType=0 ); /* IE6-9 */
	border-bottom: solid 1px #bbb;
}

.bookmarks-row {
	height: 50px;
}

.bookmarks-row ul.nav-tabs,
.course-view-header ul.nav-tabs {
	margin-top: 12px;
}

.bookmarks-row ul.nav-tabs a {
	color: black;
}

.bookmarks-row .category-container {
	margin-top: 12px;
	margin-left: 20px;
}

/** iPhone */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    .bookmarks-row.extended-height {
        height: 110px;
    }

    .bookmarks-row .category-container {
        margin-left: 0;
        margin-right: 20px;
        float: right;
    }

    .bookmarks-row ul.nav-tabs {
        margin-right: 5px;
        width: 95%;
    }

    .bookmarks-row ul.nav-tabs li:last-child {
        margin-right: 0;
    }

    .bookmarks-row ul.nav-tabs a {
        margin-right: 0;
        padding-left: 8px;
        padding-right: 8px;
    }
}

.height40 {
	height: 40px;
}

.height60 {
	height: 60px;
}

.buttons-row {
	padding: 10px 20px 10px 10px;
	min-height: 30px;
	box-sizing: border-box;
	float: left;
	width: 100%;
}

.buttons-row a + a {
	margin-right: 10px;
}

/** Desktop */
@media (max-width: 480px) {
	.buttons-row a.align-right {
		clear: none;
		float: right;
	}
}

.empty-content {
	text-align: center;
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	border-top: 1px solid #DDD;
	padding-bottom: 30px;
	padding-top: 10px;
	margin-top: 25px;
}

@media (max-width: 720px) {
    .empty-content {
        width: 100%;
    }
}

/** iPhone */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	.empty-content {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
        padding-top: 0;
	}

    .empty-content a.btn ~ a.btn {
        margin-top: 10px;
    }
}

.ebooks-row-wrapper {
	padding-bottom: 10px;
	padding-top: 10px;
}

.ebooks-row-wrapper .ebooks-row h3 {
	margin-left: 20px;
}

.ebooks-row-wrapper .ebooks-row .ebook {
	height: 125px;

}

.ebooks-row-wrapper .ebooks-row .ebook.left {
	margin-left: 10px;
	height: 125px;
}

.ebooks-row-wrapper .ebooks-row .ebook.no-score {
	height: 100px;
}

@media (max-width: 767px) {
	.ebooks-row-wrapper .ebooks-row .ebook {
		margin-left: 0;
		height: 225px;
	}		
}

.ebooks-row-wrapper .ebooks-row .ebook div.thumbnail {
	height: 112px;
	min-height: 100px;
	max-height: 112px;
	padding: 0;
	border-width: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 131px 98px;
	box-shadow: 0 0 0 transparent;
}

.ebooks-row-wrapper .ebooks-row .ebook div.title {
	height: 60px;
	min-height: 60px;
	max-height: 60px;
	text-align: center;
	overflow: hidden;
	text-decoration: none;
	color: black;
	position:relative;
}

.ebooks-row-wrapper .ebooks-row .ebook div.title span {
	position: absolute;
	top: 50%;
	left: 0;
	height: 40px;
	margin-top: -20px;
	width: 100%;
}
.ebooks-row-wrapper .ebooks-row a:hover .ebook div.title {
	text-decoration: underline;
}

.ebooks-row-wrapper .ebooks-row .ebook .dropdown {
    text-align: center;
}

.ebooks-row-wrapper .ebooks-row {
	display: block;
	margin: 0;
    padding-left: 20px;
    padding-right: 20px;
}

.course-table-of-contents-header h3 {
	margin-left: 20px;
	font-size: 22px;
}

.course-table-of-contents .chapter {
	margin: 0;
	padding: 10px 0 10px 20px;
}

.course-table-of-contents .chapter .title {
	font-weight: bold;
}

.minstructor-lessons-container .custom-margin,
.course-table-of-contents .custom-margin {
	margin-right: 15px;
}

@media (max-width: 480px) {
	.minstructor-lessons-container .custom-margin,
	.course-table-of-contents .custom-margin {
		margin-right: 0px;
	}
}

@media (max-width: 480px) {
	.course-table-of-contents .chapter .align-right {
		float: right;
		clear: none;
	}
}

@media (max-width: 480px) {
	.course-table-of-contents .chapter > a.align-right {
		float: right;
		clear: none;
	}
}

.course-table-of-contents .chapter.root {
	margin: 10px 0 0x 0;
	padding: 5px 0 5px 15px;
}

.minstructor-lessons-container .lesson,
.course-table-of-contents .lesson {
	margin: 0;
	padding: 10px 0 10px 35px;
	border: none;
}

.minstructor-lessons-container .lesson-mycontent .lesson,
.course-table-of-contents .lesson-mycontent .lesson {
	padding: 10px 5px 8px 35px;
}

.course-table-of-contents.students-preview .lesson:hover {
	cursor: default;
}

.course-table-of-contents .lesson-mycontent .inactive:hover {
	cursor: not-allowed;	
}

.minstructor-lessons-container .lesson-mycontent .link,
.course-table-of-contents .lesson-content .link,
.course-table-of-contents .lesson-mycontent .link {
	width: auto;
	margin-top: 2px;
}

.minstructor-lessons-container .lesson-mycontent .assign,
.course-table-of-contents .lesson-mycontent .assign {
	margin-right: 5px;
}

.minstructor-lessons-container .lesson-mycontent .progress-container,
.course-table-of-contents .lesson-mycontent .progress-container {
	min-width: 150px;
	margin-right: 10px;
	margin-top: 2px;
}

.minstructor-lessons-container .lesson.hidden,
.course-table-of-contents .lesson.hidden {
	display: none;
	visibility: hidden;
}

.minstructor-lessons-container .lesson a.align-right,
.course-table-of-contents .lesson a.align-right {
	margin-right: 10px;
	margin-bottom: 5px;
}

@media (max-width: 480px) {
    .minstructor-lessons-container .lesson {
        margin-left: 20px;
        padding-right: 20px;
    }

	.minstructor-lessons-container .lesson a.align-right,
	.course-table-of-contents .lesson a.align-right {
		float: right;
		clear: none;
	}

    .minstructor-lessons-container .lesson .progress {
        float: left;
    }
}

.minstructor-lessons-container .lesson .title,
.course-table-of-contents .lesson .title {
	margin-left: 15px;
	clear: left;
}

@media (max-width: 767px) {
    .course-table-of-contents .progress {
        margin: 0;
        float: left;
    }

    .minstructor-lessons-container .lesson-mycontent .lesson,
    .course-table-of-contents .lesson-mycontent .lesson {
        padding-left: 20px;
        padding-right: 20px;
    }

    .course-table-of-contents .chapter {
        padding-right: 20px;
    }
}

#table-of-contents .topics {
    padding: 10px 20px;
}

#table-of-contents .topics h3 {
    margin-top: 0;
}

#table-of-contents .topics p {
    margin-bottom: 0;
}


.background-white-3D {
	background: rgb(255,255,255); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */
}

.background-white-3D-darker {
	background: rgb(235,235,235); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkM2QzZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(235,235,235,1) 0%, rgba(211,211,211,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,235,235,1)), color-stop(100%,rgba(211,211,211,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(235,235,235,1) 0%,rgba(211,211,211,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(235,235,235,1) 0%,rgba(211,211,211,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(235,235,235,1) 0%,rgba(211,211,211,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(235,235,235,1) 0%,rgba(211,211,211,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#d3d3d3',GradientType=0 ); /* IE6-8 */
}

.background-dark-gray {
	background: #e4e4e6; /* Old browsers */
	background: -moz-linear-gradient(top,  #e4e4e6 0%, #c9c9c9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e4e6), color-stop(100%,#c9c9c9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e4e4e6 0%,#c9c9c9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e4e4e6 0%,#c9c9c9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e4e4e6 0%,#c9c9c9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e4e4e6 0%,#c9c9c9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e6', endColorstr='#c9c9c9',GradientType=0 ); /* IE6-9 */
}

.course-description {
	padding: 20px;
}

.course-description .well .well-small {
	margin-bottom: 0px;
}

.course-sample-lessons {
	padding: 20px;
	background: #E5E5E5;
}

.course-sample-lessons .sample-lessons-container .span4 {
	float: right;
}

.course-sample-lessons .sample-lessons-container .span4:nth-child(4n) {
	margin-left: 0;
}

.course-sample-lessons .sample-lessons-container .thumbnail {
	text-align: center;
}

.course-sample-lessons .sample-lessons-container .custom-thumbnail {
	text-align: center;
}

.course-sample-lessons .sample-lessons-container .custom-thumbnail:hover {
	opacity: 0.8
}

.course-screenshots .screens-text {
	margin-bottom: 20px;
}

.course-screenshots #myCarousel {
	margin-bottom: 20px;
}

.course-screenshots #myCarousel .carousel-inner {
	min-height: 230px;
}

#manage-courses th.rank {
    width: 5%;
}

#manage-courses .tab-content {
    overflow: visible;
}

#manage-courses .btn-group + .btn-group {
    margin-left: 0;
}

.tab-content.unassigned-courses {
    padding-bottom: 85px;
}

.tab-content.unassigned-courses ul.dropdown-menu {
    left: -170px;
}

#edit-course p.screens-header {
	margin-top: 10px;
}

#edit-course .thumbnails {
	text-align: center;
}

#edit-course .thumbnails p.remove {
	display: table;
	margin: 0 auto;
}


/** Hide course field in one row with its label */
#edit-course #id_url {
	display: block;
}

#edit-course label[for='id_is_blocked'] {
	display: inline-block;
	margin-right: 5px;
}

#edit-course label[for='id_is_hidden'] {
	display: inline-block;
	margin-right: 5px;
}

#edit-course #id_is_blocked  {
	margin-top: -2px;
}

#edit-course #id_is_hidden  {
	margin-top: -2px;
}



.btn-arrow {
	padding-left: 1px;
	padding-right: 1px;
	background-image: url("/media/img/arrow-gradient.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 30px 18px;
	width: 32px;
	height: 20px;
}

.btn-arrow:hover {
	background-position: 50% 50%;
}

.minstructor-category-row {
	height: 60px;
}

.minstructor-category-row a.align-left { /* disconnect button */
	margin-top: 10px;
	margin-left: 20px;
}

.minstructor-category-row div.align-right { /* category selection */
	margin-top: 10px;
	margin-right: 20px;
}

.category-container span.category-label {
	height: 30px;
	display: inline-block;
	line-height: 30px;
	float: left;
	margin-right: 5px;
}
	
.minstructor-category-row div.align-right select {
	margin-bottom: 0;
}

@media (max-width: 560px) {
	.minstructor-category-row {
		height: 90px;
	}
	
	.minstructor-category-row div.align-right {
		float: right;
		clear: none;
	}
	
	.minstructor-category-row div.clearfix {
		display: block;
		visibility: visible;
	}
	
}

.minstructor-lessons-container .lesson_row {
	width: 100%;
	height: 40px;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #949494;
	border-spacing: 0px !important;
    text-align: center;
}

.minstructor-lessons-container > a {
	display: table;
	width: 100%;
}

.minstructor-lessons-container .lesson_row .description div {
	display: table-cell;
	vertical-align: top;
	float: left;
}

.minstructor-lessons-container .lesson_row .description div a {
	display: inline-block;
	padding: 10px 0 10px 20px;
	margin: 0px;
}

.minstructor-lessons-container .lesson_row .actions {
	display: table-cell;
	vertical-align: middle;
	padding: 5px 20px 5px 0;
	float: right;
}

.minstructor-lessons-container .lesson_row .actions .btn {
	cursor: pointer;
}

/** Desktop */
@media (max-width: 480px) {
	.minstructor-category-row div.align-right { /* category selection */
		margin-left: 0;
	}
	
	.minstructor-lessons-container .lesson_row .description {
		display: table;
		width: 100%;
		padding: 10px 0 10px 0;
	}
	
	.minstructor-lessons-container .lesson_row.empty_category .description {
		padding: 10px;
	}
	
	.minstructor-lessons-container .lesson_row .actions {
		display: table;
		width: 100%;
		padding: 0 0 10px 0;
	}
	
	.minstructor-lessons-container .lesson_row .actions > .btn {
		margin-right: 10px;
	}

    .minstructor-lessons-container .lesson_row {
        display: block;
        margin: 0;
        height: auto;
    }

    .minstructor-lessons-container .lesson_row .description {
        padding: 10px 0 0 0;
        display: block;
        text-align: center;
    }
}

@media (max-width: 350px) {
	.minstructor-category-row div.category-label {
		display: none;
	}
	
	.minstructor-category-row div.align-right {
		float: left;
		margin-left: 20px;
	}
	
	.minstructor-category-row div.align-right select {
		width: 205px;
	}
}

/** iPhone */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	.minstructor-category-row a.align-left { /* disconnect button */
		margin-left: 10px;
	}
	
	.minstructor-category-row div.align-right { /* category selection */
		margin-left: 10px;
	}
	
	.minstructor-lessons-container .lesson_row .description {
		display: table;
		width: 100%;
		padding: 10px;
	}
	
	.minstructor-lessons-container .lesson_row .actions {
		display: table;
		width: 100%;
		padding: 0 10px 10px 10px;
	}
	
	.minstructor-lessons-container .lesson_row .actions a.btn-arrow {
		margin-left: 5px;
	}
	div.score div.score-element {
		width: 60px;
	}
}

/* translations */

#translations table {
	display: table; position: static; width:100%;
	border: solid 1px #f2f2f2;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
  *zoom: 1;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}

#translations table tr.even {
	background-color: #fff
}

#translations table tr.odd {
	background-color: #eee
}

#translations table th {
	font-size: 12pt;
	padding: 4px;
	height: 40px;
	background-color: #fafafa;
	background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
	background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
	background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
	background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
	background-repeat: repeat-x;
	/*border: 1px solid #d4d4d4;*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
	  *zoom: 1;

}

#translations table td {
	height:40px;
}

#translations table .trans_key,
#translations table .trans_value {
	width: 50%
}

table#supportedLanguages {
	width: 70%;
	margin-left: 15%;
}

#translations #items-per-page-select {
	width: 50pt;
}

#translations .label-usage {
	font-size: 9pt;
	font-family: Arial, Arial CE;
	height: 20px;
	border: none;
	padding: 0;
	display: block;
	float: left;
	background: transparent;
	box-shadow: none;
	cursor: default;
}

#translations tr.add_translation_in_table textarea {
	height:20px;
}

#translations tr.add_translation_in_table input {
	width:96%;
}

#translations textarea#import_json {
	width:auto;
}

#translations div.spacesbar {
	margin: 5px 5px 20px 5px;
}

#translations div.spacesbar select {
	margin-top: 8px;
}

 #translations .navbar.under-the-top {
	 margin-top: 8px;
	 margin-bottom: 8px;
}

div#wait_for_import {
	position: absolute;
	background-color: #111;
	width: 100%;
	height: 100%;
	z-index: 999;
	top: 0;
	left: 0;
	text-align: center;
	padding-top: 15%;
	display: none;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

div#wait_for_import p {
	background-color: #fff;
	color: #000;
	font-size: 24pt;
	width: 60%;
	margin-left: 20%;
	height: auto;
	line-height: 30pt;
	padding: 5% 0 5% 0;
	}

/* endof translations */

 /* wiki_translations */

div.wiki-list-wrapper a.small {
	font-size: 8pt;
	color: #000;
}

div.wiki-list-wrapper a.newpage {
	color: #C00;
}

div#documentation div#other_languages h6 {
	margin: 3em 0 0 0;
}

div#documentation div#other_languages ul {
	margin: 0;
}

.form-horizontal .control-label {
    text-align: left;
}

.form-horizontal-margin {
	margin-left: 24px;
	margin-top: 24px;
}

.form-horizontal .control-group.multiple-rows {
    margin-bottom: 10px;
}

.form-horizontal div.controls div.info {
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
    line-height: 20px;
    padding-top: 5px;
}

.registration div.info {
	width: 90%;
	float: left;
}

.form-horizontal input.input-with-text {
    margin-top: 0;
    margin-right: 10px;
}

/* ecommerce */
.width350 {
    width: 350px;
}

#ecommerce-content select#id_course {
	width: 480px;
}

#ecommerce-content input#tags {
	width: 605px;
}

#dataTypeStatus {
	color: red;
}

#ecommerce-content .margin-generate {
	margin-top: 30px;
	padding-bottom: 5px;
}

#ecommerce-content .navbar {
	color: #777;
	overflow:visible;
	margin-bottom: 0px;
	margin-top: 3px;
}

#ecommerce-content #items-per-page-select {
	width: 50pt;
	margin-top: 10px;
}

#ecommerce-content .pagination {
	height: 30px;
} 

#ecommerce-content .content-details {
 display: block;
 line-height: 16px;
 padding: 2px 4px 2px 10px;
 text-align: center;
}

.ecommerce-show-contact-publisher {
    width: 375px;
}

.ecommerce-licenses {
    float:left;
    margin-right: 5px;
}

div.logs {
    overflow: auto;
    min-width: 300px;
    max-width: 700px;
}

div.simple-content-wrapper #id_course {
    width: auto;
}
#id_license {
	width: 250px;
}

@media (max-width: 480px) {
    #id_license {
        width: 250px;
    }

    div.license-type {
        padding-bottom: 5px;
    }

    div.simple-content-wrapper #id_course {
        width: 250px;
    }

    #id_buy_button {
        margin-top: 5px;
    }
}

/* wiki_translations */

div.wiki-list-wrapper a.small {
	font-size: 8pt;
	color: #000;
}

div.wiki-list-wrapper a.newpage {
	color: #C00;
}

div#documentation div#other_languages {
	margin: 0 3px 0 3px;	
}

div#documentation div#other_languages h6 {
	margin: 3em 0 0 0;
	font-size: 12px;
}

div#documentation div#other_languages ul {
	margin: 0;
	list-style: circle inside none;
}

div#documentation div#other_languages ul li {
	background-color: transparent;
	border-radius: 0;
	margin: 0;
	padding: 0;
	font-size: 12px;
}

/* endof wiki_translations */

#course-description .header {
	padding: 12px 20px 12px 20px;
}

#course-description .header.first {
	margin-top: 0;
}

#course-description .course-sample-lessons {
	background: none;
}

@media (min-width: 767px) {
    #course-description .course-sample-lessons .sample-lessons-container .span4:first-child {
        margin-left: 2.127659574468085%; /** Value taken from Bootstrap */
    }

    #course-description .course-sample-lessons .sample-lessons-container .span4:last-child {
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    #course-description .course-sample-lessons .sample-lessons-container .custom-thumbnail {
        text-align: left;
        margin-left: 30%;
    }
}

#course-description .course-description,
#course-description .sample-lessons-text,
#course-description .screens-text {
	text-align: justify;
}

#table-of-contents .ebook .title {
	text-shadow: 1px 1px #fff;
}

#content .course-table-of-contents div.link {
	color: #0088CC;
}

#table-of-contents .course-table-of-contents .lesson {
	color: #0088CC;
	text-shadow: 1px 1px #cfcfcf;
}

#table-of-contents .ebook .btn-ebook:link,
#table-of-contents .ebook .btn-ebook:visited,
#table-of-contents .ebook .btn-ebook:active,
#table-of-contents .ebook .btn-ebook:hover,
#table-of-contents .ebook .btn-ebook {
    text-decoration: none;
    color: #000000;
}

#stretched-image {
	margin: 0;
	position:fixed;
	top:0; left:0; right:0; bottom:0;
	height:100%;
	-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;
	display: block; 
	background-position:50% 50%;
}

.lesson-title {
	padding: 5px;
	padding-left: 20px;
}

.resources-container .resource {
	width: 260px;
	display: inline-block;
	padding-left: 5px;
	border-left: 1px solid #b1b1b1;
	position: relative;
}

.resources-container .resource > div:nth-child(1) {
    width: 50%;
}
 
.resources-container .resource > div:nth-child(2) {
    width: 48%;
	margin-left: 2%;
}

.resources-container .resource .btn-success {
	bottom: 0px;
	position: absolute;
	right: 45px;
	left: 53%;
}

.resources-container .carousel-inner {
	width: 540px;
	display: table;
	margin-left: 120px;
}

#lesson-view .resources-container {
	display: none;
	padding: 5px 0px;
	overflow: hidden;
	min-height: 100px;
}

#resourcesCarousel.resources-container .carousel-control {
	height: 60px;
	font-size: 60px;
	line-height: 60px;
	top: 50%;
}

#lesson-view .collapsed {
	min-height: 15px;
	height: 15px;
	padding: 8px;
	line-height: 1.4em;
	position: relative;
	color: #696969;
}

#lesson-view #expand,
#lesson-view #collapse {
	font-size: 1.4em;
	line-height: 1.6em;
	position: absolute;
	right: 10px;
	top: 0px;
	padding: 0px 3px;
	cursor: pointer;
	color: #696969;
}

#lesson-view #expand:hover,
#lesson-view #collapse:hover {
	text-shadow: 1px 1px #fff;
	color: #cfcfcf;
}

.resources-container .resource.first {
	border: 0px;
}

#lesson-view #resourcesCarousel .noresources {
	text-align: center;
	margin-top: 43px;
	width: 100%;
}

#customTOC {
	display: none;
}

#loading {
	padding: 20px 0px;
}

#loading img {
	display: table;
	margin: auto;
}

#loading .loading-bar {
	display: table;
	margin: auto;
	margin-top: 10px;
}

#loading .loading-bar div {
	display: inline-block;
	float: left;
}

#loading .loading-bar .label {
	line-height: 20px;
	margin-right: 8px;
	color: #111;
	background: none;
	padding: 0px;
	font-size: 14px;
}

#loading .loading-bar .bar-container {
	width: 180px;
	border: 1px solid #696969;
	border-radius: 3px;
}

#loading .loading-bar .bar-container,
#loading .loading-bar .bar {
	min-height: 20px;
	max-height: 20px;
}

#loading .loading-bar .bar {
	border-radius: 3px;
}

#upload-custom-logo {
	min-height: 75px;
	padding: 10px;
}

#upload-custom-logo h3 {
	border-bottom: 1px solid #111111;
}

#upload-custom-logo img {
	max-height: 95px;
}

#upload-custom-logo .remove-icon {
	margin-bottom: 5px;
}

#upload-custom-logo .remove-icon i {
	width: 18px;
	height: 18px;
	line-height: 18px;
}

/** Archived assignments paginator */

.paginator-wrapper {
	position: inherit;
}

.pagination {
	height: 24px;
	margin: 0 20px 0;
}

.pagination ul > li > a,
.pagination ul > li > span {
	line-height: 30px;
}

#students-paginator {
	margin-top: 20px;
}

#codes_details-paginator {
    margin-top: 5px;
}

@media (max-width: 480px) {
	.assignments-tabs.nav-tabs-right > li:last-child {
		margin-right: 5px;
	}
	
	.assignments-tabs.nav-tabs > li > a,
	.assignments-tabs.nav-pills > li > a {
		padding-right: 6px;
		padding-left: 6px;
		margin-right: 2px;
		line-height: 10px;
		font-size: 12px;
	}
	
	.assignments-tabs span.badge.badge-important {
		padding: 0 4px 0 5px;
	}
	
	.assignments-tabs.with-badge li:not(.with_badge) a,
	.assignments-tabs.with-badge li:not(.with_badge) a {
		padding-bottom: 10px;
	}
	
	.paginator-wrapper {
		left: 10%;
		width: 90%;
		margin-bottom: 10px;
		float: right;
	}
	
	.pagination {
		margin: 0;
		text-align: center;
		position: relative;
		left: -5%;
	}
	
	.pagination ul > li > a,
	.pagination ul > li > span {
		line-height: 24px;
		padding: 0 10px;
	}
	
	#tab_created_archived .simple-table-wrapper,
	#tab_received_archived .simple-table-wrapper,
	#tab_archived .simple-table-wrapper {
		padding-top: 30px;
	}	
	#my-students .simple-table-wrapper,
	#content .paginator-wrapper+.simple-table-wrapper {
		padding-top: 70px;
	}

	.results-per-page {
		width: 100%;
		margin-bottom: 10px;
		float: left;
	}
}

/* Assignments list - box with results per page */

div.results-per-page {
	float: left;
	width: 40%;
	margin-left: 20px;
}

.results-per-page select#results_per_page {
	width: 60px;
}

#update-lessons-form {
	margin-bottom: 0;
}

#update-lessons-form table td {
	border: none;
}

#update-lessons-form table tr td:first-child {
	width: 15px;
}

#update-lessons-form table tr td:first-child input {
	margin-top: 0;
}

/* Publishers */

div.simple-form-wrapper {
	padding: 20px 30px;
}

div.simple-form-wrapper .list-inline {
	display: inline;

}

div.simple-form-wrapper .list-inline > li {
	padding-right: 5px;
	display: inline-block;

}

div.simple-form-wrapper .control-group.center-vertically .control-label {
	display: inline-block;
	vertical-align: middle;
	float: none;
}

div.simple-form-wrapper .control-group.center-vertically .controls {
	display: inline-block;
	margin-left: 20px;
}

div.simple-form-wrapper .control-group .controls select + p {
    margin-top: 10px;
}

div.simple-form-wrapper .icon-info-sign {
	margin-left: 10px;
}

div.simple-form-wrapper .icon-info-sign.icon-info-large-text + .tooltip .tooltip-inner {
	max-width: 300px !important;
}

div.simple-form-wrapper .input-group-header {
    margin-bottom: 20px;
    padding-bottom: 10px;
    padding-left: 5px;
}

.language-name {
	border-top: 1px solid #AAAAAA;
	padding-top: 10px;
	font-size: 15px;
	font-weight: bold;
}

div.simple-form-wrapper .input-group-header:not(.first) {
    margin-top: 30px;
}

div.simple-form-wrapper .input-group-explanation {
    font-size: 0.6em;
    color: #778899;
    font-style: oblique;
}

div.simple-form-wrapper .controls div.plain-value {
    line-height: 30px;
}

.publisher-contact h4 {
	margin-top: 20px;
}

.publisher-contact p i {
	margin-right: 5px;
}

.publisher-contact span.adress-fragment {
	margin-left: 20px;
}

.publisher-contact span.adress_3-fragment_nowrap {
	white-space: nowrap;
    margin-left: 20px;
}

.publisher-contact span.cell_phone_fragment {
    margin-left: 3px;
    padding-left: 3px;
}

.publisher-contact i.icon-whatsapp {
    background-image: url('/media/img/whatsapp.png');
    display: inline-block;
    width: 13px;
    height: 13px;
}

.simple-form-wrapper span#url-lookup {
    margin-left: 20px;
}

.simple-form-wrapper .uneditable-input {
    display: none;
}

.simple-form-wrapper .controls.controls-no-input {
    padding-top: 5px;
}

/** Based on http://cssdeck.com/labs/rwd-image-aspect-ratio */
.all-publishers-wrapper ul {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0 0 2em 0;
  list-style-type: none;
}

.all-publishers-wrapper li {
  float: left;
  width: 33.3%;
  padding: 0;
  margin: 0;
  background-color: white;
  border: 10px solid #fff;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.all-publishers-wrapper li a {
  display: block;
  width: 100%;
  overflow: hidden;
}

.all-publishers-wrapper img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  -webkit-transition: all 2s ease-out;
  transition: all 2s ease-out;
}

.all-publishers-wrapper li a {
  position: relative;
  height: 0;
  padding-top: 56.25%;
}

.all-publishers-wrapper img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

table#manage-publishers {
	margin-bottom: 110px;
}

table.manage-contests td,
table#manage-publishers td {
	vertical-align: middle;
}

table.manage-contests td.contest-logo,
table#manage-publishers td.publisher-logo {
	width: 100px;
	max-width: 100px;
	height: 50px;
	max-height: 50px;
	padding-right: 25px;
}

table.manage-contests td.actions {
	width: 150px;
}

table.manage-contests.last {
	margin-bottom: 110px;
}

td.contest-logo img {
	max-height: 100px;
}

table#manage-publishers .is-public-column {
	width: 100px;
}

form#course-migration-form input,
form#course-migration-form select,
div.simple-content-wrapper #id_course {
    width: 350px;
}

form#course-migration-form input[type="button"] {
    width: auto;
}

/* End of Publishers */

form .control-group.simple-value {
    margin-bottom: 10px;
}

form .control-group.simple-value .controls {
    padding-top: 5px;
}

form .control-group .controls.checkbox-with-info {
    padding-top: 5px;
}

form .control-group .controls.checkbox-with-info input {
    margin-top: 0;
}

form .control-group .controls.checkbox-with-info span {
    color: darkgray;
}

/* Workaround for Twitter Bootstrap modal not showing on iPhone */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	.modal.fade.in {
		top: 25% !important;
	}
}

/* Polls - list questionnaires */

div.table-with-dropdown {
	padding-bottom: 100px;
}

.table td.actions form {
	margin-bottom: 0;
}

#polls-sessions .polls-session-filters {
	margin: 20px 20px 0 20px;
}

#polls-sessions hr {
	margin: 5px 0 10px 0;
}
.polls-session-filters span {
	display: block;
	float: left;
	margin: 5px 10px 14px 0;
}


/* Manage public sections */
table#manage-public-sections td.hidden-section {
	color: gray;
}

table#add-currency {
	margin-bottom: 45px;
}

/* Blog */
.panel-heading h1,
.panel-heading h2,
.panel-heading h3 {
    line-height: 24px;
    margin: 0;
    font-size: 16px
}

.panel-heading a.panel-title:hover {
    color: inherit;
}

.panel-body table {
    border-collapse: separate;
    border-spacing: 5px;
}

#blog-post .comment-meta {
    line-height: 20px;
}

/* Forum */

ul.no_symbol {
    list-style: none;
    margin-left: 0;
    padding-left: 3px;
    margin-bottom: 0;
}

ul.subforums li {
    font-size: 14pt;
    line-height: 21pt;
}

.panel-body table.mceLayout {
    border-spacing: 0;
}

.breadcrumb {
    margin-bottom: 0;
}

.breadcrumb>li+li:before {
content: "/\00a0";
padding: 0 5px;
color: #ccc;
}

img.thumbnail_50x50 {
    width: 50px;
    height: 50px;
}

.comments_header {
    border-bottom: solid 1px #e0e0e0;
    margin-bottom: 20px;
}

table#manage-members {
    margin-bottom: 50px;
}

form.form-horizontal#home-panel-form .control-label {
    width: 200px;
}

form.form-horizontal#home-panel-form .controls {
    margin-left: 220px;
}

form.form-horizontal#home-panel-form .controls img {
    width: 400px;
}

form.form-horizontal#home-panel-form .tooltip-inner {
    max-width: 400px;
}

#school-news-container .column-wrapper-left {
    width: 65%;
}

#school-news-container .column-wrapper-right {
    width: 26%;
}

#school-news-container .column-wrapper.single-column-wrapper .span6 {
    text-align: center;
    height: 122px;
    max-height: 122px;
    margin-bottom: 30px;

    /* Twitter Bootstrap img-polaroid class */
    background-color: #FFF;
    border: 1px solid #CCC;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);

    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

#school-news-container {
	width: 100%;
}

#school-news-container .column-wrapper {
	float: left;
	margin-left: 3%;
	margin-top: 20px;
}

#school-news-container .column-wrapper.single-column-wrapper {
    margin-right: 3%;
    width: 94%;
}

#school-news-container .column-wrapper.single-column-wrapper .column-content.well {
    padding-bottom: 0;
    padding-top: 30px;
}


#school-news-container .column-content {
    padding: 15px 25px;
}

#school-news-container .right-container {
    margin: 200px auto;
}

#school-news-container .column-wrapper-left .news-title {
    margin-top: 0;
}

#school-news-container .column-wrapper-left .news-item {
    border-bottom: 1px solid lightgray;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

#school-news-container .column-wrapper-left .news-item:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}

#school-news-container .column-wrapper-left .news-item .span9 {
    padding-bottom: 10px;
}

#school-news-container .column-wrapper-left .news-item:last-child .span9 {
    padding-bottom: 0;
}

#school-news-container .column-wrapper-left .news-item .news-read-more-link {
    font-weight: bold;
    font-size: small;
    color: #4265A7;
}

#news-paginator-wrapper .pagination {
    height: inherit;
    margin-bottom: 10px;
}

#news-paginator-wrapper .pagination-right {
    text-align: center;
}

#school-news-container .column-wrapper-left h4 {
    margin-top: 0;
}

/*reports*/
 #school_report .search-table {
     max-width: inherit;
 }

 #school_report .search-table tr {
     border-bottom: 1px solid lightgrey;
 }

 #school_report .search-table#courses tr:first-child {
     border-bottom: none;
 }

 #school_report .search-table .inner td {
     padding: 5px 10px;
     height: 35px;
 }

 #school_report .search-table-outter {
     overflow-x: auto;
 }

 #school_report .search-table .inner th, #school_report .search-table td {
     width: 120px;
 }
 #school_report .search-table td {
     text-align: center;
 }

 #school_report .search-table td .report_progress {
     margin-left: auto;
     margin-right: auto;
 }

 div#school_report div.search-table-outter table.search-table tbody tr td.class_report_icon {
     min-width: 105px;
 }

 .report_title .course_icon {
     width: 45px;
     height: 60px;
     vertical-align: text-bottom;
 }

 .course_icon .img_icon {
     vertical-align: text-bottom;
 }

 .default_img {
     width: 100px;
     height: 90px;
 }

/*calendar*/
 #id_end, #id_start {
     background: white;
     cursor: text;
 }

table#edit-course-structure .chapter {
    border-top: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
}

table#edit-course-structure tr > td:first-child {
    border-right: 1px solid lightgray;
}

table#mlibro-buttons {
    margin-bottom: 50px;
}

table#mlibro-buttons td.logo {
	width: 100px;
	max-width: 100px;
	height: 50px;
	max-height: 50px;
	padding-right: 25px;
}

.dropdown-submenu > .dropdown-menu.left-side {
    top: 20%;
    left: -141px;
    min-width: 140px;
}

/** Form wizard **/
form.wizard .control-group.multiple-rows {
    margin-bottom: 10px;
}

form.wizard .control-group div.info {
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
    line-height: 20px;
    padding-top: 5px;
}

.loading-image.wizard-loading-image {
    margin-top: 5px;
    margin-right: 10px;
}

form.wizard input[type="radio"] {
    margin-top: 0;
    margin-right: 10px;
}

form.wizard p {
	font-weight: bold;
}

form.wizard #lesson-page-titles input {
	margin-top: 0;
	margin-right: 10px;
}

form.wizard .btn.btn-mini ~ .btn.btn-mini {
	margin-left: 5px;
}

form.wizard #lesson-page-images .span2:nth-child(6n+1) {
	margin-left: 0;
}

form.wizard #lesson-page-images .row-fluid {
    margin-bottom: 10px;
}

form.wizard #lesson-page-images .thumbnail {
	border-width: 3px;
	text-align: center;
	cursor: pointer;
}

form.wizard #lesson-page-images .thumbnail.selected {
	border-color: #ABC;
}

form.wizard .controls label {
    cursor: pointer;
}

#wizard-data-loading-progress {
    text-align: center;
}

#wizard-data-loading-progress p {
    font-weight: bold;
    font-style: italic;
}

#wizard-data-loading-progress .progress {
    margin-left: 15%;
    margin-right: 15%;
}

#wizard-data-loading-progress .progress .bar {
    width: 0;
}

#cookies-notification-wrapper .alert {
    border-radius: 0;
}

#edit-user-wrapper .nav {
    margin-bottom: 0;
}

#edit-user-wrapper .current-value,
#edit-user-wrapper input ~ a.btn {
    margin-left: 10px;
}

#edit-user-wrapper img ~ a.btn {
    margin-top: 10px;
    margin-left: 40px;
}

#edit-user-wrapper .regulation-check {
    display: flex;
}

#edit-user-wrapper .regulation-check > input {
    margin-right: 15px;
}

#edit-user-wrapper .anonymize-wrapper{
    margin-left: 30px;
}

#edit-user-wrapper .anonymize-wrapper .input-group-explanation{
    font-size: 0.6em;
    color: #778899;
    font-style: oblique;
}

#portal-description {
	background: rgba(90, 90, 90, 90) linear-gradient(to bottom, #cecece 0%, #fcfcfc 4%, #cecece 100%) repeat scroll 0 0;
	padding: 10px;
}

#portal-description img {
	margin-left: 30px;
}

#portal-description h1 {
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
	color: #5f5f5f;
	font-weight: normal;
	font-size: 16px;
	line-height: 1.3em;
	margin-top: 15px;
	margin-left: 30px;
	margin-right: 30px;
}

#portal-description p {
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
	color: #5f5f5f;
	font-weight: normal;
	font-size: 16px;
	margin-top: 15px;
	margin-left: 30px;
	margin-right: 30px;
}

#portal-description ul {
	list-style-type: disc;
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
	color: #5f5f5f;
	font-weight: normal;
	font-size: 16px;
	margin-top: 15px;
	margin-left: 40px;
	margin-right: 30px;
	padding-left: 15px;
}

#portal-description ul li {
	margin-top: 10px;
}

.clear {
	clear: both;
}

.btn-google {
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  padding: 8px 0 8px 30px;
  background: #dd4b39 url('/media/img/google-btn.svg') no-repeat left 2px;
  text-align: center;
  min-width: 260px;
  background-size: 40px;
  letter-spacing: 0.5px;
  font-weight: bold;
  margin: 10px 5px 0 0;
}

.btn-office {
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  padding: 8px 0 8px 30px;
  background: #dd4b39 url('/media/img/office_365_icon.svg') no-repeat left 2px;
  text-align: center;
  min-width: 260px;
  background-size: 40px;
  letter-spacing: 0.5px;
  font-weight: bold;
  margin: 10px 5px 0 0;
}

.btn-librus {
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  padding: 8px 0 8px 30px;
  background: #dd4b39 url('/media/img/librus_icon.svg') no-repeat left -9px;
  text-align: center;
  min-width: 260px;
  background-size: 40px;
  letter-spacing: 0.5px;
  font-weight: bold;
  margin: 10px 5px 0 0;
}


.btn.btn-google:hover{
    background-position: left 2px;
	background-color: #B82E1D;
}

.btn.btn-office:hover{
    background-position: left 2px;
	background-color: #B82E1D;
}

.btn.btn-librus:hover{
    background-position: left -9px;
	background-color: #B82E1D;
}

.btn-login-submit {
	height: 40px;
	max-width: 100%;
	min-width: 292px;
}

/** iPhone */
@media  (min-device-width: 320px) and (max-device-width: 480px) {
	.btn-librus, .btn-office, .btn-google{
		min-width: 216px;
	}
	.btn-login-submit {
		min-width: 247px;
	}
}

.school-snippet {
	border: double 3px #e6e6e6;
	width: 80%;
	margin-left: 10%;
	margin-bottom: 20px;
 }

.school-snippet img {
	float: left;
	margin: 5px;
}

.school-snippet .btn {
	float: right;
	margin: 5px;
}

.school-snippet h3,
.school-snippet p {
	text-align: center;
}

.school-status .active{
	color: #0B0;
}

.school-status .in-progress{
	color: #A5A500;
}

.school-status .unregistered,
.school-status .not-active{
	color: #C00;
}

.should_be_admin {
	width: 25%;
	float: left;
}

.should_be_admin label {
	display: inline;
	margin-bottom: 0;
}

.should_be_admin input {
	margin-top: 0;
}

#remove_request label input {
	margin-top: 0;
}

form#manage-request {
	margin-top: 20px;
}

.required {
	color: #C00;
}

#show_more_section {
	margin-bottom: 20px;
}

ul.lessons-list {
	list-style: none;
}

ul.lessons-list li {
	line-height: 40px;
}

.contest-icon {
	display:block;
	float: left;
	margin: 0 10px 10px 0;
}

.contest-description {
	float: left;
}

.contest-description ul,
.contest-description ol {
	list-style-position: inside;
}

.contest-status p {
	margin: 0;
	font-size: 12px;
	line-height: 14px;
	white-space: nowrap;
}

.contest-status p strong {
	display: inline-block;
	width: 55%;
	text-align: right;
	margin-right: 3px;
}

.contest-status p .contest_date {
	display: inline-block;
}

.contest-status p .contest_time {
	display: inline-block;
	margin-left: 6px;
}

table th.align-center {
	text-align: center;
}

.pointer {
	cursor: pointer;
}

table#manage-members.table {
	border-collapse: separate;
}

table#manage-members.table tbody + tbody {
	border-top: none;
}

table#manage-members.table tbody.class-members input {
	margin: 0;
}

li.toggle-selection {
	list-style: none;
}

.contest-schedule p strong {
	display: inline-block;
	width: 150px;
	text-align: right;
}

.contest-schedule p span.contest_date,
.contest-schedule p span.contest_time {
	display: inline-block;
	margin-left: 10px;
}

label.configuration-label {
    display: inline-block;
    width: 180px;
}

input.configuration-input {
    margin-top: 0;
    margin-right: 10px;
}

.school-search-form form input[type="text"] {
	margin-bottom: 0;
	width: 190px;
}

.school-search-form form button.btn {
	margin-top: 0;
}

.max150 {
	max-width: 150px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#report-one-course {
	margin-bottom: 0;
}


#report-one-course table tr td:first-child input {
	margin-top: 0;
}

.courses-to-add {
	margin-top: -20px;
	padding-left: 200px;
	padding-bottom: 10px;
	padding-right: 10px;
}

#manyCoursesReport th {
	text-align: center !important;
}

.th-right th {
	text-align: left !important;
}

.th-right th + th {
	text-align: right !important;
}

form.export-users ul.errorlist {
	list-style-type: none;
	margin-left: 0;
}

.details-container {
    margin: 20px 20px 0px;
}

.padding-left-right-bottom-10 {
	padding: 0 10px 10px 10px;
}

.description-on-tile {
	font-weight: bold;
	text-align: center;
	color: #ffffff;
}

.box-description {
	background-color: #eeeeee;
	margin-bottom: 20px;
}

.lesson-title-description {
	font-weight: bold;
	color: #2287c3;
}

#registration_advanced ul.errorlist,
#registration_form ul.errorlist {
	display: inline-block;
	padding-left: 5px;
	list-style: none;
	margin-left: 0;
}

#registration_advanced  ul.errorlist li,
#registration_form ul.errorlist li {
	color: #b94a48;
}

td.transparent {
	background: transparent !important;
}

.width50 {
	width: 50%;
}