/*
CSS Drop Shadows
Usage:
<div class="img-shadow"><div class="img-shadow-box">
	<img src="cat.jpg" alt="cat" title="cat" />
</div></div>
*/

.img-container {
	/*
	padding:10px;
	margin:0 0 0 20px; 
	border: 1px dashed #7F98B9;
	width:300px;
	background-color:#FAFAFA;
	*/
	float:right;
	text-align:left;
}

/* contains actual shadow (bottom right) */
.img-shadow {
	float:left;
	
	/* background: url(../../i/shadow.png) no-repeat bottom right !important; */
	background: url('../../i/shadow.gif') no-repeat bottom right;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
}

/* contains fuzzy white gradient (top left)  */
.img-shadow-box {
	float:left;
	background: url('../../i/shadow2.png') no-repeat left top !important;
	background: url('../../i/shadow2.gif') no-repeat left top;
	padding: 0px 5px 5px 0px;
} 


.img-shadow-box div {
	background-color: #FAFCFF;
	/* border: 1px solid #7F98B9; */
	padding: 10px;
	/*
	display: block;
	position: relative;
	margin: -6px 6px 6px -6px;
	*/
}

.img-shadow-box p {
	position:relative;
	background:#E0E6F0;
	margin:2px 0 0 0;
	padding:0;
	font-size:10px;
	color:#003173;
	text-align:center;
}

.img-spacer {
	clear:both;
	font-size:1px;
	height:1px;
	margin:0;
	padding:0;
}

/*
Usage:
<div class="p-shadow">
	<div>
		<p>The rain in Spain ...</p>
	</div>
</div>
*/
.p-shadow {
	width: 90%;
	float:left;
	background: url('../../i/shadowAlpha.png') no-repeat bottom right !important;
	background: url('../../i/shadow.gif') no-repeat bottom right;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
	
}

.p-shadow div {
	background: none !important;
	background: url('../../i/shadow2.gif') no-repeat left top;
	padding: 0 !important;
	padding: 0 6px 6px 0;
}

.p-shadow p {
	color: #777;
	background-color: #fff;
	font: italic 1em georgia, serif;
	border: 2px dotted #a9a9a9;
	padding: 4px;
	margin: -6px 6px 6px -6px !important;
	margin: 0;
}