/*
The stylesheet for catza.net widgets by Heikki Siltala 
*/
 
html { background-color: transparent; height: 100%; }

body {
 background-color: transparent;
 font-family: Verdana, Arial, sans-serif; 
 font-size: 91%;
 line-height: 139%;
 text-align: left;
 height: 100%;
}

.full { width: 100%; }

.block { display: block; }
.inline { display: inline; }

/* the alignments */
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }

.gap10 { padding-left: 0px; padding-right: 0px; }
.gap20 { padding-top: 0px; padding-bottom: 0px; }
.gap12 { padding-left: 2px; padding-right: 2px; }
.gap22 { padding-top: 2px; padding-bottom: 2px; }
.gap14 { padding-left: 4px; padding-right: 4px; }
.gap24 { padding-top: 4px; padding-bottom: 4px; }
.gap16 { padding-left: 6px; padding-right: 6px; }
.gap26 { padding-top: 6px; padding-bottom: 6px; }
.gap18 { padding-left: 8px; padding-right: 8px; }
.gap28 { padding-top: 8px; padding-bottom: 8px; }
.gap110 { padding-left: 10px; padding-right: 10px; }
.gap210 { padding-top: 10px; padding-bottom: 10px; }

/* makes sure that no floated elements overlap */
.clearbefore { clear: both; }

.bar { padding: 0.5em 0.8em 0.5em 0.8em; } 

.thumb {
 border: 0;
 border-style: none;
 vertical-align: top;
}

.zerofont { font-size: 0px; }