/* write your CSS rules here, do not use inline style if possible */

#content {
  text-align:center;
  padding:0px;
  overflow:auto;
  position:absolute;
  width:100%;
  height:100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap:wrap;
}

#messagePanel{
  overflow: auto;
  z-index:4;
  display:none;
  background:white;
  position:absolute;
  left:0px;
  top:0px;
  right:0;
  bottom:0;
  border:13px solid #555;
  text-align:center;
  padding:20px;
}
.round{

}
.shadow{
 -webkit-box-shadow:0px 1px 8px #333;
 -moz-box-shadow:0px 1px 8px #333;
 box-shadow:0px 1px 8px #333;
}

.puzzleTile {
 position:relative;
 margin: -13px;
 display: inline-block;
 margin-bottom: -17px;
 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -o-user-select: none; 
 user-select: none;
  /* this will work for QtWebKit in future */
  -webkit-user-drag: none;
}
.puzzleTile.firstColumn:after{
  content:"";
  position:absolute;
  left: 15px;
  top: 50%;
  margin-top: -30px;
  height: 60px;
  width: 10px;

  background:white;
}
.puzzleTile.lastColumn:after{
  content:"";
  position:absolute;
  right: 15px;
  top: 50%;
  margin-top: -30px;
  height: 60px;
  width: 10px;

  background:white;
}
.imgHorz {
    width: 98%;
    height: auto;
}
.imgVert {
    height: 98%;
    width: auto;
}

.btnlink{
 border:5px solid #555;
 padding:10px;
 padding-top:0px;
 padding-bottom:1px;
 display:inline-block;
 margin:4px;
 font-weight:bold;
 color:#ccc;
 cursor:pointer;
 background:#555;
 text-decoration:none;

}
.btnlink:hover{
 color:white;
 background: #87aed2;
 border-color:#87aed2;
}
.selectedButton{
 color:white;
 background: #4191dc;
 border-color:#4191dc;
}
.selectedButton:hover{
 color:white;
 background: #4191dc;
 border-color:#4191dc;
}

html, body, div, span, object, td, 
form, input, h1, h2, button, label, a, img {
 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -o-user-select: none; 
 user-select: none;
  /* this will work for QtWebKit in future */
  -webkit-user-drag: none;

 font-family:  arial, sans-serif;
}

table {
 padding-bottom:8px;
 word-break: break-word;
}