1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove.yui3-tabview {
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove margin: 10px;
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove.yui3-tabview div {
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove border: solid 1px #000;
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove.yui3-tabview div div {
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove border: solid 1px #999;
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove.yui3-tabview ul {
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove list-style-type: none;
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove zoom: 1; /* Clear the floated <LI> elements in IE */
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove.yui3-tabview ul:after { /* Clear the floated <LI> elements in Webkit, Opera and Gecko */
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove content: ".";
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove display: block;
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove clear: both;
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove visibility: hidden;
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove line-height: 0;
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove.yui3-tabview .yui3-tab {
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove list-style-type: none;
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove float: left;
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove border: solid 1px #000;
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove margin: 0 -1px -1px 0;
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove background-color: #ccc;
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove *position: relative; /* Necessary to get negative margins in IE */
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove *bottom: -1px;
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove.yui3-tabview .yui3-tab a {
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove display: block;
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove text-decoration: none;
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove color: #000;
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove border: solid 1px #ccc;
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove cursor: hand; /* Needed for IE 8, which by default renders the text selection cursor. */
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove.yui3-tabview .yui3-tab a em {
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove font-style: normal;
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove display: block;
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove padding: 2px 10px;
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove.yui3-tabview .yui3-tab-focus a {
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove border-color: #B3D4FF;
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove.yui3-tabview .yui3-tab-focus a:focus {
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove outline: 0; /* Suppress default browser focus */
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove.yui3-tabview .yui3-tab-selected a {
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove background-color: #999;
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove border-color: #999;
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove border-bottom-width: 2px;
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove margin-bottom: -1px;
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove *position: relative; /* Necessary to get negative margins in IE */
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove.yui3-tabview .yui3-tab-selected a em {
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove background-color: #fff;
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove border-bottom: 3px solid #fff;
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove margin-bottom: -3px;
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove *position: relative; /* Necessary to get negative margins in IE */
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove.yui3-tabview .yui3-tab-focus a em {
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove background-color: #B3D4FF;
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove border-color: #B3D4FF;
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove _display: inline-block; /* Necessary fix the disappearing background color bug in IE 6 */
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove.yui3-tabview .yui3-tabpanel {
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove background-color: #fff;
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove display: none;
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove.yui3-tabview .yui3-tabpanel-selected {
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove display: block;
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove padding: 10px;
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove.yui3-tabview div div div.paging {
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove text-align: right;
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove height: 12px;
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove/* Replace the text of each <BUTTON> with an icon by hiding the
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove Hide the text of each <BUTTON> offscreen so that it is still
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove accessible to users of screen readers */
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove.yui3-tabview .paging button {
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove display: inline-block;
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove height: 12px;
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove width: 12px;
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove overflow: hidden;
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove text-indent: -999em;
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove background: url(arrows.png) 0 0 no-repeat;
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove.yui3-tabview .paging button.yui3-tabview-prevbtn {
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove background-position: 0 0;
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove.yui3-tabview .paging button.yui3-tabview-nextbtn {
5f9cae5c825d76bdc95b78301e460a46ec5fbdf4Ryan Grove background-position: 0 -12px;