/************************************************************************
/*
/*    NatesDawgs.com Statistics styling rules
/*     
/*    Rules on this page will govern the styling for the stats. 
/*
/*    INCLUDE SITE WIDE VARIABLES
/*
       
/************************************************************************
/*
/*    define css VARIABLES
/*
/************************************************************************/


/************************************************************************
/*
/*    end VARIABLES
/*
/************************************************************************/


/*
/************************************************************************/

#stats_left_nav {
 width:200px;
 min-width:200px;
 float:left;
 text-align: center;
}

#stats_left_nav .go_button {
 display: inline-block;
 width:175px;
 min-width:175px;
 margin-bottom:3px;
 outline: none;
 cursor: pointer;
 text-align: center;
 text-decoration: none;
 font: 16px/100% Arial, Helvetica, sans-serif;
 padding: .5em 1em .55em;
 text-shadow: 0 1px 1px rgba(0,0,0,.3);
 -webkit-border-radius: .5em; 
 -moz-border-radius: .5em;
 border-radius: .5em;
 -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
 -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
 box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

#display_stats_div {
 width:950px;
 min-width:950px;
 margin-left:5px;
 padding-left:5px;
 float:left;
 border-left:1px solid #eaeaea;
}

#display_stats_div table {
 margin-top:10px;
 text-align:center;
 font-size:0.92em;
 width:100%;
 border-collapse:collapse;
}

#display_stats_div thead td {
 cursor:pointer;
 font-size:0.9em;
 color:#222222;
 font-style:italic;
 border-bottom:1px dashed #AAAAAA;
 vertical-align:bottom;
}

#display_stats_div .stat_head {
 padding:0px 10px;
}

.stats_p {
 margin:15px 40px;
}

#stats_blurb {
 margin:20px 0px 0px 25px;
 font-size:110%;
 line-height:2em;
 letter-spacing:1.3px;
 text-align:justify;
}

#blurbTemp {
 display:none;
}

#display_stats_div a, #display_stats_div a:hover, #display_stats_div a:visited {
 text-decoration:none;
 color:red;
}

/************************************************************************
/*
/*    begin ACCORDION menu
/*
/************************************************************************/

*, * focus {
 outline: none;
 margin: 0;
 padding: 0;
}

.stats_season_accordion {
 width: 195px;
 margin: 0 auto;
}

h2.acc_trigger {
 width: 122px;
 margin: 0 0 5px 0;
 font-size: 1.3em;
 line-height: 13px;
}

h2.acc_trigger a {
 color: #fff;
 text-decoration: none;
 display: block;
}

h2.acc_trigger a:hover {
 color: #ccc;
}

h2.active {
 background-position: left bottom;
}

.stats_season_acc_container {
 margin: 0 0 5px;
 padding: 0;
 overflow: hidden;
 font-size: 1.0em;
 text-align:center;
 width: 195px;
 clear: both;
 background: #f0f0f0;
 border: 1px solid #d6d6d6;
 -webkit-border-bottom-right-radius: 5px;
 -webkit-border-bottom-left-radius: 5px;
 -moz-border-radius-bottomright: 5px;
 -moz-border-radius-bottomleft: 5px;
 border-bottom-right-radius: 5px;
 border-bottom-left-radius: 5px; 
}

.acc_container .block {
}

/************************************************************************
/*
/*    end ACCORDION menu
/*
/************************************************************************/


/************************************************************************
/*
/*    begin ON/OFF SWITCH
/*       - more colors at: http://www.webdesignerwall.com/demo/css-buttons.html
/*
/************************************************************************/

.stats_button {
 display: inline-block;
 width:150px;
 min-width:150px;
 margin-bottom:3px;
 outline: none;
 cursor: pointer;
 text-align: center;
 text-decoration: none;
 font: 14px/100% Arial, Helvetica, sans-serif;
 padding: .5em 1em .55em;
 text-shadow: 0 1px 1px rgba(0,0,0,.3);
 -webkit-border-radius: .5em; 
 -moz-border-radius: .5em;
 border-radius: .5em;
 -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
 -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
 box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.stats_button:hover, .go_button:hover {
 text-decoration: none;
}

.stats_button:active, .go_button:active {
 position: relative;
 top: 1px;
}

/* red */
.red, .red:visited {
 color: #faddde;
 border: solid 1px #980c10;
 background: #d81b21;
 background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
 background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}

.red:hover {
 background: #b61318;
 background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
 background: -moz-linear-gradient(top,  #c9151b,  #a11115);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}

.red:active {
 color: #de898c;
 background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
 background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

/* gray */
.gray, .gray:visited {
 color: #e9e9e9;
 border: solid 1px #555;
 background: #6e6e6e;
 background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
 background: -moz-linear-gradient(top,  #888,  #575757);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}

.gray:hover {
 background: #616161;
 background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
 background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}

.gray:active {
 color: #afafaf;
 background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
 background: -moz-linear-gradient(top,  #575757,  #888);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

/* black */
.black {
	color: #d7d7d7;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.black:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.black:active {
	color: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}

/* white */
.white, .white:visited {
 color: #606060;
 border: solid 1px #b7b7b7;
 background: #fff;
 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
 background: -moz-linear-gradient(top,  #fff,  #ededed);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}

.white:hover {
 background: #ededed;
 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
 background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}

.white:active {
 color: #999;
 background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
 background: -moz-linear-gradient(top,  #ededed,  #fff);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/************************************************************************
/*
/*    end ON/OFF SWITCH
/*
/************************************************************************/


/************************************************************************
/*
/*    begin STATS CHECK BOX
/*
/************************************************************************/

.no_height {
 font-size: 2px;
 clear:left;
}

.game_check {
 float:left;
 margin: 0px 0px 0px 5px;
}

.game_row {
 width:100%;
 text-align:left;
 cursor:pointer;
}

.stats_checkbox + label {
 -webkit-appearance: none;
 background-color: #fafafa;
 border: 1px solid #cacece;
 box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
 padding: 9px;
 border-radius: 3px;
 display: inline-block;
 margin:2px 6px 0px 0px;
 position:relative;
 cursor:pointer;
}

.stats_checkbox:active + label, .stats_checkbox:checked:active + label {
 box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.stats_checkbox:checked + label {
 background-color: #e9ecee;
 border: 1px solid #adb8c0;
 box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), 
             inset 15px 10px -12px rgba(255,255,255,0.1);
 color: #99a1a7;
}

.stats_checkbox:checked + label:after {
 content: "\2713";
 font-size: 14px;
 position: absolute;
 font-weight:bold;
 top: 0px;
 left: 3px;
 color: #ff0000;
}

/************************************************************************
/*
/*    end STATS CHECK BOX
/*
/************************************************************************/