@import url("message_common.css");

.out.content .nameheader {
	background: url("../images/sender/sender_fill.png") top repeat-x;
	color: rgba(84,155,38,0.8);
	}
.out.context .nameheader {
	background: url("../images/sender/sender_context_fill.png") top repeat-x;
	color: rgba(84,155,38,0.5);
	}
.in.content .nameheader {
	background: url("../images/sender/sender_fill.png") top repeat-x;
	color: rgba(39,55,152,0.8);
	}
.in.context .nameheader {
	background: url("../images/sender/sender_context_fill.png") top repeat-x;
	color: rgba(39,55,152,0.5);
	}

.out.content .name {
	background: url("../images/sender/flipped/sender_right.png") right top no-repeat;
	}
.out.context .name {
	background: url("../images/sender/flipped/sender_context_right.png") right top no-repeat;
	}
.in.content .name {
	background: url("../images/sender/flipped/sender_right.png") right top no-repeat;
	}
.in.context .name {
	background: url("../images/sender/flipped/sender_context_right.png") right top no-repeat;
	}

.out.content .protocol {
	background: url("../images/sender/flipped/green/sender_left.png") left top no-repeat;
	color: rgba(84,155,38,0.4);
	}
.out.context .protocol {
	background: url("../images/sender/flipped/green/sender_context_left.png") left top no-repeat;
	color: rgba(84,155,38,0.3);
	}
.in.content .protocol {
	background: url("../images/sender/flipped/blue/sender_left.png") left top no-repeat;
	color: rgba(39,55,152,0.4);
	}
.in.context .protocol {
	background: url("../images/sender/flipped/blue/sender_context_left.png") left top no-repeat;
	color: rgba(39,55,152,0.3);
	}

.status {
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.6, rgb(201,206,235)),
		color-stop(0.19, rgb(181,186,212))
	);
	border: 1px solid #9d9d9d;
}
