/* horizontal */
ul.tablist { list-style:none; margin:0; padding:0; border-bottom:1px solid #ccc; height:20px; clear:both; }
ul.tablist li.tab { float:left; margin-right:7px; text-align:center; }
ul.tablist li.tab a { display:block; padding:0 10px; background-color:#fff; color:#666; line-height:20px; text-decoration:none; }
ul.tablist li.tab a:hover { color:#666; text-decoration:none; }
ul.tablist li.activetab a { background-color:#ddd; font-weight:bold; text-decoration:none; }

/* vertikal */
ul.vtablist { list-style:none; margin:0; padding:0; clear:both; }
ul.vtablist li.vtab { }
ul.vtablist li.vtab a { display:block; padding:2px 10px; background-color:#fff; color:#666; line-height:20px; text-decoration:none; }
ul.vtablist li.vtab a:hover { color:#666; text-decoration:none; }
ul.vtablist li.activevtab a { padding:2px 10px; background-color:#ddd; font-weight:bold; text-decoration:none; }