﻿#piping-radial-menu {
    position: fixed; 
    bottom: 150px; 
    right: 150px;
    width: 30px;
    height: 30px;
    /*width: 300px;
    height: 300px;*/
    /*background: #FFFFFF;*/

    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;

    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
#piping-radial-menu.open { /*need a secondary circle 'an outer circle' which will have the white as well so that it blocks out non important parts*/
    width: 250px;
    height: 250px;

    /*box-shadow: 0px 0px 0px 65534px rgba(0, 0, 0, .65);*/
    box-shadow: 0px 0px 0px 65534px rgba(0, 0, 0, .35);
    /*outline: 65534px solid rgba(0, 0, 0, .8);*/

    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
/*#piping-radial-menu.open:after{
    content:'';
    position:absolute;
    left:0; 
    top:0;
    border-radius:100%;
    width:300px; 
    height:300px;
    box-shadow: 0px 0px 0px 2000px #E3DFD2;
}*/
.radial-menu-toggle-btn {
    position: absolute;
    /*top: 135px; /*centers it based on known proportions
    left:135px;*/
    top: 113px;
    left: 113px;
}
#piping-radial-menu ul {
    margin: 0;
}
#piping-radial-menu ul li{
    display: none;
    position: absolute;
    width: 50px;
    height: 50px;
    opacity: 0;

    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -transform: scale(0);

    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
                
}
#piping-radial-menu ul li a {
    display: block; 
    text-align: center
}
#piping-radial-menu ul li a .tool-name {
    width: 0;
    overflow: hidden;
}
#piping-radial-menu ul li a:hover .tool-name {
    width: auto;
    background: #FFF;
    /*float: left;*/ /* alter based on its position in the curve (angle)*/
    z-index: 50;
}
#piping-radial-menu ul.open li {
    display: block;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -transform: scale(1);
}