/* Used in conjunction with imageCaption.js */

.imgRightCaption {
float:right;
padding: 0;
margin: 0;
position:relative;
}

.imgLeftCaption {
float:left;
padding: 0;
margin: 0;
position:relative;
}
/* The padding is set in a div. specific rule. Otherwise IE DOM adds padding to width of the image when calculating the div width.
But we need the generic . rules so that DW can give a decent preview (although the padding will be wrong.) */
div.imgRightCaption {
padding: 5px 0 10px 10px;
}
div.imgLeftCaption {
padding: 5px 10px 10px 0;
}

div#content .imgRightCaption p, div#content .imgLeftCaption p {
font-size: 12px;
font-family: "Trebuchet MS", Verdana, Geneva, sans-serif;
color:#555555;
margin:0;
background-color:#ffffff;
padding:0;
border-bottom: 1px solid #555555;

}

.spareSpan {
position:absolute;
top:0;
right:0;
display:block;
width:17px;
height:17px;
}

/* as needed */
.captionedImage {
	border: 1px solid #555555;
	margin: 0;
	padding: 0;
}
/* as needed */
.captionedImageLink {

}