/* franchise ball : scores : help ui stylesheet */

.template-help-content-container { width:716px; }
.template-content-header-container { float:left; clear:both; width:716px; margin:0; padding:0; }
.template-content-header { float:left; width:576px; padding:0; background:none; }
#index-links-container { float:right; }
#help-search-container div { float:left; }
#help-content div { float:left; }
#help-home-link { float:right; font-size:14px; margin:4px 10px 0 0; border:1px solid #ddd; background:#f6f6f6; padding:4px 18px; }
#help-home-link:hover { border:1px solid #ccc; background:#eee; text-decoration:none; }
.highlight-term { color:#55f; }

#help-content { float:left; clear:both; margin:8px 0 0 0; }
#help-content-container { float:left; width:478px; background:#f9f9f9; border:1px solid #e6e6e6; padding:10px; }
#help-content-header { float:left; display:block; font-size:14px; font-weight:bold; color:#333; }
#help-search-input-container { float:left; background:#eee; border:1px solid #ddd; padding:10px; margin:0 0 0 0; }
	#help_search_query { float:left; font-size:16px; width:380px; padding:0 2px; }
	#search_submit { float:left; margin:0 0 0 10px; padding:4px 8px; width:auto; }
.help-entity-header { clear:both; background:#eee; padding:12px 12px; width:692px; }
.help-entity-header-text { font-size:16px; color:#844; font-weight:bold; }

#help-menu-container {  }
#interface-guides-menu-container { float:right; width:196px; background:#eec; border:1px solid #ddb; margin-left:16px; }
#interface-guides-header { width:100%; background:#ddb; }
#interface-guides-header-text { float:left; display:block; width:188px; font-size:14px; font-weight:bold; color:#333; margin:4px; }

#interface-guides-menu {  }
	#interface-guides-menu > div { float:left; width:182px; margin:0 0 8px 10px; font-size:12px; }
	#interface-guides-menu > div:first-child { margin-top:8px; }
	.interface-guides-link-container {  }
	.interface-guides-link {  }

#interface-game-assistants-container { float:right; clear:both; width:196px; margin:16px 0 0 16px; text-align:center; }
	#interface-game-assistants-link { font-size:13px; color:#559; }

#help-topics-container { float:left; clear:both; margin-top:4px; }
	#help-topics-container > div { float:left; clear:both; }
	#help-topics-container > a { float:left; clear:both; font-size:12px; margin-top:8px; max-width:478px; }
		.search-result-link { float:left; display:block; clear:both; font-size:14px; margin:10px 0 0 0; }
		.search-result-content { float:left; display:block; clear:both; font-size:12px; color:#666; margin:3px 0 0 0; height:16px; overflow:hidden; }

#help-content-html { clear:both; width:692px; font-size:14px; background:#f6f6f6; padding:12px; color:#333; }
	#help-content-html ul { font-size:14px; margin-top:8px; padding:6px 20px; }

#help-search-results { float:left; width:498px; background:#f9f9f9; border:1px solid #e6e6e6; }
#help-search-results-header { float:left; background:#e6e6e6; padding:5px 6px 6px 6px; width:486px; }
#help-search-results-header-text { float:left; display:block; font-size:12px; font-weight:bold; color:#333; margin:0 0 0 5px; }
.help-search-error-msg { float:left; display:block; color:red; margin:12px 0 4px 0; font-size:12px; }

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

    .external .template-content-container { width:100vw !important; }
	.external .template-content-header-container { width:90vw; margin:0 5vw; margin-top:3vw; }
	.external .template-content-header { float:left; width:74vw; }
	.external #help-search-container { float:left; }
	.external #help-search-input-container { float:left; padding:0; background:none; border:none; }
	.external #help_search_query { width:54vw; font-size:4vw; }
	.external #search_submit { width:16vw; margin:0; margin-left:2vw; padding:1.1vw; font-size:2vw; }
	.external #index-links-container { float:left; width:16vw; }
	.external #help-home-link { margin:0; font-size:2vw; padding:1.3vw 1.8vw; border:0.1vw solid #ddd; }
	.external #help-home-link:hover { border:0.1vw solid #ccc; }
	.external .page-label-icon { display:none; }
	.external .page-label { display:none; }
	.external .template-content-wrapper { width:90vw !important; margin:2vw 5vw !important; }
	.external #help-content { width:90vw; margin-top:2vw; }
	.external #help-content-container { clear:both; margin:0; width:83.8vw; padding:3vw; border:0.1vw solid #e6e6e6; }
	.external #help-menu-container { width:90vw; clear:both; margin:4vw 0 0 0; }
	.external #interface-guides-menu-container { width:90vw; float:left; margin:0; border:none; }
	.external #interface-guides-header { width:90vw; background:none; margin:3vw 0; }
	.external #interface-guides-header-text { display:block; float:left; width:auto; margin:0 3vw; font-size:4vw; }
	.external #interface-guides-menu { margin-bottom:4vw; }
	.external .interface-guides-link-container { width:84vw !important; margin:2vw 0 0 3vw !important; font-size:3vw !important; }
	.external .interface-guides-link {  }
	.external #interface-game-assistants-container { width:90vw; margin:3vw 0; text-align:left; }
	.external #interface-game-assistants-link { font-size:3vw; }
	.external .help-entity-header { width:90vw; margin:0; padding:0; }
	.external .help-entity-header-text { display:block; margin:3vw; font-size:4vw; }

	.external #help-content-header { font-size:4vw; margin-bottom:3vw; }
	.external #help-topics-container { margin:0; }
	.external .help-topics-container-search-results { margin:0 !important; }
	.external .help-topics-container-search-results > div > a { margin-top:3vw; margin-left:3vw; font-size:3vw; }
	.external .help-topics-container-search-results > div > span { margin:2vw 3vw; font-size:3vw; height:auto; }

	.external #help-topics-container > a { max-width:none; margin-top:2vw; font-size:3.2vw; line-height:5vw; }

	.external #help-content-html { width:84vw; padding:3vw; font-size:3vw; line-height:4.5vw; }
	.external #help-content-html ul { margin-top:4vw; font-size:3vw; padding:1vw 3vw; }
	.external #help-content-html img { float:left; width:84vw; margin:0 0 3vw 0; }

	.external #help-search-results { width:90vw; margin-bottom:4vw; }
	.external #help-search-results-header { width:90vw; padding:0; }
	.external #help-search-results-header-text { font-size:4vw; margin:3vw; }
	.external .help-search-error-msg { margin:3vw; font-size:3vw; }
}