/* team ui stylesheet */

#team-content { float:left; clear:both; margin:0; width:710px; margin-bottom:10px; }
#team-main { float:left; width:450px; }
#team-side { float:right; width:244px; }
#team-info-container { float:left; }
#team-team-stats {  }
#team-team-stats > div { float:left; width:80px; margin:5px 5px 5px 5px; }
#team-team-stats > div > a { float:left; display:block; clear:both; text-align:center; width:100%; font-size:10px; font-weight:bold; }
#team-team-stats > div > div { float:left; display:block; clear:both; color:#666; margin-top:2px; text-align:center; width:100%; font-size:18px; line-height:18px; font-weight:bold; }
#team-team-stats > div > div.stat { color:#77f; font-size:11px; font-weight:bold; text-align:center; }
.champ-title-label { float:left !important; width:84px; }
#team-head-container { float:left; clear:both; margin-top:12px; }
#team-general-info { float:left; clear:both; height:50px; background:#eee; border:1px solid #aaa; padding:10px 8px 10px 12px; }
#team-logo-container { float:left; width:50px; height:50px; margin:0 12px 0 0; }
#team-logo { float:left; display:block; }
#team-identity-info { float:left; margin:0; padding:0; }
#team-name-label { float:left; clear:both; font-weight:bold; color:#77f; overflow:hidden; width:258px; height:21px; }
#team-record-info { float:left; clear:both; font-size:18px; font-weight:bold; color:#777; }

#team-rank-container { float:left; width:89px; height:72px; margin-left:12px; }
#team-rank-tab-container { float:left; clear:both; width:90px; }
.team-rank-tab { float:left; background:#eee; width:21px; height:12px; color:#bbb; padding:3px; margin-right:1px; font-size:10px; font-weight:bold; text-align:center; border:1px solid #aaa; border-radius: 5px 5px 0 0; cursor:pointer; }
.team-rank-tab-show { border-bottom:none !important; background:#f6f6f6; color:#7cb57c; height:13px; }
.team-rank-tab:hover { background:#f6f6f6 }
.team-rank-info { display:none; background:#f6f6f6; float:left; clear:both; width:87px; height:51px; border:1px solid #aaa; border-top:none; }
.team-rank-info-show { display:block; }

#team-rank-label { float:left; clear:both; text-align:center; margin-top:7px; font-size:11px; width:100%; }
#team-rank-value { float:left; clear:both; width:100%; text-align:center; margin-top:3px; font-weight:bold; font-size:16px; color:#777; }
#team-status-container { float:left; clear:both; margin:16px 0 12px 10px; }
#team-status-info-container { width:240px; float:left; overflow:hidden; }
#team-status-seasons { float:left; clear:both; font-size:11px; color:#559; margin-top:3px; }
#team-history-container { float:left; clear:both; margin-top:10px; }
#team-history-link { float:left; font-size:12px; margin-top: 4px; }
#hof-rank-link { opacity:80%; float:left; margin-left:8px; display:inline-block; font-size:11px; color:#666; font-weight:bold; width:26px; height:25px; line-height:24px; text-align:center; border-radius: 50%; text-decoration:none; }
#hof-rank-link:hover { opacity:100%; }
#team-status-value { float:left; clear:both; margin-top:3px; font-size:11px; color:#559; font-weight:bold; }
#team-status-franchise { float:left; clear:both; font-size:12px; margin-bottom:8px; color:#444; font-weight:bold; }
#team-status-rankings-container { float:left; width:190px; margin-left:5px; height:150px; background:#eef; font-size:12px; }
#team-team-stats-header { float:left; text-align:center; width:184px; padding:3px; font-size:10px; color:#444; font-weight:bold; background:#dbdbff; }
#team-team-stats { float:left; clear:both; padding:4px; }

/* standings module */
#standings-container { float:left; clear:both; width:244px; }
#standings-div-header { float:left; height:28px; margin-top:0; width:244px; }
#standings-div-header-link { float:left; margin:10px 0; font-size:12px; margin-left:3px; }
#standings-div-container { float:left; clear:both; width:244px; }

/* schedule module */
table#team_schedule_list tr .list_loc_ref { width:24px; text-align:center; font-weight:bold; }
table#team_schedule_list tr td { padding:4px; }
table#team_schedule_list tr.list_spacer td { padding:0px; height:4px; }
table#team_schedule_list tr.list_row_head { background:#ddf; text-align:center; font-weight:bold; }
td.list_winloss { text-align:center; }
span.list_abbr_win { color:#6c6; font-weight:bold; }
span.list_abbr_loss { color:#f66; font-weight:bold; }
table#team_schedule_list tr td.list_score { text-align:center; }
table#team_schedule_list tr td.list_score a { display:block; float:left; height:16px; min-width:40px; overflow:hidden; }
table#team_schedule_list tr td.list_record { text-align:center; }

/* team tabs */
#team-tabs { float:left; clear:both; font-size:12px; width:442px; border:1px solid #ccc; -webkit-border-radius:0 !important; border-radius:0 !important; }
#team-tabs ul { padding:2px 0 0 34px; }
#team-tabs ul li { margin-right:3px; }
#team-tabs ul li a { font-size:10px; font-weight:normal; }
#team-tabs > .ui-tabs-nav, #team-tabs > .ui-corner-all { background:#ddf; border:1px solid #ccc; -webkit-border-radius:0 !important; border-radius:0 !important; }
#team-tabs .stats_table { font-size:12px; }
.team-tab-content a { color:#070; }
.tab-gameorder-selected { color:#000 !important; font-weight:normal; text-decoration:none !important; }
.team-tab-content > div { width:auto !important; height:auto; }
.scoreboard-game-info { clear:both; margin-bottom:4px !important; height:auto !important; max-height: 124px !important; }
.game-status-links { clear:none !important; margin:0 !important; }
.game-status-links div { background:none !important; }

.scoreboard-game-info-ended { width:400px !important; }
.game-status-links-ended {  }
.scoreboard-game-info-spanning { width:306px !important; clear:none !important; margin-top:18px !important; }
.game-status-links-spanning { width:120px !important; }
.scoreboard-game-info-stored { clear:none !important;  }
.game-status-links-stored { float:left !important; width:auto !important; margin:8px 0 0 3px !important; }

.game-status-stats { margin:2px 0 0 4px !important; }
.scoreboard-game-info div { height:auto !important; }
.game-scores { border:none !important; background:none !important; display:none; }

#tab-content-transactions { padding:2px 0 1px 2px !important; }

.news-transactions { float:left; width:432px !important; height:170px !important; margin:5px; overflow-x:hidden; overflow-y:auto; }
    .news-transactions-table { float:left; width:432px; font-size:10px; }
    .news-transactions-table tr { background:none; }
    .news-transactions-table tr:nth-child(even) { background:#e9e9ee; }

/* panels */
.standings-team-row { height:16px; font-size:12px; }
.standings-team-row > div { height:16px !important; }
#wildcard-snapshot-container .standings-team-row { display:none; }

/* links */
#team-links-container > a:first-child { margin-top:0; }
#team-links-container > a { float:left; clear:both; margin-top:4px; }

/* comments view */
#content-comments { float:left; width:446px; border:1px solid #ddd; margin:20px 0 0 0; clear:both; }
    #content-comments #content-comments-header { clear:both; background:#ddf; width:100%; }
    #content-comments div { float:left; }
    #content-comments #content-comments-input-container { clear:both; width:438px; margin:4px; background:#cce; }
    #content-comments #content-comments-input {  }
    #content-comments #comments-input-box { display:block; float:left; padding:2px; width:352px; margin:6px; }
    #content-comments #content-comments-feed-container { width:100%; }
    #content-comments #content-comments-feed-container .no-comments { display:block; margin:10px 0 16px 0; font-size:14px; color:#999; float:left; width:100%; text-align:center; }
    #content-comments-footer { width:448px; }
    #content-comments #content-comments-feed { width:100%; padding-bottom:2px; /*min-height:193px;*/ }
    #content-comments-pagination { clear:both; width:446px; 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:424px; 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; }
    
/* historical */
#historical-stats-content > div { float:left; width:50%; height:36px; margin-bottom:12px; color:#555; }
#historical-stats-content > div > span:first-child { float:left; clear:both; width:100%; text-align:center; font-weight:bold; color:#070; font-size:10px; text-transform:uppercase; }
#historical-stats-content > div > span:nth-child(2) { float:left; clear:both; width:100%; text-align:center; font-weight:bold; font-size:16px; margin-top:2px; }

/* buttons */
#team-options-container { float:left; clear:both; height:28px; width:450px; }
#team-options-buttons-container input[type="button"] { float:left; width:66px; margin-top:1px; border:1px solid #aaa; }
#team-options-buttons-container input[type="button"]:hover { background:#e8f9e9; border:1px solid #666; }

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

    /* info */
    .external .template-content-wrapper { width:90vw; margin:2vw 5vw; }
    .external #team-content { width:90vw; margin-bottom:2vw; }
    .external #team-main { float:left; width:90vw; }
    .external #team-side { float:left; width:90vw; margin-top:3vw; }
    .external #team-info-container { width:90vw; }
    .external #team-options-container { width:90vw; margin-bottom:1vw; height:auto; }
    .external #team-options-container #team_select_searchbox { width:72vw !important; font-size:4vw !important; padding:1vw; }
    .external #team-head-container { width:90vw; margin-top:2vw; }
    .external #team-general-info { width:67vw !important; padding:0; height:12vw; border:0.1vw solid #aaa; }
    .external #team-logo-container { width:10vw; height:10vw; padding:1vw; margin-right:0 !important; }
    .external #team-identity-info { width:52vw; margin:0; margin-left:2vw; padding:1vw 0 1vw 0 !important; }
    .external #team-name-label { font-size:4vw !important; margin:0; height:5vw; width:auto; max-width:52vw; }
    .external #team-record-info { font-size:3vw; }
    .external #team-record-info > span { position:relative; display:inline-block; top:-0.3vw; font-size:2vw !important; }
    .external #team-logo { width:10vw; height:10vw; }
    .external #team-rank-info { width:20vw !important; height:12vw; margin-left:2.2vw; padding:0; border:0.1vw solid #aaa; }
    .external #team-rank-label { width:20vw; font-size:2.5vw; margin-top:2vw; }
    .external #team-rank-value { margin-top:1vw; font-size:3.4vw; }
    .external .team-content-historical #team-options-buttons-container span { margin-top:0 !important; font-size:3vw !important; }
    .external .team-content-historical #team-select-searchbox-container { clear:both; }
    .external .team-content-historical #team_select_searchbox { margin:3vw 0 0 0 !important; }
    
    /* status */
    .external #team-status-container { width:90vw; margin:3vw 0 2vw 0 !important; }
    .external #team-status-info-container { width:90vw !important; }
    .external #team-status-franchise { font-size:2.6vw !important; margin-bottom:1.6vw !important; }
    .external #team-status-info-container span { font-size:3vw !important; }
    .external #team-status-info-container #team-status-titles span { font-size:3vw !important; height:4.4vw !important; margin-top:0.2vw!important; }
    .external #team-status-info-container #team-status-titles { margin-top:3vw !important; }
    .external .title-num { width:5vw !important; }
    .external .champ-title-label { width:25vw; }
    .external #team-status-seasons { margin-top:0.4vw; }
    .external #team-status-value { margin-top:1vw; }
    .external #team-status-value > span { width:12vw !important; }
    .external #team-history-link { float:left; clear:both; margin-top:3vw; font-size:3vw; }
    .external #team-status-rankings-container { float:left; clear:both; margin-left:0; width:90vw; height:28vw; margin-top:5vw; }
    .external #team-team-stats-header { width:86vw; padding:2vw; font-size:3vw; }
    .external #team-team-stats { padding:0; }
    .external #team-team-stats > div { width:22.5vw; margin:0; padding-top:2vw; height:15vw; margin:1vw 0px; }
    .external #team-team-stats > div > a { font-size:2.2vw; margin-top:0; }
    .external #team-team-stats > div > div { font-size:5vw; margin-top:1.8vw; line-height:3vw; }
    .external #team-team-stats > div > .stat { font-size:3vw; margin-top:2vw; }
    .external #team-tabs { display:none; }

    /* standings module */
    .external #standings-container { width:90vw; }
    .external #standings-div-header { float:left; width:90vw; height:5vw; }
    .external #standings-div-header-link { font-size:3vw; width:90vw; margin:0; padding:0; }
    .external .standings-div-container { float:left; width:90vw; }
    .external .standings-frame { width:89.8vw; border:0.1vw solid #ccc; margin:0 0 3vw 0; max-width:none; }
    .external .standings-frame div { max-width:none; }
    .external .standings-head-row { width:89.8vw; height:5.5vw; margin:0; font-size:3vw !important; }
    .external .standings-head-team { width:30vw; }
    .external .standings-head-win { width:15vw; }
    .external .standings-head-loss { width:15vw; }
    .external .standings-head-pct { width:15vw; }
    .external .standings-head-gb { width:12vw; }
    .external .standings-cell { float:left; margin:0; }
    .external .standings-name-cell { width:30vw !important; }
    .external .standings-win-cell { width:15vw !important; }
    .external .standings-loss-cell { width:15vw !important; }
    .external .standings-pct-cell { width:16vw !important; }
    .external .standings-gb-cell { width:12vw !important; }
    .external .standings-team-row { width:89.8vw; height:5.5vw !important; font-size:3vw !important; }
    .external .standings-team-row > div { height:5.5vw !important; line-height:5.5vw; }
    .external .standings-team-row > div:first-child { padding-left:1vw; }
    .external .standings-wc-header { float:left; width:90vw; height:5vw; margin:2vw 0 0 0 !important; }
    .external .standings-wc-header-link { width:90vw; font-size:3vw; margin:0; padding:0; }
    .external .wc-standings { float:left; width:90vw; }

    /* schedule module */
    .external .schedule-container { width:90vw; margin-top:2vw; }
    .external .schedule-header { float:left; width:90vw; height:5vw; }
    .external .schedule-header-link, .external .schedule-header-text { font-size:3vw; margin:0; padding:0; }
    .external .schedule-frame { width:90vw; }
    .external .schedule-minimal-list { width:89.8vw; border:0.1vw solid #ccc; }
    .external #team_schedule_list { width:89.8vw; font-size:3vw !important; border:none; }
    .external #team_schedule_list tr td { padding:1vw 0 !important; width:14vw; }
    .external #team_schedule_list .list_spacer span { margin:0 !important; padding:1vw 0 !important; }
    .external #team_schedule_list .list_spacer span a { width:89.8vw !important; }
    .external #team_schedule_list tr.list_spacer td { height:1vw !important; padding:0 !important; }
    .external #team_schedule_list tr td span { width:auto !important; }
    .external #team_schedule_list .list_row_head_init_spacer, .list_loc_ref { width:14vw !important; }
    .external #team_schedule_list .list_row_head_score { text-align:left; }
    .external #team_schedule_list .list_team_cell { width:42vw; }
    .external #team_schedule_list .list_team_cell span { width:42vw; height:auto !important; }
    .external #team_schedule_list .list_team_cell a { font-weight:normal !important; }
    .external #team_schedule_list .list_score a {height:auto !important; min-width:auto !important; }
    .external .schedule-no-results-msg { margin-top:2vw !important; font-size:3vw !important; }

}