
.jquery-shadow
{
    position: relative;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.3),0 0 60px rgba(0,0,0,.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.3),0 0 40px rgba(0,0,0,.1) inset;
    box-shadow: 0 1px 4px rgba(0,0,0,.3),0 0 40px rgba(0,0,0,.1) inset;
}

.jquery-shadow:before, .jquery-shadow:after
{
    content: "";
    position: absolute;
    z-index: -2;
}

.jquery-shadow-lifted:before, .jquery-shadow-lifted:after
{
    bottom: 15px;
    left: 10px;
    width: 50%;
    height: 20%;
    max-width: 300px;
    -webkit-box-shadow: 0 15px 10px rgba(0,0,0,.7);
    -moz-box-shadow: 0 15px 10px rgba(0,0,0,.7);
    box-shadow: 0 15px 10px rgba(0,0,0,.7);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

.jquery-shadow-lifted:after
{
    right: 10px;
    left: auto;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    transform: rotate(3deg);
}

.jquery-shadow-perspective:before
{
    left: 80px;
    bottom: 5px;
    width: 50%;
    height: 35%;
    max-width: 200px;
    -webkit-box-shadow: -80px 0 8px rgba(0,0,0,.4);
    -moz-box-shadow: -80px 0 8px rgba(0,0,0,.4);
    box-shadow: -80px 0 8px rgba(0,0,0,.4);
    -webkit-transform: skew(50deg);
    -moz-transform: skew(50deg);
    -ms-transform: skew(50deg);
    -o-transform: skew(50deg);
    transform: skew(50deg);
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

.jquery-shadow-perspective:after
{
    display: none;
}

.jquery-shadow-sides:before
{
    top: 10px;
    bottom: 10px;
    left: 0;
    right: 50%;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,.6);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,.6);
    box-shadow: 0 0 15px rgba(0,0,0,.6);
    -moz-border-radius: 10px/100px;
    border-radius: 10px/100px;
}

.jquery-shadow-sides-vt-2:before
{
    right: 0;
}

.jquery-shadow-sides-hz-1:before
{
    top: 50%;
    bottom: 0;
    left: 10px;
    right: 10px;
    -moz-border-radius: 100px/10px;
    border-radius: 100px/10px;
}

.jquery-shadow-sides-hz-2:before
{
    top: 0;
    bottom: 0;
    left: 10px;
    right: 10px;
    -moz-border-radius: 100px/10px;
    border-radius: 100px/10px;
}

.jquery-shadow-raised
{
    -webkit-box-shadow: 0 15px 10px -10px rgba(0,0,0,.5),0 1px 4px rgba(0,0,0,.3),0 0 40px rgba(0,0,0,.1) inset;
    -moz-box-shadow: 0 15px 10px -10px rgba(0,0,0,.5),0 1px 4px rgba(0,0,0,.3),0 0 40px rgba(0,0,0,.1) inset;
    box-shadow: 0 15px 10px -10px rgba(0,0,0,.5),0 1px 4px rgba(0,0,0,.3),0 0 40px rgba(0,0,0,.1) inset;
}

.jquery-shadow-rotated :first-child:before
{
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.3),0 0 60px rgba(0,0,0,.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.3),0 0 40px rgba(0,0,0,.1) inset;
    box-shadow: 0 1px 4px rgba(0,0,0,.3),0 0 40px rgba(0,0,0,.1) inset;
}