/* fball : research : research stylesheet */

#nav-menu { float:left; background:rgba(238,238,248,0.7); border:1px solid #ccc; padding:8px 12px; }
#nav-menu > div { float:left; }
#nav-menu a { font-size:14px; line-height:20px; }
.research-home-icon:hover { opacity:0.7; }
.view-item { display:block; float:left; font-weight:normal; }
.view-arrow { display:block; float:left; margin:5px 16px; width:8px; height:10px; background:url(/img/site/research-nav-arrow.png) top left no-repeat; }

#content-container { float:left; clear:both; width:100%; margin-bottom:32px; }
#view { float:left; clear:both; font-size:12px; margin-top:12px; }
#research-header { float:left; clear:both; color:#844; font-weight:bold; font-size:20px; }

/* template */
.template-research-frame { float:left; clear:both; width:700px; margin:0; padding:0; background:none; }
#content-filter-container { float:left; max-width:516px; overflow:hidden; }

/* util */
.searchbox-input { display:block; float:right; width:14em; font-size:14px; font-weight:bold; margin-top:4px; color:#000; border:1px solid #ccc; padding-left:2px; }
.error-msg { font-size:12px; color:#844; }

/* home view */
#home-header-info { float:left; clear:both; width:678px; padding:10px; background:#ffe; border:1px solid #ccc; margin-bottom:12px; }
#home-panels { float:left; clear:both; width:700px; padding:0; margin-bottom:12px; }
.home-panel { text-decoration:none !important; float:left; width:174px; padding:14px 0; background:rgba(200,200,200,0.3); font-size:16px; border-bottom:1px solid #bbb; border-right:1px solid #bbb; text-align:center; }
.home-panel:hover { background:#070; color:#fff; }
.home-panel:nth-child(4n) { border-right:0; }
.home-panel:nth-child(n+5) { border-bottom:0; }
#home-cat-structure-block { float:left; clear:both; width:669px; background:rgba(200,200,200,0.3); padding:12px 15px; }
#home-cat-structure-block a:first-child { margin-top:0; }
#home-cat-structure-block a { float:left; clear:both; font-weight:normal; margin-top:6px; }

/* category view */
.category-subview { float:left; clear:both; padding:4px 0; font-size:14px; width:300px; }
.category-subview > a { display:block; float:left; clear:both; margin-top:4px; }
.category-subview > a:first-child { margin-top:0; }
#cats-subview > a { color:#66e; }

/* generic view */
#view-description { display:block; float:left; clear:both; font-size:12px; margin-top:12px; font-weight:bold; color:#555; }
#view-search { display:block; float:left; clear:both; margin-top:16px; }
#view-search .entity-search-input { color:#555; display:block; float:left; width:220px; font-weight:bold; font-weight:bold; font-size:16px; border:1px solid #ccc; }
#view-search .entity-search-input::placeholder { color:#ccc; }

/* tabs view */
#research-tabs { float:left; clear:both; font-size:12px; border:1px solid #ccc; -webkit-border-radius:0 !important; border-radius:0 !important; }
#research-tabs .ui-tabs-nav li a { color:#555; }
#research-tabs a { color:#070; }
#research-tabs ul { padding:2px 0 0 16px; }
#research-tabs ul li { margin-right:3px; }
#research-tabs ul li a { font-size:10px; font-weight:normal; }
#research-tabs > .ui-tabs-nav, #team-tabs > .ui-corner-all { background:#ddf; border:1px solid #ccc; -webkit-border-radius:0 !important; border-radius:0 !important; }
#research-tabs .stats_table { font-size:12px; }

/* sub view elements */
.set-block { float:left; clear:both; margin-bottom:6px; }
.set-block > span:first-child { font-size:14px; font-weight:bold; color:#555; }
.set-block > ul { margin-top:6px; padding-left:30px; }
.set-block > ul > li { font-size:14px; }

/* playoffs view */
.league-bracket { margin-bottom:16px !important; }

/* sub view */
#sub-links { position:absolute; padding:2px; right:0; top:-30px; font-size:14px; }
#sub-links.sub-links-switch { text-align:center; }
#sub-links.sub-links-list > a { display:inline-block; float:left; clear:both; }
#sub-links.sub-links-switch > a {  }
#sub-links.sub-links-switch > a.unselected { font-weight:normal; color:#000; text-decoration:none; }
#data-search-link-container {  }
.empty-results-msg { font-size:14px; color:#999; }

/* data search views */
#entity-search-container { float:left; clear:both; margin-top:14px; }
#entity-search-searchpanel { float:left; clear:both; }
#entity-search-searchpanel #query { display:block; float:left; font-size:16px; width:260px; font-weight:bold; padding: 3px 5px; color:#555; }
#entity-search-searchpanel #query::placeholder { color:#aaa; }
#entity-search-searchpanel #entity { display:block; float:left; font-size:16px; padding:3px; font-weight:bold; color:#555; margin:0 0 0 14px; cursor:pointer; }
#entity-search-searchpanel #search { display:block; float:left; margin:0 0 0 16px; padding: 5px 16px 4px 16px}
#entity-search-results { float:left; clear:both; font-size:12px; margin:16px 0 0 0; }
#entity-search-results .query-table-container { margin-top:0; }

/* simulator engine view */
#sim-engine-container { float:left; width:698px; margin:24px 0 0 0; }
#sim-engine-control { float:left; clear:both; width:100%; }
#sim-engine-results { float:left; clear:both; width:100%; margin:16px 0 0 0; }
.sim-engine-dialog { font-family:tahoma, 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size:12px; }
    #results-frame { float:left; width:666px; background:#f0f0fe66; padding:16px; border:1px solid #ccc; }
        #results-frame div { float:left; }
        #content-head { margin-bottom:9px; }
            #content-head > div { width:62px; }
            #headline-box { display:none; }
            #content-action { margin-top:0 !important; }
                #content-status {  }
                #content-diamond { width:192px !important; margin-left:24px !important; margin-top:-34px !important; }
                    #diamond-image-box { width:192px !important; height:192px !important; background-size:contain !important; }
                        #diamond-headline { display:inline-block; margin-top:-10px; font-size:22px; }


#control-container { float:left; width:100%; background:#e6e6e6cc; border:1px solid #ccc; }
    #control-select-container { float:left; padding:16px; }
        #control-select-teams { float:left; font-size:12px; color:#444; }
            .control-select-team { float:left; background:#ddd; padding:12px 16px 12px 16px; }
                .control-select-team .set-team { float:left; clear:both; margin-top:2px; margin-bottom:4px; padding:4px 6px; height:16px; width:156px; font-weight:bold; color:#555; text-align:center; font-size:11px; line-height:17px; overflow:hidden; word-wrap:break-word; }
                .control-select-team .set-team > a { color:#555; }
                .control-select-team > a { float:left; clear:both; margin-top:6px; margin-left:2px; cursor:pointer; }
            #control-select-hometeam { margin-left:16px; }
                .team-label { float:left; clear:both; margin-bottom:2px; }
                .team-searchbox { float:left; clear:both; width:160px; margin-top:0; margin-bottom:5px; font-size:12px; padding:0 2px; }
                .template-research-content-container .team-searchbox { width: auto; }
                .team-searchbox::placeholder { color:#aaa; }
    #control-options-container { float:right; width:232px; margin-top:16px; margin-right:16px; text-align:right; }
        .tokens-available { text-align:left; }
        #control-buttons-container { float:left; clear:both; width:200px; background:#d6d6d6; padding:16px; }
            .control-button { float:right; }
        #control-note { display:block; clear:both; float:left; width:232px; background:#eadbba; margin:10px 0 0 0; font-weight:bold; font-size:11px; text-align:center; padding:4px 0; color:#a17818; }
        #control-sim-container { float:left; clear:both; width:232px; margin:10px 0 0 0; }
            #control-tokens-container { float:left; }
            #sim-result-button { float:left; padding:6px 16px; }
            #sim-result-spinner { float:left; margin-left:10px; width:30px; height:30px; }

#roster-dialog {  }
    .content-section { float:left; margin:6px 16px 16px 16px; }
    .section-label { display:block; float:left; width:152px; text-align:center; margin:5px 0; font-size:12px; font-weight:bold; color:#333; }
     #lineup-section {  }
        #lineup-section-request { background:#edede2; }
            #lineup-section-request > * { float:left; clear:both; }
            #dhswitch-section-container { float:left; height:16px; margin:8px 0 10px 10px; font-size:12px; font-weight:bold; }
                #dhswitch-label { float:left; }
                #dhswitch-state-container { float:left; margin:0 0 0 6px; width:30px; text-align:center; }
                    .dh-state { display:none; }
                    .dh-state-on { color:#393; }
                    .dh-state-off { color:#a66; }
                #dhswitch-switch-container { float:left; margin:0 0 0 4px; color:#999; font-weight:normal; font-size:10px; padding-left:7px; border-left:2px solid #ccc; }
                    .dh-switch { display:none; }
                        .dh-switch > a { line-height:15px; }
                        .dh-switch-turnoff > a { color:#c99; }
                        .dh-switch-turnon > a { color:#5b5; }
            #lineup-container, #bench-container, #starterpitcher-container, #bullpen-container { position:relative; width:150px; margin:0; padding:0; background:#eef; border:1px solid #aaa; }
                #lineup-arrow-up { background:url(/img/site/arrow_up_sm.png); right:-20px; }
                #lineup-arrow-down { background:url(/img/site/arrow_down_sm.png); left:-20px; }
                .arrow { display:none; position:absolute; width:15px; height:14px; border:1px solid #aaa; }
                .arrow:hover { border:1px solid #333; cursor:pointer; }
                .lineup-row, .pitcher-row { display:block; float:left; clear:both; width:146px; border:1px solid rgb(221, 221, 255); margin:0 0 1px 1px; }
                .lineup-row:first-child, .pitcher-row:first-child { margin-top:1px; }
                .lineup-row:hover, .pitcher-row:hover { border:1px solid #444; cursor:pointer; }
                .selected-row { background:#cec; }
                    .lineup-row-pos, .pitcher-row-pos { display:block; float:left; width:20px; font-weight:bold; margin-right:6px; text-align:center; }
                    .lineup-row-name, .pitcher-row-name { display:block; float:left; width:120px; }
            #lineupswap-container { width:152px; padding:10px 0 2px 0; text-align:center; }
                #lineupswap-button { display:inline-block; border:1px solid #aaa; }
                #lineupswap-button:hover { border:1px solid #444; cursor:pointer; }
    #pitching-section {  }
        #pitching-section-request { background:#edede2; }
            #pitching-section-request > * { float:left; clear:both; }
            #starterpitcher-label { margin-top:39px; }
            #starterpitcher-container {  }
            #pitcherselect-container { width:152px; padding:10px 0 2px 0; text-align:center; }
                #pitcherselect-button { display:inline-block; border:1px solid #aaa; }
                #pitcherselect-button:hover { border:1px solid #444; cursor:pointer; }
    #field-section {  }
    #team-name-label { display:block; float:right; font-size:16px; text-align:right; margin-top:5px; }
    #field-section-container { width:260px; float:right; clear:both; }
        #field-section-request
            #field-container { float:left; clear:both; position:relative; width:260px; height:210px; margin-top:25px; background:url('/img/site/field_empty.gif') top left no-repeat; }
            #field-container .field_pos_label[rel="0"] { display:none; }
    #conditions-section-container { width:260px; float:right; clear:both; margin-top:20px; }
        #conditions-label { width:100%; }
        #conditions-container {  }
            #add-relief-condition {  }
#settings-dialog { float:left; padding:12px 4px; }
    .settings-form-container { display:block; float:left; }
        .settings-category-section { display:block; float:left; width:260px; margin:0 24px 0 0; }
        .settings-category-section #team-name-label { margin:0 12px 62px 0; }
            .settings-category-label { display:inline-block; float:left; clear:both; font-size:12px; font-weight:bold; margin-bottom:10px; }
            .settings-section { display:block; float:left; clear:both; margin-bottom:18px; }
            .settings-category-section .settings-section:last-child { margin-bottom:10px; }
                .settings-label { float:left; margin-bottom:6px; }
                    .setting-subnote { color:#888; }
                .settings-input-container {  }
                    .setting-slider { float:left; width:150px; margin-top:2px; }
                        .setting-slider .ui-slider-handle { cursor: pointer; background:#bec; border:1px solid #bbb; }
                    .setting-state { float:left; margin-left:12px; color:#55c; }
#load-dialog { float:left; min-width:320px; padding:12px 4px; }
    .delete-box { display:block; float:left; background:url('/img/site/remove_player_box.png'); margin-top:1px; padding:0; width:13px; height:13px; cursor:pointer; }
    .delete-box:hover { background:url('/img/site/remove_player_box_hover.png'); }

#results-container { float:left; }

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

    .external .template-research-content-container { margin-top:0; }
    .external .template-research-frame { width:auto; }
    .external #content-filter-container { margin:5vw; }
    .external #nav-menu { padding:3vw 3vw; border:0.25vw solid #ccc; }
    .external #nav-menu a { font-size:4vw; line-height:4.5vw; }
    .external .research-home-icon { width:4vw; height:4vw; }
    .external .view-arrow { background-size:2.5vw; width:3vw; height:3vw; margin-top:0.4vw; margin-left:4vw; }
    .external .template-content-wrapper { width:auto; margin:0 5vw !important; }
    .external #research-header { font-size:6vw; }
    .external #content-container { width:90vw; }
    .external #view-description { font-size:4vw; margin-top:1vw; }
    .external #view { width:90vw !important; padding-top:2vw; margin-top:2vw !important; }
    .external #pages-subview { width:90vw; padding:0; font-size:4vw; }
    .external #pages-subview > a { margin-top:1vw; }
    .external #view section { width:90vw !important; }
    .external #view section h1 { font-size:5vw; }
    .external #events-container { margin-top:6vw; }
    .external .data-container { width:90vw !important; }
    .external .data-container > div { margin-bottom:0.75vw !important; }
    .external .data-container .entitiy-container { width:26vw !important; }
    .external .data-container a { font-size:3.5vw !important; line-height:6vw !important; }
    .external .data-container .desc { margin-top:1.3vw !important; font-size:3vw !important; }
    .external #data-search-link-container { display:none; }
    .external .records-subview { width:90vw; padding:0; margin-top:3vw; font-size:3.5vw; line-height:5vw; }
    .external #sub-links { padding:0; right:0; top:-6vw; font-size:3vw; }

    /* research home */
    .external #home-header-info { width: 86vw; padding: 2vw; border: 0.1vw solid #ccc; margin-bottom: 4vw; margin-top: 1vw; }
    .external #home-header-info span { font-size:3vw !important; line-height:4.5vw !important; }
    .external #home-panels { width:90vw; margin-bottom:3vw; }
    .external #home-panels .home-panel { width:38.8vw; padding:3vw; font-size:3.5vw; border-bottom:0.2vw solid #bbb; border-right:0.2vw solid #bbb; }
    .external #home-cat-structure-block { width:84vw; padding:3vw; }
    .external #home-cat-structure-block a { width:84vw; font-size:3vw !important; line-height:4.5vw !important; }

    /* TODO : put .external before all rules */
}