body.default {
  border: 0 none;
  font: inherit;
  margin: 0;
  padding: 0;
  background-color: #e0e0e0;
  overflow: hidden;
}
a:link {
  color: #000000;
  text-decoration: none;
}
a:visited {
  color: #000000;
  text-decoration: none;
}
div.glassBg {
  background-image: url(glass.png);
}
div.options {
  border : 1px solid windowframe;
  background-color : window;
  border-radius: 0px 0px 3px 3px;
  box-shadow: 3px 3px 1px rgba(0,0,0,0.5);
  margin: 3px;
  padding: 10px;
}
div.box {
  border : 1px solid windowframe;
  background-color : window;
  border-radius: 5px;
  /*box-shadow: 5px 5px 3px #6e6c86;*/
  box-shadow: 5px 5px 3px rgba(0,0,0,0.5);
}
img {
  margin: 0px;
  padding: 0px;
}
img.media {
  border: 1px inset;
}
div.icon {
  padding: 2px;
  cursor: pointer;
}
div.iconSelected {
  padding: 1px;
  border: 1px dotted black;
}

div.comment {
  border-top: 1px dotted lightgray;
  margin: 5px;
  padding: 10px;
}
div.commentHeader {
  text-align: right;
  color: lightgray;
}

/* for test */
/*div.viewport, div.border, table.border, td.bordered_fix, td.bordered_auto, table.board, table.preview, td.preview, td.title { border: 1px solid blue; }*/

div.viewport {
  text-align: center;
  border: 0 none;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  overflow: auto;
}
table.border {
  margin: 5px;
  padding: 0;
  /*empty-cells: show;*/ /* hide */
  border-collapse: collapse;
  display: inline-table;
  background-color: #ffffff;
}
/* 768 - 192 */
td.bordered_fix, td.bordered_auto {
  width: 800px;
}
td.bordered_fix {
  height: 800px;
  text-align: center;
}
td.bordered_auto {
  vertical-align: top;
  text-align: left;
}
table.board {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  display: table-inline;
}
td.titled_preview {
  vertical-align: top;
  text-align: center;
}
table.preview {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  display: table-inline;
}
td.preview {
  height: 196px;
  width: 196px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
td.title {
  text-align: center;
}

/* mobile */
body.mobile {
  border: 0 none;
  font: inherit;
  margin: 0;
  padding: 0;
}

div.viewportMobile {
  text-align: center;
  border: 0 none;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  overflow: auto;
}

div.viewportMobile, div.headerMobile {
  font-family: Tahoma;
  font-size: 120%;
}

