A
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
A:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #990000;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
}
BLOCKQUOTE
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 14px;
    FONT-STYLE: normal;
    FONT-FAMILY: "Times New Roman", Times, serif;
    FONT-VARIANT: normal;
}
H1
{
    FONT: bold 18px Verdana, Arial, Helvetica, sans-serif;
    COLOR: #006699;
}
H2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    COLOR: #006699;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-VARIANT: normal;
}
H3
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #006699;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-VARIANT: normal;
}
H4
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 14px;
    COLOR: #006699;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-VARIANT: normal;
}
H5
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #006699;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-VARIANT: normal;
}
H6
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #006699;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-VARIANT: normal;
}
H7
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    COLOR: #006699;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-VARIANT: normal;
}
hc
{
    FONT: 500 18px/0px Verdana, Arial, Helvetica, sans-serif;
    COLOR: #999999;
}
UL
{
    FONT-WEIGHT: normal;
    LIST-STYLE-POSITION: outside;
    FONT-SIZE: 14px;
    LEFT: 15px;
    FONT-STYLE: normal;
    FONT-FAMILY: "Times New Roman", Times, serif;
    LIST-STYLE-TYPE: disc;
    TOP: auto;
    FONT-VARIANT: normal;
}
OL
{
    FONT-WEIGHT: normal;
    LIST-STYLE-POSITION: outside;
    FONT-SIZE: 14px;
    LEFT: 15px;
    FONT-STYLE: normal;
    FONT-FAMILY: "Times New Roman", Times, serif;
    LIST-STYLE-TYPE: decimal;
    TOP: auto;
    FONT-VARIANT: normal;
}
P
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 14px;
    COLOR: #000000;
    FONT-STYLE: normal;
    FONT-FAMILY: "Times New Roman", Times, serif;
    FONT-VARIANT: normal;
}
P.leftmargin1
{
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: 0px;
    MARGIN-LEFT: 5%;
}
P.leftmargin2
{
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: 0px;
    MARGIN-LEFT: 10%;
}
P.leftmargin3
{
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: 0px;
    MARGIN-LEFT: 15%;
}
P.leftmargin4
{
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: 0px;
    MARGIN-LEFT: 20%
}
P.leftmargin5
{
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: 0px;
    MARGIN-LEFT: 25%;
}
P.leftmargin6
{
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: 0px;
    MARGIN-LEFT: 30%;
}
P.leftmargin7
{
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: 0px;
    MARGIN-LEFT: 35%;
}
SPAN
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 14px;
    FONT-STYLE: normal;
    FONT-FAMILY: "Times New Roman", Times, serif;
    FONT-VARIANT: normal;
}
SPAN.lesson
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 18px;
    COLOR: #999999;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
SPAN.objective
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 14px;
    COLOR: #000000;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-VARIANT: normal;
}
SPAN.topic
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 18px;
    COLOR: #006699;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
SPAN.TOCunit
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px; 
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
SPAN.TOClesson
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
SPAN.TOCtopic
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
SPAN.TOCsubtopic
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
TD
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 14px;
    FONT-STYLE: normal;
    FONT-FAMILY: "Times New Roman", Times, serif;
    FONT-VARIANT: normal;
}
TD.objective
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 14px;
    COLOR: #006699;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-VARIANT: normal;
}
TH
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 14px;
    FONT-STYLE: normal;
    FONT-FAMILY: "Times New Roman", Times, serif;
    FONT-VARIANT: normal;
}
.caption {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #777; font-size: 10px; text-align: left; padding-top: 2px; padding-bottom: 6px;}
.dragText {  cursor: hand}
transcript { FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #999999; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; }
.introtext { FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #333333; FONT-FAMILY: "Times New Roman", Times, serif;}
.introtitle { FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #006699; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;}
.intro_outlinetitle { FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #006699; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif ; text-align: center;}
.intro_outlinetitle2 { FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #CC9966; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif ; text-align: center; line-height: 10px;}
.intro_outlinetitle3 { FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #333333; FONT-FAMILY: "Times New Roman", Times, serif ; line-height: 24px;}
.intro_outlinebullet { FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #000000; FONT-FAMILY: "Times New Roman", Times, serif ; list-style-image: url(../language/en/curriculum/courses/media_allcourses/b_outline.gif); list-style-position: inside; text-align: left;}
.intro_outlinetitle-obj { FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #006699; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif ; text-align: left;}
H1a { FONT-WEIGHT: bold; FONT-SIZE: 14px; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-VARIANT: normal ; text-align: center; }
H2a { FONT-WEIGHT: normal; FONT-SIZE: 14px; FONT-STYLE: italic; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-VARIANT: normal ; text-align: center; }
H3a { FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-VARIANT: normal ; text-align: left; }

BODY.TOC
{
   background:#E1E1CD;
}
BODY.article
{
   background:#e1e1c8;
}
.t0i 
{
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 11px;
      color: #006699;
}
.t0im 
{
      border: 0px;
      width: 0px;
      height: 0px;
}
td.tbldblborderhead 
{
      border-style: solid;
      border-color:#006699;
      color:#006699;
      font-family:Verdana, Arial, Helvetica, sans-serif;
      font-size:small;
      font-weight:bold;
}
table.tbldblborder 
{
      border-style: solid;
      border-color:#006699;
}
td.tbldblborder 
{
      border-style: solid;
      border-color:#006699;
}
p.tbldblborder 
{
      color:#006699;
      font-family:Verdana, Arial, Helvetica, sans-serif;
      font-size:x-small;
      font-weight:bold;
}
td.tblnoborderhead 
{
      color:#006699;
      font-family:Verdana, Arial, Helvetica, sans-serif;
      font-size:small;
      font-weight:bold;
}
p.tblnoborder  
{
      color:#006699;
      font-family:Verdana, Arial, Helvetica, sans-serif;
      font-size:x-small;
      font-weight:bold;
}
div.Section1
{
      color:#006699;
}
SPAN.framed
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 14px;
    COLOR: #000000;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-VARIANT: normal;
}
SPAN.numbered
{
    FONT-WEIGHT: normal;
    LIST-STYLE-POSITION: outside;
    FONT-SIZE: 14px;
    LEFT: 15px;
    FONT-STYLE: normal;
    FONT-FAMILY: "Times New Roman", Times, serif;
    LIST-STYLE-TYPE: disc;
    TOP: auto;
    FONT-VARIANT: normal;
}

/* Moodle IBS Lesson TOC Styles : Eihab Nemri June 2016*/

/*Strip the ul of padding and list styling*/
ul.lesson-toc {
	list-style-type:none;
	margin:19px;
	padding:3px;
	position: fixed;
}

/*Create a horizontal list with spacing*/
li.lesson-toc {
	display:block-inline;
	margin-right: 1px;
}

/*Style for menu links*/
li.lesson-toc a {
	display:block-inline;
	height: 20px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: rgba(255, 240, 0, 1);
	background: #006699;
	text-decoration: none;
}

/*Hover state for top level links*/
li.lesson-toc:hover a {
	background: rgba(255, 240, 0, 1);
	color: #006699;
}

/*Style for dropdown links*/
li.lesson-toc:hover ul.lesson-toc a {
	background: rgba(255, 255, 255, 0.2);
	color: #006699;
	height: 20px;
	line-height: 20px;
}

/*Hover state for dropdown links*/
li.lesson-toc:hover ul.lesson-toc a:hover {
	background: rgba(255, 255, 255, 0.2);
	color: #006699;
}

/*Hide dropdown links until they are needed*/
li.lesson-toc ul.lesson-toc {
	display: none;
}

/*Make dropdown links vertical*/
li.lesson-toc ul.lesson-toc li.lesson-toc {
	display: block-inline;
}

/*Prevent text wrapping*/
li.lesson-toc ul.lesson-toc li.lesson-toc a {
	padding: 0 20px;
}

/*Display the dropdown on hover*/
ul.lesson-toc li.lesson-toc a:hover + .hidden, .hidden:hover {
	display: block-inline;
}

/*Style 'show menu' label button and hide it by default*/
.show-toc-menu {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: rgba(255, 240, 0, 1);
	background: rgba(0, 102, 153, 0.3);
	display: none;
	position: fixed;
	top: 0px;
	height: 20px;
	z-index: 2147483646;
}

/*Hide checkbox*/
input.lesson-toc[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
input.lesson-toc[type=checkbox]:checked ~ #toc-menu{
    display: block;
}

/*Responsive Styles*/

@media screen {
	/*Make dropdown links appear inline*/
	ul.lesson-toc {
		position: fixed;
		display: none;
		float: right;
		z-index: 2147483644;
	}
	/*Create vertical spacing*/
	li.lesson-toc {
		margin-bottom: 1px;
		float: right;
		z-index: 2147483645;
	}
	/*Make all menu links full width*/
	ul.lesson-toc li.lesson-toc, li.lesson-toc a {
		width: 65%;
		text-align: left;
}
	/*Display 'show menu' link*/
	.show-toc-menu {
		display:block;
		right:0;
	}
}