/* ===========================================
   overlapping shadow variations */
   
.shadow{
    position:   relative;
}

.shadow .corners img{
    display:    block;
}

.shadow .corners img.tl{
    float:  left;
}

.shadow .corners img.tr{
    float:  right;
}

/* shadow at top of page */
.shadow .gradation{
    width:      760px;
    height:     74px; 
}

.shadow .corners{
    position:   absolute;
    width:      760px;
}

.box_shadow{
    background-image:       url("../../res/img/shadow/box.gif");
    background-repeat:      repeat-x;  
}