.tabs, .tabs
2
, .tabs
3
{
background-image
:
url
(
'tab_b.png'
);
width
:
100%
;
z-index
:
101
;
font-size
:
13px
;
font-family
:
'Lucida Grande'
,Geneva,
Helvetica
,
Arial
,
sans-serif
;
}
.tabs
2
{
font-size
:
10px
;
}
.tabs
3
{
font-size
:
9px
;
}
.tablist {
margin
:
0
;
padding
:
0
;
display
: table;
}
.tablist li {
float
:
left
;
display
:
table-cell
;
background-image
:
url
(
'tab_b.png'
);
line-height
:
36px
;
list-style
:
none
;
}
.tablist a {
display
:
block
;
padding
:
0
20px
;
font-weight
:
bold
;
background-image
:
url
(
'tab_s.png'
);
background-repeat
:
no-repeat
;
background-position
:
right
;
color
:
#283A5D
;
text-shadow
:
0px
1px
1px
rgba(
255
,
255
,
255
,
0.9
);
text-decoration
:
none
;
outline
:
none
;
}
.tabs
3
.tablist a {
padding
:
0
10px
;
}
.tablist a:hover {
background-image
:
url
(
'tab_h.png'
);
background-repeat
:
repeat-x
;
color
:
#fff
;
text-shadow
:
0px
1px
1px
rgba(
0
,
0
,
0
,
1.0
);
text-decoration
:
none
;
}
.tablist li.current a {
background-image
:
url
(
'tab_a.png'
);
background-repeat
:
repeat-x
;
color
:
#fff
;
text-shadow
:
0px
1px
1px
rgba(
0
,
0
,
0
,
1.0
);
}