@{
    Layout = null;
}

<style>
    #localSeriesSlider {
        right: 150px;
    }

    .sliderContent .localSeriesLookup {
        width: 94%;
    }

    .sliderContent {
        height: 53px;
    }
</style>

<div id="localSeriesSlider" class="top-slider">
    <div class="sliderContent">
        Local Series Search
        <input class="localSeriesLookup" type="text" />
    </div>
    <div class="sliderButton">
        Search<div class="sliderImage sliderClosed"></div>
    </div>
</div>

<script type="text/javascript">
    //Ctrl+Shift+F to open the slider
    $(document).bind('keydown', 'ctrl+shift+f', function () {
        $('#localSeriesSlider').children('.sliderButton').click();
    });

    //Use ESC to close the slider
    $('.localSeriesLookup').bind('keydown', 'esc', function () {
        $(this).parent('.sliderContent').slideUp();
    });
</script>