body   { margin: 10px 20px 6px 20px;
         background-color: #ffffee;
         font-size:10pt;
         font-family: verdana arial;
       }

.navbar { color:#666;
          font-style:italic;
          font-family:serif courier;
          font-size:10pt;
          text-align:left;
          text-decoration:none;}
.nava       { font-size:10pt; color:#666; text-decoration:none;}
.nava:hover { font-size:10pt; color:#E00; text-decoration:none;}

.secret {display:none; color: #f6f6f6; font-size:8px; }
.adat   {font-weight:bold; font-style:italic;}
hr      {height: 1px; color:#FEFEFE; width:100%}
.chari  { font-family:courier; color:#008; font-size:16px;}


h3 { color:#00A;
     font-style:italic;
     font-family:serif;
     font-size:16pt;}
select { border: solid 1px;
         background-color: #eeffee;
         padding: 0px 0px 0px 0px;
         cursor: pointer;
         margin-bottom:  10px;
         width: 80px;
         text-align:left;
       }
option { background:#f8fff8;
         height: 18px;
       }

input { border: 1px solid;
        text-align:center;
        background: #f8ffff;
        cursor:hand; cursor:pointer;}

a.navi  {
  text-align:left; text-decoration:none; font-size:18pt; color:#ddd; }
a.navi:hover  {
  text-align:left; text-decoration:none; font-size:18pt; color:#999; }

a.general   {
   text-decoration:none; font-size:14pt; color:#0000bb;
   /* font-weight: bold; */ font-family:sans;  }
a.general:hover {
   text-decoration:none; font-size:14pt; color:#ee0000;
   /* font-weight: bold; */ font-family:sans;  }
a.projected {
   text-decoration:none; font-size:14pt; color:#dddddd;
   font-weight: bold; font-family:sans;  cursor:default;}
a.signo  {
  text-align:right; font-family:serif; font-style:italic; font-size:14pt;
  text-decoration:none; color:#eaeaea; }
a.signo:hover  { color:#090; }

.num { color:#008; font-size:10pt; font-style:italic; text-align:right;}
.sor { color:#000; width:16pt; text-align:center;
       font-size:16pt; font-weight:bold; font-family:sans verdana; }
.max { color:#AAA; font-size:16px; font-style:italic; text-align:center;}

#lefti { width:200px;}
#time_warning { color:#C00; font-size:16px; font-weight:bold;
                font-family:serif;font-style:italic;
                text-align:center; }
#summ { color:#C00; font-size:16px; font-weight:bold; font-family:serif;
        text-align:right; width:200px;}
#work       {font-size: 10pt; font-family:arial; font-style:italic; color:#bbbb00;}
#work:hover {font-size: 10pt; font-family:arial; font-style:italic; color:black;   }

.read {text-decoration:none; font-size:13pt; color:#008800;}


.matrix { position: relative; text-align:right;}
.matrix:before {
                content: "";
                position: absolute;
                left: -3px;
                top: 0;
                border: 1px solid #000;
                border-right: 0px;
                width: 8px;
                height: 100%;
}
.matrix:after {
                content: "";
                position: absolute;
                right: -6px;
                top: 0;
                border: 1px solid #000;
                border-left: 0px;
                width: 8px;
                height: 100%;
}

.determinant { position: relative; text-align:right;}
.determinant:before {
                content: "";
                position: absolute;
                left: -3px;
                top: 0;
                border: 1px solid #000;
                border-right: 0px;
                width: 0px;
                height: 100%;
}
.determinant:after {
                content: "";
                position: absolute;
                right: -6px;
                top: 0;
                border: 1px solid #000;
                border-left: 0px;
                width: 0px;
                height: 100%;
}

/************  vektorgeom  *************************************/
.impli_num { 
             border-bottom: solid 1px;
             text-align:center; }
.impli_nom { text-align:center; }

.impli_equ { width:30px;
             text-align:center; }
             
.irvekkoo_style {width:auto; text-align:right;}
.pontkoo_style  {width:auto; text-align:right;}