/*
Copyright 1996-2008 by Michael Rosenbaum, Ratzeburg, Germany
Website: http://www.flazh.com

Conditions of use:
The following scripts are free for use only on private websites. Webmasters of commercial websites are requested to sponsor any amount via Paypal before using these scripts.  (http://www.flazh.com/en/sponsor.htm)

Nutzungsbedingungen:
Die folgenden Skripte sind nur für den Einsatz auf privaten Webseiten kostenlos. Betreiber kommerzieller Webseiten sind aufgefordert, mich mit einem beliebigen Betrag via Paypal zu sponsern.  (http://www.flazh.com/sponsor.htm)
*/

.chr {display:block; width:10px; height:14px; margin:5px; background:transparent; float:left;}
.chr div {display:block; height:2px; overflow:hidden;}

.z1 {border-left:2px solid #FFF; width:6px; border-right:2px solid #FFF; background: #000;}					/*oxxxo*/
.z2 {border-left:2px solid #000; width:6px; border-right:2px solid #000; background: #FFF;}					/*xooox*/
.z3 {border-left:2px solid #000; width:4px; border-right:4px solid #000; background: #FFF;}					/*xooxx*/
.z4 {border-left:2px solid #000; width:6px; border-right:2px solid #000; background: #FFF;}					/*xox  */
.z5 {border-left:2px solid #FFF; width:2px; background: #000;}																			/*   ox*/
.z6 {border-left:4px solid #000; width:4px; border-right:2px solid #000; background: #FFF;}					/*xxoox*/
.z7 {border-left:8px solid #FFF; width:2px; background: #000;}																			/*oooox*/
.z8 {border-left:4px solid #FFF; width:4px; border-right:2px solid #FFF; background: #000;}					/*ooxxo*/
.z9 {border-left:2px solid #FFF; width:2px; border-right:6px solid #FFF; background: #000;}					/*oxooo*/
.z10 {border-left:2px solid #000; border-right:8px solid #FFF;}																			/*xoooo*/
.z11 {width:10px; background: #000;}																																/*xxxxx*/
.z12{width:10px; background: #FFF;}																																	/*ooooo*/																		
.z13 {border-left:6px solid #FFF; width:2px; border-right:2px solid #FFF; background: #000;}				/*oooxo*/
.z14 {border-left:4px solid #FFF; width:2px; border-right:4px solid #FFF; background: #000;}				/*ooxoo*/
.z15 {border-left:6px solid #FFF; width:2px; border-right:2px solid #FFF; background: #000;}				/*oooxo*/
.z16 {margin-left:2px; border-left:2px solid #000; width:2px; border-right:2px solid #000; background: #FFF;}	/*oxoxo*/
.z17 {border-left:2px solid #000; width:4px; border-right:2px solid #000; background: #FFF;}				/*xoox */
.z18 {border-left:8px solid #000;}																																	/*xxxx */
.z19 {border-left:2px solid #FFF; width:8px; background: #000;}																			/*oxxxx*/
.z20 {border-left:2px solid #FFF; width:4px; border-right:4px solid #FFF; background: #000;}				/*oxxoo*/
.z21 {margin-left:2px; border-left:2px solid #000; width:4px; border-right:2px solid #000; background: #FFF;}	/* xoox*/
.z22 {width:6px; background: #000;}																																	/*xxx  */
.z23 {border-left:2px solid #000; width:2px; border-right:6px solid #000; background: #FFF;}				/*xoxxx*/
.z24 {border-left:4px solid #FFF; border-right:6px solid #000;}																			/*ooxxx*/
.z25 {border-left:2px solid #000; width:2px; border-right:2px solid #000; background: #FFF;}				/*xox  */
.z26 {border-left:4px solid #000; width:2px; border-right:4px solid #000; background: #FFF;}				/*xxoxx*/
.z27 {margin-left:2px; border-left:4px solid #000; width:2px; border-right:2px solid #000; background: #FFF;}	/*oxxox*/

/* CSS-Hacks: * html .div {IE5.x , IE60} */
* html .chr {height:14px; he\ight:14px;}
* html .chr div {float:left;}
* html .z16, * html .z21, * html .z27 {margin-left:1px; ma\rgin-left:1px;}
* html .z7, * html .z13, * html .z14, * html .z9, * html .z26, * html .z23 {width:10px; w\idth:2px;}
* html .z8, * html .z3, * html .z6, * html .z20 {width:10px; w\idth:4px;}
* html .z2, * html .z4, * html .z1 {width:10px; w\idth:6px;}
* html .z19 {width:10px; w\idth:8px;}
* html .z17, * html .z21 {width:8px; w\idth:4px;}
* html .z27 {width:8px; w\idth:2px;}
* html .z25, * html .z16 {width:6px; w\idth:2px;}
* html .z5 {width:4px; w\idth:2px;}

