/* GENERAL */
.content_middle {
	vertical-align: middle;
}
.hitlist tbody tr td {
	vertical-align: middle!important;
}

.skill_row_formatting {
	margin: 5px 0;
	padding: 0 2px;
}

.skill_attribute_formatting {
	width: 120px;
	height: 10px;
	margin: 0 5px;
	display: inline-block;
}

.skill_number_formatting {
	display: inline-block;
	width: 25px;
	text-align: right;
}

.selected_skill {
	background-color: #bfbfbf;
}

.table_cell {
	display: table-cell;
}

.new_package_notice {
	background: none repeat scroll 0 0 #FFEB9C;
	border: 1px solid #E0C558;
	border-radius: 6px;
	color: #574500;
	display: inline-block;
	font-weight: bold;
	margin-left: 15px;
	padding: 4px 8px;
}

/* SPORT SPECIFIC */

.special_tc_offers_soccer {
	background: #5da832;
	background: -moz-linear-gradient(top,  #5da832 0%, #5da832 50%, #40880e 51%, #40880e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5da832), color-stop(50%,#5da832), color-stop(51%,#40880e), color-stop(100%,#40880e));
	background: -webkit-linear-gradient(top,  #5da832 0%,#5da832 50%,#40880e 51%,#40880e 100%);
	background: -o-linear-gradient(top,  #5da832 0%,#5da832 50%,#40880e 51%,#40880e 100%);
	background: -ms-linear-gradient(top,  #5da832 0%,#5da832 50%,#40880e 51%,#40880e 100%);
	background: linear-gradient(to bottom,  #5da832 0%,#5da832 50%,#40880e 51%,#40880e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5da832', endColorstr='#40880e',GradientType=0 );
	border: 1px solid #2F6600;
	border-radius: 6px;
}

.special_tc_offers_soccer:hover {
	background: #6fbc38;
	background: -moz-linear-gradient(top,  #6fbc38 0%, #6fbc38 50%, #489b11 51%, #489b11 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6fbc38), color-stop(50%,#6fbc38), color-stop(51%,#489b11), color-stop(100%,#489b11));
	background: -webkit-linear-gradient(top,  #6fbc38 0%,#6fbc38 50%,#489b11 51%,#489b11 100%);
	background: -o-linear-gradient(top,  #6fbc38 0%,#6fbc38 50%,#489b11 51%,#489b11 100%);
	background: -ms-linear-gradient(top,  #6fbc38 0%,#6fbc38 50%,#489b11 51%,#489b11 100%);
	background: linear-gradient(to bottom,  #6fbc38 0%,#6fbc38 50%,#489b11 51%,#489b11 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fbc38', endColorstr='#489b11',GradientType=0 );
}

.special_tc_offers_hockey {
	background: #3F71E8;
	background: -moz-linear-gradient(top,  #3F71E8 0%, #3F71E8 50%, #0036B5 51%, #0036B5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3F71E8), color-stop(50%,#3F71E8), color-stop(51%,#0036B5), color-stop(100%,#0036B5));
	background: -webkit-linear-gradient(top,  #3F71E8 0%,#3F71E8 50%,#0036B5 51%,#0036B5 100%);
	background: -o-linear-gradient(top,  #3F71E8 0%,#3F71E8 50%,#0036B5 51%,#0036B5 100%);
	background: -ms-linear-gradient(top,  #3F71E8 0%,#3F71E8 50%,#0036B5 51%,#0036B5 100%);
	background: linear-gradient(to bottom,  #3F71E8 0%,#3F71E8 50%,#0036B5 51%,#0036B5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5da832', endColorstr='#0036B5',GradientType=0 );
	border: 1px solid #2F6600;
	border-radius: 6px;
}

.special_tc_offers_hockey:hover {
	background: #5984EB;
	background: -moz-linear-gradient(top,  #5984EB 0%, #5984EB 50%, #194BBF 51%, #194BBF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5984EB), color-stop(50%,#648CED), color-stop(51%,#194BBF), color-stop(100%,#194BBF));
	background: -webkit-linear-gradient(top,  #5984EB 0%,#5984EB 50%,#194BBF 51%,#194BBF 100%);
	background: -o-linear-gradient(top,  #5984EB 0%,#5984EB 50%,#194BBF 51%,#194BBF 100%);
	background: -ms-linear-gradient(top,  #5984EB 0%,#5984EB 50%,#194BBF 51%,#194BBF 100%);
	background: linear-gradient(to bottom,  #5984EB 0%,#5984EB 50%,#194BBF 51%,#194BBF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5984EB', endColorstr='#194BBF',GradientType=0 );
	border: 1px solid #2F6600;
	border-radius: 6px;
}


/* STATISTICS WINDOWS */
#content { padding: 8px 4px }

.stats_container {
	width: auto;
	min-width: 280px
}

#info_box { margin: 0 20px 0 0; max-width: 360px }
#info_box > p { margin: 0; padding: .5em 0 }
#info_box > p > img { float: left; margin: 0 10px }

#training-camp-stats-wrapper { position: relative; min-height: 130px }
.training_camp_stats { margin: auto 10px auto auto }

.stats_container { min-width: 290px }
.stats_container table, .training_camp_stats table {
	width: 100%;
	border: 0;
}

.stats_container table thead td, .training_camp_stats table thead td {
	text-align: center; 
	font-weight: bold;
}

.stats_container_table_text {
	float: left; 
	margin-right: 5px; 
	text-align: left; 
	line-height: 27px
}

.training_camp_stats table tbody td {
	text-align: center;
}

.stats_container table tbody td, .training_camp_stats table tbody td {
	vertical-align: middle!important;
}

.stats_container table tfoot td, .training_camp_stats table tfoot td {
	background: #247647;
	height: 3px;
	font-size: 1px;
}

/* SPECIAL PACKAGES  */
.special_offers {
	margin: 0 auto;
	border-spacing: 10px 6px;
	width: 100%;
}

.special_tc_offers_container {
	margin: 8px 8px 0 8px
}

.special_tc_picture {
	padding-top: 10px;
	padding-left: 10px;
}

.special_tc_header {
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 10px;
	text-align: center;
	width: 184px;
}

.special_tc_header h3 {margin: 5px 0px 3px 0px;}

.special_text_selection_box {
	background: #fff; 
	border-radius: 4px; 
	height: 55px; 
	margin: 4px 10px 10px; 
	padding: 5px;
	text-align: center;
}

.special_tc_offers_itc {
	background-image: url("../../img/training/bg_special_itc.png");
	background-position: 0 0;
	background-repeat: repeat-x;
}

.special_tc_offers_itc:hover {
	background-image: url("../../img/training/bg_special_itc.png");
	background-position: 241px 0;
	background-repeat: repeat-x;
}

.special_tc_offers_ycc {
	background: #53bc9c;
	background: -moz-linear-gradient(top,  #53bc9c 0%, #53bc9c 50%, #1ba06e 51%, #1ba06e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#53bc9c), color-stop(50%,#53bc9c), color-stop(51%,#1ba06e), color-stop(100%,#1ba06e));
	background: -webkit-linear-gradient(top,  #53bc9c 0%,#53bc9c 50%,#1ba06e 51%,#1ba06e 100%);
	background: -o-linear-gradient(top,  #53bc9c 0%,#53bc9c 50%,#1ba06e 51%,#1ba06e 100%);
	background: -ms-linear-gradient(top,  #53bc9c 0%,#53bc9c 50%,#1ba06e 51%,#1ba06e 100%);
	background: linear-gradient(to bottom,  #53bc9c 0%,#53bc9c 50%,#1ba06e 51%,#1ba06e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53bc9c', endColorstr='#1ba06e',GradientType=0 );
	border: 1px solid #0a704a;
	border-radius: 6px;
}

.special_tc_offers_ycc:hover {
	background: #5ed1c9;
	background: -moz-linear-gradient(top,  #5ed1c9 0%, #53bc9c 50%, #1eb27e 51%, #1ba06e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ed1c9), color-stop(50%,#53bc9c), color-stop(51%,#1eb27e), color-stop(100%,#1ba06e));
	background: -webkit-linear-gradient(top,  #5ed1c9 0%,#53bc9c 50%,#1eb27e 51%,#1ba06e 100%);
	background: -o-linear-gradient(top,  #5ed1c9 0%,#53bc9c 50%,#1eb27e 51%,#1ba06e 100%);
	background: -ms-linear-gradient(top,  #5ed1c9 0%,#53bc9c 50%,#1eb27e 51%,#1ba06e 100%);
	background: linear-gradient(to bottom,  #5ed1c9 0%,#53bc9c 50%,#1eb27e 51%,#1ba06e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ed1c9', endColorstr='#1ba06e',GradientType=0 );
}

.special_tc_offers_form {
	background: #efb700;
	background: -moz-linear-gradient(top,  #efb700 0%, #efb700 50%, #dd9b00 51%, #dd9b00 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efb700), color-stop(50%,#efb700), color-stop(51%,#dd9b00), color-stop(100%,#dd9b00));
	background: -webkit-linear-gradient(top,  #efb700 0%,#efb700 50%,#dd9b00 51%,#dd9b00 100%);
	background: -o-linear-gradient(top,  #efb700 0%,#efb700 50%,#dd9b00 51%,#dd9b00 100%);
	background: -ms-linear-gradient(top,  #efb700 0%,#efb700 50%,#dd9b00 51%,#dd9b00 100%);
	background: linear-gradient(to bottom,  #efb700 0%,#efb700 50%,#dd9b00 51%,#dd9b00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efb700', endColorstr='#dd9b00',GradientType=0 );
	border: 1px solid #DB8E00;
	border-radius: 6px;
}

.special_tc_offers_form:hover {
	background: #f9bf00;
	background: -moz-linear-gradient(top,  #f9bf00 0%, #f9bf00 50%, #e8a600 51%, #e8a600 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9bf00), color-stop(50%,#f9bf00), color-stop(51%,#e8a600), color-stop(100%,#e8a600));
	background: -webkit-linear-gradient(top,  #f9bf00 0%,#f9bf00 50%,#e8a600 51%,#e8a600 100%);
	background: -o-linear-gradient(top,  #f9bf00 0%,#f9bf00 50%,#e8a600 51%,#e8a600 100%);
	background: -ms-linear-gradient(top,  #f9bf00 0%,#f9bf00 50%,#e8a600 51%,#e8a600 100%);
	background: linear-gradient(to bottom,  #f9bf00 0%,#f9bf00 50%,#e8a600 51%,#e8a600 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9bf00', endColorstr='#e8a600',GradientType=0 );
}

/* TC OFFERS */
.tc_offers_container {
	margin: 8px;
}

.tc_offers_container .youth_package_container {
	background: #00c5d4;
	background: -moz-linear-gradient(top,  #00c5d4 0%, #00c5d4 50%, #02adba 51%, #02adba 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00c5d4), color-stop(50%,#00c5d4), color-stop(51%,#02adba), color-stop(100%,#02adba));
	background: -webkit-linear-gradient(top,  #00c5d4 0%,#00c5d4 50%,#02adba 51%,#02adba 100%);
	background: -o-linear-gradient(top,  #00c5d4 0%,#00c5d4 50%,#02adba 51%,#02adba 100%);
	background: -ms-linear-gradient(top,  #00c5d4 0%,#00c5d4 50%,#02adba 51%,#02adba 100%);
	background: linear-gradient(to bottom,  #00c5d4 0%,#00c5d4 50%,#02adba 51%,#02adba 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c5d4', endColorstr='#02adba',GradientType=0 );
	border-color: #1b9d86;
}

.tc_offers_container .youth_package_container .tc_offer_active { background: #abd5da; border-color: #1b9d86 }
.tc_offers_container .youth_package_container .no_player_available_text { color: #333 }

#tc_container > div > div > div > img { width: 105px; height: 105px }

.tc_offer {
	background-color: #A3A3A3;
	border: 1px solid #777;
	border-radius: 4px;
	margin: 10px 0;
}

.tc_offer > div > div { margin: 5px }

.tc_offer:hover {
	background-color: #bbb;
}

.tc_offer_active {
	border-radius: 4px;
	min-width: 380px;
	width: 100%;
	border: 2px solid #666
}

.tc_offer_active fieldset, .tc_upcoming_offer fieldset { border: none }
.tc_offer_description { font-size: 10px; margin-bottom: 10px }
.tc_offer fieldset dl { font-style: italic; margin: 5px 10px }
.tc_offer_selection_area { padding: 5px 2px 0 2px; text-align: center }

.active_package_window {
	width: 50%;
	min-height: 99px;
	background-color: #777;
	color: #fff;
	padding-top: 5px;
}

.active_package_window h3 { margin: 2px; display: inline-block; font-size: 80% }

.disclaimer_text {
	width: 70%; 
	margin: auto; 
	color: #555; 
	text-align: center; 
	font-size: 11px;
	margin-bottom: 8px;
}

.no_player_available_text_dark, .no_player_available_text{
	display: inline-block; 
	margin-top: 10px; 
	font-style: italic; 
	color: #999; 
	font-size: 11px;
	max-width: 218px
}

.no_player_available_text {
	color: #eee;
}

.no_player_available_text_dark{
	color: #999; 
}

#tc_msg p {margin: 8px 5px 0 5px}

/* UPCOMING OFFERS */
.tc_upcoming_offer {
	min-height: 90px;
	width: 158px;
	background: #777;
	color: #FFFFFF;
	padding-top: 7px;
	border-radius: 4px
}


/* CONFIRM TRAINING CAMP PAGE */
.confirm_left_container {
	background-color: #a3a3a3;
	width: 48%;
	margin: 5px;
	border-radius: 4px;
	border: 1px solid grey;
}

.confirm_right_container,
.tc_table_details_player {
	margin: 5px;
	padding-bottom: 1px;
	border-radius: 4px;
	border: 1px solid grey;
}

.confirm_package_text {
	display: inline-block;
	padding: 3px 5px;
	font-size: 13px;
	max-width: 70%;
}

.confirmation_content {
	background-color: #c1c1c1;
	padding: 5px;
	border-top: 1px solid grey;
	border-bottom: 1px solid grey;
}

/* TRAINING CAMP PAGE */
.tc_table_container {
  border-radius: 4px;
  border-spacing: 6px 5px;
  display: table;
  width: 100%;
}

.tc_table_header {
	background-color: #C1C1C1;
	border-bottom: 1px solid #808080;
	border-radius: 4px 4px 0 0;
	border-spacing: 5px 2px;
	display: table;
	margin: 0 auto;
	width: 100%;
}

.tc_table_player { 
	width: 25%;
}
.tc_table_player a, .tc_table_player div {display: inline-block;}
.tc_table_player a {
	display: inline-block;
	margin-left: 5px;
	margin-top: 5px;
	vertical-align: top;
}

.tc_table_package_info {
	width: 45%;
}

.tc_table_package_text {
	display: inline-block;
	max-width: 80%;
	vertical-align: top;
	padding-top: 11px;
}

.tc_table_duration { 
	width: 21%;
}

.tc_table_icons {
	width: 9%;
}

.tc_details_background > div > div:first-of-type { flex-grow: 0 }
.tc_details_background { height: auto !important; background: #c1c1c1 }
.tc_details_container {
	background-color: #a3a3a3;
	margin: 5px;
	border-radius: 4px;
	border: 1px solid grey;
}

.tc_details_efficiency {
	background-color: #c1c1c1;
	padding: 5px;
	border-top: 1px solid grey;
	border-bottom: 1px solid grey;
}

.tc_table_bottom {
	background-color: grey;
	border-radius: 0 0 4px 4px;
	height: 20px;
}

#tc_attributes_container div {
	height: 20px;
	line-height: 20px;
}

/* TRAINING REPORT */

.headerPanel {
	padding: 4px 10px 4px 0px;
	margin-bottom: 4px;
	background: #ccc;
	border: 1px solid #a3a3a3;
}
.trainingReportNav {text-align: center; margin: 0; padding: 0; font-size: 13px}
.trainingReportNav li {display: inline-block; margin: 0 8px}

.reportSeparator {
	margin-top: 10px;
	border-bottom: 2px solid #CCCCCC;
	color: grey;
}

#training_report .hitlist.junior > tbody > tr:not(.junior) { display: none }
#training_report .hitlist.senior > tbody > tr:not(.senior) { display: none }

/* TRAINING GRAPH */

.graphIcon {
	width: 20px;
	height: 20px;
	text-align: center;
}

.view_graph_desc {
	margin: 0 15px 0 0;
	padding: 2px 18px 2px 2px;
	line-height: 20px;
	max-width: 420px;
}

.trainingReportTable td {padding: 2px 4px;}
.trainingReportTable thead th .clippable {max-width: 140px;}
.trainingReportTable #textClipped { margin-top: 1px }
.skillBallSeparator {margin-right: 2px;}
.extraTrainingIcon {vertical-align: top; padding-top: 5px}
.dailyReportRightColumn {text-align: right;}
.dailyReportRightColumn img {margin-bottom: 0!important;}
.playerColumn {max-width: 220px}
.skillColumn {max-width: 120px}
.skillColumn span {display: inline-block; line-height: 28px; max-width: 83px; vertical-align: top}
.deteriorationNotice {cursor: pointer;}

.weeklyReportHeader {
	background: none repeat scroll 0 0 #fcfcfc;
	border-bottom: 1px solid #247647;
	border-top: 1px solid #247647;
	font-weight: bold;
	line-height: 25px;
	padding: 0 5px;
}
.weeklyReportShirtNo {float: left; position: relative; top: 6px; width: 40px;}
.weeklyReportHeader a {text-decoration: none;}
.weeklyReportHeader img {border: 0;}
.weeklyReportTG {position: relative; top: 3px}
.weeklyReportPlayerName {margin: 4px 0 0 10px;}
.weeklyReportBox {border: 1px solid grey; background: none repeat scroll 0 0 #fcfcfc;}
.weeklyReportBox span {display: inline-block; max-width: 94px; vertical-align: middle; font-size: 11px;}
.weeklyReportBox #textClipped { margin-top: -3px }

.training_days {
	padding: 0;
	margin: 0 0 5px;
}
.training_days li {
	display: inline-block;
	margin: 5px;
	width: 115px;
	vertical-align: top;
}
.trainingDayHeader {text-align: center; padding-bottom: 5px; font-size: 12px; font-weight: bold}
.imgDiv {width: 100%; text-align: center; display: inline-block; padding: 4px 0;}
.improvementLabel, .deteriorationLabel {padding: 1px 2px; text-align: center}
.improvementLabel {background: #50B347}
.deteriorationLabel {background: #ED3E3E}

#training_report .fa-stack {line-height: 25px!important; height: 27px!important; vertical-align: top!important; width: 22px!important;}
#training_report .fa-stack-2x {font-size: 26px!important;}
#training_report .fa-stack-1x {font-size: 16px!important;}