/*************************************/ /* default space between tabs */ /*************************************/ .tabmenuset .tabmenu li { margin-right:2px; /* horizontal tabs */ } /*************************************/ /* core */ /*************************************/ .tabmenu, .tabmenu li { margin:0; padding:0; list-style:none; } .tabmenuset { position:relative; /* contain absolute positioned tabs (left/right) */ zoom:1; } .tabmenuset .tabmenu li { display:inline-block; display:-moz-inline-stack; *display:inline; /* IE */ vertical-align:bottom; /* safari: for overlap */ cursor:pointer; /* gecko: due to -moz-inline-stack on anchor */ zoom:1; /* IE: kill space between horizontal tabs */ } .tabmenuset .tabmenu a { outline:0; /* gecko: keep from shifting */ } .tabmenuset .tabmenu a { position:relative; /* IE: to allow overlap */ } .tabmenuset .tabmenu li a { display:block; display:inline-block; vertical-align:bottom; /* safari: for overlap */ } .tabmenu li a { background-color:#dddddd; text-decoration: none; padding: 5px; color: #000000; font-weight: bold; } .tabmenu li.selected a { color: #000000; font-weight:bold; } .tabmenuset .tabmenu li a { border:1px solid #cccccc; /* label and content borders */ } .tabmenuset .tabmenucontent { border-top:1px solid #cccccc; /* label and content borders */ } .tabmenuset .tabmenu li a { border:1px solid #cccccc; /* label and content borders */ border-bottom:0; margin-bottom: 1px; } .tabmenuset .tabmenu .selected a, .tabmenuset .tabmenu .selected a:hover { background-color:#ffffff; /* active tab hover*/ } .tabmenuset .tabmenu a:hover { font-weight:bold; color: #000000; border-top:1px solid #cc0000; border-left:1px solid #cc0000; border-right:1px solid #cc0000; text-decoration: none; } .tabmenuset .tabmenucontent { background-color:#ffffff; /* active tab, tab hover, and content bgcolor */ } .tabmenuset .tabmenu li a { padding:5px; /* tab padding */ } /* defaults to orientation "top" */ .tabmenuset .tabmenu .selected a { border:1px solid #cccccc; border-bottom-width:0; /* no bottom border for active tab */ padding-bottom:6px; /* to match height of other tabs */ margin-bottom: 0px; } .tabmenuset .tabmenucontent { margin-top:-1px; /* for active tab overlap */ } /* Content */ div.tabmenucontent div { display: none; } div.tabmenucontent div div { display: block; } div.tab_content { margin: 20px 10px 10px 10px; } div.tabmenucontent div.selected { display: block; }