/* Ideas borrowed from: http://unraveled.com/projects/assets/css_tabs/ */ ul#htabs { text-align: left; /* set to left, right or center */ margin: 1em 0 0 0; /* set margins as desired */ font-family: Verdana, Arial, Sans-Serif; font-size: 10px; font-weight: bold; border-bottom-width: 1px; border-bottom-style: solid; /* border-color: defined in sfiab.css */ list-style-type: none; padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */ } ul#htabs li { /* do not change */ display: inline; margin-right: 5px; /* set additional spacing between tabs as desired */ } ul#htabs li.htabsel { /* settings for selected tab */ border-bottom-width: 1px; border-bottom-style: solid; /* border-bottom-color: defined in sfiab.css */ /* background-color: defined in sfiab.css */ } ul#htabs li a { /* settings for all tab links */ padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */ border-width: 1px; border-style: solid; /* border-color: defined in sfiab.css */ /* background-color: defined in sfiab.css */ /* color: defined in sfiab.css */ margin-right: 0px; /* Use margin-right in the li def to change spacing */ text-decoration: none; border-bottom: none; text-align: center; } ul#htabs li.htabsel a { /* settings for selected tab link */ /* background-color: defined in sfiab.css */ /* color: defined in sfiab.css */ position: relative; top: 1px; padding-top: 4px; /* must change with respect to padding (X) above and below */ } ul#htabs a:hover { /* settings for hover effect */ /* background: defined in sfiab.css */ } #htabmain { margin-top: 0; margin-right: 10px; /* background: defined in sfiab.css */ padding: 3px; padding-top: 0; border-width: 1px; border-style: solid; /* border-color: defined in sfiab.css */ border-top: none; }