/*
    Set the "zoom" property to "normal" since it is set to "1" by the
    ".example-container .bd" rule in yui.css and this causes a Menu
    instance's width to expand to 100% of the browser viewport.
*/

div.yuimenu .bd {

    zoom: normal;

}

/* Style the <div> element containing the Button instance */

#mirsvr-slidercontrols {

    padding: .5em .25em;
    margin-top: .5em;

}

#phastcon-slidercontrols {

    padding: .5em .25em;
    margin-top: .5em;

}

#slider-bg-mirsvr {
    position: relative;
    background: url(../images/bg-fader.gif) 7px 12px no-repeat;
    height: 28px;
    width: 209px;  /* this really means with our 17px thumb image, that our range is 192 pixels */
}

#slider-bg-phastcon {
    position: relative;
    background: url(../images/bg-fader.gif) 7px 12px no-repeat;
    height: 28px;
    width: 209px;  /* this really means with our 17px thumb image, that our range is 192 pixels */   
}

#mirsvr-slider-thumb {

    cursor: default;
    position: absolute;
    top: 4px;
    width: 17px;
    height: 21px;

}

#phastcon-slider-thumb {

    cursor: default;
    position: absolute;
    top: 4px;
    width: 17px;
    height: 21px;

}

/*
    Give the <em> element wrapping the Button instance's text label a
    fixed width so that the Button doesn't grow or shrink as the
    text label is updated.
*/

#selectmirSVRDisplay {

    width: 3em;
    font-style: normal;
    display: block;
    text-align: left;

}

#selectPhastConDisplay {

    width: 3em;
    font-style: normal;
    display: block;
    text-align: left;

}

#mirsvr-sliderbutton {

    vertical-align: middle;

}

#phastcon-sliderbutton {

    vertical-align: middle;

}