/* cmsms stylesheet: default_1470_1230 modified: 01/18/22 13:37:05 */
/* cmsms stylesheet: default_1470_1230 modified: 08/31/21 12:57:30 */
@import url('https://fonts.googleapis.com/css2?family=Roboto&family=Source+Sans+Pro:wght@600&display=swap');

body {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	line-height: 180%;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-style: normal;
}

/* general display styles */

.outer {
	
}

.inner {
	width: 1120px;
	margin: 0px auto;
}

.left_c {
	float: left;
}

.right_c {
	float: right;
}

.left_c img, .right_c img {
	max-width: 100%;
	height: auto;
}

.equal {
	width: 530px;
	margin-right: 20px;
}

.wide {
	width: 900px;
	margin-right: 20px;
}

.narrow {
	width: 440px;
	 margin-right: 20px;
}

a.blockbutton:link, a.blockbutton:visited {
	display: inline-block;
	box-sizing: border-box;
	height: 40px;
	padding-top: 7px;
	text-decoration: none;
	font-size: 105%;
        text-decoration: none;
        text-transform: capitalize;
}

a.passbutton {
margin-top: 20px;
}

a.inpagebutton {
float: left;
padding-left: 10px;
padding-right: 10px;
margin-right: 20px;
}

.inner_popup a.inpagebutton {
float: none;
}

a.fadedbutton {
cursor: not-allowed;
}

a.fadedbutton:link, a:fadedbutton:visited, a.fadedbutton:hover {
color: #8eb9b4 !important;
background-color: #a7dcd6 !important;
}

#signup_button {
margin-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
    height: 60px;
    padding-top: 18px;
    font-size: 180%;
}

.undercol {
	clear: both;
	font-size: 1px;
	height: 1px;
}


/* end general display styles */

.outer_popup {
position: fixed;
top: 0px;
left: 0px;
z-index: 99999999;
width: 100%;
height: 100%;
}

.inner_popup {
width: 400px;
position: relative;
box-sizing: border-box;
padding: 40px;
margin: 40px auto 0px auto;
cursor: pointer;
}

.inner_popup span {
position: absolute;
top: 20px;
right: 20px;
}

.inner_popup h3 {

}

.inner_popup p {

}

#side_nav_holder {
	position: fixed;
	top: 0px;
	left: -250px;
	width: 302px;
	height: 100%;
	z-index: 99999999;
}

#side_nav_back {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 99999990;
	display: none;
}

#side_nav {
	position: relative;
	width: 302px;
	height: 100%;
	min-height: 100%;
}

#nav_logo {
	position: absolute;
	top: 20px;
	left: 55px;
}

ul#side_menu {
	margin: 0px;
	padding: 152px 0px 0px 0px;
	width: 250px;
}

#side_menu li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#side_menu a:link, #side_menu a:visited  {
display: block !important;
    width: 162px;
    margin: 0px auto 20px auto;
    text-align: center;
    height: auto;
    min-height: 40px;
    padding-bottom: 5px;
}

#nav_open {}

#nav_close {
	display: none;
}

.menu_text {
display: block;
    position: absolute;
    top: 64px;
    left: -16px;
    transform: rotate(-90deg);
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    font-size: 200%;
    Line-height: 100%;
}


.nav_trigger {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 52px;
	height: 100%;
	cursor: pointer;
}

.nav_arrows {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    font-size: 140%;
    line-height: 100%;
    text-align: center;
    display: block;
    padding-top: 10px;
}


header {

}

#topbar {
height: 40px;
padding: 0px 8px;
box-sizing: border-box;
}

#inner_topbar {
padding: 7px 0px;height:  40px;box-sizing:  border-box;
}

#topbar_left {
float: left;
margin-left: 20px;
}

#topbar_left a {
display: inline-block;
padding: 5px 5px 5px 0px;
}

#topbar_right {
float: right;
margin-right: 20px;
}

#topbar_right img {
position: relative;
bottom: -2px;
}

#topbar_right a {
display: inline-block;
font-family: 'Roboto', sans-serif;
    font-weight: 600;
text-decoration: none;
font-size: 85%;
padding-left: 10px;
}

#outer_header {
	
}

#inner_header {
	height: 190px;
	position: relative;
}

#inner_header div.undercol { 
    display: block;
    height: 160px;
    overflow: hidden;
    border-bottom: 1px solid;
    margin: 0px 20px;
}

#logo {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 300px;
}

#login_button {
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;
padding-left: 20px;
padding-right: 20px;
}

.logout {
    width: 270px;
    height: 59px;
    box-sizing: border-box;
    margin-right: 20px;
    margin-top: 20px;
    border: 1px solid;
    padding: 5px 20px;
    text-align: center;
    line-height: 100%;
    position: absolute;
    right: 0px;
}

.logout p {
margin-bottom: 5px;
}

.logout span {
	/* display: block; */
	padding-left: 3px;
}

.logout a.blockbutton:link, .logout a.blockbutton:visited {
	font-size: 100%;
	height: 20px;
	width: 100px;
	padding-top: 3px;
}

#top_navigation {
	position: absolute;
	right: 0px;
	top: 96px;
}

#menu_show {
	display: none;
}

#actual_menu {
	display: block;
}

#actual_menu ul {
	margin: 0px;
	padding: 0px;
}

#actual_menu li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
}

#actual_menu a:link, #actual_menu a:visited {
	display: block;
	padding: 8px 20px 2px 20px;
	margin: 0px 20px 0px 0px;
	text-align: center;
	text-decoration: none;
	font-size: 105%;
	height:  40px;
	box-sizing:  border-box;
}

#actual_menu a:hover {

}

#main_column {
	padding-left: 20px;
	position: relative;
}

#outer_login_form {
padding-right: 20px;
}

#login_form {
width: 600px;
margin: 0px auto;
}

#needed_buttons {
	position: absolute;
	top: 0px;
	right: 20px;
}

#mobile_menu {
display: none;
}

#needed_buttons a.blockbutton {
	margin-left: 15px;
	padding-left: 10px;
	padding-right: 10px;
}

#needed_buttons a.blockbutton span {
display: none;
}

#outer_footer {
	
}

#inner_footer {
	position: relative;
	font-size: 75%;
	padding-top: 20px;
}

#inner_footer a:link, #inner_footer a:visited {
	text-decoration: underline;
}

#inner_footer a:hover  {
	text-decoration: none;
}

#footer_left {
	float: left;
	padding-left: 20px;
}

#lower_menu ul {
margin: 0px;
padding: 0px;
}

#lower_menu li {
margin: 0px;
padding: 0px;
list-style: none;
float: left;
}

#footer_right {
	float: right;
	padding-right: 20px;
}

h1 {
	font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
	font-size: 200%;
	Line-height: 100%;
	margin: 0px 0px 30px 0px;
}

h1 div.smalltext {
font-size: 30%;
font-family: 'Roboto', sans-serif;
font-weight: 400;
}

h2 {
	font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
	font-size: 200%;
	Line-height: 100%;
	margin: 0px 0px 30px 0px;
}

h2 span.smalltext {
        font-size: 60%;
display: block;
}

h3 {
	font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
	font-size: 200%;
	Line-height: 100%;
	margin: 0px 0px 10px 0px;
}

h4 {
	font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
	font-size: 135%;
	Line-height: 100%;
	margin: 0px 0px 10px 0px;
}

h5 {
	font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
	font-size: 120%;
	Line-height: 100%;
	margin: 0px 0px 10px 0px;
}

h6 {
	font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
	font-size: 110%;
	Line-height: 100%;
	margin: 0px 0px 10px 0px;
}

.titlewidth {
width: 600px;
}

p {
	margin: 0px 0px 10px 0px;
}

a:link, a:visited {
	text-decoration: underline;
}

a:hover  {
	text-decoration: none;
}

a img {
border: 0px;
}

/* course summaries elements */

#base_courses_summary, #completed_courses_summary {
	clear: both;
}

.summaries_block {
	padding-left: 20px;
	padding-top: 20px;
clear: both;
}

.summaries_block h3 {
	margin-bottom: 30px;
}

.summary {
	float: left;
	width: 530px;
	margin-right: 20px;
	margin-bottom: 20px;
}

.course {}

.summary_header {
	height: 90px;
	box-sizing: border-box;
	padding: 0px 20px;
 position: relative;
}

.summary_header h4 {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
	width: 75%;
}

.summary_header_icons {
	float: right;
	padding-top: 20px;
	line-height: 100%;
}

.summary_header_icons div.smalltext, .summary_header_icons span.smalltext {
	font-size: 60%;
}

.summary_header_icons span.strikethrough {
text-decoration: line-through;
}

.icon {
    display: inline-block;
    float: left;
    box-sizing: border-box;
    padding: 3px;
    width: 26px;
    height: 26px;
    text-align: center;
}

.summary_image {
	position: relative;
	width: 100%;
	height: 150px;
	overflow: hidden;
}

.summary_image img {
	position: absolute;
	top: -75px;
	left: 0px;
	width: 100%;
	height: auto;
}

.summary_content {
	padding: 20px;
	box-sizing: border-box;
	height: 180px;
	overflow-x: hidden;
	overflow-y: scroll;
	border-left: 1px solid;
	border-right: 1px solid;
}

.summary_content p {}

.summary_buttons {
	height: 30px;
	padding: 20px;
	border-left: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
}

.summary_buttons a.blockbutton:link, .summary_buttons a.blockbutton:visited  {
	float: left;
	font-size: 100%;
	line-height: 100%;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 20px;
    height: 30px;
}

a.locked:link, a.locked:visited {
	cursor: not-allowed;
}

/* end course summaries elements  */

/* course mainpage elements */

#course_details_full {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 99999989;
	width: 100%;
	height: 100%;
	min-height: 100%;
	display: none;
}

#course_details_full_inner {
	width: 800px;
	margin: 50px auto;
	box-sizing: border-box;
	padding: 20px;
	height: 80%;
	border: 1px solid;
}

#course_details_full_content {
	max-height: 100%;
	overflow-y: scroll;
	padding-right: 20px;
}

#course_details_full h3, #course_details_full h4   {
	margin-right: 50px;
	margin-bottom: 30px;
}

#course_details_full p {}

#course_details_full_close {
	float: right;
}

#course_details_full_summary {}

#course_details_full_aims {}

#course_details_full_requirements {}

#course_details_full_details {}

#tutor_profiles {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 99999989;
	width: 100%;
	height: 100%;
	min-height: 100%;
	display: none;
}

#tutor_profiles_inner {
	width: 800px;
	margin: 50px auto;
	box-sizing: border-box;
	padding: 20px;
	height: 80%;
	border: 1px solid;
}

#tutor_profiles_content {
	max-height: 100%;
	overflow-y: scroll;
	padding-right: 20px;
}

#tutor_profiles_close {
	float: right;
}

.tutor_profile {}

.tutor_profile_image {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
	width: 250px;
}

.tutor_profile_image img {
	width: 100%;
	height: auto;
}

.tutor_profile_blurb {}


#course_header_left {
	height: 354px;
	overflow: hidden; 
}

#course_header_left_long {
height: 600px;
    overflow: hidden;
    width: 1080px;
}

#course_header_left_long iframe {
width: 1080px;
    height: 600px;
}

.public_course_header_right {
width: 1080px !important;
}

#course_details_truncated {
    height: 200px;
}

#course_details_truncated h5 {
    line-height: 200%;
}

#course_details_truncated strong {
display: inline-block;
    margin-right: 10px;
    font-weight: 700;
    font-size: 115%;
}

a#launch_course_details_full {
    display: inline-block;
    margin-left: 10px;
}

#course_progress {
	float: left;
	margin-right: 20px;
}

#course_progress h5 {
margin-top: 10px;
font-size: 130%;
}

#course_tutor {
	float: left; 
}

.public_course_header_right #course_tutor {
	float: none; 
}

.course_infobox {
	height: 197px;
}

.course_infobox_short {
	height: 180px;
}

.course_infobox h4, .course_infobox_short h4 {
	margin-bottom: 15px;
}

.course_infobox p, .course_infobox_short p {
    font-size: 100%;
    margin-bottom: 0px;
    line-height: 140%;
}

.course_infobox p.smalltext, .course_infobox_short p.smalltext {
	font-size: 100%;
    line-height: 100%;
	margin-bottom: 20px;
}

.course_infobox a.blockbutton, .course_infobox_short a.blockbutton {
    font-size: 100%;
    height: 30px;
    padding-left: 20px;
    padding-right: 20px;
	line-height: 100%;
	margin-right: 20px;
	}

.half {
	width: 255px;
	box-sizing: border-box;
	padding: 20px;
}

.padded {
	padding: 20px;
}

#base_modules_summary {
	clear: both;
}

.module {
	width: 530px;
	float: left;
	margin-right: 20px;
	margin-bottom: 40px;
	height: 430px;
}

.module_inner {
	width: 530px;
	height: 450px;
	box-sizing: border-box;
	border: 1px solid;
	padding: 20px;
	position: relative;
	line-height: 160%;
}

.completed .module_inner {

}

.module_completed_flag {
    position: absolute;
    top: -21px;
    right: -1px;
    height: 20px;
    font-size: 80%;
    padding: 6px 10px 0px 10px;
    text-align: center;
    box-sizing: border-box;
    line-height: 100%;
}

.module_cover {
    width: 528px;
    height: 449px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1000;
}

.module_left {
	width: 280px;
	position: absolute;
	top: 20px;
	left: 20px;
}

.module_left h4 {
	margin-bottom: 20px;
}

.module_left p {}

.module_left h5 {}

.module_right {}

.module_right_video {
	position: absolute;
	top: 20px;
	right: 20px;
}

.module_right_video_title {
	width: 140px;
	font-size: 90%;
	margin-left: 50px;
	text-align: center;
	box-sizing: border-box;
	height: 20px;
	padding-top: 5px;
	line-height: 100%;
}

.module_right_video iframe  {
	width: 190px;
	height: 107px;
}

.module_right_link {
    position: absolute;
    bottom: 0px;
    right: 20px;
    width: 190px;
}

.module_right_link a.blockbutton {
    display: block;
width: 100%;
float: none;
position: relative;
    bottom: 20px;
    z-index: 1050;
font-size: 100%;
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 100%;
    margin-right: 20px;
    margin-top: 20px;
text-align: center;
}

/* end course mainpage elements */

/* module page elements */

#module_header_left iframe {
    width: 1080px;
    height: 600px;
}

#module_header_right {
width: 1080px;;
}

#module_header_right .course_infobox {
	height: 172px;
}

#module_evaluation {
	box-sizing: border-box;
	padding: 20px;
	height: 220px;
}

#module_evaluation h4, #module_evaluation p {
	margin-bottom: 30px;
}

#module_evaluation a.blockbutton {
	padding-left: 20px;
	padding-right: 20px;
}

#module_summary {
    line-height: 140%;
    height: 100px;
    margin-bottom: 20px;
    overflow-y: scroll;
}

#module_summary h5 {}

#module_progress {
	box-sizing: border-box;
    padding: 20px;
	margin-bottom: 20px;
}

#module_progress p {
	
}

#base_resources_summary {
	clear: both;
}

.resource {
	width: 346px;
	border: 1px solid;
	box-sizing: border-box;
	padding: 20px;
	float: left;
	margin-right: 20px;
		margin-bottom: 30px;
}

.resource h5 {
	height: 60px;
}

.resource h5 div.smalltext {
	font-family: 'Roboto', sans-serif;
	font-size: 70%;
}

.resource p {
	line-height: 100%;
	height: 100px;
}

.coursework {
width: 1720px;
	border: 1px solid;
	box-sizing: border-box;
	padding: 20px;
padding-right: 0px;
		margin-bottom: 30px;
}

.coursework_item_left {
float: left;
}

.upload_coursework_item {
float: right;
padding: 20px;
width: 30%;
border: 1px solid;
margin-right: 20px;
}

.upload_coursework_item .elearnform_item {
padding-bottom: 0px;
}

.resource a.blockbutton, .coursework a.blockbutton {
	font-size: 100%;
	line-height: 100%;
    height: 30px;
	padding-left: 20px;
	padding-right: 20px;
}

/* end module page elements */

/* edit options */

#module_evaluation .edit_options, .summaries_block .resource .edit_options {
	float: right;
	margin-right: -10px;
	margin-top: -10px;
}

.summaries_block .edit_options {
	float: right;
	margin-right: 20px;
}

.summaries_block .module_right .edit_optionss {
    float: left;
    margin-right: 0px;
}

#course_tutor .edit_options {
    float: right;
    margin-right: 0px;
}

.summaries_block .edit_options a.blockbutton {
	padding-left: 20px;
	padding-right: 20px;
margin-left: 20px;
}

.edit_options a.icon {
	margin-left: 10px;
}

/* end edit options */

/* forms */

/* site forms */

.elearnform_item {
clear: both;
padding-bottom: 20px;
padding-right: 20px;
}

.elearnform_item_label {
float: left;
width: 30%;
box-sizing: border-box;
padding-right: 20px;
}

.elearnform_item_label span.smalltext {
display: block;
font-size: 70%;
line-height: 130%;
position: relative;
}

.elearnform_item_label span#show_current_image {
cursor: pointer;
}

.elearnform_item_label span.smalltext img {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: auto;
z-index: 1000;
display: none;
}

.elearnform_item_input {
float: left;
width: 70%;
box-sizing: border-box;
    min-height: 60px;
}

.elearnform_item_input input {
display: block;
padding: 5px;
box-sizing: border-box;
border: 1px solid;
width: 100%;
height: 40px;
    font-size: 100%;
    font-family: 'Roboto', sans-serif;
}

.elearnform_item_input select {
display: block;
padding: 5px;
box-sizing: border-box;
border: 1px solid;
width: 100%;
height: 40px;
    font-size: 100%;
    font-family: 'Roboto', sans-serif;
}

#discountCourses_marquee, #discountUses_marquee {
display: none;
}

.elearnform_item_input select option {
}

.submit input, .submit button {
    display: inline-block;
    float: left;
    box-sizing: border-box;
    padding: 10px;
    margin-right: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
    text-decoration: none;
    border: 0px;
    font-size: 120%;
}

.elearnform_item_input textarea {
width: 100%;
display: block;
padding: 10px;
box-sizing: border-box;
border: 1px solid;
height: 40px;
line-height: 140%;
}

.elearnform_short textarea {
width: 100%;
height: 120px;
    font-size: 100%;
    font-family: 'Roboto', sans-serif;
}

#answerThreeBox, #answerFourBox, #answerFiveBox {
display: none;
}

.mce-tinymce {}

.mce-container {}

.mce-panel {}

.formerror {
font-size: 90%;
}

.activator input {
    font-size: 97% !important;
    margin-top: 0px !important;
    font-family: 'Roboto', sans-serif !important;
    height: 31px !important;
    box-sizing: border-box !important;
    padding-top: 8px !important;
}
/* end forms */

.tutorbox {
width: 488px;
height: 840px;
margin-right: 20px;
margin-bottom: 20px;
float: left;
border: 1px solid;
padding: 20px;
}

.tutorbox .edit_options {
float: right;
}

.tutorbox p span.smalltext {
display: inline-block;
padding-left: 8px;
font-size: 70%;
}

.tutorbox h4 {}

.tutorbox h4 span.smalltext {
display: inline-block;
font-size: 70%;
padding-left: 10px;
}

.tutorbox_bio {
height: 300px;
overflow-y: scroll;
margin-bottom: 20px;
border: 1px solid;
box-sizing: border-box;
padding: 20px;
}

.tutorbox_bio_image {
float: right;
width: 125px;
margin-left: 20px;
margin-bottom: 20px;
}

.tutorbox_bio_image img  {
width: 125px;
height: auto;
}

.tutorbox_contacts {
height: 100px;
padding-top: 20px;
}

.tutorbox a {}

.tutorbox .elearnform_item {
padding-right: 0px !important;
}
.current_courses {
height: 180px;
border: 1px solid;
box-sizing: border-box;
padding: 20px;
margin-bottom: 20px;
overflow-y: scroll;
}

.current_courses h5 {}
.assign_courses {}
.assign_courses h5 {}

.tutor_course {
min-height: 40px;
position: relative;
}

.tutor_course_title {
display: block;
    padding-top: 7px;
    width: 270px;
    padding-left: 10px;
}

.tutor_course_remove {
position: absolute;
top: 10px;
right: 10px;
}

.tutor_course_remove a.blockbutton:link, .tutor_course_remove a.blockbutton:visited {
    font-size: 100%;
    height: 30px;
    width: 100px;
line-height: 100%;
text-align: center;
}

.student_details_header {
height: 50px;
clear: both;
}

#filterbycourse {
display: inline-block;
padding: 5px;
box-sizing: border-box;
border: 1px solid;
width: 200px;
height: 40px;
font-size: 100%;
font-family: muli, sans-serif;
}
.smalltext { font-size: 70%; }


#student_list {

}

.student_details {
height: 50px;
clear: both;
margin-right: 20px;
}

.student_details h3 {
display: none;
}

.student_details_name {
width: 20%;
box-sizing: border-box;
display: block;
float: left;
padding-top: 12px;
padding-left: 5px;
}


.student_details_contacts {
width: 20%;
box-sizing: border-box;
display: block;
float: left;
padding-top: 12px;
}

.student_details_courses {
width: 20%;
box-sizing: border-box;
display: block;
float: left;
padding-top: 12px;
}

.student_details_actions {
width: 20%;
box-sizing: border-box;
display: block;
float: left;
padding-top: 12px;
}

.student_details_controls {
width: 20%;
box-sizing: border-box;
display: block;
float: left;
padding-top: 10px;
padding-right: 5px;
}

.student_details_controls a span {
display: none;
}

.student_details_passstatus {
width: 40%;
box-sizing: border-box;
display: block;
float: left;
padding-top: 10px;
padding-right: 5px;
}

.student_details_widercolumn {
width: 45% !important;
}

.student_details_controls a.blockbutton:link, .student_details_controls a.blockbutton:visited {
    font-size: 100%;
line-height: 100%;
padding-left: 20px;
padding-right: 20px;
    height: 30px;
float: right;
width: 155px;
text-align: center;
}

.student_details_controls a.blockbutton span {
display: none;
}

#course_assigner {
border: 1px solid;
padding: 20px;
margin-right: 20px;
}

.owner_student_course_summary {
width: 488px;
    margin-right: 20px;
    float: left;
    border: 1px solid;
    padding: 20px;
    margin-bottom: 30px;
}

.livecourse {}

.owner_student_course_summary h4 {
margin-bottom: 20px;
}
.owner_student_course_progress {}
.owner_student_course_progress p {
    float: left;
    width: 200px;
    padding-right: 20px;
}

.owner_student_course_progress p span {}

.owner_student_course_completer {
border: 1px solid;
padding: 20px;
margin: 10px 0px 20px 0px;
    height: 100px;
}

.owner_student_course_completer a.blockbutton {
    font-size: 100%;
    height: 30px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 100%;
}
.owner_student_course_ref {
font-size: 60%;
float: right;
}
.owner_student_course_remover {
float: left;
}
.owner_student_course_remover a {}
.owner_student_endnote {

}

#outer_timer {
    float: right;
    margin-right: 20px;
    border: 1px solid;
    padding: 20px;
    font-size: 130%;
}

.assessment_question, .assessment_question_edit {
border: 1px solid;
padding: 20px;
margin-bottom: 20px;
margin-right: 20px;
}

.assessment_question .elearnform_item_input, .assessment_question_edit .elearnform_item_input {
    float: none;
    width: 100%;
    box-sizing: border-box;
    min-height: 60px;
}

.assessment_question .elearnform_item_input input, .assessment_question_edit .elearnform_item_input input {
    display: inline;
    padding: 5px;
    box-sizing: border-box;
    border: 1px solid;
    width: auto !important;
    height: auto !important;
    font-size: 100%;
    font-family: 'Roboto', sans-serif;
}

.assessment_question_edit .edit_options {
float: right;
}

.assessment_question_answer .smalltext {
font-size: 70%;
display: inline-block;
padding-left: 10px;
}

.assessment_response {
border: 1px solid;
padding: 20px;
margin-bottom: 20px;
margin-right: 20px;
}

h2.assessment_response_title {
position: absolute;
top: 0px;
left: 20px;
}

/* some elements of the public marketing side */

#public_marketing_course_details_full_aims {
height: 150px;
box-sizing: border-box;
padding: 20px 0px;
font-size: 110%;
line-height: 200%
}

#public_marketing_course_details_full_requirements {
height: 150px;
box-sizing: border-box;
padding: 20px 0px;
font-size: 110%;
line-height: 200%
}

#public_marketing_course_details_full_details {
padding: 50px 0px;
}

#buy_course_form {
padding: 20px;
}

.affiliate_details_header {
height: 50px;
clear: both;
}

#affiliate_list {

}

.affiliate_details {min-height: 63px;clear: both;margin-right: 20px;line-height: 110%;}

.affiliate_details h3 {
display: none;
}

.affiliate_details_name {width: 20%;box-sizing: border-box;display: block;float: left;padding-top: 12px;padding-left: 5px;}

.affiliate_details_controls a.icon {float: right; height: 30px; margin-left: 5px;}

.affiliate_details_contacts {width: 33%;box-sizing: border-box;display: block;float: left;padding-top: 12px;}

.affiliate_details_courses {width: 22%;box-sizing: border-box;display: block;float: left;padding-top: 12px;}

.affiliate_details_actions {
width: 20%;
box-sizing: border-box;
display: block;
float: left;
padding-top: 12px;
}

.affiliate_details_controls {width: 10%;box-sizing: border-box;display: block;float: left;padding-top: 10px;padding-right: 5px;}

.affiliate_details_earnings {width: 15%;box-sizing: border-box;display: block;float: left;padding-top: 10px;padding-right: 5px;}

.affiliate_details_controls a.blockbutton:link, .affiliate_details_controls a.blockbutton:visited {
    font-size: 100%;
    line-height: 100%;
    padding-left: 20px;
    padding-right: 20px;
    height: 42px;
    /* float: right; */
    width: 95px;
    text-align: center;
}

.discode_details {
min-height: 50px;
clear: both;
margin-right: 20px;
}

.discode_header {
height: 50px;
clear: both;
line-height: 100%;
}

.discode_details_code {
    width: 10%;
    box-sizing: border-box;
    display: block;
    float: left;
    padding-top: 12px;
    padding-left: 5px;
}

.discode_details_details {
    width: 65%;
    box-sizing: border-box;
    display: block;
    float: left;
    padding-top: 12px;
    padding-left: 5px;
}

.discode_details_uses {
   width: 10%;
    box-sizing: border-box;
    display: block;
    float: left;
    padding-top: 12px;
    padding-left: 5px;
}

.discode_details_remaining {
    width: 10%;
    box-sizing: border-box;
    display: block;
    float: left;
    padding-top: 12px;
    padding-left: 5px;
}

.discode_details_controls {
    width: 5%;
    box-sizing: border-box;
    display: block;
    float: left;
    padding-top: 12px;
    padding-left: 5px;
}

.discode_details_controls a.blockbutton:link, .discode_details_controls a.blockbutton:visited {
     font-size: 100%;
    line-height: 100%;
    padding-left: 20px;
    padding-right: 20px;
    height: 30px;
    float: right;
    width: 65px;
    text-align: center;
    margin-right: 10px;
}

.earnings_summary {
    height: 50px;
    clear: both;
    margin-right: 20px;
}

.earnings_summary_month {
width: 80%;
    box-sizing: border-box;
    display: block;
    float: left;
    padding-top: 12px;
    padding-left: 5px;
}

.earnings_summary_amount {
width: 20%;
    box-sizing: border-box;
    display: block;
    float: left;
    padding-top: 12px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: right;
}

#basket {
    position:  absolute;
    right:  0px;
    top: 0px;
}

#basket_launcher {
     position: absolute;
    top: 20px;
    right: 127px;
    width: 95px;
    display: block;
    margin: 0px 2px 0px 0px;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
    font-weight: 400;
}

.furtherright {
    top: 20px !important;
    right: 308px !important;
}

#basket_launcher:hover {

}

#basket_items {
    position: absolute;
    top: 11px;
    right: 20px;
    width: 580px;
    background-color: #ffffff;
    padding: 20px;
    border: 1px solid;
-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
    display: none;
    z-index: 999999;
}

#basket_items_full {
    padding: 20px;
    border: 3px solid #374141;
    -webkit-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.38);
    -moz-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.38);
    box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.38);
}

#basket_quickclose {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;

}

#basket_quickclose:hover {

}

.basket_line {clear: both;min-height: 15px;padding: 10px 5px;}

.basket_line .smalltext {
font-size: 70%;
position: relative;
top: -10px;
}

.basket_head {
font-size: 70%;
}

.basket_item {float: left;width: 85%;box-sizing: border-box;padding-right: 10px; line-height: 180%;}

.basket_head .basket_quantity {
margin-top: 0px;
}

.basket_cost {
float: left;
width: 10%;
box-sizing: border-box;
padding-right: 10px;
line-height: 180%;
}

.basket_kill {float: left;width: 5%;box-sizing: border-box;padding-right: 10px;text-align:  right;}

.basket_kill form {display: inline-block;width: 20px;height: 20px;box-sizing: border-box;text-align: center;}

.basket_kill input.kill {
    display: inline-block;
    height: 20px;
    box-sizing: border-box;
    position: relative;
    width: 20px;
    font-size: 70%;
    padding: 0px;
    border: 0px;
    top: -4px;
    position:  relative;
    font-weight:  bold;
}

.basket_quantity input.plus:hover, .basket_quantity input.minus:hover, .basket_kill input.kill:hover {
	transition-duration: .3s;
	transition-timing-function: linear;
}

#summarycheckout {
padding-left: 20px;
padding-right: 20px;
}

.basket_foot {
    height: 60px;
    box-sizing: border-box;
    font-size: 160%;
    font-weight: 400;
    padding-top: 23px;
}

.toppadder {
padding-top: 20px;
}

.addtocartsubmit button {
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    height: 60px;
    padding-top: 13px;
    font-size: 150%;
    margin-right: 0px;
    margin-bottom: 20px;
    cursor: pointer;
    width: 100%;
}

/* checking the discount code */

#discount_checker {
    display: none;
    clear: both;
    margin-top: 90px;
    border: 1px solid;
    width: 392px;
    padding: 20px;
}

#mobile_addition {
display: none;
}

#checkout_sections {width: 1024px;margin: 0px auto;min-height: 200px;}

#checkout_left_section {width: 480px;float: left;}

#checkout_right_section {width: 480px;float: right;}

#checkout_right_section #outer_login_form {
margin-right: 0px;
}

#checkout_right_section #login_form {
width: 500px;
}

#checkout_right_section #login_form h1 {
display: none;
}

#invoice {
width: 800px;
padding: 80px;
margin: 40px auto 0px auto;
border: 1px solid;
}

#invoice_info {
float: right;
}

#invoice_recepient {
float: left;
}

#invoice_details {
border-top: 1px solid;
margin-top: 20px;
padding-top: 20px;
}

#invoice_company_details {
border-top: 1px solid;
margin-top: 20px;
padding-top: 20px;
font-size: 80%;
}

.showinvoice {
width: 100%;
}

.showinvoice tr {
width: 100%;
}

.showinvoice td.invoice_item {
width: 85%;
vertical-align:top;
}

.showinvoice td.invoice_price {
width: 15%;
vertical-align:top;
}

.showinvoice .smalltext {
font-size: 70%;
}

.chapter_modules_block {border: 1px solid;margin-bottom: 20px;padding-bottom: 20px;margin-right: 20px;/* padding-top:  20px; */}

.chapter_modules_block h3 {
display: table;
}

.chapter_modules_block .edit_options {

}

.chapter_modules_block h3 .edit_options {
font-size: 15%;
}

.chapter_movie {float: left;width: 480px;margin-right: 20px;}

.chapter_movie iframe  {
	width: 480px;
	height: 269px;
}

.chapter_introduction {
padding-right: 20px;
}

.chapter_introduction_wide {

}

.chapter_modules {position: relative;left: -20px;padding-top: 20px;}

.summaries_block .chapter_modules .edit_options {
margin-right: 0px;
}

.summaries_block .chapter_modules .module_right_link .edit_options {
    margin-right: 20px;
}

.chapter_modules h4 {margin-left: 20px;height: 50px;}

.chapter_modules .module_left h4 {margin-left: 0px;}

.chapter_modules_block .module {width: 509px;margin-right: 0px;margin-left: 20px;}

.chapter_modules_block .module .module_inner {width: 509px;}

.order_details {
    height: 50px;
    clear: both;
    margin-right: 20px;
}

.order_details_name {
width: 20%;
    box-sizing: border-box;
    display: block;
    float: left;
    padding-top: 12px;
    padding-left: 5px;
}

.order_details_contacts {
width: 40%;
    box-sizing: border-box;
    display: block;
    float: left;
    padding-top: 12px;
}

.order_details_courses {
    width: 20%;
    box-sizing: border-box;
    display: block;
    float: left;
    padding-top: 12px;
}

.order_details_controls {
    width: 20%;
    box-sizing: border-box;
    display: block;
    float: left;
    padding-top: 10px;
    padding-right: 5px;
}

.order_details_controls a.blockbutton:link, .order_details_controls a.blockbutton:visited {
    font-size: 100%;
line-height: 100%;
padding-left: 20px;
padding-right: 20px;
    height: 30px;
float: right;
width: 225px;
text-align: center;
}

.public_course_header_right .public_course_truncated {height: 315px !important;}

.public_course_header_right .public_course_truncated h5{
line-height: 140% !important;
}

.basketadder span {
display: none;
}

.reorderitem {
cursor: pointer;
margin-bottom: 20px;
width: 300px;
height: 80px;
text-align: center;
line-height: 140%;
padding: 20px;
box-sizing: border-box;
}

.seeTutorCommentText {
        position: absolute;
    right: 20px;
    top: 30px;
    z-index: 999999;
    padding: 50px 30px 30px 30px;
    text-align: left;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
    font-size: 120%;
    width: 493px;
    height: 380px;
    box-sizing: border-box;
    line-height: 150%;
    overflow-x: hidden;
    display: none;
}

.seeTutorCommentText span {
position: absolute;
top: 10px;
right:10px;
cursor: pointer;
font-size: 120%;
}

.home_image {
float: right;
width: 40%;
margin-left: 20px;
}