.box.ladder.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_LATEST_NEWS_box_background.jpg);
}

#portalWidget {
	/* TODO: Should be in somewhere generic */
	width: 362px !important;
}

	.box.ladder.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.ladder.highlight .inside_box .contentWrapper {
			background: url(/images/replay/replay_highlight_background.jpg) no-repeat scroll center;
			background-size: 100% auto;
		}

			.box.ladder.highlight .inside_box .content {
				background: rgba(193, 217, 254, 0.85);
				text-align: center;
			}
				.box.ladder.highlight .inside_box .content .faction_buttons{

				}

					.box.ladder.highlight .inside_box .content .faction_buttons .left{
						float: left;
						width: 20%;
					}

					.box.ladder.highlight .inside_box .content .faction_buttons .left .hover_faction_title{
						display: none;
						position: absolute;
						background: white;
						border: 1px solid black;
						-webkit-box-shadow: -3px 4px 3px 0px rgba(0, 0, 0, 0.31);
						-moz-box-shadow:    -3px 4px 3px 0px rgba(0, 0, 0, 0.31);
						box-shadow:         -3px 4px 3px 0px rgba(0, 0, 0, 0.31);
						padding: 5px;
						z-index: 1000;
						overflow: hidden;
						white-space: nowrap;
						margin: -54px 47px;
					}
					.box.ladder.highlight .inside_box .content .faction_buttons .left:hover .hover_faction_title{
						display: block;
					}

						.box.ladder.highlight .inside_box .content .faction_buttons .left a{
							box-shadow: none;
							width: 99%;
							color: #4D4D4D;
							padding: 2px 0;
						}

				.box.ladder.highlight .inside_box .content .mode_buttons{

				}

					.box.ladder.highlight .inside_box .content .mode_buttons .first{
						float: left;
						width: 25%;
					}

						.box.ladder.highlight .inside_box .content .mode_buttons .first a{
							box-shadow: none;
							width: 98%;
							color: #4D4D4D;
							font-size: 14px;
							padding: 1px 0;
						}
				
				.box.ladder.highlight .inside_box .content .top10legend{
					background-color: #E6E6E6;
					font-family: Tahoma;
					color: #666666;
					padding: 2px 0;
				}

					.box.ladder.highlight .inside_box .content .top10legend ul{

					}

					.box.ladder.highlight .inside_box .content .top10legend li{
						margin: 0 0 -2px;
					}

						.box.ladder.highlight .inside_box .content .top10legend .ladders.items .item{
							padding: 2px 0 0;
						}

						.box.ladder.highlight .top10legend .ladders.items .item .name {
						    font-weight: normal;
						    padding: 2px 0 0 4px;
						}

						.box.ladder.highlight .top10legend .ladders.items .item .rank {
							padding: 2px 0 0;
						}

					.box.ladder.highlight .ladders.items {
						margin: 0;
						padding: 0;
						list-style-type: none;
						font-size: 12px;
					}

					.box.ladder.highlight .ladders.items li {
						margin: 0;
						background: none;
					}

						.box.ladder.highlight .ladders.items .rank {
							width: 24px;
							text-shadow: none;
						}

						#portalWidget .ladders.items .rank {
							width: 28px !important;
						}

						.box.ladder.highlight .ladders.items .name {
							width: 116px;
							text-shadow: none;
						}

						#portalWidget .ladders.items .name {
							width: 136px !important;
						}

						.box.ladder.highlight .ladders.items .name .missingdata{
							font-family: 'courier',Arial,sans-serif;	
						}

						.box.ladder.highlight .ladders.items .name a{
							color: #323840;
							text-shadow: none;
						}

						.box.ladder.highlight .ladders.items .name a:hover{
							color: #4B79BE;
							text-shadow: none;
						}

						.box.ladder.highlight .ladders.items .wins,
						.box.ladder.highlight .ladders.items .losses,
						.box.ladder.highlight .ladders.items .total,
						.box.ladder.highlight .ladders.items .percent,
						.box.ladder.highlight .ladders.items .streak {
							text-align: center;
							font-weight: normal;
							width: 44px;
							text-shadow: none;
						}

						.box.ladder.highlight .ladders.items .streak {
							text-align: right;
							width: 30px;
							padding-right: 10px;
						}

						.box.ladder.highlight .ladders.items .item .rank {
							width: 20px;
							padding: 2px;
							font-weight: normal;
						}

						#portalWidget .ladders.items .item .rank {
							width: 24px !important;
						}

						.box.ladder.highlight .ladders.items .item .name {
						    height: 14px;
						    overflow: hidden;
						    padding: 2px 0 0;
						    text-align: left;
						    width: 116px;
                                                    white-space: nowrap;
                                                    text-overflow: ellipsis;
						}

						#portalWidget .ladders.items .item .name {
							width: 136px !important;
						}

						.box.ladder.highlight .ladders.items .item .wins,
						.box.ladder.highlight .ladders.items .item .losses,
						.box.ladder.highlight .ladders.items .item .total,
						.box.ladder.highlight .ladders.items .item .percent,
						.box.ladder.highlight .ladders.items .item .streak {
							padding: 2px 0;
						}

						.box.ladder.highlight .ladders.items .item {
							border-color: #E6E6E6;
							border-width: 1px;
							border-style: none none solid;
							background: none;
						}

						.box.ladder.highlight .ladders.items .streak {

						}

							.box.ladder.highlight .ladders.items .streak .green{
								color: #006837;
							}

							.box.ladder.highlight .ladders.items .streak .red{
								color: #CC3333;
							}

				.box.ladder.highlight .inside_box .content .stats{
					font-family: Tahoma;
					font-size: 12px;
				}

				.box.ladder.highlight .inside_box .content .dataFooter{
					background-color: #E6E6E6;
					color: #666666;
					padding: 0 0 2px;
				}

					.box.ladder.highlight .inside_box .content .dataFooter img{
						position: relative;
						top: 2px;
				}