<!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.measureRunsPerSecond({run:function() {
    element.textContent = "";
    element.textContent = cssText + "#some" + count + "{color:black};";
    count++;
}});

</script>
</body>