#affinities
{
	background: #e1e1e1;
	color: #464646;
	font-family: arial,helvetica,sans-serif;
	font-size: 14px;
	padding: 10px;
}

#affinities h1
{
	color: #428ccb;
	font-weight: bold;
	font-size: 22px;
	margin-top: 0;
}

#affinities h2
{
	color: #898989;
	font-size: 18px;
	font-weight:bold;
	margin: 0;
	padding: 0;
}

#affinities a
{
	color: #336699;
	text-decoration: none;
}

#affinities a:hover
{
	color: #0072bc;
	text-decoration: underline;
}

#affinities-page
{
	margin: 0 auto;
	width: 650px;
}

#affinities-header
{
	color: #fff;
	background: url(Images/Affinities/header.gif) no-repeat top;
	height: 130px;
	position: relative;
}

#affinities-header a
{
	color: #fff;
	text-decoration: none;
}

#affinities-header a:hover
{
	color: #fff;
	text-decoration: underline;
}

#affinities-header-logo
{
	top: 40px;
	left: 40px;
	position: absolute;
}

#affinities-header-title
{
	bottom: 10px;
	position: absolute;
	right: 30px;
	text-align: right;
}

#affinities-header h1
{
	color: #fff;
	font-size: 18px;
	margin: 0;
	padding: 0;
}

#affinities-main
{
	background-color: #fff;
	padding: 20px 10px;
	position: relative;
}

#affinities-text-column
{
	float: left;
	position: relative;
	width: 370px;
}

#affinities-cards-column
{
	float: right;
	position: relative;
	width: 230px;
}

#affinities-lock
{
	border: 1px solid #cccccc;
	background: #f3f3e7;
	float: right;
	padding: 5px 10px;
}

#affinities-footer
{
	background: url(Images/Affinities/footer.gif) no-repeat top;
	color: #4b4b4b;
	height: 74px;
	position: relative;
}

#affinities-footer-text
{
	font-size: 10px;
	left: 10px;
	position: absolute;
	top: 32px;
}

#affinities-footer-share-this
{
	left: 370px;
	position: absolute;
	top: 35px;
}

#affinities-footer-logo
{
	position: absolute;
	right: 10px;
	top: 25px;
}

#affinities .inner
{
	padding: 8px;
}

#affinities .card-image
{
	background-color: #e1e1e1;
	padding: 3px;
}

#affinities .card-image-cell
{
	cursor: pointer;
	padding: 3px;
}

#affinities .arrow
{
	vertical-align: middle
}

#affinities .small
{
	font-size: 12px;
}

#affinities .pointer
{
	cursor: pointer;
}

#affinities .clear
{
	clear: both;
}


/* card images */
.card-cell
{
	height: 76px;
	margin-bottom: 10px;
	width: 120px;
}


/* bubble */
fieldset
{
	border: none;
	margin: 0;
	padding: 0;
}

fieldset legend
{
	display: none;
}

table.itemList
{
	background-color: #ddecd2;
	empty-cells: show;
	padding: 0px 1px 0px 1px;
	width: 100%;
}

table.itemList td
{
	line-height: 16px;
	padding: 5px 4px 4px 4px;
	vertical-align: top;
}

.bubble
{
	background: url(Images/Bubble/bottom.png) no-repeat bottom left;
	color: #5a5955;
	display: none;
	padding: 0 0 18px 0;
	position: absolute;
	z-index: 110;
}

.bubble .pointerTopRight
{
	background: url(Images/Bubble/pointer_topright.png) no-repeat;
	height: 24px;
	position: absolute;
	right: 15px;
	top: -17px;
	width: 40px;	
}

.bubble img.close
{
	cursor: pointer;
	height: 14px;
	position: absolute;
	right: 21px;
	top: 15px;
	width: 14px;
	z-index: 115;
}

.bubble fieldset
{
	background: url(Images/Bubble/body.png) no-repeat;
	overflow: hidden;
	padding: 15px 20px 5px 20px;
}

.bubble table
{
	width: 100%;
	font-size: 12px;
}

.bubble table.itemList
{
	padding: 0;
}

div.bubble_popout
{
	display: none;
}


/* alignment */
.left
{
	float: left;
}

.center
{
	text-align: center;
}

.right
{
	float: right;
}