/* history.css : history & records ui */

/* misc */
.champ-title-label { float:left !important; width:94px; }

/* ui */
#history-container { float:left; width:690px; margin:8px 0 0 6px; }
	#history-header-container { float:left; width:690px; }
		.history-header-label { display:block; float:left; font-size:18px; font-weight:bold; color:#66e; }
			.history-header-label a { font-weight:bold; color:#66e; }
			#historical-team-label { float:left; clear:both; color:#a77; font-size:11px; font-weight:bold; margin-top:4px; }
		.type-selector-container { float:right; }
			.select_searchbox { display:block; float:left; color:#333 !important; margin:0 0 0 0; padding-left:1px; width:180px; font-weight:bold; font-size:14px; color:#ccc; border:1px solid #ccc; }
	#history-content { float:left; clear:both; margin:16px 0 0 0; width:100%; }
		.history-content-container { float:left; width:100%; }
			.history-section { float:left; clear:both; margin:0 0 18px 0; }
				.history-section-header { float:left; clear:both; width:434px; background:#e6e6e6; padding:8px; font-size:14px; color:#444; font-weight:bold; }
				.history-section-content { float:left; clear:both; }


/* mobile */
@media only screen and (max-width: 991px) {

	.external .template-history-content-container { margin-top:0; }
	.external .template-content-wrapper { width:90vw; margin:2vw 5vw; }
	.external #history-container { width:90vw; margin:2vw 0; }
	.external #history-header-container { width:90vw; }
	.external #historical-team-label { font-size:3vw; margin-top:2vw; }
	.external #history-header-container > span { font-size:3.5vw; }
	.external .history-subheader-label { margin-top:1.5vw !important; font-size:2.5vw !important; }
	.external #history-header-container .type-selector-container { float:left; clear:both; margin-top:3vw; }
	.external #history-header-container .type-selector-container .select_searchbox { padding:0.4vw; border:0.2vw solid #ccc; font-size:3vw; width:42vw; }
	.external #history-content { margin-top:3vw; width:90vw; }
	.external .history-content-container { width:90vw !important; }
	.external .history-section { width:90vw !important; margin-bottom:4vw; max-height:62vw !important; }
	.external .history-section-header { width:86vw !important; padding:2vw; font-size:2.2vw !important; }
	.external .history-section-header span, .external .history-section-header a { font-size:2.2vw !important; }
	.external .team-history-section { margin-top:0vw !important; }
	.external .team-history-section-header {  }
	.external .team-history-section-content { max-height:47vw !important; }
	.external .team-history-section-frame { font-size:2.5vw !important; margin-top:2vw; margin-left:0 !important; }
	.external .team-history-section-frame span { font-size:2.5vw; line-height:4vw; }
	.external .team-history-section-frame .title-num { width:6vw !important; margin-left:1vw !important; }
	.external .team-history-section-frame .champ-title-label { width:20vw; }
	.external .history-section-content { width:90vw !important; }
	.external .history-section-footer { width:90vw !important; padding:0 !important; }
	.external .history-section-footer #totals-table { width:90vw !important; padding:1.5vw 0 !important; }
	.external .history-section-footer #totals-table td { font-size:2.2vw !important; }
	.external .records-table { width:90vw !important; margin:0 !important; font-size:2.4vw !important; }
	.external .records-table .list-cell a { font-size:2.4vw !important; }
	.external .records-table tr td:first-child { width:15vw !important; }
	.external .records-table tr td:last-child { width:12vw !important; }
	.external .titles-table { width:90vw !important; font-size:2.4vw !important; }
	.external .titles-table tr td { padding:1vw 0; }
	.external #league-list-section { float:left !important; width:90vw !important; height:auto !important; }
	.external #league-list-section #league-list { width:90vw; padding:3vw 0 2vw 0; }
	.external #league-list-section #league-list > div { padding:1vw 0 !important; width:45vw !important; }
	.external #league-list-section #league-list > div > a { font-size:2.4vw !important; }
	.external #team-names-table { width:90vw !important; font-size:3vw !important; }
	.external #team-names-table td { padding:1.5vw; }
	.external #team-graphs-subheader { font-size:3vw !important; }
	.external #stat-selector-container #stat-selector { font-size:3vw !important; }
	.external #team-graphs-container { margin-top:4vw !important; width:90vw; }
	.external #stat-chart {  }

}