div.cos{width:100%;height:100%;text-align:center;position:absolute;top:0%;left:0%;background-color:rgb(128,0,0)}
/* index page */
div.header{width:96%;height:5%;position:absolute;top:0%;left:2%;background-color:rgb(128,0,0);
  color:rgb(240,240,240);font-size:2em;}
div.hcolmenu{width:96%;height:5%;position:absolute;top:7%;left:2%;background-color:rgb(240,240,240);
  color:rgb(128,0,0);font-size:1em;}
div.hvalmenu{width:96%;height:86%;position:absolute;top:12%;left:2%;background-color:rgb(128,0,0);
  color:rgb(240,240,240);font-size:1em;}

/* left_column-page */
div.colmenu{width:16%;height:100%;position:absolute;top:0%;left:0%;background-color:rgb(240,240,240);
  color:rgb(128,0,0);font-size:0.8em;overflow-y:auto;}
div.valmenu{width:84%;height:100%;position:absolute;top:0%;left:16%;background-color:rgb(128,0,0);
  color:rgb(240,240,240);font-size:1em;}

/* Plotting page */
div.valheader{width:100%;height:5%;text-align:center;position:absolute;top:0%;left:0%;background-color:rgb(255,255,255);
  font-size:1.2em;}
div.valintro{width:100%;height:95%;text-align:left;position:absolute;top:5%;left:0%;
  background-color:rgb(255,255,255);overflow-y:auto;
  color:rgb(0,0,0);font-size:0.9em;}

div.valimg{width:40%;height:75%;text-align:center;position:absolute;top:5%;left:0%;background-color:rgb(255,255,255);
  overflow-y:auto;}
div.valhelp{width:60%;height:75%;text-align:left;position:absolute;top:5%;left:40%;background-color:rgb(240,240,240);
  font-size:0.9em;overflow-y:auto;}
div.valins{width:100%;height:20%;text-align:left;position:absolute;top:80%;left:0%;background-color:rgb(192,192,192);
  font-size:0.9em;font-family:"monospace";overflow-x:auto}
div.valgallery{width:100%;height:95%;text-align:center;position:absolute;top:5%;left:0%;background-color:rgb(255,255,255);
  font-size:1.2em;overflow-y:auto;}

div.license{width:100%;height:2%;text-align:right;position:absolute;bottom:0%;left:0%;
  color:rgb(240,240,240);font-size:0.7em;}

/* Environments */
div.codetxt{width:80%;height:10%;text-align:left;text-indent:0px;background-color:rgb(192,192,192);
  font-size:0.9em;font-family:"Courier New";color:rgb(0,0,0);}
div.largecodetxt{width:80%;text-align:left;text-indent:0px;background-color:rgb(192,192,192);
  font-size:0.9em;font-family:"Courier New";color:rgb(0,0,0);}

/* Definitions */
/* From: http://www.codingforums.com/html-and-css/22962-setting-variables-html.html 
<SCRIPT>
var ind = "  ";
</SCRIPT> 
*/

/* Resources of the introduction */

/* Fonts */
body.genintro{color:rgb(240,240,240);font-size:1.1em;text-indent:38px}

p.explain{text-align:left;text-indent:38px}
p.genintro{color:rgb(240,240,240);font-size:1.1em;text-indent:38px}

.codetxt {font-family:"monospace";font-weight:bold;}

/* Link la*/
a.la:link {color:rgb(128,128,128);text-decoration:none;}
a.la:visited {color:rgb(128,128,128);text-decoration:none;}
a.la:hover {color:rgb(192,192,192);text-decoration:none;font-weight:bold;}
a.la:active {color:rgb(128,128,128);text-decoration:none;}

/* lists intro */
ol.roman {list-style-type: lower-roman;}

/* Resources of the different sub-menus */

/* Link lc*/
a.lc:link {color:rgb(192,0,0);text-decoration:none;}
a.lc:visited {color:rgb(192,0,0);text-decoration:none;}
a.lc:hover {color:rgb(128,0,0);text-decoration:none;font-weight:bold;}
a.lc:active {color:rgb(192,0,0);text-decoration:none;}

/* table */
table#t01{
  font-size:0.7em;

}