/* COMMON */
.csi-textpic
{
	padding: 0px;
	/*XXX demo only*/
	border: 0px;
	/*XXX demo only*/
}

.csi-textpic img
{
	border: 0px solid black;
	/*XXX demo only*/
	margin: 4px;
}

.csi-textpic .csi-caption
{
	text-align: center;
	/* will have to be an inline style?  - controlled by TS [left - right - center]*/
	font-style: italic;
	/*XXX demo only*/
}

.csi-textpic .csi-image
{
	border: 0px solid red;
	/*XXX demo only*/
	margin: 0 0 3px 0;
	/*XXX demo only*/
	background: #FFF;
	/*XXX demo only*/
	/*will have to be an inline style - controlled by TS*/
}

.csi-textpic .csi-imagewrap
{
	border: 0px solid blue;
	/*XXX demo only*/
	text-align: center;
	/* is there a bug in IE? (if we don't set this, the image is not centered above or below the text) */
}

.csi-textpic .csi-text
{
	border: 0px solid silver;
	/*XXX demo only*/
	text-align: left;
	/*will have to be an inline style - controlled by TS*/
}

.csi-text p { margin-top: 0; }

/* CENTER */
.csi-center .csi-image { margin: 0 auto 3px; }

/* RIGHT */
.csi-right div.csi-image
{
	float: right;
	clear: both;
}

.csi-right div.csi-text { clear: right; }

/* LEFT */
.csi-left div.csi-image
{
	float: left;
	clear: both;
}

.csi-left div.csi-text { clear: left; }

/* INTEXT LEFT */
.csi-intext-left .csi-image
{
	float: left;
	clear: both;
	margin-right: 5px;
}

/* INTEXT RIGHT */
.csi-intext-right .csi-image
{
	float: right;
	clear: both;
	margin-left: 5px;
}

/* INTEXT RIGHT NOWRAP */
.csi-intext-right-nowrap .csi-text
{
	margin-right: 180px;
	/*will have to be an inline style - controlled by TS*/
}

.csi-intext-right-nowrap, .csc-textpic-intext-right-nowrap
{
	margin: 20px 20px 0px 0;
	border-color: #B9BCBF;
	border-width: 1px 0px 0px 0px;
	border-style: dotted;
	padding: 20px 0px 0px 0px;
}

.csi-intext-right-nowrap .csi-image
{
	float: right;
}


/* INTEXT LEFT NOWRAP*/
.csi-intext-left-nowrap .csi-text
{
	margin-left: 215px;
	/*will have to be an inline style - controlled by TS*/
}

.csi-intext-left-nowrap .csi-image
{
	float: left;
	clear: both;
}