cannam@0: /* tabs styles, based on http://www.alistapart.com/articles/slidingdoors */
cannam@0: 
cannam@0: DIV.tabs
cannam@0: {
cannam@0:    float            : left;
cannam@0:    width            : 100%;
cannam@0:    background       : url("tab_b.gif") repeat-x bottom;
cannam@0:    margin-bottom    : 4px;
cannam@0: }
cannam@0: 
cannam@0: DIV.tabs UL
cannam@0: {
cannam@0:    margin           : 0px;
cannam@0:    padding-left     : 10px;
cannam@0:    list-style       : none;
cannam@0: }
cannam@0: 
cannam@0: DIV.tabs LI, DIV.tabs FORM
cannam@0: {
cannam@0:    display          : inline;
cannam@0:    margin           : 0px;
cannam@0:    padding          : 0px;
cannam@0: }
cannam@0: 
cannam@0: DIV.tabs FORM
cannam@0: {
cannam@0:    float            : right;
cannam@0: }
cannam@0: 
cannam@0: DIV.tabs A
cannam@0: {
cannam@0:    float            : left;
cannam@0:    background       : url("tab_r.gif") no-repeat right top;
cannam@0:    border-bottom    : 1px solid #84B0C7;
cannam@0:    font-size        : x-small;
cannam@0:    font-weight      : bold;
cannam@0:    text-decoration  : none;
cannam@0: }
cannam@0: 
cannam@0: DIV.tabs A:hover
cannam@0: {
cannam@0:    background-position: 100% -150px;
cannam@0: }
cannam@0: 
cannam@0: DIV.tabs A:link, DIV.tabs A:visited,
cannam@0: DIV.tabs A:active, DIV.tabs A:hover
cannam@0: {
cannam@0:        color: #1A419D;
cannam@0: }
cannam@0: 
cannam@0: DIV.tabs SPAN
cannam@0: {
cannam@0:    float            : left;
cannam@0:    display          : block;
cannam@0:    background       : url("tab_l.gif") no-repeat left top;
cannam@0:    padding          : 5px 9px;
cannam@0:    white-space      : nowrap;
cannam@0: }
cannam@0: 
cannam@0: DIV.tabs INPUT
cannam@0: {
cannam@0:    float            : right;
cannam@0:    display          : inline;
cannam@0:    font-size        : 1em;
cannam@0: }
cannam@0: 
cannam@0: DIV.tabs TD
cannam@0: {
cannam@0:    font-size        : x-small;
cannam@0:    font-weight      : bold;
cannam@0:    text-decoration  : none;
cannam@0: }
cannam@0: 
cannam@0: 
cannam@0: 
cannam@0: /* Commented Backslash Hack hides rule from IE5-Mac \*/
cannam@0: DIV.tabs SPAN {float : none;}
cannam@0: /* End IE5-Mac hack */
cannam@0: 
cannam@0: DIV.tabs A:hover SPAN
cannam@0: {
cannam@0:    background-position: 0% -150px;
cannam@0: }
cannam@0: 
cannam@0: DIV.tabs LI.current A
cannam@0: {
cannam@0:    background-position: 100% -150px;
cannam@0:    border-width     : 0px;
cannam@0: }
cannam@0: 
cannam@0: DIV.tabs LI.current SPAN
cannam@0: {
cannam@0:    background-position: 0% -150px;
cannam@0:    padding-bottom   : 6px;
cannam@0: }
cannam@0: 
cannam@0: DIV.navpath
cannam@0: {
cannam@0:    background       : none;
cannam@0:    border           : none;
cannam@0:    border-bottom    : 1px solid #84B0C7;
cannam@0: }