/*
╔════════════════════════════════════════════════╗
║              Wide Item Template				 ║
╚════════════════════════════════════════════════╝
		┌────────────────────────────┐
		│ Wrappers					 │
		└────────────────────────────┘ */
#PIW
{
	width: 260px;
	height: 160px;
	position: relative;
}
#PIW div#TopRow, #PIW div#BottomRow
{
	width: 260px;
	height: 5px;
	overflow: hidden;
}
#PIW div#TopRow div, #PIW div#MiddleRow div, #PIW div#BottomRow div
{
	float: left;
}
#PIW div#MiddleRow
{
	width: 260px;
	height: 150px;
}

/*      ┌────────────────────────────┐
        │ Top Zone                   │
        └────────────────────────────┘ 
*/
#PIW .Glow-TopLeft
{
	width: 5px;
	height: 5px;
	background-image: url(../Images/PreviewItems/GTL.jpg);
	background-repeat: no-repeat;
	background-position: right -5px;
}
#PIW .Glow-TopLeft.hover
{
	background-position: right bottom;
}
#PIW .Glow-Top
{
	width: 250px;
	height: 5px;
	background-image: url(../Images/PreviewItems/GT.jpg);
	background-repeat: repeat-x;
	background-position: left -5px;
}
#PIW .Glow-Top.hover
{
	background-position: left bottom;
}
#PIW .Glow-TopRight
{
	width: 5px;
	height: 5px;
	background-image: url(../Images/PreviewItems/GTR.jpg);
	background-repeat: no-repeat;
	background-position: left -5px;
}
#PIW .Glow-TopRight.hover
{
	background-position: left bottom;
}
/*      ┌────────────────────────────┐
        │ Middle Zone                │
        └────────────────────────────┘ 
*/

#PIW .Glow-Left
{
	width: 5px;
	height: 150px;
	background-image: url(../Images/PreviewItems/GL.jpg);
	background-repeat: repeat-y;
	background-position: 5px top;
}
#PIW .Glow-Left.hover
{
	background-position: right top;
}
#PIW div#Content
{
	width: 248px;
	height: 148px;
	border: 1px solid #999;
}
#PIW div#Content.hover
{
	border: 1px solid #666;
}
#PIW div#Content a
{
	cursor:pointer;
	text-decoration:none;
	color:#000;
}
#PIW div#Content a div.ItemImage
{
	width: 248px;
	height: 148px;
	background-repeat: no-repeat;
}
#PIW div#Content a div.Opacity
{
	width: 248px;
	height: 148px;
	background-image: url(../Images/Translucid-159Alpha.png);
	background-repeat: repeat;
	_background-image: none; /* This path is relative to the page file (CSSite.Master) not to the css file. This is why the full path is provided including the theme name! */
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../App_Themes/Default/Images/Translucid-159Alpha.png',sizingMethod='scale');
}
#PIW div#Content a h4
{
	height: 29px;
	line-height: 16px;
	padding: 4px 10px 5px 5px;
	overflow: hidden;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
	margin:0px;
}
#PIW div#Content a div.DateStripe
{
	width:238px;
	text-align: right;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	font-style: italic;
	padding-right: 10px;
	background: #FFF;
	-moz-opacity: 0.6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	opacity: 0.6;
	margin:0px;
}

#PIW div#Content a p
{
	max-height: 100px;
	overflow: hidden;
	text-indent: 10px;
	line-height: 14px;
	text-align: left;
	margin: 5px;
}
#PIW .Glow-Right
{
	width: 5px;
	height: 150px;
	background-image: url(../Images/PreviewItems/GR.jpg);
	background-repeat: repeat-y;
	background-position: -5px top;
}
#PIW .Glow-Right.hover
{
	background-position: left top;
}
/*      ┌────────────────────────────┐
        │ Bottom Zone                │
        └────────────────────────────┘ 
*/
#PIW .Glow-BottomLeft
{
	width: 5px;
	height: 5px;
	background-image: url(../Images/PreviewItems/GBL.jpg);
	background-repeat: no-repeat;
	background-position: right -5px;
}
#PIW .Glow-BottomLeft.hover
{
	background-position: right top;
}
#PIW .Glow-Bottom
{
	width: 250px;
	height: 5px;
	background-image: url(../Images/PreviewItems/GB.jpg);
	background-repeat: repeat-x;
	background-position: left -5px;
}
#PIW .Glow-Bottom.hover
{
	background-position: left top;
}
#PIW .Glow-BottomRight
{
	width: 5px;
	height: 5px;
	background-image: url(../Images/PreviewItems/GBR.jpg);
	background-repeat: no-repeat;
	background-position: -5px top;
}
#PIW .Glow-BottomRight.hover
{
	background-position: left top;
}