/* cmsms stylesheet: default_1100_810 modified: 01/11/22 15:13:33 */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;800&display=swap');

body {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	line-height: 180%;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
max-width: 100%;
    overflow-x: hidden;
}
}

/* general display styles */

.outer {
	
}

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

.left_c {
	float: left;
}

.right_c {
	float: right;
}

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

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

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

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

a.blockbutton:link, a.blockbutton:visited, .blockbutton {
	display: inline-block;
	box-sizing: border-box;
	height: 40px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	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: -26px;transform: rotate(-90deg);font-family: 'Open Sans', sans-serif;font-weight: 400;font-size: 200%;Line-height: 100%;font-weight:  800;}


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

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


header {

}

#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;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    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: 80%;
	height: 20px;
	width: 100px;
	padding-top: 2px;
}


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

#top_navigation {
	position: absolute;
	right: 10px;
	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: 6px 10px 2px 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0px 10px 0px 0px;
	text-align: center;
	text-decoration: none;
	font-size: 105%;
	height:  40px;
	box-sizing:  border-box;
}

#actual_menu a:hover {

}

#outer_login_form {
padding-right: 20px;
}

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

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

#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: 'Open Sans', sans-serif;
	font-weight: 800;
	font-size: 170%;
	Line-height: 100%;
	margin: 0px 0px 30px 0px;
}

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

h2 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	font-size: 170%;
	Line-height: 100%;
	margin: 0px 0px 30px 0px;
}

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

h3 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	font-size: 160%;
	Line-height: 100%;
	margin: 0px 0px 10px 0px;
}

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

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

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

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

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 {
	margin-right: 20px;
	margin-bottom: 20px;
}

.course {}

.summary_header {
	height: 90px;
	box-sizing: border-box;
	padding: 0px 20px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
 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 {
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    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: 300px;
	overflow: hidden;
}

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

.summary_content {
	padding: 20px;
	box-sizing: border-box;
	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;
	-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}

.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;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	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: 640px;
	margin: 50px auto;
	box-sizing: border-box;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	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: 366px;
	overflow: hidden;
	width: 660px;
}

#course_header_left_long iframe {
	width: 660px;
	height: 366px;
}

#course_details_truncated {
    padding: 30px 0px;
}

#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: 230px;
}

.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, .course_infobox span.blockbutton, .course_infobox_short span.blockbutton {
    font-size: 100%;
    height: 30px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 100%;
    margin-bottom: 7px;
 }

.half {
	width: 320px;
	box-sizing: border-box;
	padding: 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.padded {
	padding: 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#base_modules_summary {
	clear: both;
}

.module {
	margin-right: 20px;
	margin-bottom: 20px;
}

.module_inner {
	box-sizing: border-box;
	border: 1px solid;
	padding: 20px;
	position: relative;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	line-height: 160%;
}

.completed .module_inner {
-webkit-border-top-right-radius: 0;
-moz-border-radius-topright: 0;
border-top-right-radius: 0;
}

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

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

.module_left {
    width: 398px;
    padding-bottom: 40px;
}

.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: 60px;
	text-align: center;
	box-sizing: border-box;
	height: 20px;
	padding-top: 5px;
	line-height: 100%;
	-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}

.module_right_video iframe  {
	width: 200px;
	height: 113px;
}

.module_right_link {
position: absolute;
    bottom: 0px;
    left: 20px;
    width: 500px;
}

.module_right_link a.blockbutton {
    display: inline-block;
    width: 150px;
    float: left;
    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: 660px;
    height: 370px;
}

#module_header_right {
width: 660px;
}

#module_header_right .course_infobox {
	height: 172px;
}

#module_evaluation {
	box-sizing: border-box;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	padding: 20px;
}

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

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

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

#module_summary h5 {}

#module_progress {
	box-sizing: border-box;
    padding: 20px;
	margin-bottom: 20px;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#module_progress p {
	
}

#base_resources_summary {
	clear: both;
}

.resource {
	width: 320px;
	border: 1px solid;
	box-sizing: border-box;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	padding: 20px;
	float: left;
	margin-right: 20px;
		margin-bottom: 30px;
}

.resource h5 {
	height: 60px;
}

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

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

.coursework {
width: 1720px;
	border: 1px solid;
	box-sizing: border-box;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	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;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
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: 170%;
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: 'Open Sans', 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: 'Open Sans', 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;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    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: 'Open Sans', 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: 'Open Sans', sans-serif;
    height: 31px !important;
    box-sizing: border-box !important;
    padding-top: 8px !important;
}
/* end forms */

.tutorbox {
margin-right: 20px;
margin-bottom: 20px;
border: 1px solid;
padding: 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.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 {
border: 1px solid;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
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 {
min-height: 60px;
padding-top: 20px;
}

.tutorbox a {}

.tutorbox .elearnform_item {
padding-right: 0px !important;
}

.current_courses {
border: 1px solid;
box-sizing: border-box;
padding: 20px;
margin-bottom: 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
overflow-y: scroll;
}

.current_courses h5 {}
.assign_courses form {
height: 140px;
}
.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: 80px;
clear: both;
line-height: 120%;
}

#student_list {
box-sizing: border-box;
padding-right: 10px;
font-size: 80%
}

.student_details {
height: 80px;
clear: both;
margin-right: 20px;
line-height: 120%;
}

.student_details h3 {
display: none;
}

.student_details span {

}

.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: 35% !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;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.owner_student_course_summary {
    margin-right: 20px;
    border: 1px solid;
    padding: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 30px;
}

.livecourse {}

.owner_student_course_summary h4 {
margin-bottom: 20px;
height: 50px;
}

.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;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    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 {

}

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

.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: 'Open Sans', 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;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

h2.assessment_response_title {
position: absolute;
top: 0px;
left: 20px;
z-index: -1;
}

/* 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;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

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

#affiliate_list {

}

.affiliate_details {
min-height: 50px;
clear: both;
margin-right: 20px;
font-size: 80%;
}

.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: 35%;box-sizing: border-box;display: block;float: left;padding-top: 12px;}

.affiliate_details_courses {width: 20%;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: 5px;
    padding-right: 5px;
    height: 30px;
    /* float: right; */
    width: 55px;
    text-align: center;
}

.affiliate_details_controls a span {
display: none;
}

.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;
}

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

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

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

.discode_details_details {
    width: 60%;
    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;
}

#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: 620px;
    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);
-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    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;
margin-right: 20px;
}

.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: 0px;
    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;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 392px;
    padding: 20px;
}

#mobile_addition a:link, mobile_addition a:visited {
	display: inline-block;
	box-sizing: border-box;
	height: 40px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
	font-size: 105%;
        text-decoration: none;
        text-transform: capitalize;
        padding: 7px 10px 0px 10px;
}

#checkout_sections {/* width: 980px; *//* margin: 0px auto; */min-height: 200px;}

#checkout_left_section, #checkout_right_section {
margin-top: 20px;
border: 1px solid;
padding: 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
margin-right: 20px;
}



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

#checkout_right_section #login_form {width: 430px;}

#checkout_right_section #login_form h1 {
display: none;
}

#invoice {width: 620px;padding: 9px;margin: 60px auto 0px auto;border: 1px solid;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;/* margin-top:  20px; */}

#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;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;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: 618px;/* margin-right: 20px; */margin-bottom: 20px;}

.chapter_movie iframe  {
	width: 618px;
	height: 344px;
}

.chapter_introduction {/* float: left; *//* width: 750px; */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: 30px;clear:  both;padding-top:  20px;}

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

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

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

.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: 100px;
text-align: center;
}

.public_course_header_right {
    width: 660px !important;
}

.public_course_header_right .public_course_truncated {
height: 220px !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%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 20px;
box-sizing: border-box;
}

.seeTutorCommentText {
    position: absolute;
    right: 20px;
    top: 30px;
    z-index: 999999;
    padding: 30px 20px 20px 20px;
    text-align: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -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: 629px;
    height: 194px;
    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%;
}
/* brochure site elements - deletable */

#pricing_table {
margin-right: 20px;
}

#pricing_table div section {

}

#pricing_table div section div {
height: 60px;
box-sizing: border-box;
padding: 5px;
}

#pricing_table div section div img {
height: 25px;
width: auto;
}

.pricing_column {
display: none;
}

#basic_addition, #enterprise_addition {
float: left; 
width: 66.6%;
}

#basic_addition .pricing_column, #enterprise_addition .pricing_column {
display: block !important;
width: 50%;
float: left; 
text-align: left;
}

#basic_addition .pricing_responses, #enterprise_addition .pricing_responses {
display: block !important;
float: left; 
width: 50%;
text-align: center;
}

#basic_addition, #enterprise_addition {}

#smallbusiness_addition, #enterpriseplus_addition {
float: left; 
width: 33.3%;
text-align: center;
}

#enterprise_addition {
clear: both;
}

#basic_addition .pricing_column, #smallbusiness_addition .pricing_column, #enterprise_addition .pricing_column, #enterpriseplus_addition .pricing_column {
display: none;
}

.pricing_responses {

}

.pricing_section_edition {font-size: 114%;padding-top: 20px;height: 71px;line-height: 110%;}

.pricing_section_edition span {
display: block;
}

.pricing_courses {

}

.pricing_students {

}

.pricing_tutors {

}

.pricing_purchase {

}

.pricing_marketing {

}

.pricing_website {

}

.pricing_support {

}

.pricing_coursecreation {

}

.pricing_pricing {
font-size: 130%;
}

.pricing_pricing div {
    height: 45px !important;
    padding: 12px 5px 10px 5px !important;
}

.pricing_section_title {
font-size: 110%;
}

.pricing_section_item {
line-height: 100%;
}

.pricing_section_edition {
text-transform: capitalize;
}

#intro_box {/* position: relative; *//* height: 590px; */}

#intro_box_right {
    padding: 0px 0px 0px 0px;
    /* position: absolute; */
    /* top: 0px; */
    /* right: 20px; */
    width: 660px;
    box-sizing: border-box;
    z-index: 2;
}

#intro_box_right iframe {width: 660px;height: 366px;}

#intro_box_left {
    /* position: absolute; */
    /* left: 0px; */
    /* top: 0px; */
    /* width: 400px; */
    box-sizing: border-box;
    padding-left: 0px;
    font-size: 100%;
    line-height: 180%;
    padding: 30px 0px;
}

#experience_tabs {margin-right: 20px;margin-left: 5px;height: 50px;margin-top: 20px;}

.experience_tabs_tab {
float: left;
width: 50%;
}

.inner_experience_tabs_tab {-webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;border-top-left-radius: 3px;border-top-right-radius: 3px;height: 50px;box-sizing: border-box;padding: 12px 20px 0px 20px;margin-right: 5px;font-size: 120%;
	font-family: 'Open Sans', sans-serif;}

#creator_experience_tab {

}

#student_experience_tab {

}

#experience_content {margin-right: 20px;position: relative;height: 657px;}

.experience_content_block {padding: 20px !important;position: absolute;top: 0px;left: 0px;width: 660px !important;box-sizing: border-box;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;}

#student_experience_block {padding: 80px;position: absolute;top: 0px;left: 0px;width: 1380px;box-sizing:  border-box;z-index: 2;}

#creator_experience_block {padding: 80px;position: absolute;top: 0px;left: 0px;width: 1380px;box-sizing:  border-box;z-index: 1;}

.experience_iframe {/* float: left; *//* width: 540px; */}

.experience_iframe iframe {width: 620px;height: 370px;}

.experience_content {
    /* float: left; */
    /* width: 470px; */
    box-sizing: border-box;
    /* padding-left: 80px; */
    font-size: 100%;
    line-height: 170%;
}

#morevidslink {
display: block;
clear: both;
margin-top: 60px;
text-decoration: none;
font-size: 90%;
}

#morevids {height: 400px;margin-right: 20px;border: 40px solid;margin-top: 0px;}

.morevidsfifth {
    height: 406px !important;
    margin-top:  0px !important;
}

#morevids h3 {
    margin-left: 10px;
    margin-bottom: 30px;
}

a.morevid_vid:link, a.morevid_vid:visited {
    float: left;
    width: 33.3333%;
    height: 170px;
    box-sizing: border-box;
    padding: 10px;
    text-decoration: none;
}

.morevidsfifth a.morevid_vid:link, .morevidsfifth a.morevid_vid:visited {
    float: left;
    width: 33.3333%;
    height: 170px;
    box-sizing: border-box;
    padding: 10px;
    text-decoration: none;
}

.morevid_vid img {
width: 100%;
height: auto;
border: 1px solid;
box-sizing: border-box;
display: block;
}

.morevidsfifth a.morevid_vid img {
margin-bottom: 10px;
}

a.morevid_vid:link span, a.morevid_vid:visited span {display: block;text-align: center;	font-family: 'Open Sans', sans-serif;font-size: 100%;line-height: 120%;text-decoration: none;padding: 0px 0px;}

.feature_block {
border: 1px solid;
padding: 20px 20px 60px 20px;
margin-bottom: 20px;
margin-right: 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.feature_block a.blockbutton:link, .feature_block a.blockbutton:visited {
margin-bottom: 20px;
}

.feature_block h3 {

}

.feature_block h4 {

}

.feature_block strong {
font-size: 120%;

}

#book_popup {
display: none;
}

.module_list_view .module {
	width: 660px;
	float: none;
	height: 100px;
	margin-bottom: 0px;
}

.module_list_view  .module_inner {
	width: 100%;
	height: 90px;
	min-height: auto;
}

.module_list_view  .module_completed_flag {
    display: none;
}

.module_list_view  .module_cover {
	display: none;
}

.module_list_view .module_left {
    width: 280px;
    position: absolute;
    top: 20px;
    left: 20px;
    padding-bottom:  0px;
}

.module_list_view  .module_left p, .module_list_view  .module_left h5 {
display: none;
}

.module_list_view .module_right {

}

.module_list_view  .module_right_video {
	display: none;
}

.module_list_view .module_right_link {
    width: auto;
    left:  auto;
    right: 20px;
    bottom: auto;
}

.module_list_view .module_right_link a.blockbutton {
    display: inline-block;
    width: 150px;
    float: left;
    margin-left: 20px;
    margin-right: 0px;
}

#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;
}
#viewfilter {
font-family: muli, sans-serif;
font-size: 50%;
display: inline-block;
padding-left: 10px;
font-weight: 600;
}

#detailsfilter, #listfilter {  
display: inline-block;
padding: 0px 4px;
cursor: pointer;
font-weight: 400;
}

.livefilter {
font-style: italic;
text-decoration: underline;
font-weight: 600 !important;
}

#help_container {
    position: fixed;
    right: -722px;
    top: 181px;
    z-index: 999999;
}

#help_container_button {
display: block;
position: absolute;
top: 70px;
left: -110px;
transform: rotate(-90deg);
font-size: 180%;
line-height: 100%;
padding: 10px 20px;
width: 120px;
height: 40px;
-webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 0%); 
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.0);
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 0%);
font-weight: 700;
}

#help_container_off, #help_container_on {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 60px;
    display: block;
    width: 160px;
    text-align:  right;
    box-sizing: border-box;
    padding: 12px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
cursor:pointer;
-webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 0%); 
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.0);
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 0%);
}

#help_container_on {
display: none
}

#help_container_off:hover, #help_container_on:hover {
transition: background-color 0.4s;
}

#help_container_contents {
    width: 700px;
    border: 1px solid;
border-right: 0px;
    box-sizing: border-box;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
    padding: 20px;
    float: left;
    margin-right: 20px;
    margin-bottom: 30px;
    -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 35%);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 35%);
}

#help_container .elearnform_item_input textarea {
height: 300px;
}