/* color and iteration examples */
a#demo {
    background:#8dd5e7;
    border:1px solid #004c6d;
    color:#004c6d;
    display:block;
    height:2em;
    line-height:2em;
    width:6em;
    text-align:center;
}

/* xy and curve examples */
span#demo {
    background:#ffa928;
    display:block;
    height:10px;
    width:10px;
}

/* module examples */
div#demo {
    position:relative;
    width:22em;
    overflow:hidden;
}

div#demo {
    border-bottom:1px solid #7a97bb;
}

div#demo .yui-hd {
    background: #406ed9;
    border:1px solid #243356;
    position:relative;
    zoom:1;
}

div#demo .yui-hd h4 {
    border:0;
    color:#fff;
    margin:0;
}

#demo .yui-hd a { /* module control (close remove, etc) */
    background:url(sprite.png) no-repeat;
    color:#abceff;
    cursor:pointer;
    cursor:hand;
    right:5px;
    top:7px;
    position:absolute;
    text-indent:-999px;
    height:12px;
    width:24px;
    overflow:hidden;
    text-decoration:none;
}

div#demo .yui-bd {
    background:#abceff;
    border:solid #7a97bb;
    border-width:0 1px;
    overflow:hidden;
    zoom:1;
}

div#demo .yui-hd,
div#demo .yui-bd p {
    margin:0;
    padding:0.5em 1em;
}

div#demo div.yui-bd p {
    margin:0.3em 10px 0 0; /* right margin for scrollbar space */
}

div#demo .yui-bd p em {
    font-weight:bold;
}

/* basic example */
div#demo a.yui-remove {
    background-position:0 -300px;
    height:16px;
    width:26px;
}

/* scroll example */
div#demo .yui-scroll {
    height:10em;
    overflow:hidden;
}

#demo .yui-hd .yui-scroll-controls { /* fake scrollbar */
    background:#dfdfdf;
    border-left:1px solid #7a97bb;
    height:10em;
    width:13px;
    position:absolute;
    right:0;
    bottom:-10.1em;
    overflow:hidden;
}

#demo .yui-hd .yui-scroll-controls a {
    top:0;
    right:0;
    height:14px;
    width:14px;
    Xborder:1px solid #000;
}

#demo .yui-scroll-controls a.yui-scrollup {
    background-position:-12px -752px; /* scroll up icon */
}

#demo .yui-scroll-controls a.yui-scrolldown {
    background-position:-12px -804px; /* scroll down icon */
    top:auto;
    bottom:0;
}

/* reverse and easing examples */
#demo a.yui-toggle {
    background-position:0 -400px; /* close (minus) icon */
    height:15px;
    width:15px;
}

#demo.yui-closed a.yui-toggle {
    background-position:0 -350px; /* open (plus) icon */
}
