/* MENU ICONS */
.lb_menu_img_podium {content: url('../Images/glyphicons/glyphicons/png/glyphicons-329-podium.png');}
.lb_menu_img_cup{content:url('../Images/glyphicons/glyphicons/png/glyphicons-75-cup.png');}
.lb_menu_img_home {content: url('../Images/glyphicons/glyphicons/png/glyphicons-21-home.png');}
.ff_menu_img_home {content: url('~/Images/glyphicons/glyphicons/png/glyphicons-21-home.png');}
.lb_menu_img_envelope {content: url('../Images/glyphicons/glyphicons/png/glyphicons-11-envelope.png');}
.lb_menu_img_user{content:url('../Images/glyphicons/glyphicons/png/glyphicons-4-user.png');}
.lb_menu_img_female{content:url('../Images/glyphicons/glyphicons/png/glyphicons-36-woman.png');}
.lb_menu_img_charttrend{content:url('../Images/glyphicons/glyphicons/png/glyphicons-41-stats.png');}
.lb_menu_img_chartbar{content:url('../Images/glyphicons/glyphicons/png/glyphicons-42-charts.png');}
.lb_menu_img_chartpie{content:url('../Images/glyphicons/glyphicons/png/glyphicons-43-pie-chart.png');}
.lb_menu_img_calendar{content:url('../Images/glyphicons/glyphicons/png/glyphicons-46-calendar.png');}
.lb_menu_img_cog{content:url('../Images/glyphicons/glyphicons/png/glyphicons-137-cogwheel.png');}
.lb_menu_img_flag{content:url('../Images/glyphicons/glyphicons/png/glyphicons-267-flag.png');}
.lb_menu_img_shield{content:url('../Images/glyphicons/glyphicons/png/glyphicons-271-shield.png');}
.lb_menu_img_sharealt{content:url('../Images/glyphicons/glyphicons/png/glyphicons-309-share-alt.png');}
.lb_menu_img_conversation{content:url('../Images/glyphicons/glyphicons/png/glyphicons-245-conversation.png');}
.lb_menu_img_chat{content:url('../Images/glyphicons/glyphicons/png/glyphicons-246-chat.png');}
.lb_menu_img_dices{content:url('../Images/glyphicons/glyphicons/png/glyphicons-323-playing-dices.png');}
.lb_menu_img_gauge{content:url('../Images/glyphicons/glyphicons/png/glyphicons-332-dashboard.png');}
.lb_menu_img_certificate{content: url('../Images/glyphicons/glyphicons/png/glyphicons-333-certificate.png');}
.lb_menu_img_riflescope{content:url('../Images/glyphicons/glyphicons/png/glyphicons-378-riflescope.png');}
.lb_menu_img_wrench{content:url('../Images/glyphicons/glyphicons/png/glyphicons-440-wrench.png');}
.lb_menu_img_target{content:url('../Images/glyphicons/glyphicons/png/glyphicons-473-target.png');}
.lb_menu_img_hamburger{content:url('../Images/glyphicons/glyphicons/png/glyphicons-517-menu-hamburger.png');}
.lb_menu_img_optionhor{content:url('../Images/glyphicons/glyphicons/png/glyphicons-519-option-horizontal.png');}
.lb_menu_img_payment{content:url('../Images/glyphicons/glyphicons/png/glyphicons-618-small-payments.png');}
.lb_menu_img_badge{content:url('../Images/glyphicons/glyphicons/png/glyphicons-639-veteran.png');}
.lb_menu_img_badgealt{content:url('../Images/glyphicons/glyphicons/png/glyphicons-646-police.png');}
.lb_menu_img_objalignhor{content:url('../Images/glyphicons/glyphicons/png/glyphicons-653-object-align-horizontal.png');}
.lb_menu_img_objalignver{content:url('../Images/glyphicons/glyphicons/png/glyphicons-655-object-align-vertical.png');}
.lb_menu_img_race{content:url('../Images/glyphicons/glyphicons/png/glyphicons-776-race.png');}
.lb_menu_img_news{content:url('../Images/glyphicons/glyphicons/png/glyphicons-609-newspaper.png');}
.lb_menu_img_admin{content:url('../Images/glyphicons/glyphicons/png/glyphicons-522-user-lock.png');}
.lb_menu_img_logout{content:url('../Images/glyphicons/glyphicons/png/glyphicons-388-log-out.png');}
.lb_menu_img_exit{content:url('../Images/glyphicons/glyphicons/png/glyphicons-389-exit.png');}
.lb_menu_img_skull{content:url('../Images/glyphicons/glyphicons/png/glyphicons-291-skull.png');}
.lb_menu_img_rabbit{content:url('../Images/glyphicons/glyphicons/png/glyphicons-340-rabbit.png');}
.lb_menu_img_turtle{content:url('../Images/glyphicons/glyphicons/png/glyphicons-339-turtle.png');}

/* ICON CONTAINER */
.lb_menu_img {
    /*clear:left;
    position:relative;
    float:left;*/
    width:30px;
    height:30px;
    margin:2px;
    padding:2px;
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-size:cover;
}

.lb_menu_img:hover {
    color:dimgrey;
}

 /* GENERIC LAYOUT */
 body {
	margin: 0px;
	padding: 2px;
	background: #ECF0EC;
	text-align: justify;
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	color: #525252;
    overflow-x: hidden;
	overflow-y: scroll;
}

h1, h2, h3 {
	font-weight: bold;
	letter-spacing: -1px;
	color: #000000;
}

p, ol, ul {line-height: 1.40em;}
a {color: #828170;}
a:hover {text-decoration: none;}

select {
    border-radius:4px;
    height:30px;
    font-size: 1.2em;
    width:300px;
}

input {
    
    border: 1px solid transparent;
    border-color: #ccc;
    border-radius:4px;
}

/* Central panel where all the content is */

#lb_wrapper
{
    /*min-height: 100%;
    display: flex;
    flex-direction: column;*/

	/*min-height: 100%;
    display: grid;
    grid-template-rows: auto 1fr auto;*/
}

#wrapper
{
    padding: 15px;
    margin: 0px auto;
}

#header{ 
	height: 60px;
	margin: 0px auto;
    padding: 1px 0;
    text-align: center;
	color: #bfbfbf;
	background: black;

    border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;

    border-top-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;

    box-shadow: 0px 1px 1px #888;
}

#footer {
	margin: 0 auto;
    padding: 5px 0;
    height:30px;
	text-transform: uppercase;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
    text-align: center;
	font-size: 10px;
	color: #bfbfbf;
	background: black;
    clear:both;

    border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;

    border-bottom-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;

    box-shadow: 0px 1px 1px #888;
}

/* NAVIGATION MENU */
.lb_navmenu{
    width:170px;
    float:left;
}

.lb_navmenu ul {
    list-style:none;
    margin:0;
    -webkit-padding-start:0px;
    padding-left:10px;
}

.lb_navmenu ul li i {
    vertical-align:middle;
}

.lb_navmenu ul li div {
    vertical-align:middle; 
    display:inline-block; 
    padding-top:3px;
}

.lb_navmenu ul li a {
    line-height:30px;
}

.lb_navmenu ul li a span{
    line-height:30px;
    font-size:16px;
    font-weight:700;
    color:black;
}

.lb_navmenu ul li a span:hover {
    color:dimgrey;
}
/* END OF NAVIGATION MENU */

.lb_mainpanel{
    padding-left:170px;
    /*background-color: white;*/
	min-height: calc(100vh - 115px);
}

.lb_nonauth-mainpanel{
    padding-left:10px;
    /*background-color: white;*/
	min-height: calc(100vh - 105px);
}

.lb_context_area {

    background-color: white;
    padding: 10px;

    border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;

    border-top-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;

    border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;

    border-bottom-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
}

/* USER & ADMIN MENU */
#lb_usermenu{ margin-right:20px; margin-top:20px;z-index:597;}
#lb_adminmenu{ margin-top:20px; z-index:597;}
#lb_nonregisteredmenu{margin-top:20px;}
#lb_nonregisteredmenu li {display: inline; padding-right:20px;}
.hoovermenu {
    float:right;
    padding-right:5px;
    list-style:none;
    text-align:right;
    font-size:16px;
    font-weight:700;
    cursor:default;
    height: 1px;
}

/* Hoover baloon on user's menu */
.hoovermenu ul a {font-size: 14px; font-weight:normal;}
.hoovermenu ul, .hoovermenu ul li{ list-style: none; margin: 0; padding: 0;}

.hoovermenu ul li a i{ float:left; clear:left;vertical-align:middle; margin-left:10px}
.hoovermenu ul li {line-height: 34px; text-align:left;}
//.hoovermenu ul li a span {text-align:left;}

#item_user {width: 130px;}
#item_admin {width: 150px;}
#item_user, #item_admin {
    visibility:hidden;
    position: relative; 
    top: 100%; 
    left: 0;
    z-index:598; 
    background-color: white;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0px 1px 1px #888;
}

#lb_usermenu li:hover > #item_user{visibility:visible;}
#lb_adminmenu li:hover > #item_admin{visibility:visible;}

/* END OF USER & ADMIN MENU */

/* COMPETITIONS */
.competitionRecord{
    //margin:10px;
    //display:inline-block;
    //padding: 20px;
}

.competitionImage{
    float:left;
    margin:15px;
}

.competitionText{
    float:left;
    width:500px;
}

.competitionButtons{
    float:right;
    margin:10px;
    padding-top:30px;
}

.competitionButtons a {
  //display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid;
  border-radius: 4px;
}

.competitionButtons a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.competitionButtons a:hover {
  color: #999;
  text-decoration: none;
}

.toolate {
  //padding: 30px 0px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight:bold;
  color: #999;
}


/* END OF COMPETITIONS */

/* PREDICTIONS & STATISTICS & DASHBOARD */
/* !!!NEEDS TO BE REVIEWED AND CLEANED!!!*/

.MsgBoxSuccess {
	border-width: 1px;
	/*border-style: solid;*/
	border-radius: 5px;
	background-color: darkseagreen;
}

#successMsg {
	font-weight: bold;
	color: darkgreen;
	/* background-color: darkgreen; */
	padding: 5px; 5px; 0px; 5px;
	margin-top: 8px;
}

#PredictionsMainPanel {
	width:900px;
	float:left;
	padding: 10px;
}

#PredictionsSummaryInfo {
	float: right;
	padding: 10px;
	width:300px;
}

#PredictionsSummaryInfo td{
	padding: 3px;
}

.PDSumCellCenter {
	text-align: center;
}

.PDSumCellLeft {
	text-align: left;
}

.PDSumCellRight {
	text-align:right;
}

txtRed {
	color: red;
}

txtGreen {
	color: forestgreen;
}

.predLabel{
    width:150px;
    text-align:right;
    padding-right:10px;
}

.predCombo{
    width:400px;
}

.predComboShort{
    width:180px;
}

.predictionTable {
    padding: 20px 0px;
}

.prdTableHeader {
    font-weight: bold; 
    font-size: medium; 
    padding-top: 10px;
    text-align:center;
}

.prdDateGroup {
    font-weight: bold; 
    font-size: medium; 
    padding-top: 10px;
}

.prdDateGroupMini {
    //font-weight: bold; 
}

.teamLogoCell {
    padding: 0 15px;
    text-align:center;
}

.teamLogoImg {
    width:50px;
    height:50px;
    margin: 5px 0;
}

.matchPhase{
    width:90px;
}

.scoreColon { 
    font-size: large;
    text-align: center;
    width: 50px;
}

.matchTime { 
    width:50px;
    text-align: center;

}

.teamName {
    font-size: large;
    text-align: center;
    width:150px;
}

.teamNameLeft {
    font-size: large;
    text-align: left;
    width:150px;
	padding:5px;
}

.teamNameRight {
    font-size: large;
    text-align: right;
    width:150px;
	padding:5px;
}

.massPredUpdateOptions {
    font-size: large;
    text-align: left;
    width:150px;
	padding:5px;
	font-weight:unset;
}

.teamNameMini {
    text-align: center;
    width:100px;
}

.playDayStarCol {
    text-align: center;
    width:5px;
}

.playDayNameCol {
    text-align: left;
}

.score input {
    width: 35px;
    text-align: center;
    font-weight: bolder;
    font-size: 18px;
}

.inputCellMedium {
    width: 160px;
}

.inputCellMediumX {
    width: 200px;
}

.cellId {
    width: 40px;
    padding: 0 5px;
}

.cellTextMedium {
    width: 140px;
    padding: 0 5px;
}

.scorePrediction {
   width: 35px;
   font-size: large;
   text-align: center;
}

.challengePredictions {
	border-collapse: separate;
    border-spacing: 0;
}

.challengeRow {
    padding: 10px 0;
    height: 55px;
	background-color: white;
}

.challengeRow td {
	padding: 5px;
	border-bottom: 1px;
	border-top: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
}

.challengeRowFirstTD {
	border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-left: 1px;
	border-style: solid;
	border-right-style:none;
}

.challengeRowLastTD {
	border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-right: 1px;
	border-style: solid;
	border-left-style:none;
}

.challengeResultCell {
	padding: 3px 10px; 
	//background-color: lightgray; 
}

.challengeUserResultCell {
	padding: 3px 10px; 
	//background-color: #a8e0aa; 
	background-color: lightgray; 
}

.prdPoints {
    width: 30px;
    color: #0eaf11;
    font-weight: bold;
    font-size: large;
    text-align: right;
    padding-right: 3px;
}

.prdPointsMini {
    width: 20px;
    color: #0eaf11;
    font-weight:bold;
    text-align:right;
    padding-right:3px;
}

.prdComparisonPoints {
    width: 30px;
    font-size: large;
    text-align:right;
    padding-right:3px;
}

.PointDiffPositive{
    width: 30px;
    color: #0eaf11;
    font-weight:bold;
    font-size: large;
    text-align:center;
}

.PointDiffNegative{
    width: 30px;
    color: #cc3232;
    font-weight:bold;
    font-size: large;
    text-align:center;
}

.PointDiffZero{
    width: 30px;
    //color: #cc3232;
    font-weight:bold;
    font-size: large;
    text-align:center;
}

.prdPredictionBox {
   width: 90px;
   font-size: large;
   text-align: center;
   color: #0eaf11;
}

.prdPredictionBoxMini {
   width: 60px;
   text-align: center;
   color: #0eaf11;
}

.prdRealResult {
   width: 80px;
   font-size: large;
   text-align: center;
}

.prdRealResultMini {
   width: 60px;
   text-align: center;
}

.prdDailyScoreLabel {
   padding-right:3px;
   font-size: large;
   text-align: right;
   color: #0eaf11;
}

.prdDailyScoreLabelMini {
   padding-right:3px;
   text-align: right;
   color: #0eaf11;
}

.moreInfoLink {
   padding-right:3px;
   text-align: left;
}

.prdDailyScoreLabelComparison {
   padding-right:3px;
   font-size: large;
   text-align: right;
}

#LatestResults table, #PlayDayStars table, #NextFixturesSection table {
    width:360px;
}

#NotToMiss table, #News table {
    width: 320px;
}

.indexColumns{
  position: relative;
  min-height: 1px;
  //padding-right: 15px;
  //padding-left: 15px;
  float: left;
  overflow:visible;
}

.indexColumns section{
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  padding-left: 10px;
  border: 1px;
  border-style: solid;
  background-color: white;
  margin: 5px;
  border-radius: 5px;
}
/* css example inspired by */
/* www.hongkiat.com/blog/jquery-ui-datepicker/ */


.ui-datepicker {
  height: auto;
  margin: 5px auto 0;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
}

.ui-datepicker a {
  text-decoration: none;
}

.ui-datepicker table {
  width: 100%;
}

.ui-datepicker-header {
  //color: #e0e0e0;
  font-weight: bold;
  //-webkit-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, 2);
  //-moz-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
  //box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
  //text-shadow: 1px -1px 0px #000;
  //filter: dropshadow(color=#000, offx=1, offy=-1);
  line-height: 30px;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #111;
}

.ui-datepicker-title {
  text-align: center;
}

.ui-datepicker-prev, .ui-datepicker-next {
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  cursor: pointer;
  //z-index:380;
  background-repeat: no-repeat;
  line-height: 600%;
  overflow: hidden;
}

.ui-datepicker-prev {
  float: left;
  background-image: url('../Images/glyphicons/glyphicons/png/glyphicons-217-circle-arrow-left.png');
  //background-position: center -30px;
}
.ui-datepicker-next {
  float: right;
  background-image: url('../Images/glyphicons/glyphicons/png/glyphicons-218-circle-arrow-right.png');
  //background-position: center 0px;
}

.ui-datepicker thead {
  //background-color: #f7f7f7;
  //background-image: -moz-linear-gradient(top,  #f7f7f7 0%, #f1f1f1 100%);
  //background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#f1f1f1));
  //background-image: -webkit-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
  //background-image: -o-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
  //background-image: -ms-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
  //background-image: linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
  //filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1',GradientType=0 );
  border-bottom: 1px solid #bbb;
}

.ui-datepicker th {
  text-transform: uppercase;
  font-size: 6pt;
  padding: 5px 0;
  color: #666666;
  text-align:center;
  //text-shadow: 1px 0px 0px #fff;
  //filter: dropshadow(color=#fff, offx=1, offy=0);
}

.ui-datepicker tbody td {
  padding: 0;
  border-right: 1px solid #bbb;
}

.ui-datepicker tbody td:last-child {
  border-right: 0px;
}

.ui-datepicker tbody tr {
  border-bottom: 1px solid #bbb;
}
.ui-datepicker tbody tr:last-child {
  border-bottom: 0px;
}

.ui-datepicker td span, .ui-datepicker td a {
  display: inline-block;
  font-weight: bold;
  text-align: center;
  width: 35px;
  height: 35px;
  line-height: 30px;
  color: #666666;
  /*text-shadow: 1px 1px 0px #fff;
  filter: dropshadow(color=#fff, offx=1, offy=1);*/
}
.ui-datepicker-calendar .ui-state-default {
  background: #ededed;
  /*background: -moz-linear-gradient(top,  #ededed 0%, #dedede 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#dedede));
  background: -webkit-linear-gradient(top,  #ededed 0%,#dedede 100%);
  background: -o-linear-gradient(top,  #ededed 0%,#dedede 100%);
  background: -ms-linear-gradient(top,  #ededed 0%,#dedede 100%);
  background: linear-gradient(top,  #ededed 0%,#dedede 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 );
  -webkit-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
  -moz-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
  box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);*/
}
.ui-datepicker-unselectable .ui-state-default {
  background: #f4f4f4;
  color: #b4b3b3;
}

.ui-datepicker-calendar .ui-state-hover {
  background: #f7f7f7;
}

.ui-datepicker-calendar .ui-state-active {
  background: #6eafbf;
  /*-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
  -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
  box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);*/
  color: #e0e0e0;
  /*text-shadow: 0px 1px 0px #4d7a85;
  filter: dropshadow(color=#4d7a85, offx=0, offy=1);*/
  border: 1px solid #55838f;
  position: relative;
  //margin: -1px;
}

/*
.ui-datepicker-calendar td:first-child .ui-state-active {
  width: 35px;
  margin-left: 0;
}
.ui-datepicker-calendar td:last-child .ui-state-active {
  width: 35px;
  margin-right: 0;
}

.ui-datepicker-calendar tr:last-child .ui-state-active {
  height: 35px;
  margin-bottom: 0;
}
*/

.ui-datepicker-prev .ui-icon {
    height:0px;
    width:0px;
    display:none;
}

.ui-datepicker-next .ui-icon {
    height:0px;
    width:0px;
    display:none;
}



/* STATISTICS */
.lb_icon {
    width:30px;
    height:30px;
    //margin:2px;
    //padding:2px;
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-size:cover;
}

.matchRow:hover {
    //background-color:#cac2ff;
    background-color: #dddce3;
}

.playDayRanking {
    float:left;
    padding:20px;
}

.matchPointsComparisonPanel{
    //background-color:bisque;
    float:left;
    padding:20px;
}

.lineAligner{
    float:left;
}


.matchStatPanel{
    padding:5px;
}

#1X2Predictions{
    text-align:center;
}

#StatsSummary {
    text-align: center;
}
/*.1X2PredictionsTable {
    //align:center;
    width: 300px;
}*/
.PlayDayComboPlaceholder{
    float:left;
}

/*.ComparisonComboPlaceholder{

}*/

#PointsBarChart {
    text-align: center;
}
.WDLChartBarContainer{
    height:30px;
    padding:2px;
    text-align:center;
}

.WDLPointChartBarContainer {
    text-align:center;
    padding: 2px;
}


/*.WDLChartWin {
    fill: rgb(159, 159, 159);
}

.WDLChartDraw {
    fill:rgb(159, 159, 159);
    //(224, 160, 37)
}

.WDLChartLoss {
    fill:rgb(30, 110, 200);
}*/

.WDLChartActive {
    fill: rgb(0, 100, 149);
    stroke-width: 1;
    stroke: rgb(0,0,0);
    height: 20px;
}

.WDLChartPassive {
    fill: rgb(159, 159, 159);
    stroke-width: 1;
    stroke: rgb(0,0,0);
    height: 20px;
}

/*.statPie {
    stroke-width:2;
    stroke:black;
}*/

/*.statPieChartContainer {
    height:220px;
    width:220px;
    padding:10px;
}*/

.statTableTDCenter {
    text-align:center;
    padding-left:5px;
    padding-right:5px;
}

.statTableTDLeft {
    text-align:left;
    padding-left:5px;
}

.statTableTDRight {
    text-align:right;
    padding-right:5px;
}

.statTableTeam {
    text-align:center;
    padding-bottom:10px;
    font-size:larger;
}

.statTable1X2Cell{
    width:100px;
	text-align:center;
}

/*.statPieChartLegendContainer {
    height:20px;
    width:20px;
    padding-top:5px;
}

.statPieLegend{
    stroke:rgb(0,0,0);    
    height:15px;
    width:15px;
}

.statPieData1 {
    fill:rgb(0, 100, 149);
}

.statPieData2 {
    fill:rgb(255, 235, 115);
}

.statPieData3 {
    fill:rgb(242, 99, 95);
}

.statPieData4 {
    fill:rgb(255, 106, 0);
}

.statPieData5 {
    fill:rgb(106, 30, 173);
}

.statPieData6 {
    fill:rgb(132, 215, 220);
}*/


.ActionButtonsContainer{
    padding: 10px 0;
}
/* END OF PREDICTIONS & STATISTICS */

/* RANKING */

.rankingtable{
    padding-top:10px;
    float: left;
    width:500px;
}
.rankingtable th {
    text-align:center;
    font-weight:bold;
}

.rankingtable td.centered {
    text-align:center;
}

.rankingtable td{
    font-size:16px;
    padding:2px;
}

.rankingtable .username{
    padding: 0 10px;
}

.rankingtable td img {
    height:32px;
    width:32px;
}

.rankingboard {
    padding: 10px;
    background-color: white;
    float: left;
    width: 500px;
    margin: 20px;

    border-radius: 5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    
    border: 1px;
    border-style: solid;
}

.rankingboard td img {
	margin: 5px;
    height:32px;
    width:32px;
}
/* END OF RANKING */

/* HOME DASHBOARD */
.PDS_Gold {
    color:gold;
    margin-left: 5px;
    margin-right: 5px;
}
.PDS_Silver {
    color:silver;
    margin-left: 5px;
    margin-right: 5px;
}
.PDS_Bronze {
    color:#CD7F32;
    margin-left: 5px;
    margin-right: 5px;
}

/* Input Button */
.InputButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:2px solid grey;
	display:inline-block;
	color:#777777;
	//font-family:arial;
	font-size:14px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
     //border-top-left-radius: 15px;
     -moz-box-shadow: 0 1px 1px #292929;  
     -webkit-box-shadow: 0 1px 1px #292929;  
     box-shadow: 0px 1px 1px #292929;
}
.InputButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}
.InputButton:active {
	position:relative;
	top:1px;
}

/* PROFILE */
.controlLabel{
    width:150px;
    text-align:right;
    padding-right:10px;
    margin-bottom:0;
}

.comboLabel{
    padding-top:5px;
}

.controlInnerLabel{
    font-weight:normal;
    width:150px;
    text-align:right;
    padding-right:10px;
    margin-bottom:0;
}

.inputFileLabel {
   pointer: cursor;
   /*border: 1px solid grey;
   padding: 2px 5px;*/
   /*pointer-events: none;*/
}

.inputFileLabel:focus {
	outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px;
}

.customInputFileBox {
    opacity: 0;
    position: absolute;
    z-index: -1;
    width: 0.1px;
    height: 0.1px;
    overflow: hidden;
}

#NextFixtures {
    overflow: visible !important;
}

.newsDate {
	text-align:left;
	font-size:16px;
	font-weight:bold;
	width: 8rem;
}

.newsHeader {
	text-align:left;
	font-size:16px;
	font-weight:bold;
}

.newsContent {
	text-align:left;
	padding-bottom: 1.5rem;
}
/* JQUERY UI ADJUSTMENTS */

/* NOTE (JKS 2016-08-17) */
/* The overflow attribute in .ui-accordion .ui-accordion-content has been modified to avoid shift caused by Admin/User menu.*/
.ui-accordion .ui-accordion-content {
    /*overflow: visible !important;*/
	overflow-x: scroll;
    overflow-y: auto;
}

.ui-widget{
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

/* Next block is to negate the theme style for tabs on Prediction page */
#PredictionContentArea .ui-widget input, .ui-widget button {
    font-family:unset;
    font-size: unset;
}

/* BADGES */
.badges_container{
    padding-top:10px;
    float: left;
    width:900px;
}

.badges_board{
    width: 450px;
	margin-top:30px;
}

.badge_card{
    display: inline-block;
	margin: 2px;
}

.badge_picture{
    width:100px;
    height:100px;
}

.badge_picture_disabled {
	width:50px;
    height:50px;
	-webkit-filter: sepia() ; /* Safari 6.0 - 9.0 */
	filter: grayscale(100%) brightness(1.5);
}

.badge_counter{
    background:gold;
    padding: 2px 10px;
    color: black;
	vertical-align:bottom;
	border: 1px solid black;
	border-radius: 2px;
}

.badges_details {
	font-size:small;
}

.badges_details table{
	margin-top:0px;
}

.badges_details th.centered {
	text-align:center;
	padding: 1px 5px;
}

.badges_details td.centered {
	text-align:center;
	padding: 1px 5px;
}

.badges_details th.left {
	text-align:left;
	padding: 1px 5px;
}

.badges_details td.left {
	text-align:left;
	padding: 1px 5px;
}


/* TABS */

#tabs .ui-tabs, .ui-widget-content {
	margin-top: 10px;
	background: none;
	border: none;
}

#tabs .ui-corner-all {
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

#tabs .ui-tabs, .ui-widget-header {
	border: none;
	background: none;
}

#tabs .lb-tabs, .ui-tabs .ui-tabs-nav li {
	border-bottom-width:thin;
    padding: unset;
}

#tabs .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

#tabs .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

#tabs .ui-tabs .ui-tabs-panel {
	padding: unset;
}

#tabs .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: #e6e6e6;
}

#tabs .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	background: #ffffff;
}

#tabs .lb-tabs, .ui-helper-clearfix:after {
	clear:initial;
}

#tabs p {
	margin-top:30px;
}

#tabs table {
	margin-top:30px;
}