/*######################### CSS_STYLED_CONTENT #########################*/
div.csc-textpic {
	padding:15px 0 20px 0;
}

div.csc-textpic-caption-c .csc-textpic-caption {
    text-align:center;
}

div.csc-textpic-caption-r .csc-textpic-caption {
    text-align:right;
}

div.csc-textpic-caption-l .csc-textpic-caption {
    text-align:left;
}

/* Needed for noRows setting */
div.csc-textpic div.csc-textpic-imagecolumn {
	display:inline;
	float:left;
}

/* Border just around the image */
div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image IMG {
	border:0px solid black;
	padding:0px 0px;
}

div.csc-textpic-imagewrap {
    padding: 0;
}

div.csc-textpic img {
    border: none;
}

/* div: This will place the images side by side */
div.csc-textpic div.csc-textpic-imagewrap div.csc-textpic-image {
    float: left;
}

/* UL: This will place the images side by side */
div.csc-textpic div.csc-textpic-imagewrap UL {
    list-style: none; margin: 0; padding: 0;
}

div.csc-textpic div.csc-textpic-imagewrap UL LI {
    float: left; margin: 0; padding: 0;
}

/* DL: This will place the images side by side */
div.csc-textpic div.csc-textpic-imagewrap DL.csc-textpic-image {
    float: left;
}

div.csc-textpic div.csc-textpic-imagewrap DL.csc-textpic-image DT {
    float: none;
}

div.csc-textpic div.csc-textpic-imagewrap DL.csc-textpic-image DD {
    float: none;
}

div.csc-textpic div.csc-textpic-imagewrap DL.csc-textpic-image DD IMG {
    border: none;
}
 /* FE-Editing Icons */
DL.csc-textpic-image {
    margin: 0;
}

DL.csc-textpic-image DT {
    margin: 0; display: inline;
}

DL.csc-textpic-image DD {
    margin: 0;
}

/* Clearer */
div.csc-textpic-clear {
    clear: both;
}



/*###############MARGINS AROUND IMAGES###############*/
/* Pictures on left, add margin on right */
div.csc-textpic-left div.csc-textpic-imagewrap .csc-textpic-image,
div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap .csc-textpic-image,
div.csc-textpic-intext-left div.csc-textpic-imagewrap .csc-textpic-image {
	display: inline; /* IE fix for double-margin bug */
	margin-right: 15px;
}

/* Pictures on right, add margin on left */
div.csc-textpic-right div.csc-textpic-imagewrap .csc-textpic-image,
div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap .csc-textpic-image,
div.csc-textpic-intext-right div.csc-textpic-imagewrap .csc-textpic-image {
	display: inline; /* IE fix for double-margin bug */
	margin-left: 15px;
}

/* Pictures centered, add margin on left */
div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
	display: inline; /* IE fix for double-margin bug */
	margin-left: 10px;
}
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
    margin:0;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image IMG {
    margin: 0;
}

/* Space below each image (also in-between rows) */
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom: 5px;
}

div.csc-textpic-equalheight div.csc-textpic-imagerow {
	display:block;
    margin-bottom:5px;
}

div.csc-textpic div.csc-textpic-imagerow {
    clear:both;
}

/* No margins around the whole image-block */
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-firstcol {
    margin-left:0px !important;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-lastcol {
    margin-right:0px !important;
}

/* Add margin from image-block to text (in case of "Text w/ images") */
div.csc-textpic-intext-left div.csc-textpic-imagewrap,
div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
	margin-right:20px !important;
}
div.csc-textpic-intext-right div.csc-textpic-imagewrap,
div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
	margin-left:20px !important;
}



/*###############POSITIONING OF IMAGES###############*/
/* Above */
div.csc-textpic-above div.csc-textpic-text {
    clear: both;
}

/* Center (above or below) */
div.csc-textpic-center {
    text-align: center; /* IE-hack */
}

div.csc-textpic-center div.csc-textpic-imagewrap {
    margin: 0 auto;
}

div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
    text-align: left; /* Remove IE-hack */
}

div.csc-textpic-center div.csc-textpic-text {
    text-align: left; /* Remove IE-hack */
}

/* Right (above or below) */
div.csc-textpic-right div.csc-textpic-imagewrap {
    float: right;
}

div.csc-textpic-right div.csc-textpic-text {
    clear: right;
}

/* Left (above or below) */
div.csc-textpic-left div.csc-textpic-imagewrap {
    float: left;
}

div.csc-textpic-left div.csc-textpic-text {
    clear: left;
}

/* Left (in text) */
div.csc-textpic-intext-left div.csc-textpic-imagewrap {
    float: left;
}

/* Right (in text) */
div.csc-textpic-intext-right div.csc-textpic-imagewrap {
    float: right;
}

/* Right (in text, no wrap around) */
div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
    float: right; clear: both;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html div.csc-textpic-intext-right-nowrap .csc-textpic-text {
    height: 1%;
}
/* End hide from IE5/mac */

/* Left (in text, no wrap around) */
div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
    float: left; clear: both;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html div.csc-textpic-intext-left-nowrap .csc-textpic-text {
    height: 1%;
}
/* End hide from IE5/mac */
