/* 
  Adapted from "Even more rounded corners with CSS"
*/

/* images */
.info_box .box_content,
.info_box .t,
.info_box .b,
.info_box .b div {
    background: transparent url(/img/info_box_bg.png) no-repeat top right;
}

.info_box_tab .box_content,
.info_box_tab .t,
.info_box_tab .b,
.info_box_tab .b div {
    background: transparent url(/img/info_box_tab_bg.gif) no-repeat top right;
}

.strong_info_box .box_content,
.strong_info_box .t,
.strong_info_box .b,
.strong_info_box .b div {
    background: transparent url(/img/strong_info_box_bg.png) no-repeat top right;
}

.warning_box .box_content,
.warning_box .t,
.warning_box .b,
.warning_box .b div {
    background: transparent url(/img/warning_box_bg.png) no-repeat top right;
}

.strong_warning_box .box_content,
.strong_warning_box .t,
.strong_warning_box .b,
.strong_warning_box .b div {
    background: transparent url(/img/strong_warning_box_bg.png) no-repeat top right;
}

.tip_box .box_content,
.tip_box .t,
.tip_box .b,
.tip_box .b div {
    background: transparent url(/img/tip_box_bg.png) no-repeat top right;
}

.info_box_drop .box_content,
.info_box_drop .t,
.info_box_drop .b,
.info_box_drop .b div {
    background: transparent url(/img/info_box_drop_bg.png) no-repeat top right;
}

.strong_info_box_drop .box_content,
.strong_info_box_drop .t,
.strong_info_box_drop .b,
.strong_info_box_drop .b div {
    background: transparent url(/img/strong_info_box_drop_bg.png) no-repeat top right;
}

.warning_box_drop .box_content,
.warning_box_drop .t,
.warning_box_drop .b,
.warning_box_drop .b div {
    background: transparent url(/img/warning_box_drop_bg.png) no-repeat top right;
}

.strong_warning_box_drop .box_content,
.strong_warning_box_drop .t,
.strong_warning_box_drop .b,
.strong_warning_box_drop .b div {
    background: transparent url(/img/strong_warning_box_drop_bg.png) no-repeat top right;
}

.tip_box_drop .box_content,
.tip_box_drop .t,
.tip_box_drop .b,
.tip_box_drop .b div {
    background: transparent url(/img/tip_box_drop_bg.png) no-repeat top right;
}

.light_info_box_drop .box_content,
.light_info_box_drop .t,
.light_info_box_drop .b,
.light_info_box_drop .b div {
    background: transparent url(/img/light_info_box_drop_bg.png) no-repeat top right;
}

.thin_info_box_drop .box_content,
.thin_info_box_drop .t,
.thin_info_box_drop .b,
.thin_info_box_drop .b div {
    background: transparent url(/img/thin_info_box_drop_bg.png) no-repeat top right;
}

.thin_info_box .box_content,
.thin_info_box .t,
.thin_info_box .b,
.thin_info_box .b div {
    background: transparent url(/img/thin_info_box_bg.png) no-repeat top right;
}

.light_info_box .box_content,
.light_info_box .t,
.light_info_box .b,
.light_info_box .b div {
    background: transparent url(/img/light_info_box_bg.png) no-repeat top right;
}

/* positioning */

.box {
    position: relative;
    z-index: 1;
    min-width: 1px; /* triggers hasLayout in ie7 */
    margin-left: 12px; /* left corner width */
    margin-top: 24px;
}

.box .box_content {
    position: relative;
    zoom: 1;
    _overflow-y: hidden;
    padding: 0px 12px 0px 0px;
}

.box .t {
    /* top+left vertical slice */
    position: absolute;
    left: 0px;
    top: 0px;
    width: 12px; /* top slice width */
    margin-left: -12px;
    height: 100%;
    _height: 1600px; /* arbitrary long height, IE 6 */
    background-position: top left;
}

.box .b {
    /* bottom */
    position:relative;
    width: 100%;
}

.box .b,
.box .b div {
    height: 15px; /* height of bottom cap/shade */
    font-size: 1px;
}

.box .b {
    background-position: bottom right;
}

.box .b div {
    position: relative;
    width: 12px; /* bottom corner width */
    margin-left: -12px;
    background-position: bottom left;
}

    /* elements inside boxes */

        .box_content h1,
        .box_content h2,
        .box_content h3,
        .box_content p {
            margin: 0; 
            padding: 0.5em 0 0 0;
        }
        .box_content p {
            padding:0 0 0.5em 0;
        }
        .box_content p.no_head {
            padding:1em 0 0.5em 0;
        }

        .strong_info_box,
        .strong_warning_box,
        .strong_info_box_drop,
        .strong_warning_box_drop,
        .strong_info_box h1, .strong_info_box h2, 
        .strong_warning_box h1, .strong_warning_box h2, 
        .strong_info_box_drop h1, .strong_info_box_drop h2, 
        .strong_warning_box_drop h1, .strong_warning_box_drop h2 { 
            color: white; 
        }