1
|
ul.tabs {
|
2
|
padding: 7px 0 0px 0px;
|
3
|
font-size: 0;
|
4
|
margin: 0;
|
5
|
list-style-type: none;
|
6
|
text-align: left; /*set to left, center, or right to align the tabs as desired*/
|
7
|
}
|
8
|
|
9
|
ul.tabs li {
|
10
|
display: inline;
|
11
|
margin: 0;
|
12
|
margin-right: 3px; /*distance between tabs*/
|
13
|
}
|
14
|
|
15
|
ul.tabs li a {
|
16
|
font: normal 12px Verdana;
|
17
|
text-decoration: none;
|
18
|
position: relative;
|
19
|
z-index: 1;
|
20
|
padding: 7px 16px;
|
21
|
border: 1px solid #CCC;
|
22
|
border-bottom-color: #B7B7B7;
|
23
|
color: #2D72D6;
|
24
|
background: #F0F0F0 url(../images/tabbg.gif) 0 0 repeat-x;
|
25
|
border-radius: 2px 2px 0 0;
|
26
|
outline: none;
|
27
|
background: #F5F5F5;
|
28
|
background: -moz-linear-gradient(top, #FAFAFA, #F5F5F5);
|
29
|
background: -webkit-linear-gradient(top, #FAFAFA, #F5F5F5);
|
30
|
background: -o-linear-gradient(top, #FAFAFA, #F5F5F5);
|
31
|
background: linear-gradient(to bottom, #FAFAFA, #F5F5F5);
|
32
|
border-radius: 5px 5px 0 0;
|
33
|
box-shadow: 0 1px 0 #fff inset;
|
34
|
text-shadow: 0 1px 0 #fff;
|
35
|
}
|
36
|
|
37
|
ul.tabs li a:visited {
|
38
|
color: #000;
|
39
|
}
|
40
|
|
41
|
ul.tabs li a:hover {
|
42
|
border: 1px solid #B7B7B7;
|
43
|
background: #F0F0F0 url(../images/tabbg.gif) 0 -36px repeat-x;
|
44
|
background: #f0f0f0;
|
45
|
cursor:pointer;
|
46
|
color: #EB652E;
|
47
|
}
|
48
|
|
49
|
ul.tabs li.selected a {
|
50
|
/*selected tab style */
|
51
|
position: relative;
|
52
|
top: 0px;
|
53
|
background: white;
|
54
|
border: 1px solid #B7B7B7;
|
55
|
border-bottom-color: white;
|
56
|
color: #000;
|
57
|
cursor: default;
|
58
|
}
|
59
|
|
60
|
ul.tabs li.selected a:hover {
|
61
|
/*selected tab style */
|
62
|
text-decoration: none;
|
63
|
}
|
64
|
|
65
|
div.tabcontent {
|
66
|
display: block;
|
67
|
}
|
68
|
|
69
|
div.tabcontents {
|
70
|
border: 1px solid #B7B7B7;
|
71
|
padding: 30px;
|
72
|
background-color: #FFF;
|
73
|
border-radius: 0 2px 2px 2px;
|
74
|
}
|
75
|
|