/* CrystalMaker Software CSS definitions for Support page */

/**********************************************************************/
/* Left-content and sidebar layout, e.g., support                     */
/**********************************************************************/
/* containers */
#featureContainer, #featureContainerFullWidth
{
	clear:				both;			/* clear any floats above */
	margin-left:		20px;
	margin-right:		20px;
	margin-bottom:		20px;
	position:			relative;
	width:				552px;
	
	float:				left;
	display:			block;
	overflow:			hidden;
	border:				none;
}

/* two variants, designed for container + sidebar, or full-width container */
#featureContainer
{
	width:				552px;
}

#featureContainerFullWidth
{
	width:				800px;
}

/* sidebar container */
#sidebarContainer
{
	margin-right:		20px;
	float:				right;
	position:			relative;
	border:				none;
	width:				228px;
}

/* table to fit inside the feature container */
.tableContainer
{
	overflow:			hidden;
	width:				auto;
/*	width:				99.5%;		*/
	background:			#FFFFFF;	/* #F7F7FF; */
	
	border:				1px solid #CCCCDD;
						-webkit-border-radius: 12px;
						-moz-border-radius: 12px;
}

.tableHeader, .tableTextRow, .tablePictureRow
{
	width:				100%
	display:			block;
	height:				auto;
	text-align:			left;
	text-decoration: 	none;
	padding-left:		12px;
	padding-right:		12px;
}


.tableHeader
{
	background:			#CCCCDD;
	color:				#FFFFFF;
	font-size:			11px;
	font-weight:		bold;
}

.tableTextRow
{
	font-size: 			10px;
	line-height:		27px;
	border-top:			1px solid #CCCCDD;
	font-weight:		normal;
}

.tablePictureRow
{
	border-top:			1px solid #CCCCDD;
	height:				132px;
}

.tablePictureRowIcon
{
	float:				left;
	width:				80px;
	padding-top:		20px;
	text-align:			left;
	display:			block;
}

.tablePictureRowText
{
	float:				left;
	width:				170px;
	text-align:			left;
	border:				none;
	padding-top:		20px;
	padding-bottom:		20px;
	height:				auto;
}

#featureContainerFullWidth .tablePictureRowText
{
	width:				180px;
	border:				1px dotted red;
}

.tablePictureRowDiv
{
	float:				left;
	width:				1px;
	height:				100%;
	border-right:		1px solid #CCCCDD;
	margin-right:		8px;
	padding-right:		10px;
}

.tablePictureRowText h3, .tablePictureRowText p, .tablePictureRowText a
{
	margin:				0;
	text-decoration: 	none;
}

.tablePictureRowText h3, .tablePictureRowText h3 a
{
	font-size:			1.2em;
	font-weight:		normal;
	margin-bottom:		10px;		/* space before picture */
	color:				#333333;
}

.tablePictureRowText p, .tablePictureRowText p a
{
	margin-top:			10px;		/* space after picture */
	font-size: 			12px;
	color:				#666666;
}