/* CSS Document */

/* default styles for extension "tx_slcssimgtext" */
	/*
	   Licensed under the GPL, see http://www.gnu.org/copyleft/gpl.html
	   (c) the TYPO3 content rendering group
	*/

	/* COMMON */
	.csi-textpic {
		padding: 5px 0;
		/* background: #DDDDFF;  XXX demo only*/
		/* border: 2px solid green;  XXX demo only*/
	}

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

	.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: 1px solid red;  XXX demo only*/
		margin: 0 0 5px 0;  /*XXX demo only*/
		background: transparent;  /*XXX demo only*/
		width: auto; /*will have to be an inline style - controlled by TS*/
	}

	.csi-textpic .csi-imagewrap {
		/* border: 1px 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: 1px 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;
	}

	/* 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: 10px;
	}

	.csi-intext-left .csi-text {
		margin-top: 5px;
	}


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


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

	.csi-intext-right-nowrap .csi-image {
		margin-top:18px;
		float: right;
		clear: both;
	}


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

	.csi-intext-left-nowrap .csi-image {
		margin-top:18px;
		float: left;
		clear: both;
	}