/* franchise ball : franchise ui stylesheet */

.template-content-wrapper { width:712px !important; }
#content-main { float:left; clear:both; margin:0 0 32px 0; width:712px; }
#content-main div { float:left; }
#content-main > div { width:686px; }
#franchise-options-container { width:100%; clear:both; height:28px; }
#franchise-searchbox-container { width:144px; }
#franchise-searchbox-container #franchise_select_searchbox { display:block; float:right; width:180px; font-weight:bold; margin-top:1px; font-weight:bold; font-size:14px; color:#aaa; border:1px solid #ccc; padding-left:2px; }
.content-header { display:block; float:left; clear:both; width:100%; margin:10px 0; text-align:center; font-weight:bold; font-size:12px; color:#77a; text-transform:uppercase; }
#content-franchise { clear:both; background:#eee; border:1px solid #aaa; padding:12px; margin:12px 0 10px 0; }
	#content-franchise span, #content-team span { float:left;  }
	#franchise-info-container { width:100%; color:#555; }
		#franchise-info-label { display:block; float:left; font-size:22px; font-weight:bold; color:#77f; }
		#franchise-info-frame { float:left; clear:both; font-size:13px; }
			#franchise-info-info { max-width:360px; float:left; padding:8px 0; }
			#franchise-info-data { width:200px; float:left; border-left:1px solid #ddd; padding:8px 20px; margin-left:20px; }
				.franchise-info-set { clear:both; float:left; margin-top:4px; }
				.franchise-info-set-label { width:80px; font-weight:bold; }
				.franchise-info-set-value { margin-left:6px; }
				.franchise-info-set-datavalue { margin-left:10px; }
#content-team { clear:both; width:100% !important; margin:0 0 10px 0; }
    .team-container { position:relative; clear:both; width:710px; background:#f6f6f6; border:1px solid #ddf; margin:10px 0 0 0; font-size:12px; }
    .team-container:first-child { margin-top:0 !important; }
        .team-inner-container { margin:10px; }
		.team-info-container { min-width:324px; margin-right:20px; }
			.team-label { clear:both; }
				.team-label-value { float:left; font-size:16px; font-weight:bold; }
			.team-data-container { clear:both; color:#666; margin-top:6px; }
				.team-data-seasons { float:left; }
					.team-data-seasons-est { display:block; float:left; font-weight:bold; }
					.team-data-seasons-active { display:block; float:left; font-size:12px; color:#777; margin-left:8px; }
				.team-data-seasons-periods { display:block; float:left; clear:both; margin-top:4px; font-size:12px; color:#88c; }
			.team-value-container { clear:both; color:#666; margin-top:10px; }
			.team-rank-container { clear:both; color:#666; margin-top:4px; }
		.team-titles-container { border-left:1px solid #ddd; height:74px; }
			.team-titles-frame { margin-left:20px; }
				.team-titles-value { float:left; clear:both; font-size:12px; margin-top:4px; color:#777; font-weight:bold; }
		.team-titles-container span { float:none; }
		.champ-title-label { float:left !important; width:94px; }
		.title-seasons-set { margin-left:6px; }
		.team-admin-label { position:absolute; bottom:0; right:0; padding:6px; background:#eef; font-size:12px; font-weight:bold; color:#6a6; }
#content-about { clear:both; margin-top:12px; margin:0 0 10px 0; }
	#content-about-owner { clear:both; background:#f6f6f6; padding:10px; }
	#content-about > div { width:692px; }
	#about-text-panel { float:left; margin-top:10px; }
	#owner-about-label, #franchise-about-label { float:left; font-size:14px; font-weight:bold; color:#99c; margin-bottom:10px; }
	.about-container { float:left; clear:both; font-size:12px; width:690px; }
	.about-container .about-text-panel { display:block; }
	.about-container .about-editor-panel { display:none; margin-top:8px; }
	.about-container.about-showedit .about-text-panel { display:none; }
	.about-container.about-showedit .about-editor-panel { display:block; }
	.about-edit-button { float:right; }
		.about-editor { float:left; width:686px; height:100px; font-family:arial; }
		.about-submit-panel { float:left; width:692px; margin:8px 0 0 0; }
			.about-submit-info { float:right; color:#999; margin-top:3px; }
			.about-submit { float:right; margin-left:14px; }

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

	.external .template-content-wrapper { width:90vw !important; margin:2vw 5vw !important; }
	.external #content-main { width:90vw; }
	.external #franchise-options-container { width:90vw !important; margin:0; height:auto !important; margin-bottom:1vw; }
	.external #franchise-searchbox-container { float:left !important; width:auto; }
	.external #franchise-searchbox-container #franchise_select_searchbox { width:72vw !important; font-size: 4vw !important; padding:1vw; }
	.external #content-franchise { width:83.8vw; margin:2vw 0 0 0; padding:3vw; border:0.1vw solid #666; }
	.external #franchise-info-label { font-size:4vw; }
	.external #franchise-info-frame { width:86vw; font-size:3vw; }
	.external #franchise-info-info { max-width:none; padding:0; margin-top:2vw; width:86vw; }
	.external #franchise-info-data { width:86vw; border:none !important; padding:0 !important; margin:2vw 0 0 0 !important; }
	.external .franchise-info-set { margin-top:1vw; }
	.external .franchise-info-set-label { width:auto; }
	.external .franchise-info-set-value { margin-left:2vw; }
	.external .franchise-info-set-datavalue { margin-left:2vw; }
	.external .content-header { margin:5vw 0 3vw 0; font-size:3vw; }
	.external #content-team { width:90vw; margin:0; }
	.external .team-container { width:89.8vw; border:0.1vw solid #aaa; margin-top:3vw; }
	.external .team-inner-container { width:83.8vw; margin:3vw; padding:0; }
	.external .team-info-container { min-width:auto; margin:0; width:86vw; }
	.external .team-label { margin-bottom:2vw; }
	.external .team-label-value { font-size:4vw; }
	.external .team-data-container { margin:0; font-size:3vw; }
	.external .team-data-seasons-active { font-size:2.6vw; margin-left:3vw; }
	.external .team-data-seasons-periods { width:86vw; font-size:3vw; }
	.external .team-value-container { font-size:3vw; margin-top:1vw; }
	.external .team-rank-container { font-size:3vw; margin-top:1vw; }
	.external .team-titles-container { margin-top:2vw; height:auto; border:none; }
	.external .team-titles-frame { width:86vw; margin:0; }
	.external .team-titles-value { margin:1vw 0 0 0; font-size:3vw; width:86vw; }
	.external .champ-title-label { width:22vw; }
	.external .title-num { width:auto !important; margin-left:3vw !important; }
	.external .title-seasons-set { display:inline-block; margin-left:2vw; }
	.external .team-admin-label { font-size:3vw; padding:2vw 3vw; }
	.external #content-about { width:90vw; }
	.external #content-about-owner { width:90vw; padding:0 !important; }
	.external #content-about-owner > div { margin:3vw; width:84vw !important; }
	.external .about-text-panel { font-size:3vw; }
	.external #owner-about-label, .external #franchise-about-label { font-size:4vw !important; margin:0 0 3vw 0 !important; }
	.external #owner-about-container, .external #franchise-about-container { width:86vw; }
	.external #content-about-franchise { width:90vw; padding:0 !important; margin-top:3vw !important; }
	.external #content-about-franchise > div { margin:3vw; width:84vw !important; }
	.external #franchise-about-label { float:left; font-size:14px; font-weight:bold; color:#99c; margin-top:2px; }

}