/* encryptor-t.css > encryptor-t.html */
body {
   font-family:'georgia',serif;
   font-size:1em;
   background:#356;
   }
#content {
   width:100%;
   height:1px;
   }
#tOne {
   width:600px !important; 
   border-collapse:separate;
   border-spacing: 3px;
   font-size:93.75%; 
   border:solid 1px #888; 
   background:#eee;
   position:relative;   
   left:50%;
   margin-left:-300px;
   }
#tOne tbody table {
   border-collapse:separate;
   border-spacing:3px;
   margin-bottom:-3px;
   }   
#tOne thead #r01 {
   display:none;
   }
#tOne thead #r02 th {
   font-size:150%;
   padding:10px 0 5px 0;
   }
#tOne th {
   font-weight:normal;
   }
#tOne td  {
   border-spacing:3px;        
   border:solid 1px #aaa;
   }
.c1, .c5 {width:18%}
.c2, .c4 {width:25%}
#r1 .c2, #r2 .c2, #r3 .c2, #r3 .c4 {
   background:#fff;
   }
#r4 .c1 {
   background:#fff;
   height:100px;
   }
#r1 .c1, #r1 .c5, #r2 .c1, #r2 .c5, 
#r3 .c1, #r3 .c5, #r3 .c3 {
   border:none;
   text-align:right;
   padding-right:10px;
   }
#r1 .c1 {padding-right:20px}
#r2 .c1 {padding-right:28px}
#r4 .c1 {
   border:solid 1px #aaa;
   }
#tOne input, #tOne textarea {
   font-family:verdana,sans-serif;
   font-size:93.75%;
   padding:3px;
   }
#tOne tbody input {
   width:calc(100% - 5px);
   height:22px;
   background:transparent;
   overflow:hidden;
   border:none;
   }
#textMain {
   width:calc(100% - 6px);
   height:160px;
   padding:5px;
   color:#666;
   background:transparent; 
   overflow:auto;
   border:none;
   resize:none;
   }
#tOne tfoot td {
   vertical-align:middle;
   text-align:center;
   border:none;
   position:relative;
   }
#tOne tfoot td span {
   position:absolute; 
   top:50%;
   font-size:12px; 
   margin-top:-6px;  
   color:#aaa;
   }
#tOne tfoot td span#sLeft {
   left:3px;
   }
#tOne tfoot td span#sRight {
   right:3px;
   }   
.gen, .high, .res {
   padding:0 4px 2px 4px;
   }
.gen:hover {
   color:#0c0;
   }
.high:hover {
   color:#c0c;
   }
.res:hover {
   color:#c00;
   }
::-moz-selection {
   background:#444;
   color:#fff;
   }
::selection {
   background:#444;
   color:#fff;
   } 
