/** Base Styles **/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,800italic,600,400,300,800,600italic);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
{
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; 
}

body 
{
  color: #323232;
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1.4; 
  background-color: #ffffff;
  height: 100%; 
}
 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section 
{
  display: block; 
}

body 
{
  line-height: 1; 
}

ol, ul 
{
  list-style: none; 
}

blockquote, q 
{
  quotes: none; 
}

blockquote:before, blockquote:after 
{
  content: '';
  content: none; 
}

q:before, q:after 
{
  content: '';
  content: none; 
}

table 
{
  border-collapse: collapse;
  border-spacing: 0; 
}

*, *:before, *:after 
{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
}

em
{
  font-style: italic; 
}

strong 
{
  font-weight: bolder; 
}

a 
{
  color: inherit;
  text-decoration: none; 
}

@font-face 
{
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?hwk066");
  src: url("../fonts/icomoon.eot?#iefixhwk066") format("embedded-opentype"), url("../fonts/icomoon.woff?hwk066") format("woff"), url("../fonts/icomoon.ttf?hwk066") format("truetype"), url("../fonts/icomoon.svg?hwk066#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; 
}
@-webkit-keyframes hue 
{
  from 
  {
    -webkit-filter: hue-rotate(0deg); 
  }

  to 
  {
    -webkit-filter: hue-rotate(-360deg); 
  } 
}
@-webkit-keyframes logoSwitch 
{
  0% 
  {
    background-position: 0 0%; 
  }

  100% 
  {
    background-position: 0 200%; 
  } 
}
@keyframes logoSwitch 
{
  0% 
  {
    background-position: 0 0%; 
  }

  100% 
 	{
    background-position: 0 200%; 
  } 
}

a.reglink 
{
	color: #f29533;	
	font-size: 12px;	
	display: block;	
	margin: 11px;	
	line-height: 15px;
}

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

/** Icons **/

@font-face {
  font-family: 'icomoon';
  src: url("/ui/fonts/icomoon.eot?hwk066");
  src: url("/ui/fonts/icomoon.eot?#iefixhwk066") format("embedded-opentype"), url("/ui/fonts/icomoon.woff?hwk066") format("woff"), url("/ui/fonts/icomoon.ttf?hwk066") format("truetype"), url("/ui/fonts/icomoon.svg?hwk066#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-headphones:before {
  content: "\f025"; }

.icon-trophy:before {
  content: "\f091"; }

.icon-mail:before {
  content: "\e600"; }

.icon-star:before {
  content: "\e606"; }

.icon-star2:before {
  content: "\e607"; }

.icon-chat:before {
  content: "\e601"; }

.icon-cog:before {
  content: "\e602"; }

.icon-screen:before {
  content: "\e603"; }

.icon-folder:before {
  content: "\e604"; }

.icon-arrow-left:before {
  content: "\e605"; }

/** Header **/
.container
{
	height: 80px;
    background-color: #ad71a9;
    background-image: url("../images/banners/banner-course.svg");
	font-weight: 600;
    color: #0094d7;
    font-size: 14px;
}
#header
{
	width: 100%;
    max-width: 768px;
	margin: 0 auto;
	height:100%;
}

#header > a 
{
	position: relative;
    width: 188px;
    background-repeat: no-repeat;
    background-image: url("../images/banners/logo-course-1x.png");
	max-width: 350px;
    height: 100%;
    float: left;
    cursor: default;
}
#header > a img
{
	display:none;
}

#headBtn {
    margin-top: 5px;
    height: 70px;
	max-width: 418px;
    float: right;
}

#header #headBtn #btnhome {
    background-position: 50% -0.5%;
}
#header #headBtn #btneditprofile {
    background-position: 50% 35%;
}

#header #headBtn #btnlogout {
    background-position: 50% 72%;
}

#header #headBtn #btnhelp {
    background-position: 50% 108%;
}

#header #headBtn li 
{
	transition: all 0.2s;
    height: 70px;
    background: url("../images/svg/primary-head-nav-icons.svg") no-repeat;
    border-radius: 16px;
    margin-left: 8px;
    float: left;
    display: block;
    -ms-user-select: none;
    cursor: pointer;
}
#headBtn a {
    display: inline-block;
    width: 100%;
    height: 100%;
    color: inherit;
    text-decoration: none;
}
 #headBtn span {
    display: block;
    height: 20px;
    margin-top: 50px;
    background: #fff;
    padding: 0 9px;
    border-radius: 9px;
    line-height: 19px;
}


#header #headBtn li:hover 
{
	background-color: rgba(255, 255, 255, 0.6); 
}
#header #headBtn li:hover span 
{
	border-radius: 0 0 9px 9px; 
}


@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    #header > a {
        background-image: url(../images/banners/logo-course-2x.png);
        background-size: 100%;
    }
}
/** Content **/
#content
{
	width: 768px;
	margin:0 auto;
	position: relative;
	padding-top:30px;
	padding-bottom:40px;
}
#content #leftcol  
{
	float: left; 
	width: 365px; 
	padding: 60px 0;
}
#content #rightcol 
{
	width: 294px; 
	float: right; 
	padding: 60px 0;
}
#content h3 
{
	color: black;
	font-weight: normal;
	margin: 0 0 20px 0;
	
	line-height: 30px;
	font-size: 1.5em;  
	margin-bottom: 0.75em;  
	border-bottom: 1px solid #acacac;
}

/** Tooltip **/

.tooltip {position: absolute;width: 224px;line-height: 20px;padding: 10px;font-size: 14px;text-align: center;color: #ffffff;background: #e3ac47;border: 4px solid rgb(255, 255, 255);border-radius: 5px;text-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 1px;box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 2px 0px;z-index: 100;}
.tooltip:after {content: "";position: absolute;width: 0;height: 0;border-width: 10px;border-style: solid;border-color: #FFFFFF transparent transparent transparent;bottom: -44px;left: 50px;z-index: 100;}

/** Login Page **/
#login .level {display: inline;  width: 340px; float: left; position: relative;}
#login .level label.norm {padding-top: 4px; float: left;width:117px;font-size: 14px; color: black; padding: 0 15px 0 0;}
#login .level input.single {font-size: 14px; color: black; border: 1px solid #b0b0b0; padding: 3px 5px;float: right;width: 195px;}
#login .level input.error {border: 1px solid #be0000;}
#login .button {width: 340px; padding: 0 0 0 134px;}
#login #loginBtn{margin:0 0 0 11px;}
.p_auth_login p.error {color: #be0000;font-size: 12px;padding:0 0 5px 144px;}

/** Registration **/
#termsBox{border: 1px solid #b1b1b1;height: 745px;height: 403px;overflow-y: scroll;padding: 10px;margin: 0 0 10px 0;background: #ffffff;}
.p_auth_register #content {height:600px;}
.p_auth_register #agreeBox {float: right;}
.p_auth_register em.error {color: #be0000;font-size: 14px;font-style: italic;}
.p_auth_register input.error3 {border: 1px solid #be0000;}
.p_auth_register em.error3 {color: #be0000;font-size: 14px;padding-left: 10px;display: table;}
.p_auth_register #status2 {position: absolute;top: 550px;width: 761px;}

.p_auth_register #status2 #btnback {float:left;}
.p_auth_register #status2 #btnnext {float:right;}
.p_auth_register #status2 #btnskip {float:right;}
.p_auth_register #status2 .right {float:left;}

.p_auth_register input.code1 {width: 25px; text-align: center; margin: 0 12px 10px 0;}
.p_auth_register input.code2 {width: 45px; text-align: center; margin: 0 12px 10px 0;}
.p_auth_register input.code3 {width: 65px; text-align: center; margin: 0 12px 10px 0;}

.p_auth_register #fullcol{float: left;width: 660px;padding: 60px 0 0 90px;z-index: 1000;}
.p_auth_register #full760 {float: left;width: 760px;padding: 60px 0 0 90px;z-index: 1000;}

.p_auth_register .level {display: inline;  width: 340px; float: left; position: relative;}
.p_auth_register .level label.norm {padding-top: 4px; float: left;width:144px;font-size: 14px; color: black; padding: 0 15px 0 0;}
.p_auth_register .level input.single {font-size: 14px; color: black; border: 1px solid #b0b0b0; padding: 3px 5px;float: right;width: 195px;}
.p_auth_register input.long {font-size: 14px; color: black; border: 1px solid #b0b0b0; padding: 3px 5px;float: right;width: 571px;}
.p_auth_register input.codebox {font-size: 14px; color: black; border: 1px solid #b0b0b0; padding: 3px 5px;float: right;width: 571px;}
.p_auth_register .level input.error {border: 1px solid #be0000;}
.p_auth_register .levelwrapper{display: block;clear: both;margin: 0 60px 20px 0;}

.p_auth_register #books_small {text-align: center;margin-bottom: 1em;}
.p_auth_register #books_small ul {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.p_auth_register #books_small ul li .img {display: inline-block;max-width: 174px;/border-radius: 2px;overflow: hidden;-webkit-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.05);box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.05);margin: 0px 8px 16px;position: relative;cursor: pointer;}
.p_auth_register #books_small ul li .img:hover {-webkit-filter: saturate(1.4); }
.p_auth_register #books_small ul li .txt {display:none;}
.p_auth_register #books_small h3:last-of-type{border-bottom:0;}
.p_auth_register #transoverlay {width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: url(../images/trans.png) repeat !important; background: none /*IE6*/; z-index: 1000;}

.p_auth_register #currentBox {background: #fff;border-radius: 2px;overflow: hidden;-webkit-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.05);box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.05);margin: 0px auto;position: relative;z-index: 1001;top: -400px;width: 406px;}
.p_auth_register .impbox {padding: 35px 0 0 0;margin: 0px auto;text-decoration: underline;border-style: solid;border-width: 0px;border-color: #000000;color: red;font-weight: bold;text-align: center;}
.p_auth_register #content h3.short {font-size: 18px;color: black;font-weight: normal;margin: 2px 0 2px 0;text-align: center;line-height: 21px;padding-top: 0;padding-bottom: 10px;}
.p_auth_register #content p.narrow{text-align: center;padding: 25px;}
.p_auth_register #content .ynbtn {text-align: center;padding: 0 0 35px 0;}
.p_auth_register .tipdiv{display:inline;}

.p_auth_register .info {margin: 25px 0 25px 0;}
.p_auth_register .info li {display: block; overflow: hidden; margin: 0 0 10px 0; font-size: 14px;}
.p_auth_register .info li .left-col {float: left; color: #7d7d7d; width: 150px; padding-bottom: 5px; padding-top: 2px;}
.p_auth_register .info li .info-col {float: left; color: black; padding-bottom: 5px; padding-top: 2px;}

.p_auth_register #terms h3 {border-bottom: 0 solid #acacac;}


/** Logged in Index **/
.p_lms_index .primary_shell {font-family: 'Open Sans', sans-serif;width: 768px;min-height: 650px;margin: 0 auto;border: 6px solid #6ea6d9;border-radius: 17px;background: #ecf9ff ;color: #5a5a5a;position: relative;}
.p_lms_index .level_select_header {font-size: 32px;text-align: center;padding: 15px 15px 15px;color: #0094D7;}
.p_lms_index .level_select_header h1 {font-weight: 800;margin-bottom: 6px;font-size: 0.85em;}
.p_lms_index .level_select_header h2 {font-weight: 400;}
.p_lms_index .level_select_choice {padding: 0 16px;text-align: center;}
.p_lms_index .level_choice {display: inline-block;width: 160px;height: 195px;margin: 6px 8px;position: relative;cursor: pointer;}
.p_lms_index .add_level_button {margin: 16px 120px;height: 74px;color: #fff ;background: #ffb237;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);border-radius: 12px;text-align: center;cursor: pointer;}
.p_lms_index .add_level_button:hover{background: #f99900;}
.p_lms_index .add_level_button span {display: inline-block;font-size: 32px;line-height: 35px;min-height: 36px;background: url(/ui/images/menu/add-level-icon.png) no-repeat center right;background-size: 36px;padding-right: 52px;margin-top: 20px;}
.p_lms_index .level_choice .expiry {font-size: 12px;background:  #fff;background: rgba(255, 255, 255, 0.9);border-radius: 12px;color: rgb(80,80,80);font-weight: 600;margin-top: 6px;padding: 3px;line-height: 1.3em;}
.p_lms_index .level_choice .thumb img {display: block;width: 100%;}
.p_lms_index .level_choice .thumb {background-color: #333;width: 160px;height: 160px;border-radius: 12px;overflow: hidden;}

/** Add a book **/

.p_lms_addbook input.code1 {width: 25px; text-align: center; margin: 0 12px 10px 0;}
.p_lms_addbook input.code2 {width: 45px; text-align: center; margin: 0 12px 10px 0;}
.p_lms_addbook input.code3 {width: 65px; text-align: center; margin: 0 12px 10px 0;}
.p_lms_addbook em.error {color: #be0000;font-size: 14px;font-style: italic;}
.p_lms_addbook input.error3 {border: 1px solid #be0000;}
.p_lms_addbook em.error3 {color: #be0000;font-size: 14px;padding-left: 10px;display: table;}
.p_lms_addbook #content {height:600px;}
.p_lms_addbook #status2 {position: absolute;top: 550px;width: 761px;}
.p_lms_addbook #status2 #btnback {float:left;}
.p_lms_addbook #status2 #btnnext {float:right;}
.p_lms_addbook #status2 #btnskip {float:right;}
.p_lms_addbook #fullcol{float: left;width: 660px;padding: 60px 0 0 90px;z-index: 1000;}
.p_lms_addbook #full760 {float: left;width: 760px;padding: 60px 0 0 90px;z-index: 1000;}

.p_lms_addbook .level {display: inline;  width: 340px; float: left; position: relative;}
.p_lms_addbook .level label.norm {padding-top: 4px; float: left;width:144px;font-size: 14px; color: black; padding: 0 15px 0 0;}
.p_lms_addbook .level input.single {font-size: 14px; color: black; border: 1px solid #b0b0b0; padding: 3px 5px;float: right;width: 195px;}
.p_lms_addbook input.long {font-size: 14px; color: black; border: 1px solid #b0b0b0; padding: 3px 5px;float: right;width: 571px;}
.p_lms_addbook input.codebox {font-size: 14px; color: black; border: 1px solid #b0b0b0; padding: 3px 5px;float: right;width: 571px;}
.p_lms_addbook .level input.error {border: 1px solid #be0000;}
.p_lms_addbook .levelwrapper{display: block;clear: both;margin: 0 60px 20px 0;}

.p_lms_addbook #books_small {text-align: center;margin-bottom: 1em;}
.p_lms_addbook #books_small ul {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.p_lms_addbook #books_small ul li .img {display: inline-block;max-width: 174px;/border-radius: 2px;overflow: hidden;-webkit-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.05);box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.05);margin: 0px 8px 16px;position: relative;cursor: pointer;}
.p_lms_addbook #books_small ul li .img:hover {-webkit-filter: saturate(1.4); }
.p_lms_addbook #books_small ul li .txt {display:none;}
.p_lms_addbook #books_small h3:last-of-type{border-bottom:0;}
.p_lms_addbook #transoverlay {width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: url(../images/trans.png) repeat !important; background: none /*IE6*/; z-index: 1000;}

.p_lms_addbook #currentBox {background: #fff;border-radius: 2px;overflow: hidden;-webkit-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.05);box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.05);margin: 0px auto;position: relative;z-index: 1001;top: -400px;width: 406px;}
.p_lms_addbook .impbox {padding: 35px 0 0 0;margin: 0px auto;text-decoration: underline;border-style: solid;border-width: 0px;border-color: #000000;color: red;font-weight: bold;text-align: center;}
.p_lms_addbook #content h3.short {font-size: 18px;color: black;font-weight: normal;margin: 2px 0 2px 0;text-align: center;line-height: 21px;padding-top: 0;padding-bottom: 10px;}
.p_lms_addbook #content p.narrow{text-align: center;padding: 25px;}
.p_lms_addbook #content .ynbtn {text-align: center;padding: 0 0 35px 0;}
.p_lms_addbook .tipdiv{display:inline;}

.p_lms_addbook .info {margin: 25px 0 25px 0;}
.p_lms_addbook .info li {display: block; overflow: hidden; margin: 0 0 10px 0; font-size: 14px;}
.p_lms_addbook .info li .left-col {float: left; color: #7d7d7d; width: 150px;}
.p_lms_addbook .info li .info-col {float: left; color: black;}
.p_lms_addbook #fullcol h3{border-bottom:0;}

/** Edit Profile **/
.p_lms_editprofile h3{font-size: 1.5em;  border-bottom: 1px solid #acacac; margin-bottom: 0.75em;}
.p_lms_editprofile #termsBox{border: 1px solid #b1b1b1;height: 745px;height: 403px;overflow-y: scroll;padding: 10px;margin: 0 0 10px 0;background: #ffffff;}
.p_lms_editprofile #content {height:600px;}
.p_lms_editprofile #agreeBox {float: right;}
.p_lms_editprofile em.error {color: #be0000;font-size: 14px;font-style: italic;}
.p_lms_editprofile input.error3 {border: 1px solid #be0000;}
.p_lms_editprofile em.error3 {color: #be0000;font-size: 14px;padding-left: 10px;display: table;}
.p_lms_editprofile #status2 {position: absolute;top: 550px;width: 761px;}

.p_lms_editprofile #status2 #btnback {float:left;}
.p_lms_editprofile #status2 #btnnext {float:right;}
.p_lms_editprofile #status2 #btnskip {float:right;}

.p_lms_editprofile input.code1 {width: 25px; text-align: center; margin: 0 12px 10px 0;}
.p_lms_editprofile input.code2 {width: 45px; text-align: center; margin: 0 12px 10px 0;}
.p_lms_editprofile input.code3 {width: 65px; text-align: center; margin: 0 12px 10px 0;}

.p_lms_editprofile #fullcol{float: left;width: 660px;padding: 0 0 100px 90px;z-index: 1000;}
.p_lms_editprofile #full760 {float: left;width: 760px;padding: 60px 0 0 90px;z-index: 1000;}

.p_lms_editprofile .level {display: inline;  width: 340px; float: left; position: relative;}
.p_lms_editprofile .level label.norm {padding-top: 4px; float: left;width:144px;font-size: 14px; color: black; padding: 0 15px 0 0;}
.p_lms_editprofile .level input.single {font-size: 14px; color: black; border: 1px solid #b0b0b0; padding: 3px 5px;float: right;width: 195px;}
.p_lms_editprofile input.long {font-size: 14px; color: black; border: 1px solid #b0b0b0; padding: 3px 5px;float: right;width: 571px;}
.p_lms_editprofile input.codebox {font-size: 14px; color: black; border: 1px solid #b0b0b0; padding: 3px 5px;float: right;width: 571px;}
.p_lms_editprofile .level input.error {border: 1px solid #be0000;}
.p_lms_editprofile .levelwrapper{display: block;clear: both;margin: 0 60px 20px 0;}

.p_lms_editprofile .tipdiv{display:inline;}


/** Edit Class **/

.p_lms_editclass input.code1 {width: 25px; text-align: center; margin: 0 12px 10px 0;}
.p_lms_editclass input.code2 {width: 45px; text-align: center; margin: 0 12px 10px 0;}
.p_lms_editclass input.code3 {width: 65px; text-align: center; margin: 0 12px 10px 0;}
.p_lms_editclass em.error {color: #be0000;font-size: 14px;font-style: italic;}
.p_lms_editclass input.error3 {border: 1px solid #be0000;}
.p_lms_editclass em.error3 {color: #be0000;font-size: 14px;padding-left: 10px;display: table;}
.p_lms_editclass #content {height:600px;}
.p_lms_editclass #status2 {position: absolute;top: 550px;width: 761px;}
.p_lms_editclass #status2 #btnback {float:left;}
.p_lms_editclass #status2 #btnnext {float:right;}
.p_lms_editclass #status2 #btnskip {float:right;}
.p_lms_editclass #editform{display: inline;}
.p_lms_editclass #fullcol{float: left;width: 660px;padding: 60px 0 0 90px;z-index: 1000;}
.p_lms_editclass #full760 {float: left;width: 760px;padding: 60px 0 0 90px;z-index: 1000;}
.p_lms_editclass .tipdiv{display:inline;}
#fullcol .single{margin-bottom: 20px;}
#keycode_perror{display: block; margin-top: 20px;}

/** Manage Classes **/
.p_lms_manageclasses #classtable {table-layout: fixed; font-size: 14px;overflow: auto;background: #fff;border-radius: 2px;-webkit-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.05);box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.05);}
.p_lms_manageclasses #classtable {border-collapse: collapse;width: 100%;background: none; }
.p_lms_manageclasses #classtable td, .p_lms_manageclasses #classtable th {  padding: 12px 0 10px 0;text-align: left;border-bottom: 1px solid #e6e6e6;vertical-align: middle;background-color:#ffffff;}
.p_lms_manageclasses #classtable th {background-color: white;font-weight: 400; }
.p_lms_manageclasses #classtable td.cbook img {float: left;}
.p_lms_manageclasses #classtable td.cbook div {word-wrap: break-word;}
.p_lms_manageclasses #classtable td {text-align: center; word-wrap: break-word;padding:1px;}
.p_lms_manageclasses #classtable td:last-child {border-right: none; }
.p_lms_manageclasses #classtable thead th {border-right: 1px solid #e6e6e6;padding-top: 15px;padding-bottom: 15px;text-align: center; }
.p_lms_manageclasses #classtable thead th:last-child {border-right: none; }
.p_lms_manageclasses #classtable thead th:first-child {text-align: left; }
.p_lms_manageclasses #classtable tbody th.th-span {background-color: #97a6b0;color: white;-webkit-font-smoothing: antialiased;font-weight: 600;padding-right: 0; text-align: center;vertical-align: middle;min-width: 110px;}
.p_lms_manageclasses #classtable tbody th:first-child {text-align: center; }
.p_lms_manageclasses #classtable .broundsmall{width:121px;}
.p_lms_manageclasses #classtable td.cdelete img {display:none;}
.p_lms_manageclasses #classtable td.cdelete span:after {content: "\e608";font-family: "icomoon";margin-right: 1em;left: .25em;font-size: 1.25em;opacity: 1;font-weight: normal;}
.p_lms_manageclasses #bholder {width: 761px;height:70px;}
.p_lms_manageclasses #bholder #btnAddNewClass{float:right;line-height: normal;}
.p_lms_manageclasses #transoverlay {width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: url(../images/trans.png) repeat !important; background: none /*IE6*/; z-index: 1000;}
.p_lms_manageclasses #currentBox-small {background: #fff;border-radius: 2px;overflow: hidden;-webkit-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.05);box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.05);margin: 0px auto;position: relative;z-index: 1001;top: -350px;width: 406px;}
.p_lms_manageclasses #currentBox-small h3 {font-size: 18px;color: black;font-weight: normal;margin: 18px 0 18px 0;text-align: center;line-height: 21px;padding-top: 0;padding-bottom: 10px;}
.p_lms_manageclasses #currentBox-small .ynbtn {text-align: center;padding: 0 0 35px 0;}

/** Add Class **/
.p_lms_addclass #books_small {text-align: center;margin-bottom: 1em;}
.p_lms_addclass #books_small ul {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.p_lms_addclass #books_small ul li .img {display: inline-block;max-width: 174px;/border-radius: 2px;overflow: hidden;-webkit-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.05);box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.05);margin: 0px 8px 16px;position: relative;cursor: pointer;}
.p_lms_addclass #books_small ul li .img:hover {-webkit-filter: saturate(1.4); }
.p_lms_addclass #books_small ul li .txt {display:none;}
.p_lms_addclass #transoverlay {width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: url(../images/trans.png) repeat !important; background: none /*IE6*/; z-index: 1000;}

.p_lms_addclass #currentBox {background: #fff;border-radius: 2px;overflow: hidden;-webkit-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.05);box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.05);margin: 0px auto;position: relative;z-index: 1001;top: -350px;width: 406px;}
.p_lms_addclass .impbox {padding: 35px 0 0 0;margin: 0px auto;text-decoration: underline;border-style: solid;border-width: 0px;border-color: #000000;color: red;font-weight: bold;text-align: center;}
.p_lms_addclass #content h3.short {font-size: 18px;color: black;font-weight: normal;margin: 2px 0 2px 0;text-align: center;line-height: 21px;padding-top: 0;padding-bottom: 10px;}
.p_lms_addclass #content p.narrow{text-align: center;padding: 25px;}
.p_lms_addclass #content .ynbtn {text-align: center;padding: 0 0 35px 0;}
.p_lms_addclass .tipdiv{display:inline;}
.p_lms_addclass input.code1 {width: 25px; text-align: center; margin: 0 12px 10px 0;}
.p_lms_addclass input.code2 {width: 45px; text-align: center; margin: 0 12px 10px 0;}
.p_lms_addclass input.code3 {width: 65px; text-align: center; margin: 0 12px 10px 0;}
.p_lms_addclass em.error {color: #be0000;font-size: 14px;font-style: italic;}
.p_lms_addclass input.error3 {border: 1px solid #be0000;}
.p_lms_addclass em.error3 {color: #be0000;font-size: 14px;padding-left: 10px;display: table;}
.p_lms_addclass #content {height:600px;}
.p_lms_addclass #status2 {position: absolute;top: 550px;width: 761px;}
.p_lms_addclass #status2 #btnback {float:left;}
.p_lms_addclass #status2 #btnnext {float:right;}
.p_lms_addclass #status2 #btnskip {float:right;}
.p_lms_addclass #fullcol{float: left;width: 660px;padding: 60px 0 0 90px;z-index: 1000;}
.p_lms_addclass #full760 {float: left;width: 760px;padding: 60px 0 0 90px;z-index: 1000;}
.p_lms_addclass input.codebox {font-size: 14px; color: black; border: 1px solid #b0b0b0; padding: 3px 5px;float: right;width: 571px;}

/** Edit Class Details **/
.p_lms_editclass h3 {font-size: 1.2em !important; border-bottom: 0 solid #acacac !important;}
.p_lms_editclass input.codebox  {font-size: 14px; color: black; border: 1px solid #b0b0b0; padding: 3px 5px;float: right;width: 571px;}
.p_lms_editclass .blocks{display:block;padding-top: 10px;}

/** Class Details **/
.p_lms_classdetails .downloads2head {font-size: 14px;overflow: auto;background: #fff;border-radius: 2px;-webkit-box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.10);box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.10); }
.p_lms_classdetails .downloads2head {border-collapse: collapse;width: 100%;background: none; margin-top: 20px;}
.p_lms_classdetails .downloads2head th {padding:5px 5px 5px 14px;text-align:left;}
.p_lms_classdetails .downloads2head th.tdelete {text-align: left;padding:5px 5px 5px 5px;}
.p_lms_classdetails .downloads2head th.tdelete span.icon:before{content: "\e608";font-family: "icomoon";margin-right: 1em;padding-left: 11px;font-size: 1.25em;opacity: 1;font-weight: normal;text-align:left;}
.p_lms_classdetails .downloads2head th.tdelete span.deltext{display:none;}
.p_lms_classdetails .downloads2head th.tdelete img {display:none;}

.p_lms_classdetails .downloads2 {font-size: 14px;overflow: auto;background: #fff;border-radius: 2px;-webkit-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.05);box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.05); }
.p_lms_classdetails .downloads2 {border-collapse: collapse;width: 100%;background: none; }
.p_lms_classdetails .downloads2 td {  padding: 5px 5px 5px 14px;border-bottom: 1px solid #e6e6e6;vertical-align: middle;text-align:left;}
.p_lms_manageclasses #classtable th {  padding: 5px 5px 5px 14px;border-bottom: 1px solid #e6e6e6;vertical-align: middle;text-align:center;}
.p_lms_classdetails .downloads2 th {background-color: white;font-weight: 400; }
.p_lms_classdetails .downloads2 td:last-child {border-right: none; }
.p_lms_classdetails .downloads2 thead th {border-right: 1px solid #e6e6e6;padding-top: 15px;padding-bottom: 15px;text-align: center; }
.p_lms_classdetails .downloads2 thead th:last-child {border-right: none; }
.p_lms_classdetails .downloads2 thead th:first-child {text-align: left; }
.p_lms_classdetails .downloads2 tbody th.th-span {background-color: #97a6b0;color: white;-webkit-font-smoothing: antialiased;font-weight: 600;padding-right: 0; text-align: center;vertical-align: middle;min-width: 110px;}
.p_lms_classdetails .downloads2 tbody th:first-child {text-align: left; }
.p_lms_classdetails .downloads2 .broundsmall{width:121px;}
.p_lms_classdetails .downloads2 td.cdelete img {display:none;}
.p_lms_classdetails .downloads2 td.cdelete span:after {content: "\e608";font-family: "icomoon";margin-right: 1em;left: .25em;font-size: 1.25em;opacity: 1;font-weight: normal;}
.p_lms_classdetails #bholder {width: 761px;height:70px;}
.p_lms_classdetails #bholder #btnAddNewClass{float:right;}
.p_lms_classdetails #transoverlay {width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: url(../images/trans.png) repeat !important; background: none /*IE6*/; z-index: 1000;}
.p_lms_classdetails #currentBox-small {background: #fff;border-radius: 2px;overflow: hidden;-webkit-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.05);box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.05);margin: 0px auto;position: relative;z-index: 1001;top: -200px;width: 406px;}
.p_lms_classdetails #currentBox-small h3 {font-size: 18px;color: black;font-weight: normal;margin: 18px 0 18px 0;text-align: center;line-height: 21px;padding-top: 0;padding-bottom: 10px;}
.p_lms_classdetails #currentBox-small .ynbtn {text-align: center;padding: 0 0 35px 0;}

.p_lms_classdetails .downloads2head td, .p_lms_classdetails .downloads2 td, .p_lms_classdetails .downloads2head th, .p_lms_classdetails .downloads2 th {background-color:#ffffff;}
.p_lms_classdetails .downloads2head .tdelete, .p_lms_classdetails .downloads2 .tdelete {width: 100px;}
.p_lms_classdetails .downloads2head .tname,   .p_lms_classdetails .downloads2 .tname {width: 300px;}
.p_lms_classdetails .downloads2head .tstatus, .p_lms_classdetails .downloads2 .tstatus {width: 200px;color: #be0000;}

.p_lms_classdetails #classdetailsbuttons {width: 761px;padding: 30px 0 0 0 !important; height: 70px;}
.p_lms_classdetails #classdetailsbuttons .skip {float:right;}
.p_lms_classdetails #classdetailsbuttons .hideelement{display:none}

.p_lms_classdetails .classname{ width:200px;}

/** Set institiution **/
.p_lms_setinstitution input.code1 {width: 25px; text-align: center; margin: 0 12px 10px 0;}
.p_lms_setinstitution input.code2 {width: 45px; text-align: center; margin: 0 12px 10px 0;}
.p_lms_setinstitution input.code3 {width: 65px; text-align: center; margin: 0 12px 10px 0;}
.p_lms_setinstitution em.error {color: #be0000;font-size: 14px;font-style: italic;}
.p_lms_setinstitution input.error3 {border: 1px solid #be0000;}
.p_lms_setinstitution em.error3 {color: #be0000;font-size: 14px;padding-left: 10px;display: table;}
.p_lms_setinstitution #content {height:600px;}
.p_lms_setinstitution #status2 {position: absolute;top: 550px;width: 761px;}
.p_lms_setinstitution #status2 #btnback {float:left;}
.p_lms_setinstitution #status2 #btnnext {float:right;}
.p_lms_setinstitution #status2 #btnskip {float:right;}
.p_lms_setinstitution #editform{display: inline;}
.p_lms_setinstitution #fullcol{float: left;width: 760px;padding: 60px 0 0 90px;z-index: 1000;}
.p_lms_setinstitution #fullcol .institutionbuttons {padding: 15px 0px 70px 95px !important;}
.p_lms_setinstitution .tipdiv{display:inline;}
.p_lms_setinstitution h3 {font-size: 1.2em !important; border-bottom: 0 solid #acacac !important;}


/** Reports **/
.p_lms_reports #container{position: absolute;top: 80px;left: 0;right: 0;bottom: 0;}
.p_lms_reports #content {width: 100%;margin: 0 auto;position: absolute;padding-top: 0;top:0;bottom:65px;padding-bottom: 0;}
.p_lms_reports .report_iframe_wrapper {width: 100%;margin: 0 auto;position: absolute;padding-top: 0;top:0;bottom:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling: touch;min-width: 768px;}
.p_lms_reports iframe{width: 100%;position:absolute;top:0;bottom:0;height:100%;}
.p_lms_reports #status2 {width: 100%;position: fixed;bottom: 0;padding: 12px 12px 32px !important;background-color: #ffffff;border-top: 1px solid gainsboro;}
.p_lms_reports #status2 p {width: 768px;margin: 0 auto;padding-bottom: 23px;}
.p_lms_reports #status2 #btnback {float:left;}
.p_lms_reports #status2 #btnnext {float:right;}
.p_lms_reports #status2 #btnskip {float:right;}

/** Class Assignments **/
.p_lms_classassignments #full800-2 div.left{width:400px; float:left;}
.p_lms_classassignments #classdrop {float:right;}
.p_lms_classassignments #content h3 {font-size: 1.5em;  margin-bottom: 0.75em;  border-bottom: 1px solid #acacac;}
.p_lms_classassignments #classdrop {padding: 0 15px 0 0; text-align: right; }
.p_lms_classassignments #classdrop select {border: 1px solid black; font-size: 12px; margin: 10px 0 5px 0;float:right;width:192px;}
.p_lms_classassignments #classdrop p {display:none;}
.p_lms_classassignments #classdrop div.img {float:right;}
.p_lms_classassignments .mctitle{font-size: 1.2em;  padding-bottom: 1em;display:block;}
.p_lms_classassignments table .unit{width:200px;}
.p_lms_classassignments table .unit label{vertical-align:text-bottom;}
.p_lms_classassignments table .lesson{width:550px;}
.p_lms_classassignments table .lesson label{vertical-align:text-bottom;}
.p_lms_classassignments table td, .p_lms_classassignments table th {text-align: left;vertical-align: middle;background-color: #ffffff; border-bottom: 1px solid #e6e6e6; padding: 6px 10px; }
.p_lms_classassignments table .locked{background-color: #e6e6e6; }
.p_lms_classassignments table th {background-color: white;font-weight: 400;}
.p_lms_classassignments table { font-size: 14px;overflow: auto;background: #fff;border-radius: 2px;-webkit-box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.10);box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.10); }
.p_lms_classassignments .scroll{height:550px;overflow-y:scroll;}

/** Online practice **/
.p_lms_onlinepractice .level_select_header {font-size: 32px;text-align: center;padding: 32px 16px 24px;color: #fff; }
.p_lms_onlinepractice .level_select_header h1 {font-weight: 800;margin-bottom: 6px; }
.p_lms_onlinepractice .level_select_header h2{font-weight:400; }
.p_lms_onlinepractice .level_select_choice {padding: 0 16px;text-align: center; }
.p_lms_onlinepractice .level_choice {display: inline-block;width: 160px;height: 195px;margin: 6px 8px;position: relative;cursor: pointer; }
.p_lms_onlinepractice .level_choice.is-hidden {display: none; }
.p_lms_onlinepractice .level_choice .thumb {background-color: #333;width: 160px;height: 160px;border-radius: 12px;overflow: hidden; }
.p_lms_onlinepractice .level_choice .thumb img {display: block; width: 100%; }
.p_lms_onlinepractice .level_choice .expiry {font-size: 12px;background: #004378;background: rgba(0, 60, 107, 0.8);border-radius: 12px;color: #6ea6d9;font-weight: 600;margin-top: 6px;padding: 3px;line-height: 1.3em;float: left;width: 160px; }
.p_lms_onlinepractice .add_level_button {margin: 16px 120px;height: 74px;color: #8c8c8c;background: #fff;background: rgba(255, 255, 255, 0.9);border-radius: 12px;text-align: center;cursor: pointer; }
.p_lms_onlinepractice .add_level_button.is-hidden {display: none; }
.p_lms_onlinepractice .add_level_button:hover {background: #fff;color: #6ea6d9; }
.p_lms_onlinepractice .add_level_button span {display: inline-block;font-size: 32px;line-height: 35px;min-height: 36px;background: url(/ui/images/menu/add-level-icon.png) no-repeat center right;background-size: 36px;padding-right: 52px;margin-top: 20px; }

/** Book **/
.op_menu_page .op_choice {padding: 0 16px 0; }
.op_menu_page .op_choice ul {margin-bottom: 60px; }
.op_menu_page .op_choice ul:after {content: "";display: table;clear: both; }
.op_menu_page .op_choice li {margin-bottom: 20px; }
.op_menu_page .op_choice_li {display: block;width: 360px;position: relative;float: left;background: #eee;border-radius: 2px;cursor: pointer;transition: background 0.2s;margin: 0 4px 8px; } 
.op_menu_page .op_choice_li:nth-child(odd) {margin: 0 8px 8px 0; } 
.op_menu_page .op_choice_li:nth-child(even) {margin: 0 0 8px 8px; } 
.op_menu_page .op_choice_li .icon {width: 125px;height: 125px;background-color: #fff;background-repeat: no-repeat;background-position: center center;background-size: 100px;border-radius: 50%;margin: 20px auto; }
.op_menu_page .op_choice_li .icon.icon-activities {background-image: url(/ui/images/menu/icon-activities-bg.png); }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) 
{
	.op_menu_page .op_choice_li .icon.icon-activities {background-image: url(/ui/images/menu/icon-activities-bg-x2.png); } 
}
.op_menu_page .op_choice_li .icon.icon-media {background-image: url(/ui/images/menu/icon-media-bg.png); }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) 
{
	.op_menu_page .op_choice_li .icon.icon-media {background-image: url(/ui/images/menu/icon-media-bg-x2.png); } 
}
.op_menu_page .op_choice_li .icon.icon-download {background-image: url(/ui/images/menu/icon-download-bg.png); }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) 
{
	.op_menu_page .op_choice_li .icon.icon-download 
	{
	background-image: url(/ui/images/menu/icon-download-bg-x2.png); } 
}
.op_menu_page .op_choice_li a {display: block;font-size: 1em;color: #fff;border-radius: 5px;padding: 0.5em;text-align: center;transition: background 0.2s;background-image: -moz-linear-gradient(top, #49c0f0 0%, #2cafe3 100%);background-image: -webkit-linear-gradient(top, #49c0f0 0%, #2cafe3 100%);background-image: linear-gradient(to bottom, #49c0f0 0%, #2cafe3 100%);color: #fff;font-weight: 400;box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25), inset 0 1px 0 0 rgba(255, 255, 255, 0.27), inset 0 -1px 0 0 rgba(0, 0, 0, 0.3);border-top-left-radius: 0;border-top-right-radius: 0;padding: 1em;-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#49c0f0', EndColorStr='#2cafe3')"; }
.op_menu_page .op_choice_li a:hover {background-image: -moz-linear-gradient(top, #00abef 0%, #00a2e2 100%);background-image: -webkit-linear-gradient(top, #00abef 0%, #00a2e2 100%);background-image: linear-gradient(to bottom, #00abef 0%, #00a2e2 100%);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#00abef', EndColorStr='#00a2e2')"; }
.op_menu_page .op_choice_li:hover {background: #d4d4d4; }
.op_menu_page .op_choice_li:hover a {background-image: -moz-linear-gradient(top, #00abef 0%, #00a2e2 100%);background-image: -webkit-linear-gradient(top, #00abef 0%, #00a2e2 100%);background-image: linear-gradient(to bottom, #00abef 0%, #00a2e2 100%);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#00abef', EndColorStr='#00a2e2')"; }

.p_lms_book .dialog-region {top:70px;bottom: 73px;}
.p_lms_book .dialog-region {display: none;position: absolute;bottom: 24px;margin: 0 auto;top: 80px;width: 100%;z-index: 1000;position: absolute;left: 0;background-color: #fff;width: 100%;}
.p_lms_book .dialog-region-container {width: 100%;height: 100%;margin: 0 auto;position: relative;}
.p_lms_book .dialog-region-container iframe {bottom: 0;display: inline;overflow-x: hidden;overflow-y: auto;position: absolute;top: 0;width: 100%;height: 100%;border-bottom: 1px solid #dcdcdc;border-top: 1px solid #dcdcdc;}

.p_lms_book input.code1 {width: 25px; text-align: center; margin: 0 12px 10px 0;}
.p_lms_book input.code2 {width: 45px; text-align: center; margin: 0 12px 10px 0;}
.p_lms_book input.code3 {width: 65px; text-align: center; margin: 0 12px 10px 0;}

/** Email **/
.p_lms_email #classdrop {float:right;}
.p_lms_email #content h3 {font-size: 1.5em;  margin-bottom: 0.75em;  border-bottom: 1px solid #acacac;float: left;width: 400px;}
.p_lms_email #classdrop {padding: 0 15px 0 0; text-align: right; }
.p_lms_email #classdrop select {border: 1px solid black; font-size: 12px; margin: 10px 0 5px 0;float:right;width:192px;}
.p_lms_email #classdrop p {display:none;}
.p_lms_email #classdrop div.img {float:right;}
.p_lms_email .mctitle{font-size: 1.2em;  padding-bottom: 1em;display:block;}
.p_lms_email #bigBoundingBox{clear:both;}

/** Forum **/
.p_lms_forum #classdrop {float:right;}
.p_lms_forum #content h3 {font-size: 1.5em;  margin-bottom: 0.75em;  border-bottom: 1px solid #acacac;float: left;width: 400px;}
.p_lms_forum #classdrop {padding: 0 15px 0 0; text-align: right; }
.p_lms_forum #classdrop select {border: 1px solid black; font-size: 12px; margin: 10px 0 5px 0;float:right;width:192px;}
.p_lms_forum #classdrop p {display:none;}
.p_lms_forum #classdrop div.img {float:right;}
.p_lms_forum .mctitle{font-size: 1.2em;  padding-bottom: 1em;display:block;}
.p_lms_forum #bigBoundingBox{clear:both;}

/** Workbook **/
.p_lms_workbook #workbook_container{bottom: 30px;display: block;left: 0;position: absolute;right: 0;top: 0;background-color: #ffffff;}
.p_lms_workbook #box{width:100%;height:100%;}
.p_lms_workbook #content {background-color: #ffffff;bottom: 0;padding: 0;position: absolute;top: 80px;width: 100%;}
.p_lms_workbook .secondary-nav { position: absolute; bottom: 35px; width: 100%; }
.p_lms_workbook .content {bottom: 72px;margin: 0 auto;position: absolute;top: 57px;width: 100%;}
.p_lms_workbook .dialog-region {bottom: 73px;}

/** Writing Assignments **/
.p_lms_writingassignments #classdropcss {float:right;}
.p_lms_writingassignments #content h3 {font-size: 1.5em;  margin-bottom: 0.75em;  border-bottom: 1px solid #acacac;}
.p_lms_writingassignments #classdropcss {padding: 0 15px 0 0; text-align: right; }
.p_lms_writingassignments #classdropcss select {border: 1px solid black; font-size: 12px; margin: 10px 0 5px 0;width:192px;position:absolute;right:70px;}
.p_lms_writingassignments #classdropcss p {display:none;}
.p_lms_writingassignments #classdropcss div.img {float:right;}
.p_lms_writingassignments #units{font-size: 14px;overflow: auto;background: #fff;border-radius: 2px;-webkit-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.05);box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.05);}
.p_lms_writingassignments #units div{width:100%;}
.p_lms_writingassignments #units div{  padding: 0;text-align: left;border-bottom: 1px solid #e6e6e6;vertical-align: middle;background-color:#ffffff;}
.p_lms_writingassignments #units div:last-child {border-bottom: none; }
.p_lms_writingassignments #units h1{display:table-cell;padding:10px 0 10px 25px; width: 290px;}
.p_lms_writingassignments #units h1:before{font-family:'icomoon';content:"\f15c";padding-right:15px;}
.p_lms_writingassignments #units a {width:239px;display:table-cell;text-align:center;}
.p_lms_writingassignments .btn-container {padding-top:30px;}
.p_lms_writingassignments .btn-container #writing-btn{float:right;padding:0.3em 1.5em;}
.p_lms_writingassignments .btn-container #back-btn{float:left;padding:0.3em 1.5em;}

/** Writing Assignment **/
.p_lms_writingassignment .top_header {font-size: 1.5em;margin-bottom: 0.75em;border-bottom: 1px solid #acacac;font-size:32px;font-weight:300;color:#5a5a5a;}
.p_lms_writingassignment .top_header:after {content: "";display: table;clear: both; } 
.p_lms_writingassignment .top_header h1 {float: left; }
.p_lms_writingassignment .top_header .top_header_wrap{width:768px;margin:0 auto;height:59px;}
.p_lms_writingassignment .top_header .top_header_wrap .title{padding-top:14px;}
.p_lms_writingassignment .top_header .top_header_wrap .time_holder{padding-top:35px;font-size:10px;float:right;padding-right:10px;}

.p_lms_writingassignment iframe{position:relative;width:100%;height:100%;}
.p_lms_writingassignment #bar{width:100%;height:100%;}
.p_lms_writingassignment #box{width:100%;height:100%;margin:0 auto;}
.p_lms_writingassignment #content {background-color: #ffffff;bottom: 0;padding: 0;position: absolute;top: 70px;width: 100%;}
.p_lms_writingassignment #content h3 {padding-top:25px;width:768px;margin:0 auto;}
.p_lms_writingassignment #content h3 #time{font-size:12px;float:right;}

.p_lms_writingassignment #content #status2 {width: 100%;position: fixed;bottom: 0;padding: 12px !important;background-color: #ffffff;border-top: 1px solid gainsboro;}
.p_lms_writingassignment #content #status2 p {width: 768px;margin: 0 auto;padding-bottom: 23px;}
.p_lms_writingassignment #content #status2 #btnback {float:left;}

.p_lms_writingassignment #content #back-btn {position:absolute;bottom:30px;padding:0.3em 1.5em;}
.p_lms_writingassignment #content #full800 {height:100%;}
.p_lms_writingassignment #content #full800 div.blocks {position:absolute;top:60px;bottom:65px;width:100%;}

/** Writing Assigmnent Reports **/
.p_lms_writingassignmentreport #time {position:absolute;top:47px;right:0;font-size:10px;}
.p_lms_writingassignmentreport #classdrop {float:right;}
.p_lms_writingassignmentreport #reportscroll {padding-top:15px;}
.p_lms_writingassignmentreport #reporthead {font-size: 14px;overflow: auto;background: #fff;border-radius: 2px;-webkit-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.05);box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.05);}
.p_lms_writingassignmentreport #reporthead {border-collapse: collapse;width: 100%;background: none; }
.p_lms_writingassignmentreport #reporthead th {background-color: white;font-weight: 400; }
.p_lms_writingassignmentreport #reporthead th {  padding: 12px 0 10px 0;text-align: center;border-bottom: 1px solid #e6e6e6;vertical-align: middle;background-color:#ffffff;}
.p_lms_writingassignmentreport #reportcontents p.reportmessage{font-weight: 400;padding-top:10px;}
.p_lms_writingassignmentreport #reporthead th.writingassignmentstudentreport_unit,
.p_lms_writingassignmentreport #reporthead th.writingassignmentclassreport_unit,
.p_lms_writingassignmentreport #reportcontentstable td.writingassignmentclassreport_unit,
.p_lms_writingassignmentreport #reportcontentstable td.writingassignmentstudentreport_unit
{
		width:318px;text-align:left;padding-left:30px;
}
.p_lms_writingassignmentreport #reporthead th.writingassignmentstudentreport_submit,  
.p_lms_writingassignmentreport #reporthead th.writingassignmentclassesreport_submit, 
.p_lms_writingassignmentreport #reporthead th.writingassignmentclassreport_submit, 
.p_lms_writingassignmentreport #reportcontentstable td.writingassignmentstudentreport_submit,
.p_lms_writingassignmentreport #reportcontentstable td.writingassignmentclassreport_submit, 
.p_lms_writingassignmentreport #reporthead th.writingassignmentstudentreport_seattime,       
.p_lms_writingassignmentreport #reporthead th.writingassignmentclassesreport_seattime,       
.p_lms_writingassignmentreport #reporthead th.writingassignmentclassreport_seattime,       
.p_lms_writingassignmentreport #reportcontentstable td.writingassignmentstudentreport_seattime,
.p_lms_writingassignmentreport #reportcontentstable td.writingassignmentclassreport_seattime,       
.p_lms_writingassignmentreport #reporthead th.writingassignmentstudentreport_feedback,
.p_lms_writingassignmentreport #reporthead th.writingassignmentclassreport_feedback,  
.p_lms_writingassignmentreport #reportcontentstable td.writingassignmentstudentreport_feedback,
.p_lms_writingassignmentreport #reportcontentstable td.writingassignmentclassreport_feedback
{
	width:150px;
}
.p_lms_writingassignmentreport #reportcontentstable td.writingassignmentstudentreport_submit .checkmark:before,
.p_lms_writingassignmentreport #reportcontentstable td.writingassignmentclassreport_submit .checkmark:before
{
	content: "\e60e";
	font-family: "icomoon";
}
.p_lms_writingassignmentreport #reportcontentstable td.writingassignmentstudentreport_submit .checkmark img,
.p_lms_writingassignmentreport #reportcontentstable td.writingassignmentclassreport_submit .checkmark img
{
	display:none;
}
.p_lms_writingassignmentreport #reportcontentstable th.writingassignmentreport_class
{
	text-align:left;
	padding:0;
	margin:0;
}
.p_lms_writingassignmentreport #reportcontentstable th.writingassignmentreport_class a
{
	width:100%;
	height:40px;
	display:block;
	background-color: white;
	color: #555555;
	padding: 13px 0 0 16px;
}
.p_lms_writingassignmentreport #reportcontentstable th.writingassignmentreport_class a:hover
{
	background: rgba(0, 197, 255, 0.2); 
}
.p_lms_writingassignmentreport #reportcontentstable th.writingassignmentreport_class a:hover
{
	
}
.p_lms_writingassignmentreport #reporthead th.writingassignmentclassesreport_unit,
.p_lms_writingassignmentreport #reportcontentstable td.writingassignmentreport_unit 
{
	width:468px;
	text-align:left;
	padding-left:30px;
}
.p_lms_writingassignmentreport #reportcontentstable td.writingassignmentreport_submit,
.p_lms_writingassignmentreport #reportcontentstable td.writingassignmentreport_seattime
{
	width:150px;
}

.p_lms_writingassignmentreport #reportcontentstable .writingassignmentstudentreport_user{padding-left:10px;}
.p_lms_writingassignmentreport #reportcontentstable {font-size: 14px;overflow: auto;background: #fff;border-radius: 2px;-webkit-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.05);box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.05);}
.p_lms_writingassignmentreport #reportcontentstable {border-collapse: collapse;width: 100%;background: none; }
.p_lms_writingassignmentreport #reportcontentstable td, .p_lms_writingassignmentreport #reportcontentstable th {  padding: 12px 0 10px 0;text-align: left;border-bottom: 1px solid #e6e6e6;vertical-align: middle;background-color:#ffffff;}
.p_lms_writingassignmentreport #reportcontentstable th {background-color: white;font-weight: 400; }
.p_lms_writingassignmentreport #reportcontentstable td {text-align: center; }
.p_lms_writingassignmentreport #reportcontentstable td:last-child {border-right: none; }
.p_lms_writingassignmentreport #reportcontentstable thead th {border-right: 1px solid #e6e6e6;padding-top: 15px;padding-bottom: 15px;text-align: center; }
.p_lms_writingassignmentreport #reportcontentstable thead th:last-child {border-right: none; }
.p_lms_writingassignmentreport #reportcontentstable thead th:first-child {text-align: left; }
.p_lms_writingassignmentreport #reportcontentstable tbody th.th-span {background-color: #97a6b0;color: white;-webkit-font-smoothing: antialiased;font-weight: 600;padding-right: 0; text-align: center;vertical-align: middle;min-width: 110px;}
.p_lms_writingassignmentreport #reportcontentstable tbody th:first-child {text-align: left; }
.p_lms_writingassignmentreport #reportcontentstable .broundsmall{width:121px;}
.p_lms_writingassignmentreport #printdiv {display:none;}

.p_lms_writingassignmentreport .writingreportbuttons {margin-top:20px;}
.p_lms_writingassignmentreport .writingreportbuttons #back-btn {float:left;padding:0.3em 1.5em;}
.p_lms_writingassignmentreport .writingreportbuttons #submit-btn {float:right;padding:0.3em 1.5em;}
.p_lms_writingassignmentreport .writingreportbuttons #export-btn {float:right;padding:0.3em 1.5em;}
.p_lms_writingassignmentreport .writingreportbuttons #print-btn {float:right;padding:0.3em 1.5em;}

.p_lms_writingassignmentreport .teacherwritingassignmentreport #reportcontentstable .writingassignmentstudentreport_head {padding:10px;font-size:18px;font-weight:600;}
.p_lms_writingassignmentreport .teacherwritingassignmentreport #reportcontentstable .writingassignmentstudentreport_body {padding:10px;text-align:left;}
.p_lms_writingassignmentreport .teacherwritingassignmentreport #reportcontentstable .writingassignmentstudentreport_body p b{padding-bottom:10px;display:block;font-weight:600;}
.p_lms_writingassignmentreport .teacherwritingassignmentreport #reportcontentstable .writingassignmentstudentreport_studentwritinghead {width:50%;padding-left:10px;font-size:16px;font-weight:600;}
.p_lms_writingassignmentreport .teacherwritingassignmentreport #reportcontentstable .writingassignmentstudentreport_feedbackhead {width:40%;padding-left:10px;font-size:16px;font-weight:600;}
.p_lms_writingassignmentreport .teacherwritingassignmentreport #reportcontentstable .writingassignmentstudentreport_studentwriting_wrapper {text-align:left;padding-left:10px;}
.p_lms_writingassignmentreport .teacherwritingassignmentreport #reportcontentstable .writingassignmentstudentreport_studentwriting_wrapper p {padding: 15px 0;}
.p_lms_writingassignmentreport .teacherwritingassignmentreport #reportcontentstable .writingassignmentstudentreport_feedback {padding:0;border-left: 1px solid gainsboro;}
.p_lms_writingassignmentreport .teacherwritingassignmentreport #reportcontentstable .writingassignmentstudentreport_feedback .tinymce{height: 400px;width:500px; }
.p_lms_writingassignmentreport .teacherwritingassignmentreport #reportcontentstable .writingassignmentstudentreport_feedback .waitingforinput {font-weight:600;text-align:left;padding-left:10px;}
.p_lms_writingassignmentreport .teacherwritingassignmentreport #reportcontentstable .writingassignmentstudentreport_feedback .writingassignmentstudentreport_studentwriting_feedbackwrapper {text-align:left; padding:10px;vertical-align:top;}
.p_lms_writingassignmentreport .teacherwritingassignmentreport #reportcontentstable .writingassignmentstudentreport_feedback .writingassignmentstudentreport_studentwriting_feedbackwrapper .feedbacktext {}
.p_lms_writingassignmentreport .teacherwritingassignmentreport #reportcontentstable .writingassignmentstudentreport_feedback .writingassignmentstudentreport_studentwriting_feedbackwrapper .feedbackdate {font-size:10px;}

/** Report List **/
.p_lms_reportslist #full800 {text-align: center;margin-bottom: 1em;}
.p_lms_reportslist #full800 ul {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.p_lms_reportslist #full800 ul li .img {display: inline-block;max-width: 174px;/border-radius: 2px;overflow: hidden;-webkit-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.05);box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.05);margin: 0px 8px 16px;position: relative;cursor: pointer;}
.p_lms_reportslist #full800 ul li .img:hover {-webkit-filter: saturate(1.4); }
.p_lms_reportslist #full800 ul li .link {display:none;}
.p_lms_reportslist #full800 ul li .expires {display:none;}
.p_lms_reportslist #full800 h3:last-of-type{border-bottom:0;}


/** Buttons **/

.broundsmall, .broundsmall_back  
{
	position: relative; 
	background-color: white;
	color: #555555;
	margin-left: 0.5em;
	-webkit-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.05);
	box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.05);
	position: relative;
	padding: 0.1em 1.5em;
}
.broundsmall :before, .broundsmall_back :before
{
	position: absolute;
	display: block;
	content: " ";
	top: calc(50% - 6px); 
}
.broundsmall:hover , .broundsmall_back:hover
{
	background: rgba(0, 197, 255, 0.2); 
}

/** Footer **/
#footer
{
/*	padding-top: 1em;*/
  width: 768px;
  margin: 0 auto;  
  position: fixed;
  bottom:0;
  height: 25px;
  background-color: #ffffff;  
  border-top: 1px solid #d5d5d5;
}
#footer
{
  
 	 margin-top: 5px;
   width:100%;
}
#footer .copyright 
{
	font-size: 12px;
  text-align: center; 
}
#footer .copyright .link 
{
	color: #007795; 
}
#footer .copyright .link:hover 
{
	border-bottom: 1px solid #007795; 
}
#forumPost_ifr{
  height: 350px !important;
}

 @media only screen and (min-width : 600px) and (max-width : 603px) and (max-aspect-ratio: 13/9)
 {
        .container{
           width: 606px !important;
        }
     #content{
          width: 604px !important;
        }
        #header > a{
          max-width: 275px !important;
        }
        #header{
           width: 604px !important;
        }
        .primary-workbook .activities-nav-container{
          width: 606px !important;
        }
        .primary-workbook .activities-nav-toggle{ width: 200px !important;}
        .secondary-nav-supp-links{ width: 604px !important;}
        .level_choice{max-width: 160px!important ;}
        .p_lms_book .dialog-region-container iframe{ width: 606px;}
        .report_iframe_wrapper{ min-width: 606px !important;}
        .p_lms_index .main_menu_page .menu_select ul li{width: 94% !important;}
        .primary-workbook .activities-toc-nav{width: 170px !important;}
        .primary-workbook .activities-toc-toggle{width: 170px !important;}

       #content #leftcol{
                width: 57%;
         }
         #content #rightcol{
          width: 40%;
         }
      .p_lms_book .dialog-region-container iframe{
        height: 900px;
      }
         .p_lms_index .primary_shell {
          width: 100%;
        }
        .primary_shell{
          width: 100%;
        }
        .p_lms_addclass #status2{
          width: 100%;
        }
        .p_lms_addclass #fullcol{
          width: 100%;
        }
        .p_lms_manageclasses #classtable td{
          font-size: 10px;
        }
        .level_home_header h1{
          font-size: 14px;
        }
         #content h3{
          font-size: 1em;
         }
         .p_lms_manageclasses #bholder{
          width: 100%;
         }
        .p_lms_editprofile #fullcol{
         width: 100%;
         }
         .p_lms_addbook #status2{
          width: 100%;
         }
         .p_auth_register #status2{
          width: 100%;
         }
         .p_lms_addbook #fullcol{
          width: 100%;
         }
         .p_auth_register #fullcol{
          width: 100%;
         }
         .p_auth_register #full760{
          width: 100%;
         }
         .op_menu_page .op_choice li{
          width: 30%;
         }
         .op_menu_page .op_choice_li:nth-child(3){
          margin-left: 13px;
         }
         .p_lms_forum #bigBoundingBox{
          width: 602px;
         }
        #forumPost_ifr{
          width: 100% !important;
        }
       .p_lms_editclass #fullcol{
          width: 100%;
        }
        .p_lms_classdetails #classdetailsbuttons{
          width: 100%;
        }
        .p_lms_setinstitution #fullcol{
          width: 100%;
        }
        #fc_container{
          width: 100% !important;
        }
        #leftColumn{
          width: 50% !important;
        }
        #rightColumn{
         width: 50% !important;
          
        }
        #controlButtonRow{
          width: 600px !important;
        }
        #forumFooter{
          width: 100% !important;
        }

      }
	  #oxford-link {
		
		height: 100px;
		width: 150px;
	 }
	 #oxford-logo-div{
		 position: fixed;
		 left: 6px;
		 bottom: 12px;
		 cursor: pointer;
	 }
	 img {
		text-align: center;
		vertical-align: middle;
	}

/* GDPR css*/
.reg-cookiepolicy {
  font-family: "Open Sans", sans-serif;
  font-weight: 400px;
  font-size: 14px;    
  color: #000;
  line-height: 1.4; 
  margin-bottom: 7px;
}

.policy_href:link {
    text-decoration: underline;
}

.footer-container {
    padding : 15px 16px;
    width: 100%;
    display: block;
    height: auto !important;
    font-size: 12px ;   
    
    a { 
        margin-right: 15px;
        color: #007795;
    }
}

.footer-container .footer-left {
    margin-right: 15px;
    margin-bottom: 0;
    float: left;
    display: inline-block;
    color: #333;
}

.footer-container .footer-right {
    margin-right: 15px;
    margin-bottom: 0;
    border-top: none;
    width: auto;
    float: right;
}

.right-pad {
     margin-right: 15px;
}

.right-pad a:hover {
        border-bottom: 1px solid;
}

/* LTI Provacy Modal */
.lti-model-container {
    position: absolute;
    top: 0.75em;
    left: 50%;
    right: auto;
    bottom: auto;
    border: none;
    background: rgb(255, 255, 255);
    overflow: auto;
    border-radius: 0.5em;
    outline: none;
    padding: 0px;
    transform: translate(-50%, 0px);
    max-width: 600px;
    width: calc(100% - 4em);
    height: auto;
    max-height: calc(100vh - 3.5em);
    /*box-shadow: rgba(0, 0, 0, 0.5) 0px 0.0625em 0.875em 0px;*/
    padding: 12px;
}

/* The Modal (background) */
.lti-modal {
    position: fixed;
/*    top: 185px;*/
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: #fff;
    z-index: 99;
    display: none;
}
.lti-modal-top-banner {
    top:195px;
}
.lti-modal-top {
     top:80px;
}
.lti-modal-content {
    font-family: "Open Sans",sans-serif;
    font-weight: 400px;
    color: #000;
    line-height: 1.4;    
}

.lti-modal-content .header-content {
    font-size: 24px;
    margin-bottom: 6px;
}

.lti-modal-content .main-content {
    font-size: 14px;
}

.second-para {
	margin-top : 12px;
}

.lti-model-btn {
    display: block;
    text-align: right;
    margin: 6px 20px 0 0;
}
.lti-model-btn button {
    width: 85px;
    background: #fff;
}

.lti_policy_href {
    text-decoration: underline;
    color: #4a90e2!important;
}

.pwdmandatemsg {
    font-size: 14px;
    line-heigh:1.4;
    font-family:"Open Sans", sans-serif;
}

#bholder {
    margin-bottom: 50px;
}