body.viewer
{
  margin: 0px;
  padding: 0px;
}
body.list
{
  margin:0px;
  padding: 10px 0px 0px 0px;
/*  background-color: red;  */
}

table.main
{
  width: 100%;
  height: 100%;
  border-collapse: collapse;
  border: 0px solid;
  margin: 0px 0px 0px 0px;
}
td.back1
{
  min-width: 52px;
  width: 52px;
  background-image: url(../prev.png);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
td.back2
{
  min-width: 52px;
  width: 52px;
  background-image: url(../prev4.png);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
td.back0
{
  min-width: 52px;
  width: 52px;
  background-image: url(../prev5.png);
  background-repeat: no-repeat;
  background-position: center;
}
td.next1
{
  min-width: 52px;
  width: 52px;
  background-image: url(../next.png);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
td.next2
{
  min-width: 52px;
  width: 52px;
  background-image: url(../next4.png);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
td.next0
{
  min-width: 52px;
  width: 52px;
  background-image: url(../next5.png);
  background-repeat: no-repeat;
  background-position: center;
}
td.m__on
{
  min-width: 52px;
  width: 52px;
  height: 52px;
  background-image: url(../on.png);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
td.m_eff
{
  min-width: 52px;
  width: 52px;
  height: 52px;
  background-image: url(../eff.png);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
td.m_off
{
  min-width: 52px;
  width: 52px;
  height: 52px;
  background-image: url(../off.png);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
td.m_end
{
  min-width: 52px;
  width: 52px;
  height: 52px;
  background-image: url(../end.png);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
td.list_
{
  width: 52px;
  height: 52px;
  background-image: url(../list.png);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
td.top_0
{
  width: 52px;
  height: 60px;
  background-image: url(../top.gif);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
td.brnk1
{
  min-width: 52px;
  width: 52px;
}
td.brnk2
{
  min-width: 52px;
  width: 52px;
}
td.brnk3
{
  min-width: 52px;
  width: 52px;
  height: 52px;
}
td.brnk4
{
  min-width: 52px;
  width: 52px;
  height: 52px;
}
td.view
{
  min-width: 400px;
  min-height: 300px;
  vertical-align: middle;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
}

table.header
{
  width: 100%;
  border: 0px solid;
  background-color: #ADE0FC;
}
table.header th
{
  height: 40px;
  color: #FFFFFF;
  font-size: x-large;
  font-weight: normal;
  text-align: center;
}
table.header td.brnk3
{
  width: 40px;
  background-color: #ADE0FC;
  cursor: pointer;
}
table.header td.m_end2
{
  width: 40px;
  background-color: #ADE0FC;
  background-image: url(../end2.png);
  background-repeat: no-repeat;
  background-position: right;
  cursor: pointer;
}

div.list
{
  padding: 5px 0px; 
/*  height: 87%;  */
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
table.list
{
  border: 0px;
}
table.list th
{
  height: 40px;
  color: #FFFFFF;
  font-size: x-large;
  font-weight: normal;
  text-align: center;
}
table.list td
{
  padding: 3px;
  text-align: center;
  vertical-align: middle;
}
table.list td.footer
{
  color: #FFFFFF;
  font-weight: bold;
  height: 30;
  background-color: #ADE0FC;
}
table.list a:link    {color: #FFFFFF;}
table.list a:visited {color: #FFFFFF;}
table.list a:active  {color: #FFFFFF;}
table.list a:hover   {color: #FFFFFF;}

table.next
{
  width: 100%;
  border: 0px solid;
  background-color: #ADE0FC;
}
table.next td
{
  text-align: center;
  vertical-align: middle;
  background-color: #FFFFFF;
}
table.next td.footer
{
  color: #FFFFFF;
  font-weight: bold;
  height: 30;
  background-color: #ADE0FC;
}
table.next a:link    {color: #FFFFFF;}
table.next a:visited {color: #FFFFFF;}
table.next a:active  {color: #FFFFFF;}
table.next a:hover   {color: #FFFFFF;}

table.footer
{
  width: 99%;
  height: 62px;
  border-collapse: collapse;
  border: 0px solid;
  margin: 5px 0px 0px 0px;
}
table.footer td.brnk5
{
}
table.footer td.m__on
{
  width: 52px;
  background-color: #FFFFFF;
}
table.footer td.m_eff
{
  width: 52px;
  background-color: #FFFFFF;
}
table.footer td.m_off
{
  width: 52px;
  background-color: #FFFFFF;
}

img
{
  border: 0px;
}
img.main
{
  border: 0px;
  width: auto;
  height: 99vh;
  cursor: pointer;
}
img.list
{
  width: 200px;
  border: 2px #82E0FC solid;
}
div.list a:hover .list
{
  border: 2px #FC82E0 solid;
}
div.list_i a:hover .list
{
  border: 2px #FC82E0 solid;
}

a.t_link
{
  display: block;
  width: 100%;
  height: 100%;
}

.index
{
  cursor: pointer;
}
div.index
{
  text-decoration: underline;
}
div.comment
{
  font-size: smaller;
  color: #666699;
}
div.touchbox
{
  width: 100%;
  height: 100%;
}