/* Highlight Widget */

.box.replay.highlight {
	/* TODO: Should be in somewhere generic */
	width: 336px;
	margin: -1px 11px 23px 11px;
	padding: 0;
	border: 1px solid #A7A9AC;

	background-image: url(/images/PORTAL_LIVESTREAMS_box_background.jpg);
}

	.box.replay.highlight .inside_box {
		/* TODO: Should be in somewhere generic */
		color: #000222;
		font-family: 'eurostilebold', Arial, sans-serif;
		font-size: 14px;
		font-weight: normal;
		border-spacing: 0 0;
		box-shadow: -5px 5px 5px #A7A9AC;
	}

		.box.replay.highlight .inside_box .contentWrapper {
			background: url(/images/replay/replay_highlight_background.jpg) no-repeat;
		}

			.box.replay.highlight .inside_box .content {
				background: rgba(172, 158, 152, 0.85);
				text-align: center;
			}

				.box.replay.highlight .inside_box .content .title {
					text-shadow: 0 1px 0 #A7A9AC;
					padding: 6px 10px;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
				}

					.box.replay.highlight .inside_box .content .title a {
						color: #000222;
					}

					.box.replay.highlight .inside_box .content .title a:hover {
						color: #4B79BE;
					}

				.box.replay.highlight .inside_box .content .players {
					position: relative;
					background: #FFF url(/images/replay/highlightSeparator.jpg) no-repeat center center;
				}

					.box.replay.highlight .inside_box .content .players .versus {
						position: absolute;
						top: 50%;
						margin-top: -10px;
						left: 146px;
						font-family: Tahoma, Arial, sans-serif;
						font-size: 0.75em;
						font-weight: bold;
						padding: 3px;
						line-height: 14px;
						border-radius: 50%;
						background: rgba(160, 124, 109, 0.65);
					}

					.box.replay.highlight .inside_box .content .players .left,
					.box.replay.highlight .inside_box .content .players .right {
						width: 155px;
						background: #FFF;
						text-align: left;
					}

					.box.replay.highlight .inside_box .content .players .left {
						float: left;
					}

					.box.replay.highlight .inside_box .content .players .right {
						float: right;
					}

						.box.replay.highlight .inside_box .content .players .right  ul {
							margin-left: 20px;
						}

					.box.replay.highlight .inside_box .content .players ul {
						list-style-type: none;
						padding: 0;
						margin: 10px;
					}

						.box.replay.highlight .inside_box .content .players li:first-child {
							margin-top: 0;
						}

						.box.replay.highlight .inside_box .content .players li {
							white-space: nowrap;
							overflow: hidden;
							text-overflow: ellipsis;
							font-family: Tahoma, Arial, sans-serif;
							font-size: 0.75em;
							font-weight: bold;
							margin-top: 4px;
						}

							.box.replay.highlight .inside_box .content .players li img {
								vertical-align: -2px;
								margin-right: 2px;
								border: 1px solid #8b98a1;
							}

				.box.replay.highlight .inside_box .content .map .mapImage {
					background: #313840;
					width: 125px;
					height: 125px;
					float: left;
					padding: 5px;
					margin: 0 3px 0 12px;
				}

				.box.replay.highlight .inside_box .content .map .mapDetails {
					text-shadow: 0 1px 0 #A7A9AC;
					padding: 10px;
					width: 141px;
					text-align: center;
					float: left;
				}

				.box.replay.highlight .inside_box .content .map a.button.primary {
					box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
					width: 132px;
					margin-top: 13px;
				}

					.box.replay.highlight .inside_box .content .map a.button.primary .text {
						color: #4d4d4d;
						font-size: 0.65em;
						margin-top: -1px;
					}

					.box.replay.highlight .inside_box .content .map a.button.primary .count {
						font-size: 0.7em;
						text-align: center;
						text-shadow: none;
					}

					.box.replay.highlight .inside_box .content .map a.button.primary.honor .count {
						color: #cc3232;
						text-shadow: none;
					}

				.box.replay.highlight .inside_box .content .author {
					background: #ececec;
					font-family: Tahoma, Arial, sans-serif;
					font-size: 0.75em;
					text-align: left;
					padding: 6px 10px;
				}