<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
 <title>{title} {versionXL} {my_peer_id}</title>
 <meta http-equiv="content-type" content="text/html; charset={charset}">
 <link rel="shortcut icon" href="theme_resource/favicon.ico" type="image/x-icon" />
 <meta http-equiv="refresh" content="240;">
 <style type="text/css">
## the styles are not finished yet. I need a hand from you or more time for learning the css stuff and behavior
## on different systems. Screenshots are very helpful by reporting any trouble at your side!

 .titlebig { font-weight: bold;
             color: #777777; 
             font-size: 24pt;
           }
 .body body, td { font-family: tahoma, arial, helvetica, sans-serif; }
 
 .bed { width: 100%;
        height: 110px;
        border: 2px ;
        background: white;
        color: grey;
        font-size: 8pt; 
        overflow: auto; 
      }

 .pbar { border-width: 1px;
	 border-style: solid;
	 border-color: #dee #d88 #5f5 #cbf;	 
	 margin: 0;
	 padding: 0;
	 spacing: 0; 
	}

 .pbar div{height: 1em;}
 .topbar { overflow: auto;
           font-family: monospace; 
           text-align: left; 
           margin:0px; 
           padding:0px ;
           letter-spacing:-0.5em; 
           font-size: 12pt; 
           font-weight: 700 ; 
           background-color: white; 
           color: blue; 
           line-height:10pt; 
           font-stretch:ultra-condensed; 
           text-indent: -0.25em;
         }
## REM: "width: 200pt;" add this to "topbar" when elements running out your window size  

 .pepbar { overflow: auto; 
           font-family: monospace; 
           text-align: left; 
           margin:0px; 
           padding:0px ;
           letter-spacing:-0.5em; 
           font-size: 12pt; 
           font-weight: 700 ; 
           background-color: white; 
           color: blue; 
           line-height:10pt; 
           font-stretch:ultra-condensed; 
           text-indent: -0.25em;
         }
## REM: "width: 400pt;" add this to "pepbar" when elements running out your window size  

 .picbar { overflow: hidden; 
	   border: 0; 
           margin:0px; 
           padding:0px ;
           spacing:0px;            
           background-color: white;            
           line-height:10pt;            
         }

.ucname{ overflow: auto; 
          
        }
##{peers_isSelected}
 .tonamefalse{ overflow: auto; 
          background: #FFFFFF; 
          color: blue; 
	  padding:1px;
	  font-size: 8pt; 
	  font-weight: 100 ;
          text-align: left;
        }
 .tonamefalse a {color: blue; font-weight: 200 ; text-decoration:none ;  }

 .tonamefalse a:hover{ color: blue;
		font-weight: bold ;
                  text-decoration:underline ;
                }
##
 .tonametrue{ overflow: auto; 
          background: #FFFFFF; 
          color: blue; 
	  padding:1px;
	  font-size: 8pt; 
	  font-weight: 300 ;
          text-align: left;
        }
 .tonametrue a {color: blue; font-weight: bold ; text-decoration:none ;  }

 .tonametrue a:hover{ color: blue;
		font-weight: bold ;
                  text-decoration:underline ;
                }
##

 .totoggle{background: #FFFFFF;}

 .boody { background: #E9E9E9; 
	   margin:5px; 
           padding:0px ;
           spacing:0px; 
           font-size: 8pt;
         }
 .themes { background: #E9E9E9; 
	   margin:0px; 
           padding:0px ;
           spacing:0px; 
           font-size: 8pt;
         }


 .themes a:hover { color: blue; 
                   text-decoration:none ;
                 }
 .themes a { color:#000000; 
             text-decoration:none ;
           }

 .tlayer {}

 .totab { background: #E9E9FE; 
          width: 100%;  
          padding: 0px;
          border: 0px; 
	  margin:0px;
          table-layout: auto;
          white-space: nowrap; 
        }

 .totab th { background: #F3F3F3; 
             font-size: 10pt; 
             text-align: center; 
             white-space: nowrap; 
             overflow: auto; 
           }
 .totab tbody td{ background: #D3D3D3; 
                  padding: 0px;
                  border: 0px;
                  font-weight: bold; 
                  font-size: 8pt; 
                  text-align: center; 
                  white-space: nowrap; 
                  overflow: auto;
                }

 .totab tbody td div{background: #FEFEFE; overflow: auto; }

##{peers_isSelected}

 .totabtrue { background: #E9E9FE; 
          width: 100%;  
          padding: 0px;
          border: 0px; 
	  margin:0px;
          table-layout: auto;
          white-space: nowrap; 
        }

 .totabtrue th { background: #F3F3F3; 
             font-size: 10pt; 
             text-align: center; 
             white-space: nowrap; 
             overflow: auto; 
           }
 .totabtrue tbody td{ background: #D3D3D3; 
                  padding: 0px;
                  border: 0px;
                  font-weight: bold; 
                  font-size: 8pt; 
                  text-align: center; 
                  white-space: nowrap; 
                  overflow: auto;
                }

 .totabtrue tbody td div{background: #FEFEFE; overflow: auto; }

##
 .totabfalse { background: #E9E9FE; 
          width: 100%;  
          padding: 0px;
          border: 0px; 
	  margin:0px;
          table-layout: auto;
          white-space: nowrap; 
        }

 .totabfalse th { background: #F3F3F3; 
             font-size: 10pt; 
             text-align: center; 
             white-space: nowrap; 
             overflow: auto; 
           }
 .totabfalse tbody td{ background: #D3D3D3; 
                  padding: 0px;
                  border: 0px;
                  font-weight: bold; 
                  font-size: 8pt; 
                  text-align: center; 
                  white-space: nowrap; 
                  overflow: auto;
                }

 .totabfalse tbody td div{background: #FEFEFE; overflow: auto; }
##



 .tul { background: #E3E3DE; }
 .tdl { background: #D3D3D3; }
 

 .petab { background: #AFAFAF; 
          width: 100%; 
	  margin:3px;
          padding: 0px;
          border: 0px; 
          table-layout: auto;
          white-space: nowrap; 
        }

 .petab th { background: #FFFFFF; 	     	     
             font-size: 8pt; 
             text-align: center; 
             white-space: nowrap;  
           }
 .petab tfoot td { background: #EEEEEB; 
                   font-size: 8pt; 
                   text-align: center; 
                   white-space: nowrap;  
                 }

 .petab tbody td{ background: #EFEFEF;
                  padding: 0px;
                  border: 0px; 
                  font-size: 8pt; 
                  text-align: center; 
                  white-space: nowrap;
                }

 .petsb { background: #E8EFDF; 
          width: 100%; 
	  margin:5px;
          padding: 3px;
          border: 0px; 
          table-layout: auto;
          white-space: nowrap; 
        }
.petsb th { background: #FFFFFF; 	     	     
             font-size: 8pt; 
             text-align: center; 
             white-space: nowrap;  
           }
 .petsb tfoot td { background: #EEEEEB; 
                   font-size: 8pt; 
                   text-align: center; 
                   white-space: nowrap;  
                 }

 .petsb tbody td{ background: #EFEFEF;
                  padding: 0px;
                  border: 0px; 
                  font-size: 8pt; 
                  text-align: center; 
                  white-space: nowrap;
                }
 .petsboff th { background: #A3A3AE; 
	     color: dark-grey;
	     font-weight: 300;	     	     
             font-size: 8pt; 
             text-align: center; 
             white-space: nowrap;  
           }
 .petsboff tfoot td { background: #EEEEEB; 
	     color: dark-grey;
	     font-weight: 300;	
                   font-size: 8pt; 
                   text-align: center; 
                   white-space: nowrap;  
                 }

 .petsboff tbody td{ background: #EFEFEF;
	     color: grey;
	     font-weight: 300;	
                  padding: 0px;
                  border: 0px; 
                  font-size: 8pt; 
                  text-align: center; 
                  white-space: nowrap;
                }
 .petsbon th { background: #A3F3AE; 	     	     
             font-size: 8pt; 
             text-align: center; 
             white-space: nowrap;  
           }
 .petsbon tfoot td { background: #EEEEEB; 
                   font-size: 8pt; 
                   text-align: center; 
                   white-space: nowrap;  
                 }

 .petsbon tbody td{ background: #D3333E;
                  padding: 0px;
                  border: 0px; 
                  font-size: 8pt; 
                  text-align: center; 
                  white-space: nowrap;
                }
 .supsed {overflow:visible; height: 16pt; width:60pt;}
 .supsedB, Button { overflow:visible;background-color:#999; color:#fff; border:1px solid #444; margin:2px; text-align: center;font-size: 8pt; font-weight: bold;}
 .supsedB:hover{overflow:visible; background-color: blue;color: white; border:0px font-weight: bold;text-decoration:none ;} 
 .supon { color: #33333E; }
 .supoff { color: #D3333E; }

 .chtrue {color: #AA0000;}
 .chfalse  {color: green;}
 .intrue {color: blue;}
 .infalse  {color: #AA0000;}

 .brtrue { color: #AA0000;
           text-decoration:none ;
         } 

 .brfalse { color: black;
            text-decoration:none ;
          }

 .brtrue a{ color: #AA0000;
            text-decoration:none ;
          } 
 .brfalse a{ color: black;
             text-decoration:none ;
           }

 .brtrue a:hover{ background-color: yellow;
                  text-decoration:underline;
                } 
 .brfalse a:hover{ background-color: yellow;
                   text-decoration:underline ;
                 }

</style>
</head>

<body class="boody" >
<hr>
<div class="themes">
<b>Peers</b>
<a href="?themes={user_key_theme_name}&{link_ext_showby}&{link_ext_showpeers}&tp=1">toggle</a>
<b>Clients</b>
<a href="?themes={user_key_theme_name}&clients=all&c=0">show</a>
<b>Themes</b>
<a href="?themes=jama&{link_ext_showpeers}">jama</a>
<a href="?themes=minimalist&{link_ext_showpeers}">minimalist</a>
<a href="?themes=guru&{link_ext_showpeers}">guru</a>
<a href="?themes=expert&{link_ext_showpeers}">expert</a>
<a href="?themes=seedler&{link_ext_showpeers}">seedler</a>
<a href="?themes=drakensang&{link_ext_showpeers}">drakensang</a>
<a style="text-decoration:underline ;" href="?themes={user_key_theme_name}&{link_ext_showpeers}">{user_key_theme_name}</a>
<a href="?themes=Postman&{link_ext_showpeers}">Postman</a>
<a href="?{link_ext_showpeers}">classic</a>
</div>
<hr>
<div class="themes">
<b>show by: </b>
<a href="?themes={user_key_theme_name}&{link_ext_showpeers}&showby=all">all</a>
<a href="?themes={user_key_theme_name}&{link_ext_showpeers}&showby=seed">seeding</a>
<a href="?themes={user_key_theme_name}&{link_ext_showpeers}&showby=leech">leeching</a>
<a href="?themes={user_key_theme_name}&{link_ext_showpeers}&showby=stop">stopped</a>
<a href="?themes={user_key_theme_name}&{link_ext_showpeers}&showby=none">none</a>
<a href="?themes={user_key_theme_name}&{link_ext_showpeers}&showby=active">active</a>
</div>
<hr>
<center>	
  	<div class="tlayer">{user_key_first_userkey_example}</div>
	<table width="100%" border="1" ><tr>
		<td ><p><div class="bed">{messages}</div></p>
		</td></tr>
	</table>
</center>
<hr>
</body>
</html>

