#slideout_pd {
    /* position: absolute; */
    position: fixed;
    top: 220px;
    right: -85px;
    width: 125px;
    height: 30px;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    line-height: 0.5em;
}
#slideout_tab_pd {
    position: relative;
    top: 0;
    left: 0;
    padding: 12px 6px 12px 12px;
    text-align: center;
    background: #009ada;
    color: white;
    cursor:pointer;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    z-index: 1;
}
#slideout_inner_pd {
    position: absolute;
    top: -125px;
    left: 40px;
    background: #009ada;
    width: 220px;
    padding: 15px;
    height: 220px;
    cursor:auto;
    color: white;
    border-color: white;
    border-width: 1px;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    z-index: 1;
}
#showblock_pd:checked + #slideout_pd{
  right: 127px;

}
#showblock_pd{display:none;}

#slideout_fp {
    /* position: absolute; */
    position: fixed;
    top: 420px;
    right: -85px;
    width: 125px;
    height: 30px;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    line-height: 0.5em;
}
#slideout_tab_fp {
    position: relative;
    top: 0;
    left: 0;
    padding: 12px 6px 12px 12px;
    text-align: center;
    background: #999999;
    color: white;
    cursor:pointer;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    z-index: 1;
}
#slideout_inner_fp {
    position: absolute;
    top: -125px;
    left: 40px;
    background: #999999;
    width: 220px;
    padding: 15px;
    height: 220px;
    cursor:auto;
    color: white;
    border-color: white;
    border-width: 1px;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    z-index: 1;
}
#showblock_fp:checked + #slideout_fp{
  right: 125px;

}
#showblock_fp{display:none;}
.vertical-text {
	transform: rotate(270deg);
	transform-origin: left top 0;
}