.details {
	padding: 5px 0;
}
.details .delim {
	border-top: solid 2px #CB7000;
	padding: 5px 0;
}
.details .summary.mood3 .rate div {
	background: green;
}
.details .summary.mood2 .rate div {
	background: yellow;
}
.details .summary.mood1 .rate div {
	background: orange;
}
.details .summary.mood0 .rate div {
	background: red;
}

.details .summary .rate div {
	height: inherit;
}
.details .summary .rate {
	width: 80%;
	float: left;
	height: 10px;
}

.details .summary .mood {
	float: left;
	width: 15%;
	padding: 2px 2px 2px 25px;
	font-weight: bold;
	color: #CB7000;
}
.details .summary.mood3 .mood {
	background: url(../images/r3.gif) no-repeat;
}
.details .summary.mood2 .mood {
	background: url(../images/r2.gif) no-repeat;
}
.details .summary.mood1 .mood {
	background: url(../images/r1.gif) no-repeat;
}
.details .summary.mood0 .mood {
	background: url(../images/r0.gif) no-repeat;
}

.details table.list {
	width: 100%;
	border-spacing: 0;
}
.details .list th {
	height: 30px;
	background: #FFD198 url(../images/header_bg.png) top repeat-x;
	border-top: solid 1px #DA7900;
	border-bottom: solid 1px #DA7900;
	color: #CB7000;
	text-align: left;
	padding: 2px;
}
.details .list td {
	height: 30px;
	border-bottom: dotted 1px #DA7900;
	padding: 2px;
	text-align: left;
}
.details .list .row1 {
	background: #FFFFFF;
}
.details .list .row2 {
	background: #FFF8EE;
}
.details .list .spend {
	color: #660000;
}
.details .list .profit {
	color: #006600;
}
.details .list .title {
	background: #FFC982;
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 10px;
	margin-top: 10px;
}

.details.traffic .pos {
	color: #009900;
	font-size: 11px;
}
.details.traffic .neg {
	color: #990000;
	font-size: 11px;
}