--- /dev/null
+<!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>