.dxImage
{
	border: none;
    display: block;
}

.dxImageWrapper,
.dxImageMiddleArea
{
	text-align: center;
}

.dxImageLeftArea,
.dxImageMiddleArea,
.dxImageRightArea
{
	width: 100%;
	overflow:hidden;
}

.dxImageArea
{
	margin-bottom: 0.8em;
}

.dxImageMiddleArea .dxImageWrapper
{
    margin: 0 auto;    
}

.dxImageLeftArea .dxImage,
.dxImageLeftArea .dxImageWrapper,
.dxImageLeftInTextArea
{
	float: left;
}

.dxImageRightArea .dxImage,
.dxImageRightArea .dxImageWrapper,
.dxImageRightInTextArea
{
	float: right;
}

/* For IE7: If float is not removed on image itself, the text wrapper will expand to all the width */
.dxImageRightArea .dxImage
{
	float:none;
}

.dxImageRightInTextArea .dxImageWrapper,
.dxImageLeftInTextArea .dxImageWrapper {
    width: 100%;
}

.dxImageLeftInTextArea
{
	margin-right: 0.8em;
}

.dxImageRightInTextArea
{
	margin-left: 0.8em;
}

.dxImageText
{
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 0.8em;
}