/* playercard.css */

.laddersBigBox
{
	position: relative;
}

ul#ladder_viewMenu {
	font-family: 'eurostilebold',Arial,sans-serif;
    position: absolute;
    top: -14px;
    right: 24px;
    padding: 0;
    list-style: none;
}
 
    ul#ladder_viewMenu li {
        float: left;
        margin: 0 3px;
    }

    ul#ladder_viewMenu li a.textHolder {
    	display: block;
    	padding: 5px 9px;
    	font-size: 14px;
        border: 1px solid #000222;
        border-bottom: none;
        box-shadow: -6px 2px 3px -3px #A7A9AC;
        color: #e1e1e1;
        background: linear-gradient(center top, #4A4E50 0%, #6D6E71 60%, #63686A 100%);
		background: -o-linear-gradient(center top, #4A4E50 0%, #6D6E71 60%, #63686A 100%);
		background: -moz-linear-gradient(center top , #4a4e50 0%, #6d6e71 60%, #63686a 100%);
		background: -webkit-linear-gradient(center top, #4A4E50 0%, #6D6E71 60%, #63686A 100%);
		background: -ms-linear-gradient(center top, #4A4E50 0%, #6D6E71 60%, #63686A 100%);
		background: -webkit-gradient(linear, center top, center top, color-stop(0, #4A4E50), color-stop(0.6, #6D6E71), color-stop(1, #63686A));
        
    }
    ul#ladder_viewMenu li a.textHolder:hover {
    	background: #231f20;
    	padding-bottom: 8px;
    }

    ul#ladder_viewMenu li.selected a.textHolder {
    	padding-bottom: 8px;
    	color: #fcfcfc !important;
    	background: #4b79be !important;
        box-shadow: -10px 2px 5px -5px #A7A9AC;
    }



.header form {
	display: inline-block;
	float: right;
	margin-top: -2px;
	margin-left: -10000px;
	/*This effectively removes the offset in title caused by dropdown list */
}	

div.ladders.playercard .contentWrapper {
	margin: 0 12px 20px 12px;
	box-shadow: -5px 5px 5px #A7A9AC;
	background: url(/images/backgrounds/playercard_blue_bg2.jpg) no-repeat;
	background-color: #bacdeb;
	padding-bottom: 84px;
}

/* search bg */
.fixed_height{
	height: 632px;
}

	div.ladders.playercard .content {
	/*	background: rgba(193, 217, 254, 0.85); */
		padding: 12px 12px 0 12px;
		position: relative;
                min-height: 632px;
	}

		div.ladders.playercard .content .profile{
			background: #EDECED;
			border: 1px solid #666666;
			box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.4);
			height: 158px;
			width: 826px;
		}

			div.ladders.playercard .content .profile .left{
				width: 142px;
				float: left;
			}

				div.ladders.playercard .content .profile .left .steam_avatar{
					margin: 16px 0 16px 16px;
				}

				div.ladders.playercard .content .profile .left .steam_avatar img{
					border: 5px;
					border-style: solid;
					border-color: #323840;
					width: 116px;
					height: 116px;
				}

			div.ladders.playercard .content .profile .middle{
				width: 542px;
				margin: 28px 0 0;
				float: left;
			}

				div.ladders.playercard .content .profile .middle .playeralias{
					font-family: 'birth_of_a_heroregular',Arial,sans-serif;
					font-size: 48px;
					color: #4B79BE;
					text-align: center;
				}

				div.ladders.playercard .content .profile .middle .playerxp{
					font-family: 'eurostilebold',Arial,sans-serif;
					font-size: 20px;
					color: #000222;
					text-align: center;
				}

				div.ladders.playercard .content .profile .middle .playerxp img{
					width: 20px;
					vertical-align: middle;
					position: relative;
					top: -2px;
				}

			div.ladders.playercard .content .profile .right{
				width: 142px;
				float: left;
			}
				div.ladders.playercard .content .profile .right .level_icon{
					margin: 8px -8px 0;
				}

				div.ladders.playercard .content .profile .right .level_icon img{
					float: left;
				}

		div.ladders.playercard .content .stats{
			background: rgba(210, 208, 207, 0.8);
			border: 1px solid;
			border-color: #666666;
			box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.4);
			height: 222px;
			width: 646px;
			margin-top: 12px;
			float: right;
		}

		div.ladders.playercard .content .arranged_team .stats{
			float: left;
		}

		div.ladders.playercard .content .playercard_homepage .stats{
			float: left;
		}


		div.ladders.playercard .content .arranged_team .stats,
		div.ladders.playercard .content .playercard_homepage .stats{
			width: 679px;
			text-align: left;
			height: auto;
			padding-bottom: 6px;
    		margin-left: 76px;
		}

			div.ladders.playercard .content .stats .faction{
				font-family: 'eurostilebold',Arial,sans-serif;
				font-size: 24px;
				color: #323840;
				text-align: right;
				margin: 12px 12px 4px;
			}

			div.ladders.playercard .content .arranged_team .stats .faction{
				text-align: left;
			}

			div.ladders.playercard .content .stats .faction img
			{
				vertical-align: middle;
				position: relative;
				top: -2px;
			}

			div.ladders.playercard .content .playercard_homepage .stats .faction{
				text-align: right;
			}

			.ladders.items .legend {
				width: 616px;
				border-color: #8A999C;
				color: #323840;
			}

			.arranged_team .ladders.items .legend,
			.playercard_homepage .ladders.items .legend{
			    width: 649px;
			}

				.ladders.items .legend li {
		    		margin-bottom: 5px;
				}

				.ladders.items .legend .mode {
					padding-left: 4px;
	    			width: 62px;
				}

				.arranged_team .ladders.items .legend .mode,
				.playercard_homepage .ladders.items .legend .mode {
					width: 93px;
				}

			.ladders.items .row {
				background: none;
				border: 0;
				padding: 0;
			}

			.ladders.items .row > div {
				text-align: center;
				padding: 8px 10px;
				width: 51px;
			}

			.arranged_team .ladders.items .row > div,
			.playercard_homepage .ladders.items .row > div  {
			}

				.icon_faction_at {
					margin-right: 0px;
				    position: relative;
				    top: -4px;
				}

				.icon_faction_1v1 {
					margin-right: 0px;
				    position: relative;
				    top: -4px;
				}

				.ladders.items .row .mode {
					border: 1px solid #8A999C;
					width: 25px;
					background: #FFFFFF;
					font-weight: bold;
					color: #323840;
					padding: 8px 14px 8px 6px;
				}

				.ladders.items .row .mode .icon {
					width: 24px;
					height: 24px;
					display: inline-block;
					vertical-align: middle;
				}

				.arranged_team .ladders.items .row .mode,
				.playercard_homepage .ladders.items .row .mode {
				    width: 62px;
				    height: 14px;
				    padding: 8px 10px 8px 6px;
				    text-align: left;
				}

				.arranged_team .ladders.items .row .mode .faction_text,
				.playercard_homepage .ladders.items .row .mode .faction_text,
				.playercard_homepage .ladders.items .row .mode .title_mode{
					position: relative;
    				top: -11px;
                                display: inline-block;
                                width: 1px;
				}

				.ladders.items .row .rank,
				.ladders.items .row .wins,
				.ladders.items .row .losses,
				.ladders.items .row .percent,
				.ladders.items .row .total,
				.ladders.items .row .streak,
				.ladders.items .row .drops,
				.ladders.items .row .disputes {
					background: #4A4E57;
					color: #FFFFFF;
					border-top: 1px solid #8A979D;
					border-bottom: 1px solid #8A979D;
					font-weight: bold;
					text-shadow: 0 0 5px #000222;
				}

				.ladders.items .row .streak .green{
					color: #7AC943;
				}

				.ladders.items .row .streak .red{
					color: #CC3333;
				}

					.ladders.items .row .rank {
						border-left: 1px solid #8A979D;
						margin-left: 5px;
						width: 50px;
						padding-right: 18px;
					}

					.ladders.items .row .total {
						width: 46px;
					}

					.ladders.items .row .disputes {
						border-right: 1px solid #8A979D;
					}

		div.ladders.playercard .content .formbox{
			background: none repeat scroll 0 0 rgba(210, 208, 207, 0.8);
		    border: 1px solid #666666;
		    box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.4);
		    float: right;
/*		    height: 382px; */
		    margin-right: 12px;
		    margin-top: 58px;
		    padding: 24px 0;
		    width: 460px;
		    text-align: center;
		    position: relative;
		}

		div.ladders.playercard .content .searchbox{
		    background: none repeat scroll 0 0 rgba(210, 208, 207, 0.8);
		    border: 1px solid #666666;
		    box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.4);
		    float: right;
		    left: 366px;
		    margin-right: 12px;
		    margin-top: 24px;
		    padding: 16px;
		    position: absolute;
		    text-align: justify;
		    top: 196px;
		    width: 428px;
		}

			div.ladders.playercard .content .searchbox .instructions{
				margin: 12px 0;
			    color: #282828;
			    font-family: Verdana;
			    font-size: 12px;
			    line-height: 1.5;
			    word-wrap: break-word;
			    text-align: justify;

			}

			div.ladders.playercard .content .searchbox .instructions a{
				font-weight: bold;
			}

			div.ladders.playercard .content .searchbox .searchforms{
				margin: 12px 0;
				text-align:center;
			}

			div.ladders.playercard .content .formbox .searchforms .message{
				color: red;
				margin: 8px 0 0;
			}

    div.ladders.playercard .content .soldier img{
	    left: 0;
	    position: absolute;
	    bottom: -84px;
	    z-index: 10;
    }

		div.ladders.playercard .content .soldier .soldier_slice img{
	        left: 263px;
		    position: absolute;
		    top: 390px;
	    }

    div.ladders.playercard .content .trooper_top img{
	    left: 0;
	    position: absolute;
	    top: 22px;
	    z-index: 10;
    }

    div.ladders.playercard .content .trooper_bottom img{
	    left: 0;
	    position: absolute;
	    top: 376px;
	    z-index: 10;
    }

	div.ladders.playercard .content .most_played{
		color: #000222;
		font-family: 'eurostilebold',Arial,sans-serif;
		font-size: 20px;
	}

		div.ladders.playercard .content .most_played .allies{
			background: url(../../../images/factions/AlliesStar.png) no-repeat;
		    float: left;
		    height: 80px;
		    margin: 3px 0 0 225px;
		    padding: 18px 18px 18px 87px;
		}

		div.ladders.playercard .content .most_played .axis{
			background: url(../../../images/factions/AxisCross.png) no-repeat;
		    float: left;
		    height: 80px;
		    margin: 3px 0 0 225px;
		    padding: 18px 18px 18px 87px;
		}

		div.ladders.playercard .content .most_played .german{
			background: url(../../../images/factions/GermanStar.png) no-repeat;
		    float: left;
		    height: 80px;
		    margin: 3px 0 0 225px;
		    padding: 18px 18px 18px 87px;
		}

		div.ladders.playercard .content .most_played .soviet{
			background: url(../../../images/factions/SovietStar.png) no-repeat;
		    float: left;
		    height: 80px;
		    margin: 3px 0 0 225px;
		    padding: 18px 18px 18px 87px;
		}

		div.ladders.playercard .content .most_played .okw{
			background: url(../../../images/factions/OKWCross.png) no-repeat;
		    float: left;
		    height: 80px;
		    margin: 3px 0 0 225px;
		    padding: 18px 18px 18px 87px;
		}

		div.ladders.playercard .content .most_played .usf{
			background: url(../../../images/factions/USFShield.png) no-repeat;
		    float: left;
		    height: 80px;
		    margin: 3px 0 0 225px;
		    padding: 18px 18px 18px 87px;
		}

		div.ladders.playercard .content .most_played .ukf{
			background: url(../../../images/factions/UKFShield.png) no-repeat;
		    float: left;
		    height: 80px;
		    margin: 3px 0 0 225px;
		    padding: 18px 18px 18px 87px;
		}

	div.ladders.playercard .content .buttons {
		margin: 25px 0 0 0;
		float: right;
	}

	div.ladders.playercard .content .buttons a.button.primary {
	    border: 1px solid;
		border-color: #666666;
	    box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.4);
	}

.modal {
    display:    none;
   	position: 	absolute; 
    z-index:    99;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 )
    			url('../../../images/coh2org_loading.gif') 
                50% 50px 
                no-repeat;
}

.statgroup_id {
	position: absolute;
	margin-left: 620px;
	background-color: white; 
	border: 1px solid grey; 
	width: 100px !important;
	height: 20px;
	display: none;
	padding: 5px!important;
	z-index: 100;
}

.nosoldier .statgroup_id {
	margin-left: 655px;
}

.statgroup_id input {
	width: 70px;
}

.row.clearfix:hover .statgroup_id {
	display: block;
}

.clearfix.playercardPage {
   
}