/*  Theme CSS  */

/* ------------------- Overall Specifications ------------- */

body {
  line-height: 1.5;
  font-size: 87.5%;
  word-wrap: break-word;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}
a:link,
a:visited {
  text-decoration: none;
}
a:hover,
a:active,
a:focus {
  text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 1.0em 0 0.5em;
  font-weight: inherit;
}
h1 {
  font-size: 1.357em;
  color: #000;
}
h2 {
  font-size: 1.143em;
}
p {
  margin: 0 0 1.2em;
} 

del {
  text-decoration: line-through;
}
tr.odd {
  background-color: #dddddd;
}
img {
  outline: 0;
}

/**
 * The generic monospace font family is listed before Courier new to avoid a
 * a bug in font-size rendering:
 * http://meyerweb.com/eric/thoughts/2010/02/12/fixed-monospace-sizing
 */
code,
pre,
kbd,
samp,
var {
  padding: 0 0.4em;
  /* font-size: 0.77em; */
  font-family: Menlo, Consolas, "Andale Mono", "Lucida Console", "Nimbus Mono L", "DejaVu Sans Mono", monospace, "Courier New";
}

#messages pre{
	font-size: 0.77em;
}

code {
  background-color: #f2f2f2;
  background-color: rgba(40, 40, 0, 0.06);
}

pre code,
pre kbd,
pre samp,
pre var,
kbd kbd,
kbd samp,
code var {
  font-size: 100%;
  background-color: transparent;
}
pre code,
pre samp,
pre var {
  padding: 0;
}
.description code {
  font-size: 1em;
}
kbd {
  background-color: #f2f2f2;
  border: 1px outset #575757;
  margin: 0 3px;
  color: #666;
  display: inline-block;
  padding: 0 6px;
  border-radius: 5px;
}
pre {
  background-color: #f2f2f2;
  background-color: rgba(40, 40, 0, 0.06);
  margin: 10px 0;
  overflow: hidden;
  padding: 15px;
  white-space: pre-wrap;
}


/* ------------------- Fonts ------------------------------ */

body,
#site-slogan,
.ui-widget,
.comment-form label {
  font-family: Arial, Helvetica, sans-serif;
}
#header,
#footer-wrapper,
#skip-link,
ul.contextual-links,
ul.links,
ul.primary,
.item-list .pager,
div.field-type-taxonomy-term-reference,
div.messages,
div.meta,
p.comment-time,
table,
.breadcrumb {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
input,
textarea,
select,
a.button {
  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
}

/* ------------------- Reset Styles ----------------------- */

caption {
  text-align: left; /* LTR */
  font-weight: normal;
}
blockquote {
  background: #f7f7f7;
  border-left: 1px solid #bbb;
  font-style: italic;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
}
blockquote:before {
  color: #bbb;
  content: "\201C";
  font-size: 3em;
  line-height: 0.1em;
  margin-right: 0.2em;
  vertical-align: -.4em;
}
blockquote:after {
  color: #bbb;
  content: "\201D";
  font-size: 3em;
  line-height: 0.1em;
  vertical-align: -.45em;
}
blockquote > p:first-child {
  display: inline;
}
a.feed-icon {
  display: inline-block;
  padding: 15px 0 0 0;
}
img {
  max-width: 100%;
  height: auto;
  border: 0;
}

/* ------------------- Table Styles ----------------------- */

table {
  border: 0;
  border-spacing: 0;
  font-size: 0.857em;
  margin: 10px 0;
  width: 100%;
}
table table {
  font-size: 1em;
}
#footer-wrapper table {
  font-size: 1em;
}
table tr th {
  background: #ff9815;
  border-bottom-style: none;
}
table tr th,
table tr th a,
table tr th a:hover {
  color: #fff;
  font-weight: bold;
}
table tbody tr th {
  vertical-align: top;
}
tr td,
tr th {
  padding: 4px 9px;
  border: 1px solid #fff;
  text-align: left; /* LTR */
}
#footer-wrapper tr td,
#footer-wrapper tr th {
  border-color: #555;
  border-color: rgba(255, 255, 255, 0.18);
}
tr.odd {
  background: #e4e4e4;
  background: rgba(0, 0, 0, 0.105);
}
tr,
tr.even {
  background: #efefef;
  background: rgba(0, 0, 0, 0.063);
}
table ul.links {
  margin: 0;
  padding: 0;
  font-size: 1em;
}
table ul.links li {
  padding: 0 1em 0 0;
}

/* ------------------- List Styles ------------------------ */

.block ol,
.block ul {
  margin: 0;
  padding: 0 0 0.25em 1em; /* LTR */
}
.contextual-region .contextual .contextual-links a {
  font-size: 0.923em;
  text-shadow: 0 0 0 !important;
}
.item-list .pager {
  font-size: 0.929em;
}
.item-list .pager li {
  padding: 0;
}
.item-list .pager a {
  display: inline-block;
  padding: 10px 15px;
}
.item-list .pager .pager-first a {
  padding: 10px 10px 10px 0;
}
.item-list .pager .pager-previous a {
  padding: 10px 0;
}
.item-list .pager .pager-current {
  padding: 0 10px;
}
.item-list .pager .pager-next a,
.item-list .pager .pager-last a {
  padding: 10px 0 10px 10px;
}
ul.menu li {
  margin: 12px 0;
}

ul.menu li a {
  padding: 10px 0;
}

.region-content ul,
.region-content ol {
  margin: 1em 0;
  padding: 0 0 0.25em 15px; /* LTR */
}
.item-list ul li {
  margin: 0;
  padding: 0.2em 0.5em 0 0; /* LTR */
}
ul.tips {
  padding: 0 0 0 1.25em; /* LTR */
}

/* ------------------- Header ----------------------------- */
#skip-link {
  left: 50%;
  margin-left: -5.25em;
  margin-top: 0;
  position: absolute;
  width: auto;
  z-index: 50;
}
#skip-link a,
#skip-link a:link,
#skip-link a:visited {
  background: #444;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  display: block;
  font-size: 0.94em;
  line-height: 1.7;
  padding: 1px 10px 2px 10px;
  text-decoration: none;
  border-radius: 0 0 10px 10px;
}
#skip-link a:hover,
#skip-link a:active,
#skip-link a:focus {
  outline: 0;
}
#logo {
  float: left; /* LTR */
  padding-left: 5px; /* LTR */
}

#name-and-slogan {
  float: left; /* LTR */
  margin: 0;
  padding: 5px 10px 8px;
}
#site-name {
  font-size: 1.6em;
  color: #686868;
  line-height: 1;
}
h1#site-name {
  margin: 0;
}
#site-name a {
  font-weight: normal;
}
#site-slogan {
  font-size: 0.929em;
  margin-top: 7px;
  word-spacing: 0.1em;
  font-style: italic;
}
/* Region header blocks. */
.region-header .block {
  font-size: 0.857em;
  float: left; /* LTR */
  margin: 0 10px;
  padding: 0;
}
.region-header .block .content {
  margin: 0;
  padding: 0;
}
.region-header .block ul {
  margin: 0;
  padding: 0;
}
.region-header .block li {
  list-style: none;
  list-style-image: none;
  padding: 0;
}
.region-header .form-text {
  background: #fefefe;
  background: rgba(255, 255, 255, 0.7);
  border-color: #ccc;
  border-color: rgba(255, 255, 255, 0.3);
  margin-right: 2px; /* LTR */
  width: 120px;
}
.region-header .form-text:hover,
.region-header .form-text:focus,
.region-header .form-text:active {
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
}
.region-header .form-required {
  color: #eee;
  color: rgba(255, 255, 255, 0.7);
}
/* Region header block menus. */
.region-header .block-menu {
  border: 1px solid;
  border-color: #eee;
  border-color: rgba(255, 255, 255, 0.2);
  padding: 0;
  width: 208px;
}
.region-header .block-menu li a {
  display: block;
  border-bottom: 1px solid;
  border-bottom-color: #eee;
  border-bottom-color: rgba(255, 255, 255, 0.2);
  padding: 3px 7px;
}
.region-header .block-menu li a:hover,
.region-header .block-menu li a:focus,
.region-header .block-menu li a:active {
  text-decoration: none;
  background: rgba(255, 255, 255, 0.15);
}
.region-header .block-menu li.last a {
  border-bottom: 0;
}
/* User Login block in the header region */
.region-header #block-user-login {
  width: auto;
}
.region-header #block-user-login .content {
  margin-top: 2px;
}
.region-header #block-user-login .form-item {
  float: left; /* LTR */
  margin: 0;
  padding: 0;
}
.region-header #block-user-login div.item-list,
.region-header #block-user-login div.description {
  font-size: 0.916em;
  margin: 0;
}
.region-header #block-user-login div.item-list {
  clear: both;
}
.region-header #block-user-login div.description {
  display: inline;
}
.region-header #block-user-login .item-list ul {
  padding: 0;
  line-height: 1;
}
.region-header #block-user-login .item-list li {
  list-style: none;
  float: left; /* LTR */
  padding: 3px 0 1px;
}
.region-header #block-user-login .item-list li.last {
  padding-left: 0.5em; /* LTR */
}
.region-header #block-user-login ul.openid-links li.last {
  padding-left: 0; /* LTR */
}
.region-header #user-login-form li.openid-link a,
.region-header #user-login li.openid-link a {
  padding-left: 20px; /* LTR */
}
.region-header #block-user-login .form-actions {
  margin: 4px 0 0;
  padding: 0;
  clear: both;
}
.region-header #block-user-login input.form-submit {
  border: 1px solid;
  border-color: #ccc;
  border-color: rgba(255, 255, 255, 0.5);
  background: #eee;
  background: rgba(255, 255, 255, 0.7);
  margin: 4px 0;
  padding: 3px 8px;
}
.region-header #block-user-login input.form-submit:hover,
.region-header #block-user-login input.form-submit:focus {
  background: #fff;
  background: rgba(255, 255, 255, 0.9);
}
/* Search block in region header. */
.region-header #block-search-form {
  width: 208px;
  clear: both;
  float: right;
  margin-top: 10px;
}
.region-header #block-search-form .form-text {
  width: 144px;
  margin-left: 10px;
  border: 0;
  -webkit-appearance: none;
}
/* Language switcher block in region header. */
.region-header .block-locale ul li {
  display: inline;
  padding: 0 0.5em;
}

/* ------------------- Main Menu -------------------------- */
#main-menu {
  clear: both;
}
#main-menu-links {
  font-size: 0.929em;
  margin: 0 5px;
  padding: 0;
  text-align: left; /* LTR */
}
#main-menu-links li {
  float: none;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
#main-menu-links a {
  color: #333;
  background: #ccc;
  background: rgba(255, 255, 255, 0.7);
  float: none;
  display: block;
  text-decoration: none;
  text-shadow: 0 1px #eee;
  border-radius: 8px;
  margin-bottom: 4px;
  padding: 0.9em 0 0.9em 10px;
}
#main-menu-links a:hover,
#main-menu-links a:focus {
  background: #f6f6f2;
  background: rgba(255, 255, 255, 0.95);
}
#main-menu-links a:active {
  background: #b3b3b3;
  background: rgba(255, 255, 255, 1);
}
#main-menu-links li a.active {
  border-bottom: none;
}

/* ------------------- Secondary Menu --------------------- */

#secondary-menu-links {
  float: right; /* LTR */
  font-size: 0.929em;
  margin: 0 10px;
}
#secondary-menu-links  li{
  margin: 0;
  padding: 0;
}
#secondary-menu-links  a {
  display: inline-block;
  padding:  0.8em;
}
#secondary-menu-links a:hover,
#secondary-menu-links a:focus {
  text-decoration: underline;
}

/* ------------------- Main ------------------------------- */

#main {
}

/* ------------------- Featured --------------------------- */

#featured {
  text-align: center;
  font-size: 1.2em;
  font-weight: normal;
  line-height: 1.4;
  padding: 20px 10px 45px;
  margin: 0;
  background: #f0f0f0;
  background: rgba(30, 50, 10, 0.08);
  border-bottom: 1px solid #e7e7e7;
  text-shadow: 1px 1px #fff;
}
#featured h2 {
  font-size: 1.2em;
  line-height: 1;
}
#featured p {
  margin: 0;
  padding: 0;
}

/* ------------------- Highlighted ------------------------ */

#highlighted {
  border-bottom: 1px solid #d3d7d9;
  font-size: 120%;
}

/* ------------------- Help ------------------------------- */

.region-help {
  border: 1px solid #d3d7d9;
  padding: 0 1.5em;
  margin-bottom: 30px;
}

/* ------------------- Content ---------------------------- */

h1#page-title {
  font-size: 2em;
  line-height: 1;
  margin-top: 0.3em;
}
/* 
#content h2 {
  margin-bottom: 5px;
  font-size: 1.429em;
  line-height: 1.4;
}
#content h2 a:link {
  padding-top: 18px;
}
.node .content {
  font-size: 1.071em;
}
 */
.node-teaser .content {
  font-size: 1em;
}
.node-teaser h2 {
  margin-top: 0;
  padding-top: 0.5em;
}
.node-teaser h2 a {
  color: #181818;
}
.node-teaser {
  border-bottom: 1px solid #d3d7d9;
  margin-bottom: 30px;
  padding-bottom: 15px;
}
.node-sticky {
  background: #f9f9f9;
  background: rgba(0, 0, 0, 0.024);
  border: 1px solid #d3d7d9;
  padding: 0 15px 15px;
}
.node-full {
  background: none;
  border: none;
  padding: 0;
}
.node-teaser .content {
  clear: none;
  line-height: 1.6;
}

.meta {
  font-size: 0.857em;
  color: #68696b;
  margin-bottom: 0;
}
.submitted a {
  padding: 10px 0 15px;
}
.submitted .user-picture img {
  float: left; /* LTR */
  height: 20px;
  margin: 1px 5px 0 0; /* LTR */
}

.field-type-taxonomy-term-reference {
  margin: 0 0 1.2em;
}
.field-type-taxonomy-term-reference .field-label {
  font-weight: normal;
  margin: 0;
  padding-right: 5px; /* LTR */
}
.field-type-taxonomy-term-reference .field-label,
.field-type-taxonomy-term-reference ul.links {
  font-size: 0.8em;
}
.view-mode-teaser .field-type-taxonomy-term-reference .field-label,
.view-mode-teaser .field-type-taxonomy-term-reference ul.links {
  font-size: 0.821em;
}
.field-type-taxonomy-term-reference ul.links {
  padding: 0;
  margin: 0;
  list-style: none;
}
.field-type-taxonomy-term-reference ul.links li {
  float: left; /* LTR */
  padding: 0 1em 0 0; /* LTR */
  white-space: nowrap;
}
.field-type-taxonomy-term-reference ul.links li a {
  padding: 5px 0 20px;
}
.link-wrapper {
  text-align: right;
}
.field-type-image img,
.user-picture img {
  margin: 0 0 1em;
}

ul.links {
  color: #68696b;
  font-size: 0.821em;
}
ul.links.inline li a {
  display: inline;
  padding: 18px 0 5px;
}

.unpublished {
  margin: -20px -15px 0;
  padding: 20px 15px 0;
}
.unpublished .comment-text .comment-arrow {
  border-left: 1px solid #fff4f4;
  border-right: 1px solid #fff4f4;
}

/* ------------------- Comments --------------------------- */

.comment h2.title {
  margin-bottom: 1em;
}
.comment div.user-picture img {
  margin-left: 0; /* LTR */
}
.comment {
  margin-bottom: 20px;
  display: table;
  vertical-align: top;
}
.comment .attribution {
  display: table-cell;
  padding: 0 30px 0 0; /* LTR */
  vertical-align: top;
  overflow: hidden;
}
.comment .attribution img {
  margin: 0;
  border: 1px solid #d3d7d9;
}
.comment .attribution .username {
  white-space: nowrap;
}
.comment .submitted p {
  margin: 4px 0;
  font-size: 1.071em;
  line-height: 1.2;
}
.comment .submitted .comment-time {
  font-size: 0.786em;
  color: #68696b;
}
.comment .submitted .comment-permalink {
  font-size: 0.786em;
  text-transform: lowercase;
}
.comment .submitted .comment-permalink a {
  padding: 8px 0 18px;
}
.comment .content {
  font-size: 1em;
  line-height: 1.6;
}
.comment .comment-arrow {
  background: url(../images/comment-arrow.gif) no-repeat 0 center transparent; /* LTR */
  border-left: 1px solid;
  border-right: 1px solid;
  height: 40px;
  margin-left: -47px; /* LTR */
  margin-top: 0;
  position: absolute;
  width: 20px;
}
.comment .comment-text {
  padding: 10px 25px;
  border: 1px solid #d3d7d9;
  display: table-cell;
  vertical-align: top;
  position: relative;
  width: 85%;
}
.comment .comment-text h3  a{
  padding-top: 22px;
}
.comment .comment-text h3 {
  margin-top: 0;
}
.comment .comment-text .new {
  color: #f00;
  font-style: italic;
}
.comment .indented {
  margin-left: 40px; /* LTR */
}
.comment ul.links {
  padding: 0 0 0.25em 0;
}
.comment ul.links li {
  padding: 0 0.5em 0 0; /* LTR */
}
.comment.unpublished {
  margin-right: 5px; /* LTR */
  padding: 5px 2px 5px 5px; /* LTR */
}
.comment.unpublished .comment-text .comment-arrow {
  border-left: 1px solid #fff4f4;
  border-right: 1px solid #fff4f4;
}

/* ------------------- Sidebar ---------------------------- */
.sidebar .section {
  padding-top: 10px;
}
.sidebar .block {
  border: 1px solid;
  padding: 15px 20px;
  margin: 0 0 20px;
}
.sidebar h2 {
  margin: 0 0 0.5em;
  border-bottom: 1px solid #d6d6d6;
  padding-bottom: 5px;
  text-shadow: 0 1px 0 #fff;
  font-size: 1.071em;
  line-height: 1.2;
}
.sidebar .block .content {
  font-size: 0.914em;
  line-height: 1.4;
}
.sidebar tbody {
  border: none;
}
.sidebar tr.even,
.sidebar tr.odd {
  background: none;
  border-bottom: 1px solid #d6d6d6;
}

/* ------------------- Triptych --------------------------- */

#triptych-wrapper {
  background-color: #f0f0f0;
  background: rgba(30, 50, 10, 0.08);
  border-top: 1px solid #e7e7e7;
}
#triptych h2 {
  color: #000;
  font-size: 1.4em;
  margin-bottom: 0.6em;
  text-shadow: 0 1px 0 #fff;
  text-align: center;
  line-height: 1;
}
#triptych .block {
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid #dfdfdf;
  line-height: 1.3;
}
#triptych .block.last {
  border-bottom: none;
}
#triptych .block ul li,
#triptych .block ol li {
  list-style: none;
}
#triptych .block ul,
#triptych .block ol {
  padding-left: 0;
}
#triptych #block-user-login .form-text {
  width: 185px;
}
#triptych #block-user-online p {
  margin-bottom: 0;
}
#triptych #block-node-syndicate h2 {
  overflow: hidden;
  width: 0;
  height: 0;
}
#triptych-last #block-node-syndicate {
  text-align: right;
}
#triptych #block-search-form .form-type-search input {
  width: 185px;
}
#triptych-middle #block-system-powered-by {
  text-align: center;
}
#triptych-last #block-system-powered-by {
  text-align: right;
}

/* ------------------- Footer ----------------------------- */

#footer-wrapper {
  color: #c0c0c0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 0.857em;
}
#footer-wrapper a {
  color: #fcfcfc;
  color: rgba(155, 155, 155, 0.8);
}
#footer-wrapper a:hover,
#footer-wrapper a:focus {
  color: #fefefe;
  color: rgba(255, 255, 255, 0.95);
  text-decoration: underline;
}
#footer-wrapper .block {
  margin: 20px 0;
  padding: 10px;
}
#footer-columns .block-menu,
#footer .block {
  margin: 0;
  padding: 0;
  border: none;
}
#footer .block {
  margin: 0.5em 0;
}
#footer .block .content {
  padding: 0.5em 0;
  margin-top: 0;
}
#footer .block h2 {
  margin: 0;
}
#footer-columns h2 {
  border-bottom: 1px solid #555;
  border-color: rgba(255, 255, 255, 0.15);
  font-size: 1em;
  margin-bottom: 0;
  padding-bottom: 3px;
  text-transform: uppercase;
}
#footer-columns .content {
  margin-top: 0;
}
#footer-columns p {
  margin-top: 1em;
}
#footer-columns .content ul {
  list-style: none;
  padding-left: 0; /* LTR */
  margin-left: 0;
}
#footer-columns .content li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#footer-columns .content li a {
  display: block;
  border-bottom: 1px solid #555;
  border-color: rgba(255, 255, 255, 0.15);
  line-height: 1.2;
  padding: 0.8em 2px 0.8em 20px; /* LTR */
  text-indent: -15px;
}
#footer-columns .content li a:hover,
#footer-columns .content li a:focus {
  background-color: #1f1f21;
  background-color: rgba(255, 255, 255, 0.05);
  text-decoration: none;
}
#footer {
  letter-spacing: 0.2px;
  border-top: 1px solid #888;
  border-bottom: 1px solid #888;
}
#footer .region {
}
#footer .block {
  clear: both;
}
#footer ul,
#footer li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#footer li a {
  float: left; /* LTR */
  padding: 0 4px;
  display: block;
}
#footer li.first a {
  padding-left: 0; /* LTR */
}
#footer li.last a {
  padding-right: 0; /* LTR */
  border-right: none; /* LTR */
}
#footer-wrapper tr.odd {
  background-color: transparent;
}
#footer-wrapper tr.even {
  background-color: #2c2c2c;
  background-color: rgba(0, 0, 0, 0.15);
}

/* ------------------- System Tabs ------------------------ */

.tabs {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 20px;
}
.tabs ul.primary {
  padding: 0 3px;
  margin: 0;
  overflow: hidden;
  border: none;
  background: transparent url(../images/tabs-border.png) repeat-x left bottom;
}
.tabs ul.primary li {
  display: block;
  float: left; /* LTR */
  vertical-align: bottom;
  margin: 0 5px 0 0; /* LTR */
}
.tabs ul.primary li.active a {
  border-bottom: 1px solid #ffffff;
}
.tabs ul.primary li a {
  color: #000;
  background-color: #ededed;
  height: 1.8em;
  line-height: 1.9;
  display: block;
  font-size: 0.929em;
  float: left; /* not LTR */
  padding: 0 10px 3px;
  margin: 0;
  text-shadow: 0 1px 0 #fff;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.tabs ul.primary li.active a {
  background-color: #ffffff;
}
.tabs ul.secondary {
  border-bottom: none;
  padding: 0.5em 0;
}
.tabs ul.secondary li {
  display: block;
  float: left; /* LTR */
}
.tabs ul.secondary li:last-child {
  border-right: none; /* LTR */
}
.tabs ul.secondary li:first-child {
  padding-left: 0; /* LTR */
}
.tabs ul.secondary li a {
  padding: 0.25em 0.5em;
}
.tabs ul.secondary li a.active {
  background: #f2f2f2;
  border-bottom: none;
  border-radius: 5px;
}
ul.action-links {
  list-style: none;
  margin: 5px;
  padding: 0.5em 1em;
}
ul.action-links li {
  display: inline-block;
  margin-left: 10px;
}
ul.action-links li a {
  padding-left: 15px;
  background: url(../images/add.png) no-repeat left center;
  margin: 0 10px 0 0;
}

/* ------------------- Messages --------------------------- */

#messages {
  padding: 20px 0 5px;
  margin: 0 auto;
}
.featured #messages {
  background: #f0f0f0;
  background: rgba(30, 50, 10, 0.08);
}
div.messages {
  margin: 8px 15px;
}

/* ------------------- Breadcrumbs ------------------------ */

.breadcrumb {
  font-size: 0.929em;
  padding: 10px;
  padding-left: 30px;
}

.breadcrumb a {
  padding: 12px 0;
}

.breadcrumb .inline a {
  font-weight: bold;
  padding: 12px 0;
  color: #ff5903;
}

.breadcrumb .inline a:hover {
  color: #9f3600;
  text-decoration: none;
}

/* ------------------- User Profile ----------------------- */

.profile .user-picture {
  float: none;
}

/* ------------------- Password Meter --------------------- */

.confirm-parent,
.password-parent {
  width: 34em;
}
.password-parent,
div.form-item div.password-suggestions {
  position: relative;
}
.password-strength-text,
.password-strength-title,
div.password-confirm {
  font-size: 0.82em;
}
.password-strength-text {
  margin-top: 0.2em;
}
div.password-confirm {
  margin-top: 2.2em;
  width: 20.73em;
}

/* ------------------- Buttons ---------------------------- */

input.form-submit,
a.button {
  background-color: #ff5903;
  border: 1px solid #e4e4e4;
  border-bottom: 1px solid #b4b4b4;
  border-left-color: #d2d2d2;
  border-right-color: #d2d2d2;
  color: #fff;
  cursor: pointer;
  font-size: 0.929em;
  font-weight: normal;
  text-align: center;
  margin-bottom: 1em;
  margin-right: 0.6em; /* LTR */
  padding: 4px 17px;
  border-radius: 15px;
}
a.button:link,
a.button:visited,
a.button:hover,
a.button:focus,
a.button:active {
  text-decoration: none;
  color: #5a5a5a;
}

/* ------------------- Form Elements ---------------------- */

fieldset {
  background: #ffffff;
  border: 1px solid #cccccc;
  margin-top: 10px;
  margin-bottom: 32px;
  padding: 0 0 10px;
  position: relative;
  top: 12px; /* Offsets the negative margin of legends */
  border-radius: 4px;
}
.fieldset-wrapper {
  margin-top: 25px;
}
.node-form .vertical-tabs .fieldset-wrapper {
  margin-top: 0;
}
.filter-wrapper {
  top: 0;
  padding: 1em 0 0.2em;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.filter-help a {
  font-size: 0.857em;
  padding: 2px 20px 0;
}
.filter-wrapper .form-item label {
  margin-right: 10px;
}
.filter-wrapper .form-item {
  padding: 0 0 0.5em 0.5em;
}
.filter-guidelines {
  padding: 0 1.5em 0 0.5em;
}
fieldset.collapsed {
  background: transparent;
  border-radius: 0;
}
fieldset legend {
  background: #dbdbdb;
  border: 1px solid #ccc;
  border-bottom: none;
  color: #3b3b3b;
  display: block;
  height: 2em;
  left: -1px; /* LTR */
  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
  line-height: 2;
  padding: 0;
  position: absolute;
  text-indent: 10px;
  text-shadow: 0 1px 0 #fff;
  top: -12px;
  width: 100%;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
fieldset.collapsed legend {
  border-radius: 4px;
}
fieldset legend a {
  color: #3b3b3b;
}
fieldset legend a:hover,
fieldset legend a:focus,
fieldset legend a:active {
  color: #000;
}
fieldset .fieldset-wrapper {
  padding: 0 10px;
}
fieldset .fieldset-description {
  margin-top: 5px;
  margin-bottom: 1em;
  line-height: 1.4;
  color: #3c3c3c;
  font-style: italic;
}
input {
  margin: 2px 0;
  padding: 4px;
}
input,
textarea {
  font-size: 0.929em;
}
textarea {
  line-height: 1.5;
}
textarea.form-textarea,
select.form-select {
  padding: 4px;
}
input.form-text,
input.form-tel,
input.form-email,
input.form-url,
input.form-search,
input.form-number,
input.form-color,
textarea.form-textarea,
select.form-select {
  border: 1px solid #ccc;
}
a.button:hover,
a.button:focus,
input.form-submit:hover,
input.form-submit:focus {
  background: #ff8140;
}
.password-suggestions ul li {
  margin-left: 1.2em; /* LTR */
}
.form-item {
  margin-bottom: 1em;
  margin-top: 2px;
}
.form-item label {
  font-size: 0.929em;
}
.form-type-radio label,
.form-type-checkbox label {
  margin-left: 4px;
}
.form-type-radio .description,
.form-type-checkbox .description {
  margin-left: 2px;
}
.form-actions {
  padding-top: 10px;
}
/* Contact Form */
.contact-form #edit-name {
  width: 75%;
  border-radius: 4px;
}
.contact-form #edit-mail {
  width: 75%;
  border-radius: 4px;
}
.contact-form #edit-subject {
  width: 75%;
  border-radius: 4px;
}
.contact-form #edit-message {
  width: 76.3%;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

/* ------------------- Disabled Form Elements ------------- */
input.form-button-disabled,
input.form-button-disabled:hover,
input.form-button-disabled:focus,
input.form-button-disabled:active,
.form-disabled input,
.form-disabled select,
.form-disabled textarea {
  background: #ededed;
  border-color: #bbb;
  color: #717171;
}
.form-disabled label {
  color: #717171;
}

/* ------------------- Animated Throbber ------------------ */
.js input.form-autocomplete {
  background-position: 100% 4px; /* LTR */
}
.js input.throbbing {
  background-position: 100% -16px; /* LTR */
}

/* ------------------- Comment Form ----------------------- */
.comment-form label {
  float: left; /* LTR */
  font-size: 0.929em;
  width: 120px;
}
.comment-form input,
.comment-form .form-select {
  margin: 0;
  border-radius: 4px;
}
.comment-form .form-type-textarea label {
  float: none;
}
.comment-form .form-item,
.comment-form .form-radios,
.comment-form .form-type-checkbox,
.comment-form .form-select {
  margin-bottom: 10px;
  overflow: hidden;
}
.comment-form .form-type-checkbox,
.comment-form .form-radios {
  margin-left: 120px; /* LTR */
}
.comment-form .form-type-checkbox label,
.comment-form .form-radios label {
  float: none;
  margin-top: 0;
}
.comment-form input.form-file {
  width: auto;
}
.no-sidebars .comment-form .form-text {
  width: 800px;
}
.one-sidebar .comment-form .form-text {
  width: 500px;
}
.two-sidebars .comment-form .form-text {
  width: 320px;
}
.comment-form .form-item .description {
  font-size: 0.786em;
  line-height: 1.2;
  margin-left: 120px; /* LTR */
}
#content h2.comment-form {
  margin-bottom: 0.5em;
}
.comment-form .form-textarea {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.comment-form fieldset.filter-wrapper .fieldset-wrapper,
.comment-form .text-format-wrapper .form-item {
  margin-top: 0;
  margin-bottom: 0;
}
.filter-wrapper label {
  width: auto;
  float: none;
}
.filter-wrapper .form-select {
  min-width: 120px;
}
.comment-form fieldset.filter-wrapper .tips {
  font-size: 0.786em;
}
#comment-body-add-more-wrapper .form-type-textarea label {
  margin-bottom: 0.4em;
}
#edit-actions input {
  margin-right: 0.6em; /* LTR */
}

/* ------------------- Other Overrides -------------------- */

div.password-suggestions {
  border: 0;
}
.ui-widget-overlay {
  background: #222222;
  opacity: 0.7;
}
div.vertical-tabs .vertical-tabs-panes fieldset.vertical-tabs-pane {
  padding: 1em;
}
#forum .name {
  font-size: 1.083em;
}
#forum .description {
  font-size: 1em;
}

/* ------------------- Search Form ------------------------ */

#block-search-form {
  padding-bottom: 7px;
}
#block-search-form .content {
  margin-top: 0;
  border: 1px solid #ccc;
  border-radius: 5px;
  height: 30px;
  padding: 2px 0;
  box-shadow: 2px 2px 2px #ccc inset;
}
#search-form input[type="search"],
#block-search-form input[type="search"] {
  box-sizing: border-box;
  padding: 4px;
  -webkit-appearance: textfield;
}
#search-form input[type="search"]::-webkit-search-decoration,
#block-search-form input[type="search"]::-webkit-search-decoration {
  display: none;
}
#search-form input#edit-keys,
#block-search-form .form-item-search-block-form input {
  float: left; /* LTR */
  font-size: 1em;
  margin-right: 5px;
  width: 9em;
}
#search-block-form input.form-submit,
#search-form input.form-submit {
  margin-left: 0;
  margin-right: 0;
  height: 25px;
  width: 34px;
  padding: 0;
  cursor: pointer;
  text-indent: -9999px;
  border: 0;
  background: transparent url(../images/search-button-normal.png) no-repeat center center;
  overflow: hidden;
}
#search-block-form input.form-submit:hover,
#search-block-form input.form-submit:focus,
#search-form input.form-submit:hover,
#search-form input.form-submit:focus {
  background: transparent url(../images/search-button-hover.png) no-repeat center center;
}
#search-form .form-item-keys label {
  display: block;
}

/* ------------------- Search Results --------------------- */
ol.search-results {
  padding-left: 0;
}
.search-results li {
  border-bottom: 1px solid #d3d7d9;
  padding-bottom: 0.4285em;
  margin-bottom: 0.5em;
}
.search-results li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 1em;
}
.search-results .search-snippet-info {
  padding-left: 0;
}

/* ------------------- Shortcut Links --------------------- */

.shortcut-wrapper {
  margin: 2.2em 0 1.1em 0; /* Same as usual h1#page-title margin. */
}
.shortcut-wrapper h1#page-title {
  float: left; /* LTR */
  margin: 0;
}
div.add-or-remove-shortcuts {
  padding-top: 0.9em;
}
.overlay div.add-or-remove-shortcuts {
  padding-top: 0.8em;
}

/* ------------------- Admin-specific Theming ------------- */

.page-admin #content img {
  margin-right: 15px; /* LTR */
}
.page-admin #content .simpletest-image img {
  margin: 0;
}
.page-admin-structure-block-demo .block-region {
  background: #ffff66;
  border: 1px dotted #9f9e00;
  color: #000;
  font: 90% "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  margin: 5px;
  padding: 5px;
  text-align: center;
  text-shadow: none;
}
.page-admin-structure-block-demo #featured .block-region {
  font-size: 0.55em;
}
.page-admin-structure-block-demo #header .block-region {
  width: 500px;
}
.page-admin #admin-dblog img {
  margin: 0 5px;
}
/* Fix spacing when Seven is used in the overlay. */
#system-theme-settings fieldset {
  padding: 0;
}
#system-theme-settings fieldset .fieldset-legend {
  margin-top: 0;
}
/* Configuration. */
div.admin .right,
div.admin .left {
  width: 49%;
  margin: 0;
}
div.admin-panel {
  background: #fbfbfb;
  border: 1px solid #ccc;
  margin: 10px 0;
  padding: 0 5px 5px;
}
div.admin-panel h3 {
  margin: 16px 7px;
}
div.admin-panel dt {
  border-top: 1px solid #ccc;
  padding: 7px 0 0;
}
div.admin-panel dd {
  margin: 0 0 10px;
}
div.admin-panel .description {
  margin: 0 0 14px 7px;
}

/* ------------------- Overlay Layout Styles -------------- */

.overlay #main,
.overlay #content {
  width: auto;
  float: none;
}
.overlay #page {
  padding: 0 2em;
}
.overlay .region-page-top,
.overlay #header,
.overlay #page-title,
.overlay #featured,
.overlay #sidebar-first,
.overlay #triptych-wrapper,
.overlay #footer-wrapper {
  display: none;
}
.overlay-processed .field-type-image {
  display: block;
  float: none;
}
.overlay #messages {
  width: auto;
}

/* ------------------- Poll ------------------------------- */

.node .poll {
  margin: 2em 0;
}
.node .poll #edit-choice {
  margin: 0 0 1.5em;
}
.poll .vote-form {
  text-align: left; /* LTR */
  margin: 0;
}
.poll .percent {
  font-size: 0.857em;
  font-style: italic;
  margin-bottom: 3em;
  margin-top: -3.2em;
  float: right; /* LTR */
  text-align: right; /* LTR */
}
.poll .choice-title {
  clear: right; /* LTR */
}
.poll .total {
  font-size: 0.929em;
  font-style: italic;
  text-align: right; /* LTR */
  clear: both;
}
.node .poll {
  margin: 1.8em 0 0;
}
.node .poll .text {
  margin-right: 6.75em;
}
.node .poll #edit-choice {
  margin: 0 0 1.2em;
}
.poll .bar .foreground {
  background-color: #666;
}
#footer-wrapper .poll .bar {
  background-color: #666;
}
#footer-wrapper .poll .bar .foreground {
  background-color: #ddd;
}

/* ------------------- Book ------------------------------- */
.book-navigation .menu {
  border-top: 1px solid #d6d6d6;
}
.book-navigation .book-pager {
  border-bottom: 1px solid #d6d6d6;
  border-top: 1px solid #d6d6d6;
  margin: 0;
}

/* ------------------- Menu Toggle Link ------------------- */
a#menu-toggle {
  display:none;
  background: none repeat scroll 0 0 rgba(200, 200, 200, 0.7);
  padding: 0.7em 0 0.7em 10px;
  text-decoration: none;
  text-shadow: 0 1px #EEEEEE;
  position:relative;
}

a#menu-toggle:after {
  content:"";
  background: url('../images/toggle.png') no-repeat;
  width: 22px;
  height: 30px;
  display: inline-block;
  position: absolute;
  right: 10px;
}

/* ------------------- Media Queries ---------------------- */

@media all and (max-width: 560px) {
  /* ----------------- Menu on Small Resolutions ---------- */
  a#menu-toggle {
    display:block;
  }

  #main-menu-links {
    margin-top: 5px;
    display: none;
    height: auto;
  }

  #block-menu-menu-otb-menu {
    display: none;
  }
  
  #block-menu-menu-footer-menu {
    width: 400px !important;
  }
  
  #block-menu-menu-my-workspace {
    display: none;
  }
}

@media all and (min-width: 561px) and (max-width: 850px) {
 /* ------------------ Header and Menus ------------------- */

 .region-header {
    margin: .5em 5px .75em;
  }
  #logo {
    padding: 5px 0 0 5px; /* LTR */
  }
  #name-and-slogan {
    padding: 10px 10px 8px;
  }
  #block-menu-menu-otb-menu {
    display: none;
  }
  #block-menu-menu-my-workspace {
    display: none;
  }
  #block-menu-menu-otb-menu.side-menu {
    display: block;
  }
  #block-menu-menu-my-workspace.side-menu {
    display: block;
  }
  #main-menu {
    display: none;
  }
  #main-menu-links {
    margin: 0 5px;
    padding: 0;
    text-align: center;
  }
  #main-menu-links li {
    float: left;
    margin-right: 5px;
    padding: 0;
    display: inline-block;
    width: 32.75%;
  }
  #main-menu-links li:nth-child(3n) {
    margin-right: -5px; /* LTR */
  }
  #main-menu-links li:nth-child(9) {
    margin-bottom: 20px;
  }
  #main-menu-links a {
    float: none;
    display: block;
    border-radius: 8px;
    margin-bottom: 5px;
    padding: 0.9em 5px;
  }
  #main {
    margin-left: 15px;
  }
  #featured {
    font-size: 1.43em;
  }
  #featured h2 {
    font-size: 1.174em;
  }
  #triptych h2 {
    font-size: 1.243em;
    margin-bottom: 0.9em;
  }
  #footer .block {
    padding-left: 20% !important;
  }
}

@media all and (min-width: 851px) {

  .region-header {
    margin: 1em 5px 1.5em;
  }
  #logo {
    padding: 15px 15px 15px 10px; /* LTR */
  }
  #name-and-slogan {
    padding: 26px 0 0;
    margin: 0 0 30px 15px; /* LTR */
  }
  #site-name {
    font-size: 1.821em;
  }
  #block-menu-menu-otb-menu.side-menu {
    display: none;
  }
  #block-menu-menu-my-workspace.side-menu {
    display: none;
  }
  #main-menu {
    display: none;
  }
  #main-menu-links {
    font-size: 0.929em;
    margin: 0;
    padding: 0 15px;
  }
  #main-menu-links li {
    float: left; /* LTR */
    list-style: none;
    padding: 0 1px;
    margin: 0 1px;
    width: auto;
  }
  #main-menu-links a {
    float: left; /* LTR */
    padding: 0.7em 0.8em;
    margin-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  #featured {
    font-size: 1.643em;
    line-height: 1.4;

  }
  #featured h2 {
    font-size: 1.174em;
    line-height: 1;
  }
  .featured #main-menu-links li a:active,
  .featured #main-menu-links li a.active {
    background: #f0f0f0;
    background: rgba(240, 240, 240, 1.0);
  }
  
  #workspace-tabs {
    display: none;
  }
}


/* ------------------- Misc Fixes ------------------------- */
.element-invisible {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  left: 0;
}

#block-block-1 {
  margin-right: 0px;
}

#block-block-2 {
  margin-right: 0px;
}

#block-search-form {
  margin-right: 0px;
}

#block-menu-menu-otb-menu {
  padding-top: 0px;
  padding-left: 0px;
}

#block-menu-menu-otb-menu .menu .button {
  width: 100%;
  background-color: #888888;
  display: inline-block;
  overflow: hidden;
  opacity:1;-moz-opacity:1;-khtml-opacity: 1; filter:alpha(opacity=100);
}

#block-menu-menu-otb-menu .menu .button:hover {
  opacity:0.85;-moz-opacity:0.85;-khtml-opacity: 0.85; filter:alpha(opacity=85);
}

#block-menu-menu-otb-menu .menu a .button {
  vertical-align: bottom;
  margin-bottom: 2px;
}

#block-menu-menu-otb-menu .menu a.menu-about_open_textbooks .button {
  background-color: #b66cbb;
}

#block-menu-menu-otb-menu .menu a.menu-blog .button {
  background-color: #32cb9c;
}

#block-menu-menu-otb-menu .menu a.menu-news_and_events .button {
  background-color: #ea7765;
}

#block-menu-menu-otb-menu .menu a.menu-forum .button {
  background-color: #6182df;
}

#block-menu-menu-otb-menu .menu a.menu-resources .button {
  background-color: #ff9d20;
}

#block-menu-menu-otb-menu .menu a.menu-primary-schools .button {
  background-color: #b85b7a;
}

#block-menu-menu-otb-menu .menu a.menu-secondary-schools .button {
  background-color: #cc9632;
}

#block-menu-menu-otb-menu .menu a.menu-certificates-and-diplomas .button {
  background-color: #5d9b38;
}

#block-menu-menu-otb-menu .menu a.menu-tertiary-institutions .button {
  background-color: #816acc;
}

#block-menu-menu-otb-menu .menu a.menu-resources_for_primary_teachers .button {
  background-color: #b85b7a;
}

#block-menu-menu-otb-menu .menu a.menu-resources_for_secondary_teachers .button {
  background-color: #cc9632;
}

#block-menu-menu-otb-menu .menu .triangle {
  border-right: 15px solid transparent;
  float: left;
}

#block-menu-menu-otb-menu .menu a.menu-about_open_textbooks .button .triangle {
  border-top: 15px solid #764679;
}

#block-menu-menu-otb-menu .menu a.menu-blog .button .triangle {
  border-top: 15px solid #208465;
}

#block-menu-menu-otb-menu .menu a.menu-news_and_events .button .triangle {
  border-top: 15px solid #984d41;
}

#block-menu-menu-otb-menu .menu a.menu-forum .button .triangle {
  border-top: 15px solid #3f5491;
}

#block-menu-menu-otb-menu .menu a.menu-resources .button .triangle {
  border-top: 15px solid #a66614;
}

#block-menu-menu-otb-menu .menu a.menu-primary-schools .button .triangle {
  border-top: 15px solid #783b4f;
}

#block-menu-menu-otb-menu .menu a.menu-secondary-schools .button .triangle {
  border-top: 15px solid #a07527;
}

#block-menu-menu-otb-menu .menu a.menu-certificates-and-diplomas .button .triangle {
  border-top: 15px solid #3c6524;
}

#block-menu-menu-otb-menu .menu a.menu-tertiary-institutions .button .triangle {
  border-top: 15px solid #544585;
}

#block-menu-menu-otb-menu .menu a.menu-resources_for_primary_teachers .button .triangle {
  border-top: 15px solid #783b4f;
}

#block-menu-menu-otb-menu .menu a.menu-resources_for_secondary_teachers .button .triangle {
  border-top: 15px solid #a07527;
}

#block-menu-menu-otb-menu .menu .text {
  position: relative;
  left: -5px;
  font-size: 1em;
  font-family: Arial;
  font-weight: bold;
  color: #fff;
  padding: 3px 0px 3px 15px;
  text-align: left;
  min-height: 2.2em;
}

#main-menu-links a {
  color: #fff;
  text-shadow: 0 1px #111;
  height: 35px;
  overflow: hidden;
}

#main-menu-links li:nth-child(1) a {
  background-color: #b66cbb !important;
}

#main-menu-links li:nth-child(2) a {
  background-color: #32cb9c !important;
}

#main-menu-links li:nth-child(3) a {
  background-color: #ea7765 !important;
}

#main-menu-links li:nth-child(4) a {
  background-color: #6182df !important;
}

#main-menu-links li:nth-child(5) a {
  background-color: #ff9d20 !important;
}

#main-menu-links li:nth-child(6) a {
  background-color: #b85b7a !important;
}

#main-menu-links li:nth-child(7) a {
  background-color: #cc9632 !important;
}

#main-menu-links li:nth-child(8) a {
  background-color: #5d9b38 !important;
}

#main-menu-links li:nth-child(9) a {
  background-color: #b85b7a !important;
}

#main-menu-links li:nth-child(10) a {
  background-color: #cc9632 !important;
}

#main-menu-links li:nth-child(11) a {
  background-color: #816acc !important;
}

#main-menu-links li:nth-child(12) a {
  background-color: #b66cbb !important;
}

#main-menu-links li:nth-child(13) a {
  background-color: #32cb9c !important;
}

#main-menu-links li:nth-child(14) a {
  background-color: #ea7765 !important;
}

#main-menu-links li:nth-child(15) a {
  background-color: #6182df !important;
}

#main-menu-links li:nth-child(16) a {
  background-color: #ff9d20 !important;
}

#main-menu-links li:nth-child(17) a {
  background-color: #b85b7a !important;
}

#main-menu-links li:nth-child(18) a {
  background-color: #cc9632 !important;
}

#main-menu-links li:nth-child(19) a {
  background-color: #5d9b38 !important;
}

#main-menu-links li:nth-child(20) a {
  background-color: #816acc !important;
}

#main-menu-links li:nth-child(21) a {
  background-color: #b66cbb !important;
}

#main-menu-links li a.myworkspace-book-related {
  background-color: #b86bbb !important;
}

#main-menu-links li a.myworkspace-group-related {
  background-color: #32cb9c !important;
}

#main-menu-links li a.myworkspace-admin-related {
  background-color: #ea7765 !important;
}

#block-menu-menu-footer-menu {
  width: 550px;
  margin: 0 auto !important;
  padding-bottom: 5px !important;
  overflow: hidden;
}

#block-menu-menu-footer-menu a {
  color: #00f;
  font-weight: bold;
  text-transform: uppercase;
}

#block-menu-menu-footer-menu a:hover {
  color: #005580;
}

#block-menu-menu-footer-menu h2 {
  display: none;
}

.book-navigation .page-links {
  border-top: 0;
  border-bottom: 0;
}

.book-navigation .page-links a {
  color: #ff5903;
  text-decoration: none;
}

.otb-page-news_and_events .view-news {
  margin-bottom: -30px;
}

.otb-page-news_and_events .view-events-view {
  margin-top: 7px;
  border-bottom: 1px solid #d3d7d9;
}

.page-events .views-field-title a,
.page-upcoming-events .views-field-title a,
.page-past-events .views-field-title a,
.otb-page-news_and_events .views-field-title a {
  color: #009999;
  font-size: 1em;
  line-height: 1.4;
  font-weight: bold;
}

.otb-page-news_and_events h2 a,
.page-news h2 a {
  color: #009999;
  font-size: 1em;
  line-height: 1.4;
  font-weight: bold;
}

.page-user #page-title {
  color: #990099;
}

.page-user fieldset {
  border: 0px;
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}

.page-user fieldset .fieldset-wrapper {
  padding: 0;
}

.page-user fieldset legend {
  display: none;
}

.view-blog .views-field-title a {
  color: #009999;
  font-size: 1.429em;
}

.view-blog .views-field-created {
  font-style: italic;
}

#block-search-form div.contextual-links-wrapper {
  top: 30px;
}

.view-ou-myworkspace-publishing-manager-sign-off .views-field-field-book-cover,
.view-ou-myworkspace-mybookshelf .views-field-nothing-1,
.view-ou-myworkspace-pending-approval .views-field-field-book-cover,
.view-ou-myworkspace-myapproval .views-field-field-book-cover,
.view-ou-myworkspace-myapproval-history .views-field-field-book-cover,
.view-ou-myworkspace-myapproved .views-field-field-book-cover,
.view-ou-myworkspace-mytextbooks .views-field-field-book-cover,
.view-ou-myworkspace-amendment-requests .views-field-field-book-cover,
.view-ou-myworkspace-pending-content .views-field-field-book-cover {
  text-align: center;
}

.view-ou-myworkspace-publishing-manager-sign-off .views-field-field-book-cover img,
.view-ou-myworkspace-mybookshelf .views-field-nothing-1 img,
.view-ou-myworkspace-pending-approval .views-field-field-book-cover img,
.view-ou-myworkspace-myapproval .views-field-field-book-cover img,
.view-ou-myworkspace-myapproval-history .views-field-field-book-cover img,
.view-ou-myworkspace-myapproved .views-field-field-book-cover img,
.view-ou-myworkspace-mytextbooks .views-field-field-book-cover img,
.view-ou-myworkspace-amendment-requests .views-field-field-book-cover img,
.view-ou-myworkspace-pending-content .views-field-field-book-cover img,
.view-textbooks-list .views-field-field-book-cover img {
  width: 50px;
  height: 67px;
}

.views-field-field-external-url ul {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-left: 3px;
}

.views-field-field-external-url ul li {
  padding: 0;
  margin: 0;
}

.views-field-field-external-url ul li a {
  color: #eee;
}

/* ------------------- Numbering for Book TOC ------------------------- */
li.toc_chapter_title:before{
    content: counters(ChapterNo, ".", decimal) " ";
    counter-increment: ChapterNo;
}

#block-otb-book-navigation-frame ul ul  {
	counter-reset: ChapterNo;
}

#block-otb-book-navigation-frame .treeview a {
	display: inline;
}

/* ------------------- Numbering for Book TOC (AJAX Version) ------------------------- */
/* Copied to ajax_toc.css */
/*
.sort-group-m li .toc_chapter_title.ajax_nav_list_item_title:before {
    content: counters(ChapterNo, ".", decimal) " ";
    counter-increment: ChapterNo;
}

#block-otb-book-navigation-frame ol ol  {
	counter-reset: ChapterNo;
}
*/

/* ------------------- Numbering in DITATOPIC contents ------------------------- */
.content .body {
    counter-reset: FigNo TableNo;
}

/* .content .fig:before {
    content: "Figure " counter(FigNo, decimal) ". ";
    counter-increment: FigNo;
    font-weight: bold;
} */
/* OUHK:Samuel 20140409 Changing CSS for inverting the position of figure cap and figure objects */
/* OUHK: Ben 20140613 Disabled, use calculated value for whole book counting */
/*
.content .figcap:before {
    content: "Figure " counter(FigNo, decimal) ". ";
    counter-increment: FigNo;
    font-weight: bold;
}
*/

.content .sameFigNoNone:after{
	content: " " counter(FigNo, decimal);
}

/* OUHK: Ben 20140613 Disabled, use calculated value for whole book counting */
/*
.content table > caption:before {
    content: "Table " counter(TableNo, decimal) ". ";
    counter-increment: TableNo;
    font-weight: bold;
}
*/

/* Site Notice */
#site-notice-top{
	background-color: #fef5f1;
	color: #8c2e0b;
	background-image: url(/misc/message-24-warning.png);
	background-position: 8px 8px;
	background-repeat: no-repeat;
	margin: 10px;
	padding: 10px 10px 10px 50px;
	border: 1px solid #ed541d;
}
/*  Default Custom CSS  */

/*
    --- CUSTOM.CSS starts here ---
	General Font Family
*/

/* -- Default -- */
body .dita-book-content, body .dita-book-content p, body .dita-book-content .cke_editable{
	font-family: 'Open Sans',"微軟正黑體","Microsoft JhengHei",'Droid Serif', sans-serif, FreeSerif;
	line-height: initial;
	color: #000000;
}

body .dita-book-content.lang-zh-hant, body .dita-book-content.lang-zh-hant p, body .dita-book-content.lang-zh-hant .cke_editable{
	line-height: 1.5em;
}

body .dita-book-content.lang-zh-hans, body .dita-book-content.lang-zh-hans p, body .dita-book-content.lang-zh-hans .cke_editable{
	line-height: 1.5em;
}

/* Chinese fonts spacing */
body .dita-book-content.lang-zh-hant p, body .dita-book-content.lang-zh-hant .p, body .dita-book-content.lang-zh-hant table, body .dita-book-content.lang-zh-hant li{
	line-height: 1.65em;
	letter-spacing:2px;
	/* word-spacing: 0.38em;*/
}

/* 
.dita-book-content.lang-zh-hant p, .dita-book-content.lang-zh-hant .p{	
	text-align: justify !important;
}
 */


/* -- Specialized for TBA --*/
body .dita-book-content-tba, body .dita-book-content-tba p, body .dita-book-content-tba .cke_editable{
	/*font-family: FreeSerif, 'Times New Roman', 'Open Sans', Merriweather, '微軟正黑體','Microsoft JhengHei',Arial,sans-serif;*/
	/* font-family: 'Times New Roman', FreeSerif,'DFMingHK-W3', 'Open Sans', Merriweather, '微軟正黑體','Microsoft JhengHei',Arial,sans-serif; */
	font-family: 'Times New Roman', FreeSerif,'DFMingHK-W3';
}

.dita-book-content-tba table, .dita-book-content-tba blockquote, .dita-book-content-tba div.section:not(.inlinetopic) { 
	page-break-inside: avoid ;
	-webkit-column-break-inside: avoid;
	break-inside: avoid;
}

/* By default, the div and table are stick together even without this class, the behaviour can be overrided by over_onepage   */
.sticktogether{
	page-break-inside: avoid !important;
	-webkit-column-break-inside: avoid;
	break-inside: avoid;
}

/* Cancel avoid page break setting */
.over_onepage{
	page-break-inside: auto !important;
	-webkit-column-break-inside: auto !important;
	break-inside: auto !important;
}

/* For page break */
.pagebreakbeforealways{
	page-break-before: always ;
	-webkit-column-break-before: always;
	break-before: always;
}

.pagebreakbeforeavoid{
	page-break-before: avoid ;
	-webkit-column-break-before: avoid;
	break-before: avoid;
}

.pagebreakafteralways{
	page-break-after: always ;
	-webkit-column-break-after: always;
	break-after: always;
}

.pagebreakafteravoid{
	page-break-after: avoid ;
	-webkit-column-break-after: avoid;
	break-after: avoid;
}



/*
.notpageend{
	page-break-after: avoid !important;
	-webkit-column-break-after: avoid;
	break-after: avoid;
}
*/


/* -- Default -- */
body .dita-book-content table, body .dita-book-content table.cke-table, body .dita-book-content .table p, body .dita-book-content div.tablenoborder>table, body .dita-book-content div .sectiontitle, body .dita-book-content q.q, body .dita-book-content .example .p, body .dita-book-content .note,  body .dita-book-content .ui-content-container-table table{
	font-family: 'Merriweather','Times New Roman',"微軟正黑體","Microsoft JhengHei",Arial,sans-serif, FreeSerif;
}


/* -- Specialized for TBA --*/
body .dita-book-content-tba table, body .dita-book-content-tba table.cke-table, body .dita-book-content-tba .table p, body .dita-book-content-tba div.tablenoborder>table, body .dita-book-content-tba q.q, body .dita-book-content-tba .example .p, body .dita-book-content-tba .note,  body .dita-book-content-tba .ui-content-container-table table{
	/* font-family: FreeSerif, 'Times New Roman', 'Open Sans', Merriweather, '微軟正黑體','Microsoft JhengHei',Arial,sans-serif ; */
	/* font-family: 'Times New Roman', FreeSerif, 'DFMingHK-W3', 'Open Sans', Merriweather, '微軟正黑體','Microsoft JhengHei',Arial,sans-serif; */
	font-family: 'Times New Roman', FreeSerif, 'DFMingHK-W3';
}

body .dita-book-content-tba div .sectiontitle{
	/* font-family: FreeSerif, "Times New Roman"; */	
	/* font-family: "Times New Roman", FreeSerif, 'DFLiSongHK-W7'; */
	font-family: "Times New Roman", FreeSerif, 'DFHeiHK-W7';
	
	/*font-style:	italic;*/
	font-weight: bold;
}

.dita-book-content .tablenoborder>table{
	/* border: 0 none; */
	border-width: 0;
}

/* Override the style for td */
.dita-book-content .tablenoborder>table td{
	border-width: 0;
}

.dita-book-content div.autooverflow{
	overflow: auto;
}

.dita-book-content .nowrap{
	white-space: nowrap;
}

.dita-book-content .nowordbreak{
	word-break: keep-all;
}

body .dita-book-content .less_spacing_table td, body .dita-book-content .less_spacing_table td p{
	margin : 0px;
	padding: 1px;
	line-height: 1;
}


/* to avoid showing 'closing' border when the div/table is fragmented across 2 pages */
/* 
.dita-book-content div, .dita-book-content table {
    box-decoration-break: slice; 
}
 */
.dita-book-content *{
	box-decoration-break: slice; 
}


/* -- Default -- */
body .dita-book-content .title, body .dita-book-content.title{
	font-family: Arial, Roboto, 'Open Sans', Merriweather, '微軟正黑體','Microsoft JhengHei',sans-serif, FreeSerif;
}

/* -- Specialized for TBA --*/
body .dita-book-content-tba .title, body .dita-book-content-tba.title{
	/* font-family: Roboto, Arial, 'Open Sans', Merriweather, '微軟正黑體','Microsoft JhengHei',sans-serif, FreeSerif; */
	/* font-family: Arial, Roboto, 'Open Sans', 'DFLiSongHK-W7', Merriweather, '微軟正黑體','Microsoft JhengHei',sans-serif, FreeSerif; */
	font-family: Arial, Roboto, 'DFLiSongHK-W7';
	
	page-break-after: avoid ;
	-webkit-column-break-after : avoid;
	break-after : avoid;
}



.dita-book-content ul.classic_dash, .dita-book-content ul.classic_triangle, .dita-book-content ul.classic_triangle_mini, .dita-book-content ul.classic_checkbox, .dita-book-content ul.classic_checkbox_with_tick, .dita-book-content ul.classic_tick, .dita-book-content ul.classic_cross{
    list-style: none;
/*     margin-left: 0;
    padding-left: 1em; */
}

.dita-book-content ul.classic_checkbox, .dita-book-content ul.classic_checkbox_with_tick , .dita-book-content ul.classic_tick, .dita-book-content ul.classic_cross{
    padding-bottom: 0px;
}

.dita-book-content ul.classic_dash > li, .dita-book-content ul.classic_triangle > li, .dita-book-content ul.classic_triangle_mini > li, .dita-book-content ul.classic_checkbox > li, .dita-book-content ul.classic_checkbox_with_tick > li, .dita-book-content ul.classic_tick > li , .dita-book-content ul.classic_cross > li{
    /* margin-left: 10px; */
}
/* 
.dita-book-content ul.classic_dash {
    list-style: none;
    margin-left: 0;
    padding-left: 1em;
}
 */
.dita-book-content ul.classic_dash > li:before {
    display: inline-block;
    content: "–";
    width: 1em;
    margin-left: -1em;
}

/* .dita-book-content ul.classic_triangle {
    list-style: none;
    margin-left: 0;
    padding-left: 1em;
} */
.dita-book-content ul.classic_triangle > li:before {
    display: inline-block;
    content: "\25BA";
    width: 1.2em;
    margin-left: -1.2em;
}

.dita-book-content ul.classic_triangle.mini > li:before {
    font-size: 0.5em;
	vertical-align: middle;
}

/* .dita-book-content ul.classic_triangle_mini {
    list-style: none;
    margin-left: 0;
    padding-left: 1em;
} */
.dita-book-content ul.classic_triangle_mini > li:before {
    display: inline-block;
    content: "\25BA";
    width: 1.3em	;
    margin-left: -1.3em;
    font-size: 0.5em;
	vertical-align: middle;
}

/* .dita-book-content ul.classic_checkbox {
    list-style: none;
    margin-left: 0;
    padding-left: 1em;
} */

.dita-book-content ul.classic_checkbox > li:before {
	font-size: 1.8em;
    display: inline-block;
    content: "☐";
    width: 1em;
    margin-left: -1em;
	vertical-align: sub;
	line-height: 0.8;
}

.dita-book-content ul.classic_checkbox_with_tick > li:before {
	font-size: 1.8em;
    display: inline-block;
    content: "☑";
    width: 1em;
    margin-left: -1em;
	vertical-align: sub;
	line-height: 0.8;
}

.dita-book-content ul.classic_tick > li:before {
    display: inline-block;
    content: "\2713";
    width: 1.2em;
    margin-left: -1.2em;
}

.dita-book-content ul.classic_cross > li:before {
    display: inline-block;
    content: "\2717";
    width: 1.2em;
    margin-left: -1.2em;
}

/* Nested Order List */
.dita-book-content ol.nested_list, .dita-book-content ol.nested_list ol{
    list-style-type: none;
	counter-reset: item;
}

.dita-book-content ol.nested_list li{
    display: table;
	counter-increment: item;
	margin-left: 5px;
}

.dita-book-content ol.nested_list li:before{
    content: counters(item, ".") ". ";
	display: table-cell;
	padding-right: 0.3em;
}

.dita-book-content ol.nested_list ol  {
  margin-left: 0px;
}

.dita-book-content ol.nested_list li ol li {
  margin-left: 0;
}

.dita-book-content ol.nested_list li ol li:before {
  content: counters(item, ".") " ";
}
/* End of Nested Order List */

.dita-book-content .inlinebox div {
    margin: 10px;
}

.dita-book-content  .inlinefilledblue{
	border-bottom: 3px solid #aedef3 !important;
	border-top: 3px solid #aedef3 !important;
	padding : 10px 20px !important;
	margin: 30px 0;
	background-color: #aedef3;
}

.dita-book-content  .inlinefilledblue .sectiontitle{
	color: #0066CC;
	font-style:	italic;
	font-weight: bold;
}

.dita-book-content  .inlinetopicwline{
	border-bottom: 3px solid #aedef3; 
	border-top: 3px solid #aedef3;
	padding : 10px 0;
	margin: 30px 0;
}

/* *** */

.dita-book-content  .inlinetopicwline .sectiontitle{
	color: #0066CC;
	font-style:	italic;
	font-weight: bold;
}

.dita-book-content  .inlinetopic2wline{
	border-bottom: 3px solid #aedef3 !important;
	border-top: 3px solid #aedef3 !important;
	padding : 10px 0 !important;
	margin: 30px 0;
}

.dita-book-content  .inlinetopic2wline .sectiontitle{
	color: #9F0033;
	font-style:	italic;
	font-weight: bold;
}

.dita-book-content  .inlinetopic3wline{
	border-bottom: 3px solid #aedef3 !important;
	border-top: 3px solid #aedef3 !important;
	padding : 10px 0 !important;
	margin: 30px 0;
}

.dita-book-content  .inlinetopic3wline .sectiontitle{
	color: #009431;
	font-style:	italic;
	font-weight: bold;
}

.dita-book-content  .inlinetopic4wline{
	border-bottom: 3px solid #aedef3 !important;
	border-top: 3px solid #aedef3 !important;
	padding : 10px 0 !important;
	margin: 30px 0;
}

.dita-book-content  .inlinetopic4wline, .dita-book-content  .inlinetopic4wline p{
	/* font-family: Roboto, Arial !important; */
	font-family: Arial, Roboto, 'DFMingHK-W3' !important;
	font-size: 85%;
}

.dita-book-content  .inlinetopic4wline .sectiontitle{
	color: #9F0033;
	font-style:	normal;
	font-weight: bold;
	font-size: 100% !important;
}

.dita-book-content  .inlinetopic5wline{
	border: 3px solid #aedef3 !important;
	padding : 0 10px !important;

}

.dita-book-content  .inlinetopic5wline .sectiontitle{
	color: #9F0033;
	font-style:	normal;
	font-weight: bold;
	/* font-family: FreeSerif, "Times New Roman" !important; */
	font-family: 'Times New Roman', FreeSerif, 'DFLiSongHK-W7' !important;
	float: left;
	padding-right: 10px;
	padding-top: 10px;
}


.dita-book-content  .inlineboxwborderblue{
	border-bottom: 3px solid #aedef3 !important;
	padding : 0 0 10px 0 !important;
	margin: 30px 0;
	border-top: 3px solid #aedef3 !important;
}

.dita-book-content  .inlineboxwborderblue .sectiontitle{
	color: #0066CC;
	font-style:	italic;
	font-weight: bold;
	/* font-family: FreeSerif, "Times New Roman" !important; */
	font-family: 'Times New Roman', FreeSerif, 'DFLiSongHK-W7' !important;
	background-color: #aedef3;
	padding: 0 20px;
}

.dita-book-content  .inlinetitleonlyblue{
	padding : 0 !important;
	margin: 20px 0 0;
}

.dita-book-content  .inlinetitleonlyblue .sectiontitle{
	color: #0066CC;
	font-style:	italic;
	font-weight: bold;
	/* font-family: FreeSerif, "Times New Roman" !important; */
	font-family: "Times New Roman", FreeSerif , 'DFLiSongHK-W7' !important;
}

.dita-book-content  .inlinetopic, .dita-book-content  .inlinetopiclv2, .dita-book-content  .inlinetopiclv3{
	border-bottom: 0px solid #000000 !important;
	border-top: 0px solid #000000 !important;
	padding : 0px !important;
	margin: 20px 0 0;
}

.dita-book-content  .inlinetopic .sectiontitle, .dita-book-content  .inlinetopiclv2 .sectiontitle, .dita-book-content  .inlinetopiclv3 .sectiontitle{
	/* 
	text-align: left;
	padding-left: 0;
	margin-bottom: 0 !important; */  /* reset the value in style.css */
	font-weight:bold;
	color: #9f0033;
}

body .dita-book-content-tba .inlinetopic >.sectiontitle, body .dita-book-content-tba  .inlinetopiclv2>.sectiontitle{
	/* font-family: Roboto, Arial; */
	font-family: Arial, Roboto, 'DFLiSongHK-W7';
}

body .dita-book-content-tba .inlinetopiclv3>.sectiontitle{
	/* font-family: Roboto, Arial; */
	font-family: Arial, Roboto, 'DFHeiHK-W5';
}

body .dita-book-content-tba .tmanote {
	font-family: Arial, Roboto, 'DFMingHK-W3' !important;
}

.dita-book-content .inlinetopic > .title {
    /* font-size: 17px !important; */
    font-weight: bold !important;
}

.dita-book-content .inlinetopiclv2 > .title {
    /* font-size: 1em !important; */
    font-weight: bold !important;
}

.dita-book-content .inlinetopiclv3 > .title {
    /* font-size: 0.94em !important; */
    font-weight: bold !important;
}

/* inline topic in different lv */
.dita-book-content.topiclv0 .inlinetopic > .title {
    font-size: 1.06rem;
}
.dita-book-content.topiclv1 .inlinetopic > .title {
    font-size: 1.06rem;
}
.dita-book-content.topiclv2 .inlinetopic > .title {
    font-size: 0.94rem;
}
.dita-book-content.topiclv3 .inlinetopic > .title {
    /* font-size: 0.81rem; */
	/* min is 15px */
    font-size: 0.94rem;
}
.dita-book-content.topiclv4 .inlinetopic > .title {
    /* font-size: 0.81rem; */
	/* min is 15px */
    font-size: 0.94rem;
}

.dita-book-content.topiclv0 .inlinetopiclv2 > .title {
	/* font-size: 0.88rem; */
	/* min is 15px */
    font-size: 0.94rem;
}
.dita-book-content.topiclv1 .inlinetopiclv2 > .title {
	/* font-size: 0.88rem; */
	/* min is 15px */
    font-size: 0.94rem;
}
.dita-book-content.topiclv2 .inlinetopiclv2 > .title {
    /* font-size: 0.81rem; */
	/* min is 15px */
    font-size: 0.94rem;
}
.dita-book-content.topiclv3 .inlinetopiclv2 > .title {
    /* font-size: 0.75rem; */
	/* min is 15px */
    font-size: 0.94rem;
}
.dita-book-content.topiclv4 .inlinetopiclv2 > .title {
    /* font-size: 0.75rem; */
	/* min is 15px */
    font-size: 0.94rem;
}

.dita-book-content.topiclv0 .inlinetopiclv3 > .title {
    /* font-size: 0.75rem; */
	/* min is 15px */
    font-size: 0.88rem;
}
.dita-book-content.topiclv1 .inlinetopiclv3 > .title {
    /* font-size: 0.75rem; */
	/* min is 15px */
    font-size: 0.88rem;
}
.dita-book-content.topiclv2 .inlinetopiclv3 > .title {
    /* font-size: 0.75rem; */
	/* min is 15px */
    font-size: 0.88rem;
}
.dita-book-content.topiclv3 .inlinetopiclv3 > .title {
    /* font-size: 0.75rem; */
	 /* min is 15px */
    font-size: 0.88rem;
}
.dita-book-content.topiclv4 .inlinetopiclv3 > .title {
    /* font-size: 0.75rem; */
	/* min is 15px */
    font-size: 0.88rem;
}

/*  ******************* */
/* Section style by type */
body .dita-book-content-tba .section, body .dita-book-content-tba .section p, body .dita-book-content-tba .section table{
	font-family: 'Times New Roman', FreeSerif, 'DFKaiShuHK-W5';
}

/* Case Study Section */
.dita-book-content  .case_study_section{
	border-bottom: 3px solid #aedef3; 
	border-top: 3px solid #aedef3;
	padding : 10px 0 !important; /* Override the "#content  .section" rule */
	margin: 30px 0;
}

.dita-book-content  .case_study_section > .sectiontitle{
	color: #0066CC;
	font-style:	italic;
	font-weight: bold;
	/* font-family: FreeSerif, "Times New Roman"; */
	font-family: 'Times New Roman', FreeSerif, 'DFLiSongHK-W7';
}

/* Example Section */
.dita-book-content  .example_section{
	border-bottom: 3px solid #aedef3; 
	border-top: 3px solid #aedef3;
	padding : 10px 0 !important; /* Override the "#content  .section" rule */
	margin: 30px 0;
}

.dita-book-content  .example_section >  .sectiontitle{
	color: #0066CC;
	font-style:	italic;
	font-weight: bold;
}

/* Activity Section */
.dita-book-content  .activity_section{
	border-bottom: 3px solid #aedef3; 
	border-top: 3px solid #aedef3;
	padding : 10px 0 !important; /* Override the "#content  .section" rule */
	margin: 30px 0;
}

.dita-book-content  .activity_section > .sectiontitle{
	color: #0066CC;
	font-style:	italic;
	font-weight: bold;
}

/* Self-Test Section */
.dita-book-content  .selftest_section{
	/* padding-top: 0px; */
	/* border-top: 3px solid #aedef3;  */
	border-bottom: 3px solid #aedef3; 
	padding: 10px 0px !important; /* Override the "#content  .section" rule */
}

.dita-book-content  .selftest_section div:not(.ouembeddedContent):not(.ouhk-epub-dialog-wrapper), .dita-book-content  .selftest_section p{
	/* padding: 0px 20px; */
	padding: 0px;
}

.dita-book-content  .selftest_section > .sectiontitle{
	/* padding: 10px 20px 0px 20px; */
	padding: 0px 20px;
	border: 3px solid #aedef3; 	
    color: #0066cc;
    font-style: italic;
    font-weight: bold;
}

/* Hide border by class */
.dita-book-content  .section.no_border_top{
	border-top-width : 0px;
}

.dita-book-content  .section.no_border_bottom{
	border-bottom-width : 0px;
}

/* Reading Section */
.dita-book-content  .reading_section{
	border: 3px solid #aedef3;
	padding: 10px 20px !important; /* Override the "#content  .section" rule */
}

.dita-book-content  .reading_section > .sectiontitle{
	color: #0066cc;
    font-style: italic;
    font-weight: bold;
}



/* Study Tips Section */
.dita-book-content  .study_tips_section{
	border: 6px double #aedef3; 
	padding: 10px 10px !important; /* Override the "#content  .section" rule */
	margin: 30px 0;
}

.dita-book-content  .study_tips_section > .sectiontitle{
	/* border-top: 1px solid #aedef3;  */
	/* color: #0066CC; */
	/* font-style:	italic;*/
	
	/* font-size: 1.357em; */  /* same as topic lv 2 font size*/
	color: #9f0033;
	font-weight: bold;
	font-family: Arial, Roboto, 'DFLiSongHK-W7';
	
	margin-top: 10px;
}

.dita-book-content  .study_tips_section>*:last-child{
	/* border-bottom: 1px solid #aedef3;  */
	margin-bottom: 10px;
}

/* Activity in Study Tips Section */
.dita-book-content  .study_tips_section  .activity_section{
	border-bottom: 1px solid #aedef3; 
	border-top: 1px solid #aedef3;
}


/* Comment Section */
.dita-book-content  .comment_section{
	/* border:1px solid #aedef3; */
	border-width: 0px;
	padding: 0px 20px !important; /* Override the "#content  .section" rule */
	margin-top: 10px;
	margin-bottom: 10px;
}

.dita-book-content  .comment_section > .sectiontitle{
	color: #0066cc;
    font-style: italic;
    font-weight: bold;
}

/*  ******************* */

/* Set page margin for icon*/
 .dita-book-content{
	 margin-left : 145px;
 }
 
 
 .section:not(.no_icon):before{
	float: left;
	margin: 0px -85px;
}

.lang-en .section.activity_section:not(.no_icon):before{
	content:url('img/activity-en.png');
}
.lang-zh-hans .section.activity_section:not(.no_icon):before{
	content:url('img/activity-zh-hans.png');
}

.lang-zh-hant .section.activity_section:not(.no_icon):before{
	content:url('img/activity-zh-hant.png');
}

.section.reading_section:not(.no_icon):before{
	margin: 0px -108px;
}
.lang-en .section.reading_section:not(.no_icon):before{
	content:url('img/reading-en.png');
}
.lang-zh-hans .section.reading_section:not(.no_icon):before{
	content:url('img/reading-zh-hans.png');
}

.lang-zh-hant .section.reading_section:not(.no_icon):before{
	content:url('img/reading-zh-hant.png');
}
 
.lang-en .section.selftest_section:not(.no_icon):before{
	content:url('img/self-test.png');
}

/*  ******************* */

.dita-book-content .codeblock .line{
	font-family: 'Courier New', 'DFMingHK-W3';
	/* font-size: 1em; */
	/* font-size: 0.875em; */
}

.dita-book-content .afmark > .p {
    margin-top: -5px;
    padding: 0;
}
.dita-book-content .afmark {
    /* text-align: right; */
	float: right;
	clear: both;
	page-break-before: avoid !important;
	-webkit-column-break-before: avoid;
	break-before: avoid;
}

/* for Marks after ol and ul, stick closer */
.dita-book-content  ol + .afmark > .p , .dita-book-content  ul + .afmark > .p {
    margin-top: -8px;
    padding: 0;
}

/*
	General Font Size
*/
.dita-book-content, .dita-book-content table{
	/* font-size: 0.88rem; */
	font-size: 0.94rem;
}

.dita-book-content p, .dita-book-content>div,  .dita-book-content .p:not(li){
	margin : 10px 0;
}

.dita-book-content .sectiontitle{
	margin : 0px;
	margin-bottom : 10px;
}

/* Override drupal section title style*/
#content h2 {
    margin-bottom: 10px;
}

.dita-book-content .section.inlinetopic, .dita-book-content .section.inlinetopiclv2, .dita-book-content .section.inlinetopiclv3 {
	padding-left: 0 !important;
}

/*
.dita-book-content .u{
	white-space: nowrap;
}
*/

.dita-book-content a{
    /* color: #002f7b; */
	color: blue;
}

.dita-book-content .breakable{
	word-break: break-all;
}

.dita-book-content a:link, .dita-book-content a:visited{
    text-decoration: none;
}


.dita-book-content .media-lic-info > img {
    display: inline;
}

.dita-book-content  .exported-media-lic {
    font-size: 70%;
    /* margin-top: -20px; */
    padding-left: 10px;
}

.dita-book-content .media-lic{
		display:none;
}

/*
.node-type-dita-topic .content .body, .node-type-learning-content .content .body, .cke_editable, .dita-export-content{
	font-size: 1.00rem;
	font-family: Times New Roman,"微軟正黑體","Microsoft JhengHei",Arial Unicode MS,Arial,sans-serif;
}

.node-type-dita-topic .content .body p, .cke_editable p, .dita-export-content p{
	margin : 10px 0;
}

.node-type-dita-topic .content .body .sectiontitle, .cke_editable .sectiontitle, .dita-export-content .sectiontitle{
	margin : 0;
}

.node-type-dita-topic .content .body .u, .cke_editable .u, .dita-export-content .u{
	white-space: nowrap;
}
*/

.field-name-cover-page .field-item img{
	border-color: #cccccc;
    border-style: solid;
    border-width: 1px 3px 3px 1px;
	/* padding: 50px; */
	padding: 0px;
}

/*
.field-widget-dita-content-widget-dita-editor .cke_editable{
}
*/
.dita-book-content .learningobjective{
	border: 1px solid #006666 !important;
	padding : 0px !important;
	margin: 10px;
}

.dita-book-content .learningobjective .sectiontitle{
	background-color: #006666;
	text-align: center;
	font-weight:bold;
	color: #FFFFFF;
	margin: 0px;
}

.dita-book-content .learningobjective th{
	background-color: #006666;
	text-align: center;
	font-weight:bold;
	font-size: 1.50rem;
}




/* Refer to normal p rules */
/*
.dita-book-content table:not(.ui-content-container-table) p,.dita-book-content .learningobjective>.p{
    margin-left: 2%;
    margin-right: 2%;
	margin-bottom: 0;
	margin-top: 0;
}
*/


/* Handle margin and padding of table with long width */
.dita-book-content table.widetable td, .dita-book-content table.widetable th{
	margin: 0px ;
    padding : 3px;
	
}

.dita-book-content table.widetable p{
	margin: 0px ;
	padding : 0px;
}

/* 
.dita-book-content  ol, .dita-book-content  ul{
     margin: 1em 0; 
}
.dita-book-content li {
    margin: 5px 0;
}
 */
 
/* Override Drupal list indentation */
.dita-book-content ol, .dita-book-content  ul {
	margin: 10px 0px 10px 10px;
	padding : 0px;
}

.dita-book-content ol.parastylelist{
	margin-top: 5px;
	margin-bottom: 5px;
}

/* Set margin left for first level of li */
.dita-book-content li {
	margin: 5px 0px 5px 20px;
}

/* Inner li will be using the default margin-left  */
.dita-book-content li li {
    margin-left: 5px;
}


/* Adjust inner list indentation */
/* 
.dita-book-content ol ol, .dita-book-content ul ol, .dita-book-content ol ul, .dita-book-content ul ul {
    padding-left: 0;
}
 */ 
 
/* 
 .dita-book-content table:not(.ui-content-container-table) ol, .dita-book-content table:not(.ui-content-container-table) ul, .dita-book-content .learningobjective > ol, .dita-book-content .learningobjective > ul {
    margin: 10px;
}
  */
  /* 
.dita-book-content table:not(.ui-content-container-table) li,.dita-export-content .learningobjective li{
    margin-left: 0px;
	margin-left: 20px;
    margin-right: 10px;
}
 */
/* 
.dita-book-content  .section > ul, .dita-book-content  .section > ol {
    margin: 10px;
	padding-bottom: 0;
}
 */

.dita-book-content  .inlineboxblack{
	border: 1px solid black !important;
	padding : 0px !important;
	margin: 10px;
	width: 97%;
}

.dita-book-content  .inlineboxblack  > .sectiontitle{
	/* background-color: #0066CC; */
	/* border-bottom: 1px solid black; */
	text-align: center;
	font-weight:bold;
	font-style: normal;
	margin: 0px;
	color: black;
}

.dita-book-content  .inlineboxblack .p , .dita-book-content  .inlineboxblack > *{
    margin-left: 10px;
    margin-right: 10px;
}

.dita-book-content  .inlineboxblack > ul, .dita-book-content  .inlineboxblack > ol{
    margin-left: 20px;
}

.dita-book-content  .inlineboxblue{
	border: 1px solid #0066CC !important;
	padding : 0px !important;
	margin: 10px;
	width: 97%;
}

.dita-book-content  .inlineboxblue > .sectiontitle{
	background-color: #0066CC;
	text-align: center;
	font-weight:bold;
	margin: 0px;
	color: #FFFFFF;
}

.dita-book-content  .inlineboxblue .p , .dita-book-content  .inlineboxblue > *{
    margin-left: 10px;
    margin-right: 10px;
}

.dita-book-content  .inlineboxblue > ul, .dita-book-content  .inlineboxblue > ol{
    margin-left: 20px;
}

.dita-book-content .inlineboxred{
	border: 1px solid #FFC0CB !important;
	padding : 0px !important;
	margin: 10px;
	width: 97%;
}

.dita-book-content .inlineboxred > .sectiontitle{
	background-color: #FFC0CB;
	text-align: center;
	font-weight:bold;
	margin: 0px;
}

.dita-book-content  .inlineboxred .p , .dita-book-content  .inlineboxred > *{
    margin-left: 10px;
    margin-right: 10px;
}

.dita-book-content .inlineboxgreen{
	border: 1px solid #90EE90 !important;
	padding : 0px !important;
	margin: 10px;
	width: 97%;
}

.dita-book-content  .inlineboxgreen > .sectiontitle{
	background-color: #90EE90;
	text-align: center;
	font-weight:bold;
	margin: 0px;
}

.dita-book-content  .inlineboxgreen .p , .dita-book-content .inlineboxgreen > *{
    margin-left: 10px;
    margin-right: 10px;
}

.dita-book-content  .inlineboxbrown{
	border: 1px solid #A52A2A !important;
	padding : 0px !important;
	margin: 10px;
	width: 97%;
}

.dita-book-content  .inlineboxbrown > .sectiontitle{
	background-color: #A52A2A;
	color: #FFFFFF;
	text-align: center;
	font-weight:bold;
	margin: 0px;
}

.dita-book-content  .inlineboxbrown .p , .dita-book-content  .inlineboxbrown > *{
    margin-left: 10px;
    margin-right: 10px;
}


.dita-book-content .inlineboxorange{
	border: 1px solid #FFA500 !important;
	padding : 0px !important;
	margin: 10px;
	width: 97%;
}

.dita-book-content .inlineboxorange > .sectiontitle{
	background-color: #FFA500;
	text-align: center;
	font-weight:bold;
	margin: 0px;
}

.dita-book-content  .inlineboxorange .p , .dita-book-content .inlineboxorange > *{
    margin-left: 10px;
    margin-right: 10px;	
}

/* handling repeated .inline sections
   must be placed AFTER all .inline sections' rules  */

 /* first occurrence */
/*  div.section:not(.inlinetopic):not(.inlinetopiclv2):not(.inlinetopiclv3):not(.separatedsection):not(:last-child){ */
div.section:not(.inlinetopic):not(.inlinetopiclv2):not(.inlinetopiclv3):not(.separatedsection){
	margin-bottom: 0 !important;
}

 /*
div.section:first-child:not(.inlinetopic):not(.separatedsection):not(:last-child){
	margin-bottom: 0 !important;
}

:not(.section)  + div.section:not(.inlinetopic):not(.separatedsection):not(:last-child),
.inlinetopic  + div.section:not(.inlinetopic):not(.separatedsection):not(:last-child),
.separatedsection  + div.section:not(.inlinetopic):not(.separatedsection):not(:last-child)
{
	margin-bottom: 0 !important;
}
*/

/* repeated occurrence */
.section:not(.inlinetopic):not(.inlinetopiclv2):not(.inlinetopiclv3):not(.separatedsection)  + .section:not(.inlinetopic):not(.inlinetopiclv2):not(.inlinetopiclv3):not(.separatedsection):not(.keeptopborder){
	/* 
	border-top: none !important;
	margin: 0; 
	*/
	margin-top: 0 !important;
	border-top-width: 0px !important;
}

/*
.section:not(.inlinetopic):not(.separatedsection)  + .section:not(.inlinetopic):not(.separatedsection):not(:last-child){
	margin-bottom: 0 !important;
}
*/

/* last occurrence */
/*
div.section:not(.inlinetopic):not(.separatedsection) + :not(.section), 
div.section:not(.inlinetopic):not(.separatedsection) + .separatedsection, 
div.section:not(.inlinetopic):not(.separatedsection) + .inlinetopic {
	margin-top: 10px !important;
}
*/

.dita-book-content code.underline {
    white-space: nowrap;
    text-decoration: underline;
    background: none;
    font-size: 100%;    
}

.dita-book-content .example{
	border: 1px solid #FFA500 !important;
	padding : 0px !important;
	margin: 10px;
}
.dita-book-content .example .title{
	background-color: #FFA500;
	text-align: center;
	font-weight:bold;
	font-size: 1.50rem;
	margin: 0px;
	line-height:120%;
}
.dita-book-content .example .p{
    margin-left: 10px;
    margin-right: 10px;	
}

.dita-book-content .glossary_entry_tt{
	font-weight :bold;
	color:#6C4822;
}

.glossterm{
	font-weight :bold;
}

.dita-book-content table.highlightbox {
    margin-left: 5%;
    width: 97%;
}

.dita-book-content .entrycolorboxblack{
	background-color: #000000;
	color: #ffffff;
}

.dita-book-content .entrycolorboxblacktitle{
	color: #ffffff;
	font-weight:bold;
}

.dita-book-content .entrycolorboxdarkpink{
	background-color: #e08585;
	color: #000000;
	width: 70%;
}

.dita-book-content .entrycolorboxdarkpinktitle{
	color: #000000;
	font-weight:bold;
}

.dita-book-content .entrycolorboxpink{
	background-color: #ffcccc;
	color: #000000;
}

.dita-book-content .entrycolorboxpinktitle{
	color: #A24242;
	font-weight:bold;
}

.dita-book-content .entrycolorboxdarkgreen{
	background-color: #9dca3c;
	color: #000000;
	width: 70%;
}

.dita-book-content .entrycolorboxdarkgreentitle{
	color: #000000;
	font-weight:bold;
}

.dita-book-content .entrycolorboxgreen{
	background-color: #cfff9b;
	color: #000000;
}

.dita-book-content .entrycolorboxgreentitle{
	color: #306000;
	font-weight:bold;
}

/*
.dita-book-content .title{
	font-family: Arial,'Open Sans','微軟正黑體','Microsoft JhengHei','Droid Serif', sans-serif, FreeSerif !important;
}
*/
.generated-glossary>h1{  /* Chapter title */
	font-size: 1.63rem;
	font-weight: bold;
	color: #d14003;
	padding: 0 0 20px;
}

.generated-glossary h2{
	font-size: 1.19rem;
	font-weight: bold;
	color: #9F0033;
	padding-top: 10px;
}

.topiclv0 >.title{  /* Chapter title */
	font-size: 1.63rem;
	font-weight: bold;
	color: #d14003;
	padding: 0 0 20px;
}

.topiclv1 >.title{
	/* font-size: 1.19rem; */
	font-size: 1.69rem;
	font-weight: bold;
	color: #9F0033;
	padding-top: 10px;
}

.topiclv2>.title{
	/* font-size: 1.06rem; */
	font-size: 1.25rem;
	font-weight: bold;
	color: #9F0033;
	padding-top: 10px;
}

.topiclv3>.title{
	/* font-size: 0.94rem; */
	font-size: 1.00rem;
	font-weight: bold;
	color: #9F0033;
	padding-top: 10px;
}

.topiclv4>.title{
	font-size: 0.94rem;
	font-weight: bold;
	color: #9F0033;
	padding-top: 10px;
}

.figcap, .figdesc {
    font-style: normal;
}

.dita-book-content .figcap{
	display: inline;
	/* 
	font-weight:bold; 
	font-size: 0.75rem;
	*/
	font-size: 0.75rem;
	/* font-family: Roboto, Arial; */
	font-family: Arial, Roboto, 'DFHeiHK-W5';
	font-weight:normal;
}

.dita-book-content .figdesc{
	display: inline;
	/* 
	font-size: 80%;
	*/
	font-size: 0.75rem;
	/* font-family: Roboto, Arial; */
	font-family: Arial, Roboto, 'DFHeiHK-W5';
	font-weight:normal;
}

/* Hide the tag if the caption or the description is blank */
.dita-book-content .tablecap:empty, .dita-book-content .tabledesc:empty, .dita-book-content .figcap:empty, .dita-book-content .figdesc:empty{
	display:none;
}

.dita-book-content .footnote{
	/*padding-top: 8px; */			
	background-color:#FFFFCC;
	border: 1px dotted #a9a9a9;
	vertical-align: super;
	font-size: 80%;
}

.dita-book-content  table{
    margin: 10px;
	text-align: centre;
}

/*
.node-type-dita-topic .content .body .cke-table, .cke_editable .cke-table, .dita-export-content .cke-table, .node-type-dita-topic .content .body .cke-table td, .cke_editable .cke-table td, .dita-export-content .cke-table td{
	border: 1px solid #7D8E7D; /* for table just being created but not yet applied any style; could be override by specific table class 
}
*/

.dita-book-content .cke-table, .dita-book-content .table{
	width: 98%;
	border-collapse: collapse; 
	border-color : #7D8E7D; /* default table color ; could be override by specific table class */
}

/* .dita-book-content .cke-table, .dita-book-content .cke-table td, .dita-book-content .table, .table td{ */
.dita-book-content .cke-table td, .dita-book-content .table td{	
	border: 1px solid #7D8E7D; /* for table just being created but not yet applied any style; could be override by specific table class */
	vertical-align: top;
}

.dita-book-content ul, .dita-book-content ol{
	text-align: left;
	/* 
	margin-top: 0;
	margin-bottom: 0;	 
	margin-left: 10px;*/ /* esp for iBooks which trim a lot */
}

.dita-book-content table ul, .dita-book-content table ol{
	margin : 0px;
}



/*
.customBlueTable   { 
border-collapse: collapse; text-align: center; width: 100%; 
font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #006699; 
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } 

.customBlueTable   td, .customBlueTable   th {
 padding: 3px 10px; }
 
 .customBlueTable   thead th {
 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');background-color:#006699; color:#FFFFFF; font-size: 0.75rem; font-weight: bold; } 


.customBlueTable   tbody td { color: #00496B; font-size: 0.75rem;font-weight: normal; }

.customBlueTable   tbody .alt td { 
background: #E1EEF4; color: #00496B; }

.customBlueTable   tfoot td div { 
border-top: 1px solid #006699;background: #E1EEF4;} 

.customBlueTable   tfoot td { 
padding: 0; font-size: 12px } 

.customBlueTable   tfoot td div{ padding: 2px; }

.customBlueTable   tfoot td ul { margin: 0; padding:0;
 list-style: none; text-align: right; }
 
 .customBlueTable   tfoot  li { display: inline; }
 
 .customBlueTable   tfoot li a { text-decoration: none; display: inline-block;  padding: 2px 8px; margin: 1px;color: 
#FFFFFF;border: 1px solid #006699;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, 
#006699), color-stop(1, #00557F) );background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', 
endColorstr='#00557F');background-color:#006699; }

.customBlueTable   tfoot ul .active, .customBlueTable   tfoot ul a:hover {
text-decoration: none;border-color: #006699; color: #FFFFFF; background: none; background-color:#00557F;}


.customRedTable   {
 border-collapse: collapse; text-align: center; width: 100%; 
 font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #991821; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
 
.customRedTable   td, .customRedTable   th {
 padding: 3px 10px; }
 
.customRedTable   thead th {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #991821), color-stop(1, #80141C) );background:-moz-linear-gradient( center top, #991821 5%, #80141C 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#991821', endColorstr='#80141C');background-color:#991821; color:#FFFFFF; font-size: 0.75rem; font-weight: bold;  } 

 .customRedTable   tbody td { 
 color: #80141C; font-size: 0.75rem;font-weight: normal; }
 
 .customRedTable   tbody .alt td {
 background: #F7CDCD; color: #80141C; }
 
 .customRedTable   tfoot td div { 
 border-top: 1px solid #991821;background: #F7CDCD;} 
 
 .customRedTable   tfoot td {
 padding: 0; font-size: 12px } 
 
 .customRedTable   tfoot td div{
 padding: 2px; }
 
 .customRedTable   tfoot td ul {
 margin: 0; padding:0; list-style: none; text-align: right; }
 
 .customRedTable   tfoot  li {
 display: inline; }
 
 .customRedTable   tfoot li a {
 text-decoration: none; display: inline-block;  padding: 2px 8px; margin: 1px;color: #FFFFFF;border: 1px solid #991821;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #991821), color-stop(1, #80141C) );background:-moz-linear-gradient( center top, #991821 5%, #80141C 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#991821', endColorstr='#80141C');background-color:#991821; }
 
 .customRedTable   tfoot ul.active, .customRedTable   tfoot ul a:hover {
 text-decoration: none;border-color: #80141C; color: #FFFFFF; background: none; background-color:#991821;}

 table caption {
 text-align: left;
 }
 */
 .dita-book-content .fig-enumeration, .dita-book-content .tablecap, .dita-book-content .tabledesc {
	/*font-weight: bold;*/
	/* font-family: Roboto, Arial; */
	font-family: Arial, Roboto, 'DFHeiHK-W5';
 }
 
 .dita-book-content .tablecap, .dita-book-content .tabledesc{
	font-size: 0.75rem;
 }
 
 
 .dita-book-content blockquote:before {
    content: open-quote;
    display: block;
    font-size: 400%;
    height: 0;
    margin-left: -50px;
    /* font-family: Roboto,Arial,Helvetica,sans-serif, FreeSerif; */
    font-family: Arial, Roboto;
}

.dita-book-content blockquote{
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
    background: none repeat scroll 0 0 #fff;
    border-left: 0.5em solid #ddd;
    quotes: "“" "”" "‘" "’";
	margin: 30px;
	/* font-family: Times New Roman, FreeSerif, 'DFKaiShuHK-W5',"微軟正黑體","Microsoft JhengHei",Arial Unicode MS,Arial,sans-serif; */
	font-family: 'Times New Roman', FreeSerif, 'DFKaiShuHK-W5';
	padding: 0.5em 10px;
}

.dita-book-content blockquote:after { 
    content: close-quote;
    font-size: 400%;
	/* font-family: Roboto, Arial,Helvetica,sans-serif, FreeSerif; */
	font-family: Arial, Roboto;
    line-height: 0.1em;
    vertical-align: -29px;
	display: inline-block;
	width: 10px;
	margin-right: -10px;
}

.dita-book-content q{
	/* font-family: 'Merriweather',Times New Roman, 'DFKaiShuHK-W5', "微軟正黑體","Microsoft JhengHei",Arial Unicode MS,Arial,sans-serif, FreeSerif; */
	font-family: 'Merriweather','Times New Roman', FreeSerif, 'DFKaiShuHK-W5';
	font-style: italic;
}

.dita-book-content  .fig .image{
	/*
	margin-left: auto;
	margin-right: auto;
	*/
}

.dita-book-content  .fig{
	/* text-align: center; */
	text-align: left;
}



/* For Learning Content */ 
.dita-book-content .ans_feedback{
	display:none;
}

.dita-book-content .qtitle{
	page-break-after: avoid !important;
	-webkit-column-break-after: avoid;
	break-after: avoid;
}

.dita-book-content .lcquestion {
	page-break-after: avoid !important;
	-webkit-column-break-after: avoid;
	break-after: avoid;
}

.dita-book-content .lc-answer-div-fillin, .dita-book-content .lc-answer-div {
	page-break-before: avoid !important;
	-webkit-column-break-before: avoid;
	break-before: avoid;
}

.dita-book-content .lc-mc-option{
	page-break-inside: avoid;
	-webkit-column-break-inside: avoid;
	break-inside: avoid;
}

 
/*
.dita-book-content .lc-question-div  ol{
	page-break-before: avoid !important;
	page-break-inside: avoid !important;
	page-break-after: avoid !important;
}
*/
 
/* Printing control */ 
.not-all { display: none }

.only-prince { display: none }
.not-prince { display: inline }

.only-print { display: none }
.not-print { display: inline }

@media print {
  .only-print { display: inline }
  .not-print { display: none }
}

.dita-book-content .fig img{
	display:block;
}

.dita-book-content img{
	max-width:100%;
	display: block;
	/* margin: 0 auto; */
}

.dita-book-content .fig .imagearea{
	line-height:1 ;
	margin-bottom: 5px;
}

.dita-book-content img.image-inline {
    display: inline;
	/* margin-bottom: -5px; */
	vertical-align: text-top;
}

.dita-book-content .ccl_icon {
    display: inline;
	padding-right: 5px;
}

.dita-book-content .ccl_icon img {
    display: inline;
	max-width: 60px;
}

.dita-book-content .ccl_desc {
	font-size: 0.69rem;
	color: #808080;
	display: inline;
}

.dita-book-content .figgroup{
	display:inline-block;
}

.dita-book-content .vertical-group .figgroup{
	display:block;
}

.dita-book-content .horizontal-group  .figgroup{
	display:inline-block;
}


.dita-book-content  samp{
	padding: 0; /* reset style.css */
}


.dita-book-content samp.codeph.line{
	display: block;
}

.dita-book-content samp.codeph{
	/*font-size: 0.875em;  code should be 14px */
	/* font-size: 0.785em; */ /* code should be 12.5px */
}

.dita-book-content p samp.codeph, .dita-book-content .codeph{
	/* font-size: 0.833em; */ /* assume p is 15px */
}

/* codeph style wont apply twice */
.codeph .codeph{
	font-size: 1em;
}


/* .dita-book-content pre.codeblock , samp.codeph,  */
.codeph{
    font-family: "Courier New", 'DFMingHK-W3';
	/* font-size: initial; */
	background-color: initial;
	padding: 0;
	font-size: 0.78rem; /* code should be 12.5px, assume p is 15px */
}

.title .codeph, .dita-book-content .prince-toc .codeph, .dita-book-content .epub3-toc .codeph{
	font-size: inherit;
}

.dita-book-content pre.codeblock-numbered {
    counter-reset: linecounter;
}

.dita-book-content pre.codeblock-numbered samp.line:before {
    border-right: 1px solid #000000;
    content: counter(linecounter, decimal);
    display: inline-block;
    margin-right: 1em;
    width: 2em;
}

.dita-book-content pre.codeblock-numbered samp.line {
    counter-increment: linecounter;
}

/* Cannot disable rule from book CSS, so add rule to override */
/* 
.dita-book-content .classic_customcode{
	color: inherit !important;
	font-weight: inherit !important;
}
 */

/* Code block use <samp> for line break */
.dita-book-content pre.codeblock {
    white-space: nowrap;
}
/* Since the pre has no wrap, it wrap in the line samp and .customcode tag */
.dita-book-content pre.codeblock samp.codeph.line, .dita-book-content pre.codeblock .customcode{
	white-space: pre-wrap;
}

.custom_counter {
	background-color:#FFFFCC;
	border: 1px dotted #a9a9a9;
	font-size: 80%;
}

.attribution > p {
    margin-bottom: -1px;
    margin-top: -1px;
}
.attribution_title {
    font-weight: bold;
}

.field-name-field-book-title-alt {
	display: none;
	color: lightgray;
	font-size: xx-small;
}

.field-name-field-workflow {
	display: none;
	color: lightgray;
	font-size: xx-small;
}

.field-name-field-language {
	display: none;
	color: lightgray;
	font-size: xx-small;
}

.field-name-field-category {
	display: none;
	color: lightgray;
	font-size: xx-small;
}

.ui-autocomplete{
	z-index:30000;
}

/* For video tag with flowplayer plugin (Drupal) */
.flowplayer {
	display: block;
	margin: 0 auto;
	
	width: auto;
	height: auto;
    max-height: 225px;
    max-width: 400px;
}

/* Moved to the ouhk-epub.css, fix full screen issue in drupal */
/* For video tag without flowplayer plugin (EPub) */
/*
.flowplayer video {
	width: auto;
	height: auto;
    max-height: 225px;
    max-width: 400px;
}
*/

/* Add background color to flowplay button */
.flowplayer .fp-fullscreen , .flowplayer .fp-embed{
	background-color: rgba(0, 0, 0, 0.65);
	border-radius: 3px;
}

/* This is used in CKEditor only to control the video thumbnail image style, the width and height will be changed to 'auto' if there is a poster image assigned */
img.cke_video{
	width: 400px;
	height: 225px;
	max-width: 400px;
	max-height: 225px;
}

.dita-book-content audio{
	display: block;
	margin: 0 auto;
	width: 70%;
}

.dita-book-content audio[data-mini="true"]{
	display:none;
}

.dita-book-content .audio-control{
	background-image: url('img/tiny-play.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 21px 21px;
	width: 21px;
	height: 21px;
	display: inline-block;
	vertical-align: text-bottom;
	/* margin-left: 3px; */
	margin-right: 3px;
	cursor: pointer;
}

.dita-book-content .audio-control.playing{
	background-image: url('img/tiny-pause.png');
}

/*
table.cke-table{
	border: 0px solid black;
}

table.cke-table tr td, table.cke-table  tr th {
	border: 0px solid black;
}
*/
/*
	class fignum and tablenum won't be shown in PDF, it will only show on html only
*/
.dita-book-content .fignum{
    display:inline;
	margin-right:1px;
	font-weight: bold;
}

.dita-book-content  .tablenum{
    display:inline;
	margin-right:1px;
	font-weight: bold;
}
/*
.content .tablenum, .cke_editable .tablenum{
    display:inline;
	margin-right:1px;
}
*/

/* Dont show ice-del in view mode and ePub*/
.ice-del{
	display:none;
}

/*
	For tooltips in drupal
*/
.ui-tooltip.glossary_entry_tt {
	background:#E8F8CC;
	border: 1px solid #C2E6B5;
}

.ui-tooltip.footnote_tt {
	background:pink;
	border: 1px solid #FCE8FB;
}

.ui-tooltip.media-lic_tt {
	background:#ADD8E6;
	border: 1px solid #E8F4F9;
}

a.footnote_tt{
    font-size: x-small;
	vertical-align: super;
}

a.popup_entry_tt{
    color: #b61429 !important;
    outline: medium none;
}

.popup_entry_tt{
    color: #b61429;
}

.keyword-entry-term{
	font-weight: bold;
}

.keyword-entry-desc{
}

.indexterm{
	margin: 1pt; 
	background-color: #ffddff; 
	border: 1pt black solid;
}

.dita-book-content .note .title{
	font-weight: bold;
}
.dita-book-content .note{
	margin-left: 10px;
	color: #9F0033;
}

.teacheranswer{
    color: #FF0000;
}

dfn{
	font-style: normal;
}
/*
ul>li{
	margin-left: 10px;
}

ol>li{
	margin-left: 10px;
}
*/
/* Should be placed in ajax_toc.css */
/*
.ui-sortable ul>li{
	margin-left: 10px;
}

.ui-sortable ol>li{
	margin-left: 10px;
}
*/

/* For tracking change */
ins{
	color :green !important;
}

ins *{
	color :green !important;
}

del{
	color :red !important;
}

del *{
	color :red !important;
}

.edited-content{
	padding: 4px;
	background-color:#FFFFCC;
	border: 1px dotted #a9a9a9;
}

.diff-edit{
	padding: 4px;
	background-color:#FFFFCC;
	border: 1px dotted #a9a9a9;
}

.diff-ins{
	padding: 4px;
	background-color:#AFFFBE;
	border: 1px dotted #a9a9a9;
}

.diff-del{
	padding: 4px;
	background-color:#FFAFC8;
	border: 1px dotted #a9a9a9;
}
/* TOC Navigation block */
#book_nav li a.active.selected, .block-ou-book-ajax-toc .toc-item-title .active {
	color: #000000;
	font-weight: bold;
	background: none repeat scroll 0 0 #ffc0cb;
}

#book_nav  li a.active, #book_nav li.toc_chapter_title:before {
	color: #0070b3;
}

.block-ou-book-ajax-toc .sort-group-title {
    color: #808080;
    font-style: italic;
	padding: 3px 0;
	font-size: 90%;
}

.sidebar h2 {
	display: none;
}

.lines{
	display:inline;
	margin : 0;
	padding : 0;
}

.inline-pre{
	display:inline;
}

.attachment{
	padding: 4px;
	background-color:#D3D3D3;
	border: 1px dotted #a9a9a9;
}

.node-type-dita-topic .node-dita_topic-form #edit-actions{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
    bottom: 2px;
    padding-left: 10px;
    position: fixed;
    right: 5px;
    z-index: 999;
	border-radius: 10px;
}

.custom-form-actions a.button{
	color: #ffffff;
}

.otb-book-navigation, .otb-book-navigation *{
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;          /* Likely future */  
}

.otb-book-navigation .custom-form-actions{
	height:35px;
	padding-top: 12px;
}

/* Print History */
.printing_history_copyright{
}

.printing_history_title{
	font-weight: bold;
	margin-top:30px;
	margin-bottom:10px;
}

.printing_history  .date{
	font-weight: bold;
}

.printing_history  .title{
	
}

.printing_history_cc_lic{
	margin-top:30px;
}

.printing_history_custom_text{
	margin-top:30px;
	white-space: pre;
}

.printing_history_source_title{
	margin-top: 10px;
}

.printing_history_cc_lic img {
    margin: 0 !important;
}

.lang-en .printing_history_source_title:before {
    content: "Original source: ";
}

.lang-zh-hans .printing_history_source_title:before {
    content: "来源： ";
}

.lang-zh-hant .printing_history_source_title:before {
    content: "來源： ";
}

/* Custom Imprint Page */
.custom_imprint_content{
	/* font-family: Merriweather,'Open Sans',"微軟正黑體","Microsoft JhengHei",'Droid Serif', sans-serif, FreeSerif; */
	/* white-space: pre-line; */
	/* width: 600px; */
}

.custom_imprint_content, body .custom_imprint_content.dita-book-content-tba, body .custom_imprint_content.dita-book-content-tba p, .custom_imprint_content .dita-book-content-tba, .custom_imprint_content .dita-book-content-tba p, .custom_imprint_content .dita-book-content-tba p span{
	/* font-family: Roboto, Arial, 'Open Sans' !important; */
	font-family: Arial, Roboto, 'DFMingHK-W3' !important;
}

.media-lic-highlight{
	border: 1px solid #ADD8E6 !important;
}

.file_detail{
	font-size: 0.50rem;
}

/* Section trigger content */
.drupal_section_trigger{
	cursor: pointer;
	display: block;
	padding: 5px 0;
	page-break-after: avoid !important;
	-webkit-column-break-after: avoid;
	break-after: avoid;
}

.drupal_section_trigger_content{
	display: none;
	padding: 5px 0;
}

/* Feedback content */
/*  .feedback-trigger:before {
    content: "Suggested Answer";
}
 */
 
.feedback-trigger{
	cursor: pointer;
	display: block;
	padding: 5px 0;
	page-break-before: avoid !important;
	-webkit-column-break-before: avoid;
	break-before: avoid;
}

.feedback{
	display: none;
	padding: 5px 0;
	color: #0066cc;
}

.feedback.withscroll{
	overflow: auto;
	height: 150px;
}

.feedback * {
	color: #0066cc !important;
}

.feedback .cke-table td {
    color: #0066cc !important;
}

/* Table with lots of column*/
.table-with-lots-of-columns {
	width : 100% !important;
}
.table-with-lots-of-columns p {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

/*Long quote with link/source */
.quote-link{
	margin-left: 30px;
}

.dita-book-content table caption {
	/* prince-caption-page: all; */
	prince-caption-page: first;
	/* margin-bottom: 12px; */
	margin-bottom: 10px;
} 

.dita-book-content.lang-en table caption {
    /*caption-side: bottom;*/
	caption-side: top;
} 

.dita-book-content.lang-zh-hant table caption, .dita-book-content.lang-zh-hans table caption {
    caption-side: top;
} 

/* Parts */
.dita-book-part > .dita-book-part-title {
    color: #9f0033;
    font-size: 2.50rem;
    font-weight: bold;
    padding-top: 20px;
}

/* Export Profile */
.export-profile-title:before{
	content: "» ";
}
.export-profile-content{
	padding-left : 15px;
	padding-top : 5px;
}

/* Profile Style */

/* add node-type-dita-topic class to add style in drupal page only*/
.node-type-dita-topic .ckedit_for_audience
{
	padding-top: 8px;
	background-color:#FFFFCC;
	border: 1px dotted #a9a9a9;
	margin-top : 1px;
}

.node-type-dita-topic .ckedit_for_audience.ckedit_for_audience_pdf
{
	background-image: url("js/ckeditor_4.3.2/plugins/profile/images/profile_bg_pdf.png");
	background-repeat: no-repeat;
}

.node-type-dita-topic .ckedit_for_audience.ckedit_for_audience_epub
{
	background-image: url("js/ckeditor_4.3.2/plugins/profile/images/profile_bg_epub.png");
	background-repeat: no-repeat;
}

/* sidenote content */
*:not(.cke_editable)> .sidenote_section{
	float: left;
	width: 140px;
	margin-left: -145px !important;
	margin-top: 0 !important;
}
/* 
.dita-book-content .cke_editable .sidenote_section{
	float: none;
	width: auto;
	margin-left: 0;
	margin-top: 10px;
}
 */
*:not(.cke_editable)>.sidenote_section > *:first-child{
	margin-top: 0;
}

*:not(.cke_editable)>.sidenote_section > *{
	margin-left: 0;
}


/* Overlap the margin of dita-book-content */
.dita-book-content .full_width_content{
	margin-left: -145px;
	max-width: none !important;
}

.dita-book-content .cke_editable .full_width_content{
	margin-left:0px;
}

/* Content floating to the right. For example score of question */
.dita-book-content .floating_right{
	float: right;
}

.dita-book-content .table-cell-with-slash:before{
	content: '';
	display: block;
	position: absolute;
    top: 0;
    left: 0;
	height: 100%;
	width: 100%;
	border: solid 1px #000;
	border-left: none;
    border-top: none;
	border-bottom: none;
	transform: skew(45deg);
}

.dita-book-content .table-cell-with-slash{
	position: relative;
}

.dita-book-content .table-with-slash-bg, .dita-book-content .table-cell-with-slash-bg{
	background-image: url("img/backslash.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.dita-book-content .table-with-slash-bg.svg, .dita-book-content .table-cell-with-slash-bg.svg{
	background-image: url("img/backslash.svg");
}

.dita-book-content .table-with-slash-bg, .dita-book-content .table-with-slash-bg *{
	border: 0 none !important;
	padding: 0 !important;
	margin: 0 !important;
}
.dita-book-content .table-with-slash-bg *, .dita-book-content .table-cell-with-slash-bg *{
	background-color: transparent !important;
}

/* Avoid break before source */
.customsource{
	page-break-before: avoid ;
	-webkit-column-break-before : avoid;
	break-before : avoid;
}


/* Paragraph Style*/
.dita-book-content  .bluebg{
	background-color: #c6e1f6;
	padding: 10px;
}

/* Citation style (indented to the right starting from 2nd line) */
.dita-book-content .citation {
    padding-left: 25px;
    text-indent: -25px;
}

/* Left Align Table Style */
.dita-book-content .leftaligntable{
	margin-left: 0px;
}

.dita-book-content .leftaligntable td{
	padding-left: 0px;
}

/* Paragraph Refence Indented */
.dita-book-content .classic_reference_indented{
	padding-left: 1.5em;
    text-indent:-1.5em;
}


/* Popup */
.popup-trigger{
	display: inline-block;
}

.dita-book-content .popup-wrapper:not(.others) > .popup-trigger {
	color: rgb(255, 89, 3);  
	/* color: #ff9815; */
	/* padding: 5px 10px 5px 40px; */
	padding: 5px 10px;
	text-align: left; 
	font-family: "Arial", Roboto, 'DFMingHK-W3'; 
	font-size: 0.8rem; 	
 	background: bisque none repeat scroll 0% 0%; 
/*
	background-image: url('img/popup01.png');
	background-repeat: no-repeat;
    background-position: 5px 5px; 
	background-size: 1.3em; */
}

.dita-book-content .popup-wrapper.others > .popup-trigger {
	padding: 0px;
	vertical-align: text-top;
	background: none;
	color: inherit;
}

.dita-book-content .popup-wrapper > .popup-trigger {
	cursor: pointer;	
	text-decoration: none; 
}

/* OU Embed */
.ouembeddedContent{
	background-repeat: no-repeat;
	/* background-position: 8px 8px; */
	
	/* Avoid break inside for embed content */
	-webkit-column-break-inside: avoid; /* Chrome, Safari */
    page-break-inside: avoid;           /* Theoretically FF 20+ */
    break-inside: avoid-column;         /* IE 11 */
	
	background-size: contain;
}

/* OLE Video iframe size */
.ouembeddedContent iframe, .ouembeddedContent img.cke_iframe{
	/* width: 100%; */
	/* height: 100%; */
	
	/* Fix IOS Safari iFrame size issue */
	width: 1px;
	min-width: 100%;
	*width: 100%;

	height: 1px;
	min-height: 100%;
	*height: 100%;
}


/* Fix iframe size in IOS safari */
.ouembeddedContent[data-allowscrolling="true"]:not([data-size="auto"]):not([data-responsive="true"]){
	overflow: auto;
	-webkit-overflow-scroll : touch;
}

.ouembeddedContent:not([data-allowscrolling="true"]):not([data-size="auto"]):not([data-responsive="true"]){
	overflow: hidden;
}

.ouembeddedContent[data-size="16:9"]{
	/* width: 432px;
	height: 245px; */
	width: 416px;
	height: 229px;
}

.ouembeddedContent[data-size="4:3"]{
	/* width: 432px;
	height: 328px; */
	width: 416px;
	height: 312px;
}

.ouembeddedContent[data-size="auto"]{
	width: auto;
	height: 80vh;
}

/* responsive iframe */
.ouembeddedContent[data-responsive="true"]:not([data-size="auto"]){
	position: relative;
	width: auto !important;
	height: 0 !important;
	overflow: hidden !important;
}

.ouembeddedContent[data-responsive="true"][data-size="16:9"]{
	padding-bottom: 56.25%;
}

.ouembeddedContent[data-responsive="true"][data-size="4:3"]{
	padding-bottom: 75%;
}

.ouembeddedContent[data-responsive="true"]:not([data-size="auto"]) iframe, .ouembeddedContent[data-responsive="true"]:not([data-size="auto"]) img.cke_iframe{
	position: absolute;
	top:0;
	left: 0;
	
	/* 
	width: 100%;
	height: 100%; 
	*/
	/* Fix IOS Safari iFrame size issue */
	width: 1px;
	min-width: 100%;
	*width: 100%;

	height: 1px;
	min-height: 100%;
	*height: 100%;
	
	/* z-index: 500; */
	/* Should be lower than the dialog */
	z-index: 100;
	
}

/* OU HTML5 package */
/*
.ouhtml5Content{
	position: relative;
}
*/

.ouhtml5Content iframe, .ouhtml5Content img.cke_iframe{
	/* width: 100%; */
	/* height: 100%; */
	
	/* Fix IOS Safari iFrame size issue */
	width: 1px;
	min-width: 100%;
	*width: 100%;

	height: 1px;
	min-height: 100%;
	*height: 100%;
}


/* Fix iframe size in IOS safari */
.ouhtml5Content[data-allowscrolling="true"]:not([data-size="auto"]):not([data-responsive="true"]){
	overflow: auto;
	-webkit-overflow-scroll : touch;
}

.ouhtml5Content:not([data-allowscrolling="true"]):not([data-size="auto"]):not([data-responsive="true"]){
	overflow: hidden;
}

.ouhtml5Content[data-size="16:9"]{
	/* width: 432px;
	height: 245px; */
	width: 416px;
	height: 229px;
}

.ouhtml5Content[data-size="4:3"]{
	/* width: 432px;
	height: 328px; */
	width: 416px;
	height: 312px;
}

.ouhtml5Content[data-size="auto"]{
	width: auto;
	height: 80vh;
}

/* responsive iframe */
.ouhtml5Content[data-responsive="true"]:not([data-size="auto"]){
	position: relative;
	width: auto !important;
	height: 0 !important;
	overflow: hidden !important;
}

.ouhtml5Content[data-responsive="true"][data-size="16:9"]{
	padding-bottom: 56.25%;
}

.ouhtml5Content[data-responsive="true"][data-size="4:3"]{
	padding-bottom: 75%;
}

.ouhtml5Content[data-responsive="true"]:not([data-size="auto"]) iframe, .ouhtml5Content[data-responsive="true"]:not([data-size="auto"]) img.cke_iframe{
	position: absolute;
	top:0;
	left: 0;
	
	/* 
	width: 100%;
	height: 100%; 
	*/
	/* Fix IOS Safari iFrame size issue */
	width: 1px;
	min-width: 100%;
	*width: 100%;

	height: 1px;
	min-height: 100%;
	*height: 100%;
	
	/* z-index: 500; */
	/* Should be lower than the dialog */
	z-index: 100;
	
}


/* Sup style */
.dita-book-content sup{
	font-size: 0.5em;
	line-height: 0;
}

/* Sub style */
.dita-book-content sub{
	font-size: 0.5em;
	line-height: 0;
}

/* Double-underline */
.dita-book-content .du{
    border-bottom: 1px;
    border-bottom-style: solid;
    text-decoration: underline;
}

#dita_content_hidden_content{
	
}

/* Expandable */
.expandable_wrapper{
}
.expandable_section{
}

.expandable_title{
	cursor: pointer;
	color: blue;
}

.expandable_icon{
	width: 20px;
}

.expandable_content{
	margin-left: 2em;
	display:none;
}

/* Google Material Icon */
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 1.50rem;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  vertical-align: middle;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.dita-book-content a.discussion_link{
	color: rgb(255, 89, 3);
	
	padding: 5px 10px;
	text-align: left; 
	font-family: "Arial" , Roboto, 'DFMingHK-W3'; 
	
	font-size: 0.8rem; 
	cursor: pointer;	
	text-decoration: none; 
	
 	background: bisque none repeat scroll 0% 0%; 
	
	display: inline-block;
}

.audioContent{
	display: inline;
}



/* TOC for PDF and ePub */
.prince-toc{
	font-family: Arial, Roboto, 'DFHeiHK-W7';
}

.prince-toc .toc_li_level_1 > ul{
	padding-left: 0;
	page-break-before: avoid;
}

.prince-toc > div > ul {
    padding-left: 0;
}

.prince-toc .toc_li_level_1 {
	margin-bottom: 30px;
}

.dita-book-content .prince-toc ol, .dita-book-content .prince-toc ul {
    margin-left: 0;
}

/* The inner list in TOC will stick to its parent */
.prince-toc ul ul {
	page-break-before: avoid;
}

.prince-toc ul{
	list-style-type: none;
	font-weight: bold;
}

.prince-toc ul ul{
	font-weight: normal;
}

.prince-toc  .showchapter > ul {
    padding-left: 0;
}

/* Don't need margin for the first two levels of item in PDF toc */
.dita-book-content li.toc_li_level_1, .dita-book-content li.toc_li_level_2 {
	margin-left : 0px !important;
}

/* Set zero margin right in TOC, so the page number can be aligned */
.dita-book-content .prince-toc ul, .dita-book-content .prince-toc li{
	margin-right: 0px;
}

.dita-book-content .prince-toc ol ol li, .dita-book-content .prince-toc ul ol li, .dita-book-content .prince-toc ol ul li, .dita-book-content .prince-toc ul ul li {
    margin-left: 30px;
}

/* Links */
.prince-toc a{
    color: #084a91;
}

/* .prince-toc a:link, .prince-toc a:visited{ */
.prince-toc a{
    text-decoration: none !important;
}

/* TOC header */
.content-header{
	font-size: 1.63rem;
	font-weight: bold;
	color: #d14003;
	padding: 0 0 20px;
}

/* Subsection style */
.prince-toc .subsection-ul{
	/*list-style-type: square;*/
	margin: 0;
}


/* Small Cap */
.dita-book-content .smallcaps {
    font-variant: small-caps;
}

/* Chinese Fonts */
.lang-zh-hant .title{
	line-height: 1.1em;
}

.lang-zh-hant.topiclv1 >.title{
	font-size: 1.63rem;
}

.lang-zh-hant.topiclv2 >.title{
	font-size: 1.44rem;
}

.lang-zh-hant.topiclv3 >.title{
	font-size: 1.19rem;
}

.lang-zh-hant.topiclv2 >.title, .lang-zh-hant.topiclv3 >.title, .lang-zh-hant.topiclv4 >.title, .lang-zh-hant.topiclv5 >.title{
	font-family: Arial, Roboto, 'DFHeiHK-W7';
}

.lang-zh-hant.dita-book-content .sectiontitle:not(.inlinetopictitle):not(.inlinetopiclv2title):not(.inlinetopiclv3title){
	font-size: 1.19rem;
}

.lang-zh-hant.dita-book-content .section .sectiontitle{
	font-style: normal !important;
	font-weight: normal !important;
}

.lang-zh-hant.dita-book-content.topiclv0 .inlinetopic > .title, .lang-zh-hant.dita-book-content.topiclv0 .inlinetopiclv2 > .title {
    font-size: 1.19rem;
}
.lang-zh-hant.dita-book-content.topiclv1 .inlinetopic > .title, .lang-zh-hant.dita-book-content.topiclv1 .inlinetopiclv2 > .title {
    font-size: 1.19rem;
}
.lang-zh-hant.dita-book-content.topiclv2 .inlinetopic > .title, .lang-zh-hant.dita-book-content.topiclv2 .inlinetopiclv2 > .title {
    font-size: 1.19rem;
}
.lang-zh-hant.dita-book-content.topiclv3 .inlinetopic > .title, .lang-zh-hant.dita-book-content.topiclv3 .inlinetopiclv2 > .title {
    font-size: 1.19rem;
}

.lang-zh-hant.dita-book-content.topiclv0 .inlinetopiclv3 > .title {
    font-size: 1.00rem;
}
.lang-zh-hant.dita-book-content.topiclv1 .inlinetopiclv3 > .title {
    font-size: 1.00rem;
}
.lang-zh-hant.dita-book-content.topiclv2 .inlinetopiclv3 > .title {
    font-size: 1.00rem;
}
.lang-zh-hant.dita-book-content.topiclv3 .inlinetopiclv3 > .title {
    font-size: 1.00rem;
}

.lang-zh-hant.dita-book-content .figcap, .lang-zh-hant.dita-book-content .figdesc, .lang-zh-hant.dita-book-content .tablecap, .lang-zh-hant.dita-book-content .tabledesc{
	font-size: 0.94rem;
	letter-spacing: normal;
	font-weight: normal;
}

/* Inline Chinese font family styles */
/* 華康細明體 */
.dfminghkw3{
	/* font-family: 'DFMingHK-W3' !important; */
	font-family: 'Times New Roman', FreeSerif,'DFMingHK-W3' !important;
}

/* 華康中黑體 */
.dfheihkw5{
	/* font-family: 'DFHeiHK-W5' !important; */
	font-family: 'Times New Roman', FreeSerif, 'DFHeiHK-W5' !important;
}

/* 華康粗黑體 */
.dfheihkw7{
	/* font-family: 'DFHeiHK-W7' !important; */
	font-family: 'Times New Roman', FreeSerif, 'DFHeiHK-W7' !important;
}

/* 華康儷粗宋 */
.dflisonghkw7{
	/* font-family: 'DFLiSongHK-W7' !important; */
	font-family: 'Times New Roman', FreeSerif, 'DFLiSongHK-W7' !important;
}

/* 華康楷書體 */
.dfkaishuhkw5{
	/* font-family: 'DFKaiShuHK-W5' !important; */
	font-family: 'Times New Roman', FreeSerif, 'DFKaiShuHK-W5' !important;
}

/* Image in title should be inline mode */
.prince-toc img, .html-toc img, .epub3-toc img, .title img, .ajax_nav_list_item_title img{
	display: inline !important;
	vertical-align: text-bottom !important;
}


/* Floating image */
.dita-book-content .floating_img_left{
	 float: left;
	 margin: 0px 5px 5px 0px;
}

.dita-book-content .floating_img_right{
	 float: right;
	 margin: 0px 0px 5px 5px;
}

.dita-book-content .quotetext, .dita-book-content .quotetext *{
	font-family: 'Times New Roman', FreeSerif, DFKai-sb, BiauKai, 'DFKaiShuHK-W5' !important;
}

/* .dita-book-content .iframebtn{ */
	/* color: rgb(255, 89, 3); */
	/* cursor: pointer; */
	/* position: absolute; */
	/* z-index: 100; */
	/* right: 20px; */
/* } */

/* Hide empty list in TOC if there is no content inside */ 
.prince-toc ul:empty, .epub3-toc ul:empty {
  display: none;
}

/*  Learning Content CSS  */
/*
	This file is used to override the style of learning content rendered by epubapp
 */

/*
	For ouhk-epub-textfield
 */
.dita-book-content .ouhk-epub-textfield {
	white-space: normal;
} 

.dita-book-content li .ouhk-epub-textfield {
	display: inline-block;
	vertical-align: top;
}

.dita-book-content .ouhk-epub-textfield-letterbox {
	width:30px;
	/* height: 21px; */
}

.dita-book-content .ouhk-epub-textfield-short{
	width:100px;
	vertical-align: bottom;
	text-align: center;
	/* height: 23px;*/
}

.dita-book-content .ouhk-epub-textfield-single-line {
	width:90%;
	/* height: 23px;*/
	text-align: left !important;
	display: block;
}

.dita-book-content .ouhk-epub-textfield-area{
	width:90%;
	height: 100px;
	overflow: auto;
	display: block; 
}

.dita-book-content .ouhk-epub-textfield-area.ouhk-epub-textfield-area-small {
	height: 100px;
}

.dita-book-content .ouhk-epub-textfield-area.ouhk-epub-textfield-area-medium {
	height: 300px;
}

.dita-book-content .ouhk-epub-textfield-area.ouhk-epub-textfield-area-large {
	height: 600px;
}

.dita-book-content .lc-type-fill-in .ouhk-epub-textfield-single-line {
	/* display:block;*/
}

.dita-book-content .lc-type-fill-in .ouhk-epub-textfield-area{
	/* display:block;*/
}

/*
	For answer feedback
 */
.dita-book-content .ouhk-epub-correct-ans{
	
}

/*
	For comments
 */
.dita-book-content .ouhk-epub-comment{
	
}


/* Marking field for open question and fill in the blank */
/*
.dita-book-content .lc-type-open-question  .ouhk-epub-blank-instant-response.ouhk-epub-answer-openended-input-div{
	display:inline;
}
*/
.dita-book-content .lc-type-open-question  .ouhk-epub-answer-openended-input-div{
	display:inline;
}

.dita-book-content .lc-type-fill-in .ouhk-epub-answer-fillin-div{
	display:inline;
}

.dita-book-content .lc-type-open-question .ouhk-epub-marking{
	display:inline;
}

.dita-book-content .lc-type-open-question .ouhk-epub-correct-ans{
	
}

.dita-book-content .lc-type-fill-in .ouhk-epub-marking{
	display:inline;
}

.dita-book-content .lc-type-fill-in .ouhk-epub-marking img{
	display:inline;
}

.dita-book-content .lc-type-fill-in .ouhk-epub-correct-ans{
	display:inline;
}

/* Single line fill in*/
.dita-book-content .lc-type-fill-in .ouhk-epub-marking.ouhk-epub-textfield-single-line-ans{
	display:inline;
}

.dita-book-content .lc-type-fill-in .ouhk-epub-correct-ans.ouhk-epub-textfield-single-line-ans{
	/* display:block; */
}

/* Textarea fill in*/
.dita-book-content .lc-type-fill-in .ouhk-epub-marking.ouhk-epub-textfield-area-ans{
	display:inline;
}

.dita-book-content .lc-type-fill-in .ouhk-epub-correct-ans.ouhk-epub-textfield-area-ans{
	/* display:block; */
}

/*
.dita-book-content .lc-question-div.lc-type-open-question {
*/
.dita-book-content .lc-question-div {
    border: 2px solid #add8e6 !important;
    margin: 10px;
    width: 90%;
	padding: 0 10px 10px;
	padding: 0 10px;
}
/* 
.dita-book-content .lc-type-fill-in .ouhk-epub-answer-div {
    border: 2px solid #add8e6 !important;  
    margin: 10px;
    padding: 10px 15px !important;
    width: 90%;
}
*/
.ouhk-epub-activity > div, .dita-book-content .ouhk-epub-activity {
    margin-bottom: 10px;
}

.qtitle {
    font-weight: bold;
}

.ouhk-epub-prompt-up {
  color:blue;
  cursor:pointer;
  text-decoration:underline;
}

.ouhk-epub-check-answer {
	background-image: none !important;
	background-size: inherit !important;
	color: #ff5903 !important;
	text-decoration: none !important;
}

.ouhk-epub-check-answer.ouhk-epub-check-answer-custom-content{
	height: auto;
	width: auto;
}

.ouhk-epub-check-answer-div-bottom{
	text-align:right;
	padding-right: 30px;
}

/* Override the negative margin in main content  */

.ouhk-epub-activity li {
    /* margin-left: 0px; */
}

/* Avoid the tick and cross icon larger than the square box */
.square.checkbox-items, .ouhk-epub-checkbox-tick{
	line-height: 1;
}

/* Add height to empty field to avoid collapse */
.ouhk-epub-textfield-letterbox:empty,  .ouhk-epub-textfield-short:empty,  .ouhk-epub-textfield-single-line:empty{
	height: 21px;	
}



/***************** drag-n-drop *****************************************************/

/*** drag-n-drop: .drag-drop-style-box ***/
div.ouhk-epub-activity[data-activity-type="drag-drop"].drag-drop-style-box{}

/* Drag part */
.ouhk-epub-drag{
	color: blue;
}

div.ouhk-epub-activity[data-activity-type="drag-drop"].drag-drop-style-box .lc-type-dragdrop-action-drag-div{
	position: relative;
	/*
	width: 20px;
	height: 25px;
	*/
}
div.ouhk-epub-activity[data-activity-type="drag-drop"].drag-drop-style-box .ouhk-epub-drag-placeholder{
	position: absolute;
	width: 30px;
	height: 30px;
	background: #DDDDDD;
	color: black;
	border-radius: 5px; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align:center;
	font-family: "Times New Roman", FreeSerif;
	font-style:normal;
	font-weight:bold;
	display:table;
	line-height: 1;
}

div.ouhk-epub-activity[data-activity-type="drag-drop"].drag-drop-style-box .ouhk-epub-drag-placeholder span{
	display: table-cell;
	vertical-align: middle;
}

div.ouhk-epub-activity[data-activity-type="drag-drop"].drag-drop-style-box .ouhk-epub-drag{
	background: #FEEC3A;
	width:30px;
	height:30px;
	border-radius: 5px; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align:center;
	/* font-family:OUBPreplay; */
	font-family: "Times New Roman", FreeSerif;
	font-style:normal;
	font-weight:bold;
	color:#FF5300;
	display:table;
	line-height: 1;
	
	/* inline */
	/*
	position:absolute;
	top:0px;
	left:0px;	
	z-index: 99;
	*/
}

div.ouhk-epub-activity[data-activity-type="drag-drop"].drag-drop-style-box .ouhk-epub-drag.ui-draggable-dragging{
	position: absolute !important;
}

div.ouhk-epub-activity[data-activity-type="drag-drop"].drag-drop-style-box .ouhk-epub-drag span{
	display: table-cell;
	vertical-align: middle;
}


/* Drop part */
.ouhk-epub-drop{
	border-width: 1px;
	border: 1px solid #000000 !important;
	background-color: #FFFFFF;
}

.ouhk-epub-droppable-border { 
	border: 2px solid #98bf21; 
}

div.ouhk-epub-activity[data-activity-type="drag-drop"].drag-drop-style-box .lc-type-dragdrop-action-drop-div{
	position: relative;
	
	/*
	width: 20px;
	height: 25px;
	*/
}

div.ouhk-epub-activity[data-activity-type="drag-drop"].drag-drop-style-box .ouhk-epub-drop{
	background: #F5F5F5;
	width:30px;
	height:30px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align:center;
	/* line-height:30px; */
	/* font-family:OUBPreplay; */
	font-family: "Times New Roman", FreeSerif;
	font-style:normal;
	font-weight:bold;
	/* border: solid 1px #58D3F7; */
	border-width: 0px !important;
	display:table;
	line-height: 1;
	
	/*
	position: absolute; 
	top: 0px; 
	left: 0px; 
	*/
	opacity: 0.9;
}

/* Fix the line break issue after it drop */
div.ouhk-epub-activity[data-activity-type="drag-drop"].drag-drop-style-box .ouhk-epub-drop .ouhk-epub-drag{
	position: absolute !important;
}

/* Pre-define cell height for item count is 2-6, if more than 6, user have to set it inline */
div.ouhk-epub-activity[data-activity-type="drag-drop"].drag-drop-style-box .ouhk-epub-drop[data-item-count="2"]{
	height:60px;	
}

div.ouhk-epub-activity[data-activity-type="drag-drop"].drag-drop-style-box .ouhk-epub-drop[data-item-count="3"]{
	height:90px;	
}

div.ouhk-epub-activity[data-activity-type="drag-drop"].drag-drop-style-box .ouhk-epub-drop[data-item-count="4"]{
	height:120px;	
}

div.ouhk-epub-activity[data-activity-type="drag-drop"].drag-drop-style-box .ouhk-epub-drop[data-item-count="5"]{
	height:150px;	
}

div.ouhk-epub-activity[data-activity-type="drag-drop"].drag-drop-style-box .ouhk-epub-drop[data-item-count="6"]{
	height:180px;	
}


/* Default drop and drop marking style */
div.ouhk-epub-activity[data-activity-type="drag-drop"].drag-drop-style-box .ouhk-epub-marking{
	position:absolute;
	top:0px;
	left:-10px;
}

/* Default drop and drop answer field style */
div.ouhk-epub-activity[data-activity-type="drag-drop"].drag-drop-style-box .ouhk-epub-correct-ans{
	position:absolute;
	top:6px;
	left:-14px;
	width: 12px;
}

div.ouhk-epub-activity[data-activity-type="drag-drop"][data-long-ans="Y"].drag-drop-style-box .ouhk-epub-correct-ans{
	left:32px;
	width: 100px;
}

div.ouhk-epub-activity[data-activity-type="drag-drop"][data-long-ans="Y"][data-ans-width="50"].drag-drop-style-box .ouhk-epub-correct-ans{
	width: 50px;
}
div.ouhk-epub-activity[data-activity-type="drag-drop"][data-long-ans="Y"][data-ans-width="75"].drag-drop-style-box .ouhk-epub-correct-ans{
	width: 75px;
}
div.ouhk-epub-activity[data-activity-type="drag-drop"][data-long-ans="Y"][data-ans-width="100"].drag-drop-style-box .ouhk-epub-correct-ans{
	width: 100px;
}
div.ouhk-epub-activity[data-activity-type="drag-drop"][data-long-ans="Y"][data-ans-width="200"].drag-drop-style-box .ouhk-epub-correct-ans{
	width: 200px;
}

div.ouhk-epub-activity[data-activity-type="drag-drop"].drag-drop-style-box .ouhk-epub-drop span{
	display: table-cell;
	vertical-align: middle;
}

div.ouhk-epub-activity[data-activity-type="drag-drop"][data-preview-ans="Y"].drag-drop-style-box .ouhk-epub-drop:not(.ui-state-disabled) .ouhk-epub-drag::after{
	content: attr(data-value);
	position: absolute;
	top: 7px;
	margin-left: 4px;
	color: blueviolet;
	width: 100px;
	text-align: left;
}

div.ouhk-epub-activity[data-activity-type="drag-drop"][data-preview-ans="Y"][data-ans-width="50"].drag-drop-style-box .ouhk-epub-drop:not(.ui-state-disabled) .ouhk-epub-drag::after{
	width: 50px;
}
div.ouhk-epub-activity[data-activity-type="drag-drop"][data-preview-ans="Y"][data-ans-width="75"].drag-drop-style-box .ouhk-epub-drop:not(.ui-state-disabled) .ouhk-epub-drag::after{
	width: 75px;
}
div.ouhk-epub-activity[data-activity-type="drag-drop"][data-preview-ans="Y"][data-ans-width="100"].drag-drop-style-box .ouhk-epub-drop:not(.ui-state-disabled) .ouhk-epub-drag::after{
	width: 100px;
}
div.ouhk-epub-activity[data-activity-type="drag-drop"][data-preview-ans="Y"][data-ans-width="200"].drag-drop-style-box .ouhk-epub-drop:not(.ui-state-disabled) .ouhk-epub-drag::after{
	width: 200px;
}

.lc-type-dragdrop-left-side-table,  .lc-type-dragdrop-right-side-table{
	margin: 0px !important;
}

.lc-type-dragdrop-left-side-table.no-absolute,  .lc-type-dragdrop-right-side-table.no-absolute{
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}
 
table tr td.lc-type-dragdrop-action{
	border-width: 0px !important;
	vertical-align: top;
}

.lc-type-dragdrop-left-side-table td.lc-type-dragdrop-action{
	height: 30px;
	width: 30px;
}

table tr td.lc-type-dragdrop-action-no-absolute{
	padding: 2px 9px;
}

table tr td.lc-type-dragdrop-desc{
	border-width: 0px !important;
}

.ouhk-epub-drag.ui-draggable-disabled{
	opacity: 0.6 !important;
}

/**********************************************************************/

.dita-book-content .ouhk-epub-activity ol, .dita-book-content .ouhk-epub-activity ul{
	padding-bottom: 0px;
}

.dita-book-content .hidden-textfield{
 	display: none !important;
}

/* Feedback and comment for MC*/
.dita-book-content .ouhk-epub-feedback-value, .dita-book-content .ouhk-epub-feedback-value p{
	/* color: green; */
	/* Comment in Red */
	color: red;
}

.dita-book-content .ouhk-epub-comment-value, .dita-book-content .ouhk-epub-comment-value p{
	/* color: green; */
	/* Comment in Red */
	color: red;
}

/* comment for Custom textbook activities */
body .dita-book-content .ouhk-epub-correct-ans *, body .dita-book-content .ouhk-epub-correct-ans tr td{
	/* Comment in Red */
    /* color: green; */
	color: red;
	/* border-color: green; */
	border-color: red;
}

.dita-book-content .ouhk-epub-correct-ans a{
	color: blue !important;
}

.dita-book-content .ouhk-epub-green-tick{
	color: red;
}

/* Comment in Red */
/* 
.ouhk-epub-tick {
    background-image: url('img/tick-red.png') !important;
}
 */

 /* Hide answer value after checki answer if hideanswer flag is on , ouhk-epub-correct*/
.ouhk-epub-activity .ouhk-epub-correct-ans[data-hideanswer="Y"], .ouhk-epub-activity[data-hideanswer="Y"] .ouhk-epub-correct-ans:not([data-hideanswer="N"]), .ouhk-epub-activity[data-hideanswer="Y"] .ouhk-epub-green-tick{
	display: none;
}

/* Show br tag in edit mode, so it can be deleted */
.cke_editable .ouhk-epub-textfield-single-line br{
	display: inline;
}

.dita-book-content .lc-type-tap-question .ouhk-epub-marking{
	display:inline;
}

.ouhk-epub-activity .ouhk-epub-highlight-option{
	cursor:pointer;
}
/*  Global book custom CSS  */
.dita-book-content .classic_inlinered {
font-style:normal;
font-size:1em;
color:#ff0000;
}
.dita-book-content .classic_customsource {
font-style:normal;
font-size:0.8em;
color:#000000;
font-weight:none;
}
.dita-book-content .classic_customcode {
font-family:"Courier New";
font-style:normal;
font-size:0.833em;
color:#000000;
font-weight:none;
}
.dita-book-content .classic_customgreentable   {
background:#ffffff;
width:90%;
font-size:1em;
color:#0;
font-weight:none;
text-align:none;
}
.dita-book-content .classic_customgreentable  tr th {
background:#30732f;
font-size:1em;
color:#0;
font-weight:bold;
text-align:none;
}
.dita-book-content .classic_customgreentable  tr td {
background:#fcfcfc;
font-size:1em;
color:#0;
font-weight:none;
text-align:none;
}
.dita-book-content .classic_customgreentable  tfoot tr td {
background:#30732f;
font-size:1em;
color:#0;
font-weight:none;
text-align:none;
}
.dita-book-content .classic_customredtable   {
background:#ffffff;
width:90%;
font-size:1em;
color:#302F30;
font-weight:none;
text-align:none;
}
.dita-book-content .classic_customredtable  tr th {
background:#c40e54;
font-size:1em;
color:#050505;
font-weight:bold;
text-align:none;
}
.dita-book-content .classic_customredtable  tr td {
background:#ffffff;
font-size:1em;
color:#000000;
font-weight:normal;
text-align:none;
}
.dita-book-content .classic_customredtable  tfoot tr td {
background:#f77b94;
font-size:1em;
color:#000000;
font-weight:normal;
text-align:none;
}
.dita-book-content .classic_transparenttable   {
background:#ffffff transparent;
font-size:1em;
color:#000000;
font-weight:none;
text-align:none;
}
.dita-book-content .classic_transparenttable  tr th {
background:#ff29ff transparent;
font-size:1em;
color:#000000;
font-weight:none;
text-align:none;
}
.dita-book-content .classic_transparenttable  tr td {
background:#ffffff transparent;
font-size:1em;
color:#000000;
font-weight:none;
text-align:none;
}
.dita-book-content .classic_transparenttable  tfoot tr td {
background:#ff00ff transparent;
font-size:1em;
color:#000000;
font-weight:none;
text-align:none;
}
.dita-book-content .classic_customthinblacktable   {
background:#ffffff;
font-size:1em;
color:#000000;
font-weight:none;
text-align:none;
}
.dita-book-content .classic_customthinblacktable  tr th {
background:#ffffff;
font-size:1em;
color:#000000;
font-weight:bold;
text-align:center;
}
.dita-book-content .classic_customthinblacktable  tr td {
background:#ffffff;
font-size:1em;
color:#000000;
font-weight:none;
text-align:none;
}
.dita-book-content .classic_customthinblacktable  tfoot tr td {
background:#ffffff;
font-size:1em;
color:#000000;
font-weight:none;
text-align:none;
}
.dita-book-content .classic_custombluetable   {
background:#ffffff;
width:98%;
font-size:1em;
color:#302f30;
font-weight:none;
text-align:none;
}
.dita-book-content .classic_custombluetable  tr th {
background:#add8e6;
font-size:1em;
color:#302F30;
font-weight:bold;
text-align:none;
}
.dita-book-content .classic_custombluetable  tr td {
background:#ffffff;
font-size:1em;
color:#302F30;
font-weight:none;
text-align:none;
}
.dita-book-content .classic_custombluetable  tfoot tr td {
background:#5199d4;
font-size:1em;
color:#302F30;
font-weight:none;
text-align:none;
}
.dita-book-content .classic_customgreentable   tr td,.dita-book-content .classic_customgreentable   tr th {
border-style:solid;border-width:1px;border-color:#30732f;
}
.dita-book-content .classic_customredtable   tr td,.dita-book-content .classic_customredtable   tr th {
border-style:solid;border-width:1px;border-color:#ffa1ba;
}
.dita-book-content .classic_transparenttable   tr td,.dita-book-content .classic_transparenttable   tr th {
border-style:none;
}
.dita-book-content .classic_customthinblacktable   tr td,.dita-book-content .classic_customthinblacktable   tr th {
border-style:solid;border-width:1px;border-color:#000000;
}
.dita-book-content .classic_custombluetable   tr td,.dita-book-content .classic_custombluetable   tr th {
border-style:solid;border-width:1px;border-color:#add8e6;
}
.dita-book-content .classic_customgreentable   thead tr th  {
border-style:solid;border-width:1px;border-color:#30732f;
}
.dita-book-content .classic_customredtable   thead tr th  {
border-style:solid;border-width:1px;border-color:#ffa1ba;
}
.dita-book-content .classic_transparenttable   thead tr th  {
border-style:none;
}
.dita-book-content .classic_customthinblacktable   thead tr th  {
border-style:solid;border-width:1px;border-color:#000000;
}
.dita-book-content .classic_custombluetable   thead tr th  {
border-style:solid;border-width:1px;border-color:#add8e6;
}

/*  Override CSS  */
tbody {
	border-top: 0 solid #fff;
}

table th {
	background: none;
}

tr, tr.even {
  background: none;
}

/*
.cke_editable p {
	font-size: 1.00rem;
}
*/


/*  ePub CSS  */
/* 
  --- OUHK-EPUB.CSS  starts here ---
 Added by OUHK 
 For EPUB only
*/

.ckedit_not_for_audience_epub{ display: none !important;}

.dita-book-content {
	/* font-size: 100%; */
}

/*
.dita-book-content:nth-child(1){
	margin: 0 10px;
}
*/

/* Set margin left for first level of li */
/* Move to cutsom.css */
/* 
.dita-book-content li {
    margin-left: -20px;
}
 */
/* Inner li will be using the default margin-left  */
/* Move to cutsom.css */
/* 
.dita-book-content li li {
    margin-left: 5px;
}
 */
/*  */

body{
	background-image: none !important;
}

.dita-book-content blockquote:after { 
    position: relative;
    left: 33px;
	right: auto;
	float: right;
}

/* Chapter title */
h1.title {  
	/* font-family: Arial, Roboto !important; */
}

/* Inline topic title */
.inlinetopic > .title {
	/* font-family: Arial, Roboto !important; */
}


/*
.dita-book-content .audioContent audio{
	width:70%;
}


.topiclv1>.title{
	font-size: 1.63rem;
	font-weight: bold;
	color: #9F0033;
}

.topiclv2>.title{
	font-size: 1.38rem;
	font-weight: bold;
	color: #9F0033;

}

.topiclv3>.title{
	font-size: 1.00rem;
	font-weight: bold;
	color: #9F0033;
}

.topiclv4>.title{
	font-size: 0.88rem;
	font-weight: bold;
	color: #9F0033;
}

.topiclv5>.title{
	font-size: 0.81rem;
	font-weight: bold;
	color: #9F0033;
}

/* For video tag without flowplayer plugin (EPub) */
.flowplayer{	
	max-height: none;
}

.flowplayer video {	
	width: auto;
	height: auto;
    max-height: 225px;
    max-width: 400px;
}

.fn_wrapper{
	border-top: 1px solid black;
	padding-top: 5px;
}

/* TOC */
/* 
.html-toc-menu a, .html-toc-menu .showchapter li.valid_chap:before {
	font-family: Arial, Roboto;
	color: #084a91;
}

.html-toc-menu a:visited{
	color: #084a91;
}

.ouhk-epub-page >h2.toc-title {
    color: #d14003;
    font-family: Arial, Roboto;
    font-weight: bold;
	padding: 0;
	font-size: 1.9em;
}

.html-toc > ul.html-toc_0 {
    padding-left: 0;
	margin-left: 0;
}

.html-toc .toc_li_level_1 {
	margin-bottom: 30px;
}
 */
/* 
	TOC chapter number 
*/
/* 
ul.html-toc.html-toc_1 {
    padding-left: 0;
}

.dita-book-content .html-toc-menu li {
     margin-left: 0px;
}

.html-toc-menu ul{
	list-style-type: none;
	font-weight: bold;
}

.html-toc-menu ul ul{
	font-weight: normal;
	counter-reset: tocChapterNo;
}

ul.html-toc.html-toc_2,  ul.html-toc.html-toc_3, ul.html-toc.html-toc_4, ul.html-toc.html-toc_5, ul.html-toc.html-toc_6 {
    padding-left: 0;
}
 */
/* Replaced by inline numbering*/
/*
.html-toc-menu .showchapter li.valid_chap  > .html-toc-entry-text > a:before {
	content:  counters(tocChapterNo, ".", decimal) " ";
    counter-increment: tocChapterNo;
}
*/

/* Add extra tag with this class to skip part of the chapter number */
/* 
.html-toc-menu .showchapter .skip-chapter-number-section{
    counter-increment: tocChapterNo;
}
 */

/* Replaced by inline numbering*/
/*
.html-toc-menu .showsubchapter li.valid_subchap:before {
	content: counters(tocChapterNo, ".", decimal) " ";
    counter-increment: tocChapterNo;
}
*/

.html-toc-menu .subsection-ul{
	/*list-style-type: square;*/
}

.feedback-scroll-trigger{	
	cursor: pointer;
    color: #0066CC;
}

/* Use hidden to add space to the page */
.feedback:not(.withscroll){
	display: block;
	visibility: hidden;
	padding: 2px 20px;
}

.feedback-wrapper{
    border-radius: 15px;
	/* background-color: #99ccff; */
}

/* Feedback content in generated standalone html file */
.feedback-content{
	/* padding: 100px !important; */
	/* font-size: 1.5em !important; */
	color: #0066CC !important;
}

.feedback-content *{ 
    color: #0066CC !important;
}

/* Popup section in ePub */
.section-content{
	padding: 100px !important;
	font-size: 1.5em !important;
}

.section-content *{ 
    color: #0066CC !important;
}

/*
.feedback-content-link{
	display: block;
	padding: 5px 0;
}
*/

.video-src{
	cursor: pointer;
	color: #002F7B;
}

.dita-book-content .glossary_entry{
	font-weight :bold;
	color:#6C4822 !important;
}

/* Force page break after topic */
.pagebreak-after{
	page-break-after: always !important;
	-webkit-column-break-after : always;
	break-after : always;
}

.pagebreak-before{
	page-break-before: always !important;
	-webkit-column-break-before : always;
	break-before : always;
}


/* Replace fontawesome content by image*/
.fa-paperclip:before{
	content : "" !important;
}

.fa-paperclip{
	background-image: url("fa_icon/clip.png");
	background-repeat: no-repeat;
	padding-left: 14px;
	background-position : left center;
}

.fa-check-circle:before{
	content : "" !important;
}

.dita-book-content .ouhk-epub-check-answer{
	background-image: url("fa_icon/check_answer.png");
	background-size: contain;
	 height: 26px;
	 width: 26px;
}

.dita-book-content .ouhk-epub-check-answer.ouhk-epub-check-answer-custom-content{
	background-image: none;
	background-size: inherit;
	height: auto;
	width: auto;
}

/* Inline Glossary Term*/
.dita-book-content a.glossary_entry{
	-webkit-text-fill-color: #6C4822;
}

/*  Glossary Popup*/
.single-glossary .glossary-list{
	font-size: 1.5em !important;
	padding: 100px !important;
}

/*  Keyword Entry Popup*/
.dita-book-content .keyword-entry-div{
	font-size: 1.5em !important;
	padding: 100px !important;
}

/* 20170706, hidetoc layout same as pdf, this will not be shown in popup anymore */
/* 
.dita-book-content.hidetoc{
	font-size: 1.5em !important;
	padding: 100px !important;
}
 */
 
/* Override font in epubapp */
/* 
body .ouhk-epub-peephole .ouhk-epub-page .dita-book-content-tba p {
    font-family: 'Times New Roman', FreeSerif, 'DFMingHK-W3', 'Open Sans', Merriweather, '微軟正黑體','Microsoft JhengHei',Arial,sans-serif;
}
 */

/* Custom Imprint Page */
/* 
.ouhk-epub-peephole .ouhk-epub-page .custom_imprint_content .p{
	font-family: Arial, Roboto, 'DFMingHK-W3', 'Open Sans' !important;
}
*/


/* Free Font */
/* 
body .dita-book-content-tba, body .dita-book-content-tba p, body .dita-book-content-tba .cke_editable{	
	font-family: 'Times New Roman', FreeSerif, 'Open Sans', Merriweather, '微軟正黑體','Microsoft JhengHei',Arial,sans-serif !important;
}

body .dita-book-content-tba table.cke-table, body .dita-book-content-tba .table p, body .dita-book-content-tba div.tablenoborder>table, body .dita-book-content-tba q.q, body .dita-book-content-tba .example .p, body .dita-book-content-tba .note,  body .dita-book-content-tba .ui-content-container-table table{
	font-family: 'Times New Roman', FreeSerif, 'Open Sans', Merriweather, '微軟正黑體','Microsoft JhengHei',Arial,sans-serif !important;
}

body .dita-book-content-tba div .sectiontitle{
	font-family: 'Times New Roman', FreeSerif !important;
	font-style:	italic;
	font-weight: bold;
}

body .dita-book-content-tba .title{
	font-family: Arial, Roboto, 'Open Sans', Merriweather, '微軟正黑體','Microsoft JhengHei',sans-serif, FreeSerif;
}

.dita-book-content  .inlinetopic4wline, .dita-book-content  .inlinetopic4wline p{
	font-family: Arial, Roboto !important;
}

.dita-book-content  .inlinetopic5wline .sectiontitle{
	font-family: 'Times New Roman', FreeSerif !important;
}

.dita-book-content  .inlineboxwborderblue .sectiontitle{
	font-family: 'Times New Roman', FreeSerif !important;
}

.dita-book-content  .inlinetitleonlyblue .sectiontitle{
	font-family: 'Times New Roman', FreeSerif !important;
}
 */
 /* 
.dita-book-content  .case_study_section .sectiontitle{
	font-family: 'Times New Roman', FreeSerif;
}

.dita-book-content  .example_section .sectiontitle{
	font-family: 'Times New Roman', FreeSerif;
}

.dita-book-content  .activity_section .sectiontitle{
	font-family: 'Times New Roman', FreeSerif;
}

.dita-book-content  .selftest_section .sectiontitle{
	font-family: 'Times New Roman', FreeSerif;
}

.dita-book-content  .reading_section .sectiontitle{
	font-family: 'Times New Roman', FreeSerif;
}
 */
 
/* 
.dita-book-content .figcap{
	font-size: 0.75rem;
	font-family: Arial, Roboto;
}

.dita-book-content .figdesc{
	font-size: 0.75rem;
	font-family: Arial, Roboto;
}

 .dita-book-content .fig-enumeration, .dita-book-content .tablecap, .dita-book-content .tabledesc {
	font-family: Arial, Roboto;
 }

 .dita-book-content .tablecap, .dita-book-content .tabledesc{
	font-size: 0.75rem;
 }
 */
 /* 
 .dita-book-content blockquote:before {
    font-family: Arial, Roboto, Helvetica,sans-serif, FreeSerif;
}

.dita-book-content blockquote:after { 
	font-family: Arial, Roboto, Helvetica,sans-serif, FreeSerif;
}
 */


/*** drag-n-drop: .drag-drop-style-box ***/
/* 
div.ouhk-epub-activity[data-activity-type="drag-drop"].drag-drop-style-box{}
div.ouhk-epub-activity[data-activity-type="drag-drop"].drag-drop-style-box .ouhk-epub-drag{
	font-family: "Times New Roman", FreeSerif;
	line-height: 1;
}
div.ouhk-epub-activity[data-activity-type="drag-drop"].drag-drop-style-box .ouhk-epub-drop{
	font-family: "Times New Roman", FreeSerif;
	line-height: 1;
}
 */
 
 
 /* Popup Content */
.popup-html .dita-book-content{
	margin-left: 0px;
}

.dita-book-content .popup-content{
	margin: 10px;
	
	border-bottom: 3px solid #aedef3; 
	border-top: 3px solid #aedef3;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}



/* Some content in TOC must be shown */
.epub3-toc .toc_link a, .appendix a{
	display: inline !important;
}

.prince-toc .appendix a{
	display: inline !important;
}

.prince-toc .appendix li.html-toc-entry{
	margin-left: 0px !important;
}

.endnotes_wrapper .fntarg{
	display: inline-block;
	vertical-align: top;
}

.endnotes_wrapper .fncontent{
	display: inline-block;
	width: 95%;
}

.nopopup-overflow-table-wrapper{
	max-height: 80vh;
	
	/* max-height: 80vh; */
	overflow: auto;
}

/* ouhk-epub-ios-page
ouhk-epub-android-page */
.ouhk-epub-android-page .nopopup-overflow-table-wrapper{
	/* vh is not support in Android WebView */
	max-height: 80%;
}

/* Allow sticktogether to have break in epub */
.sticktogether{
	page-break-inside: auto !important;
	-webkit-column-break-inside: auto;
	break-inside: auto;
}

body .dita-book-content table{
	margin-left: 0px;
	margin-right: 0px;
}

.dita-book-content img{
	height: auto !important;
}

.dita-book-content .iframebtn{
	color: rgb(255, 89, 3);
	cursor: pointer;
	position: absolute;
	z-index: 100;
	right: 11%;
}

.dita-book-content table ul, .dita-book-content table ol{
	margin : 5px;
}

/* List style for epub*/

.dita-book-content ol, .dita-book-content ul{
	margin-left : 30px;
}

.dita-book-content ol ol, .dita-book-content ol ul, .dita-book-content ul ol, .dita-book-content ul ul{
	margin-left : 10px;
}



 /* Custom Terms */ 


 /* Template Openlink (General) */ 
/* Openlink General */
body .dita-book-content div.inlinetopic{
margin-top: 10px !important;
margin-bottom: 10px !important;
}

.dita-book-content p{
	margin : 10px 0;
}

/* Remove page margin */
.dita-book-content{
	 margin-left : 0px;
 }

.section.case_study_section::before, .section.example_section::before, .section.activity_section::before, .section.selftest_section::before, .section.reading_section::before {
    content: "" !important;
    display: none;
}

/* Bold first visible level title in TOC */
/* 
.prince-toc ul ul {
    font-weight: bold;
}

.prince-toc ul ul ul {
    font-weight: normal;
}
 */


/* Override Font Family */
/* Imprint */
.custom_imprint_content .title, body .custom_imprint_content.dita-book-content-tba .title, body .custom_imprint_content.dita-book-content-tba p.title, .custom_imprint_content .dita-book-content-tba .title, .custom_imprint_content .dita-book-content-tba p.title, .custom_imprint_content .dita-book-content-tba p.title span{
	font-family: Arial, Roboto, 'DFHeiHK-W5';
}

.custom_imprint_content, body .custom_imprint_content.dita-book-content-tba, body .custom_imprint_content.dita-book-content-tba p, .custom_imprint_content .dita-book-content-tba, .custom_imprint_content .dita-book-content-tba p, .custom_imprint_content .dita-book-content-tba p span{
	/* font-family: Arial, Roboto, 'DFMingHK-W3' !important; */
	font-family: Arial, Roboto, 'DFHeiHK-W5', PMingLiU, MingLiU, 'DFMingHK-W3' !important;
}

/* TOC */
.prince-toc{
	font-family: Arial, Roboto, 'DFHeiHK-W5';
}

.prince-toc .subsection-ul, .prince-toc .html-toc_2{
	font-family: Arial, Roboto, PMingLiU, MingLiU, 'DFMingHK-W3';
}

/* Main content */
body .dita-book-content-tba .title, body .dita-book-content-tba.title{
	/* font-family: Arial, Roboto, 'DFLiSongHK-W7'; */
	/*font-family: Arial, Roboto, 'DFHeiHK-W5', PMingLiU, MingLiU, 'DFMingHK-W3';*/
	font-family: Arial, Roboto, 'DFHeiHK-W5';
}

body .dita-book-content-tba, body .dita-book-content-tba p, body .dita-book-content-tba .cke_editable{
	/* font-family: 'Times New Roman', FreeSerif,'DFMingHK-W3'; */
	/*font-family: Arial, Roboto, PMingLiU, MingLiU, 'DFMingHK-W3';*/
	/*font-family: Arial, Roboto, 'DFHeiHK-W5', PMingLiU, MingLiU, 'DFMingHK-W3';*/
	font-family: Arial, Roboto, 'DFHeiHK-W5';
}

body .dita-book-content-tba table, body .dita-book-content-tba table.cke-table, body .dita-book-content-tba .table p, body .dita-book-content-tba div.tablenoborder > table, body .dita-book-content-tba q.q, body .dita-book-content-tba .example .p, body .dita-book-content-tba .note, body .dita-book-content-tba .ui-content-container-table table{
	/* font-family: 'Times New Roman', FreeSerif, 'DFMingHK-W3'; */
	font-family: Arial, Roboto, 'DFHeiHK-W5';
}

body .dita-book-content-tba div .sectiontitle{
	/* font-family: "Times New Roman", FreeSerif, PMingLiU, MingLiU !important; */
	font-family: Arial, Roboto, 'DFHeiHK-W5' !important;
}

/* Section */
body .dita-book-content-tba .section, body .dita-book-content-tba .section p, body .dita-book-content-tba .section table{
	font-family: 'Times New Roman', FreeSerif, DFKai-sb, BiauKai, 'DFKaiShuHK-W5';
}

/* Activity */
body .dita-book-content-tba .section.activity_section, body .dita-book-content-tba .section.activity_section p, body .dita-book-content-tba .section.activity_section table{
	font-family: 'Times New Roman', FreeSerif, 'DFHeiHK-W5', PMingLiU, MingLiU, 'DFMingHK-W3';
}

body .dita-book-content-tba .inlinetopic >.sectiontitle, body .dita-book-content-tba  .inlinetopiclv2>.sectiontitle{
	/* font-family: Arial, Roboto, 'DFLiSongHK-W7'; */
	font-family: Arial, Roboto, 'DFHeiHK-W5';
}

.lang-zh-hant.topiclv2 >.title, .lang-zh-hant.topiclv3 >.title, .lang-zh-hant.topiclv4 >.title, .lang-zh-hant.topiclv5 >.title{
	/* font-family: Arial, Roboto, 'DFHeiHK-W7'; */
	font-family: Arial, Roboto, 'DFHeiHK-W5';
}

.topiclv0 .topictitle1{
	display: none;
}

.toc_li_level_2 ul{
	display: none;
}

.topiclv1 >.title, .topiclv2>.title, .topiclv3>.title, .dita-book-content .inlinetopic .sectiontitle, .dita-book-content .inlinetopiclv2 .sectiontitle, .dita-book-content .inlinetopiclv3 .sectiontitle {
    color: black;
}
 /* End of template Openlink (General) */ 

 /* Template Openlink (EPUB) */ 
/* Hide chapter level content */
.topiclv0:not(.topicseq1){
	display: none;
}
 /* End of template Openlink (EPUB) */