/* franchise ball : game ui stylesheet */

#content-frame { float:left; width:676px; margin:0 0 64px 34px; }
#content-frame div { float:left; }
#content-head { width:706px; }
#content-diamond { width:226px; height:224px; margin:0 8px 0 0; }
	#content-diamond #diamond-img { margin:0 !important; }
	#content-diamond #diamond-container { width:220px !important; height:220px !important; }
	#content-diamond #diamond-image-box { width:220px; height:220px; }
#content-action { margin:20px 0 0 0; }
#content-status-board { width:440px; height:108px !important; margin:0 0 8px 0; }
	#content-status-board > div { margin:0 !important; }
	#content-status-board > div > div { width:auto !important; height:auto !important; }
	#content-status-board > div > div > div { height:auto !important; }
	#content-status-board .board-cell-hits, #content-status-board .board-cell-runs { display:none; }
	#content-status-board .board-cell { width:30px !important; }
	#content-status-board .board-cell span { float:left; width:100%; margin:4px 0; font-size:14px !important; }
	#content-status-board .board-cell-team, #content-status-board .board-cell { height:26px !important; }
	#content-status-board .board-cell-team a { margin:6px !important; }
	#content-status-board #board-header-header { font-size:13px; margin:4px 0 0 6px !important; }
	#content-status-board #board-header-inning { font-size:13px; width:100%; text-align:center; margin:4px 0 0 0 !important; }
	#content-status-board #board-scores .board-cell span { color:#444 !important; }
#content-info { width:665px; min-height:100px; margin:26px 0 8px 0; clear:both; }
#content-gamelog { width:320px; background:#ddd; margin:0 16px 0 0; font-size:12px; }
	#content-gamelog .game-tabs { height:258px; }
	#content-gamelog .game-tabs ul { padding:2px 0 0 70px; }
	#content-gamelog.content-gamelog-recap .game-tabs ul { padding-left:114px !important; }
	#content-gamelog #tab-content-plays > div, #content-gamelog #tab-content-scoring > div { width:100%; margin-top:92px; }
	#content-gamelog .inning-bar { clear:both; font-weight:bold; width:100%; padding:4px 0; font-size:10px; color:#070; }
	#content-gamelog .gamelog-slot { clear:both; width:100%; padding:4px 0; }
	#content-gamelog .gamelog-slot .gamelog-time { display:block; float:left; }
	#content-gamelog .gamelog-slot .gamelog-text { display:block; float:left; width:250px; }
	#content-gamelog .gamelog-slot .gamelog-manager-actions { display:block; float:left; width:251px; background:#fceded; margin:4px 0 4px 50px; padding:3px 6px; font-size:11px; line-height:15px; cursor:pointer; }
	#content-gamelog .gamelog-slot .gamelog-manager-actions span { color:#444; }
	#content-gamelog .gamelog-slot .gamelog-manager-actions span:hover { color:#000; }
	#content-gamelog .gamelog-slot .gamelog-manager-actions .action-offcolor { color:#a55; }
	#content-gamelog .gamelog-slot .gamelog-manager-actions .action-offcolor:hover { color:#722; }
	#content-gamelog .inning-bar.inning-bar-up { background:#efe url('/img/site/flow_arrow_up.png') 15px 7px no-repeat; }
	#content-gamelog .inning-bar.inning-bar-down { background:#efe url('/img/site/flow_arrow_down.png') 15px 7px no-repeat; }
	#content-gamelog .inning-bar > span { display:block; float:left; margin-left:50px; }
	#content-gamelog .gamelog-time { float:left; color:#999; text-align:center; width:50px; }
#content-matchupinfo { width:320px; background:#ddd; }
	#content-matchupinfo .game-tabs { /*height:242px;*/ }
	#content-matchupinfo .game-tabs a { color:#070 !important; }
	#content-matchupinfo .game-tabs ul { padding:2px 0 0 10px !important; }
	#content-matchupinfo .game-tabs ul li { margin-right:3px; }
	#content-matchupinfo .boxscore-table-hitting { display:block; float:left; margin:8px 0 0 6px; font-size:12px; }
		#content-matchupinfo .boxscore-table-hitting tr th { color:#44f; text-align:center; padding:0 0 4px 0; font-size:11px; }
		#content-matchupinfo .boxscore-table-hitting tr td { color:#666; text-align:center; padding:1px 2px; }
	#content-matchupinfo .boxscore-table-pitching { display:block; float:left; margin:4px 0 0 6px; font-size:12px; }
		#content-matchupinfo .boxscore-table-pitching tr th { color:#44f; text-align:center; padding:0 0 4px 0; font-size:11px; }
		#content-matchupinfo .boxscore-table-pitching tr td { color:#666; text-align:center; padding:1px 2px; }
	#content-matchupinfo #boxscore-tabs { /*height:256px;*/ }
#content-status-game { /*background:#fee;*/ clear:both; width:431px; font-size:14px; height:110px; margin:0 0 0 0; }
	#content-status-game * { overflow:visible !important; }
	#content-status-game .status-label { display:block; float:left; font-weight:bold; color:#333; font-size:12px; }
	#content-status-game #game-status-recap-pitchers { font-size:14px !important; margin-bottom:10px !important; }
	#content-status-game #game-status-highlights-container { font-size:12px !important; line-height:18px !important; }
#content-comments { width:663px; border:1px solid #ddd; min-height:228px; margin:12px 0 0 0; clear:both; }
	#content-comments #content-comments-header { clear:both; background:#ddf; width:663px; }
	#content-comments #content-comments-input-container { clear:both; width:655px; margin:4px; background:#cce; }
	#content-comments #content-comments-input {  }
	#content-comments #comments-input-box { display:block; float:left; padding:2px; width:568px; margin:6px; }
	#content-comments #content-comments-feed-container { width:100%; }
	#content-comments-footer { width:665px; }
	#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 #content-comments-feed { width:100%; padding-bottom:2px; min-height:193px; }
	#content-comments-pagination { clear:both; width:663px; 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:641px; 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-time:hover { color:#aad; }
	#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; }
    
#panel-tracker-options { float:left; width:665px; margin-top:6px; }

/* score/status */
.score-cell { position:relative; z-index:1; color:#333; }
.score-cell:before { background-size:cover !important; content:""; position:absolute; top:0; left:0; width:100%; height:100%; opacity:.4; z-index:-1; }

/* tabs */
.game-tabs { border:1px solid #ccc; -webkit-border-radius:0 !important; border-radius:0 !important; }
.game-tabs .gamelog-tab-content { padding:0; width:100%; }
.game-tabs > .ui-tabs-nav, .game-tabs > .ui-corner-all { background:#ddf; border:1px solid #ccc; -webkit-border-radius:0 !important; border-radius:0 !important; }
.game-tabs ul li a { font-size:10px; font-weight:normal; }
.game-tabs ul { background:#ddf; }
.game-tabs ul li { margin-right:3px; }
.game-tabs { width:100%; }

/* game manager */
#manager-interface { float:left; }
.manager-interface-menu a { color:#070 !important; }
#manager-interface-disable { display:none; position:relative; height:100%; background:#fff; opacity:0.5; filter:Alpha(opacity=50); }
.queued-action { float:left; padding:8px 10px; background:#ccf; margin:0 4px 4px 0; font-size:11px; font-weight:bold; color:#333; }
.queued-msg { float:left; margin:8px 12px 12px 12px !important; font-weight:bold; color:#777; font-size:12px; }

/* 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; }

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

	.external .manage-menu { display:none; }
}