.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;

}