/*http://www.fontsquirrel.com/tools/webfont-generator      @font-face css generator */
@font-face {
    font-family: 'kraashregular';
    src: url('kraash/kraash-webfont.eot');
    src: url('kraash/kraash-webfont.eot?#iefix') format('embedded-opentype'),
         url('kraash/kraash-webfont.woff2') format('woff2'),
         url('kraash/kraash-webfont.woff') format('woff'),
         url('kraash/kraash-webfont.ttf') format('truetype'),
         url('kraash/kraash-webfont.svg#kraashregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on August 13, 2020 */
@font-face {
    font-family: 'score_boardregular';
    src: url('score_board/scoreboard-webfont.woff2') format('woff2'),
         url('score_board/scoreboard-webfont.woff') format('woff'),
         url('score_board/scoreboard.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


#wholepage {
	width: 1350px;
        margin: 0px auto;
        
        //margin-bottom: 50px;
	//padding: 0px 0px 10px 0px;
        //background-color: #AECD87;
        //border: 2px solid;
        //border-radius: 25px;
        //box-shadow: 10px 10px 5px #888888;
}


#upperwrap {
	width: 1340px;
        background-color: #E6F0FA;
        background:rgba(0,0,0,0.7);
        
        border: 2px solid;
        border-color: #0d9300;
        border-radius: 23px;
        
        margin: 0px auto;
        margin-top: 2px; 
	padding: 0px 0px 0px 0px; 
}

#user {
	width: 200px;
        float: left;
        background-color: #4D94DB;
        background:rgba(255,255,255,0.5);
        border: 1px solid;
        border-radius: 15px;
        -moz-box-shadow: 5px 5px rgba(0,0,0,0.5);
        -webkit-box-shadow: 5px 5px rgba(0,0,0,0.5);
        box-shadow: 5px 5px rgba(0,0,0,0.5);
	margin-top: 10px;
        margin-bottom: 10px;
        margin-right: 5px;
        margin-left: 10px;
        
	padding: 10px 10px 10px 10px; 
}

#user_ip {
        height: 36px;
        float: left;
        font-size:28px;
	padding: 10px 10px 10px 10px;
        //border: 1px solid;
        //border-radius: 5px;	
}

#user_logout {
        height: 0px;
        float: right;
        //border: 1px solid;
        //border-radius: 5px;	
}

#user_randomimage {
        margin-bottom: 10px;	
}

#user_login {
        //height: 230px;
        float: left;
        //border: 1px solid;
        //border-radius: 5px;
        margin-bottom: 0px;        
}


#user_nav_menu {
        //height: 30px;
        width: 195px;
        float: left;
        background-color: #4D94DB;
        border-width:3px;  
        border-style:ridge;
        border-radius: 5px;
        margin-bottom: 20px;
}

/*
#user_current_matches {
        font-size:10px;
	line-height:24px;
        font-family: 'kraashregular';
        text-align: center;
        width: 150px;
        height: 100px;
        float: left;
        padding: 5px 5px 5px 0px;
        border: 1px solid;
        border-radius: 5px;
        box-shadow: 5px 5px 5px #888888;
        margin-top: 20px;
        margin-left: 18px;
        background-size: 160px 120px;
        background-repeat: no-repeat;
}
*/

#user_session {
        width: 100px;
        float: left;
        border: 1px solid;
        border-radius: 5px;
        margin-top: 20px;
}



#user_progressbars {
        float: left;
        margin-top: 0px;
        margin-left: -5px;
        background-color: #4D94DB;
        border: 1px solid;
        border-radius: 5px;}

        #user_seasondata {
                width: 202px;
                float: left;
                text-align: center;
                padding: 5px 0px 0px 0px;
                margin-top: 0px;
                margin-bottom: 10px;
                font-family:Comic Sans MS, cursive, sans-serif;
                color:e5e5e5;
                background-color: #191919;
                border-radius: 5px;
        }
        
            .user_seasondata_firstgamedate {
                font-size: 10px;
            }
        
            .user_seasondata__gamesremaining_big {
                margin-top: -20px;
                margin-bottom: -10px;
                font-size: 48px;
                font-family: 'kraashregular';
                text-shadow: 0 1px 1px #bbb,
		0 2px 0 #999, 
		0 3px 0 #888, 
		0 4px 0 #777, 
		0 5px 0 #666, 
		0 6px 0 #555, 
		0 7px 0 #444, 
		0 8px 0 #333, 
		0 9px 7px #302314;
            }
            
            .user_seasondata__gamesremaining_small {
                margin-top: 0px;
                margin-bottom: -10px;
                font-size: 14px;
                font-family: 'kraashregular';
            }
            
            .user_seasondata_percentgames {
                font-size: 12px;
            }
            
        #user_regseasonsummary {
                width: 202px;
                float: left;
                text-align: center;
                padding: 5px 0px 0px 0px;
                margin-top: 0px;
                margin-bottom: 10px;
                font-family:Comic Sans MS, cursive, sans-serif;
                color:e5e5e5;
                background-color: #191919;
                border-radius: 5px;
        }            

        #user_progressbars_singleweek_wrap_title {
                float: left;
                width: 205px;
                //border: 1px solid;
                //border-radius: 0px;
        }
        
        #user_progressbars_singleweek_weeknumber_title {
                float: left;
                width: 23px;
                //height: 30px;
                padding: 5px 0px 0px 0px;
                font-size: 10px;
                text-align: center;
                //border: 1px solid;
                //border-radius: 5px;
        }
        #user_progressbars_singleweek_bar_title {
                width: 135px;
                margin: 0px 5px 0px 5px;
                //height: 40px;
                float: left;
                text-align: center;
                padding: 0px 0px 0px 0px;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 16px;
                //border: 1px solid;
        }
        #user_progressbars_singleweek_gamesplayed_title {
                width: 30px;
                //height: 30px;
                padding: 5px 0px 0px 0px;
                float: right;
                font-size: 10px;
                text-align: center;
                //border: 1px solid;
        }

        #user_progressbars_singleweek_wrap {
                float: left;
                width: 205px;
                border: 1px solid;
                border-radius: 0px;
                color: white;}
        
        #user_progressbars_singleweek_weeknumber {
                float: left;
                width: 23px;
                margin: 3px 0px 0px 0px;
                font-size: 12px;
                text-align: center;
                //border: 1px solid;
                //border-radius: 5px;}
        #user_progressbars_singleweek_bar {
                width: 145px;
                float: left;
                //border: 1px solid;}
        #user_progressbars_singleweek_gamesplayed {
                width: 30px;
                float: right;
                margin: 3px 0px 0px 0px;
                font-size: 12px;
                text-align: center;
                //border: 1px solid;
                //border-radius: 5px;}
        #user_progressbars_totalgamesplayed {
                width: 195px;
                float: left;
                //height: 50px;
                margin: 0px 0px 0px 0px;
                text-align: center;
                //border: 1px solid;
        }
        
#pastchampions {
    width: 200px;
    float: left;
    margin-top: 20px;
    margin-left: 0px;
    color: e5e5e5;
    background: #C8C8C8;
    border-radius: .3em;
    transition: all .3s ease-out;
}        

#pastchampionstitle {
    width: 200px;
    float: left;
    color:e5e5e5;
    text-align: center;
    line-height:100%;
    font-weight:bold;
    font-family: Arial;
    font-size:120%;
    border-radius: .2em;
    transition: all .2s ease-out;
    background: #191919;  
}

ul.pastchampionsul {
    list-style-type: none;
    line-height: 1em;
    font: 15px 'trebuchet MS', 'lucida sans';
    padding: 5px;
    text-shadow: 0 1px 0 rgba(0,0,255,.5);
}

li.pastchampionsli {
    color: black;
    text-align: center;
}

#leaguestatuswide_offseason {
	width: 1070px;
        //height: 670px;
        float: left;
        //background-color: #343434;
        background: #222;
        opacity: 0.99;
        color: white;
        //border: 1px solid;
        border-radius: 15px;
        -moz-box-shadow: 5px 5px rgba(0,0,0,0.5);
        -webkit-box-shadow: 5px 5px rgba(0,0,0,0.5);
        box-shadow: 5px 5px rgba(0,0,0,0.5);
        //box-shadow: 5px 5px 5px #888888;
	
        margin-top: 10px; //space around outside of div
        margin-bottom: 10px;
        margin-right: 10px;
        margin-left: 5px;
        padding: 10px 5px 10px 10px; //space around inside of div    
}

#content_offseasonwide {
	float: left;
	width: 700px;
        margin-left: 60px;
        margin-top:25px;
        color: white;
}

#sidebar_offseason {
	float: right;
	width: 190px;
        margin-top: 25px;
        margin-left: 20px;
        margin-right:60px;
	color: white;
        //border: 1px solid;
        //border-radius: 2px;
}

#backtofuture {
        width: 630px;
        float: right;
        background-color:#AECD87;
        border: 1px solid;
        border-radius: 5px;
        -moz-box-shadow: 5px 5px rgba(0,0,0,0.5);
        -webkit-box-shadow: 5px 5px rgba(0,0,0,0.5);
        box-shadow: 5px 5px rgba(0,0,0,0.5);
        text-align: center;
        font-size: 24px;
        
        margin-top: 10px; 
        margin-bottom: 0px;
        margin-right: 20px;
        margin-left: 5px;
}

#backtofuture a {
        font-size: 24px;    
}

#draftrecap_wrap {
	width: 400px;
        float: left;
        //background-color:#384351; 
        background: #222;
        opacity: 0.75;
        border: 1px solid;
        border-radius: 15px;
        -moz-box-shadow: 5px 5px rgba(0,0,0,0.5);
        -webkit-box-shadow: 5px 5px rgba(0,0,0,0.5);
        box-shadow: 5px 5px rgba(0,0,0,0.5);
        text-align: center;
        margin-top: 10px; 
        margin-bottom: 10px;
        margin-right: 5px;
        margin-left: 5px;
        padding: 10px 10px 10px 10px; 
        font-family:Comic Sans MS, cursive, sans-serif;
}

#draftrecap_title {
        font-size: 20px;
        color: #f8f8ff;
	background-color:#cc5500; 
        border: 1px solid;
        border-radius: 5px;
        text-shadow: 3px 4px 5px #000;
        box-shadow: 0 0 15px 5px #141414;
        margin-bottom: 15px;
}


#draftrecap_link {
        width:180;
        font-size: 12px;
        color:black;
	background-color:#cc5500; 
        //border: 1px solid;
        border-radius: 5px;
        margin-bottom: 2px;
}

        #draftrecap_left_wrap_sub {
            float:left;
            display:block;
            width:180px;
            background: #222;
            font-size: 18px;
            color:#ddd;
            border-radius: 10px;
            padding: 0px 0px 10px 0px;
            margin-bottom: 5px;
}

        #draftrecap_right_wrap_sub {
            float:right;
            display:block;
            width:180px;
            background: #222;
            font-size: 12px;
            color:#ddd;
            border-radius: 10px;
            padding: 0px 0px 10px 0px;
            margin-bottom: 5px;
}

        #draftrecap_content_gain_assign {
            //background-color: #3399FF;
            background-color:#cc5500;
            //border: 1px solid;
            border-radius: 15px; 
            padding: 2px 2px 2px 2px;
            margin-bottom: 15px;
        } 
        
        #draftrecap_bottom_wrap {
            float:left;
            width:360px;
            padding-left: 5px;
            padding-right: 5px;
            color:#ddd;
            font-size: 12px;
        }        
        
#standingswrap {
	width: 400px;
        float: left;
        //background-color:#384351; 
        border: 1px solid;
        border-radius: 15px;
        -moz-box-shadow: 5px 5px rgba(0,0,0,0.5);
        -webkit-box-shadow: 5px 5px rgba(0,0,0,0.5);
        box-shadow: 5px 5px rgba(0,0,0,0.5);
        text-align: center;
        margin-top: 10px; 
        margin-bottom: 10px;
        margin-right: 5px;
        margin-left: 5px;
        padding: 10px 10px 10px 10px; 
}

#standingstitle {
        font-family:Comic Sans MS, cursive, sans-serif;
        font-size: 20px;
	background-color:#dedfe2; 
        border-radius: 5px;
        margin-bottom: 0px;
        text-shadow: 3px 4px 5px #000;
        box-shadow: 0 0 15px 5px #141414;
}

        #standingswrap_sub {
            float:left;
            display:block;
            border-radius: 10px;
            padding: 0px 0px 10px 0px;
            margin-bottom: 5px;
}
                #standings_header_wrap{
                    float:left;
                    margin-top: 20px;
                    margin-left: 1px;
                    padding: 0px 27px 0px 0px;
                    color: #f96600;
                    background-color:#222;
                    //border: 1px solid;
                    //border-radius: 8px;
                    border-top-left-radius:8px;
                    border-top-right-radius:8px;
                }
                                #standings_header_division{
                                    float:left;
                                    width:157px;
                                    padding: 3px 5px 3px 10px;
                                    //border: 1px solid;
                                    //border-radius: 5px;
                                    text-align: left;
                                }
                                #standings_header_division_logo{
                                    float:right;
                                    margin-right: 20px;
                               }                                
                                #standings_header_wlt{
                                    float:left;
                                    width:71px;
                                    padding: 3px 0px 3px 0px;
                                    background-color:#383f38;
                                    border-top: 1px solid #383f38;
                                    border-right: 1px solid #383f38;
                                    border-left: 1px solid #383f38;
                                    //border-radius: 8px;
                                    border-top-left-radius:8px;
                                    border-top-right-radius:8px;
                                    text-align: center;
                                }
                                #standings_header_wltdiv{
                                    float:left;
                                    width:40px;
                                    height:17px;
                                    padding: 6px 0px 3px 0px;
                                    border: 1px solid #222;
                                    border-radius: 8px;
                                    text-align: center;
                                    font-size: 12px;
                                } 
                                #standings_header_last5{
                                    float:left;
                                    width:40px;
                                    height:17px;
                                    padding: 6px 0px 3px 0px;
                                    border: 1px solid #222;
                                    border-radius: 8px;
                                    text-align: center;
                                    font-size: 12px;
                                }
                                #standings_header_streak{
                                    float:left;
                                    width:40px;
                                    height:17px;
                                    padding: 6px 0px 3px 0px;
                                    border: 1px solid #222;
                                    border-radius: 8px;
                                    text-align: center;
                                    font-size: 12px;
                                }                                

                #standings_content_wrap {
                    float:left;
                    background-color:#878e96;
                    //border: 1px solid;
                    border-bottom: 1px dotted #333;
                    border-radius: 0px;
                    padding: 0px 0px 0px 5px;
                    margin-left: 1px;
                    margin-right: 1px;
                }
                                #standings_content_logo {
                                    float:left;
                                    width:25px;
                                    margin-top: 10px;
                                    border: 1px solid #878e96;
                                    border-radius: 2px;
                                }                
                                #standings_content_owner {
                                    float:left;
                                    position: relative;
                                    width:128px;
                                    height:23px;
                                    margin-top: 8px;
                                    padding: 0px 5px 0px 5px;
                                    border: 1px solid #878e96;
                                    border-radius: 2px;
                                        white-space: nowrap; 
                                        overflow: hidden;
                                        text-overflow: clip; 
                                        //text-overflow: ellipsis;
                                        text-align: center;
                                }
                                        #standings_content_owner a {
                                            font-size: 16px;
                                            font-family:Comic Sans MS, cursive, sans-serif;
                                            color:white;
                                            text-align: center;
                                        }
                                #standings_content_wlt {
                                    font-size: 20px;
                                    float:left;
                                    width:71px;
                                    height:34px;
                                    //border: 1px solid black;
                                    //border-radius: 2px;
                                    background-color:#9399a0; 
                                    border-left: 1px dotted #333;
                                    border-right: 1px dotted #333;
                                    text-align: center;
                                    padding: 8px 0px 0px 0px;
                                }
                                #standings_content_wltdiv {
                                    font-size: 14px;
                                    float:left;
                                    width:40px;
                                    //height:30px;
                                    border: 1px solid #878e96; //#878e96
                                    border-radius: 2px;
                                    text-align: center;
                                    padding: 1px 0px 0px 0px;
                                }
                                #standings_content_last5 {
                                    font-size: 14px;
                                    float:left;
                                    width:40px;
                                    //height:30px;
                                    border: 1px solid #878e96;
                                    border-radius: 2px;
                                    text-align: center;
                                    padding: 1px 0px 0px 0px;
                                }
                                #standings_content_streak {
                                    font-size: 14px;
                                    float:left;
                                    width:39px;
                                    //height:30px;
                                    border: 1px solid #878e96;
                                    border-radius: 2px;
                                    text-align: center;
                                    padding: 1px 0px 0px 0px;
                                }   
                                        #standings_points_wrap{
                                            float:right;
                                            margin-left: 0px;
                                            margin-top: 1px;
                                            background-color:#abafb5;
                                            border: 0px solid #abafb5;
                                            border-radius: 5px;
                                        }
                                                        .standings_points_title{
                                                            color:#4c4c4c;
                                                            font-size: 10px;
                                                            float:left;
                                                            margin-top: 2px;
                                                            margin-right: 2px;
                                                        }
                                                        #standings_content_pf {
                                                            font-size: 12px;
                                                            float:left;
                                                            //margin-left: 27px;
                                                            width:45px;
                                                            margin-left:2px;
                                                            text-align: left;
                                                        }
                                                        #standings_points_vs_green{
                                                            float:left;
                                                            width:20px;
                                                            color:green;
                                                            font-size: 12px;
                                                            font-style: italic;
                                                        }
                                                                #standings_points_vs_red{
                                                                    float:left;
                                                                    width:20px;
                                                                    color:red;
                                                                    font-size: 12px;
                                                                    font-style: italic;
                                                                }                                                        
                                                        #standings_content_pa {
                                                            font-size: 12px;
                                                            float:left;
                                                            width:45px; 
                                                            text-align: left;
                                                        }     
                                                        #standings_content_pdiff_green {
                                                            font-size: 12px;
                                                            float:left;
                                                            width:35px;
                                                            text-align: center;
                                                            border: 1px solid green;
                                                            border-radius: 5px;
                                                        }
                                                                #standings_content_pdiff_red {
                                                                    font-size: 12px;
                                                                    float:left;
                                                                    width:30px;
                                                                    text-align: center;
                                                                    border: 1px solid red;
                                                                    border-radius: 5px;
                                                                } 
                                        

#leagueinfo {
        font-size: 14px;
	background-color:#bdc0c5; 
        border-radius: 5px;
        box-shadow: 0 0 15px 5px #141414;
        padding-bottom:10px;
        margin-bottom: 10px;
}   

#leagueinfo_title_main {
        font-size: 20px;
        text-align: center;
} 

#leagueinfo_title_sub {
        font-size: 16px;
        text-decoration: underline;
        text-align: left;
        padding-left: 10px;
} 

#leagueinfo_title_sub_description {
        font-size: 14px;
        text-align: left;
        padding-left: 20px;
} 

#leagueinfo_content {
        text-align: left;
        padding-left: 30px;
} 

#inc_banner {
	width: 1070px;
        height: 100px;
        float: right;
        
        background-image: url("../images/banner/face120background.png");
        background-position: right top;
        background-repeat: no-repeat;
        
        background-color: #4D94DB;
        //background:rgba(255,255,255,0.3);
        border: 1px solid;
        border-radius: 15px;
        -moz-box-shadow: 5px 5px rgba(0,0,0,0.5);
        -webkit-box-shadow: 5px 5px rgba(0,0,0,0.5);
        box-shadow: 5px 5px rgba(0,0,0,0.5);
        //box-shadow: 5px 5px 5px #888888;
	
        margin-top: 10px; //space around outside of div
        margin-bottom: 10px;
        margin-right: 10px;
        margin-left: 5px;
        
	padding: 10px 5px 10px 10px; //space around inside of div
        
        
}

        #logo { //logo itself measures 460px wide
            display: inline-block;
            float: left;
            width: 470px;
            height:70px;
            margin-bottom: 10px;
            //border: 1px solid;
            //border-radius: 5px;
            background-color: #3494F8;
            background-image: url("../images/banner/blackblend.png");
            //background-position: right top;
            }
            
        #G69 {
            float: left;
            width: 64px;}
        
        #T69 {
            float: left;
            width: 53px;}
        
        #F69 {
            float: left;
            width: 61px;}
        
        #O69 {
            float: left;
            width: 68px;}
        
        #tsb69 {
            float: right;}
        
        #tecmoface {
            float: right;
            margin-top: -10px; //space around outside of div
        }

        #seasonid {
            display: inline-block;
            float: left;
            width: 100px;
            margin-top:-15px;
            padding: 0px 0px 0px 10px; //space around inside of div
            //border-color: black;
            //border: 1px solid;
            //border-radius: 2px;
            font-family:Comic Sans MS, cursive, sans-serif;
        }
        
        #commish_name {
            display: inline-block;
            padding: 0px 0px 0px 20px; //space around inside of div
            //border-color: white;
            //border: 1px solid;
            //border-radius: 2px;
            font-family:Comic Sans MS, cursive, sans-serif;
            color: #f8f8ff;
        }        
        
        #pumped {
            display: inline-block;
            float: left;
            width: 150px;
            //height:100px;
            padding: 0px 0px 0px 10px; //space around inside of div
            border: 1px solid;
            border-radius: 2px;
            text-align: center;
        }
        
#leaguestatus {
	width: 635px;
        //height: 670px;
        float: right;
        //background-color: #343434;
        background-color: #2467ad;
        border: 1px solid;
        border-radius: 15px;
        -moz-box-shadow: 5px 5px rgba(0,0,0,0.5);
        -webkit-box-shadow: 5px 5px rgba(0,0,0,0.5);
        box-shadow: 5px 5px rgba(0,0,0,0.5);
        //box-shadow: 5px 5px 5px #888888;
	
        margin-top: 10px; //space around outside of div
        margin-bottom: 10px;
        margin-right: 10px;
        margin-left: 5px;
        
	padding: 10px 10px 10px 10px; //space around inside of div, top-right-bottom-left
}

#leaguestatusinnertop {
        float: left;
        width: 625px;
        //border: 1px solid;
        //border-radius: 15px;
}

#leaguestatusinnerlower {
        float: left;
        width: 625px;
        //border: 1px solid;
        //border-radius: 15px;
}

#deadlinecounter {
        float: right;
        width: 195px;
        background-color: #808080;
        margin-top: 0px;
        margin-bottom: 10px;
        margin-left: 8px;
        padding-top: 0px;
        border: 3px solid;
        border-style: ridge;
}

#deadlinecounter_text {
        width: 180px;
        text-align: center;
        background-color: #808080;
        font-family: Arial;
        //font-size: 14px;
        margin-top: 5px;
        margin-bottom: 0px;
        margin-left: 10px;
        //border: 1px solid;
        //border-radius: 5px;
}

#rosternamefontsize {
     font-size: 16px;
} 

#content_dsp_stats td {
            font-size: 14px;
        }
    
#content_dsp_stats td a {
            font-size: 14px;
        }
   
#content_dsp_recap {
        float: left;
        width: 420px;
        //border: 1px solid;
        //border-radius: 15px;
}

        #content_dsp_recap_title {
            float: left;
            width: 533px;
            padding-left: 50px;
            padding-right: 50px;
            margin-bottom:15px;
            //border: 1px solid;
            //border-radius: 15px;
        }
        
                #content_dsp_recap_title_leftlogo {
                    float: left;
                    width: 120px;
                    text-align: center;
                    //border: 1px solid;
                    //border-radius: 15px;
                }
        
                #content_dsp_recap_title_rightlogo {
                    float: right;
                    width: 120px;
                    text-align: center;
                    //border: 1px solid;
                    //border-radius: 15px;
                }
        
                #content_dsp_recap_title_score_wrap {
                    float: left;
                    width: 290px;
                    text-align: center;
                    color: #FFFFFF;
                    //border: 1px solid;
                    //border-radius: 15px;
                }
        
    #content_dsp_recap_stats {
        clear:left;
        //border: 1px solid;
        //border-radius: 25px;
    }
        
        #content_dsp_recap_stats td {
            font-size: 12px;
        }
    
        #content_dsp_recap_stats td a {
            font-size: 12px;
        }

    #content_dsp_recap_commentary {
        float: right;
        width: 200px;
        background-color: #3399FF;
        border: 1px solid;
        border-radius: 15px; 
        padding: 2px 2px 2px 2px;
    }
    
#content_dsp_roster {
        //float: left;
        //width: 420px;
        //width: 620px;
        border-radius: 15px;
        padding-top: 10px;
        margin-top: 5px;
}   

        #content_dsp_roster td {
            font-size: 14px;
        }
        
        #content_dsp_team_atts {
            border-radius: 15px;
            padding-top: 10px;
            margin-top: 5px;
        }

        #content_dsp_team_atts td {
            font-size: 14px;
        }
    
        #content_dsp_team_atts td a {
            font-size: 14px;
        }
        
        #content_dsp_team_atts_team_nav {
            background-color: #3399FF;
            border: 1px solid;
            border-radius: 15px; 
            padding: 2px 2px 2px 2px;
        }
        
            #team_nav_ul {
                list-style-type: none;
                margin: 0;
                padding: 0;
                overflow: hidden;
                //background-color: #333;
            }
            
            #team_nav_ul li {
                float: left;
            }  
            
            #team_nav_ul li a{
                    display: block;
                    color: white;
                    text-align: center;
                    padding: 14px 16px;
                    text-decoration: none;
            }
            
                        #team_nav_ul li a:hover{
                            //background-color: #111;
            }
            
        #content_gain_assign {
            background-color: #3399FF;
            border: 1px solid;
            border-radius: 15px; 
            padding: 2px 2px 2px 2px;
        }            
            
        #hist_roster_nav {
            //float: left;
            //width: 200px;
            //height: 80px;
            background-color: #3399FF;
            border: 1px solid;
            border-radius: 15px; 
            padding: 5px 10px 10px 10px;
        }            
        



                    
#content2 { /* used to contain quickstats  */
        width: 635px;
        float: right;
        background-color: #222222;
        border: 1px solid;
        border-radius: 15px;
        -moz-box-shadow: 5px 5px rgba(0,0,0,0.5);
        -webkit-box-shadow: 5px 5px rgba(0,0,0,0.5);
        box-shadow: 5px 5px rgba(0,0,0,0.5);
        margin-top: 10px; 
        margin-bottom: 10px;
        margin-right: 10px;
        margin-left: 5px;
        padding: 10px 5px 10px 10px;
}                    

/* Sidebar (season stats)*/

#sidebar {
	float: left;
	width: 190px;
        //height: 10px;
	margin-left: 220px;
	color: #ddd;
        //border: 1px solid;
        //border-radius: 2px;
}

.sidediv{
	position:fixed;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	margin: 0;
	padding: 0;
}

#sidebar li ul {
	margin: 0px 0px;
	padding-bottom: 20px;
}

#sidebar li li {
	line-height: 35px;
	margin: 0px;
	padding: 2px 0px;
	border-left: none;
}

#sidebar li li span {
	height: 19px;
	margin-right: 16px;
	padding: 4px 12px;
	background: #3D2A0B url(../images/img12.jpg) repeat-x left top;
	font-size: 12px;
	color: #FFFFFF;
}

#sidebar li li span a {
	color: #FFFFFF;
}

#sidebar h2 {
	height: 65px;
	background: url(../images/img09.jpg) no-repeat left bottom;
	letter-spacing: -.5px;
	font-size: 28px;
	color: #493E2B;
}

#sidebar p {
	margin: 0 0px;
	padding: 0px 0px 0px 0px;
	text-align: justify;
}

#sidebar p strong {
	color: #4A3E29;
}

#sidebar a {
	border: none;
}

#sidebar a:hover {
}

/* standings ("previous season" dropdown menu in standings section AND "Season Stats" dropdown menu on stats section)------------------------------------ */

.standings ul{
	float:right;
    display: none; 
    height: 23px;
	margin:0;
	width:auto;
	position:relative;	
	left:0;
	padding:0;
	text-align:left;
	border-width:0;
	white-space:nowrap;
} 
.standings ul a:hover{
	text-decoration:none;
}
.standings div:hover>ul{ 
    position: relative;  
	display: block; 
	list-style:none; 
	padding: 0;
	border:1px dotted;
	background:#36393D;
	text-align:left;
	margin-top:0;
	height:auto;
	white-space:nowrap;
	float:right;
} 
.standings ul li { 
	width:auto;
	display: inline; 
	text-align:left;
	position:relative;
	border:0;
	padding:4px 4px 4px 4px;
	height:15px;
	float:left;
	vertical-align:top;
} 
.standings ul li:hover { 
	width:auto;
	display: inline; 
	text-align:left;
	position:relative;
	border:0;
	padding:4px 4px 4px 4px;
	height:15px;
	bottom:0px;
	background-color:#666666;
}

.standingstable14 {text-align:center;
                   border-bottom: 1px dotted #333;
}

/* Footer------------------------------------------------------------------------ */

#footer-content {
	width: 900px;
	height: 52px;
	margin: 0 auto;
	padding: 10px 55px 0px 45px;
	background: url(../images/img15.jpg) no-repeat left top;
	font-size: 12px;
	color: #ddd;
}

#footer-content .column1 {
	width: 900px;
}

#footer-content .column2 {
	float: right;
	width: 273px;
}

#footer-content h2 {
	padding-bottom: 10px;
	font-size: 22px;
	color: #E3D2B6;
}

#footer-content strong {
	color: #E3D2B6;
}

#footer-content a {
	color: #AA8B55;
}

#footer-content a:hover {
	color: #AA8B55;
}

.list li {
	margin-bottom: 6px;
}

#footer {
        width: 1240px;
	//height: 100px;
	padding: 0px 0px 40px 0px; //space around inside of div
	font-family: Arial, Helvetica, sans-serif;
        opacity: 0.65;
        background-color: #4D94DB;
        background:rgba(255,255,255,0.5);
        //border: 1px solid;
        border-radius: 23px;
        box-shadow: 5px 5px 5px #888888;
	
        margin: 0px auto;
        //margin-top: 2px; //space around outside of div
        //margin-bottom: 50px;
        //margin-right: 2px;
        //margin-left: 2px;
}

#footer p {
	margin: 0;
	line-height: normal;
	font-size: 12px;
	text-align: center;
	color: #000000;
}

#footer a {
	text-decoration: underline;
	color: #000000;
}
/* END Footer------------------------------------------------------------------------ */


/**
 * Vista theme for jixedbar
 * written by Ryan Yonzon, http://ryan.rawswift.com/
 */
				
/*----- bar style -----*/
.jx-bar {
	height:30px;
	padding:0px;
	width:100%;
	background-color:#555;
	border:#555 solid 1px;
}

	/* rounded top-left corner */
	.jx-bar-rounded-tl {
		-webkit-border-top-left-radius:5px;
		-khtml-border-radius-topleft:5px;	
		-moz-border-radius-topleft:5px;
		border-top-left-radius:5px;
	}

	/* rounded top-right corner */
	.jx-bar-rounded-tr {
		-webkit-border-top-right-radius:5px;
		-khtml-border-radius-topright:5px;	
		-moz-border-radius-topright:5px;
		border-top-right-radius:5px;
	}

/*----- bar separator -----*/
	.jx-separator-left {
		float:left;
		width:1px;
		height:100%;
		background-color:#999999;
	}
	
	.jx-separator-right {
		float:right;
		width:1px;
		height:100%;
		background-color:#999999;
	}

/*----- bar button -----*/
.jx-bar-button ul {
	margin:0px;
	padding:0px;
	line-height:100%;
}

.jx-bar-button li {
	float:left;
	list-style:none;
}

.jx-bar-button-right li {
	float:right;
	list-style:none;
}

.jx-bar-button li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#CCCCCC;
	cursor:pointer;
	padding:1px 0px 1px 2px;
	border:#555 solid 1px;
	margin:2px;
}
	/*	button hover effect	*/
	.jx-bar-button li:hover {
		color:#FFFFFF;
		background-color:#999999;
		border:#999999 solid 1px;
		padding:1px 0px 1px 2px;
		margin:2px;
	}
.jx-bar-button li.games {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#CCCCCC;
	cursor:pointer;
	padding:0px 5px 0px 5px;
	border:#555 solid 1px;
	margin:2px;
}

	.jx-bar-button li.games:hover {
		color:#FFFFFF;
		background-color:#999999;
		border:#999999 solid 1px;
		padding:0px 5px 2px 5px;
		margin:2px;
	}
	


	/* rounded button corners */
	.jx-bar-button-rounded li:hover {
		-webkit-border-radius:5px;
		-khtml-border-radius:5px;	
		-moz-border-radius:5px;
		border-radius:5px;
	}
	
	/* default button's anchor text style */
	.jx-bar-button li a:link, .jx-bar-button li a:visited {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#CCCCCC;
		text-decoration:none;
	}

	.jx-bar-button li a:hover {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#FFFFFF;
		text-decoration:none;
	}

/*----- bar text container -----*/
.jx-bar-button div {
	float:left;
}

.jx-bar-button-right div {
	float:right;
}

.jx-bar-button div {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#CCCCCC;
	padding:4px 8px 4px 8px;
	margin:4px 8px 4px 8px;	
	border:#999999 solid 0px;
}

	.jx-bar-button div a:link,  .jx-bar-button div a:visited {
		color:#CCCCCC;
		text-decoration:none;
	}

	.jx-bar-button div a:hover {
		color:#FFFFFF;
		text-decoration:underline;
	}

/*----- button tooltip -----*/
.jx-bar-button-tooltip {
	height:auto;
	padding:5px 10px 5px 10px;
	color:#FFFFFF;
	background-color:#36393D;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

ul.jx-bar-button-left ul{
    display: none; 
    height: auto;
	margin:0;
	width:150px;
	position:absolute;	
	left:0;
	padding:0;
	text-align:left;
	border-width:0;
} 
ul.jx-bar-button-left ul a:hover{
	text-decoration:none;
}
ul.jx-bar-button-left li:hover>ul{ 
    position: fixed;  
	display: block; 
	left: 0; 
	list-style:none; 
	padding: 0;
	border:1px dotted;
	background:#36393D;
	text-align:left;
	margin:0;
	height:auto;
	bottom:25px;
} 
ul.jx-bar-button-left ul li.recent { 
	width:130px;
	display: block; 
	text-align:left;
	position:relative;
	border:0;
	padding:4px 8px 4px 0px;
	height:100%;
	left:-10px;
	bottom:0px;
} 
ul.jx-bar-button-left ul li.recent:hover { 
	width:130px;
	display: block; 
	text-align:left;
	position:relative;
	border:0;
	padding:4px 8px 4px 0px;
	height:100%;
	left:-15px;
	bottom:0px;
} 
ul.jx-bar-button-left li.weekly:hover>ul{ 
    position: fixed;  
	display: block; 
	left: 0; 
	list-style:none; 
	padding: 0;
	border:1px dotted;
	background:#36393D;
	text-align:left;
	margin:0;
	width:735px;
	height:105px;
	bottom:30px;
} 
ul.jx-bar-button-left ul li.weekly { 
	width:130px;
	display: block; 
	text-align:left;
	position:relative;
	border:0;
	padding:0;
	height:100%;
	left:-15px;
	bottom:0px;
} 
ul.jx-bar-button-left ul li.weekly:hover { 
	width:130px;
	display: block; 
	text-align:left;
	position:relative;
	border:0;
	padding:0;
	height:100%;
	left:-15px;
	bottom:0px;
} 

ul.jx-bar-button-right ul{
    display: none; 
    height: auto;
	margin:0;
	width:200px;
	position:absolute;	
	right:0;
	padding:0;
	text-align:left;
	border-width:0;
} 
ul.jx-bar-button-right ul a:hover{
	text-decoration:none;
}
ul.jx-bar-button-right li:hover>ul{ 
    position: fixed; 
	display: block; 
	right: 0; 
	list-style:none; 
	padding: 0;
	border:1px dotted;
	background:#36393D;
	text-align:left;
	margin:0;
	height:auto;
	bottom:25px;
	width:200px;
} 
ul.jx-bar-button-right ul li.recent { 
	width:200px;
	display: block; 
	text-align:right;
	position:relative;
	border:0;
	padding:4px 10px 4px 0px;
	height:100%;
	bottom:0px;
	margin-left:-3px;
} 
ul.jx-bar-button-right ul li.recent:hover { 
	width:200px;
	display: block; 
	text-align:right;
	position:relative;
	border:0;
	padding:4px 10px 4px 0px;
	height:100%;
	bottom:0px;
	background-color:#666666;
} 
ul.jx-bar-button-right ul li a:link, ul.jx-bar-button-right ul li a:visited{
	color:#cccccc;
}
ul.jx-bar-button-right ul li a:hover, ul.jx-bar-button-right ul li a:active{
	color:#8CAABD;
}



/*Colorbox stuff*/
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0; background:#333; height:25px}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(../images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#330000;}
        #cboxLoadedContent{margin-top:28px;}
        #cboxTitle{position:absolute; top:0px; left:0; text-align:center; width:100%; color:#ccc; font-size:20px; font-weight:normal;}
        #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:0; right:0; background:url(../images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background ../images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}




/*CHAT STUFF*/
.chatbox {
	position: fixed;
	position:expression("absolute");
	width: 225px;
	display:none;
}

.chatboxhead {
	background-color: #f99d39;
	padding:7px;
	color: #ffffff;

	border-right:1px solid #f99d39;
	border-left:1px solid #f99d39;
}

.chatboxblink {
	background-color: #176689;
	border-right:1px solid #176689;
	border-left:1px solid #176689;
}

.chatboxcontent {
	font-family: arial,sans-serif;
	font-size: 13px;
	color: #333333;
	height:200px;
	width:209px;
	overflow-y:auto;
	overflow-x:auto;
	padding:7px;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #eeeeee;
	background-color: #ffffff;
	line-height: 1.3em;
}

.chatboxinput {
	padding: 5px;
	background-color: #ffffff;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

.chatboxtextarea {
	width: 206px;
	height:44px;
	padding:3px 0pt 3px 3px;
	border: 1px solid #eeeeee;
	margin: 1px;
	overflow:hidden;
}

.chatboxtextareaselected {
	border: 2px solid #f99d39;
	margin:0;
}

.chatboxmessage {
	margin-left:1em;
	text-align: left;
}

.chatboxinfo {
	margin-left:-1em;
	color:#666666;

}

.chatboxmessagefrom {
	margin-left:-1em;
	font-weight: bold;
}

.chatboxmessagecontent {
}

.chatboxoptions {
	float: right;
}

.chatboxoptions a {
	text-decoration: none;
	color: white;
	font-weight:bold;
	font-family:Verdana,Arial,"Bitstream Vera Sans",sans-serif;
}

.chatboxtitle {
	float: left;
}

html, body {
	margin:0px; /* FF hack: or we'll have double scrollbar showing on the browser */

}

#main_container {
	width:100%;
	background-color:#330000; /* DO NOT REMOVE THIS; or you'll have issue w/ the scrollbar, when the mouse pointer is on a white space */
	overflow-x: hidden;
	overflow-y: scroll;
	height:100%;	/* this will make sure that the height will extend at the bottom */
	position:absolute; /* container div must be absolute, for our fixed bar to work */
}



/*drop-down menu option from: http://codepen.io/philhoyt/pen/ujHzd */

#primary_nav_wrap
{
        //clear: both;
        float:left;
        //border: 1px solid;
        //border-radius: 5px;
	//margin-top:0px;
}

#primary_nav_wrap ul
{
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0;
}

#primary_nav_wrap ul a
{
	//display:block;
	color:#333;
	text-decoration:none;
	font-weight:700;
	font-size:16px;
	line-height:24px;
	padding:0 5px;
        font-family: 'dk_cool_crayonregular';
	//font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif
}

#primary_nav_wrap ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0
}

#primary_nav_wrap ul li.current-menu-item
{
	background:#ddd
}

#primary_nav_wrap ul li:hover
{
	background:#f6f6f6
}

#primary_nav_wrap ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
	padding:0;
	z-index: 9999;
}

#primary_nav_wrap ul ul li
{
	float:none;
	width:150px
}

#primary_nav_wrap ul ul a
{
	font-size:12px;
        line-height:250%;
	padding:8px 10px
}

#primary_nav_wrap ul ul ul
{
	top:0;
	left:100%
}

#primary_nav_wrap ul li:hover > ul
{
	display:block
}

#primary_nav_wrap_oldsiteoffseason
{
        //clear: both;
        float:left;
        border: 1px solid;
        border-radius: 3px;
        background:#fff;
	//margin-top:0px;
}

#primary_nav_wrap_oldsiteoffseason ul
{
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0;
}

#primary_nav_wrap_oldsiteoffseason ul a
{
	//display:block;
	color:#333;
	text-decoration:none;
	font-weight:700;
	font-size:16px;
	line-height:24px;
	padding:0 5px;
        font-family: 'dk_cool_crayonregular';
	//font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif
}

/* comment system */

/*
body{
	font-size:14px;
	color:#666;
	background:url('img/bg.jpg') #f2f2f2;
	font-family:Arial, Helvetica, sans-serif;
}
*/

.comment,
#addCommentContainer{
	
	/* Styling the comments and the comment form container */
	
	padding:2px 2px 2px 2px;
	width:300px;
	position:relative;
	background-color:#fcfcfc;
	border:1px solid white;
        font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
        font-size:11px;
	line-height:1.2;
	color:#000000;
	margin-bottom:5px;
	
	/* CSS3 rounded corners and drop shadows */
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;

	-moz-box-shadow:2px 2px 0 #c2c2c2;
	-webkit-box-shadow:2px 2px 0 #c2c2c2;
	box-shadow:2px 2px 0 #c2c2c2;
}

.comment .name{
	font-size:10px;
	padding-bottom:1px;
        padding-left:40px;
	color:#bbb;
}

.comment .team{
        float: left;
	padding-bottom:5px;
        padding-right:5px;
}

.comment .date{
	font-size:10px;
	padding:2px 0;
	position:absolute;
	right:15px;
	top:0px;
	color:#bbb;
}

.comment p,
#addCommentContainer p{
	font-size:14px;
	line-height:1.0;
	overflow-x:hidden;
}

#addCommentContainer input[type=text],
#addCommentContainer textarea{

	/* Styling the inputs */

	display:block;
	border:1px solid #ccc;
	margin:5px 0 2px;
	padding:3px;
	font-size:12px;
	color:#555;
	font-family:Arial, Helvetica, sans-serif;
}

#addCommentContainer textarea{
	width:300px;
}

label{
	font-size:10px;
}

label span.error{
	color:red;
	position:relative;
	right:-10px;
}

#submit{
	
	/* The submit button */
	
	background-color:#58B9EB;
	border:1px solid #40A2D4;
	color:#FFFFFF;
	cursor:pointer;
	font-family:'Myriad Pro',Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	padding:4px;
	//margin-top:2px;

	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

#submit:hover{
	background-color:#80cdf5;
	border-color:#52b1e2;
}

/* The styles below are only necessary for the styling of the demo page: */

#maincomment{
	//position:relative;
	//margin:0 auto;
        float: right;
	width:308px;
        padding: 0px 0px 0px 5px;
        //border: 1px solid;
        //border-radius: 10px;
}

.clear-fix{
	height: 10px;
	clear:both;
}

/*--------------------------------------------------
  Statstabbed (tabbed css, css downloaded from links below)

  Combined html,php from http://www.sunsean.com/idTabs/#advanced
  with css from http://www.barelyfitz.com/projects/tabber/ (had to download zip file to get css from example.css)

  ul.idTabs = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.idTabs
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.idTabs li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.idTabs li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.idTabs li a:link { color: #448; }
ul.idTabs li a:visited { color: #667; }

ul.idTabs li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.idTabs a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.idTabs a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------END Statstabbed (tabbed css)--------------------------------*/

/*--------------------------------------------------
  Statstabbed2 (tabbed css, css downloaded from links below)
  for box score tabs on main page.
--------------------------------------------------*/
ul.idTabs2
{
 float:left;
 margin:0;
 margin-right:10px;
 padding: 2px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.idTabs2 li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.idTabs2 li a
{
 padding: 2px 0.5em;
 margin-left: 1px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.idTabs2 li a:link { color: #448; }
ul.idTabs2 li a:visited { color: #667; }

ul.idTabs2 li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.idTabs2 a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.idTabs2 a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------END Statstabbed (tabbed css)--------------------------------*/

/*--------------------------------------------------
  Statstabbed3 (tabbed css, css downloaded from links below)
  for box score tabs on main page.
--------------------------------------------------*/
ul.idTabs3
{
 margin:0;
 //padding: 2px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.idTabs3 li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.idTabs3 li a
{
 //padding: 2px 0.5em;
 margin-left: 8px;
}

ul.idTabs3 li a:hover
{
}

ul.idTabs3 a
{
}

ul.idTabs3 a:hover
{
}

/*--------------------Statstabbed (table/data css, baxter's css')--------------------------------*/

#statstabbed_legend_top {
        width:600px;
        text-align:center;
        font-size:12px;
        color:#8E8E8E;
            border: 1px dotted #808080;
            border-radius: 5px;
        padding:5px 0px 5px 0px;
        margin:5px 0px 5px 0px;}

#statstabbed_legend_top_fineprint {
        text-align:center;
        font-size:10px;
        color:#8E8E8E;
        padding:0px 0px 0px 0px;
        margin:5px 0px 0px 0px;}

#statstabbed_legend_bottom {
        width:600px;
        text-align:center;
        font-size:12px;
        color:e5e5e5;
        padding:0px 0px 5px 0px;
        margin:0px 0px 5px 0px;}

#statstabbedtitleupper {
    width: 625px;
    color:e5e5e5;
    text-align: center;
    line-height:100%;
    font-weight:bold;
    font-family: Arial;
    font-size:120%;
    border-radius: .2em;
    transition: all .2s ease-out;
    background: #191919; 
}

#statstabbedtitle {
    width: 625px;
    color:e5e5e5;
    text-align: center;
    line-height:100%;
    font-weight:bold;
    font-family: Arial;
    font-size:120%;
    border-radius: .2em;
    transition: all .2s ease-out;
    background: linear-gradient(tomato, deepskyblue); }

#statstabbed {width: 625px;
              font-family: Tahoma, Verdana, Segoe, sans-serif;}

#statstabbedtable {width:600px;
     font-size:12px;
     color:#8E8E8E;}

#statstabbedtable th{width: 200px; /* headers A rb's, B rb's, C rb's */
     text-align:center;
     color:e5e5e5;}

#statstabbedtable td{width: 200px;
     vertical-align:top;
     text-align:center;}

#statstabbedtable2 {width:200px;
     font-size:14px;
     text-align:center;
     background: linear-gradient(deepskyblue, tomato);}
     
#statstabbedtable2 td{width: 200px; /* names, yards, games played....data */
     color:#000;
     vertical-align: middle;}

#statstabbedtable2 tr {display: block;}

#statstabbedtable3 {width:200px;
     font-size:12px;
     text-align:center;}
     
#statstabbedtable3 td{width: 200px; /* names, yards, games played....data */
     color:#777;
     vertical-align: middle;}

#statstabbedtable3 tr {
    display: block;
    border-bottom: 2px dotted #000;}

#compatts tr{border-bottom: 0px;
             height: 15px;}

#statstabbedinfo {font-size:10px;
    text-align:center;
    background-color:#5C5C5C;
    border-radius: 10px;
    border: 1px solid #5A0000;}

.fp { border: 0px;
        height: 25px;}

.tabbedrest { border: 0px;
        height: 40px;}
.tabbedrestqb { border: 0px;
        height: 40px;}

.abcgrades {border:2px solid #000;}

.font16 { font-size:16px;}

.font12 { font-size:12px;}

.font10i { font-size:10px;
        font-style:italic;}

.statstabbedtitle {
     font-family: Cambria, Georgia, Palatino Linotype, Bookman Old Style, serif;
    font-size:12px;
    color:#e5e5e5;}

.statstabbedtitleformula {
     font-family: Palatino Linotype, serif;
     font-size:10px;
     color:#e5e5e5;}

#player2attgain {
    width: 198px;
    //height:70px;
    border-right: 1px solid #00c200; // #7FFF00
    border-radius: 2px;
    background: linear-gradient(to right, transparent 0%, #00c200 100%);
    color: #000000;
    padding-top: 2px;
    padding-bottom: 25px;
    margin-bottom:12px;}

#player1attgain {
    width: 198px;
    //height:70px;
    border-right: 1px solid #8fff8f;
    border-radius: 2px;
    background: linear-gradient(to right, transparent 0%, #8fff8f 100%);
    color: #000000;
    padding-top: 2px;
    padding-bottom: 25px;
    margin-bottom:12px;}

#player_avoidautoage {
    width: 198px;
    //height:70px;
    border-right: 1px solid #ddffdd;
    border-radius: 2px;
    background: linear-gradient(to right, transparent 0%, #ddffdd 100%);
    color: #000000;
    padding-top: 2px;
    padding-bottom: 25px;
    margin-bottom:12px;}

#playerinfobox {
    width: 196px;
    height:70px;
    background: linear-gradient(to bottom, #000000, #303030);
    border: 1px solid #7A3D00;
    border-radius: 3px;
    margin-bottom:5px;}
#playerinfonamegpcontainer {
    float: left;
    width: 146px;
    height:30px;}
#playerinfoname {
    height:16px;
    font-size: 10px;
    color: #999999;
    text-align:left;
    border-bottom: solid #303030;}
        #playerinfoname_namewidth {
            float: left;
            width: 102px;
            margin-top: 2px;
            white-space: nowrap; 
            overflow: hidden;
            text-overflow: clip;
            text-overflow: ellipsis;
            color:#999999;
            font-size: 10px;
        }
        #playerinfoname_awards {
            text-align:left;
            font-size: 14px;
            letter-spacing: -2px;
        }        
#playerinfogp {
    text-align:left;
    padding-left: 10px;
    font-size:9px;
    color:#8E8E8E;}
#playerinfovalueanycontainer {
    float: right;
    width: 50px;
    height:30px;
    }
#playerinfovalue {
    height:27px;
    font-size:16px;
    font-weight: bold;
    color: black;
    text-align: right;
    background-color:#9c9c9c;
    border-radius: 5px;
    border: 1px solid #5A0000;}
#playerinfoany {
    font-size:8px;
    color: black;
    text-align: right;
    height:6px;
    position: relative;
    top: -12px;}
#playerinfounderanyspacer {
    height:6px;
    position: relative;
    top: -5px;}
#playerinfovalueanycontainer_threshold {
    margin-left:5px;}
#playerinfovalue_threshold {
    float: left;
    font-size:14px;
    font-weight: bold;
    color: #505050;
    text-align: right;
    background-color:#D0D0D0;
    border-radius: 5px;
    border: 1px solid #5A0000;
    padding-left:5px;
    padding-right:5px;}    
#playerinfo_threshold_atts {
    float: left;
    font-size: 10px;
    color: #000000;
    text-align:left;
    border-bottom: solid #303030;
    padding-left:6px;}
#playerinfo_threshold_arrow {
    float: right;
    margin-right:5px;}
#playerline2indent {
    float: left;
    width: 2px;
    height:25px;}
#playerline2logo {
    float: left;
    width: 25px;
    height:25px;
    margin: 5px 10px 0px 5px;}
/*===================================*/

#playerline2rushreccontainer {
    float: left;
    width: 150px;
    height:36px;
    padding-top: 3px;
    color: #8E8E8E}

#playerline2 {
    float: right;
    text-align: right;
    font-size:11px;
    height:16px;}

#playerline2rushatts {
    float: left;
    text-align: right;
    font-size:11px;
    width: 25px;
    height:16px;}
#playerline2rushattstext {
    position: relative;
    top: 3px;
    float: left;
    font-size:8px;
    width: 25px;
    height:16px;}
#playerline2rushyards {
    float: left;
    text-align: right;
    font-size:11px;
    width: 25px;
    height:16px;}
#playerline2rushyardstext {
    position: relative;
    top: 3px;
    float: left;
    font-size:8px;
    width: 15px;
    height:16px;}
#playerline2rushtds {
    float: left;
    text-align: right;
    font-size:11px;
    width: 15px;
    height:16px;}
#playerline2rushtdstext {
    position: relative;
    top: 3px;
    float: left;
    font-size:8px;
    width: 10px;
    height:16px;}


/*--------------------END Statstabbed (table/data css)--------------------------------*/



a {
	text-decoration: none;
	color: #999999;
        font-size: 12px;
}

a:hover, a:active, a:visited {
	text-decoration: none;
}

A.navlight:link { text-decoration: none; color:#ccc }
A.navlight:active { text-decoration: none; color:#ffffff}
A.navlight:visited { text-decoration: none; color: #ccc } 
A.navlight:hover { text-decoration: underline; color:#8CAABD}

A.nav:link { text-decoration: none; color:#ccc}
A.nav:active { text-decoration: none; color:#ccc}
A.nav:visited { text-decoration: none; color: #ccc} 
A.nav:hover { text-decoration: underline; color:#8CAABD}

A.ca:link { text-decoration: none; color:#000000}
A.ca:active { text-decoration: none; color:#000000}
A.ca:visited { text-decoration: none; color: #000000} 
A.ca:hover { text-decoration: underline; color:#ccc}

h2 a {
	text-decoration: none;
}

/* any/a table, alternating color rows */

        #contentqbv {
                float: right;
                width: 635px;
                padding: 0px 0px 0px 0px;
                margin-top:0px;
                color:#ddd;
        }

	.anyatable{
		width:100%; 
		border-collapse:collapse; 
                font-size:12px;
                text-align:center;
                border:1px dotted #000;
                font-family: Verdana;
	}
        
        .anyatable th{
                font-size:8px;
                text-align:center;
                border: 1px solid black;
                font-family: Verdana;
                
        }
        
	.anyatable td{ 
		padding:7px; border:#000000 1px solid;
                font-size:12px;
                text-align:center;
                border:1px dotted #000;
                font-family: Verdana;
	}
	/* provide some minimal visual accomodation for IE8 and below */
	.anyatable tr{
		background: #b8d1f3;
	}
	/*  Define the background color for all the ODD background rows  */
	.anyatable tr:nth-child(odd){ 
		background: #44444F;
	}
	/*  Define the background color for all the EVEN background rows  */
	.anyatable tr:nth-child(even){
		background: #222228;
	}

/* END any/a table */

/* Start box score on front league status page */

#boxscore_whole_wrap {
    float: left;
    //height: 300px;
    width:100%;
max-width: 290px;
    //border: 1px solid;
    border-radius: 5px;
    margin-top: 0px;
    margin-bottom: 16px;
    padding: 4px 8px 8px 8px;
    font-family: Arial, Helvetica, sans-serif;
    //"Comic Sans MS", cursive, sans-serif;
    color: white;
    //background-color: purple;
    -moz-box-shadow:    inset 0 0 100px #000000;
    -webkit-box-shadow: inset 0 0 100px #000000;
    box-shadow:         inset 0 0 100px #000000;
    }
    
    .round1 {background-color: #8C7853; //bronze #8C7853
            }
    .round2 {background-color: #4c4c4c;  //silver #C0C0C0
            }
    .superbowl {background-color: #D4AF37;  //gold #D4AF37         
            }

        #boxscore_week_date_wrap {
            height: 16px;
            border-bottom-style: groove;
            padding-right: 4px;
            padding-left: 4px;
            padding-top: 4px;
            margin-bottom: 4px;
            font-size: 12px;
        }

        #boxscore_week {
            float: left;}
    
        #boxscore_date {
            float: right;} 

    #boxscore_logo_name_user_score_wrap_wrap { 
        float:left;
    }        
    #boxscore_logo_name_user_score_wrap { 
        height: 36px;
        width: 155px;
        //border: 1px solid red;
        //border-radius: 3px;
    }
            #boxscore_logo {
                //border: 1px solid;
                float: left;
                width: 30px;
                margin: 2px 0px 0px 0px;}
    
            #boxscore_name_user_score {
                //border: 1px solid;
                //border-radius: 3px;
                float: left;
                width: 120px;
                font-weight: bold;
                text-shadow: 0px -1px #333;
                //background-color:rgba(0, 0, 0, 0.2);
                }
        #boxscore_scoring {
            float:left;
        }
        
        #boxscore_middle {
            float:left;
            margin-top:6px;
        }
                    #boxscore_logo_middle {
                        float:left;
                        width:22px;
                        margin-top:12px;
                        margin-left:4px;
                    }
        
        #boxscore_lower_left {
            float:left;
            margin-top:6px;
            margin-left:30px;
            text-align:left;
        }
        
        #boxscore_lower_right {
            float:left;
            margin-top:6px;
            margin-left:30px;
        }        

/* END box score */


/* Start VERTICAL box score on front league status page */

#boxscoreV_whole_wrap {
    float: left;
    width: 200px;
    //border: 1px solid;
    border-radius: 5px;
    margin-bottom: 12px;
    margin-right: 8px;
    padding-top: 5px;
    padding-bottom: 2px;
    font-family: Arial, Helvetica, sans-serif;
    color: white;
    text-align: center;
    background-color: rgba(0,0,0,0.15);
    -moz-box-shadow:    inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;
    box-shadow:         inset 0 0 10px #000000;
    }
    
    .round1 {background-color: #8C7853; //bronze #8C7853
            }
    .round2 {background-color: #C0C0C0;  //silver #C0C0C0
            }
    .superbowl {background-color: #D4AF37;  //gold #D4AF37         
            }

    #boxscoreV_logo_user { 
        float: left;
        width: 90px;
        margin-top: 5px;
        font-size:10px;
        text-shadow: 0px -1px #333;
        
        //border: 1px solid;
        //border-radius: 3px;
    }
    
    #boxscoreV_at { 
        float: left;
        //width: 80px;
        margin-top: 20px;
        font-size:16px;
        //border: 1px solid;
        //border-radius: 3px;
    }    
    
    #boxscoreV_score_wrap { 
        float: left;
        width: 157;
        margin-left: 14px;
        margin-top: 7px;
        margin-bottom: 7px;
        padding-left: 11px;
        padding-top: 5px;
        padding-bottom: 5px;
        //border: 1px solid;
        border-radius: 3px;
        text-align: center;
        background-image: linear-gradient(#484848, #101010, #484848);
    }     
    
                    #boxscoreV_score { /*php variable */
                        float: left;
                        width: 50px;
                        height: 30px;
                        color: #fff;
                        font-size: 28px;
                        //border: 1px solid;
                        //border-radius: 3px;                          
                    }
                    #boxscoreV_score_label {
                        float: left;
                        width: 50px;
                        height: 23px;
                        padding-top: 7px;
                        color: #fff;
                        font-size: 14px;
                        text-shadow: 0px -1px #333;
                        //border: 1px solid;
                        //border-radius: 3px; 
                    }
                    
                    .loser {
                        text-shadow: 0px -1px #333;
                    }
                    
                    .winner {
                        font-weight: bold;
                        text-shadow: 0px -1px #333;
                    }
                    
                    .winner_fire {
                        text-shadow: 0px -1px 2px white, 0px -2px 5px orange, 0px -10px 10px #ff8000, 0px -18px 40px red;
                        font-weight: bold;
                    }     
                    
  
    #boxscoreV_stats_away_wrap { 
        float: left;
        width: 50px;
        margin-left: 25px;
        //font-size:12px;
        //border: 1px solid;
        //border-radius: 3px;
        text-align: center;
            background-color: rgba(0,0,0,0.35);
    -moz-box-shadow:    inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;
    box-shadow:         inset 0 0 10px #000000;
    } 
    
    #boxscoreV_stats_labels_wrap { 
        float: left;
        width: 50px;
        //margin-top: 0px;
        //font-size:12px;
        //border: 1px solid;
        //border-radius: 3px;
        text-align: center;
    background-color: rgba(0,0,0,0.35);
    -moz-box-shadow:    inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;
    box-shadow:         inset 0 0 10px #000000;        
    }
    
    #boxscoreV_stats_home_wrap { 
        float: left;
        width: 50px;
        //margin-top: 0px;
        //font-size:12px;
        //border: 1px solid;
        //border-radius: 3px;
        text-align: center;
    background-color: rgba(0,0,0,0.35);
    -moz-box-shadow:    inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;
    box-shadow:         inset 0 0 10px #000000;        
    }  
    
        #boxscoreV_stat_instance { 
            float: left;
            width: 50px;
            height: 20px;
            //margin-top: 0px;
            font-size:14px;
            //border: 1px solid;
            //border-radius: 3px;
        }    
    
        #boxscoreV_stat_instance_label { 
            float: left;
            width: 50px;
            height: 17px;
            padding-top: 3px;
            font-size:10px;
            //border: 1px solid;
            //border-radius: 3px;
        }
        
    #boxscoreV_fullrecap { 
        float: left;
        width: 198px;
        margin-top: 3px;
        //font-size:12px;
        //border: 1px solid;
        //border-radius: 3px;
    }    
    
    #boxscoreV_week_date_wrap {
        float: left;
        width: 196px;
        height: 16px;
        padding-right: 4px;
        padding-left: 4px;
        padding-top: 4px;
        font-size: 12px;
    }

            #boxscoreV_week {
                float: left;
                margin-left: 5px;
                color:#131313;
            }
    
            #boxscoreV_date {
                float: right;
                margin-right: 5px;
                color:#131313;
            }     
                    
/* END VERTICAL box score */





/* BOX Score (BS) 2020 version */

#BS_whole_wrap {
    float: left;
    width: 633px;
    //height: 90px;
    //border: 1px solid;
    border-radius: 7px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: -7px;
    padding-left: 5px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFF8DC;
    //text-align: center;
    //background-color: rgba(0,0,0,0.15);
    //-moz-box-shadow:    inset 0 0 10px #000000;
    //-webkit-box-shadow: inset 0 0 10px #000000;
    //box-shadow:         inset 0 0 10px #000000;
    }
    

    #BS_header {
        //float:left;
        width:633px;
        border-radius: 7px 7px 0px 0px;
        font-size: 10px;
    }
                        #BS_header_score {
                            float:left;
                            width:154px;
                            height:15px;
                            border-radius: 7px 3px 0px 0px;
                            background-color: #1a1f14;
                            font-size: 10px;
                            padding-left: 5px;
                            margin-right:22px;
                        }
                        
                        #BS_header_gamestats {
                            float:left;
                            width:140px;
                            height:15px;
                            border-radius: 3px 3px 0px 0px;
                            background-color: #1a1f14;
                            font-size: 10px;
                            color:gray;
                            padding-left: 68px;
                        }                        
                        
#BS_stats {
    float: left;
    width: 633px;
    border-radius: 0px 7px 7px 7px;
    margin-bottom: 5px;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 3px;
    background-image: linear-gradient(#1a1f14, #8c8f89);
    font-family: Arial, Helvetica, sans-serif;
    color: #FFF8DC;
    //text-align: center;
    //background-color: rgba(0,0,0,0.15);
    //-moz-box-shadow:    inset 0 0 10px #000000;
    //-webkit-box-shadow: inset 0 0 10px #000000;
    //box-shadow:         inset 0 0 10px #000000;
    }

                        #BS_logo_wrap {
                            float:left;
                            margin-top:5px;
                        }   

                            #BS_logo {
                                margin-bottom: 0px;
                                margin-right: 5px;
                            }

                        #BS_qtr_scr_wrap {
                            float:left;
                            width:92px;
                            height: 55px;
                            background-color: #746d66;
                            text-align:center;
                            font-size: 14px;
                            margin-top:9px;
                        }

                            #BS_qtr_scr {
                                float:left;
                                width: 22px;
                                height: 22px;  
                                padding-top:5px;
                            }

                        #BS_fin_scr_wrap {
                            float:left;
                            width: 35px;
                            height: 65px;
                            margin-top:2px;
                            background-color: #463d33;
                                border-width:3px;  
                                border-style:ridge;
                            border-radius: 5px 5px 5px 5px;
                        }

                            #BS_fin_scr {
                                float:left;
                                width: 35px;
                                height: 30px;  
                                padding-top:1px;
                                color: #fff;
                                text-align:center;
                                font-size: 22px;
                            }   
                            
                        #BS_teamstats_wrap {
                            float:left;
                            height: 69px;
                            
                              background: 
                                linear-gradient(
                                  rgba(26,31,20, 0.3), 
                                  rgba(26,31,20, 0.3)
                                )    
                                , url("../images/baxter/bs.jpg");
                            
                            box-shadow: 0 0 8px 2px #1a1f14 inset;
                            margin-top:2px;
                            margin-left:7px;
                            border-radius: 3px;
                            border:dotted 1px gray;
                        }
                        
                                        #BS_teamstats_innerwrap {
                                            clear:both;
                                            //border:solid 1px red;
                                        }

                                                #BS_teamstats {
                                                    float:left;
                                                    padding-left:3px;
                                                    padding-right:3px;
                                                    color: black;
                                                    text-align:center;
                                                    font-size: 11px;
                                                    font-family:Comic Sans MS, cursive, sans-serif;
                                                    font-weight: 100;                                                    
                                                    line-height: 90%;
                                                    text-shadow: 2px 2px 5px black;
                                                    margin-top:1px;
                                                    //border:solid 1px yellow;
                                                } 
                                                
                                                .BS_teamstats_total {
                                                    width:40px;
                                                    height: 25px;
                                                    padding-top:8px;
                                                    //border-right:1px dotted gray;
                                                }
                                                
                                                .BS_teamstats_passing {
                                                    width:83px;
                                                    height: 27px;
                                                    padding-top:6px; 
                                                    //border-right:1px dotted gray;
                                                }
                                                
                                                .BS_teamstats_rushing {
                                                    width:68px;
                                                    height: 27px;
                                                    padding-top:6px;                                                    
                                                }                                                
                            
                        #BS_turnovers_wrap {
                            float:left;
                            //width: 80px;
                            height: 68px;
                            margin-left:5px;
                            margin-top:4px;
                            //padding-left: 5px;
                            //padding-right: 5px;
                            border:solid 1px black;
                        }
                                        #BS_turnovers_innerwrap {
                                            float:left;
                                            margin-top:2px;
                                            //border:solid 1px red;
                                        }
                        
                                            #BS_turnovers {
                                                //float:left;
                                                width: 25px;
                                                height: 27px;  
                                                padding-top:0px;
                                                text-align:center;
                                                text-shadow: 2px 2px 4px #000000;
                                                font-family:Comic Sans MS, cursive, sans-serif;
                                                //border:solid 1px gray;
                                            }   
                                            
                                            .BS_turnovers_bottomborder {
                                                border-bottom:2px solid black;
                                            }
                                            
                                            #BS_turnovers_label {
                                                float:left;
                                                width: 14px;
                                                height: 56px;  
                                                padding-top:2px;
                                                padding-left: 2px;
                                                padding-right: 2px;
                                                text-align:center;
                                                writing-mode: vertical-lr;
                                                text-orientation: upright;
                                                font-size: 9px;
                                                letter-spacing: -1px;
                                                //border:solid 1px yellow;
                                                background-color:black;
                                            }    
                                            
                                            #BS_turnovers_label2 {
                                                clear: both;
                                                width: 31px;
                                                padding-left: 12px;
                                                font-size: 8px;
                                                letter-spacing: 3px;
                                                //border:solid 1px orange;
                                                background-color:black;
                                            } 
                                            
                        #BS_recap_wrap {
                            float:left;
                            width: 60px;
                            height: 68px;
                            background-image: url("../images/baxter/stadium.jpg");
                            //border: 1px solid;
                            margin-left:5px;
                            margin-top:2px;
                            padding-left: 2px;
                            padding-right: 2px;
                            padding-top: 2px;
                            border-radius: 3px;
                            text-align:center;
                        }   
                        
                                            #BS_recap {
                                                background-color:rgba(255, 255, 255, 0.5);
                                                border-radius: 3px;
                                            } 
                                            
                                            #BS_recap2 {
                                                margin-top:2px;
                                                //background-color:rgba(255, 255, 255, 0.5);
                                                //border-radius: 3px;
                                            }    
                                            
                                            #BS_recap3 {
                                                margin-top:20px;
                                                font-size:10px;
                                                color:black;
                                                background-color:rgba(255, 255, 255, 0.5);
                                                border-radius: 3px;
                                            }                                             
                                            
                        #BS_comment_wrap {
                            font-family:Comic Sans MS, cursive, sans-serif;
                            font-weight: 100;  
                            float:left;
                            width: 118px;
                            height: 70px;
                            //border: 1px solid;
                            margin-left:5px;
                            margin-top:0px;
                            padding-left: 1px;
                            padding-right: 1px;
                            border-radius: 5px;
                        }  
                        
                        #BS_comment_wrap_rotated {
                            font-family:Comic Sans MS, cursive, sans-serif;
                            font-weight: 100;  
                            float:left;
                            width: 118px;
                            height: 65px;
                            //border: 1px solid;
                            margin-left:5px;
                            margin-top:0px;
                            padding-left: 1px;
                            padding-right: 1px;
                            border-radius: 5px;
                        }                        
                        
                        #BS_comment {
                            padding-top:25px;
                            text-align:center;
                            font-size:12px;
                        }                        
                        
 .postit {
  overflow:hidden;
  line-height: 1;
  width: 118px;    
  min-height:85px;
  max-height:85px;
  padding-top:5px;
  position:relative;   
  border:1px solid #E8E8E8;  
  //border-top:5px solid #fdfd86;
  //font-family:'Reenie Beanie';    
  font-size:11px;      
  border-bottom-right-radius: 60px 5px;
  display:inline-block;    
   background: #ffff88; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ffff88 81%, #ffff88 82%, #ffff88 82%, #ffffc6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(81%,#ffff88), color-stop(82%,#ffff88), color-stop(82%,#ffff88), color-stop(100%,#ffffc6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, #ffff88 81%,#ffff88 82%,#ffff88 82%,#ffffc6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, #ffff88 81%,#ffff88 82%,#ffff88 82%,#ffffc6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, #ffff88 81%,#ffff88 82%,#ffff88 82%,#ffffc6 100%); /* IE10+ */
background: linear-gradient(135deg, #ffff88 81%,#ffff88 82%,#ffff88 82%,#ffffc6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff88', endColorstr='#ffffc6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
 
.postit:after {     
   content: "";
  position:absolute;
  z-index:-1;
  right:-0px; bottom:20px;
  width:118px;
  height: 25px;
  background: rgba(0, 0, 0, 0.2);
  box-shadow:2px 15px 5px rgba(0, 0, 0, 0.40);
-moz-transform: matrix(-1, -0.1, 0, 1, 0, 0);
 -webkit-transform: matrix(-1, -0.1, 0, 1, 0, 0);
      -o-transform: matrix(-1, -0.1, 0, 1, 0, 0);
     -ms-transform: matrix(-1, -0.1, 0, 1, 0, 0);
         transform: matrix(-1, -0.1, 0, 1, 0, 0);
}                        
    
    
/* *END* BOX Score (BS) 2020 version */    














/* team fantasy dropdown table */
#expand_team_fantasy_div {
        float: left;
	width:390px;
        padding: 0px 5px 5px 5px;
        background-color:#bdc0c5; 
        border-radius: 5px;
        margin: 10px 0px 10px 0px;
        font-size: 15px;
        text-align: center;
}

#expand_team_fantasy_div_narrow_header {
        float: left;
	width:390px;
        padding: 0px 5px 5px 5px;
        background-color:#bdc0c5; 
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        margin-bottom: -10px;
        font-size: 15px;
	font-family:Comic Sans MS, cursive, sans-serif;        
        text-align: center;
}

#expand_team_fantasy_div_narrow {
        float: left;
	width:190px;
        padding: 0px 5px 5px 5px;
        background-color:#bdc0c5; 
        border-radius: 5px;
        margin: 10px 0px 10px 0px;
        font-size: 15px;
        text-align: center;
}

.collapsible {
  background-color: #777;
  color: white;
  cursor: pointer;
  margin-top: 5px;
  margin-bottom: 5px;
  border-radius: 3px;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 12px;
}

.active, .collapsible:hover {
  background-color: #555;
}

.collapsible:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: white;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}

.datagrid table {
    border-collapse: collapse;
    text-align: center;
    width: 100%;
}
.datagrid {
    font: normal 12px/150% Arial, Helvetica, sans-serif;
    background: #fff;
    overflow: hidden;
    border: 1px solid #006699;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.datagrid table td, .datagrid table th {
    //padding: 3px 10px;
}
.datagrid table thead th {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );
    background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');
    background-color:#006699;
    color:#FFFFFF;
    font-size: 10px;
    //font-weight: bold;
    border-left: 1px solid #0070A8;
}
.datagrid table thead th:first-child {
    border: none;
}
.datagrid table tbody td {
    color: #00557F;
    border-left: 1px solid #E1EEF4;
    font-size: 12px;
    font-weight: normal;
}
.datagrid table tbody .alt td {
    background: #E1EEf4;
    color: #00557F;
}
.datagrid table tbody td:first-child {
    border-left: none;
}
.datagrid table tbody tr:last-child td {
    border-bottom: none;
}

/* END team fantasy dropdown table */

#lifetime_owner_matchup {
    margin-top:20px;
}


/* past champions dropdown list */

.collapsiblex {
  background-color: #777;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.active, .collapsiblex:hover {
  background-color: #555;
}

.contentx {
  //padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}

.collapsiblex:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: white;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}



/* random php div display on homepage in leaguestatus div */

.random_content{
    width:280px;
    padding: 10px;
    margin: 5px 0px 15px 0px;
    float: right;
    color: white;
    background-color: #4d4d4d;
    border-radius: 7px;
}

    .random_quote{
        background-color:Gainsboro;
        padding: 10px;
        margin-top: 5px;
        font-style: italic;
        color: #000000;
        //border: 1px solid;
        border-radius: 5px;
    }
    
    .random_fantasy {
        background-color:black;
        padding: 10px;
        margin-top: 5px;
        font-family: Palatino Linotype, serif;
        font-size:12px;
        color:#d3d3d3;
        //border: 1px solid;
        border-radius: 5px;
    }
/* END php random div display */

/* jquery random div display */
.item{
    padding: 10px;
    border: solid 1px silver;
    
    display: none;
    margin: 5px 0px 15px 0px;
    float: right;
}
/* END jquery random div display */

/* leaguestatus notice div display */ /* "width: 80%; margin: 0 auto;" for horizontally centering div within parent div */
.leaguestatus_notice{
    float: left;
    width:290px;
    padding: 10px;
    //border: solid 1px silver;
    border-radius: 5px;
    margin: 5px 0px 10px 0px;
    text-align: center;
    background-color:#1f5894;
}

.leaguestatus_notice_title{
    width: 80%; 
    margin: 0 auto; 
    padding: 10px;
    //border: solid 1px silver;
    border-radius: 2px;
    //margin: 5px 0px 15px 0px;
    background-color:#0f2c4a;
    color:whitesmoke;
}

.leaguestatus_notice_content{
    margin: 0 auto;
    padding: 10px;
    //border: solid 1px silver;
    border-radius: 2px;
    margin: 5px 0px 0px 0px;
    background-color:#add4fc;
}
/* leaguestatus notice div display */

/* spinner while loading ajax call */
#spinner{
    display:none;
    width: 100%; 
    margin: 0 auto; 
}

/* playoff bracket css */
#playoffbracket {
	width: 635px;
        //height: 150px;
        float: right;
        //background-color: #343434;
        //background-image: linear-gradient(green,lightgreen);
            background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
                radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
        
        opacity: 0.75;
        //border: 1px solid;
        border-radius: 15px;
        -moz-box-shadow: 5px 5px rgba(0,0,0,0.5);
        -webkit-box-shadow: 5px 5px rgba(0,0,0,0.5);
        box-shadow: 5px 5px rgba(0,0,0,0.5);
        //box-shadow: 5px 5px 5px #888888;
	
        margin-top: 10px; //space around outside of div
        margin-bottom: 10px;
        margin-right: 10px;
        margin-left: 0px;
        
	padding: 10px 5px 10px 5px; //space around inside of div
        
        color:#222;
        text-decoration: none;
	color: #fff;
	font-size: 16px;
	font-family:Comic Sans MS, cursive, sans-serif;
	font-weight: 100;
        text-align:center;
        text-shadow: 1px 1px 1px rgba(255, 255, 255, .1);
}

/* this div and child_container_playoffseeds spread the 6 child divs out evenly within container_playoffseeds */
.container_playoffseeds { 
    width: 100%;
    //border: 1px solid black;
    display: table;
    table-layout: fixed;
    font-size: 16px;
    color: black;
}

    .child_container_playoffseeds {
        //border: 1px solid grey;
        display: table-cell;
    }
    
    
.container_quarterfinal { 
    width: 100%;
    margin-left: 5px;
    //border: 1px solid black;
    display: table;
    table-layout: fixed;
}

    .child_container_quarterfinal {
        //border: 1px solid grey;
        display: table-cell;
width:50%;
    }    

.container_semifinal { 
    width: 100%;
    margin-left: 5px;
    //border: 1px solid black;
    display: table;
    table-layout: fixed;
}

    .child_container_semifinal {
        //border: 1px solid grey;
        display: table-cell;
    }   
    
    
.container_superbowl { 
    width: 90%;
    margin-top: 10px;
    margin-left: 170px;
    //border: 1px solid black;
    display: table;
    table-layout: fixed;
}

    .child_container_superbowl {
        //border: 1px solid grey;
        display: table-cell;
    }    
    
/* roster reset table */    
#rosterreset td{
    border-bottom:1px solid #000000;
    border-top:1px solid #000000;
    color:#cccccc;
}

/*animated progress bars! */

		.meter { 
			height: 16px;  /* Can be anything */
			position: relative;
			//margin: 10px 0 10px 0; /* Just for demo spacing */
			background: #555;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			padding: 2px;
			-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
			-moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
			box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
		}
		.meter > span {
			display: block;
			height: 100%;
			   -webkit-border-top-right-radius: 8px;
			-webkit-border-bottom-right-radius: 8px;
			       -moz-border-radius-topright: 8px;
			    -moz-border-radius-bottomright: 8px;
			           border-top-right-radius: 8px;
			        border-bottom-right-radius: 8px;
			    -webkit-border-top-left-radius: 20px;
			 -webkit-border-bottom-left-radius: 20px;
			        -moz-border-radius-topleft: 20px;
			     -moz-border-radius-bottomleft: 20px;
			            border-top-left-radius: 20px;
			         border-bottom-left-radius: 20px;
			background-color: rgb(43,194,83);
			background-image: -webkit-gradient(
			  linear,
			  left bottom,
			  left top,
			  color-stop(0, rgb(43,194,83)),
			  color-stop(1, rgb(84,240,84))
			 );
			background-image: -moz-linear-gradient(
			  center bottom,
			  rgb(43,194,83) 37%,
			  rgb(84,240,84) 69%
			 );
			-webkit-box-shadow: 
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			-moz-box-shadow: 
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			box-shadow: 
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			position: relative;
			overflow: hidden;
		}
		.meter > span:after, .animate > span > span {
			content: "";
			position: absolute;
			top: 0; left: 0; bottom: 0; right: 0;
			background-image: 
			   -webkit-gradient(linear, 0 0, 100% 100%, 
			      color-stop(.25, rgba(255, 255, 255, .2)), 
			      color-stop(.25, transparent), color-stop(.5, transparent), 
			      color-stop(.5, rgba(255, 255, 255, .2)), 
			      color-stop(.75, rgba(255, 255, 255, .2)), 
			      color-stop(.75, transparent), to(transparent)
			   );
			background-image: 
				-moz-linear-gradient(
				  -45deg, 
			      rgba(255, 255, 255, .2) 25%, 
			      transparent 25%, 
			      transparent 50%, 
			      rgba(255, 255, 255, .2) 50%, 
			      rgba(255, 255, 255, .2) 75%, 
			      transparent 75%, 
			      transparent
			   );
			z-index: 1;
			-webkit-background-size: 50px 50px;
			-moz-background-size: 50px 50px;
			-webkit-animation: move 2s linear infinite;
			   -webkit-border-top-right-radius: 8px;
			-webkit-border-bottom-right-radius: 8px;
			       -moz-border-radius-topright: 8px;
			    -moz-border-radius-bottomright: 8px;
			           border-top-right-radius: 8px;
			        border-bottom-right-radius: 8px;
			    -webkit-border-top-left-radius: 20px;
			 -webkit-border-bottom-left-radius: 20px;
			        -moz-border-radius-topleft: 20px;
			     -moz-border-radius-bottomleft: 20px;
			            border-top-left-radius: 20px;
			         border-bottom-left-radius: 20px;
			overflow: hidden;
		}
		
		.animate > span:after {
			display: none;
		}
		
		@-webkit-keyframes move {
		    0% {
		       background-position: 0 0;
		    }
		    100% {
		       background-position: 50px 50px;
		    }
		}
		
                .progress0 > span {
			background-color: #f36d0a;
			background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a));
			background-image: -webkit-linear-gradient(#f1a165, #f36d0a); 
		}
                
                .progress1 > span { //progress 1, 2, 3 are the same.
			background-color: #f63a0f;
			background-image: -moz-linear-gradient(top, #f63a0f, #f36d0a);
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a));
			background-image: -webkit-linear-gradient(#f1a165, #f36d0a); 
		}
                
                .progress2 > span { //progress 1, 2, 3 are the same.
			background-color: #f63a0f;
			background-image: -moz-linear-gradient(top, #f63a0f, #f36d0a);
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a));
			background-image: -webkit-linear-gradient(#f1a165, #f36d0a); 
		}
                
                .progress3 > span { //progress 1, 2, 3 are the same.
			background-color: #f63a0f;
			background-image: -moz-linear-gradient(top, #f63a0f, #f36d0a);
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a));
			background-image: -webkit-linear-gradient(#f1a165, #f36d0a); 
		}
                
                .progress4 > span { //progress 4, 5 are the same.
			background-color: #f27011;
			background-image: -moz-linear-gradient(top, #f27011, #f27011);
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a));
			background-image: -webkit-linear-gradient(#f1a165, #f36d0a); 
		}
                
                .progress5 > span { //progress 4, 5 are the same.
			background-color: #f27011;
			background-image: -moz-linear-gradient(top, #f27011, #f27011);
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a));
			background-image: -webkit-linear-gradient(#f1a165, #f36d0a); 
		}
                
                .progress6 > span { //progress 6, 7 are the same.
			background-color: #f2b01e;
			background-image: -moz-linear-gradient(top, #f2b01e, #f2b01e);
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a));
			background-image: -webkit-linear-gradient(#f1a165, #f36d0a); 
		}
                
                .progress7 > span { //progress 6, 7 are the same.
			background-color: #f2b01e;
			background-image: -moz-linear-gradient(top, #f2b01e, #f2b01e);
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a));
			background-image: -webkit-linear-gradient(#f1a165, #f36d0a); 
		}
                
                .progress8 > span { //progress 8, 9 are the same.
			background-color: #f2d31b;
			background-image: -moz-linear-gradient(top, #f2d31b, #f2d31b);
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a));
			background-image: -webkit-linear-gradient(#f1a165, #f36d0a); 
		}
                
                .progress9 > span { //progress 8, 9 are the same.
			background-color: #f2d31b;
			background-image: -moz-linear-gradient(top, #f2d31b, #f2d31b);
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a));
			background-image: -webkit-linear-gradient(#f1a165, #f36d0a); 
		}
                
                .progress10 > span {
			background-color: #86e01e;
			background-image: -moz-linear-gradient(top, #86e01e, #86e01e);
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a));
			background-image: -webkit-linear-gradient(#f1a165, #f36d0a); 
		}
                
               .nostripes > span > span, .nostripes > span:after {
			-webkit-animation: none;
			background-image: none;
		}
                
/* fade in boxes for current games, tecmo face, & GTFO logo */

/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }  
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }  
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
 
.fade-in {
opacity:0;  /* make things invisible upon start */
-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
-moz-animation:fadeIn ease-in 1;
animation:fadeIn ease-in 1;
 
-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
-moz-animation-fill-mode:forwards;
animation-fill-mode:forwards;
 
-webkit-animation-duration:1s;
-moz-animation-duration:1s;
animation-duration:1s;
}
 
.fade-in.one {
-webkit-animation-delay: 0.7s;
-moz-animation-delay: 0.7s;
animation-delay: 0.7s;}
 
.fade-in.two {
-webkit-animation-delay: 1.2s;
-moz-animation-delay:1.2s;
animation-delay: 1.2s;}
 
.fade-in.three {
-webkit-animation-delay: 1.6s;
-moz-animation-delay: 1.6s;
animation-delay: 1.6s;}

.fade-in.four {
-webkit-animation-delay: 2.0s;
-moz-animation-delay: 2.0s;
animation-delay: 2.0s;}

.fade-in.five {
-webkit-animation-delay: 2.4s;
-moz-animation-delay: 2.4s;
animation-delay: 2.4s;}

.fade-in.six {
-webkit-animation-delay: 2.8s;
-moz-animation-delay: 2.8s;
animation-delay: 2.8s;}

.fade-inlogo {
opacity:0;  /* make things invisible upon start */
-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
-moz-animation:fadeIn ease-in 1;
animation:fadeIn ease-in 1;
 
-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
-moz-animation-fill-mode:forwards;
animation-fill-mode:forwards;
 
-webkit-animation-duration:0.2s;
-moz-animation-duration:0.2s;
animation-duration:0.2s;
}

.fade-inlogo.G {
-webkit-animation-delay: 1.0s;
-moz-animation-delay: 1.0s;
animation-delay: 1.0s;}

.fade-inlogo.T {
-webkit-animation-delay: 1.8s;
-moz-animation-delay: 1.8s;
animation-delay: 1.8s;}

.fade-inlogo.F {
-webkit-animation-delay: 2.6s;
-moz-animation-delay: 2.6s;
animation-delay: 2.6s;}

.fade-inlogo.O {
-webkit-animation-delay: 3.4s;
-moz-animation-delay: 3.4s;
animation-delay: 3.4s;}

.fade-intecmoface {
opacity:0;  /* make things invisible upon start */
-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
-moz-animation:fadeIn ease-in 1;
animation:fadeIn ease-in 1;
 
-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
-moz-animation-fill-mode:forwards;
animation-fill-mode:forwards;
 
-webkit-animation-duration:5.0s;
-moz-animation-duration:5.0s;
animation-duration:5.0s;
}

.fade-intecmoface.tecmoface {
-webkit-animation-delay: 4.0s;
-moz-animation-delay: 4.0s;
animation-delay: 4.0s;}
 

.box{
    font-size:10px;
    line-height:24px;
    font-family: 'kraashregular';
    text-align: center;
    width: 150px;
    height: 100px;
        float: left;
        padding: 5px 5px 5px 0px;
        border: 1px solid;
        border-radius: 5px;
        box-shadow: 5px 5px 5px #888888;
        margin-top: 20px;
        margin-left: 18px;
        background-size: 160px 120px;
        background-repeat: no-repeat;

}

.box a{
    font-size:10px;
}

.boxlogo{
    
}

.boxtecmoface{
    
}   


/* animated button in team_nav */
.button_team_nav {
  padding: 5px 5px;
  margin: 5px 5px;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  outline: none;
  //color: #fff;
  background-color: #1c528a;
  border: none;
  border-radius: 15px;
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}

.button_team_nav:hover {background-color: #123356}

.button_team_nav:active {
  background-color: #071422;
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
  transform: translateY(2px);
}
/* END animated button in team_nav */

/* OFFSEASON BUTTON ONLY animated button in team_nav */
.button_team_nav_offseason {
  padding: 5px 5px;
  margin: 5px 5px;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: red;
  background-color:#cc5500; 
  border: none;
  border-radius: 15px;
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}

.button_team_nav_offseason:hover {background-color: #8e3b00}

.button_team_nav_offseason:active {
  background-color: #662a00;
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
  transform: translateY(2px);
}
/* END OFFSEASON BUTTON ONLY animated button in team_nav */

.offseason_table {
    
}
.offseason_table td {
    color: #D3D3D3;
    font-size: 14px;
}

/* OFFSEASON team_nav */
        #team_nav_offseason {
            background-color: #ff9143;
            //border: 1px solid;
            border-radius: 15px; 
            padding: 2px 2px 2px 2px;
        }
/* END OFFSEASON team_nav */     

#gainapp_player_summary {
	//width: 500px;
            width: 75%;
            margin: 0 auto;
        //float: left;
        //background-color:#384351; 
        background: #222;
        opacity: 0.75;
        border: 1px solid;
        border-radius: 15px;
        -moz-box-shadow: 5px 5px rgba(0,0,0,0.5);
        -webkit-box-shadow: 5px 5px rgba(0,0,0,0.5);
        box-shadow: 5px 5px rgba(0,0,0,0.5);
        text-align: center;
        //margin-top: 10px; 
        //margin-bottom: 10px;
        //margin-right: 5px;
        //margin-left: 55px;
        padding: 10px 10px 10px 10px; 
        font-family:Comic Sans MS, cursive, sans-serif;
        font-size: 20px;
        color: #f8f8ff;
}

#gainapp_forreference {
            width: 50%;
            margin: 0 auto;
        background: #222;
        opacity: 0.50;
        border: 1px solid;
        border-radius: 15px;
        -moz-box-shadow: 5px 5px rgba(0,0,0,0.5);
        -webkit-box-shadow: 5px 5px rgba(0,0,0,0.5);
        box-shadow: 5px 5px rgba(0,0,0,0.5);
        text-align: center;
        margin-top: 20px; 
        margin-bottom: 20px;
        padding: 10px 10px 10px 10px; 
        font-family:Comic Sans MS, cursive, sans-serif;
        font-size: 12px;
        color: #f8f8ff;
}

#gainapp_availablegains {
            width: 40%;
            margin: 0 auto; 
            border: 1px solid;
            border-radius: 15px;
            text-align: center;
            padding: 10px 0px 0px 0px; 
            //opacity: 0.8;
            box-shadow: 0 0 10px 5px #000;
}

#gainapp_availablegains_checkbox {
            //width:200px;
            display: inline-block;
            border: 1px solid;
            border-radius: 15px;
            text-align: left;
            margin-top: 10px; 
            margin-bottom: 10px;
            padding: 10px 10px 10px 10px; 
            box-shadow: 0 0 10px 5px #000;
}

#gainapp_teammates {
            width: 50%;
            margin: 0 auto;
        background: #222;
        opacity: 0.50;
        border: 1px solid;
        border-radius: 15px;
        -moz-box-shadow: 5px 5px rgba(0,0,0,0.5);
        -webkit-box-shadow: 5px 5px rgba(0,0,0,0.5);
        box-shadow: 5px 5px rgba(0,0,0,0.5);
        text-align: center;
        margin-top: 20px; 
        margin-bottom: 20px;
        padding: 10px 10px 10px 10px; 
        font-family:Comic Sans MS, cursive, sans-serif;
        font-size: 12px;
        color: #f8f8ff;
}

#commish_roms {
            width:500px;
            display: inline-block;
            background: #222;
            color: #f8f8ff;
            font-family:Comic Sans MS, cursive, sans-serif;
            border: 1px solid;
            border-radius: 15px;
            text-align: center;
            margin-top: 10px; 
            margin-bottom: 10px;
            margin-left:55px;
            padding: 10px 10px 10px 10px; 
            box-shadow: 0 0 10px 5px #000;
}