/****************************************************************************/
/* 10px wide png drop-shadow styles */

div.dropshadow-10px 
{
    position: relative;
    top:0px;
    left:0px;
    float:left;
    padding-top: 20px;
    padding-left: 20px;
}

div.dropshadow-10px div.c1 
{
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background: url(Images/Shadows/shadow-10px.png) -780px 10px no-repeat;
}

div.dropshadow-10px div.c2 
{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
    background: url(Images/Shadows/shadow-10px.png) 10px -780px no-repeat;
}

div.dropshadow-10px div.s2 
{
    background: url(Images/Shadows/shadow-10px.png) right bottom no-repeat;
}

div.dropshadow-10px div.s3 
{
    position: relative;
    left: -20px;
    top: -20px;
    background: url(Images/Shadows/shadow-10px.png) 10px 10px no-repeat;
}

div.dropshadow-10px div.s4 
{
    position: relative;
    left: 10px;
    top: 10px;
}

/****************************************************************************/
/* 10px wide all-around png shadow styles */

div.shadow-10px 
{
    position: relative;
    top:0px;
    left:0px;
    float:left;
    padding-top: 20px;
    padding-left: 20px;
}

div.shadow-10px div.c1 
{
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background: url(Images/Shadows/shadow-10px.png) right top no-repeat;
}

div.shadow-10px div.c2 
{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
    background: url(Images/Shadows/shadow-10px.png) left bottom no-repeat;
}

div.shadow-10px div.s2 
{
    background: url(Images/Shadows/shadow-10px.png) right bottom no-repeat;
}

div.shadow-10px div.s3 
{
    position: relative;
    left: -20px;
    top: -20px;
    background: url(Images/Shadows/shadow-10px.png) left top no-repeat;
}

div.shadow-10px div.s4 
{
    position: relative;
    left: 10px;
    top: 10px;
}

/****************************************************************************/
/* 25px wide all-around png shadow styles */

div.shadow-25px 
{
    position: relative;
    top:0px;
    left:0px;
    float:left;
    padding-top: 50px;
    padding-left: 50px;
}

div.shadow-25px div.c1 
{
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    background: url(Images/Shadows/shadow-25px.png) right top no-repeat;
}

div.shadow-25px div.c2 
{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 50px;
    background: url(Images/Shadows/shadow-25px.png) left bottom no-repeat;
}

div.shadow-25px div.s2 
{
    background: url(Images/Shadows/shadow-25px.png) right bottom no-repeat;
}

div.shadow-25px div.s3 
{
    position: relative;
    left: -50px;
    top: -50px;
    background: url(Images/Shadows/shadow-25px.png) left top no-repeat;
}

div.shadow-25px div.s4 
{
    position: relative;
    left: 25px;
    top: 25px;
}

/****************************************************************************/
/* 50px wide all-around shadow styles */

div.shadow-50px 
{
    position: relative;
    top:0px;
    left:0px;
    float:left;
    padding-top: 100px;
    padding-left: 100px;
}

div.shadow-50px div.c1 
{
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    height: 100px;
    background: url(Images/Shadows/shadow-50px.png) right top no-repeat;
}

div.shadow-50px div.c2 
{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100px;
    height: 100px;
    background: url(Images/Shadows/shadow-50px.png) left bottom no-repeat;
}

div.shadow-50px div.s2 
{
    background: url(Images/Shadows/shadow-50px.png) right bottom no-repeat;
}

div.shadow-50px div.s3 
{
    position: relative;
    left: -100px;
    top: -100px;
    background: url(Images/Shadows/shadow-50px.png) left top no-repeat;
}

div.shadow-50px div.s4 
{
    position: relative;
    left: 50px;
    top: 50px;
}

/****************************************************************************/