/********************************************************
* OFCDesk, LLC - Copyright 2008
* CSS Version: 2.1
*********************************************************
* URL		: http://www.contentcommunity.com
* Filename	: styCard.css
* Version	: 1.0
*
* Author	: OFCDesk, LLC
* Date		: 05/08/2008
********************************************************/


/********************************************************
=|card
********************************************************/
div.frontCard
{
	background:			url(../Images/backCardFront.gif) no-repeat;
	display:			block;
	float:				left;
	height:				230px;
	margin:				5px;
	overflow:			hidden;
	padding:			10px;
	width:				145px;
}

div.backCard
{
	background:			url(../Images/backCardBack.gif) no-repeat;
	display:			none;
	float:				left;
	height:				230px;
	margin:				5px;
	overflow:			hidden;
	padding:			10px;
	width:				145px;
}

/********************************************************
=|top
********************************************************/
div.top
{
	display:			block;
	height:				20px;
	margin:				0 0 10px 0;
	overflow:			hidden;
}

div.top img.flag
{
	float:				left;
	height:				11px;
	padding:			4px 0;
	width:				16px;
}

div.top div.numberComponent
{
	background:			url("../Images/icoComponents.gif") no-repeat left center;
	color:				#002e6e;
	float:				left;
	font-size:			11px;
	font-weight:		bold;
	padding:			0 0 0 25px;
}

div.top img.filetype
{
	float:				left;
	padding:			4px 0;
}

/********************************************************
=|main
********************************************************/
div.featured
{
	display:			block;
	height:				113px;
	margin:				0 0 10px 0;
	overflow:			hidden;
	text-align:			center;
}

div.featured img.thumb
{
	height:				110px;
	width:				110px;
}

div.featured div.description
{
	padding:			2px;
}

div.info 
{
	display:			block;
	height:				45px;
	margin:				0 0 10px 0;
	overflow:			hidden;
}

div.info h3
{
	text-align:			center;
}

div.info h3 a
{
	color:				#002e6e;
	font-size:			12px;
	font-weight:		bold;
	text-align:			center;
}

div.info dt
{
	clear:				left;
	display:			block;
	float:				left;
	font-weight:		bold;
}

div.info dd
{
	clear:				right;
	display:			block;
	float:				right;
}

/********************************************************
=|bottom
********************************************************/
div.bottom
{
	display:			block;
	height:				20px;
	overflow:			hidden;
}

div.bottom img.rate
{
	float:				left;
}

div.bottom img.frontFlip
{
	float:				right;
	height:             20px;
	width:              20px;
}

div.bottom div.moreDetails
{
	float:				right;
	margin:				6px 0;
}

div.bottom div.moreDetails a
{
    text-decoration:    none;
    color:              #999999;    	
}
div.bottom div.moreDetails a:hover
{
    text-decoration:    none;
    color:              #333333;	
}

div.bottom div.filesize
{
	color:				#002e6e;
	float:				right;
	font-size:			11px;
	font-weight:		bold;
	margin:				3px 0;
}