Add a perf test for the CSS parser.
authoralexis.menard@openbossa.org <alexis.menard@openbossa.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Thu, 16 Feb 2012 20:14:38 +0000 (20:14 +0000)
committeralexis.menard@openbossa.org <alexis.menard@openbossa.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Thu, 16 Feb 2012 20:14:38 +0000 (20:14 +0000)
https://bugs.webkit.org/show_bug.cgi?id=78114

Reviewed by Ryosuke Niwa.

Add a perf test for the CSS parser. It load a big CSS chunk
which contains some snippets of the YUI library from Yahoo!.

* Parser/css-parser-yui.html: Added.

git-svn-id: https://svn.webkit.org/repository/webkit/trunk@107964 268f45cc-cd09-0410-ab3c-d52691b4dbfc

PerformanceTests/ChangeLog
PerformanceTests/Parser/css-parser-yui.html [new file with mode: 0644]

index 0e9d9c8..ad66c4b 100644 (file)
@@ -1,3 +1,15 @@
+2012-02-16  Alexis Menard  <alexis.menard@openbossa.org>
+
+        Add a perf test for the CSS parser.
+        https://bugs.webkit.org/show_bug.cgi?id=78114
+
+        Reviewed by Ryosuke Niwa.
+
+        Add a perf test for the CSS parser. It load a big CSS chunk
+        which contains some snippets of the YUI library from Yahoo!.
+
+        * Parser/css-parser-yui.html: Added.
+
 2012-02-08  Hajime Morrita  <morrita@chromium.org>
 
         [PerformanceTests] sunspider-crypto-md5.html and sunspider-crypto-sha1.html are timing out on cr-mac perf bot
diff --git a/PerformanceTests/Parser/css-parser-yui.html b/PerformanceTests/Parser/css-parser-yui.html
new file mode 100644 (file)
index 0000000..4f63b1a
--- /dev/null
@@ -0,0 +1,2629 @@
+<!DOCTYPE html>
+<body>
+<script src="../resources/runner.js"></script>
+<style id="styleElement" type="text/css">
+/* Some yui Yahoo! library snippet */
+
+/*Copyright (c) 2012, Yahoo! Inc. All rights reserved.
+----------------------------------------------------
+
+Redistribution and use of this software in source and binary forms, with or
+without modification, are permitted provided that the following conditions are
+met:
+
+  * Redistributions of source code must retain the above copyright notice, this
+    list of conditions and the following disclaimer.
+  * Redistributions in binary form must reproduce the above copyright notice,
+    this list of conditions and the following disclaimer in the documentation
+    and/or other materials provided with the distribution.
+  * Neither the name of Yahoo! Inc. nor the names of YUI's contributors may be
+    used to endorse or promote products derived from this software without
+    specific prior written permission of Yahoo! Inc.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
+ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
+ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.*/
+
+
+/* Vertical menus and submenus */
+
+.yui3-skin-night .yui3-menu-content,
+.yui3-skin-night .yui3-menu .yui3-menu .yui3-menu-content {
+
+    font-size: 100%;
+    line-height: 2.25;  /* 18px 1.5*/
+    *line-height: 1.45; /* For IE */
+    border: solid 1px #303030;
+    background: #151515;
+    /*padding: 3px 0;*/
+
+}
+
+.yui3-skin-night .yui3-menu .yui3-menu .yui3-menu-content {
+
+        font-size: 100%;
+
+}
+
+
+/* Horizontal menus */
+.yui3-skin-night .yui3-menu-horizontal .yui3-menu-content {
+
+    line-height: 2;  /* ~24px */
+    *line-height: 1.9; /* For IE */
+    background-color:#3b3c3d;
+        background: -moz-linear-gradient(
+                0% 100% 90deg,
+                #242526 0%,
+                #3b3c3d 96%,
+                #2C2D2F 100%
+        );
+    background: -webkit-gradient(
+        linear,
+        left bottom,
+        left top,
+        from(#242526),
+        color-stop(0.96, #3b3c3d),
+        to(#2C2D2F)
+    );
+    padding: 0;
+
+}
+
+
+.yui3-skin-night .yui3-menu ul,
+.yui3-skin-night .yui3-menu ul ul {
+
+        margin-top: 3px;
+        padding-top: 3px;
+    border-top: solid 1px #303030;
+
+}
+
+.yui3-skin-night .yui3-menu ul.first-of-type {
+
+    border: 0;
+        margin: 0;
+        padding: 0;
+
+}
+
+.yui3-skin-night .yui3-menu-horizontal ul {
+
+        padding: 0;
+        margin: 0;
+        border: 0;
+
+}
+
+
+.yui3-skin-night .yui3-menu li,
+.yui3-skin-night .yui3-menu .yui3-menu li {
+
+    /*
+        For and IE 6 (Strict Mode and Quirks Mode) and IE 7 (Quirks Mode only):
+                Used to collapse superfluous white space between <li> elements that is
+                triggered by the "display" property of the <a> elements being set to
+                "block" by node-menunav-core.css file.
+    */
+
+    _border-bottom: solid 1px #151515;
+
+}
+
+.yui3-skin-night .yui3-menu-horizontal li {
+
+        _border-bottom: 0;
+
+}
+
+.yui3-skin-night .yui3-menubuttonnav li {
+
+    border-right: solid 1px #ccc;
+
+}
+
+.yui3-skin-night .yui3-splitbuttonnav li {
+
+    border-right: solid 1px #303030;
+
+}
+
+.yui3-skin-night .yui3-menubuttonnav li li,
+.yui3-skin-night .yui3-splitbuttonnav li li {
+
+        border-right: 0;
+
+}
+
+
+/* Menuitems and menu labels */
+
+
+.yui3-skin-night .yui3-menu-label,
+.yui3-skin-night .yui3-menu .yui3-menu .yui3-menu-label,
+.yui3-skin-night .yui3-menuitem-content,
+.yui3-skin-night .yui3-menu .yui3-menu .yui3-menuitem-content {
+
+    /*padding: 0 20px;*/
+    padding: 0 1em;
+    /*background-color: #2F3030;*/
+
+
+
+
+
+
+    color: #fff;
+    text-decoration: none;
+    cursor: default;
+
+        /*
+                Necessary specify values for border, position and margin to override
+                values specified in the selectors that follow.
+        */
+
+        float: none;
+        border: 0;
+        margin: 0;
+
+}
+
+.yui3-skin-night .yui3-menu-horizontal .yui3-menu-label,
+.yui3-skin-night .yui3-menu-horizontal .yui3-menuitem-content {
+
+    padding: 0 10px;
+    border-style: solid;
+    border-color: #303030;
+    border-width: 1px 0;
+    margin: -1px 0;
+
+    float: left;    /* Ensures that menu labels clear floated descendents.
+                           Also gets negative margins working in IE 7
+                           (Strict Mode). */
+    width: auto;
+
+}
+
+.yui3-skin-night .yui3-menu-label,
+.yui3-skin-night .yui3-menu .yui3-menu .yui3-menu-label {
+
+        background: url(vertical-menu-submenu-indicator.png) right center no-repeat;
+
+}
+
+.yui3-skin-night .yui3-menu-horizontal .yui3-menu-label {
+
+    background: none;
+
+}
+
+.yui3-skin-night .yui3-menubuttonnav .yui3-menu-label,
+.yui3-skin-night .yui3-splitbuttonnav .yui3-menu-label {
+
+        background-image: none;
+
+}
+
+.yui3-skin-night .yui3-menubuttonnav .yui3-menu-label {
+
+    padding-right: 0;
+
+}
+
+.yui3-skin-night .yui3-menubuttonnav .yui3-menu-label em {
+
+        font-style: normal;
+        padding-right: 20px;
+    display: block;
+    background: url(horizontal-menu-submenu-indicator.png) right center no-repeat;
+
+}
+
+
+.yui3-skin-night .yui3-splitbuttonnav .yui3-menu-label {
+
+        padding: 0;
+
+}
+
+.yui3-skin-night .yui3-splitbuttonnav .yui3-menu-label a {
+
+        float: left;
+        width: auto;
+    color: #fff;
+    text-decoration: none;
+    cursor: default;
+        padding: 0 5px 0 10px;
+
+}
+
+.yui3-skin-night .yui3-splitbuttonnav .yui3-menu-label .yui3-menu-toggle {
+
+        padding: 0; /* Overide padding applied by the preceeding rule. */
+        border-left: solid 1px #303030;
+        width: 15px;
+        overflow: hidden;
+        text-indent: -1000px;
+    background: url(horizontal-menu-submenu-indicator.png) 3px center no-repeat;
+
+}
+
+
+/* Selected menuitem */
+
+.yui3-skin-night .yui3-menu-label-active,
+.yui3-skin-night .yui3-menu-label-menuvisible,
+.yui3-skin-night .yui3-menu .yui3-menu .yui3-menu-label-active,
+.yui3-skin-night .yui3-menu .yui3-menu .yui3-menu-label-menuvisible {
+
+        background-color: #292a2a;
+
+}
+
+.yui3-skin-night .yui3-menuitem-active .yui3-menuitem-content,
+.yui3-skin-night .yui3-menu .yui3-menu .yui3-menuitem-active .yui3-menuitem-content {
+
+        background-image: none;
+    background-color: #292a2a;
+    background: -moz-linear-gradient(
+                0% 100% 90deg,
+                #252626 0%,
+                #333434 100%
+        );
+    background: -webkit-gradient(
+        linear,
+        left top,
+        left bottom,
+        from(#333434),
+        to(#252626)
+    );
+
+    /*
+        Undo values set for "border-left-width" and "margin-left" when the root
+        menu has a class of "yui-menubuttonnav" or "yui-splitbuttonnav" applied.
+    */
+
+        border-left-width: 0;
+    margin-left: 0;
+
+}
+
+.yui3-skin-night .yui3-menu-horizontal .yui3-menu-label-active,
+.yui3-skin-night .yui3-menu-horizontal .yui3-menuitem-active .yui3-menuitem-content,
+.yui3-skin-night .yui3-menu-horizontal .yui3-menu-label-menuvisible {
+
+    border-color: #303030;
+        background-color:#555658;
+        background: -moz-linear-gradient(
+                0% 100% 90deg,
+                #343536 0%,
+                #555658 96%,
+                #3E3F41 100%
+        );
+    background: -webkit-gradient(
+        linear,
+        left bottom,
+        left top,
+        from(#343536),
+        color-stop(0.96, #555658),
+        to(#3E3F41)
+    );
+
+}
+
+.yui3-skin-night .yui3-menubuttonnav .yui3-menu-label-active,
+.yui3-skin-night .yui3-menubuttonnav .yui3-menuitem-active .yui3-menuitem-content,
+.yui3-skin-night .yui3-menubuttonnav .yui3-menu-label-menuvisible,
+.yui3-skin-night .yui3-splitbuttonnav .yui3-menu-label-active,
+.yui3-skin-night .yui3-splitbuttonnav .yui3-menuitem-active .yui3-menuitem-content,
+.yui3-skin-night .yui3-splitbuttonnav .yui3-menu-label-menuvisible {
+
+    border-left-width: 1px;
+    margin-left: -1px;
+
+}
+
+.yui3-skin-night .yui3-splitbuttonnav .yui3-menu-label-menuvisible {
+
+    border-color: #303030;
+    background: transparent;
+
+}
+
+.yui3-skin-night .yui3-splitbuttonnav .yui3-menu-label-menuvisible .yui3-menu-toggle {
+
+    border-color: #303030;
+    background-color: #505050;
+
+}
+
+.yui3-skin-sam .yui3-console-separate {
+    position:absolute;
+    right:1em;
+    top:1em;
+    z-index:999;
+}
+
+.yui3-skin-sam .yui3-console-inline {
+    /* xbrowser inline-block styles */
+    display: -moz-inline-stack; /* FF2 */
+    display: inline-block;
+    *display: inline; /* IE 7- (with zoom) */
+    zoom: 1;
+    vertical-align: top;
+}
+.yui3-skin-sam .yui3-console-inline .yui3-console-content {
+    position: relative;
+}
+
+.yui3-skin-sam .yui3-console-content {
+    background: #777;
+    _background: #D8D8DA url(bg.png) repeat-x 0 0;
+    font: normal 13px/1.3 Arial, sans-serif;
+    text-align: left;
+
+    border: 1px solid #777;
+    border-radius: 10px;
+    -moz-border-radius: 10px;
+    -webkit-border-radius: 10px;
+}
+
+.yui3-skin-sam .yui3-console-hd,
+.yui3-skin-sam .yui3-console-bd,
+.yui3-skin-sam .yui3-console-ft {
+    position: relative;
+}
+
+.yui3-skin-sam .yui3-console-hd,
+.yui3-skin-sam .yui3-console-ft .yui3-console-controls {
+    text-align: right;
+}
+
+.yui3-skin-sam .yui3-console-hd {
+    background: #D8D8DA url(bg.png) repeat-x 0 0;
+    padding: 1ex;
+
+    border: 1px solid transparent;
+    _border: 0 none;
+    border-top-right-radius: 10px;
+    border-top-left-radius: 10px;
+    -moz-border-radius-topright: 10px;
+    -moz-border-radius-topleft: 10px;
+    -webkit-border-top-right-radius: 10px;
+    -webkit-border-top-left-radius: 10px;
+}
+
+.yui3-skin-sam .yui3-console-bd {
+    background: #fff;
+    border-top: 1px solid #777;
+    border-bottom: 1px solid #777;
+    color: #000;
+    font-size: 11px;
+    overflow: auto;
+    overflow-x: auto;
+    overflow-y: scroll;
+    _width: 100%;
+}
+
+.yui3-skin-sam .yui3-console-ft {
+    background: #D8D8DA url(bg.png) repeat-x 0 0;
+
+    border: 1px solid transparent;
+    _border: 0 none;
+    border-bottom-right-radius: 10px;
+    border-bottom-left-radius: 10px;
+    -moz-border-radius-bottomright: 10px;
+    -moz-border-radius-bottomleft: 10px;
+    -webkit-border-bottom-right-radius: 10px;
+    -webkit-border-bottom-left-radius: 10px;
+}
+
+.yui3-skin-sam .yui3-console-controls {
+    padding: 4px 1ex;
+    zoom: 1;
+}
+
+.yui3-skin-sam .yui3-console-title {
+    color: #000;
+    display: inline;
+    float: left;
+    font-weight: bold;
+    font-size: 13px;
+    height: 24px;
+    line-height: 24px;
+    margin: 0;
+    padding-left: 1ex;
+}
+
+.yui3-skin-sam .yui3-console-pause-label {
+    float: left;
+}
+.yui3-skin-sam .yui3-console-button {
+    line-height: 1.3;
+}
+
+.yui3-skin-sam .yui3-console-collapsed .yui3-console-bd,
+.yui3-skin-sam .yui3-console-collapsed .yui3-console-ft {
+    display: none;
+}
+.yui3-skin-sam .yui3-console-content.yui3-console-collapsed {
+    -webkit-border-radius: 0;
+}
+.yui3-skin-sam .yui3-console-collapsed .yui3-console-hd {
+    border-radius: 10px;
+    -moz-border-radius: 10px;
+    -webkit-border-radius: 0;
+}
+
+/* Log entries */
+.yui3-skin-sam .yui3-console-entry {
+    border-bottom: 1px solid #aaa;
+    min-height: 32px;
+    _height: 32px;
+}
+
+.yui3-skin-sam .yui3-console-entry-meta {
+    margin: 0;
+    overflow: hidden;
+}
+
+.yui3-skin-sam .yui3-console-entry-content {
+    margin: 0;
+    padding: 0 1ex;
+    white-space: pre-wrap;
+    word-wrap: break-word;
+}
+
+.yui3-skin-sam .yui3-console-entry-meta .yui3-console-entry-src {
+    color: #000;
+    font-style: italic;
+    font-weight: bold;
+    float: right;
+    margin: 2px 5px 0 0;
+}
+.yui3-skin-sam .yui3-console-entry-meta .yui3-console-entry-time {
+    color: #777;
+    padding-left: 1ex;
+}
+.yui3-skin-sam .yui3-console-entry-warn .yui3-console-entry-meta .yui3-console-entry-time {
+    color: #555;
+}
+
+.yui3-skin-sam .yui3-console-entry-info .yui3-console-entry-meta .yui3-console-entry-cat,
+.yui3-skin-sam .yui3-console-entry-warn .yui3-console-entry-meta .yui3-console-entry-cat,
+.yui3-skin-sam .yui3-console-entry-error .yui3-console-entry-meta .yui3-console-entry-cat {
+    display: none;
+}
+.yui3-skin-sam .yui3-console-entry-warn {
+    background: #aee url(warn_error.png) no-repeat -15px 15px;
+}
+.yui3-skin-sam .yui3-console-entry-error {
+    background: #ffa url(warn_error.png) no-repeat 5px -24px;
+    color: #900;
+}
+.yui3-skin-sam .yui3-console-entry-warn .yui3-console-entry-content,
+.yui3-skin-sam .yui3-console-entry-error .yui3-console-entry-content {
+    padding-left: 24px;
+}
+.yui3-skin-sam .yui3-console-entry-cat {
+    text-transform: uppercase;
+    padding: 1px 4px;
+    background-color: #ccc;
+}
+.yui3-skin-sam .yui3-console-entry-info .yui3-console-entry-cat {
+    background-color: #ac2;
+}
+.yui3-skin-sam .yui3-console-entry-warn .yui3-console-entry-cat {
+    background-color: #e81;
+}
+.yui3-skin-sam .yui3-console-entry-error .yui3-console-entry-cat {
+    background-color: #b00;
+    color: #fff;
+}
+
+.yui3-skin-sam .yui3-console-hidden { display: none; }
+
+/*
+Font sizes for all selectors other than the body are given in percentages,
+with 100% equal to 13px. To calculate a font size percentage, multiply the
+desired size in pixels by 7.6923076923.
+
+Here's a quick lookup table:
+
+10px - 76.923%
+11px - 84.615%
+12px - 92.308%
+13px - 100%
+14px - 107.692%
+15px - 115.385%
+16px - 123.077%
+17px - 130.769%
+18px - 138.462%
+19px - 146.154%
+20px - 153.846%
+*/
+
+html {
+    background: #fff;
+    color: #333;
+    overflow-y: scroll;
+}
+
+body {
+    font: 13px/1.4 'Lucida Grande', 'Lucida Sans Unicode', 'DejaVu Sans', 'Bitstream Vera Sans', 'Helvetica', 'Arial', sans-serif;
+    margin: 0;
+    padding: 0;
+}
+
+/* -- Links ----------------------------------------------------------------- */
+a {
+    color: #356de4;
+    text-decoration: none;
+}
+
+a:hover { text-decoration: underline; }
+
+/* "Jump to Table of Contents" link is shown to assistive tools, but hidden from
+   sight until it's focused. */
+.jump {
+    position: absolute;
+    padding: 3px 6px;
+    left: -99999px;
+    top: 0;
+}
+
+.jump:focus { left: 40%; }
+
+/* -- Paragraphs ------------------------------------------------------------ */
+p { margin: 1.3em 0; }
+dd p, td p { margin-bottom: 0; }
+dd p:first-child, td p:first-child { margin-top: 0; }
+
+/* -- Headings -------------------------------------------------------------- */
+h1, h2, h3, h4, h5, h6 {
+    font-weight: bold;
+    line-height: 1.1;
+    margin: 1.5em 0 1em;
+}
+
+h2, h3, h4, h5, h6 { color: #f80; }
+
+h1 {
+    font-family: Verdana, 'DejaVu Sans', 'Bitstream Vera Sans', Helvetica, sans-serif;
+    font-size: 261.538%; /* 34px */
+    margin: 25px 0 18px 25px;
+    -moz-text-shadow: 1px 1px 2px #999;
+    -webkit-text-shadow: 1px 1px 2px #999;
+    text-shadow: 1px 1px 2px #999;
+}
+
+h2 {
+    font-size: 153.846%;
+    margin-top: 1.2em;
+}
+
+h3 { font-size: 138.462%; }
+
+h4 {
+    border-bottom: 1px solid #d9d9d9;
+    color: #555;
+    font-size: 115.385%;
+    font-weight: normal;
+    text-transform: uppercase;
+}
+
+h5, h6 { font-size: 107.692%; }
+
+/* -- Code and examples ----------------------------------------------------- */
+code, kbd, pre, samp {
+    font-family: Menlo, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Consolas', 'Monaco', fixed;
+    font-size: 92.308%;
+    line-height: 1.35;
+}
+
+p code, p kbd, p samp {
+    background: #f6f6f6;
+    border: 1px solid #ededed;
+    padding: 0 3px;
+}
+
+a code, a kbd, a samp,
+pre code, pre kbd, pre samp,
+table code, table kbd, table samp,
+.intro code, .intro kbd, .intro samp,
+.toc code, .toc kbd, .toc samp {
+    background: none;
+    border: none;
+    padding: 0;
+}
+
+pre.code, pre.terminal {
+    overflow-x: auto;
+    *overflow-x: scroll;
+    padding: 0.3em 0.6em;
+}
+
+pre.code {
+    background: #f8f8f8;
+    border: 1px solid #ececec;
+    border-left: 5px solid #e2e2e2;
+}
+
+pre.terminal {
+    background: #F0EFFC;
+    border: 1px solid #D0CBFB;
+    border-left: 5px solid #D0CBFB;
+}
+
+/* Don't reduce the font size of <code>/<kbd>/<samp> elements inside <pre>
+   blocks. */
+pre code, pre kbd, pre samp { font-size: 100%; }
+
+/* Used to denote text that shouldn't be selectable, such as line numbers or
+   shell prompts. Guess which browser this doesn't work in. */
+.noselect {
+    -moz-user-select: -moz-none;
+    -khtml-user-select: none;
+    -webkit-user-select: none;
+    -o-user-select: none;
+    user-select: none;
+}
+
+/* -- Tables ---------------------------------------------------------------- */
+caption, th { text-align: left; }
+
+table {
+    border-collapse: collapse;
+    width: 100%;
+}
+
+td, th {
+    border: 1px solid #fff;
+    padding: 5px 12px;
+    vertical-align: top;
+}
+
+td { background: #E5EDF1; }
+td dl { margin: 0; }
+td dl dl { margin: 1em 0; }
+td pre:first-child { margin-top: 0; }
+
+th {
+    background: #6C8EA1;
+    color: #fff;
+    font-weight: bold;
+    line-height: 1.3;
+    text-transform: uppercase;
+    white-space: nowrap;
+}
+
+/* -- Lists ----------------------------------------------------------------- */
+.spaced li { margin: 0.8em 0; }
+
+dd { margin: 0.2em 0 0.7em 1em; }
+dl { margin: 1em 0; }
+dt { font-weight: bold; }
+
+/* -- Layout and Content ---------------------------------------------------- */
+#doc {
+    margin: auto;
+    width: 1024px;
+}
+
+#main { width: 754px; }
+#sidebar { width: 270px; }
+
+.content { padding: 0 20px 0 25px; }
+
+/* -- Sidebar --------------------------------------------------------------- */
+.sidebox {
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    -moz-box-shadow: 0 0 3px #afafaf;
+    -webkit-box-shadow: 0 0 3px #afafaf;
+    box-shadow: 0 0 3px #afafaf;
+    font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'Helvetica', 'Arial', sans-serif;
+    margin: 0 20px 15px 5px;
+    padding: 2px;
+}
+
+.sidebox h2 {
+    background: #efefef;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    color: #333;
+    font-size: 107.692%;
+    margin: 0;
+    padding: 2px 6px 3px;
+}
+
+.sidebox .bd { font-size: 84.615%; }
+.sidebox li { list-style-type: square; }
+
+.sidebox ol, .sidebox ul {
+    margin-left: 0;
+    padding-left: 24px;
+}
+
+.sidebox ol ol, .sidebox ol ul,
+.sidebox ul ol, .sidebox ul ul {
+    margin: 0;
+    padding-left: 16px;
+}
+
+/* -- Table of Contents ----------------------------------------------------- */
+
+/* The #toc id refers to the single global table of contents, while the .toc
+   class refers to generic TOC lists that could be used throughout the page. */
+
+.toc code, .toc kbd, .toc samp { font-size: 100%; }
+.toc li { font-weight: bold; }
+.toc li li { font-weight: normal; }
+
+/* -- Intro and Example Boxes ----------------------------------------------- */
+.intro, .example { margin-bottom: 2em; }
+
+.example {
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    -moz-box-shadow: 0 0 5px #bfbfbf;
+    -webkit-box-shadow: 0 0 5px #bfbfbf;
+    box-shadow: 0 0 5px #bfbfbf;
+    padding: 1em;
+}
+
+.intro {
+    background: #E2EEFB;
+    border: 1px solid #BDD6F4;
+    padding: 0em 1em;
+}
+
+/* -- Other Styles ---------------------------------------------------------- */
+
+/* These are probably YUI-specific, and should be moved out of Selleck's default
+   theme. */
+
+.button {
+    border: 1px solid #dadada;
+    -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
+    border-radius: 3px;
+    color: #444;
+    display: inline-block;
+    font-family: Helvetica, Arial, sans-serif;
+    font-size: 92.308%;
+    font-weight: bold;
+    padding: 4px 13px 3px;
+    -moz-text-shadow: 1px 1px 0 #fff;
+    -webkit-text-shadow: 1px 1px 0 #fff;
+    text-shadow: 1px 1px 0 #fff;
+    white-space: nowrap;
+
+    background: #EFEFEF; /* old browsers */
+    background: -moz-linear-gradient(top, #f5f5f5 0%, #efefef 50%, #e5e5e5 51%, #dfdfdf 100%); /* firefox */
+    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 */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#dfdfdf',GradientType=0 ); /* ie */
+}
+
+.button:hover {
+    border-color: #466899;
+    color: #fff;
+    text-decoration: none;
+    -moz-text-shadow: 1px 1px 0 #222;
+    -webkit-text-shadow: 1px 1px 0 #222;
+    text-shadow: 1px 1px 0 #222;
+
+    background: #6396D8; /* old browsers */
+    background: -moz-linear-gradient(top, #6396D8 0%, #5A83BC 50%, #547AB7 51%, #466899 100%); /* firefox */
+    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 */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6396D8', endColorstr='#466899',GradientType=0 ); /* ie */
+}
+
+.newwindow { text-align: center; }
+
+/* Vertical menus and submenus */
+
+.yui3-skin-sam .yui3-menu-content,
+.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-content {
+
+    font-size: 93%;  /* 12px */
+    line-height: 1.5;  /* 18px */
+    *line-height: 1.45; /* For IE */
+    border: solid 1px #808080;
+    background: #fff;
+    padding: 3px 0;
+
+}
+
+.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-content {
+
+        font-size: 100%;
+
+}
+
+
+/* Horizontal menus */
+
+.yui3-skin-sam .yui3-menu-horizontal .yui3-menu-content {
+
+    line-height: 2;  /* ~24px */
+    *line-height: 1.9; /* For IE */
+    background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0;
+    padding: 0;
+
+}
+
+
+.yui3-skin-sam .yui3-menu ul,
+.yui3-skin-sam .yui3-menu ul ul {
+
+        margin-top: 3px;
+        padding-top: 3px;
+    border-top: solid 1px #ccc;
+
+}
+
+.yui3-skin-sam .yui3-menu ul.first-of-type {
+
+    border: 0;
+        margin: 0;
+        padding: 0;
+
+}
+
+.yui3-skin-sam .yui3-menu-horizontal ul {
+
+        padding: 0;
+        margin: 0;
+        border: 0;
+
+}
+
+
+.yui3-skin-sam .yui3-menu li,
+.yui3-skin-sam .yui3-menu .yui3-menu li {
+
+    /*
+        For and IE 6 (Strict Mode and Quirks Mode) and IE 7 (Quirks Mode only):
+                Used to collapse superfluous white space between <li> elements that is
+                triggered by the "display" property of the <a> elements being set to
+                "block" by node-menunav-core.css file.
+    */
+
+    _border-bottom: solid 1px #fff;
+
+}
+
+.yui3-skin-sam .yui3-menu-horizontal li {
+
+        _border-bottom: 0;
+
+}
+
+.yui3-skin-sam .yui3-menubuttonnav li {
+
+    border-right: solid 1px #ccc;
+
+}
+
+.yui3-skin-sam .yui3-splitbuttonnav li {
+
+    border-right: solid 1px #808080;
+
+}
+
+.yui3-skin-sam .yui3-menubuttonnav li li,
+.yui3-skin-sam .yui3-splitbuttonnav li li {
+
+        border-right: 0;
+
+}
+
+
+/* Menuitems and menu labels */
+
+
+.yui3-skin-sam .yui3-menu-label,
+.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-label,
+.yui3-skin-sam .yui3-menuitem-content,
+.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menuitem-content {
+
+    /*padding: 0 20px;*/
+    padding: 0 1em;
+    color: #000;
+    text-decoration: none;
+    cursor: default;
+
+        /*
+                Necessary specify values for border, position and margin to override
+                values specified in the selectors that follow.
+        */
+
+        float: none;
+        border: 0;
+        margin: 0;
+
+}
+
+.yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label,
+.yui3-skin-sam .yui3-menu-horizontal .yui3-menuitem-content {
+
+    padding: 0 10px;
+    border-style: solid;
+    border-color: #808080;
+    border-width: 1px 0;
+    margin: -1px 0;
+
+    float: left;    /* Ensures that menu labels clear floated descendents.
+                           Also gets negative margins working in IE 7
+                           (Strict Mode). */
+    width: auto;
+
+}
+
+.yui3-skin-sam .yui3-menu-label,
+.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-label {
+
+        background: url(vertical-menu-submenu-indicator.png) right center no-repeat;
+
+}
+
+.yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label {
+
+    background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0;
+
+}
+
+.yui3-skin-sam .yui3-menubuttonnav .yui3-menu-label,
+.yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label {
+
+        background-image: none;
+
+}
+
+.yui3-skin-sam .yui3-menubuttonnav .yui3-menu-label {
+
+    padding-right: 0;
+
+}
+
+.yui3-skin-sam .yui3-menubuttonnav .yui3-menu-label em {
+
+        font-style: normal;
+        padding-right: 20px;
+    display: block;
+    background: url(horizontal-menu-submenu-indicator.png) right center no-repeat;
+
+}
+
+
+.yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label {
+
+        padding: 0;
+
+}
+
+.yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label a {
+
+        float: left;
+        width: auto;
+    color: #000;
+    text-decoration: none;
+    cursor: default;
+        padding: 0 5px 0 10px;
+
+}
+
+.yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label .yui3-menu-toggle {
+
+        padding: 0; /* Overide padding applied by the preceeding rule. */
+        border-left: solid 1px #ccc;
+        width: 15px;
+        overflow: hidden;
+        text-indent: -1000px;
+    background: url(horizontal-menu-submenu-indicator.png) 3px center no-repeat;
+
+}
+
+
+/* Selected menuitem */
+
+.yui3-skin-sam .yui3-menu-label-active,
+.yui3-skin-sam .yui3-menu-label-menuvisible,
+.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-label-active,
+.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-label-menuvisible {
+
+        background-color: #B3D4FF;
+
+}
+
+.yui3-skin-sam .yui3-menuitem-active .yui3-menuitem-content,
+.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menuitem-active .yui3-menuitem-content {
+
+        background-image: none;
+    background-color: #B3D4FF;
+
+    /*
+        Undo values set for "border-left-width" and "margin-left" when the root
+        menu has a class of "yui-menubuttonnav" or "yui-splitbuttonnav" applied.
+    */
+
+        border-left-width: 0;
+    margin-left: 0;
+
+}
+
+.yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label-active,
+.yui3-skin-sam .yui3-menu-horizontal .yui3-menuitem-active .yui3-menuitem-content,
+.yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label-menuvisible {
+
+    border-color: #7D98B8;
+    background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 -1700px;
+
+}
+
+.yui3-skin-sam .yui3-menubuttonnav .yui3-menu-label-active,
+.yui3-skin-sam .yui3-menubuttonnav .yui3-menuitem-active .yui3-menuitem-content,
+.yui3-skin-sam .yui3-menubuttonnav .yui3-menu-label-menuvisible,
+.yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label-active,
+.yui3-skin-sam .yui3-splitbuttonnav .yui3-menuitem-active .yui3-menuitem-content,
+.yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label-menuvisible {
+
+    border-left-width: 1px;
+    margin-left: -1px;
+
+}
+
+.yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label-menuvisible {
+
+    border-color: #808080;
+    background: transparent;
+
+}
+
+.yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label-menuvisible .yui3-menu-toggle {
+
+    border-color: #7D98B8;
+    background: url(horizontal-menu-submenu-toggle.png) left center no-repeat;
+
+}
+
+
+/*
+*
+* The YUI CSS Foundation uses the *property and _property CSS filter
+* techniques to shield a value from A-grade browsers [1] other than
+* IE6 & IE7 (*property) and IE6 (_property)
+*
+/
+Section: General Rules
+*/
+.yui3-cssgrids body {
+        /* center the page */
+        text-align: center;
+        margin-left: auto;
+        margin-right: auto;
+}
+/*
+Section: Page Width Rules (#doc, #doc2, #doc3, #doc4)
+*/
+/*
+Subsection: General
+*/
+.yui3-cssgrids .yui3-d0, /* 100% */
+.yui3-cssgrids .yui3-d1, /* 750px */
+.yui3-cssgrids .yui3-d1f, /* 750px fixed */
+.yui3-cssgrids .yui3-d2, /* 950px */
+.yui3-cssgrids .yui3-d2f, /* 950px fixed */
+.yui3-cssgrids .yui3-d3, /* 974px */
+.yui3-cssgrids .yui3-d3f { /* 974px fixed */
+        margin: auto;
+        text-align: left;
+        width: 57.69em;
+        *width: 56.25em; /* doc1*/
+}
+
+.yui3-cssgrids .yui3-t1,
+.yui3-cssgrids .yui3-t2,
+.yui3-cssgrids .yui3-t3,
+.yui3-cssgrids .yui3-t4,
+.yui3-cssgrids .yui3-t5,
+.yui3-cssgrids .yui3-t6 {
+        margin: auto;
+        text-align: left;
+        width: 100%;
+}
+
+/*
+Subsection: 100% (doc)
+*/
+.yui3-cssgrids .yui3-d0 {
+        /* Left and Right margins are not a structural part of Grids. Without them Grids
+        works fine, but content bleeds to the very edge of the document, which often
+        impairs readability and usability. They are
+        provided because they prevent the content from "bleeding" into the browser's chrome.*/
+        margin: auto 10px;
+        width: auto;
+}
+.yui3-cssgrids .yui3-d0f {
+        width: 100%;
+}
+
+/*
+Subsection: 950 Centered (doc2)
+*/
+.yui3-cssgrids .yui3-d2 {
+        width: 73.076em;
+        *width: 71.25em;
+}
+.yui3-cssgrids .yui3-d2f {
+        width: 950px;
+}
+/*
+Subsection: 974 Centered (doc3)
+*/
+.yui3-cssgrids .yui3-d3 {
+        width: 74.923em;
+        *width: 73.05em;
+}
+.yui3-cssgrids .yui3-d3f {
+        width: 974px;
+}
+/*
+Section: Preset Template Rules (.yui3-t[1-6])
+*/
+/*
+Subsection: General
+*/
+
+/* to preserve source-order independence for Gecko without breaking IE */
+.yui3-cssgrids .yui3-b {
+        position: relative;
+}
+.yui3-cssgrids .yui3-b {
+        _position: static;
+}
+.yui3-cssgrids .yui3-main .yui3-b {
+        position: static;
+}
+.yui3-cssgrids .yui3-main {
+        width: 100%;
+}
+.yui3-cssgrids .yui3-t1 .yui3-main,
+.yui3-cssgrids .yui3-t2 .yui3-main,
+.yui3-cssgrids .yui3-t3 .yui3-main {
+        float: right;
+        /* IE: preserve layout at narrow widths */
+        margin-left: -25em;
+}
+.yui3-cssgrids .yui3-t4 .yui3-main,
+.yui3-cssgrids .yui3-t5 .yui3-main,
+.yui3-cssgrids .yui3-t6 .yui3-main {
+        float: left;
+        /* IE: preserve layout at narrow widths */
+        margin-right: -25em;
+}
+
+/* Subsection: For Specific Template Presets */
+
+/**
+* Nudge down to get to 13px equivalent for these form elements
+*/
+
+/*
+TODO Create t1-6's that are based on fixed widths
+*/
+/* t1 narrow block = left, equivalent of 160px */
+.yui3-cssgrids .yui3-t1 .yui3-b {
+        float: left;
+        width: 12.30769em;
+        *width: 12.00em;
+}
+.yui3-cssgrids .yui3-t1 .yui3-main .yui3-b {
+        margin-left: 13.30769em;
+        *margin-left:12.975em;
+}
+/* t2 narrow block = left, equivalent of 180px */
+.yui3-cssgrids .yui3-t2 .yui3-b {
+        float: left;
+        width: 13.84615em;
+        *width: 13.50em;
+}
+.yui3-cssgrids .yui3-t2 .yui3-main .yui3-b {
+        margin-left: 14.84615em;
+        *margin-left: 14.475em;
+}
+/* t3 narrow block = left, equivalent of 300px */
+.yui3-cssgrids .yui3-t3 .yui3-b {
+        float: left;
+        width: 23.0769em;
+        *width: 22.50em;
+}
+.yui3-cssgrids .yui3-t3 .yui3-main .yui3-b {
+        margin-left: 24.0769em;
+        *margin-left: 23.475em;
+}
+/* t4 narrow block = right, equivalent of 180px */
+.yui3-cssgrids .yui3-t4 .yui3-b {
+        float: right;
+        width: 13.8456em;
+        *width: 13.50em;
+}
+.yui3-cssgrids .yui3-t4 .yui3-main .yui3-b {
+        margin-right: 14.8456em;
+        *margin-right: 14.475em;
+}
+/* t5 narrow block = right, equivalent of 240px */
+.yui3-cssgrids .yui3-t5 .yui3-b {
+        float: right;
+        width: 18.4615em;
+        *width: 18.00em;
+}
+.yui3-cssgrids .yui3-t5 .yui3-main .yui3-b {
+        margin-right: 19.4615em;
+        *margin-right: 18.975em;
+}
+/* t6 narrow block = equivalent of 300px */
+.yui3-cssgrids .yui3-t6 .yui3-b {
+        float: right;
+        width: 23.0769em;
+        *width: 22.50em;
+}
+.yui3-cssgrids .yui3-t6 .yui3-main .yui3-b {
+        margin-right: 24.0769em;
+        *margin-right: 23.475em;
+}
+
+.yui3-cssgrids .yui3-main .yui3-b {
+        float: none;
+        width: auto;
+}
+
+/*
+Section: Grids and Nesting Grids
+*/
+
+/*
+Subsection: Children generally take half the available space
+*/
+
+.yui3-cssgrids .yui3-gb .yui3-u,
+.yui3-cssgrids .yui3-g .yui3-gb .yui3-u,
+.yui3-cssgrids .yui3-gb .yui3-g,
+.yui3-cssgrids .yui3-gb .yui3-gb,
+.yui3-cssgrids .yui3-gb .yui3-gc,
+.yui3-cssgrids .yui3-gb .yui3-gd,
+.yui3-cssgrids .yui3-gb .yui3-ge,
+.yui3-cssgrids .yui3-gb .yui3-gf,
+.yui3-cssgrids .yui3-gc .yui3-u,
+.yui3-cssgrids .yui3-gc .yui3-g,
+.yui3-cssgrids .yui3-gd .yui3-u {
+        float: left;
+}
+
+/*Float units (and sub grids) to the right */
+.yui3-cssgrids .yui3-g .yui3-u,
+.yui3-cssgrids .yui3-g .yui3-g,
+.yui3-cssgrids .yui3-g .yui3-gb,
+.yui3-cssgrids .yui3-g .yui3-gc,
+.yui3-cssgrids .yui3-g .yui3-gd,
+.yui3-cssgrids .yui3-g .yui3-ge,
+.yui3-cssgrids .yui3-g .yui3-gf,
+.yui3-cssgrids .yui3-gc .yui3-u,
+.yui3-cssgrids .yui3-gd .yui3-g,
+.yui3-cssgrids .yui3-g .yui3-gc .yui3-u,
+.yui3-cssgrids .yui3-ge .yui3-u,
+.yui3-cssgrids .yui3-ge .yui3-g,
+.yui3-cssgrids .yui3-gf .yui3-g,
+.yui3-cssgrids .yui3-gf .yui3-u {
+        float: right;
+}
+
+/*Float units (and sub grids) to the left */
+.yui3-cssgrids .yui3-g div.first,
+.yui3-cssgrids .yui3-gb div.first,
+.yui3-cssgrids .yui3-gc div.first,
+.yui3-cssgrids .yui3-gd div.first,
+.yui3-cssgrids .yui3-ge div.first,
+.yui3-cssgrids .yui3-gf div.first,
+.yui3-cssgrids .yui3-g .yui3-gc div.first,
+.yui3-cssgrids .yui3-g .yui3-ge div.first,
+.yui3-cssgrids .yui3-gc div.first div.first {
+        float: left;
+}
+
+.yui3-cssgrids .yui3-g .yui3-u,
+.yui3-cssgrids .yui3-g .yui3-g,
+.yui3-cssgrids .yui3-g .yui3-gb,
+.yui3-cssgrids .yui3-g .yui3-gc,
+.yui3-cssgrids .yui3-g .yui3-gd,
+.yui3-cssgrids .yui3-g .yui3-ge,
+.yui3-cssgrids .yui3-g .yui3-gf {
+        width: 49.1%;
+}
+
+.yui3-cssgrids .yui3-gb .yui3-u,
+.yui3-cssgrids .yui3-g .yui3-gb .yui3-u,
+.yui3-cssgrids .yui3-gb .yui3-g,
+.yui3-cssgrids .yui3-gb .yui3-gb,
+.yui3-cssgrids .yui3-gb .yui3-gc,
+.yui3-cssgrids .yui3-gb .yui3-gd,
+.yui3-cssgrids .yui3-gb .yui3-ge,
+.yui3-cssgrids .yui3-gb .yui3-gf,
+.yui3-cssgrids .yui3-gc .yui3-u,
+.yui3-cssgrids .yui3-gc .yui3-g,
+.yui3-cssgrids .yui3-gd .yui3-u {
+        width: 32%;
+        margin-left: 2.0%;
+}
+
+/* Give IE some extra breathing room for 1/3-based rounding issues */
+.yui3-cssgrids .yui3-gb .yui3-u {
+        *width: 31.8%;
+        *margin-left: 1.9%;
+}
+
+.yui3-cssgrids .yui3-gc div.first,
+.yui3-cssgrids .yui3-gd .yui3-u {
+        width: 66%;
+        _width: 65.7%;
+}
+.yui3-cssgrids .yui3-gd div.first {
+        width: 32%;
+        _width: 31.5%;
+}
+
+.yui3-cssgrids .yui3-ge div.first,
+.yui3-cssgrids .yui3-gf .yui3-u {
+        width: 74.2%;
+        _width: 74%;
+}
+
+.yui3-cssgrids .yui3-ge .yui3-u,
+.yui3-cssgrids .yui3-gf div.first {
+        width: 24%;
+        _width: 23.8%;
+}
+
+.yui3-cssgrids .yui3-g .yui3-gb div.first,
+.yui3-cssgrids .yui3-gb div.first,
+.yui3-cssgrids .yui3-gc div.first,
+.yui3-cssgrids .yui3-gd div.first {
+        margin-left: 0;
+}
+
+/*
+Section: Deep Nesting
+*/
+.yui3-cssgrids .yui3-g .yui3-g .yui3-u,
+.yui3-cssgrids .yui3-gb .yui3-g .yui3-u,
+.yui3-cssgrids .yui3-gc .yui3-g .yui3-u,
+.yui3-cssgrids .yui3-gd .yui3-g .yui3-u,
+.yui3-cssgrids .yui3-ge .yui3-g .yui3-u,
+.yui3-cssgrids .yui3-gf .yui3-g .yui3-u {
+        width: 49%;
+        *width: 48.1%;
+        *margin-left: 0;
+}
+
+.yui3-cssgrids .yui3-g .yui3-gb div.first,
+.yui3-cssgrids .yui3-gb .yui3-gb div.first {
+        *margin-right: 0;
+        *width: 32%;
+        _width: 31.7%;
+}
+
+.yui3-cssgrids .yui3-g .yui3-gc div.first,
+.yui3-cssgrids .yui3-gd .yui3-g {
+        width: 66%;
+}
+
+.yui3-cssgrids .yui3-gb .yui3-g div.first {
+        *margin-right: 4%;
+        _margin-right: 1.3%;
+}
+
+.yui3-cssgrids .yui3-gb .yui3-gc div.first,
+.yui3-cssgrids .yui3-gb .yui3-gd div.first {
+        *margin-right: 0;
+}
+
+.yui3-cssgrids .yui3-gb .yui3-gb .yui3-u,
+.yui3-cssgrids .yui3-gb .yui3-gc .yui3-u {
+        *margin-left: 1.8%;
+        _margin-left: 4%;
+}
+
+.yui3-cssgrids .yui3-g .yui3-gb .yui3-u {
+        _margin-left: 1.0%;
+}
+
+.yui3-cssgrids .yui3-gb .yui3-gd .yui3-u {
+        *width: 66%;
+        _width: 61.2%;
+}
+.yui3-cssgrids .yui3-gb .yui3-gd div.first {
+        *width: 31%;
+        _width: 29.5%;
+}
+
+.yui3-cssgrids .yui3-g .yui3-gc .yui3-u,
+.yui3-cssgrids .yui3-gb .yui3-gc .yui3-u {
+        width: 32%;
+        _float: right;
+        margin-right: 0;
+        _margin-left: 0;
+}
+.yui3-cssgrids .yui3-gb .yui3-gc div.first {
+        width: 66%;
+        *float: left;
+        *margin-left: 0;
+}
+
+.yui3-cssgrids .yui3-gb .yui3-ge .yui3-u,
+.yui3-cssgrids .yui3-gb .yui3-gf .yui3-u {
+        margin: 0;
+}
+
+.yui3-cssgrids .yui3-gb .yui3-gb .yui3-u {
+        _margin-left: .7%;
+}
+
+.yui3-cssgrids .yui3-gb .yui3-g div.first,
+.yui3-cssgrids .yui3-gb .yui3-gb div.first {
+        *margin-left:0;
+}
+
+.yui3-cssgrids .yui3-gc .yui3-g .yui3-u,
+.yui3-cssgrids .yui3-gd .yui3-g .yui3-u {
+        *width: 48.1%;
+        *margin-left: 0;
+}
+
+.yui3-cssgrids .yui3-gb .yui3-gd div.first {
+        width: 32%;
+}
+.yui3-cssgrids .yui3-g .yui3-gd div.first {
+        _width: 29.9%;
+}
+
+.yui3-cssgrids .yui3-ge .yui3-g {
+        width: 24%;
+}
+.yui3-cssgrids .yui3-gf .yui3-g {
+        width: 74.2%;
+}
+
+.yui3-cssgrids .yui3-gb .yui3-ge div.yui3-u,
+.yui3-cssgrids .yui3-gb .yui3-gf div.yui3-u {
+        float: right;
+}
+.yui3-cssgrids .yui3-gb .yui3-ge div.first,
+.yui3-cssgrids .yui3-gb .yui3-gf div.first {
+        float: left;
+}
+
+/* Width Accommodation for Nested Contexts */
+.yui3-cssgrids .yui3-gb .yui3-ge .yui3-u,
+.yui3-cssgrids .yui3-gb .yui3-gf div.first {
+        *width: 24%;
+        _width: 20%;
+}
+
+/* Width Accommodation for Nested Contexts */
+
+.yui3-cssgrids .yui3-gc .yui3-gf .yui3-u {
+        width: 74%;
+        _width: 73%;
+}
+
+.yui3-cssgrids .yui3-gc .yui3-gf div.first {
+        width: 24%;
+}
+
+.yui3-cssgrids .yui3-gb .yui3-ge div.first,
+.yui3-cssgrids .yui3-gb .yui3-gf .yui3-u {
+        *width: 73.5%;
+        _width: 65.5%;
+}
+
+/* Patch for GD within GE */
+.yui3-cssgrids .yui3-ge div.first .yui3-gd .yui3-u {
+        width: 65%;
+}
+.yui3-cssgrids .yui3-ge div.first .yui3-gd div.first {
+        width: 32%;
+}
+
+/*
+Section: Clearing. zoom for IE, :after for others
+*/
+
+.yui3-cssgrids #bd:after,
+.yui3-cssgrids .yui3-g:after,
+.yui3-cssgrids .yui3-gb:after,
+.yui3-cssgrids .yui3-gc:after,
+.yui3-cssgrids .yui3-gd:after,
+.yui3-cssgrids .yui3-ge:after,
+.yui3-cssgrids .yui3-gf:after,
+.yui3-cssgrids .yui3-t1:after,
+.yui3-cssgrids .yui3-t2:after,
+.yui3-cssgrids .yui3-t3:after,
+.yui3-cssgrids .yui3-t4:after,
+.yui3-cssgrids .yui3-t5:after,
+.yui3-cssgrids .yui3-t6:after {
+        content: ".";
+        display: block;
+        height: 0;
+        clear: both;
+        visibility: hidden;
+}
+.yui3-cssgrids #bd,
+.yui3-cssgrids .yui3-g,
+.yui3-cssgrids .yui3-gb,
+.yui3-cssgrids .yui3-gc,
+.yui3-cssgrids .yui3-gd,
+.yui3-cssgrids .yui3-ge,
+.yui3-cssgrids .yui3-gf,
+.yui3-cssgrids .yui3-t1,
+.yui3-cssgrids .yui3-t2,
+.yui3-cssgrids .yui3-t3,
+.yui3-cssgrids .yui3-t4,
+.yui3-cssgrids .yui3-t5,
+.yui3-cssgrids .yui3-t6 {
+        zoom: 1;
+}
+
+
+/* Style for a "Recommendation" */
+
+/*
+   Copyright 1997-2003 W3C (MIT, ERCIM, Keio). All Rights Reserved.
+   The following software licensing rules apply:
+   http://www.w3.org/Consortium/Legal/copyright-software */
+
+/* $Id: base.css,v 1.25 2006/04/18 08:42:53 bbos Exp $ */
+
+body {
+  padding: 2em 1em 2em 70px;
+  margin: 0;
+  font-family: sans-serif;
+  color: black;
+  background: white;
+  background-position: top left;
+  background-attachment: fixed;
+  background-repeat: no-repeat;
+}
+:link { color: #00C; background: transparent }
+:visited { color: #609; background: transparent }
+a:active { color: #C00; background: transparent }
+
+a:link img, a:visited img { border-style: none } /* no border on img links */
+
+a img { color: white; }        /* trick to hide the border in Netscape 4 */
+@media all {                   /* hide the next rule from Netscape 4 */
+  a img { color: inherit; }    /* undo the color change above */
+}
+
+th, td { /* ns 4 */
+  font-family: sans-serif;
+}
+
+h1, h2, h3, h4, h5, h6 { text-align: left }
+/* background should be transparent, but WebTV has a bug */
+h1, h2, h3 { color: #005A9C; background: white }
+h1 { font: 170% sans-serif }
+h2 { font: 140% sans-serif }
+h3 { font: 120% sans-serif }
+h4 { font: bold 100% sans-serif }
+h5 { font: italic 100% sans-serif }
+h6 { font: small-caps 100% sans-serif }
+
+.hide { display: none }
+
+div.head { margin-bottom: 1em }
+div.head h1 { margin-top: 2em; clear: both }
+div.head table { margin-left: 2em; margin-top: 2em }
+
+p.copyright { font-size: small }
+p.copyright small { font-size: small }
+
+a:hover { background: #ffa }
+
+pre { margin-left: 2em }
+/*
+p {
+  margin-top: 0.6em;
+  margin-bottom: 0.6em;
+}
+*/
+dt, dd { margin-top: 0; margin-bottom: 0 } /* opera 3.50 */
+dt { font-weight: bold }
+
+pre, code { font-family: monospace } /* navigator 4 requires this */
+
+ul.toc, ol.toc {
+  list-style: disc; /* Mac NS has problem with 'none' */
+  list-style: none;
+}
+
+@media aural {
+  h1, h2, h3 { stress: 20; richness: 90 }
+  .hide { speak: none }
+  p.copyright { volume: x-soft; speech-rate: x-fast }
+  dt { pause-before: 20% }
+  pre { speak-punctuation: code }
+}
+
+
+/*
+ * Style sheet for the HTML 4.0 specification
+ * $Id: default.css,v 1.13 1999/03/08 17:25:02 ijacobs Exp $
+ */
+
+div.example {
+    width: 100%;
+    color: black;
+}
+div.dtd-example {
+    width: 100%;
+    color: black;
+}
+tt.example {
+    color: maroon;
+    margin-left: 1em;
+}
+pre {
+    color: maroon;
+    margin-left: 1em;
+}
+div.dtd-fragment {
+    width: 100%;
+    border: none;
+    background-color: #eee;
+}
+pre.dtd-fragment {
+    margin-left: 0;
+}
+pre.dtd {
+    color: black;
+    margin-left: 0;
+}
+div.illegal-example {
+    width: 100%;
+    color: red;
+    border: solid red;
+}
+div.illegal-example p {
+    color: black;
+}
+div.deprecated-example {
+    width: 100%;
+    color: red;
+    border: solid rgb(255,165,0); /* orange */
+}
+div.deprecated-example p {
+    color: black;
+}
+div.note {
+    color: green;
+    margin-left: 1em;
+}
+p.note {
+    color: green;
+    margin-left: 1em;
+}
+ul.toc {
+    list-style-type: none;
+}
+
+a.normref {
+    color : red;
+}
+
+a.informref {
+    color : green;
+}
+
+DIV.subtoc {padding: 1em; border: solid thin; margin: 1em 0;
+    background: #ddd}
+
+
+#hd {
+    background: #f5f5f5; /* old browsers */
+    background: -moz-linear-gradient(top, #dcdbd9 0%, #F6F5F3 100%); /* firefox was...(top, #ddd 0%, #f8f8f8 100%)*/
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dcdbd9), color-stop(100%,#F6F5F3)); /* webkit */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcdbd9', endColorstr='#F6F5F3',GradientType=0 ); /* ie */
+
+    border-bottom: 1px solid #dfdfdf;
+    *zoom: 1;
+    padding: 1em;
+}
+#hd h1 {
+    font-size: 116%;
+    font-weight: bold;
+    color: #000;
+}
+#ft {
+    font-size: 85%;
+    font-style: italic;
+}
+#play {
+    margin-top: .75em;
+    zoom: 1;
+}
+#play:after { display: block; clear: both; visibility: hidden; content: '.'; height: 0;}
+
+#feeds {
+    margin-top: .75em;
+    min-height: 500px;
+    *height: 500px;
+    padding: .5em;
+    position: relative;
+
+    background: #F9F9FC;/*E6E9F5*/
+    border: 1px solid #D4D8EB;
+
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
+    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
+    box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
+    font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'Helvetica', 'Arial', sans-serif;
+    margin: 15px 0;
+    padding-bottom: 1px;
+
+}
+
+#feeds ul li {
+    background-repeat: no-repeat;
+    padding-left: 25px;
+    margin: 3px;
+    cursor: move;
+    zoom: 1;
+}
+#feeds ul li.disabled {
+    opacity: .5;
+    filter: alpha(opacity=50);
+    cursor: default;
+}
+
+ul.list {
+    border: 1px dashed #ccc;
+    margin: .5em;
+    width: 325px;
+    float: left;
+    min-height: 500px;
+    *height: 500px;
+    zoom: 1;
+
+}
+
+.yui3-dd-proxy {
+    text-align: left;
+    padding-left: 20px;
+    padding: 5px;
+    margin: 2px;
+}
+
+.yui3-dd-proxy li, #play li {
+    padding-left: 20px;
+    padding: 5px;
+    margin: 2px;
+}
+
+#play li.moving {
+    background: #F9F9FC;/*E6E9F5*/
+    border: 1px solid #D4D8EB;
+}
+
+div.mod {
+    position: relative;
+    zoom: 1;
+
+    background: #F9F9FC;/*E6E9F5*/
+    border: 1px solid #D4D8EB;
+
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
+    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
+    box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
+    font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'Helvetica', 'Arial', sans-serif;
+    margin: 15px 0;
+    padding-bottom: 1px;
+
+
+
+}
+div.mod div.inner {
+    overflow: hidden;
+    zoom: 1;
+}
+div.mod div.inner div.loading {
+    background-image: url(progress.gif);
+    background-repeat: no-repeat;
+    background-position: 5px 5px;
+    padding: 5px 5px 5px 25px;
+
+}
+#play div.mod div.inner ul li {
+    padding-left: 20px;
+    font-size: 80%;
+}
+div.mod div.inner ul li a {
+    color: #000;
+}
+div.mod h2 {
+    position: relative;
+    zoom: 1;
+    cursor: move;
+    zoom: 1;
+
+    background: #E5E6F1;
+    -moz-border-radius: 4px 4px 0 0;
+    -webkit-border-radius: 4px 4px 0 0;
+    border-radius: 4px 4px 0 0;
+    color: #5E6BA4;
+    font-weight: bold;
+    font-size: 107.692%;
+    margin: 0;
+    padding: 4px 7px 5px;
+
+
+}
+
+div.mod h2 strong {
+    font-weight: bold;
+    background-repeat: no-repeat;
+    padding-left: 25px;
+}
+
+div.minned h2 {
+    border-bottom: 1px solid #ccc;
+}
+
+div.mod h2 a.close, div.mod h2 a.min {
+    background-color: #F9F9FC;
+    border:1px solid #E5E6F1;
+    color: #5E6BA4;
+    text-align: center;
+    display: block;
+    height: 13px;
+    width: 17px;
+    text-decoration: none;
+    font-weight: bold;
+    right: 4px;
+    top: 1px;
+    position: absolute;
+    font-size: 80%;
+    margin: 2px;
+    padding: 0;
+}
+div.mod h2 a.min {
+    right: 25px;
+}
+div.minned h2 a.min {
+    right: 25px;
+}
+div.mod h2 a:hover.close, div.mod h2 a:hover.min {
+    border-color: #D4D8EB;
+}
+
+
+.yui3-button {
+    /* Structure */
+    display: inline-block;
+    *display: inline;
+    zoom: 1;
+    font-size: 100%;
+    margin: 0;
+    padding: 0 1em;
+    line-height: normal;
+    line-height: 2;
+    white-space: nowrap;
+    vertical-align: baseline;
+    text-align: center;
+    cursor: pointer;
+    -webkit-user-drag: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    user-select: none;
+    /* Presentation */
+    color: rgba(0,0,0, 0.80);
+    *color: #444;
+    background-color: #e6e6e6;
+    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));
+    background-image: -webkit-linear-gradient(rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent);
+    background-image: -moz-linear-gradient(top, rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent);
+    background-image: -ms-linear-gradient(rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent);
+    background-image: -o-linear-gradient(rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent);
+    background-image: linear-gradient(rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent);
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=0);
+    text-decoration: none;
+    border: none;
+    border: solid 1px #999\9; /*ie hack*/
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    border-radius: 4px;
+    -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);
+    -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);
+    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);
+
+    /* Transitions */
+    -webkit-transition: 0.1s linear -webkit-box-shadow;
+    -moz-transition: 0.1s linear -moz-box-shadow;
+    -ms-transition: 0.1s linear box-shadow;
+    -o-transition: 0.1s linear box-shadow;
+    transition: 0.1s linear box-shadow;
+}
+
+input.yui3-button {
+    height: 2em; /* Fixes height for <input> in firefox/opera */
+}
+
+a.yui3-button {
+    color: rgba(0,0,0, 0.80);
+    color: #444;
+    text-decoration:none;
+}
+
+
+.yui3-button:hover {
+    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)));
+    background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15));
+    background-image: -moz-linear-gradient(top, transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15));
+    background-image: -ms-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15));
+    background-image: -o-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15));
+    background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15));
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#26000000', GradientType=0);
+}
+
+
+.yui3-button:active {
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0, 0.10)), to(rgba(0,0,0, 0.15)));
+    background-image: -webkit-linear-gradient(rgba(0,0,0, 0.10), rgba(0,0,0, 0.15));
+    background-image: -moz-linear-gradient(top, rgba(0,0,0, 0.10), rgba(0,0,0, 0.15));
+    background-image: -ms-linear-gradient(rgba(0,0,0, 0.10), rgba(0,0,0, 0.15));
+    background-image: -o-linear-gradient(rgba(0,0,0, 0.10), rgba(0,0,0, 0.15));
+    background-image: linear-gradient(rgba(0,0,0, 0.10), rgba(0,0,0, 0.15));
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1A000000', endColorstr='#26000000', GradientType=0);
+    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 4px rgba(0,0,0, 0.30) inset;
+    -moz-box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 4px rgba(0,0,0, 0.30) inset;
+    box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 4px rgba(0,0,0, 0.30) inset;
+}
+
+
+.yui3-button-disabled,
+.yui3-button-disabled:hover,
+.yui3-button-disabled:active {
+    cursor: default;
+    background-image: none;
+    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+    filter: alpha(opacity=55);
+    -khtml-opacity: 0.55;
+    -moz-opacity: 0.55;
+    opacity: 0.55;
+    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset;
+    -moz-box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset;
+    box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset;
+}
+
+
+.yui3-button::-moz-focus-inner{
+    padding: 0;
+    border: 0;
+}
+
+
+/* sam button */
+.yui3-button-selected {
+    background-color: #345FCB;
+    color: #fff;
+    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);
+}
+/* end sam button*/
+
+
+/* night button */
+.yui3-skin-night .yui3-button {
+    background-color: #343536;
+    color: #DCDCDC;
+    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);
+}
+.yui3-skin-night .yui3-button-selected {
+    background-color: #747576;
+    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
+}
+/*end night button*/
+
+.yui3-menu .yui3-menu {
+
+        position: absolute;
+        z-index: 1;
+
+}
+
+
+.yui3-menu .yui3-shim {
+
+        /*
+                Styles for the <iframe> shim used to prevent <select> elements from poking through
+                submenus in IE < 7.  Note: For peformance, creation of the <iframe> shim for each submenu
+                is deferred until it is initially made visible by the user.
+        */
+
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: -1;
+        opacity: 0;
+        filter: alpha(opacity=0);  /* For IE since it doesn't implement the CSS3 "opacity" property. */
+        border: none;
+        margin: 0;
+        padding: 0;
+        height: 100%;
+        width: 100%;
+
+}
+
+.yui3-menu-hidden {
+
+        /*
+                Position hidden menus outside the viewport boundaries to prevent them from
+                triggering scrollbars on the viewport.
+        */
+
+        top: -10000px;
+        left: -10000px;
+
+        /*
+                Using "visibility:hidden" over "display" none because:
+
+                1)      As the "position" property for submenus is set to "absolute", they are out of
+                        the document flow and take up no space.  Therefore, from that perspective use of
+                        "display:none" is redundant.
+
+                2)      According to MSDN use of "display:none" is more expensive:
+                        "Display is the more expensive of the two CSS properties, so if you are
+                        making elements appear and disappear often, visibility will be faster."
+                        (See http://msdn.microsoft.com/en-us/library/bb264005(VS.85).aspx)
+        */
+
+        visibility: hidden;
+
+}
+
+.yui3-menu li {
+
+    list-style-type: none;
+
+}
+
+.yui3-menu ul,
+.yui3-menu li {
+
+    margin: 0;
+    padding: 0;
+
+}
+
+.yui3-menu-label,
+.yui3-menuitem-content {
+
+    text-align: left;
+    white-space: nowrap;
+    display: block;
+
+}
+
+.yui3-menu-horizontal li {
+
+        float: left;
+        width: auto;
+
+}
+
+.yui3-menu-horizontal li li {
+
+        float: none;
+
+}
+
+.yui3-menu-horizontal ul {
+
+        /*
+                Use of "zoom" sets the "hasLayout" property to "true" in IE (< 8).  When "hasLayout" is
+                set to "true", an element can clear its floated descendents.  For more:
+                http://msdn.microsoft.com/en-gb/library/ms533776(VS.85).aspx
+        */
+
+        *zoom: 1;
+
+}
+
+.yui3-menu-horizontal ul ul {
+
+        /*
+                No need to clear <ul>s of submenus of horizontal menus since <li>s of submenus
+                aren't floated.
+        */
+
+        *zoom: normal;
+
+}
+
+.yui3-menu-horizontal>.yui3-menu-content>ul:after {
+
+        /*  Self-clearing solution for Opera, Webkit, Gecko and IE > 7 */
+
+        content: "";
+        display: block;
+        clear: both;
+        line-height: 0;
+        font-size: 0;
+        visibility: hidden;
+
+}
+
+
+/*
+        The following two rules are for IE 7.  Triggering "hasLayout" (via use of "zoom") prevents
+        first-tier submenus from hiding when the mouse is moving from an menu label in a root menu to
+        its corresponding submenu.
+*/
+
+.yui3-menu-content {
+
+        *zoom: 1;
+
+}
+
+
+.yui3-menu-hidden .yui3-menu-content {
+
+        *zoom: normal;
+
+}
+
+
+/*
+        The following two rules are for IE 6 (Standards Mode and Quirks Mode) and IE 7 (Quirks Mode
+        only).  Triggering "hasLayout" (via use of "zoom") fixes a bug in IE where mousing mousing off
+        the text node of menuitem or menu label will incorrectly trigger the mouseout event.
+*/
+
+.yui3-menuitem-content,
+.yui3-menu-label {
+
+        _zoom: 1;
+
+}
+
+.yui3-menu-hidden .yui3-menuitem-content,
+.yui3-menu-hidden .yui3-menu-label {
+
+        _zoom: normal;
+
+}
+
+/*
+        TODO will need to remove settings on HTML since we can't namespace it.
+        TODO with the prefix, should I group by selector or property for weight savings?
+*/
+html{
+        color:#000;
+        background:#FFF;
+}
+/*
+        TODO remove settings on BODY since we can't namespace it.
+*/
+/*
+        TODO test putting a class on HEAD.
+                - Fails on FF.
+*/
+body,
+div,
+dl,
+dt,
+dd,
+ul,
+ol,
+li,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+pre,
+code,
+form,
+fieldset,
+legend,
+input,
+textarea,
+p,
+blockquote,
+th,
+td {
+        margin:0;
+        padding:0;
+}
+table {
+        border-collapse:collapse;
+        border-spacing:0;
+}
+fieldset,
+img {
+        border:0;
+}
+/*
+        TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
+*/
+address,
+caption,
+cite,
+code,
+dfn,
+em,
+strong,
+th,
+var {
+        font-style:normal;
+        font-weight:normal;
+}
+
+ol,
+ul {
+        list-style:none;
+}
+
+caption,
+th {
+        text-align:left;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+        font-size:100%;
+        font-weight:normal;
+}
+q:before,
+q:after {
+        content:'';
+}
+abbr,
+acronym {
+        border:0;
+        font-variant:normal;
+}
+/* to preserve line-height and selector appearance */
+sup {
+        vertical-align:text-top;
+}
+sub {
+        vertical-align:text-bottom;
+}
+input,
+textarea,
+select {
+        font-family:inherit;
+        font-size:inherit;
+        font-weight:inherit;
+}
+/*to enable resizing for IE*/
+input,
+textarea,
+select {
+        *font-size:100%;
+}
+/*because legend doesn't inherit in IE */
+legend {
+        color:#000;
+}
+
+/*e
+        TODO will need to remove settings on HTML since we can't namespace it.
+        TODO with the prefix, should I group by selector or property for weight savings?
+*/
+.yui3-cssreset html{
+        color:#000;
+        background:#FFF;
+}
+/*
+        TODO remove settings on BODY since we can't namespace it.
+*/
+/*
+        TODO test putting a class on HEAD.
+                - Fails on FF.
+*/
+.yui3-cssreset body,
+.yui3-cssreset div,
+.yui3-cssreset dl,
+.yui3-cssreset dt,
+.yui3-cssreset dd,
+.yui3-cssreset ul,
+.yui3-cssreset ol,
+.yui3-cssreset li,
+.yui3-cssreset h1,
+.yui3-cssreset h2,
+.yui3-cssreset h3,
+.yui3-cssreset h4,
+.yui3-cssreset h5,
+.yui3-cssreset h6,
+.yui3-cssreset pre,
+.yui3-cssreset code,
+.yui3-cssreset form,
+.yui3-cssreset fieldset,
+.yui3-cssreset legend,
+.yui3-cssreset input,
+.yui3-cssreset textarea,
+.yui3-cssreset p,
+.yui3-cssreset blockquote,
+.yui3-cssreset th,
+.yui3-cssreset td {
+        margin:0;
+        padding:0;
+}
+.yui3-cssreset table {
+        border-collapse:collapse;
+        border-spacing:0;
+}
+.yui3-cssreset fieldset,
+.yui3-cssreset img {
+        border:0;
+}
+/*
+        TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
+*/
+.yui3-cssreset address,
+.yui3-cssreset caption,
+.yui3-cssreset cite,
+.yui3-cssreset code,
+.yui3-cssreset dfn,
+.yui3-cssreset em,
+.yui3-cssreset strong,
+.yui3-cssreset th,
+.yui3-cssreset var {
+        font-style:normal;
+        font-weight:normal;
+}
+
+.yui3-cssreset ol,
+.yui3-cssreset ul {
+        list-style:none;
+}
+
+.yui3-cssreset caption,
+.yui3-cssreset th {
+        text-align:left;
+}
+.yui3-cssreset h1,
+.yui3-cssreset h2,
+.yui3-cssreset h3,
+.yui3-cssreset h4,
+.yui3-cssreset h5,
+.yui3-cssreset h6 {
+        font-size:100%;
+        font-weight:normal;
+}
+.yui3-cssreset q:before,
+.yui3-cssreset q:after {
+        content:'';
+}
+.yui3-cssreset abbr,
+.yui3-cssreset acronym {
+        border:0;
+        font-variant:normal;
+}
+/* to preserve line-height and selector appearance */
+.yui3-cssreset sup {
+        vertical-align:text-top;
+}
+.yui3-cssreset sub {
+        vertical-align:text-bottom;
+}
+.yui3-cssreset input,
+.yui3-cssreset textarea,
+.yui3-cssreset select {
+        font-family:inherit;
+        font-size:inherit;
+        font-weight:inherit;
+}
+/*to enable resizing for IE*/
+.yui3-cssreset input,
+.yui3-cssreset textarea,
+.yui3-cssreset select {
+        *font-size:100%;
+}
+/*because legend doesn't inherit in IE */
+.yui3-cssreset legend {
+        color:#000;
+}
+
+
+.yui3-g {
+    letter-spacing: -0.31em; /* webkit: collapse white-space between units */
+    *letter-spacing: normal; /* reset IE < 8 */
+    word-spacing: -0.43em; /* IE < 8 && gecko: collapse white-space between units */
+}
+
+.yui3-u,
+.yui3-u-1,
+.yui3-u-1-2,
+.yui3-u-1-3,
+.yui3-u-2-3,
+.yui3-u-1-4,
+.yui3-u-3-4,
+.yui3-u-1-5,
+.yui3-u-2-5,
+.yui3-u-3-5,
+.yui3-u-4-5,
+.yui3-u-1-6,
+.yui3-u-5-6,
+.yui3-u-1-8,
+.yui3-u-3-8,
+.yui3-u-5-8,
+.yui3-u-7-8,
+.yui3-u-1-12,
+.yui3-u-5-12,
+.yui3-u-7-12,
+.yui3-u-11-12,
+.yui3-u-1-24,
+.yui3-u-5-24,
+.yui3-u-7-24,
+.yui3-u-11-24,
+.yui3-u-13-24,
+.yui3-u-17-24,
+.yui3-u-19-24,
+.yui3-u-23-24 {
+    display: inline-block;
+    zoom: 1; *display: inline; /* IE < 8: fake inline-block */
+    letter-spacing: normal;
+    word-spacing: normal;
+    vertical-align: top;
+}
+
+.yui3-u-1 {
+    display: block;
+}
+
+.yui3-u-1-2 {
+    width: 50%;
+}
+
+.yui3-u-1-3 {
+    width: 33.33333%;
+}
+
+.yui3-u-2-3 {
+    width: 66.66666%;
+}
+
+.yui3-u-1-4 {
+    width: 25%;
+}
+
+.yui3-u-3-4 {
+    width: 75%;
+}
+
+.yui3-u-1-5 {
+    width: 20%;
+}
+
+.yui3-u-2-5 {
+    width: 40%;
+}
+
+.yui3-u-3-5 {
+    width: 60%;
+}
+
+.yui3-u-4-5 {
+    width: 80%;
+}
+
+.yui3-u-1-6 {
+    width: 16.656%;
+}
+
+.yui3-u-5-6 {
+    width: 83.33%;
+}
+
+.yui3-u-1-8 {
+    width: 12.5%;
+}
+
+.yui3-u-3-8 {
+    width: 37.5%;
+}
+
+.yui3-u-5-8 {
+    width: 62.5%;
+}
+
+.yui3-u-7-8 {
+    width: 87.5%;
+}
+
+.yui3-u-1-12 {
+    width: 8.3333%;
+}
+
+.yui3-u-5-12 {
+    width: 41.6666%;
+}
+
+.yui3-u-7-12 {
+    width: 58.3333%;
+}
+
+.yui3-u-11-12 {
+    width: 91.6666%;
+}
+
+.yui3-u-1-24 {
+    width: 4.1666%;
+}
+
+.yui3-u-5-24 {
+    width: 20.8333%;
+}
+
+.yui3-u-7-24 {
+    width: 29.1666%;
+}
+
+.yui3-u-11-24 {
+    width: 45.8333%;
+}
+
+.yui3-u-13-24 {
+    width: 54.1666%;
+}
+
+.yui3-u-17-24 {
+    width: 70.8333%;
+}
+
+.yui3-u-19-24 {
+    width: 79.1666%;
+}
+
+.yui3-u-23-24 {
+    width: 95.8333%;
+}
+/* YUI CSS Detection Stamp */
+#yui3-css-stamp.cssgrids { display: none; }
+</style>
+<script>
+var element = document.getElementById("styleElement");
+var cssText = element.textContent;
+var count = 0;
+PerfTestRunner.run(function() {
+    element.textContent = "";
+    element.textContent = cssText + "#some" + count + "{color:black};";
+    count++;
+}, 100);
+
+</script>
+</body>