/* CSS for public portfolio pages */

/* on pages where we need the full width, this overrides the right column */
#middle {
	width:850px;
	border-right:0;
}

div.portfolio table {
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
div.portfolio td {
	vertical-align:middle;
	padding:1px;
	background-color:#DFDFDF;
	border-top:2px solid #fff;
	border-left:2px solid #fff;
	border-right:2px solid #aaa;
	border-bottom:2px solid #aaa;
	background: #DFDFDF;
	}

div.portfolio {
	sfloat: left;
}

#infobox {
	width:300px;
	float:right;
	background-color:#CCCCCC;
	padding-left:0.5em;
	white-space:normal;
}
#displaybox {
	position:relative;
	width: 500px;
	vertical-align:middle;
	float:left;
}