/* general types at bottom */
.bl0 { border-left:0; }
.br0 { border-right:0; }
.bt0 { border-top:0; }
.bb0 { border-bottom:0; }
.b0 { border:0; }

.bl1 { border-left: 1px solid black; }
.br1 { border-right: 1px solid black; }
.bt1 { border-top: 1px solid black; }
.bb1 { border-bottom: 1px solid black; }
.b1 { border: 1px solid black; }

.al { text-align:left; }
.ar { text-align:right; }
.ac { text-align:center; }
.aj { text-align:justify; }

.vat { vertical-align:top; }
.vam { vertical-align:middle; }
.vab { vertical-align:bottom; }

.w100 { width: 100%; }
.h100 { height: 100%; }
.h20 { height: 20px; }

.p2,.pad2 { padding: 2px; }
.pl2 { padding-left: 2px; }
.pr2 { padding-right: 2px; }
.pt2 { padding-top: 2px; }
.pb2 { padding-bottom: 2px; }

.p5 { padding:5px; }
.pl5 { padding-left: 5px; }
.pr5 { padding-right: 5px; }
.pt5 { padding-top: 5px; }
.pb5 { padding-bottom: 5px; }

.p10 { padding:10px; }
.pl10 { padding-left: 10px; }
.pr10 { padding-right: 10px; }
.pt10 { padding-top: 10px; }
.pb10 { padding-bottom: 10px; }

.m2  { margin: 2px; }
.ml2 { margin-left: 2px; }
.mr2 { margin-right: 2px; }
.mt2 { margin-top: 2px; }
.mb2 { margin-bottom: 2px; }

.m5 { margin:5px; }
.ml5 { margin-left: 5px; }
.mr5 { margin-right: 5px; }
.mt5 { margin-top: 5px; }
.mb5 { margin-bottom: 5px; }

.m10 { margin:10px; }
.ml10 { margin-left: 10px; }
.mr10 { margin-right: 10px; }
.mt10 { margin-top: 10px; }
.mb10 { margin-bottom: 10px; }

.i { font-style: italic; }
.b { font-weight: bold; }
.u { text-decoration: underline; }

.cred { color: red }
.cgreen { color: green }
.cblue { color: darkblue }
.cwhite { color: white }
.cgray { color: gray }

.bcol { border-collapse:collapse }

.hl:hover { background-color: #FFFFCC; }
.hl { background-color: white; }

.pointer { cursor: pointer; }
.fl { float: left; }
.fr { float: right; }


