/*useful classes*/
.inline { display: inline; }
.block { display: block; }
.hidden { display: none; }
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
.pointer { cursor: pointer; }
.opacity { opacity: 0.5; filter: alpha(opacity=50); }

.small { font-size: smaller; }
.large { font-size: larger; }
.bold { font-weight: bold; }
.normal { font-weight: normal; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }

.underline { text-decoration: underline; }
.undecorate { text-decoration: none; }
.nowrap { white-space: nowrap; }

.w100 { width: 100%; }
.h100 { height: 100%; }
.h10 { width: 0; height: 10px; }
.h20 { width: 0; height: 20px; }
.w5 { margin-right: 5px; }
.w10 { margin-right: 10px; }

.alert { color: #f00; font-size: smaller; }
.comment { color: #ccc; font-size: smaller; }

.black { color: #000; }
.silver { color: #ccc; }
.red { color: #f00; }
.white { color: #fff; }

.border { border: 1px solid black; }

.decimal li { list-style-type: decimal; margin-left: 20px; }