.imgL:hover{
  cursor:pointer;
}
.announceH2{
  font-family:arial;
  font-weight:bold;
  font-size:16pt;
  color:#FFDA3B;
  text-align:center;
  padding:4px;
  margin:0px;
  padding-top:8px;
  padding-bottom:8px;
     text-shadow:
     -4px -4px 4px #9F541B,
     4px -4px 4px #9F541B,
     -4px 4px 4px #9F541B,
     4px 4px 4px #9F541B;
 }
 .announceP b{
  color:#0000D0;
  line-height:120%;
 }
 
 

/* -- site-wide -- */

.xClose {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 16px;
  height: 16px;
  opacity: 1;
  color:black;
  background-color:#c0c0c0;
  border:2px solid #c0c0c0;
}
.xClose:hover {
  opacity: 1;
  bolor:#900000;
}
.xClose:before, .xClose:after {
  position: absolute;
  left: -1px;
  top: 5px;
  content: " ";
  height: 2px;
  width: 16px;
  background-color: #000000;
}
.xClose:before {
  transform: rotate(45deg);
}
.xClose:after {
  transform: rotate(-45deg);
}


.gpraFooter{
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  min-height: 30px;
  padding-top:10px;
  padding-bottom:10px;
  font-size:12pt;
  font-weight:bold;
  background-color: #DDDDDD;
  color: black !important;
}
.grpaFooter a, .grpaFooter a:active, .grpaFooter a:visited, .grpaFooter a:link{
  color: #900000;
}

.actionButton {
  margin-top:4px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 6px 12px;
    border: 2px solid #c71414;
    border-radius: 14px;
    background: #f5e190;
    background: -webkit-gradient(linear, left top, left bottom, from(#f5e190), to(#eb9861));
    background: -moz-linear-gradient(top, #f5e190, #eb9861);
    background: linear-gradient(to bottom, #f5e190, #eb9861);
    font: normal normal bold 12pt arial;
    color: #111111;
    text-decoration: none;
}
.actionButton:hover,
.actionButton:focus {
    border: 2px solid #ff2020;
    background: #ffffad;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffad), to(#ffb674));
    background: -moz-linear-gradient(top, #ffffad, #ffb674);
    background: linear-gradient(to bottom, #ffffad, #ffb674);
    color: #111111;
    text-decoration: none;
  cursor: pointer;
}
.actionButton:active {
    background: #938756;
    background: -webkit-gradient(linear, left top, left bottom, from(#938756), to(#eb9861));
    background: -moz-linear-gradient(top, #938756, #eb9861);
    background: linear-gradient(to bottom, #938756, #eb9861);
}
.actionButton:disabled{
  background: #c0c0c0;
    background: -webkit-gradient(linear, left top, left bottom, from(#938756), to(#c0c0c0));
    background: -moz-linear-gradient(top, #938756, #c0c0c0);
    background: linear-gradient(to bottom, #938756, #c0c0c0);
}


.hamburger-icon {
    margin: 0;
    display: inline-block;
}
.hamburger-icon span {
    width: 30px;
    background-color: #fff;
    height: 4px;
    display: block;
    margin-bottom: 4px;
}
.hamburger-icon span:last-child {
    margin-bottom:6px;
}

div{
  vertical-align:top;
}

p{
  width:100%;
}
A,a{
  color: #FF9E2B;
}
A:hover,a:hover{
  color: #FF9E2B;
}

h1{
 font-family:arial;font-weight:bold;font-size:28pt;color:#87CB48;text-align:center;padding:6px;margin:0px;
    text-shadow:
    -4px -4px 4px #3E6415,
    4px -4px 4px #3E6415,
    -4px 4px 4px #3E6415,
    4px 4px 4px #3E6415;  
}
h2, .h2{
 font-family:arial;font-weight:bold;font-size:12pt;color:#FFDA3B;text-align:center;padding:4px;margin:0px;padding-top:8px;padding-bottom:8px;
    text-shadow:
    -4px -4px 4px #9F541B,
    4px -4px 4px #9F541B,
    -4px 4px 4px #9F541B,
    4px 4px 4px #9F541B;
}
.h2home{
  font-size:16pt !important;
}
h3{
  font-family:arial;
  font-weight:bold;
  font-size:12pt;
  color:#3E6415;
  background-color:#ffffff;
  text-align:center;
  padding-top:4px;
  padding-bottom:4px;
  margin:0px;
  width:100%;
}

.centerA{
  text-align: center;
}

.DivTable{
  display:block;
  width:100%;
  word-wrap:break-word;
}
.DivRow{
  display: block;
  vertical-align:top;
}
.DivCell{
  display:inline-block;
//  width:30%;
  height:100%;
  vertical-align:top;
}

.button-link {
  display: inline-block;
    padding: 10px 15px;
    background: #4479BA;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.button-link:hover {
    background: #356094;
    border: solid 1px #2A4E77;
    text-decoration: none;
  color: white;
}
.button-link:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #2E5481;
    border: solid 1px #203E5F;
}


.col1{
  color: #DADADA;
}
.small_label{
  font-size: 10pt;
  vertical-align:top;
  padding-bottom:4px;
}
.small_label input{
  display: inline-block;
  vertical-align: top;
}

.input_hp{
  background: #303030;
  color: #FF9E2B;
  font-weight: bold;
  font-size:12pt;
  padding-top:4px;
  padding-bottom:4px;
}
.big{
  font-size: 14pt;
}
.data{
  padding: 1px;
  font-weight: 10pt;
}
.bold{
  font-weight: bold;
}
#errors{
  color: #FFFFFF;
  font-weight: bold;
  font-size: 12pt;
  background: #FF0000;
  padding: 10px;
  border: 4px double #FFFFFF;
  z-index: 10;
}
#errors A{
  color: yellow;
}
#errors A:hover{
  color: cyan;
}
*html #errors{
  width: 98%;
  left:1%;
  right:1%;
}
.dcell{
  vertical-align: top;
  border-bottom: 1px solid #c0c0c0;
}
.dcsmall{
  font-size: 10pt;
}
.dctiny{
  font-size: ;
}
.dcspace{
  padding: 5px;
}
.dcspacetb{
  padding-top:5px;
  padding-bottom:5px;
}
.dchat{
  font-family: verdana;
  font-size: 8pt;
  padding: 5px 2px 5px 2px;
  line-height: 133%;
}

.fw{
  width: 25px;
  text-align: right;
}
.fw2{
  width: 5px;
}
*html .fw{
  width: 30px;
}
.ttl{
  border-bottom: 1px solid #000000 !important;
}


#boxTitle{
  display:inline-block;
  text-align:center;
  vertical-align:middle;
  width:70%;
}
.nobot{
  border-bottom: none;
}
.highlight{
  background-color: #ffefe7;
}
#msgbox{
  display:none;
  width: 100%;
  text-align:center;
  padding-bottom:2px;
  padding-top: 2px;
  background-color: #ffefe7;
  font-family: arial;
  font-weight: bold;
  font-size: 10pt;
  border-bottom: 1px solid black;
  z-index:20;
}
#msgbox a{
  color: #FF9E2B;
}
#msgbox1{
  display:inline-block;
}
#msgbox2{
  display:inline-block;
}
.gh_right{
  border-bottom:none;
  text-align:right
}
.gh_middle{
  border-bottom:none;
  color:red;
}
.chatlight{
  background-color: #F0FFF0;
}
.chatbold{
  background-color: #e0e0e0;
  font-weight: bold;
}
.chatdark{
  background-color: #E0E0E0;
}
.chattourney{
  color: purple;
}

#timedate_div{
  right:0px;
  display:inline-block;
  vertical-align: middle;
  text-align: right;
  width: 15%;
  color:#000000;
  font-family: arial;
  font-size: 10pt;
  font-weight: normal;
  z-index:0;
}


/* -- identified -- */

body{
  background-color: #000000;
  margin:0px;
  padding:0px;
  color: #ffffff;
  font-family: arial;
  font-size: 10pt;
  font-weight: normal;

}

#wholePage{
  width:100%;
  background:#000000; 
}

#headerMenu{
  width: 100%;
  background-color: #000000;
  z-index:10;
}
#mainPage{
  width: 100%;
  background-color:#000000;
  display: block;
  padding-bottom:50px;
  margin-bottom:20px;
  min-height:400px;
}

#footer{
  padding-top:20px;
  margin-bottom: 20px;
  border-top: 2px dotted black;
  width:100%;
  display: block;
  text-align: center;
  background-color:#000000;
}

/* -- structural classes -- */

.boxWidth{
  width:100%;
  display: block;
  vertical-align: top;
}

.innerSS{
  margin:2px;
}
.innerSM{
  margin:5px;
}
.innerSL{
  margin:10px;
}

/* -- top menu -- */

#hideShowMenu{
  display:inline-block;
  width:15%;
  height:100%;
  vertical-align:bottom;
}
#hideShowMenu a{
  display:none;
  text-decoration: none;
  color: #e0e0e0;
  font-size:0pt;
  font-weight:bold;
}
#topMenu{
  margin:0px;
  background-color: #000000;
  border-top:1px solid #e0e0e0;
  border-bottom:1px solid #e0e0e0;
  text-align: center;
}
#topMenu li{
  list-style:none;
  display:inline-block;
  margin:5px;
  margin-left: 10px;
  margin-right: 10px;
  text-align: left;
}
#topMenu li a{
  color: #c0c0c0;
  font-weight: bold;
  text-decoration: none;
}
.topSubMenu{
  z-index:100;
  background-color:#000000;
  position:absolute;
  display:none;
  border:1px solid #e0e0e0;
  border-top: none;
  margin-top: 5px;
  width:300px;
  text-align: left;
  padding-left: 5px;
}
.topSubMenu li{
  display:block;
  width:100%;
}
.topSubMenu li a{
  color: #c0c0c0;
  font-weight; bold;
}
#topMenu li a:hover, .topSubMenu li a:hover{
  color: #cccc00;
}

/* -- page-specific -- */

/* -- registration -- */
.bigForm{
  padding: 4px;
  font-size: 12pt;
  border: 1px solid #a0a0a0;
}
.bigNum{
  vertical-align: middle;
  font-size: 20pt;
  padding:0px 10px 0px 10px;
  text-align: left;
}
.redBorder{
  border: 2px solid #A00000;
}
#allert{
  padding:4px;
}

/* -- home page -- */

.blogImg{
  float:left;
  height:80px;
}

#HP_LikesHold{
  display:inline-block;
  width:40%;
  vertical-align:top;
}
#startNow{
  display:inline-block;
  width:60%;
  vertical-align:top;
}

.HP_Likes{
  width:50%;
  display:inline-block;
  vertical-align: top;
  text-align:center;
}

#leftHomeCol{
  width: 15%;
  display:inline-block;
  vertical-align:top;
  padding-top:20px;
  text-align:center;
}
#leftHomeCol .h2{
  text-align:center;
}
#leftHomeCol li{
  list-style: none;
}

#midHomeCol{
  width: 70%;
  display:inline-block;
  vertical-align:top;
}

#rightHomeCol{
  padding-top:20px;
  width: 15%;
  display:inline-block;
  vertical-align:top;
}
#rightHomeCol .h2{
  text-align:center;
}

#homeImage{
  display:inline-block;
  vertical-align:center;
  width:210px;
  padding:0px; margin:0px;
  text-align: center;
  padding-top:20px;
}
#homeImage img{
  max-width:200px;
}
#homeLogin{
  display:inline-block;
  vertical-align:top;
  min-height:50px;
  width: calc(100% - 210px);
  text-align: left;
}

.half{
  display:inline-block;
  min-width:25px;
  text-align: left;
  vertical-align:top;
}

.fea1{
  display: inline;
  list-style: circle;
  text-align: center;
  color: #909090;
  margin-left:10px;
  margin-top:4px;
  margin-bottom: 4px;
}
.fea2{
  display: inline;
  list-style: circle;
  text-align: center;
  color: #C0C0C0;
  padding-left:10px;
  padding-top:2px;
  padding-bottom: 2px;
}

/* -- diceshop -- */

.buyDiceChecked{
  background-color:#f0f0f0;
  font-weight: bold;
}
.tickBoxesDice{
  font-size:12pt;
  width:19%;
  text-align: center;
  display:inline-block;
  border:1px solid #c0c0c0;
}

/* -- game create/join/host -- */

#gameStartLeft{
  width:50%;
  display:inline-block;
}
#gameStartRight{
  width:50%;
  display:inline-block;
}
#gameCreate23L{
  float:left;
  width:66%;
}
#gameCreate13R{
  float:left;
  width:30%;
}
#gameplay{
  width:100%;
  display:block;
  height:150px;
  max-height:150px;
  overflow:hidden;
  border-top:1px solid black;
  border-bottom:1px solid black;
}

#adsbanner, #adsbanners{
  text-align: center;
  display:"";
  margin-top:0px;
  margin-bottom:20px;
  width:100%;
}
#adsbanner h3, #adsbanners h3{
  text-align: center;
}

/* -- Messages Inbox -- */

.colCheck{
  width:5%;
}
.colName{
  width:30%;
}
.colSubject{
  width:50%;
}
.colDate{
  width:15%;
}

/* -- Top Scores -- */

#topScoresLeft{
  width: 50%;
  display:inline-block;
}
#topScoresRight{
  width: 50%;
  display:inline-block;
}

/* -- Message: Compose -- */

.MsgFormLabel{
  display:inline-block;
  width:30%;
}
.MsgFormInput{
  display:inline-block;
  width:70%;
}

/* -- Settings and profile pages -- */

.GenFormLabel{
  display:inline-block;
  width:30%;
}
.GenFormInput{
  display:inline-block;
  width:70%;
}


#PlayersTopLeft{
  display: inline-block;
  width:60%;
}
#PlayersPhoto{
  display: inline-block;
  width:40%;
}
#PlayersStats{
  display: block;
  width:100%;
}


/* -- Rules Popup -- */

#rulespage{
  z-index:90;
  position:absolute;
  visibility:hidden;
  left:5%;
  right:5%;
  padding:1%;
  top:20px;
  min-height:50%;
  border:1px solid black;
  background-color:#F0F0F0;
}

/* -- players popup -- */


#players_float{
  visibility:hidden;
  position:absolute;
  z-index:5000;
  width: 360px;
  min-height: 150px;
  border: 1px solid #000000;
  background-color: #ffefe7;
  padding: 2px;
  padding-top:0px;
}
#players_float TD{
  font-size: 8pt;
}
#players_float H3{
  margin-top;0px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 10pt;
}




/* -- change dice page -- */

.MyDiceCheck{
  display: inline-block;
//  width:5%;
min-width:30px;
}
.MyDiceSelect{
  display: inline-block;
//  width:15%;
}
.MyDiceDice{
  display: inline-block;
//  width:80%;
}

/* -- chat/game chat pages -- */

.ChatName{
  display: inline-block;
  width:15%;
}
.ChatTime{
  display: inline-block;
  width:10%;
}
.ChatBoard{
  display: inline-block;
  width:15%;
}
.ChatMessage{
  display: inline-block;
  width:55%;
}

/* -- games scores pages -- */

.scorecell{
  font-family: arial;
  font-size: 10pt;
  border-bottom: 1px solid #E0E0E0;
  border-right: 1px solid #E0E0E0;
  padding: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
}
.scorecell2{
  font-family: arial;
  font-size: 8pt;
  border-bottom: 1px solid #E0E0E0;
  border-right: 1px solid #E0E0E0;
  padding: 1px;
  padding-top: 1px;
  padding-bottom: 1px;
}



/* -- Games Hall -- */

#message_table23{
  word-wrap:break-word; 
  width:100%;
}
#PlayersOnlineDiv{
  margin-left:5px;
  float:right;
  min-width:140px;
  width: 23%;
  max-width:200px;
}
#chat_window23{
  display:block;
  width: 76%;
  float:left;
}
#chatForm2023{
  display:block;
  width: 74%;
  float:left;
}
.fullChat{
  width:99% !important;
}
.ChatName23{
  display: inline-block;
  width:21%;
}
.ChatTime23{
  display: inline-block;
  width:12%;
}
.ChatMessage23{
  display: inline-block;
  width:64%;
}
.PORow{
  display:block;
  max-width:99%;
  background-color:$POBkg;
  border:1px solid #c0c0c0;
}
.POStatus0, .POStatus0:hover{
  font-size:12pt;
  color:black;
  width:18px;
  max-width:20px;
  display:inline-block;
  text-align:center;
  vertical-align: middle;
  text-decoration:none;
  cursor:pointer;
 }
 .POStatus1, .POStatus1:hover{
  font-size:12pt;
  color:#008000;
  width:18px;
  max-width:20px;
  display:inline-block;
  text-align:center;
  vertical-align: middle;
  cursor:pointer;
 }
 .POStatus2, .POStatus2:hover{
  font-size:12pt;
  color:#008000;
  width:18px;
  max-width:20px;
  display:inline-block;
  text-align:center;
  vertical-align: middle;
  cursor:pointer;
}
.POStatus3, .POStatus3:hover{
  font-size:12pt;
  color:#FFAE01;
  width:18px;
  max-width:20px;
  display:inline-block;
  text-align:center;
  vertical-align: middle;
  cursor:pointer;
}
.POStatus4, .POStatus4:hover{
  font-size:12pt;
  color:#FFAE01;
  width:18px;
  max-width:20px;
  display:inline-block;
  text-align:center;
  vertical-align: middle;
  cursor:pointer;
}
.POStatus5, .POStatus5:hover{
  font-size:12pt;
  color:#FF2B01;
  width:18px;
  max-width:20px;
  display:inline-block;
  text-align:center;
  vertical-align: middle;
  cursor:pointer;
}
.POStatus6, .POStatus6:hover{
  font-size:12pt;
  color:#FF2B01;
  width:18px;
  max-width:20px;
  display:inline-block;
  text-align:center;
  vertical-align: middle;
  cursor:pointer;
}
.POStatus7, .POStatus7:hover{
  font-size:12pt;
  color:#FF2B01;
  width:18px;
  max-width:20px;
  display:inline-block;
  text-align:center;
  vertical-align: middle;
  cursor:pointer;
}
.POName{
  word-wrap:break-word; 
  display:inline-block;
  font-size:8pt;
  font-family:verdana;
  text-align:left;
  vertical-align: middle;
}


/* -- Games Pages -- */

#gameTableThirdFull{
  display:table;
}
#playerlistThirdFull{
  width:100%;
  display: table-header-group;
}
#scorecardsThirdFull{
  display:inline-block;
  width:100%;
}

#gameTable, #gameTableThird{
  display:block;
  width:100%;
}
#scorecards, #scorecardsThird{
  display:inline-block;
  width:63%;
}

.scorecard{
  display:inline-block;
  width:100%;
}

.scoresLefthalf, .scoresLeftfull{
  display:inline-block;
  width:50%;
}
.scoresRighthalf, .scoresRightfull{
  display:inline-block;
  width:50%;
}
.scoresThirdhalf, .scoresThirdfull{
  display:inline-block;
  width:33%;
}
#playerlist, #playerlistThird{
  display:inline-block;
  width:37%;
}

#chat_window{
  display:block;
  width:100%;
  float:left;
}


#dicerollHolder{
  width:100%;
}
#firebuttonsHolder{
  display:inline-block;
  width:360px;
  text-align:left;
}
#diceHolder{
  display:inline-block;
  width:360px;
}

#dicecontrols{
  width:100%;
  text-align:center;
  margin-bottom:20px;
  margin-top:10px;
  height:100px;
  display:none;
}

#dices{
  width:100%;
  z-index:2;
  text-align:center;
  background-color: #ffffff;
  margin-top:10px;
  margin-bottom:30px;
}
#dice_table{
  margin-bottom:30px;
}
#diceFireButtons{
  width:100%;
}
#firebutton2{
  margin-top:4px;
  margin-right:20px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding: 4px 8px;
  border: 2px solid #c71414;
  border-radius: 14px;
  font: normal normal bold 12pt arial;
  color: #000000;
  text-decoration: none;
}
#firebutton2 option{
  text-align: left !important;
}
#kickfunction{
/*  position:absolute; */
  display:none;
  padding:0px;
  margin:0px;
  padding-top:5px;
  height:50px;
  text-align:center;
  z-index:5000000;
}

/* -- Tournaments -- */

.TournDesc{
  display: inline-block;
  width:60%;
}
.TournDetails{
  display: inline-block;
  width:40%;
}


/* note, can also use max-width, min-width */

/* MORE THAN 1008 */
@media only screen and (min-width: 1009px){
  #mainPage{
    width:80%;
    margin-left:10%;
    margin-right:10%;

  }
}


/* LESS THAN 1008 MORE THAN 640 pixels */
@media only screen and (max-width: 1008px) and (min-width:641px){
  #PlayersOnlineDiv{
    max-width:150px;
  }
  #mainPage{
    display: table;
  }
  #midHomeCol{
    display: table-footer-group;
  }
  #leftHomeCol{
    display: table-header-group;
    text-align: center;
  }
  #leftHomeCol ul li{
    display:inline-block;
    margin-left:4px;
    margin-right:4px;
  }
  #rightHomeCol{
    display: table-header-group;
    text-align: center;
  }
  #rightHomeCol ol{
    counter-reset: LIST-ITEMS 0;
  }
  #rightHomeCol ol li{
    display:inline-block;
    padding-right:5px;
    margin-left:4px;

  }
  #rightHomeCol ol li:before{
    content: counter( LIST-ITEMS ) ".";
    counter-increment: LIST-ITEMS;
    padding-right: 5px;
    font-style: italic;
    font-weight: bold;
  }

/* -- Games Pages -- */
  #gameTableThird{
    display:table;
  }
  #scorecardsThird{
    width:100%;
  }
  .scoresLeftfull{
    display:inline-block;
    width:100%;
  }
  .scoresThirdhalf, .scoresThirdfull{
    display:inline-block;
    width:33%;
  }
  .scoresRightfull{
    display:inline-block;
    width:100%;
  }
  #playerlistThird{
    width:100%;
    display: table-header-group;
  }

}
/* LESS THAN 1008 MORE THAN 640 pixels */


/* LESS THAN 780 pixels */
@media only screen and (max-width:780px){
/* -- only used on tournament details page */
  .fullAndHalf{
    width: 98% !important;
    clear:both;
    margin-bottom:30px;
  }
}


/* LESS THAN 740 pixels for game screen only */
@media only screen and (max-width:720px){
  .ChatName23{
    display: inline-block;
    width:80%;
    border:none;
  }
  .ChatTime23{
    display: inline-block;
    width:18%;
    border:none;
  }
  .ChatMessage23{
    display: inline-block;
    width:98%;
  }
  
  .homeTitle{
    font-size:12pt !important;
  }
  .fakeDivMobile{
    display:inline;
    width:auto;
  }
  #dicerollHolder{
    display: table;
  }
  #firebuttonsHolder{
    display:table-header-group;
    width:100%;
    text-align:center;
  }
  #diceHolder{
    display:table-footer-group;
    width:100%;
    text-align:center;
  }
}
/* LESS THAN 740 pixels for game screen only */




/* LESS THAN 640 pixels */
@media only screen and (max-width: 640px) {
  
#gameCreate23L{
  width:100%;
  margin:0px;
}
#gameCreate13R{
  width:100%;
  margin:0px;
}

#chatForm2023{
  width: 100%;
}
#chat_window23{
  width:100%;
}
#PlayersOnlineDiv{
  width:100%;
  max-width:100%;
}
#playersOnline{
  display: none;
}
.PORow{
  width:100%;
  float:none;
}
#hideShowMenu a{
  display:inline-block;
}
#headerMenu{
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
  }

  #topMenu{
    display:none;
    background-color: #404040;
    border-top:1px solid #e0e0e0;
    border-bottom:1px solid #e0e0e0;
    text-align: center;
  }
  #topMenu li{
    list-style:none;
    display:inline-block;
    width:100%;
    text-align: left;
    margin-left:0px;
    margin-right:0px;
  }
  #topMenu li a{
    color: #e0e0e0;
    font-weight: bold;
    text-decoration: none;
  }
  .topSubMenu{
    background-color:#404040;
    display:none;
    position:relative;
    border:none;
    width:100%;
    text-align: left;
    padding-left:0px;
  }
  .topSubMenu li{
    padding-left: 5px;
    display:block;
  }
  .topSubMenu li a{
    color: #e0e0e0;
    font-weight; bold;
  }
  #topMenu li a:hover, .topSubMenu li a:hover{
    color: #ffffff;
  }
  #mainPage{
    padding-top:70px;
    display: table;
  }
  #midHomeCol{
    display: table-header-group;
  }
  #leftHomeCol{
    display: table-footer-group;
    text-align: center;
  }
  #leftHomeCol ul li{
    display:inline-block;
    margin-left:4px;
    margin-right:4px;
  }

  #rightHomeCol{
    display: table-footer-group;
    text-align: center;
  }
  #rightHomeCol ol{
    counter-reset: LIST-ITEMS 0;
  }
  #rightHomeCol ol li{
    display:inline-block;
    padding-right:5px;
    margin-left:4px;

  }
  #rightHomeCol ol li:before{
    content: counter( LIST-ITEMS ) ".";
    counter-increment: LIST-ITEMS;
    padding-right: 5px;
    font-style: italic;
    font-weight: bold;
  }

/* -- page-specific -- */

/* -- home page -- */
  .homeTitle{
    font-size:12pt !important;
  }

  #homeImage{
    display:block;
    vertical-align:center;
    width:100%;
    text-align: center;
  }
  #homeLogin{
    display:block;
    vertical-align:top;
    min-height:50px;
    width: 100%;
    text-align: center;
  }
  #HP_LikesHold{
    display: none;
  }
  #startNow{
    width:100%;
  }

/* -- diceshop -- */

.tickBoxesDice{
  width:33%;
}

/* -- game create/join/host -- */

  #gameStartLeft{
    width:100%;
    display:block;
  }
  #gameStartRight{
    width:100%;
    display:block;
  }

/* -- Games Pages -- */

  .fakeDivMobile{
    display:inline;
    width:auto;
  }
  #gameTable, #gameTableThird{
    display:table;
  }
  #scorecards, #scorecardsThird{
    display:block;
    width:100%;
  }
  .scorecard{
    display:block;
    width:100%;
  }
  .scoresLeftfull{
    display:inline-block;
    width:100%;
  }
  .scoresRightfull{
    display:inline-block;
    width:100%;
  }
  .scoresThirdhalf{
    display:inline-block;
    width:50%;
  }
  .scoresThirdfull{
    display:inline-block;
    width:100%;
  }
  #playerlist{
    display:block;
    width:100%;
    display: table-header-group;
  }
  #playerlistThird{
    display:block;
    width:100%;
    display: table-header-group;
  }

/* -- Messages Inbox -- */

  .colCheck{
    width:5%;
  }
  .colDate{
    width:30%;
  }
  .colName{
    width:65%;
  }
  .colSubject{
    width:100%;
  }

/* -- Top Scores -- */

  #topScoresLeft{
    width: 100%;
    display:block;
  }
  #topScoresRight{
    width: 100%;
    display:block;
  }

/* -- Message: Compose -- */
  .MsgFormLabel{
    display:block;
    width:100%;
  }
  .MsgFormInput{
    display:block;
    width:100%;
  }


/* -- Settings and profile pages -- */

  .GenFormLabel{
    display:block;
    width:100%;
  }
  .GenFormInput{
    display:block;
    width:100%;
  }

/* -- change dice page -- */
  .MyDiceCheck{
  }
  .MyDiceSelect{
  }
  .MyDiceDice{
  }

/* -- chat/game chat pages -- */

  .ChatName{
    display: inline-block;
    width:45%;
  }
  .ChatTime{
    display: inline-block;
    width:20%;
  }
  .ChatBoard{
    display: inline-block;
    width:35%;
  }
  .ChatMessage{
    display: block;
    width:100%;
  }

/* -- Players Profile -- */

  #PlayersTopLeft{
    display: block;
    width:100%;
  }
  #PlayersPhoto{
    display: block;
    width:100%;
  }
  #PlayersStats{
    display: block;
    width:100%;
  }

/* -- Tournaments -- */
  .TournDesc{
    display: inline-block;
    width:100%;
  }
  .TournDetails{
    display: inline-block;
    width:100%;
  }


}
/* LESS THAN 640 pixels */