html {height:100%}

    body {
    margin:0;
    height:100%;
    overflow:hidden
    }

    .buttonleft {
        display: inline-block;
        line-height: 1;
        padding: 8px 12px;
        text-decoration: none;
        font-weight: bold;
        font-size:40px;
        color: #fff;
        background-color: #65646a;
        -moz-border-radius: 0px 15px 15px 0px;
        -webkit-border-radius: 0px 15px 15px 0px;
        -khtml-border-radius: 0px 15px 15px 0px;
        border-radius: 0px 15px 15px 0px;
        opacity:0.4;
        filter:alpha(opacity=40); /* For IE8 and earlier */
        position:fixed;
        left:0px;
        top:240px;
        border: 1px solid white;
        border-left: 0px;        
        z-index:9999;        
    }

    .buttonright {
        display: inline-block;
        line-height: 1;
        padding: 8px 12px;
        text-decoration: none;
        font-weight: bold;
        font-size:40px;
        color: #fff;
        background-color: #65646a;
        -moz-border-radius: 15px 0px 0px 15px;
        -webkit-border-radius: 15px 0px 0px 15px;
        -khtml-border-radius: 15px 0px 0px 15px;
        border-radius: 15px 0px 0px 15px;
        opacity:0.4;
        filter:alpha(opacity=40); /* For IE8 and earlier */
        position:fixed;
        right:0px;
        top:240px;
        border: 1px solid white;
        border-right: 0px;        
        z-index:9999;        
    }

    .buttonleft:hover {
        opacity:1;
        filter:alpha(opacity=100); /* For IE8 and earlier */
        border: 1px solid #65646a;
        color: #00b3e3;
        background-color: #fff;         
    }
    
    .buttonright:hover{
        opacity:1;
        filter:alpha(opacity=100); /* For IE8 and earlier */
        border: 1px solid #65646a;
        color: #00b3e3;
        background-color: #fff; 
    }
    
    .beginingleft {
        display: inline-block;
        line-height: 1;
        padding: 15px 12px 15px 2px;
        text-decoration: none;
        font-weight: bold;
        font-size:28px;
        color: #fff;
        background-color: #65646a;
        -moz-border-radius: 0px 15px 15px 0px;
        -webkit-border-radius: 0px 15px 15px 0px;
        -khtml-border-radius: 0px 15px 15px 0px;
        border-radius: 0px 15px 15px 0px;
        opacity:0.4;
        filter:alpha(opacity=40); /* For IE8 and earlier */
        position:fixed;
        left:0px;
        top:318px;
        border: 1px solid white;
        border-left: 0px;
        z-index:9999;        
    }

    .endingright {
        display: inline-block;
        line-height: 1;
        padding: 15px 2px 15px 12px;
        text-decoration: none;
        font-weight: bold;
        font-size:28px;
        color: #fff;
        background-color: #65646a;
        -moz-border-radius: 15px 0px 0px 15px;
        -webkit-border-radius: 15px 0px 0px 15px;
        -khtml-border-radius: 15px 0px 0px 15px;
        border-radius: 15px 0px 0px 15px;
        opacity:0.4;
        filter:alpha(opacity=40); /* For IE8 and earlier */
        position:fixed;
        right:0px;
        top:318px;
        border: 1px solid white;
        border-right: 0px;
        z-index:9999;        
    }
    
    .beginingleft:hover {
        opacity:1;
        filter:alpha(opacity=100); /* For IE8 and earlier */
        border: 1px solid #65646a;
        color: #00b3e3;
        background-color: #fff;
    }
    
    .endingright:hover{
        opacity:1;
        filter:alpha(opacity=100); /* For IE8 and earlier */
        border: 1px solid #65646a;
        color: #00b3e3;
        background-color: #fff;        
    }    
       
    .blink {
        animation-duration: 0.3s;
        animation-name: blink;
        animation-iteration-count: infinite;
        animation-direction: alternate;
        animation-timing-function: ease-in-out;
    }
    @keyframes blink {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
        }
    }
    
    .pagesynopsis {
        display: inline-block;
        line-height: 1;
        padding: 6px 12px;
        text-decoration: none;
        font-weight: bold;
        font-size:10px;
        color: #fff;
        background-color: #000;
        -moz-border-radius: 55px;
        -webkit-border-radius: 55px;
        -khtml-border-radius: 55px;
        border-radius: 55px;
        //opacity:0.4;
        //filter:alpha(opacity=40); /* For IE8 and earlier */
        //position:fixed;
        //left:50px;
        //bottom:180px;
        //top:500px;
        border: 0px none;
        z-index:9999;
    }
    .pagesynopsis:hover{
        opacity:1;
        filter:alpha(opacity=100); /* For IE8 and earlier */
    color: #000;
        background-color: #fff;
    }