.detail { padding: 10px 0; }

.solcontent { margin: 2em; }

.summary { padding: 5px; border: 1px solid #cfcfcf; background: #eee; color: #333; }
.summary p.desc { margin: 0; padding: 5px; float: left; width: 50%; }

.summary dl { width: 45%; overflow:hidden; }
.summary dt, .summary dd { float:left; display: inline; padding: 3px; }
.summary dt { font-weight: bold; width: 35%; clear:left; text-align: right; }
.summary dd { margin: 0; width: 60%;  }


/* =TABS
**************
	EX:
<div class="tabs">
	<(u|o)l>
		<li><a href="#">tab 1</a>
		...
	</(u|o)l>
</div>
**************/
.tabs {
	background:#D6D6D6 url(/images/corners/quickbox-tab-bg.png) repeat-x bottom;
	border-top:1px solid #e7e7e7;
	font-size:.95em;
	line-height:normal;
	overflow: hidden;
	width:100%;
}
.tabs ol, .tabs ul {
	margin: 0;
	padding: 5px 10px 0;
	list-style:none;
}
.tabs li {
	float:left;
	background:url(/images/quickbox-tab-left-both.png) no-repeat left top;
	margin:0 1px 0 0;
	padding:0 0 0 8px;
	border-bottom:1px solid #CFCFCF;
}
.tabs a {
	float:left;
	display:block;
	zoom:1;
	background:url(/images/quickbox-tab-right-both.png) no-repeat right top;
	padding:4px 11px 2px 0px;
	text-decoration:none;
	font-weight:bold;
	color:#666;
	border:none;
	white-space:nowrap;
}
.tabs a:hover { color:#333; }
.tabs .selected {
	background-position:0 -150px;
	border-width:0;
}
.tabs .selected a {
	background-position:100% -150px;
	padding-bottom:3px;
	color:#333;
}
.tabs li:hover, .tabs li:hover a {
	background-position:0% -150px;
	color:#333;
}
.tabs li:hover a { background-position:100% -150px; }