/* TPM.css 
10171e-101b26-0e1e2d-0b2135-06223d
*/

.tpm-btn {
	-moz-box-shadow: 0px 10px 14px -7px #183c42;
	-webkit-box-shadow: 0px 10px 14px -7px #183c42;
	box-shadow: 0px 10px 14px -7px #183c42;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #437587), color-stop(1, #265057));
	background:-moz-linear-gradient(top, #437587 5%, #265057 100%);
	background:-webkit-linear-gradient(top, #437587 5%, #265057 100%);
	background:-o-linear-gradient(top, #437587 5%, #265057 100%);
	background:-ms-linear-gradient(top, #437587 5%, #265057 100%);
	background:linear-gradient(to bottom, #437587 5%, #265057 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#437587', endColorstr='#265057',GradientType=0);
	background-color:#437587;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:30px 20px;
	text-decoration:none;
	text-transform: uppercase;
	border:none;
}
.tpm-btn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #265057), color-stop(1, #437587));
	background:-moz-linear-gradient(top, #265057 5%, #437587 100%);
	background:-webkit-linear-gradient(top, #265057 5%, #437587 100%);
	background:-o-linear-gradient(top, #265057 5%, #437587 100%);
	background:-ms-linear-gradient(top, #265057 5%, #437587 100%);
	background:linear-gradient(to bottom, #265057 5%, #437587 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#265057', endColorstr='#437587',GradientType=0);
	background-color:#265057;
}
.tpm-btn:active {
	position:relative;
	top:1px;
}

.tpm-btn-header {
	-moz-box-shadow: 0px 10px 14px -7px #183c42;
	-webkit-box-shadow: 0px 10px 14px -7px #183c42;
	box-shadow: 0px 10px 14px -7px #183c42;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #437587), color-stop(1, #265057));
	background:-moz-linear-gradient(top, #437587 5%, #265057 100%);
	background:-webkit-linear-gradient(top, #437587 5%, #265057 100%);
	background:-o-linear-gradient(top, #437587 5%, #265057 100%);
	background:-ms-linear-gradient(top, #437587 5%, #265057 100%);
	background:linear-gradient(to bottom, #437587 5%, #265057 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#437587', endColorstr='#265057',GradientType=0);
	background-color:#437587;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:6px 16px;
	text-decoration:none;
	text-transform: uppercase;
	border:none;
}
.tpm-btn-header:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #265057), color-stop(1, #437587));
	background:-moz-linear-gradient(top, #265057 5%, #437587 100%);
	background:-webkit-linear-gradient(top, #265057 5%, #437587 100%);
	background:-o-linear-gradient(top, #265057 5%, #437587 100%);
	background:-ms-linear-gradient(top, #265057 5%, #437587 100%);
	background:linear-gradient(to bottom, #265057 5%, #437587 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#265057', endColorstr='#437587',GradientType=0);
	background-color:#265057;
}
.tpm-btn-header:active {
	position:relative;
	top:1px;
}
        
.tpm-section {
	width: 100%;
	margin-bottom: 10px;
}

.tpm-section > .content {
	margin-top:50px;
	padding: 10px;
	background:rgba(25, 38, 43, 1); /* color 4 */ 
	font-size: 1em;
}


.tpm-title {
  width: 100%;
  padding: 10px;
  background: rgba(37, 58, 67, 1); /* color 3 */ 
  text-transform: uppercase;
  font-family: 'Oswald';
  font-size: 1.5em;
  float:left;
}

.tpm-title img{
	height: 30px;
	margin-right: 10px;

}

.tpm-info-item {
	margin-bottom: 5px;
}

#matchingInfo > .header {
	height: 40px;
	margin-right: 10px;
	margin-bottom: 5px;
	width: 100%;
    padding: 10px;
    background: rgba(37, 60, 67, 1); 
    text-transform: uppercase;
    font-family: 'Oswald';
    font-size: 1.2em;

}

.header-small {
	height: 25px;	
	width: 100%;
    padding: 5px 0px 5px 10px;
    background: rgba(37, 60, 67, 1); 
    text-transform: uppercase;
    font-family: 'Oswald';
    font-size: 0.9em;

}

#matchingInfo .content {
	width: 100%;
    padding: 5px;
    background: rgba(37, 60, 67, 0.7);     
}

#playerIn .name{
	left: 30px;
	margin-left: 10px;
	font-size: 1em;
}
#playerOut .name{
	left: 30px;
	margin-left: 10px;
	font-size: 1em;
}

.tpm-title-name{
	margin-right: 100px;
	float:left;
}

.listInfo{
	display:block;
	float:left;
	margin-right: 100px;

}
.matchingInfo{
	display:block;
	float:left;
	margin-right: 100px;
}
.outboxInfo{
	display:block;
	float:left;
	margin-right: 100px;
}
.inboxInfo{
	display:block;
	float:left;
	
}

#matchingInfo {
	float:right;
	width:250px;
}
#match_players {
	float:left;
	width:360px;
}

#field{
	min-width:400px;
	min-height:600px;
	background:url('../../../../img/field_blue.jpg');
	background-repeat: no-repeat;
	float:left;
}

#right-content{
	
	float:left;
	width:624px;
}

#right-content .block > .content{
	background: none;
}


#thisMatching {
	background: #101b26;
	max-width: 1024px;
}

.tpm-player-right {
	display:inline-block;
	/* background: #0e1e2d; */
	background: rgba(37, 60, 67, 1); 
	text-align:left;
	font-size:0.8em;
	font-family: 'Arial';	
	padding:2px;
}

.tpm-player-right > .name{
	float:right;
	padding:2px;
}

.tpm-player-right > .number{
	width: 20px;
	float:left;
	text-align: center;
	background: #000;
	font-family: 'Oswald';
	margin-right:5px;
	margin-top:2px;
}

#number {
	display:inline-block;
	width: 20px;
}

.number{
	text-align: center;
	background: #000;
	font-family: 'Oswald';
	margin-top:2px;
	margin-left:5px;
}

.player_type{
	display:inline-block;
	width: 10px;
	float:left;
	text-align: center;
	background: #000;
	font-family: 'Arial';
	font-weight: bold;
	text-transform: uppercase;
	font-size:0.8em;
	margin-top:4px;
}

.G {background: #ddd; color: #000;}
.F {background: #63BD65; color: #000;}
.M {background: #EFAF4E; color: #000;}
.D {background: #DC5855; color: #000;}


/**
Saved Formations
**/
#savedFormations tr{
	vertical-align: middle;
}
#savedFormations img{
	height: 25px;
}

#savedFormations .name{
	font-family: 'Oswald';
	font-size: 1.2em;
}
#savedFormations .desc{
	background: none;
	font-family: 'Arial';
	font-size: 0.8em;
}
#savedFormations .tpm-btn{
	font-size:0.8em;
	padding:5px;
}