td.b, p.b, span.b       {font-weight: bold;}
/* -----------  General Maintenance Page Layout  -------- */
.Label                  {font-size: 9pt; font-weight: bold; text-align: right; white-space: nowrap;}
.Data, .xData select, .xData input
                        {font-size: 9pt;}
.fw                     {font: normal 10pt Courier New, Courier, Monospace;}
.xData select, .xData input
                        {margin: 0px 0px -2px 0px;}
td.FillerCell           {display: block; padding: 0px;}
.ThinTop                {border-top: 1px solid #6da3a7;}
.MoreDesc               {font-size: 8.5pt; padding-left: 20px; color: #2248ff; display: none;}
.MoreInst               {width: 300px; border: 1px solid #2020ff; background-color: #f0f0ff;
                          display: none; position: absolute; z-Index: 2;}
.scrollBody             {height: 400px; overflow: auto; border-bottom: 1px solid #a0a0a0;}
.scrollBoxPadded        {padding-right: 8px;}

.TogInst, .togInfo      {font: normal 10pt Courier New, Courier, Monospace; text-decoration: none; padding: 0px 2px;}
.TogInst                {border: solid 1px #a0a0ff;  background-color: #e8e8ff;}
.togInfo                {border: solid 1px #ff750f;  background-color: #ffebcc; margin-top: 3px;}
                        /* -- togAdd is green 'Add' button, was on LeagueTeams, abandoned */
.togAdd                 {font-size: 8.5pt; border: solid 1px #00a000;  background-color: #c0ffc0; padding: 2px 4px;}
.togAdd, .togAdd:link, .togAdd:visited
                        {color: #000000; text-decoration: none;}
.togAdd:hover           {text-decoration: underline;}
.ToDo                   {color: #d00000;}
.Alert                  {color: #d00000;}
.TallLine p             {line-height: 23px;}
.HiLite1                {background-color: #e0ffe0;}
.w85                    {width: 85%; margin: auto;}

/* -----------  General Table Layout  -------- */
/* -- datTbl -- */                     /* data table */
.datTbl                 {font-family: inherit; margin: 10px auto; outline: 1px solid #000000; border-collapse: collapse;}
.xdatTbl                   {width: 100px;}
.datTbl td, .datTbl th  {text-align: center; border: solid 1px #c0c0c0;}
.datTbl thead.title th:first-child span
                        {display: inline-block; margin-bottom: 5px; padding: 0px;} /* titleText */
.datTbl .headerRow th   {font-weight: normal; font-size: 9.5pt; vertical-align: bottom;}
.datTbl td              {vertical-align: top; padding-bottom: 2px;}
.datTbl td.label        {font-weight: bold; text-align: right; white-space: nowrap;}
                        /*  font-size: 9pt; padding: 2px 4px 2px 4px; vertical-align: top; */
.datTbl td.data         {text-align: left;}
.datTbl .subTitleRow td:first-child
                        {font-weight: bold;}                    /* sub-title cell */
.datTbl input, .datTbl select, .datTbl textarea
                        {font-size: 9pt; vertical-align: middle; margin: 0px; padding: 0px; background-color: #ffffc8}
.datTbl select, .datTbl textarea
                        {border: solid 1px #a0a0a0; padding: 0px; margin-top: -2px;}
.datTbl textarea        {padding: 3px;}
.datTbl input[type="radio"], .datTbl input[type="checkbox"]
                        {margin: 2px 3px;}
.datTbl input[type="text"], .datTbl input[type="password"]
                        {border: solid 1px #a0a0a0; height: 16px; margin-top: -2px;}
.datTbl .spcr td        {padding: 0px;}
.datTbl .spcr hr        {margin: 0px; padding: 0px; border: 0px; height: 1px; background: #ffffff;}
.datTbl .spcr hr.dbg    {background: #000000;}
.datTbl .spcr hr.colf   {width:  100%;}
.datTbl th.pla, .datTbl td.pla
                        {text-align: left; padding-left: 5%;}   /* padded left-align */
.datTbl .ar1            {text-align: right;}
.datTbl .ar2            {text-align: right; padding-right: 5px;}
.datTbl .ac1            {text-align: center;}
.datTbl .dataSmall      {color: #000000; font-size: 8.5pt;}
.datTbl .reqdVal        {color: #ff0000; font-size: 8.5pt;}
.datTbl .ButRow         {padding: 0px;}
.datTbl a.button        {height: 16px; margin: 0px 1px; background: url(../images/backgrounds.png) #c0c0c0 repeat-x 0px -602px;}

.datTbl select.s3       {width: 70px;}

.colTbl td              {text-align: left;}
.colTbl tfoot tr.butRow:first-child td
                        {text-align: left; padding: 15px;}  /* buttons in footer */

.schedTeamsTbl          {width: 400px;}
.schedTeamsTbl tbody td {text-align: left;}
.schedTbl               {font-size: 9pt;}

/* -----------  General Data Presentation  -------- */
.DataList               {border-left: 1px solid #6da3a7;}
.DataList div           {padding: 5px;}
.DataList p             {margin: 0px 3px 0px 10px; padding: 2px 0px 2px 0px;}
.DataList p .indList    {margin: 0px 3px 0px 20px; font-size: 8pt;}
.DataList p a           {color: #000000; text-decoration: none;}
.DataList p a:hover     {text-decoration: underline;}
.DataList a.Sel         {color: #104090; background-color: #ffffb3;}
.DataList p.Next        {color: #104090; background-color: #b3ffff;}
.DataList a.buttonDis   {color: #a0a0a0; font-size: 10pt;}
.DataList hr            {width: 75%;}
.tipList ul             {padding-left: 10px; margin: 6px;}

.DataTbl, .YSSelTbl          {margin: 10px auto; border: 0px solid #000000; border-collapse: collapse;}
.DataTbl th, .YSSelTbl th    {font-size: 10pt; font-weight: bold; text-align: center; padding: 3px;}
.DataTbl th, .DataTbl td, .YSSelTbl th, .YSSelTbl td
                             {border: solid 1px #c0c0c0; vertical-align: bottom;}
.DataTbl td, .YSSelTbl td, .ButL, .ButR
                             {font-size: 9pt;}
.DataTbl td                  {text-align: left; padding: 1px 2px 2px 2px;}
.narCol2Tbl                  {width: 400px; padding-left: 5px;}
.medCol2Tbl                  {width: 510px; padding-left: 5px;}
.YSSelTbl td, .ButL, .ButR   {padding: 4px 3px 4px 4px;}
.YSSelTbl select             {background-color: #e0ffe0;}
tr.Spcr td          {padding: 0px;}
.DataTbl td.ac               {text-align: center;}
.DataTbl td.ar1              {text-align: right; padding-right: 2px; padding-left: 2px;}
.DataTbl td.ar2              {text-align: right; padding-right: 10px;}
.ScoreSlotDescrip            {text-align: left; white-space: nowrap;}
.DataTbl td.VTop, .DataTbl tr.VTop td
                             {vertical-align: top;}
.DataTbl td.VTopF            {vertical-align: top; padding-top: 8px;}
.DataTbl td.inp              {padding: 0px 2px 0px 2px;}
.DataTbl input, .DataTbl select, .DataTbl textarea
                             {font-size: 9pt; vertical-align: middle; margin: 0px; padding: 0px; background-color: #ffffc8}
.DataTbl input               {height: 15px;}
.DataTbl select              {height: 18px;}
.DataTbl input.chk, .DataTbl input.rad
                             {background-color: #ffffff; margin: 0px; padding: 0px 2px 0px 4px; border: none;}
.DataTbl input.s1            {width: 30px; text-align: center;}
.DataTbl input.t1            {width: 35px; text-align: center;}
.DataTbl input.t4            {width: 85px;}
.DataTbl select.s1           {width: 40px;}
.DataTbl select.s2           {width: 55px;}
.DataTbl select.s3           {width: 70px;}
.DataTbl select.s4           {width: 90px;}
.DataTbl select.s5           {width: 125px;}
.DataTbl select.s6           {width: 200px;}
.DataTbl select.s9           {width: 300px;}
.BotRow td                   {height: 40px; text-align: left; vertical-align: middle; padding-left: 20%;}
.ButL                        {float: left;}
.ButR                        {float: right;}
.DataTbl td.Label, .MedRow td.Label
                             {font-size: 9pt; font-weight: bold; text-align: right; white-space: nowrap;}
.DataTbl td.Label            {padding: 2px 4px 2px 4px; vertical-align: top;}
.MedRow td.Label             {padding: 3px 4px 4px 6px;}
.MedRow td.Data              {padding-left: 4px;}
.MedRow td.DataText          {padding: 3px 2px 4px 6px;}

.DataTbl td.indent           {padding: 10px 20px;}
.DataTbl td.ButList          {padding: 0px; vertical-align: bottom;}
.DataTbl .DataSmall          {font-size: 8pt;}
.DataTbl .ButList ul         {margin: 0px; padding: 0px; white-space: nowrap;}
.DataTbl .ButList ul.indent  {margin-left: 40px;}
.DataTbl .ButList ul.r       {float: right;}
.DataTbl .ButList li         {float: left; list-style: none; padding: 1px 2px 0px 2px; text-align: center; border: solid 1px #a0a0a0;}
.DataTbl .ButList li.m2, .DataTbl .ButList li.m3, .DataTbl .ButList li.m4, .DataTbl .ButList li.m6
                             {height: 16px; margin: 0px 1px; background: url(../images/backgrounds.png) #c0c0c0 repeat-x 0px -602px;}
.DataTbl .ButList li.m2      {width: 35px;}
.DataTbl .ButList li.m3      {width: 45px;}
.DataTbl .ButList li.m4      {width: 65px;}
.DataTbl .ButList li.m6      {width: 100px;}
.DataTbl .ButList a          {color: #000000; text-decoration: none; padding: 0px 6px; margin: 0px}
.DataTbl .ButList li.dis a   {color: #a0a0a0;}
.DataTbl .ButList li a       {width: 100%; height: 100%;}
.DataTbl .ButList li.n2, .DataTbl .ButList li.n3, .DataTbl .ButList li.n4
                             {font-size: 10pt; height: 22px; margin: 0px 1px; padding: 0px;
                               background: url(../images/backgrounds.png) #c0c0c0 repeat-x 0px -596px;}
.DataTbl .ButList li.n2      {width: 65px;}
.DataTbl .ButList li.n3      {width: 65px;}
.DataTbl .ButList li.n4      {width: 65px;}
.MoreInfoTbl                 {width: 100%; background-color: #e2f0e9;}
.MoreInfoTbl td.Data         {width: 150px;}

.GridSel td.sel              { background-color: #c8ffff}

/* ------ tidy method ----- */
td.buttonCellM               {text-align: right; vertical-align: bottom; padding: 0px;}
.buttonCellM a               {font-size: 9pt; color: #000000; text-decoration: none; text-align: center;
                               display: inline-block; height: 16px;
                               margin: 0px 1px; border: solid 1px #a0a0a0; padding: 3px 0px 0px 0px;
                               background: url(../images/backgrounds.png) #c0c0c0 repeat-x 0px -602px;}

.ButRow span                 {display: inline-block; height: 35px; padding: 10px 0px 0px 15%;}
.ButRow.t span               {height: 25px; padding: 2px 0px 3px 5%;}
.ButRow a                    {font-size: 10pt; color: #000000; text-decoration: none; text-align: center;
                               display: inline-block; border: solid 1px #a0a0a0;}
.buttonCellM .m2             {width: 35px;}
.ButRow .m3, .ButCell .m3, .buttonCellM .m3     {width: 45px;}
.ButRow .m4, .ButCell .m4, .buttonCellM .m4     {width: 65px;}
.ButRow .n2, .ButCell .n2    {width: 40px;}
.ButRow .n3                  {width: 55px;}
.ButRow .n4, .ButCell .n4    {width: 75px;}
.ButRow .n5                  {width: 110px;}
td.vam                       {vertical-align: middle;}
td.ButCell                   {text-align: right; vertical-align: middle; padding: 0px;}
.ButCell a                   {font-size: 10pt; font-weight: normal; color: #000000; text-decoration: none; text-align: center;
                               display: inline-block; margin: 0px 1px; border: solid 1px #a0a0a0;}
.ButRow a[class^='m'], .ButCell a[class^='m']
                             {font-size: 9pt; margin: 0px 1px 0px 2px;
                              height: 16px; padding: 3px 0px 0px 0px; background: url(../images/backgrounds.png) #c0c0c0 repeat-x 0px -602px;}
.ButRow a[class^='n']        {margin: 0px 0px 0px 8px;}
.ButCell a[class^='n'], .ButRow a[class^='n']
                             {height: 19px; padding: 3px 0px 0px 0px; background: url(../images/backgrounds.png) #c0c0c0 repeat-x 0px -597px;}
.ButRow a.dis, .ButCell a.dis {color: #a0a0a0;}
.ButRow a.n, .ButCell a.n    {padding-left: 8px; padding-right: 8px;}
.DataList .ButCol            {padding: 0px;}
.ButCol a                    {margin: 3px 0px 0px 8px;}


/* -----------  Specific Element Layout (list after General stuff above to take precedence)  -------- */
.moreInfoBox                 {width: 450px; border: 1px solid #ff750f; background-color: #ffebcc;
                               display: none; position: absolute; z-Index: 2;}
.moreInfoBox .scrollPopBox   {min-height: 100px; max-height: 250px; overflow: auto; border-top: 1px solid #ff750f;}
.moreInfoBox .scrollPopBox p {margin: 0px; padding: 1px 2px 0px 7px;}
.moreInfoBox .scrollPopBox .errText {font-size: 8.5pt; color: #B00000;}
.moreInfoBox .scrollPopBox hr {height: 1px; background-color: #ff750f; border: solid 0px #ff750f;}
td.moreInfoCell              {padding-top: 3px; vertical-align: top;}

.TeamSmallText               {font-weight: normal; font-size: 8.5pt;}
#EnterResultsTable           {width: 500px;}
#StandingsResultsTable       {width: 400px;}
.YearSelect                  {width: 100px;}
.SeasonSelect                {width: 120px;}
.MsgSelect                   {width: 300px;}
.YSSelTbl select.s4          {width: 90px;}
.SelDate p                   {text-align: right;}
.ListSep                     {border-top: solid 1px #c0c0c0;}
.jumpList                    {line-height: 18px;}
td.xtraPad                   {padding: 8px 4px;}

/* -----------  Scroll table  -------- */
/* reference: http://www.cssbakery.com/2010/12/css-scrolling-tables-with-fixed.html */
/* specify this section after above tables */
div.scrollTableOuter    {position: relative; border: 1px solid #c0c0c0; padding-top: 40px; margin: 10px auto;}
div.scrollTableInner    {height: 400px; overflow: auto; border: 0px solid #00ff00;}
table.scrollTbl         {margin: 0px;}
table.scrollTbl > thead   {left: 0; top: 0; position: absolute;}
table.scrollTbl th, table.scrollTbl td
                        {border-left-width: 0px; border-top-width: 0px;}