body { 
   background : #fffee4 url(../../images/document-bg.png) no-repeat right bottom fixed; 
   font-family : Lucida Sans Unicode, Tahoma, Helvetica, Verdana, Lucida Grande, Arial, sans-serif;
   text-align : justify; 
   color : #000; 
   font-weight : normal; 
   margin : 20px 20px 20px 10px; 
 } 
div { 
   zoom : 100%; 
 } 
.Link, span.link { 
   cursor : pointer; 
   color : Navy; 
   text-decoration : underline; 
 } 
.Notion { 
   background : rgb(250,250,200); 
   color : rgb(10,10,10); 
   Font-size : 14pt; 
   margin-left : 6pt; 
   margin-right : 6pt; 
   margin-top : 3pt; 
   margin-bottom : 3pt; 
   border-left : 4px ridge rgb(150,150,100); 
   padding : 3pt 3pt 3pt 12pt; 
 } 
.Rule { 
   background : rgb(240,250,250); 
   color : rgb(10,10,10); 
   Font-size : 14pt; 
   margin-left : 6pt; 
   margin-right : 6pt; 
   margin-top : 3pt; 
   margin-bottom : 3pt; 
   border-left : 4px ridge rgb(100,150,200); 
   padding : 3pt 3pt 3pt 12pt; 
 } 
.Example { 
   background : rgb(250,250,200); 
   color : rgb(10,10,10); 
   Font-size : 14pt; 
   margin-left : 6pt; 
   margin-right : 6pt; 
   margin-top : 3pt; 
   margin-bottom : 3pt; 
   border-left : 4px ridge rgb(150,150,100); 
   padding : 3pt 3pt 3pt 12pt; 
 } 
.Exception { 
   background : rgb(240,250,250); 
   color : rgb(200,50,100); 
   Font-size : 14pt; 
   margin-left : 6pt; 
   margin-right : 6pt; 
   margin-top : 3pt; 
   margin-bottom : 3pt; 
   border-left : 4px ridge rgb(250,50,100); 
   padding : 3pt 3pt 3pt 12pt; 
 } 
.Skill { 
   background : rgb(240,250,250); 
   color : rgb(10,10,10); 
   Font-size : 14pt; 
   margin-left : 6pt; 
   margin-right : 6pt; 
   margin-top : 3pt; 
   margin-bottom : 3pt; 
   border-left : 4px ridge rgb(50,200,100); 
   padding : 3pt 3pt 3pt 12pt; 
 } 
.ClassPrizn { 
   background : rgb(250,250,200); 
   color : rgb(10,10,10); 
   Font-size : 13pt; 
   margin-left : 6pt; 
   margin-right : 6pt; 
   margin-top : 3pt; 
   margin-bottom : 3pt; 
   border-left : 4px ridge rgb(100,150,150); 
   padding : 3pt 3pt 3pt 12pt; 
 } 
.DInform { 
   background : rgb(250,250,200); 
   color : rgb(10,10,10); 
   Font-size : 13pt; 
   margin-left : 6pt; 
   margin-right : 6pt; 
   margin-top : 3pt; 
   margin-bottom : 3pt; 
   border-left : 4px ridge rgb(100,150,150); 
   padding : 3pt 3pt 3pt 12pt; 
 } 
.EduTaskTask { 
   width : 100%; 
   background : rgb(240,255,230); 
   color : rgb(50,15,50); 
   font-size : 16pt; 
   padding : 3 3 3 3; 
   margin-top : 12pt; 
   border-bottom : 2 inset; 
   border-left : 3 outset; 
 } 
.EduTaskContent { 
   width : 100%; 
   background : rgb(255,240,245); 
   font-size : 16pt; 
   color : rgb(0,25,55); 
   border-left : 2 #4242f0 inset; 
   border-bottom : 2 inset; 
   padding : 3pt 3pt 3pt 6pt; 
 } 
.Texel, .EmptyTexel { 
   font-size : 15pt; 
   text-align : center; 
   color : rgb(150, 50, 50); 
   background-color : rgb(230, 230, 255); 
   font-weight : bold; 
   border-width : 1; 
 } 
.Texel { 
   border-color : expression(this.currentStyle.backgroundColor); 
   border-style : solid; 
 } 
.EmptyTexel { 
   border-color : rgb(105,140,130); 
   border-style : inset; 
 } 
.EduTaskContentNS { 
   width : 100%; 
   background : rgb(230,250,255); 
   font-size : 20pt; 
   color : rgb(0,0,55); 
   border-left : 2 #4242f0 inset; 
   border-bottom : 2 inset; 
   padding : 3pt 3pt 3pt 6pt; 
 } 
.Texel111, .EmptyTexel111 { 
   text-align : center; 
   color : rgb(150, 50, 50); 
   background-color : rgb(205, 250, 290); 
   font-weight : bold; 
   border-width : 1; 
   width : 24pt; 
   font-size : 20pt; 
 } 
.Texel { 
   border-color : expression(this.currentStyle.backgroundColor); 
   border-style : solid; 
 } 
.EmptyTexel { 
   border-color : rgb(105,140,130); 
   border-style : inset; 
 } 
.EduTaskTaskNS { 
   width : 100%; 
   background : rgb(235,220,235); 
   color : rgb(0,51,0); 
   font-size : 19pt; 
   padding : 3 3 3 3; 
   margin-top : 12pt; 
   border-bottom : 2 inset; 
   border-left : 3 outset; 
 } 
.EduCourseFrag { 
   background : rgb(240,250,220); 
   color : rgb(10,10,10); 
   Font-size : 14pt; 
   margin-left : 6pt; 
   margin-right : 6pt; 
   margin-top : 3pt; 
   margin-bottom : 3pt; 
   border-left : 4px ridge rgb(150,150,100); 
   padding : 3pt 3pt 3pt 12pt; 
 } 
h1 { 
   color : #00923f; 
   font-family : "Trebuchet MS", Verdana, Lucida Grande, Helvetica, Arial, sans-serif; 
   font-size : 25px; 
   font-weight : normal; 
   margin-top : 0px; 
 } 
h2 { 
   color : #e77817; 
   font-family : "Trebuchet MS", Verdana, Lucida Grande, Helvetica, Arial, sans-serif; 
   font-size : 23px; 
   font-weight : normal; 
   margin : 0px; 
   margin-top : 30px; 
   margin-bottom : 5px; 
 } 
div.testheader,h4, div.starttasklist, div.startmateriallist { 
   color : #e77817; 
   font-family : "Trebuchet MS", Verdana, Lucida Grande, Helvetica, Arial, sans-serif; 
   font-size : 20px; 
   font-weight : normal; 
   margin : 5px 0px; 
 } 
 h4 {
 cursor:pointer;
 }

div.notionList  div { 
   padding-left : 10px; 
 } 
div.theorylist  div { 
   padding-left : 10px; 
 } 
.Notion, .Rule, .Example, .Exception, .Skill, .EduCourseFrag, .ClassPrizn, .DInform { 
   border-left : 3px solid #4b4b31; 
 } 
div.edumaterialrun { 
   background : transparent url(../../images/material.gif) no-repeat 0 50%; 
   padding : 5px 30px; 
   cursor : pointer; 
 } 

div.edumaterialcontent{
   padding : 5px 20px; 
   color : #000; 
 } 

h4.2010, h4.7 { 
   padding : 5px 20px; 
   color : #000; 
} 

div.test .testheader { 
   color : #e77817; 
   background : transparent url(../../images/test.gif) no-repeat 0 50%; 
   font-family : "Trebuchet MS", Verdana, Lucida Grande, Helvetica, Arial, sans-serif; 
   font-size : 20px; 
   font-weight : normal; 
   margin : 5px 0px; 
   cursor : pointer; 
   padding : 5px 30px; 
 } 
div.task { 
   margin : 2px 0px; 
   cursor : pointer; 
   background : transparent url(../../images/task.gif) no-repeat 0 50%; 
   padding : 0px 20px;    
 } 
div.test .task { 
   margin : 2px 40px; 
 } 
