/*
 * Style for creating frostedWhite html boxes i.e on with a title header and a body
 */


.positioning {	
	padding: 14px;
}

.positioningWrapper {
	width: 200px;
}

.boxBorderTop {

    background: repeat-x 0 0;
    position:relative;
    border: none;	
}

.boxBorderBottom {
    background: repeat-x 0 100%;
    position:relative;
    border: none;
}

.boxBorderLeft {
    background: repeat-y;
}

.boxBorderRight {
    background: repeat-y 100% 0;  
}

.boxCornerTopLeft {
    background: 0 0 no-repeat;
}

.boxCornerTopRight {
    background: 100% 0 no-repeat;
}

.boxCornerBottomLeft {
    background: 0 100% no-repeat;
}

.boxCornerBottomRight {
    background: 100% 100% no-repeat;
}

.boxBorderTop {
	background-image: url(../../../images/shared/box/frostedWhite/borderTop.gif);
}

.boxBorderRight {
	background-image: url(../../../images/shared/box/frostedWhite/borderRight.gif);
}

.boxBorderLeft {
	background-image: url(../../../images/shared/box/frostedWhite/borderLeft.gif);
}

.boxBorderBottom {
	background-image: url(../../../images/shared/box/frostedWhite/borderBottom.gif);
}

.boxBorderLeft,
.boxBorderRight,
.boxBorderBottom,
.boxCornerTopLeft,
.boxCornerTopRight,
.boxCornerBottomLeft,
.boxCornerBottomRight {
	height: 100%;
}