/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url(http://fonts.googleapis.com/css?family=Quattrocento+Sans:400,400italic,700,700italic);
@import url(http://fonts.googleapis.com/css?family=Merriweather);


body { font-family: 'Quattrocento Sans', Calibri, Arial, Helvetica, sans-serif;  line-height: 1.3em; font-size: 18px; color: #333; padding: 0; margin: 0; overflow: auto;  }
	
	
body#dj_index	{ background: url(i/oriental-tiles.png); overflow: auto; }





iframe#dj_lessonholder iframe#dj_overviewholder { }

p  { line-height: 1.4em; padding: 0.3em 0 0;  }

li { line-height: 1.2em; padding: 0;  }

/* REUSABLE */

a img { border: none; }
a { text-decoration: none; color: #0a65c0; }
a:hover { text-decoration: underline; }

.dj_image { background-color: #3e5e7f; padding: 1px; }
.dj_floatright { float: right; margin: 0 0 10px 15px;  }
.dj_floatleft { float: left; margin: 0 15px 10px 20px;  }
.dj_image img { margin: 0; padding: 0; }
.dj_image p { color: #fff; padding: 2px 6px; font-size: 11px; margin: 0; line-height: 1em; }

#drj_twitterfeed { width: 250px; padding-left: 10px; } 


ol.dj_spaced {margin: 2em 0; }
ol.dj_spaced li { padding-bottom: 2em; }

div.dj_printpage { text-align: right; }
a.dj_printbutton { padding: 3px 8px; border: 1px dotted #0a65c0;}
a.dj_printbutton:hover { color: #fff; background-color: #0a65c0; text-decoration: none; }


a.dj_prevnext { clear: both; display: block; text-align: right; padding-right: 20px; font-size: 20px; background: 
url(i/goarrow.png) no-repeat center right; color: #000; }





.redtext { color: red; }

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

/* this is the first container - holds header and frameset */
div#dj_pageholder { max-width: 1000px; margin: 0 auto 0 !important; overflow: auto; height: 100%; background: url(i/gears-logo.png) no-repeat top left;  border-top:  1px solid #fff; } 


div#dj_pageholder h1 { font-family: 'Bebas Neue', serif; font-weight: bold; font-size: 36px; margin: 0;   color: #fff; height: 23px; padding: 38px 0 0 88px; }

a#dj_homelink { font-family: 'Bebas Neue', serif; font-weight: bold; font-size: 24px; color: #fff; text-decoration: none; display: block; height: 30px; text-align: right; }

a#dj_homelink:hover { color: #a3d0ff; }



/* iframes - this is the container for the content and overview frames */
#dj_framesholder { background: #fff; overflow: auto; padding: 0 0 20px 0; display: flex; }


/* the iframe container for the lesson  */
#dj_lessonholder {  width: 70%;  float: left; height: 100%; overflow: hidden; }

/* the iframe container for the overview  */
#dj_overviewholder {  width: 30%; float: left; height: 100%; overflow: hidden; }




#dj_contentpanel h1 { color: #000 !important; padding-left: 14px !important;  background: none !important; } 

#dj_lessonframesholder ul {font-family: 'Bebas Neue', serif; font-weight: bold; font-size: 28px; margin: 20px 0 20px; padding: 0 0 0 20px; list-style-type: none; }

 #dj_lessonframesholder li a { display: block; padding: 0; color: #000; text-decoration: none; }

#dj_lessonframesholder li a:hover { color: #3e5e7f; }



a.dj_overviewhotlink { display: block; padding: 3px 6px 3px 40px; color: #fff; background-color: #999; margin-bottom: 6px; }
a#dj_overviewmaillink { background: #999 url(i/emailicon.png) no-repeat 8px 6px; }
a#dj_overviewforumlink { background: #999 url(i/discussionicon.png) no-repeat 4px 4px; display: none; }


/* ***************************************************************************** */
/* LESSON - the main container for the page held in the lessonholder frame */

div#dj_lessoncontent { background-color: #fff;  padding-right: 20px; margin: 20px 0 0 20px; overflow: hidden; height:100%;  } 
div#dj_lessoncontent p { padding-left: 20px; } 
div#dj_lessoncontent ul, div#dj_lessoncontent ol { margin-left: 30px; }
div#dj_lessoncontent ul h1, h2, h3 {  line-height: 1.1em; }
div#dj_lessoncontent h3 { color: #3e5e7f;  font-size: 24px; font-weight: normal; padding: 5px 0 0; margin-bottom: -0.4em; }
div#dj_lessoncontent h4 { color: #000;  text-transform: uppercase; font-weight: bold; padding: 5px 0 0 20px; margin: 20px 0 -0.4em 0; }

/* instructions pages nav */
ul#dj_instructionslinks { background: #B8D8EB; list-style-type: none; padding: 4px 4px 4px 64px; margin: 10px 20px 0 0 !important; overflow: auto; font-family: 'Bebas Neue', serif; text-transform: uppercase; }
ul#dj_instructionslinks li { padding: 0 10px; border-right: 1px solid #000; float: left; font-size: 24px; }
ul#dj_instructionslinks li.dj_lastlink { border-right: none; }

/* index page table of contents */

ul#dj_tableofcontents { margin: 0; padding: 0; list-style: none; }

 ul#dj_tableofcontents li { font-family: 'Bebas Neue', serif; font-size: 23px;   display: block; margin: 0; padding: 2px 0; color: #9cb4e0; }

ul#dj_tableofcontents li.dj_listheader { color: #000; }

ul#dj_tableofcontents li a { text-decoration: none; }
ul#dj_tableofcontents li a:hover { text-decoration: underline; }


/* index page isntructions table of contents */

ul#dj_instructionscontents { margin: 40px 0 0; padding: 0; list-style: none; }
ul#dj_tableofcontents li.dj_listheader { color: #000; }
 ul#dj_instructionscontents li { font-family: 'Bebas Neue', serif; font-size: 23px;   display: block; margin: 0; padding: 2px 0; }

ul#dj_instructionscontents li a { text-decoration: none; }
ul#dj_instructionscontents li a:hover { text-decoration: underline; }


/* overview blurb */
div#dj_lessoncontent div.dj_overviewblurb { margin: 20px 20px 20px 20px; padding: 20px; border-left: 10px solid #000; color: #000;font-family: 'Antic Slab', serif; background-color: #F0F0F0;}
div#dj_lessoncontent div.dj_overviewblurb  p { padding: 0; }
div#dj_lessoncontent div.dj_overviewblurb  h3 { color: #000; }

/* box blurb */
div#dj_lessoncontent div.dj_boxblurb { margin: 20px 20px 20px 20px; padding: 20px; border-left: 10px solid #000; color: #000; background-color:cornsilk;}
div#dj_lessoncontent div.dj_boxblurb  p { padding: 0; }
div#dj_lessoncontent div.dj_boxblurb  h3 { color: #000; }

/* blockquote */
div#dj_lessoncontent p.dj_blockquote { padding-left: 50px; line-height: 1.2em; font-size: 16px; }

/* pullquote */

p.dj_pullquote { margin: padding: 0.3em 0; padding: 20px; border: 2px solid #FF0000; }


p.dj_readingexcerpt {font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"; padding: 12px; background-color: aliceblue}

/* figures */

div.dj_figureright { float: right; margin: 0.3em 0 10px 15px; background-color: #F0F0F0; padding: 5px;}

div.dj_figureleft { float: left; margin: 0.3em 15px 10px 20px; background-color: #F0F0F0; padding: 5px;}

div.dj_figureright p, div.dj_figureleft p { margin: 0; padding: 10px 5px 10px 5px !important; font-size: 14px; color: #000; }

.dj_figurecenter { margin: 0 auto 0 20px; }

.dj_figurecenter img {  display: block;
margin: 0 auto;
}


div.dj_videoembed { clear: both; margin: 10px 0 10px 20px; padding: 10px; }
div.dj_videoembed p { width: 560px; margin: 0 !important; padding: 0 !important; font-size: 0.8em;  }




div#drjim_header { text-transform: uppercase; padding: 0; }
div#drjim_header h1, div#drjim_header h2 { margin: 0; padding: 0; font-size: 20px; }
div#drjim_header h1 { color: #000; }
div#drjim_header h3 { color: #b11d30;   }


div.drjim_pagenav { float: right;  font-size: 18px; color: #b11d30;}
div.drjim_pagenav a { color: #CCC; }
div.drjim_pagenav a:hover { text-decoration: underline; color: #b11d30; }
div.drjim_pagenav span { display: inline-block; float: left; padding: 2px 5px; }
a#drjim_nextbut, a#drjim_prevbut { text-decoration: none; display: inline-block; float: left; height: 17px; width: 20px; background: url(i/prevnext.png); margin-top: 5px; }
a#drjim_prevbut { background-position: 0px 0px;}
a#drjim_prevbut:hover { background-position: 0 -36px;}
a#drjim_nextbut { background-position: 0px -18px;}
a#drjim_nextbut:hover { background-position: 0 -54px;}

#drjim_pagecontent { clear: both; }


div#dj_lessoncontent table { width: 300px; float: right; background-color: #E9E9E9; border: 1px solid #666; margin: 0 0 10px 15px; }
div#dj_lessoncontent table tr.drjim_tableheader { background-color: #999; color: #fff; }
div#dj_lessoncontent table td { padding: 5px 8px; line-height: 1em; border: 1px dotted #666; border-collapse: collapse; }
div#dj_lessoncontent table tr.drjim_tableheader td { border: none; } 
div#dj_lessoncontent table td p { margin: 0; padding: 0; }

div#dj_lessoncontent table#dj_fancytable { align: left; margin: 0 !important; padding: 0;  clear: both; display: block; background-color: #E9E9E9; border: 1px solid #666; float: none; width: 630px;}
table#dj_fancytable tr.dj_tablehead { background-color: #999; color: #fff; text-transform: uppercase; font-weight: bold;  }
div#dj_lessoncontent table#dj_fancytable  td { font-size: 12px; padding: 5px 4px; line-height: 1em; border: 1px dotted #666; border-collapse: collapse; }
div#dj_lessoncontent table#dj_fancytable td p { margin: 0; padding: 0; }

/* weekly schedule */
div#dj_weeklyschedule table { display: block; clear: both; float: none;  width: 90%; margin: 0 20px; border-collapse:collapse;border-spacing:0; background: #ebeff7; }

div#dj_weeklyschedule tr.dj_tablehead td { background: #003189; color: #fff; vertical-align:bottom; }

div#dj_weeklyschedule td { padding: 2px 3px;}

div#dj_weeklyschedule td ul { list-style-image: url(i/00checkmark.png); margin: 6px 0 0 8px; padding: 0 4px 0 14px; }
div#dj_weeklyschedule td li { margin: 0; }

div#dj_weeklyschedule td p { margin: 0; padding: 0 0 2px;}
	
div#dj_weeklyschedule td p span { font-size: 14px;  }
	
	
a#drjim_nextbut span, a#drjim_prevbut span { display: none; }


/* weekly schedule */
div#dj_weekly  table { display: block; clear: both; float: none;  width: 90%; margin: 0 20px; border: none;  border-collapse: collapse; border-spacing:0; background: #fff; }

div#dj_weekly  tr { border: none; }

div#dj_weekly  tr.dj_tablehead td { background: #003189; color: #fff; vertical-align:bottom; }

div#dj_weekly  td { padding: 2px 3px; border: none !important; border-bottom: 1px dotted !important; }

div#dj_weekly td ul { list-style-image: url(i/00checkmark.png); margin: 6px 0 0 8px; padding: 0 4px 0 14px; }
div#dj_weekly td li { margin: 0; }

div#dj_weekly td p { margin: 0; padding: 0 0 2px;}
	
div#dj_weekly td p span { font-size: 14px;  }
/* ***************************************************************************** */
/* OVERVIEW PAGE */
#dj_lessonoverview { padding: 10px 10px 10px 10px; border: 1px solid #8088b2; margin: 20px 10px 0 0; background: #efeff5; }
#dj_lessonoverview h3 { background-color: #8088b2; padding: 4px; color: #fff; margin: 0; font-weight: bold; }
#dj_lessonoverview p { padding: 0 6px 0.7em 6px; }
#dj_lessonoverview h4 { padding: 10px 0 0 20px; margin: 0; color: #000; font-weight: bold; }

/* FOOTER */

div#drjim_footer { clear: both; }
 
/* ***************************************************************************** */
/* OVERRIDES */
/* critical path */
table th { text-align: left; }

table tr td {vertical-align: top; }

div.dj_critpath_panel { margin: 10px 0 40px; overflow: hidden; }

table#dj_critpath tr.odd { background-color: #fff; }

table#dj_critpath { margin: 0px 0px 40px !important; }



/* not in use */

div.drjim_glossary { -webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px; 
width: 230px; float: right; margin: 0 0 10px 25px; border: 1px #3e5e7f solid; padding: 6px; }
div.drjim_glossary p { -webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px; 
font-family: 'Kreon', Cambria, Georgia, serif; background-color: #3e5e7f;  font-size: 18px; padding: 20px; margin: 0; color: #fff; line-height: 1.2em; }

 
strong.drjim_glossaryterm { color: #000; }