/* class names beginning with following tokens are used by OOTP:



hsn = sorted numeric 

hsc = sorted character 

hsd

hsu

hsf

hsp = sorted position

hsx 

hsi



*/



body 		{ font-family:Verdana,sans-serif; color:#000000; font-weight:normal; font-size:11px; background-image:url(./images/bnn_bg.jpg); }



table 		{ font-family:Verdana,sans-serif; color:#000000; font-weight:normal; font-size:11px; }

table.main 	{ font-family:Verdana,sans-serif; color:#000000; font-weight:normal; font-size:11px; border-width:0px; }

table.cont	{ font-family:Verdana,sans-serif; color:#000000; font-weight:normal; font-size:11px; border-width:0px; }



a.menu:link 	{ text-decoration:none; font-weight:bold; color:#FFFFFF; }

a.menu:visited 	{ text-decoration:none; font-weight:bold; color:#FFFFFF; }

a.menu:hover 	{ text-decoration:none; font-weight:bold; color:#99CCFF; }

a.menu:active 	{ text-decoration:none; font-weight:bold; color:#FFFFFF; }



a.title2:link 	{ text-decoration:none; font-weight:normal; color:#FFFFFF; font-size:12px; }

a.title2:visited { text-decoration:none; font-weight:normal; color:#FFFFFF; font-size:12px; }

a.title2:hover 	{ text-decoration:none; font-weight:normal; color:#FF0000; font-size:12px; }

a.title2:active { text-decoration:none; font-weight:normal; color:#FFFFFF; font-size:12px; }



a.title3:link 	{ text-decoration:none; font-weight:bold; color:#FFFFFF; font-size:12px; }

a.title3:visited { text-decoration:none; font-weight:bold; color:#FFFFFF; font-size:12px; }

a.title3:hover 	{ text-decoration:none; font-weight:bold; color:#FF0000; font-size:12px; }

a.title3:active { text-decoration:none; font-weight:bold; color:#FFFFFF; font-size:12px; }

  

a:link 		{ text-decoration:none; font-weight:normal; color:#222299; }

a:visited 	{ text-decoration:none; font-weight:normal; color:#222299; }

a:hover 	{ text-decoration:underline; font-weight:normal; color:#FF0000; }

a:active 	{ text-decoration:none; font-weight:normal; color:#222299; }

a:focus 	{ text-decoration:none; font-weight:normal; color:#222299; }



a.m:link 	{ text-decoration:none; font-weight:normal; color:#6666DD; }

a.m:visited 	{ text-decoration:none; font-weight:normal; color:#6666DD; }

a.m:hover 	{ text-decoration:underline; font-weight:normal; color:#FF0000; }

a.m:active 	{ text-decoration:none; font-weight:normal; color:#6666DD; }

a.m:focus 	{ text-decoration:none; font-weight:normal; color:#6666DD; }



a.a1:link	{ text-decoration:none; font-weight:normal; color:#222299; }

a.a1:visited 	{ text-decoration:none; font-weight:normal; color:#222299; }

a.a1:hover 	{ text-decoration:underline; font-weight:normal; color:#FF0000; }

a.a1:active 	{ text-decoration:none; font-weight:normal; color:#222299; }

a.a1:focus 	{ text-decoration:none; font-weight:normal; color:#222299; }



a.bold:link 	{ text-decoration:none; font-weight:bold; color:#222299; }

a.bold:visited 	{ text-decoration:none; font-weight:bold; color:#222299; }

a.bold:hover 	{ text-decoration:underline; font-weight:bold; color:#FF0000; }

a.bold:active 	{ text-decoration:none; font-weight:bold; color:#222299; }

a.bold:focus 	{ text-decoration:none; font-weight:bold; color:#222299; }

 

a.btmlink:link	{ text-decoration:none; font-weight:normal; color:#FFFFFF; }

a.btmlink:visited 	{ text-decoration:none; font-weight:normal; color:#FFFFFF; }

a.btmlink:hover 	{ text-decoration:underline; font-weight:normal; color:#FF0000; }

a.btmlink:active 	{ text-decoration:none; font-weight:normal; color:#FFFFFF; }

a.btmlink:focus 	{ text-decoration:none; font-weight:normal; color:#FFFFFF; }



.head_1 	{ font-family:Verdana,sans-serif; font-size:11px; font-weight:bold; color:#000000; }

.head_2 	{ font-family:Verdana,sans-serif; font-size:11px; font-weight:bold; color:#002441; }

.head_3 	{ font-family:Verdana,sans-serif; font-size:11px; font-weight:bold; color:#99FFFF; }



table.outl_1	{ font-family:Verdana,sans-serif; color:#000000; font-size:11px; font-weight:normal; border-width:1px; border-style:solid; border-color:#FFFFFF; }

table.grey	{ font-family:Verdana,sans-serif; color:#000000; font-size:11px; font-weight:normal; border-width:1px; border-style:solid; border-color:#152540; background-color:#b1d8f9; }



tr.c1		{ background-color:#152540; }

tr.c2		{ background-color:#990000; }

tr.c3		{ background-color:#91b2d1; }



td.date		{ font-weight:bold; color:#FFFFFF; text-align:right; border-top-width:1px; border-bottom-width:0px; border-left-width:1px; border-right-width:1px; border-style:solid; border-color:#FFFFFF;padding-right:4px; }

td.ktl		{ font-weight:bold; color:#FFFFFF; text-align:left; border-top-width:1px; border-bottom-width:1px; border-left-width:1px; border-right-width:1px; border-style:solid; border-color:#FFFFFF; }

td.ktm		{ font-weight:bold; color:#FFFFFF; text-align:center; border-top-width:1px; border-bottom-width:1px; border-left-width:0px; border-right-width:1px; border-style:solid; border-color:#FFFFFF; }

td.ktr		{ font-weight:bold; color:#FFFFFF; text-align:center; border-top-width:1px; border-bottom-width:1px; border-left-width:0px; border-right-width:1px; border-style:solid; border-color:#FFFFFF; }

td.kml		{ font-weight:normal; color:#000000; text-align:left; border-top-width:0px; border-bottom-width:1px; border-left-width:1px; border-right-width:1px; border-style:solid; border-color:#FFFFFF; }

td.kmm		{ font-weight:normal; color:#000000; text-align:center; border-top-width:0px; border-bottom-width:1px; border-left-width:0px; border-right-width:1px; border-style:solid; border-color:#FFFFFF; }

td.kmr		{ font-weight:normal; color:#000000; text-align:center; border-top-width:0px; border-bottom-width:1px; border-left-width:0px; border-right-width:1px; border-style:solid; border-color:#FFFFFF; }

td.kbl		{ font-weight:normal; color:#000000; text-align:left; border-top-width:0px; border-bottom-width:1px; border-left-width:1px; border-right-width:1px; border-style:solid; border-color:#FFFFFF; }

td.kbm		{ font-weight:normal; color:#000000; text-align:center; border-top-width:0px; border-bottom-width:1px; border-left-width:0px; border-right-width:1px; border-style:solid; border-color:#FFFFFF; }

td.kbr		{ font-weight:normal; color:#000000; text-align:center; border-top-width:0px; border-bottom-width:1px; border-left-width:0px; border-right-width:1px; border-style:solid; border-color:#FFFFFF; }



table.lpo	{ font-family:Verdana,sans-serif; color:#000000; font-weight:normal; font-size:11px; border-width:1px; border-style:solid; border-color:#999999; }

table.lposhadow	{ font-family:Verdana,sans-serif; color:#000000; background-color:#FFFFFF; font-weight:normal; font-size:11px; border-width:1px; border-style:solid; border-color:#999999; }

table.shadow	{ border-width:1px; }



tr.lc1		{ background-color:#152540; }

tr.lc2		{ background-color:#b1d8f9; }

tr.hsxlc2	{ background-color:#b1d8f9; }



td.lhl		{ font-weight:bold; color:#FFFFFF; text-align:left; padding-top:2px; padding-bottom:2px; padding-left:6px; padding-right:0px; }

td.hsclhl	{ font-weight:bold; color:#FFFFFF; text-align:left; padding-top:2px; padding-bottom:2px; padding-left:6px; padding-right:0px; }

td.hsnlhl	{ font-weight:bold; color:#FFFFFF; text-align:left; padding-top:2px; padding-bottom:2px; padding-left:6px; padding-right:0px; }

td.lhm		{ font-weight:bold; color:#FFFFFF; text-align:center; }

td.hsclhm	{ font-weight:bold; color:#FFFFFF; text-align:center; }

td.hsnlhm	{ font-weight:bold; color:#FFFFFF; text-align:center; }



td.lhr		{ font-weight:bold; color:#FFFFFF; text-align:center; }

td.lcl		{ font-weight:normal; color:#000000; text-align:left; padding-top:1px; padding-bottom:1px; padding-left:6px; padding-right:0px; }

td.lc		{ font-weight:normal; color:#000000; text-align:center; }

td.lsl		{ font-weight:bold; color:#000000; text-align:left; padding-top:2px; padding-bottom:2px; padding-left:6px; padding-right:0px; }

td.ls		{ font-weight:bold; color:#000000; text-align:center; padding:0px; }



.hc 		{ text-align:center; }

.hscc 		{ text-align:center; }

.hsnc 		{ text-align:center; }

.hspc 		{ text-align:center; }

.hcd1 		{ text-align:center;border-style:none;border-left-style:solid;border-width:1px;border-color:#000000; }

.hr 		{ text-align:right;padding-right:4px; }

.hscr 		{ text-align:right;padding-right:4px; }

.hsnr 		{ text-align:right;padding-right:4px; }

.hsur 		{ text-align:right;padding-right:4px; }

.hrd1 		{ text-align:right;border-style:none;border-left-style:solid;border-width:1px;border-color:#000000;padding-right:4px; }

.hsnrd1		{ text-align:right;border-style:none;border-left-style:solid;border-width:1px;border-color:#000000;padding-right:4px; }

.hl 		{ text-align:left; }

.hscl 		{ text-align:left; }

.hsnl 		{ text-align:left; }

.hsdl 		{ text-align:left; }

.hld1 		{ text-align:left;border-style:none;border-left-style:solid;border-width:1px;border-color:#000000; }

.hscld1		{ text-align:left;border-style:none;border-left-style:solid;border-width:1px;border-color:#000000; }

.h1 		{ background-color:#152540;text-align:right;padding-right:4px; }

.h1_l		{ background-color:#152540;text-align:left; }

.h2 		{ text-align:right;color:#000000;padding-right:4px; }

.hsn2 		{ text-align:right;color:#000000; }

.hsc2 		{ text-align:right;color:#000000; }

.hsp2 		{ text-align:right;color:#000000; }

.hsu2 		{ text-align:right;color:#000000; }

.hsf2 		{ text-align:right;color:#000000; }

.h2_l 		{ text-align:left;color:#000000; }

.hsd2_l		{ text-align:left;color:#000000; }

.hsn2_l 	{ text-align:left;color:#000000; }

.hsc2_l 	{ text-align:left;color:#000000; }

.h3 		{ background-color:#990000;text-align:left; }

.h4 		{ background-color:#91b2d1;text-align:center;color:#000000; }

.h5 		{ font-weight:normal;text-align:left; }

.h6 		{ background-color:#E3E3E3;font-size:18px;text-align:left; }

.h7			{ background-color:#91b2d1;text-align:left;color:#000000; }

.h8 		{ background-color:#91b2d1;font-size:14px;text-align:left;color:#000000;padding:4px; }

.hsx		{}

.hsi		{}



/* h2 is needed for table footers with totals and averages and with a border on top */

.h2c 		{ background-color:#E3E3E3;font-weight:normal;text-align:center;color:#000000;border-top-width:1px;border-style:none;border-top-style:solid;border-color:#000000; }

.h2l 		{ background-color:#E3E3E3;font-weight:normal;text-align:left;color:#000000;border-top-width:1px;border-style:none;border-top-style:solid;border-color:#000000; }

.h2r 		{ background-color:#E3E3E3;font-weight:normal;text-align:right;color:#000000;border-top-width:1px;border-style:none;border-top-style:solid;border-color:#000000;padding-right:4px; }



/* same as h2 but without border on top */

.h3c 		{ background-color:#E3E3E3;font-weight:normal;text-align:center;color:#000000; }

.h3l 		{ background-color:#E3E3E3;font-weight:normal;text-align:left;color:#000000; }

.h3r 		{ background-color:#E3E3E3;font-weight:normal;text-align:right;color:#000000;padding-right:4px; }

.hb			{ background-color:#E3E3E3; }



.s1 		{ background-color:#E3E3E3;font-weight:normal;text-align:right;color:#000000;padding-right:4px; }

.s1_l 		{ background-color:#E3E3E3;font-weight:normal;text-align:left;color:#000000; }

/* .s1_l 		{ font-weight:normal;text-align:left;color:#000000; } */

.s2 		{ background-color:#F5F5F5;font-weight:normal;text-align:right;color:#000000;padding-right:4px; }

.s2_l 		{ background-color:#F5F5F5;font-weight:normal;text-align:left;color:#000000; } 

/* .s2_l 		{ font-weight:normal;text-align:left;color:#000000; } */

.sl			{ background-color:#FFFFFF;font-weight:normal;text-align:left;color:#000000; }

.slg		{ background-color:#E3E3E3;font-weight:normal;text-align:left;color:#000000; }

.slb		{ background-color:#FFFFFF;font-weight:bold;text-align:left;color:#000000; }

.slgb		{ background-color:#E3E3E3;font-weight:bold;text-align:left;color:#000000; }

.sc			{ background-color:#FFFFFF;font-weight:normal;text-align:center;color:#000000; }

.scg		{ background-color:#E3E3E3;font-weight:normal;text-align:center;color:#000000; }

.scb 		{ background-color:#FFFFFF;font-weight:bold;text-align:center;color:#000000; }

.scgb 		{ background-color:#E3E3E3;font-weight:bold;text-align:center;color:#000000; }

.sr			{ background-color:#FFFFFF;font-weight:normal;text-align:right;color:#000000;padding-right:4px; }

.srg		{ background-color:#E3E3E3;font-weight:normal;text-align:right;color:#000000;padding-right:4px; }

.srb		{ background-color:#FFFFFF;font-weight:bold;text-align:right;color:#000000;padding-right:4px; }

.srgb		{ background-color:#E3E3E3;font-weight:bold;text-align:right;color:#000000;padding-right:4px; }

.srp		{ background-color:#FFFFFF;font-weight:normal;text-align:right;color:#000000;padding-right:20px; }

.srgp		{ background-color:#E3E3E3;font-weight:normal;text-align:right;color:#000000;padding-right:20px; }

.srbp		{ background-color:#FFFFFF;font-weight:bold;text-align:right;color:#000000;padding-right:20px; }

.srgbp		{ background-color:#E3E3E3;font-weight:bold;text-align:right;color:#000000;padding-right:20px; }



.srd1		{ background-color:#FFFFFF;font-weight:normal;text-align:right;color:#000000;border-style:none;border-left-style:solid;border-width:1px;border-color:#000000;padding-right:4px; }

.srgd1		{ background-color:#E3E3E3;font-weight:normal;text-align:right;color:#000000;border-style:none;border-left-style:solid;border-width:1px;border-color:#000000;padding-right:4px; }

.srbd1		{ background-color:#FFFFFF;font-weight:bold;text-align:right;color:#000000;border-style:none;border-left-style:solid;border-width:1px;border-color:#000000;padding-right:4px; }

.srgbd1		{ background-color:#E3E3E3;font-weight:bold;text-align:right;color:#000000;border-style:none;border-left-style:solid;border-width:1px;border-color:#000000;padding-right:4px; }



.sld1		{ background-color:#FFFFFF;font-weight:normal;text-align:left;color:#000000;border-style:none;border-left-style:solid;border-width:1px;border-color:#000000; }

.slgd1		{ background-color:#E3E3E3;font-weight:normal;text-align:left;color:#000000;border-style:none;border-left-style:solid;border-width:1px;border-color:#000000; }



.mr		{ background-color:#FFFFFF;font-weight:normal;text-align:right;color:#406060;padding-right:4px; }

.mrg		{ background-color:#E3E3E3;font-weight:normal;text-align:right;color:#406060;padding-right:4px; }



.ml		{ background-color:#FFFFFF;font-weight:normal;text-align:left;color:#406060; }

.mlg		{ background-color:#E3E3E3;font-weight:normal;text-align:left;color:#406060; }



.rl		{ background-color:#FFFFFF;font-weight:normal;text-align:left;color:#C41200; }



select.cb	{ font-family:Verdana,sans-serif;font-size:11px;font-weight:normal;text-align:left;color:#000000;background-color:#FFFFFF; }



td.il		{ font-weight:normal;text-align:left;color:#000000; border-left-width:1px; border-left-style:solid; border-left-color:#E3E3E3; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#152540; }

td.ilb		{ font-weight:bold;text-align:left;color:#000000; border-left-width:1px; border-left-style:solid; border-left-color:#E3E3E3; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#152540; }

td.ic		{ font-weight:normal;text-align:center;color:#000000; border-left-width:1px; border-left-style:solid; border-left-color:#E3E3E3; border-top-width:1px; border-top-style:solid; border-top-color:#E3E3E3; }

td.icb 		{ font-weight:bold; text-align:center; color:#000000; border-left-width:1px; border-left-style:solid; border-left-color:#E3E3E3; border-top-width:1px; border-top-style:solid; border-top-color:#E3E3E3; }

td.ict		{ font-weight:normal;text-align:center;color:#000000; border-left-width:1px; border-left-style:solid; border-left-color:#E3E3E3; }

td.icbt		{ font-weight:bold; text-align:center; color:#000000; border-left-width:1px; border-left-style:solid; border-left-color:#E3E3E3; }

td.icgbt 	{ background-color:#E3E3E3;font-weight:bold;text-align:center;color:#000000; border-left-width:1px; border-left-style:solid; border-left-color:#E3E3E3; }

td.icgb 	{ background-color:#E3E3E3;font-weight:bold;text-align:center;color:#000000; border-left-width:1px; border-left-style:solid; border-left-color:#E3E3E3; border-top-width:1px; border-top-style:solid; border-top-color:#E3E3E3; }

td.icg 		{ background-color:#E3E3E3;font-weight:normal;text-align:center;color:#000000; border-left-width:1px; border-left-style:solid; border-left-color:#E3E3E3; border-top-width:1px; border-top-style:solid; border-top-color:#E3E3E3; }



td.gl		{ background-color:#FFFFFF;font-weight:normal;text-align:left;color:#000000; border-top-width:1px; border-top-style:solid; border-top-color:#E3E3E3; }



.txt_blue	{ color:#0A1E60; font-weight:normal; }

.txt_red	{ color:#C41200; font-weight:normal; }



/* tr_title = low table headline */

tr.title	{ background-image:url(./images/tr_title.png); background-repeat:repeat-x; font-weight:bold; color:#FFFFFF; }

tr.hsx_title	{ background-image:url(././images/tr_title.png); background-repeat:repeat-x; font-weight:bold; color:#FFFFFF; }



/* tr_title2 = mid-size table headline */

tr.title2	{ background-image:url(././images/tr_title3.png); background-repeat:repeat-x; padding:2px; font-size:12px; font-weight:bold; color:#FFFFFF; vertical-align:middle; text-align:center; }

tr.hsx_title2	{ background-image:url(./images/tr_title3.png); background-repeat:repeat-x; padding:2px; font-size:12px; font-weight:bold; color:#FFFFFF; vertical-align:middle; text-align:center; }



/* tr_title3 = higher table headline */

tr.title3	{ background-image:url(./images/tr_title2.png); background-repeat:repeat-x; padding:4px; font-size:14px; font-weight:bold; color:#FFFFFF; vertical-align:middle; text-align:center; }



/* tr_headline = row with column titles */

tr.headline	{ background-image:url(./images/tr_headline.png); background-repeat:repeat-x; font-weight:bold; color:#000000; }

/* headline normal font weight */

tr.headline_n	{ background-image:url(./images/tr_headline.png); background-repeat:repeat-x; font-weight:normal; color:#000000; }

/* headline centered */

tr.headline_c	{ background-image:url(./images/tr_headline.png); background-repeat:repeat-x; font-weight:bold; color:#000000; text-align:center; }

/* hsi lines are needed when we have additional headlines in long reports - hsi lines are bing ignored by the column sort functions */

tr.hsi_headline { background-image:url(./images/tr_headline.png); background-repeat:repeat-x; font-weight:bold; color:#000000; }

/* hsx lines are needed when the sorting ends in a table */

tr.hsx_headline { background-image:url(./images/tr_headline.png); background-repeat:repeat-x; font-weight:bold; color:#000000; }



/* fake class for panels. Attributes will be ignored by OOTP */

table.panel1	{ border-width:1px; border-style:solid; border-color:#152540; }



/* The MS Internet Explorer does NOT display any border in TR tags, so we have to use TDs for the borders on lines */

td.border_t	{ border-top-width:1px; border-top-style:solid; border-top-color:#E3E3E3; } 



/* big caption and data on player report */

.capt1		{ text-align:center; padding:0px 0px 4px 0px; font-size: 14px; font-weight:normal; color:#555555; }

.data1		{ text-align:center; font-size: 18px; font-weight:normal; color:#3466A5; }



/* caption and data on player report, top right box */

td.capt		{ text-align:left; vertical-align:top; padding:3px 2px 0px 0px; font-size: 11px; font-weight:normal; color:#555555; }

td.data		{ text-align:left; vertical-align:bottom; padding:3px 0px 0px 2px; font-size: 11px; font-weight:normal; color:#3466A5; }

td.datar	{ text-align:right; vertical-align:bottom; padding:3px 2px 0px 2px; font-size: 11px; font-weight:normal; color:#3466A5; }



/* caption in bars tables */

.capt2		{ text-align:center; font-size: 14px; font-weight:normal; color:#555555; padding:0px 4px 0px 4px; }



/* colored table cells on player report */

.captl		{ background-color:#FFFFFF; font-size: 11px; font-weight:normal; text-align:left; color:#000000; }

.captlg		{ background-color:#E3E3E3; font-size: 11px; font-weight:normal; text-align:left; color:#000000; }

.dl            { text-align:left; }
.dr            { text-align:right; }
.dc            { text-align:center; }
td.datac0	{ text-align:center; color:#555555; }
td.datac1   { text-align:center; color:#CC0000; }
td.datac2   { text-align:center; color:#ED6607; }
td.datac3   { text-align:center; color:#A7A000; }
td.datac4   { text-align:center; color:#008100; }
td.datac5   { text-align:center; color:#0E5A6F; }
td.datac6   { text-align:center; color:#104EFF; }

tr.r1		{ background-color:#FFFFFF; }

tr.r2		{ background-color:#E3E3E3; }



/* these are supposed to be the tr styles for data tables which will replace the sl, slg, sr, srg and so on */

tr.r		{ background-color:#FFFFFF; font-weight:normal; text-align:right; color:#000000; padding-right:4px; }

tr.rg		{ background-color:#E3E3E3; font-weight:normal; text-align:right; color:#000000; padding-right:4px; }



/* these are supposed to replace the sl, sc, sr ... styles and do not have bg colors */

td.cl		{ font-weight:normal;text-align:left;color:#000000; }

td.clb		{ font-weight:bold;text-align:left;color:#000000; }

td.cc		{ font-weight:normal;text-align:center;color:#000000; }

td.ccb 		{ font-weight:bold;text-align:center;color:#000000; }

td.cr		{ font-weight:normal;text-align:right;color:#000000;padding-right:4px; }

td.crb		{ font-weight:bold;text-align:right;color:#000000;padding-right:4px; }

/* Chart Styling */
div.chart-tooltip {
     position: absolute;
     text-align: center;
     padding: .5rem;
     background: #FFFFFF;
     color: #313639;
     border: 1px solid #313639;
     border-radius: 8px;
     pointer-events: none;
     font-size: 1rem;
	 z-index: 100;
}

/******************************************* OOTP Adjustments *******************************************/
/* Ratings */
.rating_00,
.rating_01,
.rating_02,
.rating_03,
.rating_04
{
	font-weight:bold;
	color:#DD5533;
}
.rating_05,
.rating_06,
.rating_07,
.rating_08
{
	font-weight:bold;
	color:#FA7000;
}
.rating_09,
.rating_10,
.rating_11,
.rating_12
{
	font-weight:bold;
	color:#D6BF00;
}
.rating_13,
.rating_14,
.rating_15,
.rating_16
{
	font-weight:bold;
	color:#117722;
}
.rating_17,
.rating_18,
.rating_19,
.rating_20
{
	font-weight:bold;
	color:#44BBDD;
}
