/* version 5.4 */

a{text-decoration : none;}

a:link  {color: blue; background-color : transparent;  }
a:hover  {color : #FF0000;  background-color : #F5F5DC;  text-decoration: underline; }
a:visited{color: blue; background-color : transparent;}

a.menu:link{color: Blue; background-color: transparent; font-size: medium; }
a.menu:visited{color: Blue; background-color: transparent; font-size: medium}
a.menu:visited:hover{background-color : Black; color: white; text-decoration: underline; }
a.menu:hover {color : white;  background-color : blue; text-decoration: underline;}
a.menu:active{color: White; background-color: Blue;}

a.doclink:link{color: Blue; background-color: transparent;}
a.doclink:visited{color: Blue; background-color: transparent;}
a.doclink:active{color: Blue; background-color: transparent;}
	
a.specific{color: Red}
a.specific:link{color: Red}
a.specific:hover{text-decoration: underline; }
a.specific:visited{color: Red}
a.specific:visited:hover{color: Red}

a.concept1{color: Red; font-weight: bolder}

a.general{color: Green}
a.general:link{color: Green}
a.general:hover{text-decoration: underline; }
a.general:visited{color: Green}
a.general:visited:hover{color: Green}

/* body{font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; background-color : #FFFFF3;} */
body{font-family : sans-serif; }
body.lab{}
body.course{}
body.ex{}
body.gloss{background-color: #FFFFF0;}
body.goals{}
body.prereq{}
body.labdetails{}
body.advice{}
body.links{}
body.session{}
body.soft{}
body.spss{background-color: #FFF9EE; }
body.stat{}
body.teach{}
body.gendoc{}
body.labdoc{}
body.bib{}

div.ptitle{font-size : 140%; font-family : serif;	font-weight : bolder;	font-style : normal;text-align : left; 
border-bottom-width:thin; border-bottom-style:solid; border-color: red; margin-top: 16px;  margin-left: 4%   }
div.title {font-size : large;	font-family : serif;	font-weight : bold;	font-style : normal;	line-height : 300%;	text-align : center;}
div.subtit  {clear : both; font-size : 108%; font-weight : bold;  line-height: 300%;  }
div.subtit1 {clear : both; font-size : 100%;  font-weight : bold; font-style: italic; line-height: 300%;  }
div.subtit2 {font-size :  90%;  font-weight : bold; font-style: italic; line-height: 200%;  }
div.stit{clear : both; font-size : 108%; font-weight :  bold;  padding-left: 2% ; line-height: 200%;  border-left-width: 8px;
 border-left-style: solid; border-color: blue;}
DIV.extit  {font-size : x-small;	font-family : sans-serif;	font-weight : bold;	color : Blue;	line-height : 150%;}
DIV.menuline  {line-height : 200%;	background-color : #FFFF00;	font-weight : bold;}
div.help{font-size : smaller;	font-style : italic;	color : Green;	text-align : center;}
div.helplinks{font-size : small; font-weight : bold; color : Green;}
div.foot {	font-size : 80%;}
div.globmess {font-size : 80%; color : Red; font-weight : Bold}

table.imgcontrol{clear:both; background-color: aqua; }

div.footmenu{clear: both; color : Blue; font-size: x-small;  background : yellow;	margin-top: 20px; text-align : center;	line-height : 150%;}
div.glossdiv{display: list-item; list-style: circle; font-size:small; 
margin-left: 5%; margin-right: 4% ;   }

div.popup{font-size: small; font-family: sans-serif}
div.popups{font-size: xx-small; font-family: serif, monospace;}
div.slidelegend{	font-size:medium; color: blue; margin-bottom: 2%}
div.syntax {clear : both; font-size : small; font-weight : bold;  line-height: 200%;  
    background-color: #FFDEAD;  font-family: serif;   }
div.seealso {clear : both; font-size : 100%;  font-weight : bold; font-style: italic; line-height: 300%;  }
div.otext {margin-top: 1%; margin-bottom: 1% ; margin-left: 2%; margin-right 10%; font-weight : normal; font-family : sans; font-style: normal; }

dt  {font-weight : bold;	font-style : italic;}	
dt.faq {font-weight : bold;	font-style : italic; 	font-size: x-small; color: green}

/* glossary entries : specific for site e.g. software; general valid beyond site context */
dt.specific {font-weight : bold; color: Red; font-style : italic;}
dt.general {font-weight : bold; color: Green; font-style : italic;}


div.selsoft {color: Blue; font-style : italic; margin-bottom: 1%; 	margin-top: 1%; margin-left: 2%; display: list-item; list-style: url(hint.gif)}


/* h1 {text-align : center; font: normal bold medium;  color : White; background :  Blue;	background-color :  Blue; 	clear : both;} */

h1 {text-align : center; font-style: normal; font-weight: bold;  clear : both; 
border-bottom-width:thick; border-bottom-style:solid; border-color: red;
 font-family: serif;} 

h2{font-family: sans-serif normal bold medium; clear: both; }
h2.topics{}
h2.bib{	font-style : italic; 	line-height : 70%;	color : Green;}
h2.questit{background: Green;	color: White;}

h3{font-family : sans-serif; font-style: italic; font-size: 90%; clear: both;}



H4 {font-family: sans-serif oblique medium; clear: both}

H4.section  {font-family: sans-serif; font-style: italic; font-weight: bold; font-size: x-small; clear: both;  color : Green; }

h5 {font-family: sans-serif; font-weight: bold; font-size: xx-small; clear: both}

img{border : none}
img.left{border: none; float : left; margin-right: 40px}
img.leftsm{border: none; float : left; margin-right: 2px}
img.right{border: none; float : right; margin-left: 25px}
img.icon{border: 0; margin-right: 10px; vertical-align: middle}
img.hint{border: 0; margin-right: 10px; vertical-align: baseline;}

input.showbutton{background: transparent; color: Blue ; 	border: none;  }

.details{ color: green; list-style: url(detail.gif);}
.doit{color: green; list-style: url(do.jpg); margin-bottom: 1%; margin-right:4%; font-size: medium;}
.doitadv{ color: green; list-style: url(advinf.gif);}
.intro{list-style: url(simple.gif);}
.hint{ list-style: url(hint.gif); }
.link{ list-style: url(bib.gif); }
.quest{list-style: url(quest.gif); }
.work{ list-style: url(work.gif); }
.review{list-style: url(review.gif);}
.english{list-style: url(english.gif);}
.none {list-style-type: none}
.concept1{color : Red;	font-style : italic;}


div.doit{margin-left: 5%; margin-right: 4% ; color: green; list-style: url(do.jpg);  display: list-item;}

li.doit{font-size: small}
li.doitadv{list-style: url(advinf.gif)}
li.doitopt{list-style: url(adv.gif)}
li.outlook{font-size: small; color: green; list-style: url(explor.gif);}
li.detail{list-style: url(detail.gif)}
li.adv{list-style: url(adv.gif)}
li.advinf{list-style: url(advinf.gif)}
li.www{list-style: url(www.gif)}
li.syntax{list-style: url(syntax.gif)}
li.menu{list-style: url(menu.gif)}
li.think{list-style: url(think.gif)}
li.pdf{list-style: url(pdf.gif)}


li.impinf{list-style: url(impinf.gif)}
li.text{list-style: none; margin-left: 0; line-height: 200%; color: Black; font-weight: bold; font-style: Italic; }


li.l0{	font-family : sans-serif;	font-size : medium;	font-weight : normal;	line-height : 110%;	list-style : disc outside;}
li.l1{	font-family : sans-serif;	font-size : small;	font-weight : normal;	list-style : square outside;}
li.normal{list-style-type: disc; list-style-image: none;}

ol.cours{}

ol.rednum {   list-style: none;  counter-reset: item; }
li.rednum {   counter-increment: item; margin: 20px 0 ; }
li.rednum::before {   margin-left: -20px; margin-right: 3px;   content: counter(item);
   background: red;    border-radius: 100%;   color: white;   width: 1.2em;   text-align: center;   display:inline-block;  }


ol.bluea{   list-style: none;  counter-reset: item; }
li.bluea {   counter-increment: item;  margin: 20px 0; }
li.bluea::before {   margin-left: -20px; margin-right: 4px;   content: counter(item, upper-alpha) ;
   background: blue;      color: yellow;   width: 1.2em;   text-align: center;   display:inline-block;  }

ol.yellnum {   list-style: none;  counter-reset: item; }
li.yellnum {   counter-increment: item; margin: 20px 0 ; }
li.yellnum::before {   margin-left: -20px; margin-right: 3px;   content: counter(item);
   background: yellow;    border-radius: 100%;   black: white;   width: 1.2em;   text-align: center;   display:inline-block;  }



/* P {font-size: medium;} */



P.advanced{}
P.tech{}
P.local{}
P.intro{}

P.back{font-style:italic;	color : Red;	margin-left : 10%;	margin-bottom : 5%;}
p.comment{font-size : 85%;	font-style : italic; clear: both}

pre{font-family : monospace; font-size : 90%; padding-left: 2%}
pre.syntax {font-size : small;	font-family : monospace; padding-left: 2%}
pre.synbox {float: left; padding: 6px;  margin-top: 8px; margin-left: 1%; margin-right: 3%;  border: thin solid Blue}
pre.syntaxlong{height: 10em; overflow: auto; background-color: Aqua;}
pre.syntaxs {font-size : 75%;	font-family : monospace;}
pre.syntaxvs {font-size : 50%;	font-family : monospace;}
pre.command {font-family : monospace;	font-size : 98%;}
pre.commands {font-family : monospace;	font-size : 75%;}
pre.code {font-family : monospace; padding-left: 1%}
pre.spss {font-family : monospace; padding-left: 1%}
pre.output{font-family : monospace; font-size : 90%; padding-left: 2%;}
p.quote{ display: block;  margin-left: 3%;  margin-right: 3%; 
 margin-top: 1%;  font-size: 90%;  font-style: italic;  margin-bottom: 1%;}

span.level0{background : Green; font-family : sans-serif small bold ;  color: white; border: 1px solid green;}
span.level1{background : Blue;  font-family: sans-serif small bold ; color: white; border: 1px solid blue;}
span.level2{background : Red; 	font-family : sans-serif small  bold;  color: white;  border: 1px solid Black;}
span.level3{background : Black; 	font-family : sans-serif small  bold;  color: white; border: 1px solid black;}

span.button{background : #C6DFF9; 	font-size: small; font-family : sans-serif;
 border: 1px solid #0C7CDB;  border-radius: 15px;    }
span.command {font-weight : bold;	font-family : monospace;}
span.concept{color : Red;	font-style : italic;}
span.diagitem  {color : Teal;}
span.doclinkt{	font-family: sans-serif; font-style: italic; font-size: medium;}
span.em{font-weight: bold; color:red;}
span.filnam{font-size : smaller; font-family : sans-serif;	color : Teal;}
span.footlegend{font-size : xx-small; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
span.fsym{font-size: 200%; font-weight: bolder; color: red}
span.fitem{font-size: 140%; font-weight: bolder; color:red}
span.hint{color : Blue;}
span.big{color : Red; font-weight: bolder; font-size: larger}
span.quote{display: block;  margin-left: 3%;  margin-right: 3%; 
 margin-top: 1%;  font-size: 90%;  font-style: italic;  margin-bottom: 1%;}
 span.inlinequote{font-size: 85%;  font-style: italic; color: green}
 span.ref{font-size: smaller; color: blue}


span.helpm{color : Red;}
span.menu  {font-size : small;	font-family : sans-serif;	color : Teal;}
span.blueletter{color: yellow; background-color: blue;}

span.linkexplain{font-style: italic;}
span.lisp {font-size : 90%;	font-weight : bold;	font-family : monospace;}
span.code {font-weight : bold;	font-family : monospace; font-size: 101%}
span.selsoft{font-style: italic;color: blue}
span.spss15{font-size : 90%;  font-style: italic;  color: Green;  }
span.spssold{font-size : 90%;  font-style: italic;  color: Green;}
span.statterm{color: green;	font-weight : bold;	font-style : italic;}
span.varnam {font-family : monospace;	font-size : 110%;}
span.varlab{font-size: 85%;font-style: italic;	font-weight: lighter;}
span.spsscommand{font-family: monospoace; font-variant: small-caps; font-size: 90%}

table {empty-cells:show; }
/* table.mainmenu{background: white; position: fixed; top: 0; left: 0; z-index: 11} */
table.mainmenu{} 
table.clist{text-align:center}
table.list {font-size: 60%;  background: #FFE4B5; text-align: right;}
table.cmdex{font-size: 80%;}

td.menul  {	font-weight : bold;	background-color : #FFFF00;	line-height : 150%;}
td.linkpath {	font-size : x-small;}
td.ptitle  {background-color : Red;	font-size : small;	color : #FFFFFF;}
td.pcontent  {font-size: small; background-color : Yellow;}
td.pcontent1{font-size: smaller; background-color:Yellow;	color: green;	font-weight : normal;}
td.pmenu{font-size: x-small; font-weight: normal;  text-align : left; }
td.ppath{font-size: x-small; font-weight: normal; text-align: right}

td.cfirst {text-align: left; font-weight: bold;}

td.tocl {text-align: left}
td.tocr {text-align: right}
td.syntax{font-family: monospace;  font-size: small;  text-align: left;  font-weight: bold; vertical-align: top; }
td.explain{font-size: smaller; text-align: left;}
td.cmd{font-family: monospace;  text-align: left;  font-weight: bold; vertical-align: top; }
td.code{font-family: monospace;  text-align: left;  width: "35% "}
td.cmdexp{text-align: left;}

td.c{text-align: center;}
td.l{text-align: left}
td.r{text-align: right}

td.boxed1{border-style: solid; border-width: thin;  border-collapse: collapse; border-spacing: 0px }



ul.cours{}

.answer {list-style: square; font-size: small; color: Gray; font-style: italic; }
.advice {color: Green; font-style: italic;}

.bib{list-style: url(bib.gif)}
.www{list-style: url(web.gif)}
.bibnote{font-size: 80%;  font-style : italic;}
.bibauthor{}
.bibbook{}
.bibarticle{font-style: italic}
.bcolor{background-color: ActiveBorder}
.caption{font-size: 80%; font-style: italic; color: blue}
.comment {font-size: 80%; font-style: italic}
.correction {font-size: 80%; font-style: italic; color: blue}

.chantier{font-size :  90%;	font-style : italic;} 

.explain{font-size: smaller; color: black; background-color: #fafad2; margin-bottom: 1%; margin-top: 1%; margin-left: 3%}
.example{font-size: 98%; margin-left: 3%}

.hints{font-size:smaller; color: #696969;}
.home {FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;  font-size: x-small; text-align: left; vertical-align: top}
.important{display: inline; font-size: 80%; color: yellow; background-color: Red;  }

.math{font-size :  90%;	font-style : normal} 
.menu_init1{FONT-SIZE: 11px; COLOR: #993300; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffcc66; TEXT-ALIGN: center;}
.menu_select1 {FONT-SIZE: 11px; COLOR: #993300; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ababab; TEXT-ALIGN: center}
.menu_select3 {FONT-SIZE: 11px; COLOR: #993300; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ababab; TEXT-ALIGN: center }
.menu_init3 {FONT-SIZE: 11px; COLOR: #993300; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 	BACKGROUND-COLOR: #ffcc99; TEXT-ALIGN: center}

.note{font-size: 97%;  font-style : italic; }
.instructions{font-size: 92%;  font-style : italic; }
.question{font-size: small; color: Green; }
.response{font-size: small; color: Blue; font-style:italic}
.reponse {FONT-WEIGHT: 500; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffff99}
.revise{display: none; }
.showhide1{color: yellow ;  background-color: blue;font-style: normal;  font-weight: bold; border: 1px; 90%; }   /* showhide linf */
.showhide{font-style:normal; font-family: "Lucida Sans", sans-serif; font-size: 90%;}
.showtext{	font-size:90%; text-indent:3%;margin-bottom: 1%; margin-top: 1%}
.syntax {COLOR: #003523; FONT-FAMILY: monospace;  font-size: 90%;  }
.texte {FONT-SIZE: medium; TEXT-ALIGN: justify}
.texttable {FONT-SIZE: medium}
.varnam {font-family : monospace;	font-size : 90%; text-align: left}
.surveyq {font-size : 95%; font-style: italic;margin-left: 2%}

.box {margin-left: 1%; margin-right: 1%;  border: thin solid Blue}
.boxred {margin-left: 5%; margin-right: 5%;  border: thin solid Red}
.blue{background-color: blue; color: yellow}
.center{text-align : center;}

.floatl{	float:left; margin-left: 2%}
.floatr{float:right; margin-left: 2%}
.hl {background-color: #feff73;}
.hlsyn{color: blue; font-weight: bold; }
.hlb {background-color: #c3c4ff;}
.hb {border-left: medium solid Blue; padding-left: 1%;}
.hidden{display: none;}
.indent{margin-left: 5%; }
.new {clear: both;}
.overline{text-decoration: overline}
.red{font-weight: bold; color: red; font-size:x-small; }
.right{text-align: right;}
.small{Font-Size: xx-small}
.smaller{font-Size: 75% }
.smalleri{font-Size: 75%; font-style: italic}
.biggerib{font-Size: 110%; font-style: italic; font-weight : bold}
.emphasize{font-style: italic; font-weight : bold}
.space{margin-bottom: 1%}
.spaceboth{margin-bottom: 10px}
.spacebefore{margin-top: 1%}
.center {  display: block;  margin-left: auto;  margin-right: auto;  width: 50%;}
 
.half{width: 50%; overflow:auto}

.show{display:block;}
.hide{display:none;}
.slidectrl{text-align: center; font-size: medium; background-color: silver;
    -moz-border-radius: 20px;  border-radius: 20px; border: thin solid Black;   }
.slidelegend{font-size: small; color: blue; }
rl

.ctrlbutt{color: blue; background-color: yellow; border: thin groove;  font-weight: bolder;}

.iframh {width: 95%; margin:2%; overflow: auto; display: none}
.iframv {width: 100%; height: 66%; margin:0;padding:0;}


#twocols{ padding: 5px; clear: both}
#leftcol {margin: 10px; width: 40%; float: left; overflow: auto; }
#rightcol {margin: 0 0 0 10px; width: 55%; float: left; overflow: auto; }
#leftcol1 {width: 55%; float: left; overflow: auto; }
#rightcol1 {margin: 0 0 0 10px; width: 40%; float: left; overflow: auto; }
#leftcol2 {margin: 10px; width: 35%; float: left; overflow: auto; vertical-align: text-top;}
#rightcol2 {margin: 0 0 0 10px; width: 35%; float: left; overflow: auto; vertical-align: text-top;}
#leftcol3 {margin: 10px; float: left; overflow: auto; }
#rightcol3 {margin: 0 0 0 10px;  float: left; overflow: auto; }

/* divs for managing show/hide sections */
span.choice2{font-style: italic; color: green}
span.choice1{font-size: 120%; font-weight: bold; margin: 30px; color : #9400d3;  font-style: italic; }
/* span.choice1::before {content: "Select" */
	}

span.sectionB{}
span.sectionA{}
span.sectionT{}
span.sectionD{}
span.sectionE{}
span.sectionS{}
span.sectionG{}


 
      ol.h {counter-reset: item;     }
      li.h {        display: block;             }
      li.h:before {
        content: counters(item, ".") " ";
        counter-increment: item;
      }