/* dna home */

#colLeft, .details
{
	width:200px;
}

.main
{
	width:650px;
}

#colLeft, #colMiddle
{
	float:left;
	
}

#colMiddle
{
	margin-left:16px;
	padding-left:16px;

	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #eee;
}

.quizSection .featuredItems
{
	width:180px;
	margin-left:4px;
}

#topFeature
{
	margin-bottom:16px;
}

#quizBlock
{
	width:400px;
}


.quizSection
{
	float:left;
	width:184px;
	margin-right:14px;
}
 
.quizSection .longFeature
{
/*	padding-bottom:4px;
	padding-top:4px;*/
	width:174px;
}

#popularQuizzes
{
	clear:left;
}
 
/* matches */ 
#shadowMatches
{
	margin-left:12px;
	margin-top:6px;
	margin-bottom:8px;
}

#shadowMatches .match
{
	border:none;
}

#recentComments, #myListModule
{
	clear:both;
	margin-top:10px;
	width:390px;
}

#myListModule .matchExtraInfo
{
	width:190px;
}

#myListModule .horizQuery
{
	margin-top:6px;
}

#recentComments .featuredItems
{
	margin-left:12px;
	margin-top:12px;
	width:380px;
	overflow:hidden;
}

#recentComments .commentText
{
	width:330px;
}

/* your matches */

.details .horizQuery
{
	margin-top:8px;
	margin-bottom:16px;
}

.details .horizQuery .fade
{
	display:none;
}

 

/* friends  */

.friends
{
	margin-top:10px;
}

.friends .featureImage 
{
	margin-left:10px;
	width:36px;
	height:36px;
}

*html .friends .featureImage 
{
	margin-left:4px;
}

.friends .shortFeatureContent .perc
{
	float:none;
	line-height:18px;
	font-weight:bold;
	text-align:right;
	color:#000;
}

/* invite */

#invite
{
	margin-bottom:14px;
	text-align:center;
}

/* categories */

.featuredCategoryWrapper
{
	margin-left:12px;
	margin-top:10px;
}

  
 
.categoryDetails .categoryCollapse
{
	font-size:11px;
	
}
 

/* top users */

.featuredUsers .listWrapper
{
	margin-top:8px;
	margin-left:12px;
}

.details .featuredUsers .featureExtraInfo
{
	clear:none;
	margin-top:0px;
	font-weight:normal;
	width:auto;
}

#dailyActiveUsers .featureImage
{
	margin-right:4px;
}

/* ads */

#colLeft .adDNA, .details .adDNA
{
	margin-top:14px;
}

.featuredItems
{
	margin-bottom:10px;
	float:none;
}

.details h5
{
	display: inline;
	font-size:11px;
}

ul
{
	list-style-type: none;
	list-style-position: outside;
	padding:0px;
	margin:0px;
}

/* my modules */

#myCategoriesMenu
{
	margin-left:10px;
	margin-top:8px;
	margin-bottom:16px;
}

.expandButton, .collapseButton
{
	background-repeat: no-repeat;
	display:block;
	float:left;
	margin-right:4px;
	margin-top:1px;
	height: 11px;
	width: 12px;
}

.expandButton
{
	background-image: url(images/plus.gif);
}

.collapseButton
{
	background-image: url(images/minus.gif);
}

.categoryCollapse
{
	color:#555;
	text-decoration:none;
	font-weight:bold;
}

.categoryCollapse:hover
{
	color:#888;
}

.categoryWrapper
{
	margin-bottom:10px;
}

.categoryWrapper img
{
	margin-top:4px;
}


#myCategoriesMenu .moduleWrapper
{
	margin-left:16px;
	margin-top:4px;
}

.moduleLink
{
	font-weight:normal;
}


#sideFeature
{
	margin-top:28px;
}

.whatIsDNA
{
	display:block;
	margin-bottom:12px;
	width:186px;
	height:37px;
	background-image:url(/dna/center/images/whatisdna.gif);
}

/* ads */

#middleFeature
{
	float:left;
	clear:left;
}

/* top stuff */
#topContent
{
/*	padding-left:14px;*/
	height:216px;
}

#topContent .left
{
	float:left;
}

#topContent .left
{
	width:550px;
	margin-left:20px;
}

#topContent .right
{
	float:right;
	width:254px;
	margin-right:10px;
}

.getStarted
{
	margin-top:158px;
	margin-left:176px;
}

.getStarted div
{
	float:left;
}

.getStarted .seperator
{
	font-size:12px;
	margin-left:3px;
	margin-right:3px;
	color:#CCCCCC;
}

.getStarted .moduleLink
{
	font-size:14px;
	text-decoration:underline;
}

.getStarted .moreLink
{
	color: #555;
	
}

.featuredModules .longFeatureContent
{
	width:110px;
}

.featuredModules .moduleLink
{
	line-height:16px;
}

.featuredModules .category
{
	margin-top:0px;
}


/* top content with dna */

#topContentWithDNA
{
	/*height:90px;*/
}

#topContentGoogleAd{
 margin-bottom:20px;
}

#rightContentGoogleAd{
 margin-bottom:10px;
}

#leftContentGoogleAd{
 margin-top:20px;
 margin-left:18px;
}