BODY, TD, LI   {font-family: "verdana", "arial", "helvetica", sans-serif; font-size: small}

 body {
  margin:0;
  padding:28px 0 0 8px;
  background-color:#fff;
 }

h1 {text-align:center;}

/*-- the menu --*/

.huvet {
  background-color:#dff;
  border-bottom:thin solid #aaa;
  padding:4px;
  margin:0;
  
  position:fixed;
  top:0;
  left:0;
  right:0;
}

.menul {
  text-align:left;
  font-size:12px;
  font-weight:bold;
}
.menul A:link    {color:blue; text-decoration:none;}
.menul A:visited {color:blue; text-decoration:none;}
.menul A:hover   {color:blue; text-decoration:underline;}
.menul A:active  {color:blue; text-decoration:underline overline; background-color:white;}

.menur {
  position:absolute;
  right:4px;
  top:6px;
  font-size:9px;
}
.menur A:link    {color:blue; text-decoration:none;}
.menur A:visited {color:blue; text-decoration:none;}
.menur A:hover   {color:blue; text-decoration:underline;}
.menur A:active  {color:blue; text-decoration:underline overline; background-color:white;}


#slm {
  text-decoration:underline overline;
}

/*-- solution index--*/

.ixnavdummy {height:26px;}
.ixnav {
  width:100%;
  position:fixed;
  top:24px;
}
.ixnav div {
  background-color:#dff;
  width:320px;
  padding-top:2px;
  border:thin solid #aaa;
  border-top:none;
}

.ixrow {overflow:auto;}
.wide1 {width:144px;}
.wide2 {width:288px;}
.wide3 {width:432px;}
.wide4 {width:576px;}
.wide5 {width:720px;}

.ixcell {
  width: 140px;
  border:thin solid gray;
  font-size:11px;
  text-align:center;
  float:left;
  margin:1px;
}

.cpp      {margin:2px 2px 8px 2px;}
.cpp div  {font-size:28px; float:left;}
.cpp img  {width:30px; height:30px;}
.cpp span {float:right; clear:right; font-size:9px;}

.ixcell applet {border-top: thin solid #ddd; }

.perfa {
  background-color:#feb;
}

.atog0 {float:left; clear:left; margin:2px}
.atog1 {float:left; font-size:28px; position:relative; top:6px; left:4px;}
.atog2 {float:left; position:relative; top:20px; left:12px;}

.hy {
  background-image:url(gif/hy.gif);
}

/*-- images --*/

img {border:0;}

.img40 img {width:40px; height:40px;}

/*-- margins --*/

.marg8 {margin:8px;}

/*-- measurements --*/

.sz40 {width:40px; height:40px;}
.sz100 {width:100px; height:100px;}

.w220 {width:220px}
.w240 {width:240px}
.w260 {width:260px}
.w280 {width:280px}
.w340 {width:340px}

/*-- generic utils --*/


.ruta {
  background-color:#FF8;
  border: dashed red;
  font-size:80%;
  float:left;
  margin:8px;
  padding:5px;
}

.left {float:left;}
.right {float:right;}

.cl_left {float:left; clear:left;}
.cl_right {float:right; clear:right;}

.lbox {
  float:left;
  clear:left;
  width:50%;
  padding-right:4px;
  border-right: thin #bbb solid;
  border-bottom: thin #bbb solid;}
.rbox {
  float:right;
  clear:right;
  width:49%;
  border-bottom: thin #bbb solid;
}

.app_hmarg8 applet {margin:0 8px 0 8px;}

/*-- misc --*/

.foten {
  position:fixed;
  bottom:0;
  right:0;
}


.bg2 {
  background-color:#ff8;
}

.liten {
  text-align:center;
  font-size:80%;
}
#next   {font-size:130%; font-weight:bold;}
#mail   {font-size:80%; font-style:italic; text-align:center; margin:12px;}
#gohome {width:50px; height:72px; float:left;}

.bl {padding:0 2px 0 2px; background-color:#09f;}
.gr {padding:0 2px 0 2px; background-color:#3f0;}
.wh {padding:0 2px 0 2px; background-color:#fff; border:thin solid #aaa;}
.ye {padding:0 2px 0 2px; background-color:#ff0;}
.re {padding:0 2px 0 2px; background-color:#f30;}
.or {padding:0 2px 0 2px; background-color:#f93;}

.bltx {color: blue;}

.cap {background-color:#ddd; font-style:italic; font-size:11px; text-align:center;}

.algs {
  margin:25px;
  font-size:80%;
  text-align:left;
  border:thin #999 solid;
}
.algs span {font-size:110%; font-style:italic; margin:40px;}
.algs div {border-top:thin #ddd solid;}
.algs b {margin:0 12px 0 6px;}