#slideout
        {
            position: fixed;
            top: 5px;
            right: 0;
            -webkit-transition-duration:0.7s;
            -moz-transition-duration:0.7s;
            -o-transition-duration:0.7s;
            transition-duration:0.7s;
            background-image:url(images/help.png);
            height:20px;
            width:20px;
            cursor:pointer;
        }
        #slideout_inner
        {
            position: fixed;
            top: 5px;
            right: -205px;
            z-index:10;
            height: 500px;
            width: 200px;
            background-color:#000000;
            cursor:help;
            -webkit-border-radius: 8px 0px 0px 8px;
            -moz-border-radius: 8px 0px 0px 8px;
            border-radius: 8px 0px 0px 8px;
            /*  -webkit-box-shadow:  4px 1px 2px 5px rgba(10, 1, 10, 0.5);
            box-shadow:  4px 1px 2px 5px rgba(10, 1, 10, 0.5);*/
            -webkit-transition-duration:0.7s;
            -moz-transition-duration:0.7s;
            -o-transition-duration:0.7s;
            transition-duration:0.7s;
        }
        #slideout:hover 
        {
            right: 205px;
        }
                
        #slideout:hover #slideout_inner
        {
            right: 0;
        }