::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #c0c0c0;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #c0c0c0;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #c0c0c0;
}

img{pointer-events: none;};

	
.listTable
{  border-radius: 0;
   background-color:  transparent;
   background-image: none;
   border-collapse: separate; 
   width: 100%; 
}
.listTable12
{  position:absolute;
   top:-12px;
   border-radius: 0;
   background-color:  transparent;
   background-image: none;
   border-collapse: separate; 
   width: 100%; 
}

.listTableHead 
{
  display: block;
  overflow-y: auto;  
  overflow-x: hidden; 
  border-spacing: 0px 2px;
}

.listTableHeadB0
{
  display: block;
  overflow-y: auto;  
  overflow-x: hidden; 
  border-spacing: 0px 0px;
}

.listTableBody 
{
/*   height: 184px;  */
  display: block;
  overflow-y: auto;  
  overflow-x: hidden; 
  border-spacing: 0px 2px;
  border:1px solid #dcdcdc;;
}

/*.noticeTable
{  border-radius: 0;
   background-color:  transparent;
   background-image: none;
   border-collapse: separate; 
   width: 100%; 
 
   border:0px;
   padding:6;
   border-spacing:0px;
}

.noticeTableHead 
{
  display: block;
  overflow-y: auto;  
  overflow-x: hidden; 
  border-spacing: 0px 2px;
}
*/
.noticeTableBody 
{
 // height: 384px; 
  display: block;
  overflow-y: auto;  
  overflow-x: hidden; 
  border-spacing: 0px 2px;
}

.APListTableBody /* Account Players */
{  height: 210px !important; }

.APxListTableBody /* Account Players */
{  height: 260px !important; }

.APHiddenListTableBody  /* Account Players */
{  height: 180px !important; }

.AGListTableBody /* Account Games */
{  height: 252px !important; }

.LPListTableBody /* League Players */
{  height: 190px !important; }

.AGHiddenListTableBody  /* Account Games */
{  height: 180px !important; }

.AHListTableBody /* Account History Games */
{  height: 236px !important; }

.MPListTableBody /* League Match Players */
{  height: 134px !important; }

.MSListTableBody /* match Scores - games */
{  height: 282px !important; }

.MRListTableBody /* match Results */
{  height: 270px !important; }

.MRSListTableBody /* match Results - summary*/
{  height: 134px !important; }

.TPListTableBody /* Team Players */
{  height: 220px !important; }

.NBListTableBody /* Noticeboard */
{  height: 384px !important; }

.MTListTableBody /* Match Table */
{  height: 214px !important; }

.FAQListTableBody /* FAQ list */
{  height: 240px !important; }

.startTextSelect{
    -webkit-touch-callout: auto;
    -webkit-user-select: auto;
    -khtml-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}
.stopTextSelect{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.strikeThruWhite {
  background: linear-gradient(to top, #FFFFFF 0%, #FFFFFF 46%, #FF0000 49%, #FF0000 51%, #FFFFFF 54%, #FFFFFF 100%) !important;
  text-align: left;
  border-radius: 6px;
  border: 1px solid #A9A9A9;  /* dark gray */
  color: black;
  padding-left: 4px;
}   
.strikeThruWhite:focus
{
  border-radius: 6px;
  border: 2px solid #5C9AD1;  /* dark blue */
  outline: none;  
}

.strikeThruTransparent {
   background: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0) 46%, #FF0000 49%, #FF0000 51%, rgba(0,0,0,0) 54%, rgba(0,0,0,0) 100%) !important;
}   

.strikeThruGray {
   background: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0) 46%, #a9a9a9 49%, #a9a9a9 51%, rgba(0,0,0,0) 54%, rgba(0,0,0,0) 100%) !important;
}   

.editInput
{ text-align: left;
  border-radius: 6px;
  border: 1px solid #A9A9A9 !important;  /* dark gray */
  color: #2E6DA4 !important; /* dark blue */
  background-color: white !important; 
  padding-left: 4px;
}
.editInput:focus
{
  border-radius: 6px;
  border: 2px solid #5C9AD1 !important;  /* dark blue */
  outline: none;  
}

.editText
{ text-align: left;
  border-radius: 6px;
  border: 1px solid #A9A9A9 !important;  /* dark gray */
  color: black !important;
  background-color: white !important; 
  padding-left: 4px;
}
.editText:focus
{
  border-radius: 6px;
  border: 2px solid #5C9AD1 !important;  /* dark blue */
  outline: none;  
}

.editNumeric
{ text-align: right;
  border-radius: 6px;
  border: 1px solid #A9A9A9 !important;  /* dark gray */
  color: #2E6DA4 !important; /* dark blue */
  background-color: white !important; 
  padding-right: 6px;
}
.editNumeric:focus
{ text-align: left;
  border-radius: 6px;
  border: 2px solid #5C9AD1 !important;  /* dark blue */
  outline: none;  
}
.viewNumeric
{ text-align: right;
  color: #2E6DA4 !important; /* dark blue */
// border-radius: 6px;
// border: 1px solid #A9A9A9 !important;  /* dark gray */
  background-color: white !important; 
  padding-right: 6px;
}

.cellData
{ color: #2E6DA4 !important; 
  max-width: fit-content !important; 
  width: 30px !important; 
  text-align: right;
//  border-radius: 3px;
//  border: 0px !important;  
  background-color:  transparent !important; // #dcdcdc52
  padding-right: 6px;
}

.cellDataBlack
{ color: black !important; 
  max-width: fit-content !important; 
  width: 30px !important; 
  text-align: right;
  background-color:  transparent !important; // #dcdcdc52
  padding-right: 6px;
}

.cellDataLight
{ color: #4c90cb !important; 
  max-width: fit-content !important; 
  width: 30px !important; 
  text-align: right;
  background-color:  transparent !important; // #dcdcdc52
  padding-right: 6px;
}

.blindCell
{ text-align: right;
  border-radius: 6px;
  border: 1px solid #A9A9A9 !important;  
  background: linear-gradient(to top, #b1d5f5 0%, rgba(255,255,255,0.00) 50%);
  color: #2E6DA4 !important; 
  padding-right: 6px;
}

.cellDataNoWidth /* noticeBoard */
{ color: #2E6DA4 !important; 
  max-width: fit-content !important; 
  text-align: left;
  border-radius: 3px;
  border: 1px gray dotted !important;  
  background-color:	transparent !important;
}

.cellPoints
{ text-align: center;
  color: #e19509   !important; 
  border-radius: 16px;
  border: 1px dotted   !important;  
  max-width: fit-content !important; 
  width: 20px !important; 
  font-weight:800;
  outline: none;  
}

.cellPointsWon
{ text-align: center;
  color: #e19509   !important; 
//  border-radius: 16px;
//  border: 1px dotted   !important;  
  max-width: fit-content !important; 
  font-weight:800;
  outline: none;  
}

.cellPointsNoWidth
{ text-align: center;
  color: #e19509   !important; 
  border-radius: 16px;
  border: 1px dotted   !important;  
  max-width: fit-content !important; 
  font-weight:800;
  outline: none;  
}

.cellPointsText
{ text-align: center;
  color: #e19509a8  !important; 
/*  max-width: fit-content !important;  */ /* firefox */
  font-weight:800;
  outline: none;  
}

.cellPointsTotal
{ text-align: center;
  color: #e19509a8  !important; 
  border-radius: 16px;
  border: 2px dotted   !important;  
  max-width: fit-content !important; 
  width: 30px !important; 
  font-weight:800;
  outline: none;  
}


.cellPointsResults
{ text-align: center;
  color: #6060e2   !important; 
  border-radius: 16px;
  border: 1px dotted  #e19509a8 !important;  
  font-weight:800;
  outline: none;  
}
.cellPointsTotalResults
{ text-align: center;
  color: #6060e2   !important; 
  border-radius: 16px;
  border: 2px dotted  #e19509a8 !important;  
  font-weight:800;
  outline: none;  
}

.cellPointsMatchResults
{ text-align: center;
  color: #2e74b5   !important; 
  border-radius: 16px;
  background-color:#e7cd9c;
  border: 2px dotted  #e19509a8 !important;  
  font-weight:800;
  outline: none;  
}
.cellPointsIcon
{ text-align: center;
  color: #e19509a8  !important; 
  border-radius: 16px;
  border: 1px dotted   !important;  
  max-width: fit-content !important; 
  width: 220px !important; 
  font-weight:800;
  outline: none;  
}
.cellPointsTitle
{ text-align: center;
  color: #e19509a8  !important; 
  max-width: fit-content !important; 
  font-weight:800;
  outline: none;  
  padding-left: 1px !important; /* alignment */
}
.spacer
{ max-width: fit-content !important; 
  width: 2px !important; 
}

/* #2E6DA4;  dark blue */
/* #5C9AD1;  light blue */

.viewText
{ text-align: left;
  color: #2E6DA4 !important; /* dark blue */
  background-color:	transparent !important;
  padding-left: 4px;
}

.viewTextBold
{ text-align: left;
  color: #2E6DA4 !important; /* dark blue */
  background-color:	transparent !important;
  font-weight:800;
  padding-left: 4px;
}

.viewTextItalic
{ text-align: left;
  color: #2E6DA4 !important; /* dark blue */
  background-color:	transparent !important;
  font-style: oblique;
  padding-left: 4px;
}

.headingText
{ border-radius: 6px;
  border: 1px solid #A9A9A9 !important;  /* dark gray */
  color: #2E6DA4 !important; /* dark blue */
  background-color: white !important; 
  text-align: center;
  vertical-align: middle;
  padding: 4px;
}

.headingText2
{ border-radius: 6px;
  border: 1px solid #A9A9A9 !important; 
  color: white !important; 
  background-color: #2E6DA4  !important; 
  text-align: center;
  vertical-align: middle;
  padding: 4px;
}

.hiddenText
{ text-align: left;
  color: #A9A9A9; 
  background-color:	transparent;
  padding-left: 4px;
}
.notAssignedText
{ text-align: left;
  color: #5C9AD1;  /* light blue */
  background-color:	transparent;
  padding-left: 4px;
}

.textCentre
{ text-align: center;
  color: black;
}
.textCentreBlackish
{ text-align: center;
  color: #5A5A5A;
}

.textCentreTop
{ text-align: center;
  vertical-align: top;
}
.textCentreMiddle
{ text-align: center;
  vertical-align: middle;
}
.textCentreBottom
{ text-align: center;
  vertical-align: bottom;
}
.alignFontBottom
{ position: relative;
  top: 4px
}
.textLeft
{ text-align: left;
  color: black;
}
.textLeftBottom
{ text-align: left;
  vertical-align: bottom;
}
.textLeftMiddle
{ text-align: left;
  vertical-align: middle;
}
.textRightMiddle
{ text-align: right;
  vertical-align: middle;
}
.textRight
{ text-align: right;
}
.textDarkBlue
{ color: #2E6DA4 !important;  /* dark blue */
}
.boxDarkBlue
{ color: #2E6DA4 !important;  /* dark blue */
  background-color: white !important; 
}

.textMidBlue
{ color: #4083bd !important;  /* Mid blue */
}
.textLightBlue
{ color: #5C9AD1 !important;  /* light blue */
  background-color:	transparent !important;
}
.textGray
{ color: #A6A6A6 !important;  /* Gray */
}
.textDarkGray
{ color: #7F7F7F !important;  /* Dark Gray */
}

.textGrayAlign
{ color: #A6A6A6 !important;  /* Gray */
  padding-left: 1px !important; /*alignment */
}

.textLightGray
{ color: #B8B8B8 !important;  /* Light Gray */
}
.enlargeRadioButton
{ -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Chrome, Safari, Opera */
   transform: scale(1.5);
}
	
.textNavy
{ color: #000080 !important;  /* Navy */
}

.sortCell
{ color:  #7c7c7c !important; 
  border-radius: 6px;
  background-color: #5c9ad133 !important; 
  border-width:thin !important; 
  border: 1px solid #9DC2E3 !important;
  padding-top: 2px;
  padding-bottom: 2px;
}
.sortCellPoints
{ color:  #e19509e0 !important; 
  border-radius: 6px;
  background-color: #5c9ad133 !important; 
  border-width:thin !important; 
  border: 1px solid #9DC2E3 !important;
  padding-top: 2px;
  padding-bottom: 2px;
}

.selectCursor
{ cursor: pointer;
}

.noCursor
{ cursor: auto;
}

.noBottomBorder
{
  border-bottom:1pt solid transparent; 
}
.bottomBorder
{
  border-bottom:1pt solid #9DC2E3; /* #A9A9A9; */
  border-width:thin;
}

.bottomBorderScreen /* not available in whatabowlerprint.css */
{
  border-bottom:1pt solid #9DC2E3; /* #A9A9A9; */
  border-width:thin;
}


.bottomBorderMedium
{ border-bottom:5pt groove #9DC2E3;
  border-width:medium;
}
.bottomBorderThin
{ border-bottom:4pt groove #5C9AD1;
  border-width:thin;
}
.bottomBorderGray
{ border-bottom:1pt dotted #CDCDCD; 
  border-width:thin;
}
.bottomBorderGrayDashed
{ border-bottom:2pt dashed #CDCDCD; 
  border-width:thin;
}

.topBorderThin
{ border-top:4pt groove #5C9AD1;
  border-width:thin;
}
.topBottomBorderThin
{ border-top:4pt solid #5C9AD1;
  border-bottom:4pt solid #5C9AD1;
  border-width:thin;
}

.squareBorder1
{  border: 1px solid #9DC2E3;
}
.squareBorder2
{ border: 1px solid Gray}

.topBorderMedium
{ border-top:5pt groove #5C9AD1;
  border-width:medium;
}

.leftBorder
{
  border-left:1pt solid #9DC2E3; 
  border-width:thin;
}
.rightBorder
{
  border-right:1pt solid #9DC2E3; 
  border-width:thin;
}

.fontAwesomeCell
{
   height: 16px;
   width: 16px;
   margin-left: auto;
   margin-right: auto;
}
.fontAwesomeCell i
{
   display: inline-block;
   font-size: 22px;
   width: 16px;
   line-height: 12px; 

/*    vertical-align: middle; */
/*    color: #5C9AD1; */
/*   line-height: 16px; */
/*   cursor:pointer; */
}

.showText
{ display: inline-block;}
.hideText
{ display: none;}
.showTextPrint
{ display: inline-block;} /* { display: none;} in whatabowlerprint.css */

.cellBorder
{
   border: 1px solid #CCCCCC;
   border-radius: 4px;
}
.lineHeight22{
line-height: 22px;}

/* ////////////////// */
.width6
{ max-width: 6px; 
  width: 6px; }
.width10
{ max-width: 10px; 
  width: 10px; }
.width16
{ max-width: 16px; 
  width: 16px; }
.width20
{ max-width: 20px; 
  width: 20px; }
.width24
{ max-width: 24px; 
  width: 24px; }
.width26
{ max-width: 26px; 
  width: 26px; }
.width30
{ max-width: 30px; 
  width: 30px; }
.width33
{ max-width: 33px; 
  width: 33px; }
.width34
{ max-width: 34px; 
  width: 34px; }  
.width35
{ max-width: 35px; 
  width: 35px; }  
.width38
{ max-width: 38px; 
  width: 38px; } 
.width40
{ max-width: 40px;
  width: 40px; }

.width40x
  { max-width: 40px;
    width: 40px; }
  
.width45
{ max-width: 45px;
  width: 45px; }
.width50
{ max-width: 50px;
  width: 50px; }

.width50x
  { max-width: 50px;
    width: 50px; }

.width55
{ max-width: 55px;
  width: 55px; }
.width60
{ max-width: 60px;
  width: 60px; }
.width65
{ max-width: 65px;
  width: 65px; }
.width70
{ max-width: 70px;
  width: 70px; }
.width76
{ max-width: 76px;
  width: 76px; }
.width80
{ max-width: 80px;
  width: 80px; }
.width90
{ max-width: 90px;
  width: 90px; }
.width92
{ max-width: 92px;
  width: 92px; }
.width94
{ max-width: 94px;
  width: 94px; }
.width96
{ max-width: 96px;
  width: 96px; }
.width98
{ max-width: 98px;
  width: 98px; }
.width100
{ max-width: 100px;
  width: 100px; }
.width110
{ max-width: 110px;
  width: 110px; }
.width120
{ max-width: 120px;
  width: 120px; }
.width130
{ max-width: 130px;
  width: 130px; }
.width140
{ max-width: 140px;
  width: 140px; }
.width150
{ max-width: 150px;
  width: 150px; }
.width160
{ max-width: 160px;
  width: 160px; }
.width170
{ max-width: 170px;
  width: 170px; }
.width180
{ max-width: 180px;
  width: 180px; }
.width190
{ max-width: 190px;
  width: 190px; }
.width200
{ max-width: 200px;
  width: 200px; }
.width210
{ max-width: 210px;
  width: 210px; }
.width220
{ max-width: 220px;
  width: 220px; }
.width230
{ max-width: 230px;
  width: 230px; } 
.width240
{ max-width: 240px;
  width: 240px;  }
.width250
{ max-width: 250px;
  width: 250px;  }
.width260
{ max-width: 260px;
  width: 260px;  }
.width270
{ max-width: 270px;
  width: 270px;  }
.width280
{ max-width: 280px;
  width: 280px;  }  
.width300
{ max-width: 300px; 
  width: 300px; }
.width320
{ max-width: 320px; 
  width: 320px; }
.width330
{ max-width: 330px; 
  width: 330px; }  
.width340
{ max-width: 340px;
  width: 340px; }
.width350
{ max-width: 350px;
  width: 350px; }
.width360
{ max-width: 360px;
  width: 360px; }
.width370
{ max-width: 370px;
  width: 370px; }  
.width380
{ max-width: 380px;
  width: 380px; }
.width400
{ max-width: 400px;
  width: 400px; }
.width500
{ max-width: 500px;
  width: 500px; }
.width560
{ max-width: 560px;
  width: 560px; }
.width600
{ max-width: 600px;
  width: 600px; }
.width700
{ max-width: 700px;
  width: 700px; }
.width800
{ max-width: 800px;
  width: 800px; }


.textTruncate
{ overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;}

.textTruncateWrap
  { overflow: hidden;
    text-overflow: ellipsis;}
  
.textClip
{ overflow: hidden;
  text-overflow: clip;
  white-space: nowrap;
}

.separationrow
{
  line-height: 1px; 	
  padding: 0px;
}

.rowselected
{ background-image: linear-gradient(3deg, #dcdcdc, #ffffff 40%, #5c9ad1);
 background-size: 6px 2px;
/*    background-position: 0 0, 8px 8px; */
/*background: #9dc2e396;*/
/*background: ghostwhite*/
}


.gradientBottomUp
{ background: linear-gradient(to top, #b1d5f5 0%, rgba(255,255,255,0.00) 50%);
}

.gradientTopDown
{ background: linear-gradient(to bottom, #b1d5f5 0%, rgba(255,255,255,0.00) 50%);
}
.transparentBG
{ background-color:  transparent;
}
.patternselected
{ -webkit-animation: phil---animate-box-shadow---lightblue 1000ms linear 0ms infinite normal both;
   -moz-animation: phil---animate-box-shadow---lightblue 1000ms linear 0ms infinite normal both;
   animation: phil---animate-box-shadow---lightblue 1000ms linear 0ms infinite normal both;
   border: 2px solid #FFA500 !important;
   border-radius: 6px !important;
}   
.patternOrigin
{ background-color:  white !important;
}

.patternOriginSelected
{ box-shadow: 0px 0px 8px #2E6DA4 !important;
  background-color: #5C9AD1 !important;
}

.signon_slideup
{ /* position: relative !important; */
  top: 146px !important; /* 106 + 60px  - was 166px*/
  overflow-y: hidden;
 -webkit-transition: top 0.2s ease-in-out;
 -moz-transition: top 0.2s ease-in-out;
 -o-transition: top 0.2s ease-in-out;
 transition: top 0.2s ease-in-out;
}

.signon_slidedown 
{/* position: relative !important; */
  top: 192px !important; /* 158 + 60px - was 218px*/
  overflow-y: hidden;
 -webkit-transition: top 0.2s ease-in-out;
 -moz-transition: top 0.2s ease-in-out;
 -o-transition: top 0.2s ease-in-out;
 transition: top 0.2s ease-in-out;
}

.signon_cover 
{/* position: static !important; */
  height: 238px !important;  
  overflow-y: hidden;
 -webkit-transition: top 0.2s ease-in-out;
 -moz-transition: top 0.2s ease-in-out;
 -o-transition: top 0.2s ease-in-out;
 transition: top 0.2s ease-in-out;
}

.signon_coverdown 
{ /* position: static !important; */
  height: 290px !important;                    
  overflow-y: hidden;
 -webkit-transition: top 0.2s ease-in-out;
 -moz-transition: top 0.2s ease-in-out;
 -o-transition: top 0.2s ease-in-out;
 transition: top 0.2s ease-in-out;
}

.aCombobox
{
   border: 1px solid #CCCCCC;
   border-radius: 4px;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   padding: 4px 4px 4px 4px;
   margin: 0;
   box-sizing: border-box;
   width:160px;
}
.aCombobox:focus
{
   border-color: #66AFE9;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   outline: 0;
}

.scaleElementIN
{  -webkit-animation: scale-in-horizontal-center 1000ms linear 0ms 1 normal both;
   -moz-animation: scale-in-horizontal-center 1000ms linear 0ms 1 normal both;
   animation: scale-in-horizontal-center 1000ms linear 0ms 1 normal both;
}
.scaleElementOUT
{  -webkit-animation: phil-scale-out-horizontal-center 1000ms linear 0ms 1 normal both;
   -moz-animation: phil-scale-out-horizontal-center 1000ms linear 0ms 1 normal both;
   animation: phil-scale-out-horizontal-center 1000ms linear 0ms 1 normal both;
}

.fontAriel
{font-family: Arial;
}
.fontAriel12
{font-family: Arial;
font-size: 12px;
}
.fontAriel13
{font-family: Arial;
font-size: 13px;
}

.closeFeatureAnimation
{-webkit-animation: newspaper 1000ms linear 0ms 0 reverse both;
   -moz-animation: newspaper 1000ms linear 0ms 0 reverse both;
   animation: newspaper 1000ms linear 0ms 0 reverse both;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.radioButton
{
   margin: 0;
}
.radioButton, .radioButton *, .radioButton *::before, .radioButton *::after
{
   box-sizing: border-box;
}
.radioButton input[type='radio']
{
   position: absolute;
   padding: 0;
   margin: 0;
   opacity: 0;
   z-index: 1;
   width: 20px;
   height: 20px;
   left: 0;
   top: 0;
}
.radioButton label
{
   display: inline-block;
   vertical-align: middle;
   position: absolute;
   left: 0;
   top: 0;
   width: 0;
   height: 0;
   padding: 0;
}
.radioButton label::before
{
   content: "";
   display: inline-block;
   position: absolute;
   width: 20px;
   height: 20px;
   left: 0;
   top: 0;
   background-color: #FFFFFF;
   border: 1px solid #CCCCCC;
   border-radius: 50%;
}
.radioButton label::after
{
   display: inline-block;
   position: absolute;
   width: 20px;
   height: 20px;
   left: 0;
   top: 0;
   padding: 0;
   text-align: center;
   line-height: 20px;
   border-radius: 50%;
   color: #FFFFFF;
   content: " ";
   -webkit-transform: scale(0, 0);
   transform: scale(0, 0);
}
.radioButton input[type='radio']:checked + label::after
{
   background-color: #3370B7;
   background-image: none;
   border-color: #3370B7;
   -webkit-transform: scale(0.8, 0.8);
   transform: scale(0.8, 0.8);
}
.radioButton input[type='radio']:focus + label::before
{
   outline: thin dotted;
}

.hdrCellLeft
{ text-align: left;
  color: #A9A9A9; 
}

.hdrCellRight
{ text-align: right;
  color: #A9A9A9; 
}

.maxZIndex
{ z-index: 2147483647 !important; 
}

.disable-link {
  pointer-events: none;
}

.enable-link {
  pointer-events: auto;
}

input[type=checkbox]:checked
{ outline: 1px solid #3370b7;
  color: #245580;
}

input[type=checkbox]:not(:checked)
{ outline: 1px solid #3370b7;
  color: #ff0000;
}

input[type=checkbox]:disabled
{ outline: 1px solid #2e6da499;
 color: #2e6da499;
}

selectDisable {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

/*
.bnMain_trans1
{
   box-shadow: inset 0px 0px 30px 0px  #5C9AD1;
   border-radius: 50%;
   -webkit-transform: rotateX(0deg) scale3d(.9,.9,1.0);
   transform: rotateX(0deg) scale3d(.9,.9,1.0);
   -webkit-transition: box-shadow 200ms linear 0ms, border-radius 200ms linear 0ms, transform 200ms linear 0ms;
   transition: box-shadow 200ms linear 0ms, border-radius 200ms linear 0ms, transform 200ms linear 0ms;
}
 
AnimateCss('wb_Text8', 'object---top30---phil', 0, 500)
AnimateCss('wb_Text8', 'object--margintop0---phil', 0, 500)
document.getElementById('bnMain_league').classList.add('bnMain_trans1');

*/
@media only screen and (max-width: 650px) /* 320 ok */
{
div#container
{
   width: 320px;
}

.width6
{ max-width: 6px; 
  width: 6px; }
.width10
/* { max-width: 10px; 
  width: 10px; }
 */
 { max-width: auto; /* 90% */
  width: auto; 
  font-size:90%;}
  
.width16
/* { max-width: 16px; 
  width: 16px; }
 */
{ max-width: auto; /* 90% */
  width: auto; 
  font-size:90%;}
  
.width20
{ max-width: 20px; 
  width: 20px; }
.width24
{ max-width: 24px; 
  width: 24px; }
.width26
{ max-width: 26px; 
  width: 26px; }
.width30
{ max-width: 30px; 
  width: 30px; }
.width33
{ max-width: 33px; 
  width: 33px; }
.width34
{ max-width: 34px; 
  width: 34px; }  
.width35
{ max-width: 35px; 
  width: 35px; }  
.width38
{ max-width: 38px; 
  width: 38px; } 
.width40
{ max-width: 40px;
  width: 40px;
 font-size: 90%; }  /* 90% */

 .width40x
 { max-width: 36px;
   width: 36px;
  font-size: 85%; }  /* 90% */
   
 width45
{ max-width: 45px;
  width: 45px; 
  font-size: 90%; } /* 90% */
.width50
{ max-width: 50px;
  width: 50px; }

.width50x
{ max-width: 30px;
  width: 30px; 
  font-size: 86%; } /* 90% */ 

.width55
{ max-width: 55px;
  width: 55px; }
.width60
{ max-width: 60px;
  width: 60px; }
.width65
{ max-width: 65px;
  width: 65px; }
.width70
{ max-width: 70px;
  width: 70px; }
.width76
{ max-width: 76px;
  width: 76px; }

.width80
{ max-width: 80px;
  width: 80px; 
  font-size: 90%; } /* 90% */ 

  .width90
{ max-width: 90px;
  width: 90px; }
.width92
{ max-width: 92px;
  width: 92px; }
.width94
{ max-width: 94px;
  width: 94px; }
.width96
{ max-width: 96px;
  width: 96px; }
.width98
{ max-width: 98px;
  width: 98px; }
.width100
{ max-width: 100px;
  width: 100px; }
.width110
{ max-width: 110px;
  width: 110px; }
.width120
{ max-width: 120px;
  width: 120px; }
.width130
{ max-width: 130px;
  width: 130px; }
.width140
{ max-width: 140px;
  width: 140px; }
.width150
/*{ max-width: 150px;
  width: 150px; } */
{ max-width: auto;
  width: auto; 
  font-size:90%}   
 
.width160
{ max-width: 160px;
  width: 160px; }
.width170
{ max-width: 170px;
  width: 170px; }
.width180
{ max-width: 180px;
  width: 180px; }
.width190
{ max-width: 190px;
  width: 190px; }
.width200
{ max-width: 200px;
  width: 200px; }
.width210
{ max-width: 210px;
  width: 210px; }
.width220
{ max-width: 220px;
  width: 220px; }
.width230
{ max-width: 230px;
  width: 230px; } 
.width240
{ max-width: 160px;
  width: 160px;  }
.width250
{ max-width: 250px;
  width: 250px;  }
.width260
{ max-width: 260px;
  width: 260px;  }
.width270
{ max-width: 270px;
  width: 270px;  }
.width280
{ max-width: 280px;
  width: 280px;  }  
.width300
{ max-width: 300px; 
  width: 300px; }
.width320
{ max-width: 320px; 
  width: 320px; }
.width330
{ max-width: 330px; 
  width: 330px; }  
.width340
{ max-width: 340px;
  width: 340px; }
.width350
{ max-width: 350px;
  width: 350px; }
.width360
{ max-width: 360px;
  width: 360px; }
.width370
{ max-width: 370px;
  width: 370px; }  
.width380
{ max-width: 380px;
  width: 380px; }
.width400
{ max-width: 400px;
  width: 400px; }
.width500
{ max-width: 500px;
  width: 500px; }
.width560
{ max-width: 560px;
  width: 560px; }
.width600
{ max-width: 600px;
  width: 600px; }
.width700
{ max-width: 700px;
  width: 700px; }
.width800
{ max-width: 800px;
  width: 800px; }
.width900
{ max-width: 900px;
  width: 900px; }
.width1000
{ max-width: 1000px;
  width: 1000px; }
      
/*.ui-datepicker table { font-size: .9em; }       
.ui-datepicker .ui-datepicker-title select {font-size: 1em;}
*/
}