Make FileWriter writes from current position and change failure condition
[framework/web/webkit-efl.git] / PerformanceTests / Parser / css-parser-yui.html
1 <!DOCTYPE html>
2 <body>
3 <script src="../resources/runner.js"></script>
4 <style id="styleElement" type="text/css">
5 /* Some yui Yahoo! library snippet */
6
7 /*Copyright (c) 2012, Yahoo! Inc. All rights reserved.
8 ----------------------------------------------------
9
10 Redistribution and use of this software in source and binary forms, with or
11 without modification, are permitted provided that the following conditions are
12 met:
13
14   * Redistributions of source code must retain the above copyright notice, this
15     list of conditions and the following disclaimer.
16   * Redistributions in binary form must reproduce the above copyright notice,
17     this list of conditions and the following disclaimer in the documentation
18     and/or other materials provided with the distribution.
19   * Neither the name of Yahoo! Inc. nor the names of YUI's contributors may be
20     used to endorse or promote products derived from this software without
21     specific prior written permission of Yahoo! Inc.
22
23 THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
24 ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
25 WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
26 DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
27 ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
28 (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
29 LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
30 ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
31 (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
32 SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.*/
33
34
35 /* Vertical menus and submenus */
36
37 .yui3-skin-night .yui3-menu-content,
38 .yui3-skin-night .yui3-menu .yui3-menu .yui3-menu-content {
39
40     font-size: 100%;
41     line-height: 2.25;  /* 18px 1.5*/
42     *line-height: 1.45; /* For IE */
43     border: solid 1px #303030;
44     background: #151515;
45     /*padding: 3px 0;*/
46
47 }
48
49 .yui3-skin-night .yui3-menu .yui3-menu .yui3-menu-content {
50
51         font-size: 100%;
52
53 }
54
55
56 /* Horizontal menus */
57 .yui3-skin-night .yui3-menu-horizontal .yui3-menu-content {
58
59     line-height: 2;  /* ~24px */
60     *line-height: 1.9; /* For IE */
61     background-color:#3b3c3d;
62         background: -moz-linear-gradient(
63                 0% 100% 90deg,
64                 #242526 0%,
65                 #3b3c3d 96%,
66                 #2C2D2F 100%
67         );
68     background: -webkit-gradient(
69         linear,
70         left bottom,
71         left top,
72         from(#242526),
73         color-stop(0.96, #3b3c3d),
74         to(#2C2D2F)
75     );
76     padding: 0;
77
78 }
79
80
81 .yui3-skin-night .yui3-menu ul,
82 .yui3-skin-night .yui3-menu ul ul {
83
84         margin-top: 3px;
85         padding-top: 3px;
86     border-top: solid 1px #303030;
87
88 }
89
90 .yui3-skin-night .yui3-menu ul.first-of-type {
91
92     border: 0;
93         margin: 0;
94         padding: 0;
95
96 }
97
98 .yui3-skin-night .yui3-menu-horizontal ul {
99
100         padding: 0;
101         margin: 0;
102         border: 0;
103
104 }
105
106
107 .yui3-skin-night .yui3-menu li,
108 .yui3-skin-night .yui3-menu .yui3-menu li {
109
110     /*
111         For and IE 6 (Strict Mode and Quirks Mode) and IE 7 (Quirks Mode only):
112                 Used to collapse superfluous white space between <li> elements that is
113                 triggered by the "display" property of the <a> elements being set to
114                 "block" by node-menunav-core.css file.
115     */
116
117     _border-bottom: solid 1px #151515;
118
119 }
120
121 .yui3-skin-night .yui3-menu-horizontal li {
122
123         _border-bottom: 0;
124
125 }
126
127 .yui3-skin-night .yui3-menubuttonnav li {
128
129     border-right: solid 1px #ccc;
130
131 }
132
133 .yui3-skin-night .yui3-splitbuttonnav li {
134
135     border-right: solid 1px #303030;
136
137 }
138
139 .yui3-skin-night .yui3-menubuttonnav li li,
140 .yui3-skin-night .yui3-splitbuttonnav li li {
141
142         border-right: 0;
143
144 }
145
146
147 /* Menuitems and menu labels */
148
149
150 .yui3-skin-night .yui3-menu-label,
151 .yui3-skin-night .yui3-menu .yui3-menu .yui3-menu-label,
152 .yui3-skin-night .yui3-menuitem-content,
153 .yui3-skin-night .yui3-menu .yui3-menu .yui3-menuitem-content {
154
155     /*padding: 0 20px;*/
156     padding: 0 1em;
157     /*background-color: #2F3030;*/
158
159
160
161
162
163
164     color: #fff;
165     text-decoration: none;
166     cursor: default;
167
168         /*
169                 Necessary specify values for border, position and margin to override
170                 values specified in the selectors that follow.
171         */
172
173         float: none;
174         border: 0;
175         margin: 0;
176
177 }
178
179 .yui3-skin-night .yui3-menu-horizontal .yui3-menu-label,
180 .yui3-skin-night .yui3-menu-horizontal .yui3-menuitem-content {
181
182     padding: 0 10px;
183     border-style: solid;
184     border-color: #303030;
185     border-width: 1px 0;
186     margin: -1px 0;
187
188     float: left;    /* Ensures that menu labels clear floated descendents.
189                            Also gets negative margins working in IE 7
190                            (Strict Mode). */
191     width: auto;
192
193 }
194
195 .yui3-skin-night .yui3-menu-label,
196 .yui3-skin-night .yui3-menu .yui3-menu .yui3-menu-label {
197
198         background: url(vertical-menu-submenu-indicator.png) right center no-repeat;
199
200 }
201
202 .yui3-skin-night .yui3-menu-horizontal .yui3-menu-label {
203
204     background: none;
205
206 }
207
208 .yui3-skin-night .yui3-menubuttonnav .yui3-menu-label,
209 .yui3-skin-night .yui3-splitbuttonnav .yui3-menu-label {
210
211         background-image: none;
212
213 }
214
215 .yui3-skin-night .yui3-menubuttonnav .yui3-menu-label {
216
217     padding-right: 0;
218
219 }
220
221 .yui3-skin-night .yui3-menubuttonnav .yui3-menu-label em {
222
223         font-style: normal;
224         padding-right: 20px;
225     display: block;
226     background: url(horizontal-menu-submenu-indicator.png) right center no-repeat;
227
228 }
229
230
231 .yui3-skin-night .yui3-splitbuttonnav .yui3-menu-label {
232
233         padding: 0;
234
235 }
236
237 .yui3-skin-night .yui3-splitbuttonnav .yui3-menu-label a {
238
239         float: left;
240         width: auto;
241     color: #fff;
242     text-decoration: none;
243     cursor: default;
244         padding: 0 5px 0 10px;
245
246 }
247
248 .yui3-skin-night .yui3-splitbuttonnav .yui3-menu-label .yui3-menu-toggle {
249
250         padding: 0; /* Overide padding applied by the preceeding rule. */
251         border-left: solid 1px #303030;
252         width: 15px;
253         overflow: hidden;
254         text-indent: -1000px;
255     background: url(horizontal-menu-submenu-indicator.png) 3px center no-repeat;
256
257 }
258
259
260 /* Selected menuitem */
261
262 .yui3-skin-night .yui3-menu-label-active,
263 .yui3-skin-night .yui3-menu-label-menuvisible,
264 .yui3-skin-night .yui3-menu .yui3-menu .yui3-menu-label-active,
265 .yui3-skin-night .yui3-menu .yui3-menu .yui3-menu-label-menuvisible {
266
267         background-color: #292a2a;
268
269 }
270
271 .yui3-skin-night .yui3-menuitem-active .yui3-menuitem-content,
272 .yui3-skin-night .yui3-menu .yui3-menu .yui3-menuitem-active .yui3-menuitem-content {
273
274         background-image: none;
275     background-color: #292a2a;
276     background: -moz-linear-gradient(
277                 0% 100% 90deg,
278                 #252626 0%,
279                 #333434 100%
280         );
281     background: -webkit-gradient(
282         linear,
283         left top,
284         left bottom,
285         from(#333434),
286         to(#252626)
287     );
288
289     /*
290         Undo values set for "border-left-width" and "margin-left" when the root
291         menu has a class of "yui-menubuttonnav" or "yui-splitbuttonnav" applied.
292     */
293
294         border-left-width: 0;
295     margin-left: 0;
296
297 }
298
299 .yui3-skin-night .yui3-menu-horizontal .yui3-menu-label-active,
300 .yui3-skin-night .yui3-menu-horizontal .yui3-menuitem-active .yui3-menuitem-content,
301 .yui3-skin-night .yui3-menu-horizontal .yui3-menu-label-menuvisible {
302
303     border-color: #303030;
304         background-color:#555658;
305         background: -moz-linear-gradient(
306                 0% 100% 90deg,
307                 #343536 0%,
308                 #555658 96%,
309                 #3E3F41 100%
310         );
311     background: -webkit-gradient(
312         linear,
313         left bottom,
314         left top,
315         from(#343536),
316         color-stop(0.96, #555658),
317         to(#3E3F41)
318     );
319
320 }
321
322 .yui3-skin-night .yui3-menubuttonnav .yui3-menu-label-active,
323 .yui3-skin-night .yui3-menubuttonnav .yui3-menuitem-active .yui3-menuitem-content,
324 .yui3-skin-night .yui3-menubuttonnav .yui3-menu-label-menuvisible,
325 .yui3-skin-night .yui3-splitbuttonnav .yui3-menu-label-active,
326 .yui3-skin-night .yui3-splitbuttonnav .yui3-menuitem-active .yui3-menuitem-content,
327 .yui3-skin-night .yui3-splitbuttonnav .yui3-menu-label-menuvisible {
328
329     border-left-width: 1px;
330     margin-left: -1px;
331
332 }
333
334 .yui3-skin-night .yui3-splitbuttonnav .yui3-menu-label-menuvisible {
335
336     border-color: #303030;
337     background: transparent;
338
339 }
340
341 .yui3-skin-night .yui3-splitbuttonnav .yui3-menu-label-menuvisible .yui3-menu-toggle {
342
343     border-color: #303030;
344     background-color: #505050;
345
346 }
347
348 .yui3-skin-sam .yui3-console-separate {
349     position:absolute;
350     right:1em;
351     top:1em;
352     z-index:999;
353 }
354
355 .yui3-skin-sam .yui3-console-inline {
356     /* xbrowser inline-block styles */
357     display: -moz-inline-stack; /* FF2 */
358     display: inline-block;
359     *display: inline; /* IE 7- (with zoom) */
360     zoom: 1;
361     vertical-align: top;
362 }
363 .yui3-skin-sam .yui3-console-inline .yui3-console-content {
364     position: relative;
365 }
366
367 .yui3-skin-sam .yui3-console-content {
368     background: #777;
369     _background: #D8D8DA url(bg.png) repeat-x 0 0;
370     font: normal 13px/1.3 Arial, sans-serif;
371     text-align: left;
372
373     border: 1px solid #777;
374     border-radius: 10px;
375     -moz-border-radius: 10px;
376     -webkit-border-radius: 10px;
377 }
378
379 .yui3-skin-sam .yui3-console-hd,
380 .yui3-skin-sam .yui3-console-bd,
381 .yui3-skin-sam .yui3-console-ft {
382     position: relative;
383 }
384
385 .yui3-skin-sam .yui3-console-hd,
386 .yui3-skin-sam .yui3-console-ft .yui3-console-controls {
387     text-align: right;
388 }
389
390 .yui3-skin-sam .yui3-console-hd {
391     background: #D8D8DA url(bg.png) repeat-x 0 0;
392     padding: 1ex;
393
394     border: 1px solid transparent;
395     _border: 0 none;
396     border-top-right-radius: 10px;
397     border-top-left-radius: 10px;
398     -moz-border-radius-topright: 10px;
399     -moz-border-radius-topleft: 10px;
400     -webkit-border-top-right-radius: 10px;
401     -webkit-border-top-left-radius: 10px;
402 }
403
404 .yui3-skin-sam .yui3-console-bd {
405     background: #fff;
406     border-top: 1px solid #777;
407     border-bottom: 1px solid #777;
408     color: #000;
409     font-size: 11px;
410     overflow: auto;
411     overflow-x: auto;
412     overflow-y: scroll;
413     _width: 100%;
414 }
415
416 .yui3-skin-sam .yui3-console-ft {
417     background: #D8D8DA url(bg.png) repeat-x 0 0;
418
419     border: 1px solid transparent;
420     _border: 0 none;
421     border-bottom-right-radius: 10px;
422     border-bottom-left-radius: 10px;
423     -moz-border-radius-bottomright: 10px;
424     -moz-border-radius-bottomleft: 10px;
425     -webkit-border-bottom-right-radius: 10px;
426     -webkit-border-bottom-left-radius: 10px;
427 }
428
429 .yui3-skin-sam .yui3-console-controls {
430     padding: 4px 1ex;
431     zoom: 1;
432 }
433
434 .yui3-skin-sam .yui3-console-title {
435     color: #000;
436     display: inline;
437     float: left;
438     font-weight: bold;
439     font-size: 13px;
440     height: 24px;
441     line-height: 24px;
442     margin: 0;
443     padding-left: 1ex;
444 }
445
446 .yui3-skin-sam .yui3-console-pause-label {
447     float: left;
448 }
449 .yui3-skin-sam .yui3-console-button {
450     line-height: 1.3;
451 }
452
453 .yui3-skin-sam .yui3-console-collapsed .yui3-console-bd,
454 .yui3-skin-sam .yui3-console-collapsed .yui3-console-ft {
455     display: none;
456 }
457 .yui3-skin-sam .yui3-console-content.yui3-console-collapsed {
458     -webkit-border-radius: 0;
459 }
460 .yui3-skin-sam .yui3-console-collapsed .yui3-console-hd {
461     border-radius: 10px;
462     -moz-border-radius: 10px;
463     -webkit-border-radius: 0;
464 }
465
466 /* Log entries */
467 .yui3-skin-sam .yui3-console-entry {
468     border-bottom: 1px solid #aaa;
469     min-height: 32px;
470     _height: 32px;
471 }
472
473 .yui3-skin-sam .yui3-console-entry-meta {
474     margin: 0;
475     overflow: hidden;
476 }
477
478 .yui3-skin-sam .yui3-console-entry-content {
479     margin: 0;
480     padding: 0 1ex;
481     white-space: pre-wrap;
482     word-wrap: break-word;
483 }
484
485 .yui3-skin-sam .yui3-console-entry-meta .yui3-console-entry-src {
486     color: #000;
487     font-style: italic;
488     font-weight: bold;
489     float: right;
490     margin: 2px 5px 0 0;
491 }
492 .yui3-skin-sam .yui3-console-entry-meta .yui3-console-entry-time {
493     color: #777;
494     padding-left: 1ex;
495 }
496 .yui3-skin-sam .yui3-console-entry-warn .yui3-console-entry-meta .yui3-console-entry-time {
497     color: #555;
498 }
499
500 .yui3-skin-sam .yui3-console-entry-info .yui3-console-entry-meta .yui3-console-entry-cat,
501 .yui3-skin-sam .yui3-console-entry-warn .yui3-console-entry-meta .yui3-console-entry-cat,
502 .yui3-skin-sam .yui3-console-entry-error .yui3-console-entry-meta .yui3-console-entry-cat {
503     display: none;
504 }
505 .yui3-skin-sam .yui3-console-entry-warn {
506     background: #aee url(warn_error.png) no-repeat -15px 15px;
507 }
508 .yui3-skin-sam .yui3-console-entry-error {
509     background: #ffa url(warn_error.png) no-repeat 5px -24px;
510     color: #900;
511 }
512 .yui3-skin-sam .yui3-console-entry-warn .yui3-console-entry-content,
513 .yui3-skin-sam .yui3-console-entry-error .yui3-console-entry-content {
514     padding-left: 24px;
515 }
516 .yui3-skin-sam .yui3-console-entry-cat {
517     text-transform: uppercase;
518     padding: 1px 4px;
519     background-color: #ccc;
520 }
521 .yui3-skin-sam .yui3-console-entry-info .yui3-console-entry-cat {
522     background-color: #ac2;
523 }
524 .yui3-skin-sam .yui3-console-entry-warn .yui3-console-entry-cat {
525     background-color: #e81;
526 }
527 .yui3-skin-sam .yui3-console-entry-error .yui3-console-entry-cat {
528     background-color: #b00;
529     color: #fff;
530 }
531
532 .yui3-skin-sam .yui3-console-hidden { display: none; }
533
534 /*
535 Font sizes for all selectors other than the body are given in percentages,
536 with 100% equal to 13px. To calculate a font size percentage, multiply the
537 desired size in pixels by 7.6923076923.
538
539 Here's a quick lookup table:
540
541 10px - 76.923%
542 11px - 84.615%
543 12px - 92.308%
544 13px - 100%
545 14px - 107.692%
546 15px - 115.385%
547 16px - 123.077%
548 17px - 130.769%
549 18px - 138.462%
550 19px - 146.154%
551 20px - 153.846%
552 */
553
554 html {
555     background: #fff;
556     color: #333;
557     overflow-y: scroll;
558 }
559
560 body {
561     font: 13px/1.4 'Lucida Grande', 'Lucida Sans Unicode', 'DejaVu Sans', 'Bitstream Vera Sans', 'Helvetica', 'Arial', sans-serif;
562     margin: 0;
563     padding: 0;
564 }
565
566 /* -- Links ----------------------------------------------------------------- */
567 a {
568     color: #356de4;
569     text-decoration: none;
570 }
571
572 a:hover { text-decoration: underline; }
573
574 /* "Jump to Table of Contents" link is shown to assistive tools, but hidden from
575    sight until it's focused. */
576 .jump {
577     position: absolute;
578     padding: 3px 6px;
579     left: -99999px;
580     top: 0;
581 }
582
583 .jump:focus { left: 40%; }
584
585 /* -- Paragraphs ------------------------------------------------------------ */
586 p { margin: 1.3em 0; }
587 dd p, td p { margin-bottom: 0; }
588 dd p:first-child, td p:first-child { margin-top: 0; }
589
590 /* -- Headings -------------------------------------------------------------- */
591 h1, h2, h3, h4, h5, h6 {
592     font-weight: bold;
593     line-height: 1.1;
594     margin: 1.5em 0 1em;
595 }
596
597 h2, h3, h4, h5, h6 { color: #f80; }
598
599 h1 {
600     font-family: Verdana, 'DejaVu Sans', 'Bitstream Vera Sans', Helvetica, sans-serif;
601     font-size: 261.538%; /* 34px */
602     margin: 25px 0 18px 25px;
603     -moz-text-shadow: 1px 1px 2px #999;
604     -webkit-text-shadow: 1px 1px 2px #999;
605     text-shadow: 1px 1px 2px #999;
606 }
607
608 h2 {
609     font-size: 153.846%;
610     margin-top: 1.2em;
611 }
612
613 h3 { font-size: 138.462%; }
614
615 h4 {
616     border-bottom: 1px solid #d9d9d9;
617     color: #555;
618     font-size: 115.385%;
619     font-weight: normal;
620     text-transform: uppercase;
621 }
622
623 h5, h6 { font-size: 107.692%; }
624
625 /* -- Code and examples ----------------------------------------------------- */
626 code, kbd, pre, samp {
627     font-family: Menlo, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Consolas', 'Monaco', fixed;
628     font-size: 92.308%;
629     line-height: 1.35;
630 }
631
632 p code, p kbd, p samp {
633     background: #f6f6f6;
634     border: 1px solid #ededed;
635     padding: 0 3px;
636 }
637
638 a code, a kbd, a samp,
639 pre code, pre kbd, pre samp,
640 table code, table kbd, table samp,
641 .intro code, .intro kbd, .intro samp,
642 .toc code, .toc kbd, .toc samp {
643     background: none;
644     border: none;
645     padding: 0;
646 }
647
648 pre.code, pre.terminal {
649     overflow-x: auto;
650     *overflow-x: scroll;
651     padding: 0.3em 0.6em;
652 }
653
654 pre.code {
655     background: #f8f8f8;
656     border: 1px solid #ececec;
657     border-left: 5px solid #e2e2e2;
658 }
659
660 pre.terminal {
661     background: #F0EFFC;
662     border: 1px solid #D0CBFB;
663     border-left: 5px solid #D0CBFB;
664 }
665
666 /* Don't reduce the font size of <code>/<kbd>/<samp> elements inside <pre>
667    blocks. */
668 pre code, pre kbd, pre samp { font-size: 100%; }
669
670 /* Used to denote text that shouldn't be selectable, such as line numbers or
671    shell prompts. Guess which browser this doesn't work in. */
672 .noselect {
673     -moz-user-select: -moz-none;
674     -khtml-user-select: none;
675     -webkit-user-select: none;
676     -o-user-select: none;
677     user-select: none;
678 }
679
680 /* -- Tables ---------------------------------------------------------------- */
681 caption, th { text-align: left; }
682
683 table {
684     border-collapse: collapse;
685     width: 100%;
686 }
687
688 td, th {
689     border: 1px solid #fff;
690     padding: 5px 12px;
691     vertical-align: top;
692 }
693
694 td { background: #E5EDF1; }
695 td dl { margin: 0; }
696 td dl dl { margin: 1em 0; }
697 td pre:first-child { margin-top: 0; }
698
699 th {
700     background: #6C8EA1;
701     color: #fff;
702     font-weight: bold;
703     line-height: 1.3;
704     text-transform: uppercase;
705     white-space: nowrap;
706 }
707
708 /* -- Lists ----------------------------------------------------------------- */
709 .spaced li { margin: 0.8em 0; }
710
711 dd { margin: 0.2em 0 0.7em 1em; }
712 dl { margin: 1em 0; }
713 dt { font-weight: bold; }
714
715 /* -- Layout and Content ---------------------------------------------------- */
716 #doc {
717     margin: auto;
718     width: 1024px;
719 }
720
721 #main { width: 754px; }
722 #sidebar { width: 270px; }
723
724 .content { padding: 0 20px 0 25px; }
725
726 /* -- Sidebar --------------------------------------------------------------- */
727 .sidebox {
728     -moz-border-radius: 4px;
729     -webkit-border-radius: 4px;
730     border-radius: 4px;
731     -moz-box-shadow: 0 0 3px #afafaf;
732     -webkit-box-shadow: 0 0 3px #afafaf;
733     box-shadow: 0 0 3px #afafaf;
734     font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'Helvetica', 'Arial', sans-serif;
735     margin: 0 20px 15px 5px;
736     padding: 2px;
737 }
738
739 .sidebox h2 {
740     background: #efefef;
741     -moz-border-radius: 4px;
742     -webkit-border-radius: 4px;
743     border-radius: 4px;
744     color: #333;
745     font-size: 107.692%;
746     margin: 0;
747     padding: 2px 6px 3px;
748 }
749
750 .sidebox .bd { font-size: 84.615%; }
751 .sidebox li { list-style-type: square; }
752
753 .sidebox ol, .sidebox ul {
754     margin-left: 0;
755     padding-left: 24px;
756 }
757
758 .sidebox ol ol, .sidebox ol ul,
759 .sidebox ul ol, .sidebox ul ul {
760     margin: 0;
761     padding-left: 16px;
762 }
763
764 /* -- Table of Contents ----------------------------------------------------- */
765
766 /* The #toc id refers to the single global table of contents, while the .toc
767    class refers to generic TOC lists that could be used throughout the page. */
768
769 .toc code, .toc kbd, .toc samp { font-size: 100%; }
770 .toc li { font-weight: bold; }
771 .toc li li { font-weight: normal; }
772
773 /* -- Intro and Example Boxes ----------------------------------------------- */
774 .intro, .example { margin-bottom: 2em; }
775
776 .example {
777     -moz-border-radius: 4px;
778     -webkit-border-radius: 4px;
779     border-radius: 4px;
780     -moz-box-shadow: 0 0 5px #bfbfbf;
781     -webkit-box-shadow: 0 0 5px #bfbfbf;
782     box-shadow: 0 0 5px #bfbfbf;
783     padding: 1em;
784 }
785
786 .intro {
787     background: #E2EEFB;
788     border: 1px solid #BDD6F4;
789     padding: 0em 1em;
790 }
791
792 /* -- Other Styles ---------------------------------------------------------- */
793
794 /* These are probably YUI-specific, and should be moved out of Selleck's default
795    theme. */
796
797 .button {
798     border: 1px solid #dadada;
799     -moz-border-radius: 3px;
800     -webkit-border-radius: 3px;
801     border-radius: 3px;
802     color: #444;
803     display: inline-block;
804     font-family: Helvetica, Arial, sans-serif;
805     font-size: 92.308%;
806     font-weight: bold;
807     padding: 4px 13px 3px;
808     -moz-text-shadow: 1px 1px 0 #fff;
809     -webkit-text-shadow: 1px 1px 0 #fff;
810     text-shadow: 1px 1px 0 #fff;
811     white-space: nowrap;
812
813     background: #EFEFEF; /* old browsers */
814     background: -moz-linear-gradient(top, #f5f5f5 0%, #efefef 50%, #e5e5e5 51%, #dfdfdf 100%); /* firefox */
815     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(50%,#efefef), color-stop(51%,#e5e5e5), color-stop(100%,#dfdfdf)); /* webkit */
816     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#dfdfdf',GradientType=0 ); /* ie */
817 }
818
819 .button:hover {
820     border-color: #466899;
821     color: #fff;
822     text-decoration: none;
823     -moz-text-shadow: 1px 1px 0 #222;
824     -webkit-text-shadow: 1px 1px 0 #222;
825     text-shadow: 1px 1px 0 #222;
826
827     background: #6396D8; /* old browsers */
828     background: -moz-linear-gradient(top, #6396D8 0%, #5A83BC 50%, #547AB7 51%, #466899 100%); /* firefox */
829     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6396D8), color-stop(50%,#5A83BC), color-stop(51%,#547AB7), color-stop(100%,#466899)); /* webkit */
830     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6396D8', endColorstr='#466899',GradientType=0 ); /* ie */
831 }
832
833 .newwindow { text-align: center; }
834
835 /* Vertical menus and submenus */
836
837 .yui3-skin-sam .yui3-menu-content,
838 .yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-content {
839
840     font-size: 93%;  /* 12px */
841     line-height: 1.5;  /* 18px */
842     *line-height: 1.45; /* For IE */
843     border: solid 1px #808080;
844     background: #fff;
845     padding: 3px 0;
846
847 }
848
849 .yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-content {
850
851         font-size: 100%;
852
853 }
854
855
856 /* Horizontal menus */
857
858 .yui3-skin-sam .yui3-menu-horizontal .yui3-menu-content {
859
860     line-height: 2;  /* ~24px */
861     *line-height: 1.9; /* For IE */
862     background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0;
863     padding: 0;
864
865 }
866
867
868 .yui3-skin-sam .yui3-menu ul,
869 .yui3-skin-sam .yui3-menu ul ul {
870
871         margin-top: 3px;
872         padding-top: 3px;
873     border-top: solid 1px #ccc;
874
875 }
876
877 .yui3-skin-sam .yui3-menu ul.first-of-type {
878
879     border: 0;
880         margin: 0;
881         padding: 0;
882
883 }
884
885 .yui3-skin-sam .yui3-menu-horizontal ul {
886
887         padding: 0;
888         margin: 0;
889         border: 0;
890
891 }
892
893
894 .yui3-skin-sam .yui3-menu li,
895 .yui3-skin-sam .yui3-menu .yui3-menu li {
896
897     /*
898         For and IE 6 (Strict Mode and Quirks Mode) and IE 7 (Quirks Mode only):
899                 Used to collapse superfluous white space between <li> elements that is
900                 triggered by the "display" property of the <a> elements being set to
901                 "block" by node-menunav-core.css file.
902     */
903
904     _border-bottom: solid 1px #fff;
905
906 }
907
908 .yui3-skin-sam .yui3-menu-horizontal li {
909
910         _border-bottom: 0;
911
912 }
913
914 .yui3-skin-sam .yui3-menubuttonnav li {
915
916     border-right: solid 1px #ccc;
917
918 }
919
920 .yui3-skin-sam .yui3-splitbuttonnav li {
921
922     border-right: solid 1px #808080;
923
924 }
925
926 .yui3-skin-sam .yui3-menubuttonnav li li,
927 .yui3-skin-sam .yui3-splitbuttonnav li li {
928
929         border-right: 0;
930
931 }
932
933
934 /* Menuitems and menu labels */
935
936
937 .yui3-skin-sam .yui3-menu-label,
938 .yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-label,
939 .yui3-skin-sam .yui3-menuitem-content,
940 .yui3-skin-sam .yui3-menu .yui3-menu .yui3-menuitem-content {
941
942     /*padding: 0 20px;*/
943     padding: 0 1em;
944     color: #000;
945     text-decoration: none;
946     cursor: default;
947
948         /*
949                 Necessary specify values for border, position and margin to override
950                 values specified in the selectors that follow.
951         */
952
953         float: none;
954         border: 0;
955         margin: 0;
956
957 }
958
959 .yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label,
960 .yui3-skin-sam .yui3-menu-horizontal .yui3-menuitem-content {
961
962     padding: 0 10px;
963     border-style: solid;
964     border-color: #808080;
965     border-width: 1px 0;
966     margin: -1px 0;
967
968     float: left;    /* Ensures that menu labels clear floated descendents.
969                            Also gets negative margins working in IE 7
970                            (Strict Mode). */
971     width: auto;
972
973 }
974
975 .yui3-skin-sam .yui3-menu-label,
976 .yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-label {
977
978         background: url(vertical-menu-submenu-indicator.png) right center no-repeat;
979
980 }
981
982 .yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label {
983
984     background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0;
985
986 }
987
988 .yui3-skin-sam .yui3-menubuttonnav .yui3-menu-label,
989 .yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label {
990
991         background-image: none;
992
993 }
994
995 .yui3-skin-sam .yui3-menubuttonnav .yui3-menu-label {
996
997     padding-right: 0;
998
999 }
1000
1001 .yui3-skin-sam .yui3-menubuttonnav .yui3-menu-label em {
1002
1003         font-style: normal;
1004         padding-right: 20px;
1005     display: block;
1006     background: url(horizontal-menu-submenu-indicator.png) right center no-repeat;
1007
1008 }
1009
1010
1011 .yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label {
1012
1013         padding: 0;
1014
1015 }
1016
1017 .yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label a {
1018
1019         float: left;
1020         width: auto;
1021     color: #000;
1022     text-decoration: none;
1023     cursor: default;
1024         padding: 0 5px 0 10px;
1025
1026 }
1027
1028 .yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label .yui3-menu-toggle {
1029
1030         padding: 0; /* Overide padding applied by the preceeding rule. */
1031         border-left: solid 1px #ccc;
1032         width: 15px;
1033         overflow: hidden;
1034         text-indent: -1000px;
1035     background: url(horizontal-menu-submenu-indicator.png) 3px center no-repeat;
1036
1037 }
1038
1039
1040 /* Selected menuitem */
1041
1042 .yui3-skin-sam .yui3-menu-label-active,
1043 .yui3-skin-sam .yui3-menu-label-menuvisible,
1044 .yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-label-active,
1045 .yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-label-menuvisible {
1046
1047         background-color: #B3D4FF;
1048
1049 }
1050
1051 .yui3-skin-sam .yui3-menuitem-active .yui3-menuitem-content,
1052 .yui3-skin-sam .yui3-menu .yui3-menu .yui3-menuitem-active .yui3-menuitem-content {
1053
1054         background-image: none;
1055     background-color: #B3D4FF;
1056
1057     /*
1058         Undo values set for "border-left-width" and "margin-left" when the root
1059         menu has a class of "yui-menubuttonnav" or "yui-splitbuttonnav" applied.
1060     */
1061
1062         border-left-width: 0;
1063     margin-left: 0;
1064
1065 }
1066
1067 .yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label-active,
1068 .yui3-skin-sam .yui3-menu-horizontal .yui3-menuitem-active .yui3-menuitem-content,
1069 .yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label-menuvisible {
1070
1071     border-color: #7D98B8;
1072     background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 -1700px;
1073
1074 }
1075
1076 .yui3-skin-sam .yui3-menubuttonnav .yui3-menu-label-active,
1077 .yui3-skin-sam .yui3-menubuttonnav .yui3-menuitem-active .yui3-menuitem-content,
1078 .yui3-skin-sam .yui3-menubuttonnav .yui3-menu-label-menuvisible,
1079 .yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label-active,
1080 .yui3-skin-sam .yui3-splitbuttonnav .yui3-menuitem-active .yui3-menuitem-content,
1081 .yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label-menuvisible {
1082
1083     border-left-width: 1px;
1084     margin-left: -1px;
1085
1086 }
1087
1088 .yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label-menuvisible {
1089
1090     border-color: #808080;
1091     background: transparent;
1092
1093 }
1094
1095 .yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label-menuvisible .yui3-menu-toggle {
1096
1097     border-color: #7D98B8;
1098     background: url(horizontal-menu-submenu-toggle.png) left center no-repeat;
1099
1100 }
1101
1102
1103 /*
1104 *
1105 * The YUI CSS Foundation uses the *property and _property CSS filter
1106 * techniques to shield a value from A-grade browsers [1] other than
1107 * IE6 & IE7 (*property) and IE6 (_property)
1108 *
1109 /
1110 Section: General Rules
1111 */
1112 .yui3-cssgrids body {
1113         /* center the page */
1114         text-align: center;
1115         margin-left: auto;
1116         margin-right: auto;
1117 }
1118 /*
1119 Section: Page Width Rules (#doc, #doc2, #doc3, #doc4)
1120 */
1121 /*
1122 Subsection: General
1123 */
1124 .yui3-cssgrids .yui3-d0, /* 100% */
1125 .yui3-cssgrids .yui3-d1, /* 750px */
1126 .yui3-cssgrids .yui3-d1f, /* 750px fixed */
1127 .yui3-cssgrids .yui3-d2, /* 950px */
1128 .yui3-cssgrids .yui3-d2f, /* 950px fixed */
1129 .yui3-cssgrids .yui3-d3, /* 974px */
1130 .yui3-cssgrids .yui3-d3f { /* 974px fixed */
1131         margin: auto;
1132         text-align: left;
1133         width: 57.69em;
1134         *width: 56.25em; /* doc1*/
1135 }
1136
1137 .yui3-cssgrids .yui3-t1,
1138 .yui3-cssgrids .yui3-t2,
1139 .yui3-cssgrids .yui3-t3,
1140 .yui3-cssgrids .yui3-t4,
1141 .yui3-cssgrids .yui3-t5,
1142 .yui3-cssgrids .yui3-t6 {
1143         margin: auto;
1144         text-align: left;
1145         width: 100%;
1146 }
1147
1148 /*
1149 Subsection: 100% (doc)
1150 */
1151 .yui3-cssgrids .yui3-d0 {
1152         /* Left and Right margins are not a structural part of Grids. Without them Grids
1153         works fine, but content bleeds to the very edge of the document, which often
1154         impairs readability and usability. They are
1155         provided because they prevent the content from "bleeding" into the browser's chrome.*/
1156         margin: auto 10px;
1157         width: auto;
1158 }
1159 .yui3-cssgrids .yui3-d0f {
1160         width: 100%;
1161 }
1162
1163 /*
1164 Subsection: 950 Centered (doc2)
1165 */
1166 .yui3-cssgrids .yui3-d2 {
1167         width: 73.076em;
1168         *width: 71.25em;
1169 }
1170 .yui3-cssgrids .yui3-d2f {
1171         width: 950px;
1172 }
1173 /*
1174 Subsection: 974 Centered (doc3)
1175 */
1176 .yui3-cssgrids .yui3-d3 {
1177         width: 74.923em;
1178         *width: 73.05em;
1179 }
1180 .yui3-cssgrids .yui3-d3f {
1181         width: 974px;
1182 }
1183 /*
1184 Section: Preset Template Rules (.yui3-t[1-6])
1185 */
1186 /*
1187 Subsection: General
1188 */
1189
1190 /* to preserve source-order independence for Gecko without breaking IE */
1191 .yui3-cssgrids .yui3-b {
1192         position: relative;
1193 }
1194 .yui3-cssgrids .yui3-b {
1195         _position: static;
1196 }
1197 .yui3-cssgrids .yui3-main .yui3-b {
1198         position: static;
1199 }
1200 .yui3-cssgrids .yui3-main {
1201         width: 100%;
1202 }
1203 .yui3-cssgrids .yui3-t1 .yui3-main,
1204 .yui3-cssgrids .yui3-t2 .yui3-main,
1205 .yui3-cssgrids .yui3-t3 .yui3-main {
1206         float: right;
1207         /* IE: preserve layout at narrow widths */
1208         margin-left: -25em;
1209 }
1210 .yui3-cssgrids .yui3-t4 .yui3-main,
1211 .yui3-cssgrids .yui3-t5 .yui3-main,
1212 .yui3-cssgrids .yui3-t6 .yui3-main {
1213         float: left;
1214         /* IE: preserve layout at narrow widths */
1215         margin-right: -25em;
1216 }
1217
1218 /* Subsection: For Specific Template Presets */
1219
1220 /**
1221 * Nudge down to get to 13px equivalent for these form elements
1222 */
1223
1224 /*
1225 TODO Create t1-6's that are based on fixed widths
1226 */
1227 /* t1 narrow block = left, equivalent of 160px */
1228 .yui3-cssgrids .yui3-t1 .yui3-b {
1229         float: left;
1230         width: 12.30769em;
1231         *width: 12.00em;
1232 }
1233 .yui3-cssgrids .yui3-t1 .yui3-main .yui3-b {
1234         margin-left: 13.30769em;
1235         *margin-left:12.975em;
1236 }
1237 /* t2 narrow block = left, equivalent of 180px */
1238 .yui3-cssgrids .yui3-t2 .yui3-b {
1239         float: left;
1240         width: 13.84615em;
1241         *width: 13.50em;
1242 }
1243 .yui3-cssgrids .yui3-t2 .yui3-main .yui3-b {
1244         margin-left: 14.84615em;
1245         *margin-left: 14.475em;
1246 }
1247 /* t3 narrow block = left, equivalent of 300px */
1248 .yui3-cssgrids .yui3-t3 .yui3-b {
1249         float: left;
1250         width: 23.0769em;
1251         *width: 22.50em;
1252 }
1253 .yui3-cssgrids .yui3-t3 .yui3-main .yui3-b {
1254         margin-left: 24.0769em;
1255         *margin-left: 23.475em;
1256 }
1257 /* t4 narrow block = right, equivalent of 180px */
1258 .yui3-cssgrids .yui3-t4 .yui3-b {
1259         float: right;
1260         width: 13.8456em;
1261         *width: 13.50em;
1262 }
1263 .yui3-cssgrids .yui3-t4 .yui3-main .yui3-b {
1264         margin-right: 14.8456em;
1265         *margin-right: 14.475em;
1266 }
1267 /* t5 narrow block = right, equivalent of 240px */
1268 .yui3-cssgrids .yui3-t5 .yui3-b {
1269         float: right;
1270         width: 18.4615em;
1271         *width: 18.00em;
1272 }
1273 .yui3-cssgrids .yui3-t5 .yui3-main .yui3-b {
1274         margin-right: 19.4615em;
1275         *margin-right: 18.975em;
1276 }
1277 /* t6 narrow block = equivalent of 300px */
1278 .yui3-cssgrids .yui3-t6 .yui3-b {
1279         float: right;
1280         width: 23.0769em;
1281         *width: 22.50em;
1282 }
1283 .yui3-cssgrids .yui3-t6 .yui3-main .yui3-b {
1284         margin-right: 24.0769em;
1285         *margin-right: 23.475em;
1286 }
1287
1288 .yui3-cssgrids .yui3-main .yui3-b {
1289         float: none;
1290         width: auto;
1291 }
1292
1293 /*
1294 Section: Grids and Nesting Grids
1295 */
1296
1297 /*
1298 Subsection: Children generally take half the available space
1299 */
1300
1301 .yui3-cssgrids .yui3-gb .yui3-u,
1302 .yui3-cssgrids .yui3-g .yui3-gb .yui3-u,
1303 .yui3-cssgrids .yui3-gb .yui3-g,
1304 .yui3-cssgrids .yui3-gb .yui3-gb,
1305 .yui3-cssgrids .yui3-gb .yui3-gc,
1306 .yui3-cssgrids .yui3-gb .yui3-gd,
1307 .yui3-cssgrids .yui3-gb .yui3-ge,
1308 .yui3-cssgrids .yui3-gb .yui3-gf,
1309 .yui3-cssgrids .yui3-gc .yui3-u,
1310 .yui3-cssgrids .yui3-gc .yui3-g,
1311 .yui3-cssgrids .yui3-gd .yui3-u {
1312         float: left;
1313 }
1314
1315 /*Float units (and sub grids) to the right */
1316 .yui3-cssgrids .yui3-g .yui3-u,
1317 .yui3-cssgrids .yui3-g .yui3-g,
1318 .yui3-cssgrids .yui3-g .yui3-gb,
1319 .yui3-cssgrids .yui3-g .yui3-gc,
1320 .yui3-cssgrids .yui3-g .yui3-gd,
1321 .yui3-cssgrids .yui3-g .yui3-ge,
1322 .yui3-cssgrids .yui3-g .yui3-gf,
1323 .yui3-cssgrids .yui3-gc .yui3-u,
1324 .yui3-cssgrids .yui3-gd .yui3-g,
1325 .yui3-cssgrids .yui3-g .yui3-gc .yui3-u,
1326 .yui3-cssgrids .yui3-ge .yui3-u,
1327 .yui3-cssgrids .yui3-ge .yui3-g,
1328 .yui3-cssgrids .yui3-gf .yui3-g,
1329 .yui3-cssgrids .yui3-gf .yui3-u {
1330         float: right;
1331 }
1332
1333 /*Float units (and sub grids) to the left */
1334 .yui3-cssgrids .yui3-g div.first,
1335 .yui3-cssgrids .yui3-gb div.first,
1336 .yui3-cssgrids .yui3-gc div.first,
1337 .yui3-cssgrids .yui3-gd div.first,
1338 .yui3-cssgrids .yui3-ge div.first,
1339 .yui3-cssgrids .yui3-gf div.first,
1340 .yui3-cssgrids .yui3-g .yui3-gc div.first,
1341 .yui3-cssgrids .yui3-g .yui3-ge div.first,
1342 .yui3-cssgrids .yui3-gc div.first div.first {
1343         float: left;
1344 }
1345
1346 .yui3-cssgrids .yui3-g .yui3-u,
1347 .yui3-cssgrids .yui3-g .yui3-g,
1348 .yui3-cssgrids .yui3-g .yui3-gb,
1349 .yui3-cssgrids .yui3-g .yui3-gc,
1350 .yui3-cssgrids .yui3-g .yui3-gd,
1351 .yui3-cssgrids .yui3-g .yui3-ge,
1352 .yui3-cssgrids .yui3-g .yui3-gf {
1353         width: 49.1%;
1354 }
1355
1356 .yui3-cssgrids .yui3-gb .yui3-u,
1357 .yui3-cssgrids .yui3-g .yui3-gb .yui3-u,
1358 .yui3-cssgrids .yui3-gb .yui3-g,
1359 .yui3-cssgrids .yui3-gb .yui3-gb,
1360 .yui3-cssgrids .yui3-gb .yui3-gc,
1361 .yui3-cssgrids .yui3-gb .yui3-gd,
1362 .yui3-cssgrids .yui3-gb .yui3-ge,
1363 .yui3-cssgrids .yui3-gb .yui3-gf,
1364 .yui3-cssgrids .yui3-gc .yui3-u,
1365 .yui3-cssgrids .yui3-gc .yui3-g,
1366 .yui3-cssgrids .yui3-gd .yui3-u {
1367         width: 32%;
1368         margin-left: 2.0%;
1369 }
1370
1371 /* Give IE some extra breathing room for 1/3-based rounding issues */
1372 .yui3-cssgrids .yui3-gb .yui3-u {
1373         *width: 31.8%;
1374         *margin-left: 1.9%;
1375 }
1376
1377 .yui3-cssgrids .yui3-gc div.first,
1378 .yui3-cssgrids .yui3-gd .yui3-u {
1379         width: 66%;
1380         _width: 65.7%;
1381 }
1382 .yui3-cssgrids .yui3-gd div.first {
1383         width: 32%;
1384         _width: 31.5%;
1385 }
1386
1387 .yui3-cssgrids .yui3-ge div.first,
1388 .yui3-cssgrids .yui3-gf .yui3-u {
1389         width: 74.2%;
1390         _width: 74%;
1391 }
1392
1393 .yui3-cssgrids .yui3-ge .yui3-u,
1394 .yui3-cssgrids .yui3-gf div.first {
1395         width: 24%;
1396         _width: 23.8%;
1397 }
1398
1399 .yui3-cssgrids .yui3-g .yui3-gb div.first,
1400 .yui3-cssgrids .yui3-gb div.first,
1401 .yui3-cssgrids .yui3-gc div.first,
1402 .yui3-cssgrids .yui3-gd div.first {
1403         margin-left: 0;
1404 }
1405
1406 /*
1407 Section: Deep Nesting
1408 */
1409 .yui3-cssgrids .yui3-g .yui3-g .yui3-u,
1410 .yui3-cssgrids .yui3-gb .yui3-g .yui3-u,
1411 .yui3-cssgrids .yui3-gc .yui3-g .yui3-u,
1412 .yui3-cssgrids .yui3-gd .yui3-g .yui3-u,
1413 .yui3-cssgrids .yui3-ge .yui3-g .yui3-u,
1414 .yui3-cssgrids .yui3-gf .yui3-g .yui3-u {
1415         width: 49%;
1416         *width: 48.1%;
1417         *margin-left: 0;
1418 }
1419
1420 .yui3-cssgrids .yui3-g .yui3-gb div.first,
1421 .yui3-cssgrids .yui3-gb .yui3-gb div.first {
1422         *margin-right: 0;
1423         *width: 32%;
1424         _width: 31.7%;
1425 }
1426
1427 .yui3-cssgrids .yui3-g .yui3-gc div.first,
1428 .yui3-cssgrids .yui3-gd .yui3-g {
1429         width: 66%;
1430 }
1431
1432 .yui3-cssgrids .yui3-gb .yui3-g div.first {
1433         *margin-right: 4%;
1434         _margin-right: 1.3%;
1435 }
1436
1437 .yui3-cssgrids .yui3-gb .yui3-gc div.first,
1438 .yui3-cssgrids .yui3-gb .yui3-gd div.first {
1439         *margin-right: 0;
1440 }
1441
1442 .yui3-cssgrids .yui3-gb .yui3-gb .yui3-u,
1443 .yui3-cssgrids .yui3-gb .yui3-gc .yui3-u {
1444         *margin-left: 1.8%;
1445         _margin-left: 4%;
1446 }
1447
1448 .yui3-cssgrids .yui3-g .yui3-gb .yui3-u {
1449         _margin-left: 1.0%;
1450 }
1451
1452 .yui3-cssgrids .yui3-gb .yui3-gd .yui3-u {
1453         *width: 66%;
1454         _width: 61.2%;
1455 }
1456 .yui3-cssgrids .yui3-gb .yui3-gd div.first {
1457         *width: 31%;
1458         _width: 29.5%;
1459 }
1460
1461 .yui3-cssgrids .yui3-g .yui3-gc .yui3-u,
1462 .yui3-cssgrids .yui3-gb .yui3-gc .yui3-u {
1463         width: 32%;
1464         _float: right;
1465         margin-right: 0;
1466         _margin-left: 0;
1467 }
1468 .yui3-cssgrids .yui3-gb .yui3-gc div.first {
1469         width: 66%;
1470         *float: left;
1471         *margin-left: 0;
1472 }
1473
1474 .yui3-cssgrids .yui3-gb .yui3-ge .yui3-u,
1475 .yui3-cssgrids .yui3-gb .yui3-gf .yui3-u {
1476         margin: 0;
1477 }
1478
1479 .yui3-cssgrids .yui3-gb .yui3-gb .yui3-u {
1480         _margin-left: .7%;
1481 }
1482
1483 .yui3-cssgrids .yui3-gb .yui3-g div.first,
1484 .yui3-cssgrids .yui3-gb .yui3-gb div.first {
1485         *margin-left:0;
1486 }
1487
1488 .yui3-cssgrids .yui3-gc .yui3-g .yui3-u,
1489 .yui3-cssgrids .yui3-gd .yui3-g .yui3-u {
1490         *width: 48.1%;
1491         *margin-left: 0;
1492 }
1493
1494 .yui3-cssgrids .yui3-gb .yui3-gd div.first {
1495         width: 32%;
1496 }
1497 .yui3-cssgrids .yui3-g .yui3-gd div.first {
1498         _width: 29.9%;
1499 }
1500
1501 .yui3-cssgrids .yui3-ge .yui3-g {
1502         width: 24%;
1503 }
1504 .yui3-cssgrids .yui3-gf .yui3-g {
1505         width: 74.2%;
1506 }
1507
1508 .yui3-cssgrids .yui3-gb .yui3-ge div.yui3-u,
1509 .yui3-cssgrids .yui3-gb .yui3-gf div.yui3-u {
1510         float: right;
1511 }
1512 .yui3-cssgrids .yui3-gb .yui3-ge div.first,
1513 .yui3-cssgrids .yui3-gb .yui3-gf div.first {
1514         float: left;
1515 }
1516
1517 /* Width Accommodation for Nested Contexts */
1518 .yui3-cssgrids .yui3-gb .yui3-ge .yui3-u,
1519 .yui3-cssgrids .yui3-gb .yui3-gf div.first {
1520         *width: 24%;
1521         _width: 20%;
1522 }
1523
1524 /* Width Accommodation for Nested Contexts */
1525
1526 .yui3-cssgrids .yui3-gc .yui3-gf .yui3-u {
1527         width: 74%;
1528         _width: 73%;
1529 }
1530
1531 .yui3-cssgrids .yui3-gc .yui3-gf div.first {
1532         width: 24%;
1533 }
1534
1535 .yui3-cssgrids .yui3-gb .yui3-ge div.first,
1536 .yui3-cssgrids .yui3-gb .yui3-gf .yui3-u {
1537         *width: 73.5%;
1538         _width: 65.5%;
1539 }
1540
1541 /* Patch for GD within GE */
1542 .yui3-cssgrids .yui3-ge div.first .yui3-gd .yui3-u {
1543         width: 65%;
1544 }
1545 .yui3-cssgrids .yui3-ge div.first .yui3-gd div.first {
1546         width: 32%;
1547 }
1548
1549 /*
1550 Section: Clearing. zoom for IE, :after for others
1551 */
1552
1553 .yui3-cssgrids #bd:after,
1554 .yui3-cssgrids .yui3-g:after,
1555 .yui3-cssgrids .yui3-gb:after,
1556 .yui3-cssgrids .yui3-gc:after,
1557 .yui3-cssgrids .yui3-gd:after,
1558 .yui3-cssgrids .yui3-ge:after,
1559 .yui3-cssgrids .yui3-gf:after,
1560 .yui3-cssgrids .yui3-t1:after,
1561 .yui3-cssgrids .yui3-t2:after,
1562 .yui3-cssgrids .yui3-t3:after,
1563 .yui3-cssgrids .yui3-t4:after,
1564 .yui3-cssgrids .yui3-t5:after,
1565 .yui3-cssgrids .yui3-t6:after {
1566         content: ".";
1567         display: block;
1568         height: 0;
1569         clear: both;
1570         visibility: hidden;
1571 }
1572 .yui3-cssgrids #bd,
1573 .yui3-cssgrids .yui3-g,
1574 .yui3-cssgrids .yui3-gb,
1575 .yui3-cssgrids .yui3-gc,
1576 .yui3-cssgrids .yui3-gd,
1577 .yui3-cssgrids .yui3-ge,
1578 .yui3-cssgrids .yui3-gf,
1579 .yui3-cssgrids .yui3-t1,
1580 .yui3-cssgrids .yui3-t2,
1581 .yui3-cssgrids .yui3-t3,
1582 .yui3-cssgrids .yui3-t4,
1583 .yui3-cssgrids .yui3-t5,
1584 .yui3-cssgrids .yui3-t6 {
1585         zoom: 1;
1586 }
1587
1588
1589 /* Style for a "Recommendation" */
1590
1591 /*
1592    Copyright 1997-2003 W3C (MIT, ERCIM, Keio). All Rights Reserved.
1593    The following software licensing rules apply:
1594    http://www.w3.org/Consortium/Legal/copyright-software */
1595
1596 /* $Id: base.css,v 1.25 2006/04/18 08:42:53 bbos Exp $ */
1597
1598 body {
1599   padding: 2em 1em 2em 70px;
1600   margin: 0;
1601   font-family: sans-serif;
1602   color: black;
1603   background: white;
1604   background-position: top left;
1605   background-attachment: fixed;
1606   background-repeat: no-repeat;
1607 }
1608 :link { color: #00C; background: transparent }
1609 :visited { color: #609; background: transparent }
1610 a:active { color: #C00; background: transparent }
1611
1612 a:link img, a:visited img { border-style: none } /* no border on img links */
1613
1614 a img { color: white; }        /* trick to hide the border in Netscape 4 */
1615 @media all {                   /* hide the next rule from Netscape 4 */
1616   a img { color: inherit; }    /* undo the color change above */
1617 }
1618
1619 th, td { /* ns 4 */
1620   font-family: sans-serif;
1621 }
1622
1623 h1, h2, h3, h4, h5, h6 { text-align: left }
1624 /* background should be transparent, but WebTV has a bug */
1625 h1, h2, h3 { color: #005A9C; background: white }
1626 h1 { font: 170% sans-serif }
1627 h2 { font: 140% sans-serif }
1628 h3 { font: 120% sans-serif }
1629 h4 { font: bold 100% sans-serif }
1630 h5 { font: italic 100% sans-serif }
1631 h6 { font: small-caps 100% sans-serif }
1632
1633 .hide { display: none }
1634
1635 div.head { margin-bottom: 1em }
1636 div.head h1 { margin-top: 2em; clear: both }
1637 div.head table { margin-left: 2em; margin-top: 2em }
1638
1639 p.copyright { font-size: small }
1640 p.copyright small { font-size: small }
1641
1642 a:hover { background: #ffa }
1643
1644 pre { margin-left: 2em }
1645 /*
1646 p {
1647   margin-top: 0.6em;
1648   margin-bottom: 0.6em;
1649 }
1650 */
1651 dt, dd { margin-top: 0; margin-bottom: 0 } /* opera 3.50 */
1652 dt { font-weight: bold }
1653
1654 pre, code { font-family: monospace } /* navigator 4 requires this */
1655
1656 ul.toc, ol.toc {
1657   list-style: disc; /* Mac NS has problem with 'none' */
1658   list-style: none;
1659 }
1660
1661 @media aural {
1662   h1, h2, h3 { stress: 20; richness: 90 }
1663   .hide { speak: none }
1664   p.copyright { volume: x-soft; speech-rate: x-fast }
1665   dt { pause-before: 20% }
1666   pre { speak-punctuation: code }
1667 }
1668
1669
1670 /*
1671  * Style sheet for the HTML 4.0 specification
1672  * $Id: default.css,v 1.13 1999/03/08 17:25:02 ijacobs Exp $
1673  */
1674
1675 div.example {
1676     width: 100%;
1677     color: black;
1678 }
1679 div.dtd-example {
1680     width: 100%;
1681     color: black;
1682 }
1683 tt.example {
1684     color: maroon;
1685     margin-left: 1em;
1686 }
1687 pre {
1688     color: maroon;
1689     margin-left: 1em;
1690 }
1691 div.dtd-fragment {
1692     width: 100%;
1693     border: none;
1694     background-color: #eee;
1695 }
1696 pre.dtd-fragment {
1697     margin-left: 0;
1698 }
1699 pre.dtd {
1700     color: black;
1701     margin-left: 0;
1702 }
1703 div.illegal-example {
1704     width: 100%;
1705     color: red;
1706     border: solid red;
1707 }
1708 div.illegal-example p {
1709     color: black;
1710 }
1711 div.deprecated-example {
1712     width: 100%;
1713     color: red;
1714     border: solid rgb(255,165,0); /* orange */
1715 }
1716 div.deprecated-example p {
1717     color: black;
1718 }
1719 div.note {
1720     color: green;
1721     margin-left: 1em;
1722 }
1723 p.note {
1724     color: green;
1725     margin-left: 1em;
1726 }
1727 ul.toc {
1728     list-style-type: none;
1729 }
1730
1731 a.normref {
1732     color : red;
1733 }
1734
1735 a.informref {
1736     color : green;
1737 }
1738
1739 DIV.subtoc {padding: 1em; border: solid thin; margin: 1em 0;
1740     background: #ddd}
1741
1742
1743 #hd {
1744     background: #f5f5f5; /* old browsers */
1745     background: -moz-linear-gradient(top, #dcdbd9 0%, #F6F5F3 100%); /* firefox was...(top, #ddd 0%, #f8f8f8 100%)*/
1746     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dcdbd9), color-stop(100%,#F6F5F3)); /* webkit */
1747     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcdbd9', endColorstr='#F6F5F3',GradientType=0 ); /* ie */
1748
1749     border-bottom: 1px solid #dfdfdf;
1750     *zoom: 1;
1751     padding: 1em;
1752 }
1753 #hd h1 {
1754     font-size: 116%;
1755     font-weight: bold;
1756     color: #000;
1757 }
1758 #ft {
1759     font-size: 85%;
1760     font-style: italic;
1761 }
1762 #play {
1763     margin-top: .75em;
1764     zoom: 1;
1765 }
1766 #play:after { display: block; clear: both; visibility: hidden; content: '.'; height: 0;}
1767
1768 #feeds {
1769     margin-top: .75em;
1770     min-height: 500px;
1771     *height: 500px;
1772     padding: .5em;
1773     position: relative;
1774
1775     background: #F9F9FC;/*E6E9F5*/
1776     border: 1px solid #D4D8EB;
1777
1778     -moz-border-radius: 4px;
1779     -webkit-border-radius: 4px;
1780     border-radius: 4px;
1781     -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
1782     -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
1783     box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
1784     font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'Helvetica', 'Arial', sans-serif;
1785     margin: 15px 0;
1786     padding-bottom: 1px;
1787
1788 }
1789
1790 #feeds ul li {
1791     background-repeat: no-repeat;
1792     padding-left: 25px;
1793     margin: 3px;
1794     cursor: move;
1795     zoom: 1;
1796 }
1797 #feeds ul li.disabled {
1798     opacity: .5;
1799     filter: alpha(opacity=50);
1800     cursor: default;
1801 }
1802
1803 ul.list {
1804     border: 1px dashed #ccc;
1805     margin: .5em;
1806     width: 325px;
1807     float: left;
1808     min-height: 500px;
1809     *height: 500px;
1810     zoom: 1;
1811
1812 }
1813
1814 .yui3-dd-proxy {
1815     text-align: left;
1816     padding-left: 20px;
1817     padding: 5px;
1818     margin: 2px;
1819 }
1820
1821 .yui3-dd-proxy li, #play li {
1822     padding-left: 20px;
1823     padding: 5px;
1824     margin: 2px;
1825 }
1826
1827 #play li.moving {
1828     background: #F9F9FC;/*E6E9F5*/
1829     border: 1px solid #D4D8EB;
1830 }
1831
1832 div.mod {
1833     position: relative;
1834     zoom: 1;
1835
1836     background: #F9F9FC;/*E6E9F5*/
1837     border: 1px solid #D4D8EB;
1838
1839     -moz-border-radius: 4px;
1840     -webkit-border-radius: 4px;
1841     border-radius: 4px;
1842     -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
1843     -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
1844     box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
1845     font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'Helvetica', 'Arial', sans-serif;
1846     margin: 15px 0;
1847     padding-bottom: 1px;
1848
1849
1850
1851 }
1852 div.mod div.inner {
1853     overflow: hidden;
1854     zoom: 1;
1855 }
1856 div.mod div.inner div.loading {
1857     background-image: url(progress.gif);
1858     background-repeat: no-repeat;
1859     background-position: 5px 5px;
1860     padding: 5px 5px 5px 25px;
1861
1862 }
1863 #play div.mod div.inner ul li {
1864     padding-left: 20px;
1865     font-size: 80%;
1866 }
1867 div.mod div.inner ul li a {
1868     color: #000;
1869 }
1870 div.mod h2 {
1871     position: relative;
1872     zoom: 1;
1873     cursor: move;
1874     zoom: 1;
1875
1876     background: #E5E6F1;
1877     -moz-border-radius: 4px 4px 0 0;
1878     -webkit-border-radius: 4px 4px 0 0;
1879     border-radius: 4px 4px 0 0;
1880     color: #5E6BA4;
1881     font-weight: bold;
1882     font-size: 107.692%;
1883     margin: 0;
1884     padding: 4px 7px 5px;
1885
1886
1887 }
1888
1889 div.mod h2 strong {
1890     font-weight: bold;
1891     background-repeat: no-repeat;
1892     padding-left: 25px;
1893 }
1894
1895 div.minned h2 {
1896     border-bottom: 1px solid #ccc;
1897 }
1898
1899 div.mod h2 a.close, div.mod h2 a.min {
1900     background-color: #F9F9FC;
1901     border:1px solid #E5E6F1;
1902     color: #5E6BA4;
1903     text-align: center;
1904     display: block;
1905     height: 13px;
1906     width: 17px;
1907     text-decoration: none;
1908     font-weight: bold;
1909     right: 4px;
1910     top: 1px;
1911     position: absolute;
1912     font-size: 80%;
1913     margin: 2px;
1914     padding: 0;
1915 }
1916 div.mod h2 a.min {
1917     right: 25px;
1918 }
1919 div.minned h2 a.min {
1920     right: 25px;
1921 }
1922 div.mod h2 a:hover.close, div.mod h2 a:hover.min {
1923     border-color: #D4D8EB;
1924 }
1925
1926
1927 .yui3-button {
1928     /* Structure */
1929     display: inline-block;
1930     *display: inline;
1931     zoom: 1;
1932     font-size: 100%;
1933     margin: 0;
1934     padding: 0 1em;
1935     line-height: normal;
1936     line-height: 2;
1937     white-space: nowrap;
1938     vertical-align: baseline;
1939     text-align: center;
1940     cursor: pointer;
1941     -webkit-user-drag: none;
1942     -webkit-user-select: none;
1943     -moz-user-select: none;
1944     user-select: none;
1945     /* Presentation */
1946     color: rgba(0,0,0, 0.80);
1947     *color: #444;
1948     background-color: #e6e6e6;
1949     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255, 0.30)), color-stop(40%, rgba(255,255,255, 0.15)), to(transparent));
1950     background-image: -webkit-linear-gradient(rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent);
1951     background-image: -moz-linear-gradient(top, rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent);
1952     background-image: -ms-linear-gradient(rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent);
1953     background-image: -o-linear-gradient(rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent);
1954     background-image: linear-gradient(rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent);
1955     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=0);
1956     text-decoration: none;
1957     border: none;
1958     border: solid 1px #999\9; /*ie hack*/
1959     -webkit-border-radius: 4px;
1960     -moz-border-radius: 4px;
1961     border-radius: 4px;
1962     -webkit-box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 0 rgba(255,255,255, 0.30) inset, 0 1px 2px rgba(0,0,0, 0.15);
1963     -moz-box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 0 rgba(255,255,255, 0.30) inset, 0 1px 2px rgba(0,0,0, 0.15);
1964     box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 0 rgba(255,255,255, 0.30) inset, 0 1px 2px rgba(0,0,0, 0.15);
1965
1966     /* Transitions */
1967     -webkit-transition: 0.1s linear -webkit-box-shadow;
1968     -moz-transition: 0.1s linear -moz-box-shadow;
1969     -ms-transition: 0.1s linear box-shadow;
1970     -o-transition: 0.1s linear box-shadow;
1971     transition: 0.1s linear box-shadow;
1972 }
1973
1974 input.yui3-button {
1975     height: 2em; /* Fixes height for <input> in firefox/opera */
1976 }
1977
1978 a.yui3-button {
1979     color: rgba(0,0,0, 0.80);
1980     color: #444;
1981     text-decoration:none;
1982 }
1983
1984
1985 .yui3-button:hover {
1986     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0,0,0, 0.05)), to(rgba(0,0,0, 0.15)));
1987     background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15));
1988     background-image: -moz-linear-gradient(top, transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15));
1989     background-image: -ms-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15));
1990     background-image: -o-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15));
1991     background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15));
1992     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#26000000', GradientType=0);
1993 }
1994
1995
1996 .yui3-button:active {
1997     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0, 0.10)), to(rgba(0,0,0, 0.15)));
1998     background-image: -webkit-linear-gradient(rgba(0,0,0, 0.10), rgba(0,0,0, 0.15));
1999     background-image: -moz-linear-gradient(top, rgba(0,0,0, 0.10), rgba(0,0,0, 0.15));
2000     background-image: -ms-linear-gradient(rgba(0,0,0, 0.10), rgba(0,0,0, 0.15));
2001     background-image: -o-linear-gradient(rgba(0,0,0, 0.10), rgba(0,0,0, 0.15));
2002     background-image: linear-gradient(rgba(0,0,0, 0.10), rgba(0,0,0, 0.15));
2003     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1A000000', endColorstr='#26000000', GradientType=0);
2004     -webkit-box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 4px rgba(0,0,0, 0.30) inset;
2005     -moz-box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 4px rgba(0,0,0, 0.30) inset;
2006     box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 4px rgba(0,0,0, 0.30) inset;
2007 }
2008
2009
2010 .yui3-button-disabled,
2011 .yui3-button-disabled:hover,
2012 .yui3-button-disabled:active {
2013     cursor: default;
2014     background-image: none;
2015     filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
2016     filter: alpha(opacity=55);
2017     -khtml-opacity: 0.55;
2018     -moz-opacity: 0.55;
2019     opacity: 0.55;
2020     -webkit-box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset;
2021     -moz-box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset;
2022     box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset;
2023 }
2024
2025
2026 .yui3-button::-moz-focus-inner{
2027     padding: 0;
2028     border: 0;
2029 }
2030
2031
2032 /* sam button */
2033 .yui3-button-selected {
2034     background-color: #345FCB;
2035     color: #fff;
2036     box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset, 0 2px 0 rgba(255, 255, 255, 0.17) inset, 0 1px 2px rgba(0, 0, 0, 0.15);
2037 }
2038 /* end sam button*/
2039
2040
2041 /* night button */
2042 .yui3-skin-night .yui3-button {
2043     background-color: #343536;
2044     color: #DCDCDC;
2045     box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset, 0 2px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.15);
2046 }
2047 .yui3-skin-night .yui3-button-selected {
2048     background-color: #747576;
2049     text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
2050 }
2051 /*end night button*/
2052
2053 .yui3-menu .yui3-menu {
2054
2055         position: absolute;
2056         z-index: 1;
2057
2058 }
2059
2060
2061 .yui3-menu .yui3-shim {
2062
2063         /*
2064                 Styles for the <iframe> shim used to prevent <select> elements from poking through
2065                 submenus in IE < 7.  Note: For peformance, creation of the <iframe> shim for each submenu
2066                 is deferred until it is initially made visible by the user.
2067         */
2068
2069     position: absolute;
2070     top: 0;
2071     left: 0;
2072     z-index: -1;
2073         opacity: 0;
2074         filter: alpha(opacity=0);  /* For IE since it doesn't implement the CSS3 "opacity" property. */
2075         border: none;
2076         margin: 0;
2077         padding: 0;
2078         height: 100%;
2079         width: 100%;
2080
2081 }
2082
2083 .yui3-menu-hidden {
2084
2085         /*
2086                 Position hidden menus outside the viewport boundaries to prevent them from
2087                 triggering scrollbars on the viewport.
2088         */
2089
2090         top: -10000px;
2091         left: -10000px;
2092
2093         /*
2094                 Using "visibility:hidden" over "display" none because:
2095
2096                 1)      As the "position" property for submenus is set to "absolute", they are out of
2097                         the document flow and take up no space.  Therefore, from that perspective use of
2098                         "display:none" is redundant.
2099
2100                 2)      According to MSDN use of "display:none" is more expensive:
2101                         "Display is the more expensive of the two CSS properties, so if you are
2102                         making elements appear and disappear often, visibility will be faster."
2103                         (See http://msdn.microsoft.com/en-us/library/bb264005(VS.85).aspx)
2104         */
2105
2106         visibility: hidden;
2107
2108 }
2109
2110 .yui3-menu li {
2111
2112     list-style-type: none;
2113
2114 }
2115
2116 .yui3-menu ul,
2117 .yui3-menu li {
2118
2119     margin: 0;
2120     padding: 0;
2121
2122 }
2123
2124 .yui3-menu-label,
2125 .yui3-menuitem-content {
2126
2127     text-align: left;
2128     white-space: nowrap;
2129     display: block;
2130
2131 }
2132
2133 .yui3-menu-horizontal li {
2134
2135         float: left;
2136         width: auto;
2137
2138 }
2139
2140 .yui3-menu-horizontal li li {
2141
2142         float: none;
2143
2144 }
2145
2146 .yui3-menu-horizontal ul {
2147
2148         /*
2149                 Use of "zoom" sets the "hasLayout" property to "true" in IE (< 8).  When "hasLayout" is
2150                 set to "true", an element can clear its floated descendents.  For more:
2151                 http://msdn.microsoft.com/en-gb/library/ms533776(VS.85).aspx
2152         */
2153
2154         *zoom: 1;
2155
2156 }
2157
2158 .yui3-menu-horizontal ul ul {
2159
2160         /*
2161                 No need to clear <ul>s of submenus of horizontal menus since <li>s of submenus
2162                 aren't floated.
2163         */
2164
2165         *zoom: normal;
2166
2167 }
2168
2169 .yui3-menu-horizontal>.yui3-menu-content>ul:after {
2170
2171         /*  Self-clearing solution for Opera, Webkit, Gecko and IE > 7 */
2172
2173         content: "";
2174         display: block;
2175         clear: both;
2176         line-height: 0;
2177         font-size: 0;
2178         visibility: hidden;
2179
2180 }
2181
2182
2183 /*
2184         The following two rules are for IE 7.  Triggering "hasLayout" (via use of "zoom") prevents
2185         first-tier submenus from hiding when the mouse is moving from an menu label in a root menu to
2186         its corresponding submenu.
2187 */
2188
2189 .yui3-menu-content {
2190
2191         *zoom: 1;
2192
2193 }
2194
2195
2196 .yui3-menu-hidden .yui3-menu-content {
2197
2198         *zoom: normal;
2199
2200 }
2201
2202
2203 /*
2204         The following two rules are for IE 6 (Standards Mode and Quirks Mode) and IE 7 (Quirks Mode
2205         only).  Triggering "hasLayout" (via use of "zoom") fixes a bug in IE where mousing mousing off
2206         the text node of menuitem or menu label will incorrectly trigger the mouseout event.
2207 */
2208
2209 .yui3-menuitem-content,
2210 .yui3-menu-label {
2211
2212         _zoom: 1;
2213
2214 }
2215
2216 .yui3-menu-hidden .yui3-menuitem-content,
2217 .yui3-menu-hidden .yui3-menu-label {
2218
2219         _zoom: normal;
2220
2221 }
2222
2223 /*
2224         TODO will need to remove settings on HTML since we can't namespace it.
2225         TODO with the prefix, should I group by selector or property for weight savings?
2226 */
2227 html{
2228         color:#000;
2229         background:#FFF;
2230 }
2231 /*
2232         TODO remove settings on BODY since we can't namespace it.
2233 */
2234 /*
2235         TODO test putting a class on HEAD.
2236                 - Fails on FF.
2237 */
2238 body,
2239 div,
2240 dl,
2241 dt,
2242 dd,
2243 ul,
2244 ol,
2245 li,
2246 h1,
2247 h2,
2248 h3,
2249 h4,
2250 h5,
2251 h6,
2252 pre,
2253 code,
2254 form,
2255 fieldset,
2256 legend,
2257 input,
2258 textarea,
2259 p,
2260 blockquote,
2261 th,
2262 td {
2263         margin:0;
2264         padding:0;
2265 }
2266 table {
2267         border-collapse:collapse;
2268         border-spacing:0;
2269 }
2270 fieldset,
2271 img {
2272         border:0;
2273 }
2274 /*
2275         TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
2276 */
2277 address,
2278 caption,
2279 cite,
2280 code,
2281 dfn,
2282 em,
2283 strong,
2284 th,
2285 var {
2286         font-style:normal;
2287         font-weight:normal;
2288 }
2289
2290 ol,
2291 ul {
2292         list-style:none;
2293 }
2294
2295 caption,
2296 th {
2297         text-align:left;
2298 }
2299 h1,
2300 h2,
2301 h3,
2302 h4,
2303 h5,
2304 h6 {
2305         font-size:100%;
2306         font-weight:normal;
2307 }
2308 q:before,
2309 q:after {
2310         content:'';
2311 }
2312 abbr,
2313 acronym {
2314         border:0;
2315         font-variant:normal;
2316 }
2317 /* to preserve line-height and selector appearance */
2318 sup {
2319         vertical-align:text-top;
2320 }
2321 sub {
2322         vertical-align:text-bottom;
2323 }
2324 input,
2325 textarea,
2326 select {
2327         font-family:inherit;
2328         font-size:inherit;
2329         font-weight:inherit;
2330 }
2331 /*to enable resizing for IE*/
2332 input,
2333 textarea,
2334 select {
2335         *font-size:100%;
2336 }
2337 /*because legend doesn't inherit in IE */
2338 legend {
2339         color:#000;
2340 }
2341
2342 /*e
2343         TODO will need to remove settings on HTML since we can't namespace it.
2344         TODO with the prefix, should I group by selector or property for weight savings?
2345 */
2346 .yui3-cssreset html{
2347         color:#000;
2348         background:#FFF;
2349 }
2350 /*
2351         TODO remove settings on BODY since we can't namespace it.
2352 */
2353 /*
2354         TODO test putting a class on HEAD.
2355                 - Fails on FF.
2356 */
2357 .yui3-cssreset body,
2358 .yui3-cssreset div,
2359 .yui3-cssreset dl,
2360 .yui3-cssreset dt,
2361 .yui3-cssreset dd,
2362 .yui3-cssreset ul,
2363 .yui3-cssreset ol,
2364 .yui3-cssreset li,
2365 .yui3-cssreset h1,
2366 .yui3-cssreset h2,
2367 .yui3-cssreset h3,
2368 .yui3-cssreset h4,
2369 .yui3-cssreset h5,
2370 .yui3-cssreset h6,
2371 .yui3-cssreset pre,
2372 .yui3-cssreset code,
2373 .yui3-cssreset form,
2374 .yui3-cssreset fieldset,
2375 .yui3-cssreset legend,
2376 .yui3-cssreset input,
2377 .yui3-cssreset textarea,
2378 .yui3-cssreset p,
2379 .yui3-cssreset blockquote,
2380 .yui3-cssreset th,
2381 .yui3-cssreset td {
2382         margin:0;
2383         padding:0;
2384 }
2385 .yui3-cssreset table {
2386         border-collapse:collapse;
2387         border-spacing:0;
2388 }
2389 .yui3-cssreset fieldset,
2390 .yui3-cssreset img {
2391         border:0;
2392 }
2393 /*
2394         TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
2395 */
2396 .yui3-cssreset address,
2397 .yui3-cssreset caption,
2398 .yui3-cssreset cite,
2399 .yui3-cssreset code,
2400 .yui3-cssreset dfn,
2401 .yui3-cssreset em,
2402 .yui3-cssreset strong,
2403 .yui3-cssreset th,
2404 .yui3-cssreset var {
2405         font-style:normal;
2406         font-weight:normal;
2407 }
2408
2409 .yui3-cssreset ol,
2410 .yui3-cssreset ul {
2411         list-style:none;
2412 }
2413
2414 .yui3-cssreset caption,
2415 .yui3-cssreset th {
2416         text-align:left;
2417 }
2418 .yui3-cssreset h1,
2419 .yui3-cssreset h2,
2420 .yui3-cssreset h3,
2421 .yui3-cssreset h4,
2422 .yui3-cssreset h5,
2423 .yui3-cssreset h6 {
2424         font-size:100%;
2425         font-weight:normal;
2426 }
2427 .yui3-cssreset q:before,
2428 .yui3-cssreset q:after {
2429         content:'';
2430 }
2431 .yui3-cssreset abbr,
2432 .yui3-cssreset acronym {
2433         border:0;
2434         font-variant:normal;
2435 }
2436 /* to preserve line-height and selector appearance */
2437 .yui3-cssreset sup {
2438         vertical-align:text-top;
2439 }
2440 .yui3-cssreset sub {
2441         vertical-align:text-bottom;
2442 }
2443 .yui3-cssreset input,
2444 .yui3-cssreset textarea,
2445 .yui3-cssreset select {
2446         font-family:inherit;
2447         font-size:inherit;
2448         font-weight:inherit;
2449 }
2450 /*to enable resizing for IE*/
2451 .yui3-cssreset input,
2452 .yui3-cssreset textarea,
2453 .yui3-cssreset select {
2454         *font-size:100%;
2455 }
2456 /*because legend doesn't inherit in IE */
2457 .yui3-cssreset legend {
2458         color:#000;
2459 }
2460
2461
2462 .yui3-g {
2463     letter-spacing: -0.31em; /* webkit: collapse white-space between units */
2464     *letter-spacing: normal; /* reset IE < 8 */
2465     word-spacing: -0.43em; /* IE < 8 && gecko: collapse white-space between units */
2466 }
2467
2468 .yui3-u,
2469 .yui3-u-1,
2470 .yui3-u-1-2,
2471 .yui3-u-1-3,
2472 .yui3-u-2-3,
2473 .yui3-u-1-4,
2474 .yui3-u-3-4,
2475 .yui3-u-1-5,
2476 .yui3-u-2-5,
2477 .yui3-u-3-5,
2478 .yui3-u-4-5,
2479 .yui3-u-1-6,
2480 .yui3-u-5-6,
2481 .yui3-u-1-8,
2482 .yui3-u-3-8,
2483 .yui3-u-5-8,
2484 .yui3-u-7-8,
2485 .yui3-u-1-12,
2486 .yui3-u-5-12,
2487 .yui3-u-7-12,
2488 .yui3-u-11-12,
2489 .yui3-u-1-24,
2490 .yui3-u-5-24,
2491 .yui3-u-7-24,
2492 .yui3-u-11-24,
2493 .yui3-u-13-24,
2494 .yui3-u-17-24,
2495 .yui3-u-19-24,
2496 .yui3-u-23-24 {
2497     display: inline-block;
2498     zoom: 1; *display: inline; /* IE < 8: fake inline-block */
2499     letter-spacing: normal;
2500     word-spacing: normal;
2501     vertical-align: top;
2502 }
2503
2504 .yui3-u-1 {
2505     display: block;
2506 }
2507
2508 .yui3-u-1-2 {
2509     width: 50%;
2510 }
2511
2512 .yui3-u-1-3 {
2513     width: 33.33333%;
2514 }
2515
2516 .yui3-u-2-3 {
2517     width: 66.66666%;
2518 }
2519
2520 .yui3-u-1-4 {
2521     width: 25%;
2522 }
2523
2524 .yui3-u-3-4 {
2525     width: 75%;
2526 }
2527
2528 .yui3-u-1-5 {
2529     width: 20%;
2530 }
2531
2532 .yui3-u-2-5 {
2533     width: 40%;
2534 }
2535
2536 .yui3-u-3-5 {
2537     width: 60%;
2538 }
2539
2540 .yui3-u-4-5 {
2541     width: 80%;
2542 }
2543
2544 .yui3-u-1-6 {
2545     width: 16.656%;
2546 }
2547
2548 .yui3-u-5-6 {
2549     width: 83.33%;
2550 }
2551
2552 .yui3-u-1-8 {
2553     width: 12.5%;
2554 }
2555
2556 .yui3-u-3-8 {
2557     width: 37.5%;
2558 }
2559
2560 .yui3-u-5-8 {
2561     width: 62.5%;
2562 }
2563
2564 .yui3-u-7-8 {
2565     width: 87.5%;
2566 }
2567
2568 .yui3-u-1-12 {
2569     width: 8.3333%;
2570 }
2571
2572 .yui3-u-5-12 {
2573     width: 41.6666%;
2574 }
2575
2576 .yui3-u-7-12 {
2577     width: 58.3333%;
2578 }
2579
2580 .yui3-u-11-12 {
2581     width: 91.6666%;
2582 }
2583
2584 .yui3-u-1-24 {
2585     width: 4.1666%;
2586 }
2587
2588 .yui3-u-5-24 {
2589     width: 20.8333%;
2590 }
2591
2592 .yui3-u-7-24 {
2593     width: 29.1666%;
2594 }
2595
2596 .yui3-u-11-24 {
2597     width: 45.8333%;
2598 }
2599
2600 .yui3-u-13-24 {
2601     width: 54.1666%;
2602 }
2603
2604 .yui3-u-17-24 {
2605     width: 70.8333%;
2606 }
2607
2608 .yui3-u-19-24 {
2609     width: 79.1666%;
2610 }
2611
2612 .yui3-u-23-24 {
2613     width: 95.8333%;
2614 }
2615 /* YUI CSS Detection Stamp */
2616 #yui3-css-stamp.cssgrids { display: none; }
2617 </style>
2618 <script>
2619 var element = document.getElementById("styleElement");
2620 var cssText = element.textContent;
2621 var count = 0;
2622 PerfTestRunner.runPerSecond({run:function() {
2623     element.textContent = "";
2624     element.textContent = cssText + "#some" + count + "{color:black};";
2625     count++;
2626 }});
2627
2628 </script>
2629 </body>