/* standings stylesheet */

#standings-container { float:left; clear:both; width:100%; margin:0; }
#standings-header-container { float:left; width:642px; margin:12px 0 10px 0; }
#standings-header { display:block; float:left; font-size:16px; font-weight:bold; color:#666; }
#standings-headnote { display:block; float:right; font-size:14px; color:#844; }

/* tables */
.league-filter-header > div {  }
.league-filter-row > div { line-height:20px; font-size:13px; }
.league-filter-row > div:first-child > a { margin-left:4px !important; }

/* scores_nav_control */
div.standings_nav_control { float:left; margin:0 12px 0 0; width:180px; height:60px; border:1px solid #eee; background:#fff; }
div.standings_nav_control:hover { border:1px solid #ccc; background:#f3f3f3; }
div.standings_nav_control div { float:left; margin:2px; width:172px; height:52px; font-size:12px; }

/* comments view */
#content-comments { float:left; clear:both; width:642px; border:1px solid #ddd; min-height:228px; margin:20px 0 0 0; }
	#content-comments #content-comments-header { clear:both; background:#ddf; width:642px; }
	#content-comments div { float:left; }
	#content-comments #content-comments-input-container { clear:both; width:634px; margin:4px; background:#cce; }
	#content-comments #content-comments-input {  }
	#content-comments #comments-input-box { display:block; float:left; padding:2px; width:548px; margin:6px; }
	#content-comments #content-comments-feed-container { width:100%; }
	#content-comments #content-comments-feed-container .no-comments { display:block; margin-top:50px; font-size:14px; color:#999; float:left; width:100%; text-align:center; }
	#content-comments-footer { width:644px; }
	#content-comments #content-comments-feed { width:100%; padding-bottom:2px; min-height:193px; }
	#content-comments-pagination { clear:both; width:642px; background:#eee; border-top:1px solid #ddd; }
	#content-comments-pagination > div { float:right; font-size:12px; }
	.reset-mode { color:#aaa; }
	#content-comments .comment { clear:both; width:620px; margin:2px 4px; padding:6px; background:#f6f6f6; border:1px solid #ddd; font-size:12px; }
	#content-comments .comment:first-child { margin-top:0; }
	#content-comments .comment .comment-team { padding:2px 0; }
	#content-comments .comment .comment-content { color:#444; padding:2px 0; word-break:break-word; margin-bottom:3px; }
	#content-comments .comment .comment-content a { font-weight:normal; }
    #content-comments .comment .comment-options { float:right; }
	#content-comments .comment .comment-time { width:88px; float:right; color:#bbe; font-weight:bold; font-size:11px; padding:4px }
	#content-comments .comment .comment-flag { float:right; width:13px; height:13px; margin:5px 5px 0 7px; background:url('/img/site/spam-flag.png') top left no-repeat; opacity:0.55; filter:alpha(opacity=55); }
	#content-comments .comment .comment-flag:hover { cursor:pointer; opacity:1.0; filter:alpha(opacity=100); }
	#content-comments .comment .comment-delete { float:right; width:13px; height:13px; margin:5px 4px 0 8px; background:url('/img/site/remove_player_box.png') top left no-repeat; opacity:0.55; filter:alpha(opacity=55); }
	#content-comments .comment .comment-delete:hover { cursor:pointer; opacity:1.0; filter:alpha(opacity=100); background:url('/img/site/remove_player_box_hover.png') top left no-repeat; }
    #content-comments .comment .comment-reaction { float:right; padding:4px; user-select:none; }
    	#content-comments .comment .comment-reaction-wrapper { float:left; }
    		#content-comments .comment .comment-like-button { float:left; font-size:11px; text-align:center; width:36px; font-weight:bold; color:#aca; }
    		#content-comments .comment .comment-like-button:hover { cursor:pointer; text-decoration:underline; }
    		#content-comments .comment .comment-liked { color:#8a8 !important; }
    		#content-comments .comment .comment-likes { color:#8a8; float:left; font-size:10px; letter-spacing:1px; margin-right:3px; text-align:center; width:16px; font-weight:bold; }
			#content-comments .comment .comment-team-likes:hover { color:#575; cursor:pointer; }

/* chart view */
#content-chart { float:left; clear:both; width:644px; }

/* ajax loader */
.ajax-loader-html { display:none; background:transparent url('/img/site/ajax-loader.gif') no-repeat top left; width:66px; height:66px; position:absolute; margin:42px 0 0 294px; }

/* labels */
.schedule-events-label { width:116px; }

/* brakets */
#brackets-container { float:left; clear:both; width:730px; }
#brackets-container .brackets-round { float:left; margin:0 10px 0 0; }
#brackets-container .brackets-round .seriesbox-container { float:left; clear:both; }
#brackets-container .brackets-round-1 .seriesbox-container { margin:0; }
#brackets-container .brackets-round-2 .seriesbox-container { margin:58px 0 -22px 0; }
#brackets-container .brackets-round-3 .seriesbox-container { margin:114px 0 0 0; }
#view-status-msg { float:left; max-width:676px; background:#fdf0e5; color:#964; padding:12px; font-size:12px; line-height:16px; font-weight:bold; margin:6px 0 10px 0; }

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

	.external .template-content-container { width:100vw !important; margin-top:0; }
	.external .template-content-wrapper { width:90vw; margin-top:0 !important; }
	.external #request-standings-container { width:90vw !important; margin:4vw 5vw !important; }
	.external #standings-header-container { width:90vw; margin:2vw 0 3vw 0; }
	.external #standings-header { width:90vw; font-size:4vw; }
	.external #standings-container { width:90vw;  }
	.external .standings-frame { width:90vw; max-width:none; margin:0 0 3vw 0; border:none; }
	.external .standings-head-row, .external .standings-team-row { width:90vw; max-width:90vw; font-size:3vw !important; margin:0; height:4.5vw !important; line-height:4.5vw !important; }
	.external .standings-head-row > div, .external .standings-team-row > div { width:10vw; height:4.5vw !important; line-height:4.5vw !important; margin:0; font-size:3vw !important;}
	.external .standings-head-row a, .external .standings-team-row a { margin:0; padding:0; }
	.external .standings-head-row > div:first-child, .external .standings-team-row > div:first-child { width:38vw !important; }
	.external .standings-name-container a, .external .standings-team-row a { padding-left:1vw; font-size:3vw; }

	.external .standings-div-name { width:90vw; height:6vw; margin:0 0 2vw 0; line-height:4.5; font-size:4vw; }
	.external .standings-div-name > * { display:block; float:left; clear:none; font-size:4vw !important; margin:0; padding:0; line-height:6vw; }
	.external #standings-div-name-link { max-width:45vw; overflow:hidden; }
	.external .standings-wc-link-container { max-width:44vw; overflow:hidden; float:right; text-align:right; }
	.external .standings-wc-link, .external .standings-wc-link-container { font-size:3vw !important; }

	.external .standings-head-streak, .external .standings-streak-cell,
	.external .standings-head-runsscored, .external .standings-runsscored-cell,
	.external .standings-head-runsagainst, .external .standings-runsagainst-cell,
	.external .standings-head-runsdiff, .external .standings-runsdiff-cell { display:none; }
	.external #content-chart, .external .standings-archive-season-selector, .external .standings-div-history-link { display:none; }
	.external #standings-headnote, .external #standings-extras-container { display:none; }
}