/********************************/
/* TWOCOL CSS for PEOPLESPIDER  */
/* Version: 1.0				  		  	*/
/* 07-11-11                     */
/********************************/

p, dt {
	font-size: 13px;
	margin-bottom: 16px;
}
#titleCustomer {
	background: url(../images/title_customer.png) left top no-repeat;
}
#titleCandidate {
	background: url(../images/title_candidate.png) left top no-repeat;
}
/**************************************************************************/
/*                               MAIN DIVS                                */
/**************************************************************************/
#content {
	background: #fff url(../images/content_bkgd_fff.png) left top repeat-x;
	padding: 25px 20px;
}
#colLt {
	float: left;
	margin-right: 20px;
	width: 400px;
}
#colRt {
	float: right;
	margin-top: 45px;
	width: 340px;
}
.diagram {
	margin-top: 10px;
}
/**************************************************************************/
/*                               TALK BUBBLES                             */
/**************************************************************************/
.bubblePurple,
.bubbleTeal,
.bubbleTealLg,
.bubbleYellow {
	color: #fff;
	margin-bottom: 40px;
	width: 320px;
}
.bubblePurple {
	background: url(../images/bubble_purple.jpg) left top no-repeat;
	height: 130px;
}
.bubblePurple p {
	padding: 20px 40px 15px 15px;
}
.bubbleTeal {
	background: url(../images/bubble_teal.jpg) left top no-repeat;
	height: 125px;
}
.bubbleTeal p {
	padding: 15px 35px 15px 15px;
}
.bubbleTealLg {
	background: url(../images/bubble_teal_lg.jpg) left top no-repeat;
	height: 165px;
	margin-left: 20px;
}
.bubbleTealLg p {
	padding: 15px 20px 15px 45px;
}
.bubbleYellow {
	background: url(../images/bubble_yellow.jpg) left top no-repeat;
	height: 165px;
	margin-left: 20px;
}
.bubbleYellow p {
	padding: 15px 20px 15px 45px;
}