body      { 
  margin: 5px; 
  color: black; 
  background: khaki;
  }

h2  { 
  font-family:"Georgia Bold","Arial Bold Italic", Verdana, sans-serif; 
  border: 2px solid gray;
  text-align: center; 
  color: green; 
  background: azure; 
  } 

h3 { 
  font-family:"Comic Sans MS","Georgia Bold","Arial Bold Italic", Verdana, sans-serif; 
  border: 2px solid gray;
  text-align: center; 
  color: green; 
  background: azure; 
  }               
              
h6    { 
  font-family:"Georgia Bold","Arial Bold Italic", Verdana, sans-serif;
  text-align: center; 
  color: green; 
  } 
h5   { 
  font-family:"Georgia Bold","Arial Bold Italic", Verdana, sans-serif; 
  border: 1px solid gray; 
  background: azure; 
  text-align: center; 
  color: green; 
  font-weight: bold; 
  }           
h4   { 
  font-family: Arial, Verdana, sans-serif; 
  font-weight: normal;
  text-align: justify;  
  font-weight: normal; 
  color: blue;  }  

p     { 
  font-family: "Georgia","Arial", Verdana, sans-serif; 
  font-size: 10pt; 
  text-align: justify; 
  text-indent: 2em; 
  color: blue; 
  }
  
.list  {
  font-family: "Georgia","Arial", Verdana, sans-serif; 
  font-size: 10pt; 
  text-align: left; 
  text-indent: 2em; 
  color: blue;
  }
.dt     { 
  text-indent: 2em; 
  color: purple; 
  }

caption  {
  font-family: "Comic Sans MS","Arial", Verdana, sans-serif; 
  text-align: center; 
  font-weight: bold; 
  color: blue;  
  font-size: 10pt; 
  }

table  { 
  /*border: 1px solid khaki; */
  background: khaki; 
  border-collapse: collapse;
  }
  
table.foot  { 
  
  }


table.survey  { 
  border: 2px solid black;   
  border-collapse: collapse;
  }
  
table.score2  { 
  border: 6px solid darkgray; 
  background: yellow; 
  font-family: "Georgia","Arial", Verdana, sans-serif; 
  text-align: center; 
  font-size: 12pt; 
  font-weight: bold; 
  }
  
td   { 
  border: 1px solid gray; 
  background: khaki; 
  color: blue; 
  font-family: arial; 
  font-weight: normal;
  text-align: left; 
  font-size: 9pt; 
  padding: 1px 0.33em; 
  } 	          
td#cl   { 
  border: 1px solid gray; 
  background: khaki; 
  color: black; 
  font-family: arial; 
  font-weight: bold;
  text-align: left; 
  font-size: 9pt; 
  padding: 1px 0.33em; 
  } 	          
  
  
td#title { 
  background: white; 
  font-family:"Arial"; 
  text-align: center; 
  font-size: 12pt; 
  font-weight: bold; 
  color: blue;
  }
.dt2     { 
  text-indent: 2em; 
  color: red; 
  }              
  
table.score  { 
  border: 3px solid black; 
  text-align: center;
  }
  
table.result { 
  border: 2px solid gray; 
  text-align: center;
  }
  
table.rst   { 
  border: 2px solid gray; 
  text-align: center; 
  width: 40%; 
  }

tr.score  { 
  background: #ffffc8; 
  text-align: center; 
  padding: 1px 0.33em; 
  }
th     {
  font-family:"Georgia","Arial Bold Italic", Verdana, sans-serif; 
  border: 1px solid blue; 
  background: lawngreen; 
  text-align: center;   
  padding: 1px 0.33em; 
  color: black; font-size: 8pt;
  }
td.score { 
  background: #ffffc8;  
  text-align: left;  
  padding: 1px 0.33em; 
  }
td.th   { 
  border: 1px solid gray; 
  background: #ffffc8; 
  color: purple; 
  font-family: arial; font-weight: normal;
	text-align: left; 
  font-size: 10pt; 
  padding: 1px 0.33em; 
  } 	          
td.lsn   { 
  border: 1px solid gray; 
  background: #ffffc8; 
  color: purple; 
  font-family: arial; 
  font-weight: normal;
	text-align: center; 
  font-size: 9pt; 
  padding: 1px 0.33em; 
  } 	          
td.act   { 
  border: 1px solid gray; 
  background: palegoldenrod; 
  color: blue; 
  font-family: arial; 
  font-weight: normal;	
  text-align:left; 
  font-size: 10pt; 
  padding: 1px 0.33em; 
  } 	          

td.mam   { 
  border: 1px solid gray; 
  background: #ffffc8; 
  color: purple; 
  font-family: arial; 
  font-weight: bold;
	text-align: center; 
  font-size: 10pt; 
  padding: 1px 0.33em; 
  width: 50px; 
  } 
  
td.date      { 
  border: 1px solid gray; 
  background: yellow; 
  color: green;  
  font-family: arial; 
  font-weight: bold;
  text-align: center; 
  font-size: 10pt;
  } 	
.par   {  
  border: 1px solid gray; 
  font-family: Arial, Verdana, sans-serif; 
  font-weight: bold; 
  background: #99ffff;  
  text-align: center; 
  color: black; 
  font-size: 12px;
  }                        

A:link  { 
  text-decoration: none; 
  color: #0000FF; 
  font-weight: bold;
  }	
A:visited   { 
  text-decoration: none; 
  color: Navy; 
  font-weight: bold;
  }
A:active { 
  text-decoration: underline; 
  color: Red; 
  font-weight: bold;
  }
A:hover { 
  text-decoration: underline; 
  color: Red; 
  font-weight: bold;
  }

.cap   { 
  border: 3px solid gray;  
  font-family: Arial, Verdana, sans-serif; 
  font-weight: normal; 
  background: azure; 
  text-align: center;
  color: green; font-size: 12px;
  }	              	          

.counter    { 
  font-family: "Georgia","Arial Bold Italic", Verdana, sans-serif; 
  background: yellow; 
  font-size: 12pt; 
  font-weight: bold;
  padding: 1px 0.33em; 
  text-align: left; 
  color: red; 
  border: 2px solid red; 
  }     

.tmam   { 
  color: red; 
  font-family: "Georgia","Arial Bold Italic", Verdana, sans-serif; 
  font-weight: bold;
  text-align: left; 
  font-size: 10pt;
  } 
.tnemam  { 
  color: green; 
  font-family: "Georgia","Arial Bold Italic", Verdana, sans-serif; 
  font-weight: bold;
  text-align: left; 
  font-size: 10pt;
  } 
.tpocet  { 
  color: tahoma; 
  font-family: "Georgia","Arial Bold Italic", Verdana, sans-serif; 
  font-weight: bold;
  text-align: left; 
  font-size: 10pt;
  } 
.tpopis  { 
  color: blue; 
  "Georgia","Arial Bold Italic", Verdana, sans-serif; font-weight: normal;
  text-align: left; 
  font-size: 10pt;
  } 
.tcelkem   { 
  color: blue; 
  font-family:"Georgia","Arial Bold Italic", Verdana, sans-serif; 
  font-weight: normal;
  text-align: center; 
  font-size: 10pt;
  } 
            
.expedice  { 
  color: blue; 
  font-family: "Georgia","Arial Bold Italic", Verdana, sans-serif; 
  font-weight: bold;
  font-size: 12pt; 
  }
.expText  { 
  font-family: "Georgia","Arial", Verdana, sans-serif; 
  font-size: 10pt; 
  background: whitesmoke;
  text-align: justify; 
  text-indent: 2em; 
  color: blue; 
  border: 2px solid gray; 
  } 
            
em   {  
  padding: 2px; 
  margin: 1em; 
  border-width: medium; 
  border-style: dotted; 
  line-height: 2.4em; 
  }
  
table.result { 
  border: 3px solid gray; 
  text-align: center; 
  background: whitesmoke;
  }

b   {
  font-family: "Arial", Verdana, sans-serif;
  }
  
b.a   {
  font-family: "Arial", Verdana, sans-serif;
  }  
b.a   {
  font-family: "Arial", Verdana, sans-serif;
  color: red;
  font-size: 16pt;  
  }    
b#red {
  color: red;
  font-size: 10pt;  
  font-family: "Arial", Verdana, sans-serif;
  }
b#blue {
  color: blue;
  font-family: "Arial", Verdana, sans-serif;
  }
b#green {
  color: green;
  font-family: "Arial", Verdana, sans-serif;
  }
      
b#fat {
      font-size: 12pt;
      color: red;
      }
b#spec {
  font-size: 9pt;
  color: red;
  background: yellow; 
  border: 1px solid gray; 
  padding-left: 2px;
  padding-right: 2px;
  }      
LI  { 
  font-family:"Georgia","Arial", Verdana, sans-serif; 
  font-size: 9pt; 
  text-align: justify; 
  color: blue;
  background: palegoldenrod;
  border: 1px solid gray; 
  text-align: justify;
  } 
  
 td#left {  
  font-size: 10pt;
  color: black;  
  width: 40%;
  text-align: left;
}
td#cent {  
  font-size: 10pt;
  color: black;  
  width: 20%;
  text-align: center;
  font-weight: bold ; 
}
td#right{  
  font-size: 10pt;
  color: black;  
  width: 40%;
  text-align: right;
} 

td.ref {  
  font-family: "Comic Sans MS","Arial", Verdana, sans-serif;
  font-size: 9pt;
  font-weight: bold; 
  color: blue;  
  background: palegoldenrodwidth;  
  text-align: center;
  border: 1px solid gray; 
  width: 80%;
}

td.refR {  
  font-family: "Comic Sans MS","Arial", Verdana, sans-serif;
  font-size: 9pt;
  font-weight: bold; 
  color: blue;  
  background: palegoldenrodwidth;  
  text-align: center;
  border: 2px solid red; 
  width: 80%;
}


.pp    { 
  font-family: "Georgia","Arial", Verdana, sans-serif,"Comic Sans MS"; 
  font-size: 10pt; 
  text-align: justify; 
  text-indent: 2em; 
  color: blue; 
  background: palegoldenrod;  
  border: 1px solid gray; 
  margin: 5px; 
  }
  
 table.address  { 
  border: 1px solid darkgray;   
  font-family: "Georgia","Arial", Verdana, sans-serif; 
  text-align: center; 
  font-size: 10pt; 
  font-weight: bold; 
  } 
  
  
 
td.left2 {  
  border: 0px solid darkgray;   
  font-size: 9pt;
  color: black;  
  width: 30%;
  text-align: left;
}

td.cent2 {    
  border: 0px solid darkgray;   
  color: black;  
  width: 39%;
  font-size: 9pt; 
  text-align: center;
  font-weight: normal ; 
}
td.right2{  
  border: 0px solid darkgray;   
  font-size: 9pt;
  color: black;  
  width: 30%;
  text-align: right;
} 

/* 
 ======================================================================================
 = HAVE/DON'T HAVE/WORKED
 ======================================================================================
 */
td.have    { 
  border: 1px solid gray; 
  background: #ffffc8; 
  color: purple; 
  font-family: arial; 
  font-weight: bold;
	text-align: center; 
  font-size: 10pt; 
  padding: 1px 0.33em; 
  width: 50px; 
  } 	      
 
 
td.havework    { 
  border: 1px solid gray; 
  background: lawngreen; 
  color: purple; 
  font-family: arial; 
  font-weight: bold;
  text-align: center; 
  font-size: 10pt; 
  width: 50px;
  } 	          
  

.wrked    { 
  border: 1px solid gray; 
  background: lawngreen; 
  color: purple; 
  font-family: arial; 
  font-weight: bold;
  text-align: center; 
  font-size: 10pt; 
  width: 50px;
  } 	          
    
td.dont   { 
  border: 1px solid gray; 
  background: #ffffc8; 
  color: purple;  
  font-family: arial; 
  font-weight: normal;
  text-align: center; 
  font-size: 10pt; 
  width: 50px;
  } 	          
td.dontwork { 
  border: 1px solid gray; 
  background: lawngreen; 
  color: purple; 
  font-family: arial; 
  font-weight: normal;  
  text-align: center; 
  font-size: 10pt; 
  width: 50px; 
  }