/*
 * next-gen buckets -- dynamic width and height; no IE rounding errors
 * taken from mosaic
 *
 * $Id$
 * $URL$
 */

/* generic bucket styles */
.ngBucket {
    position: relative;
    margin-bottom: 10px;
    padding: 7px 0;
}

.ngBucket div.cont {
    position: relative;
    padding: 3px 0 0 3px;
    border: 1px solid #9a9a9a;
    border-width: 0 1px;
}

.ngBucket .bt,
.ngBucket .bb {
    position: absolute;
    overflow: hidden;
}
.ngBucket .bt img,
.ngBucket .bb img {
    position: absolute;
}
.ngBucket .bt {
    top: 0;
    height: 10px;
}
.ngBucket .bb {
    bottom: 0;
    height: 12px;
}
.ngBucket .br {
    right: 0;
    left: 13px;
}
.ngBucket .bl {
    left: 0;
    width: 20px;
}
.ngBucket .bt img { top: 0; }
.ngBucket .bb img { bottom: 0; }
.ngBucket .br img { right: 0; }
.ngBucket .bl img { left: 0; }

/* IE6 */
* html .ngBucket div.cont {
    zoom: 1;
}
* html .ngBucket {
    zoom: 1;
    margin-right: 1px;
}
* html .ngBucket .br {
    /* fix for IE6's inability to allow both a right and left on a positioned element */
    width: expression( this.parentNode.offsetWidth - 13 + 'px' );
}
/* IE7 */
+ html .ngBucket div.cont {
    zoom: 1;
}


/* bucket types */
    /*
     * bucket with header image
     *  - replace .bt divs with img.hdr
     *  - set padding-top on .cont to height of header img
     *  - set width of bucket to width of header img - 2px
     */
    .ngBucket .hdr {
        position: absolute;
        top: -1px;
        left: -1px;
    }

    .ngBucket .title {
        position: relative;
        top: 1px;
    }
    .ngBucket .title h3 {
        padding: 0 10px 6px;
        font-size: 1.2em;
        margin: 0;
    }


    /*
     * solid color bucket
     */
    .ngBucketSolid .bt {
        top: 0;
    }
    .ngBucketSolid .bb {
        bottom: 0;
    }
    .ngBucketSolid .br {
        right: 0;
    }
    .ngBucketSolid .bl {
        left: 0;
    }
    * html .ngBucketSolid .br {
        right: -2px;
    }
    * html .ngBucketSolid .bb {
        bottom: -2px;
    }


    .ngBucketSolidTop .bt {
      height: 25px;
    }
    .ngBucketSolidTop .title {
      top: 1px;
    }
    .ngBucketSolidTop .title h3 {
      color: #fff;
      font-size: 1em;
    }