.divTable{
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	display: table-cell;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}

/*img {
  border:solid 2px;
  border-bottom-color:#ffe;
  border-left-color:#eed;
  border-right-color:#eed;
  border-top-color:#ccb;
  max-height:100%;
  max-width:100%;
}*/

.fill {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}
.fill img {
    flex-shrink: 0;
    min-width: 100%;
    min-height: 100%
}


.pmenu a{
   padding:0 15px;
   margin:0 auto;
   position: relative;
   height: 30px;
   cursor: pointer;
   text-decoration: none;
   color: #16324B;
   line-height: 38px;
   text-align: center;

}


ul.IO-hmenu>li>a
{
   padding:0 10px;
   margin:0 auto;
   position: relative;
   display: block;
   height: 30px;
   cursor: pointer;
   text-decoration: none;
   color: #16324B;
   line-height: 38px;
   text-align: center;
}

ul.IO-hmenu>li>a:hover, .desktop ul.IO-hmenu>li:hover>a
{
   background: #99ccff;
   padding:0 10px;
   margin:0 auto;
}

td.nowrap {
white-space: nowrap;
}

.frame
{
 background-color:#ddc;
  border:solid 5vmin #eee;
  border-bottom-color:#fff;
  border-left-color:#eee;
  border-radius:2px;
  border-right-color:#eee;
  border-top-color:#ddd;
  box-shadow:0 0 5px 0 rgba(0,0,0,.25) inset, 0 5px 10px 5px rgba(0,0,0,.25);
  box-sizing:border-box;
  display:inline-block;
  margin:10vh 10vw;
  height:80vh;
  padding:8vmin;
  position:relative;
  text-align:center;
  &:before {
    border-radius:2px;
    bottom:-2vmin;
    box-shadow:0 2px 5px 0 rgba(0,0,0,.25) inset;
    content:"";
    left:-2vmin;
    position:absolute;
    right:-2vmin;
    top:-2vmin;
  }
  &:after {
    border-radius:2px;
    bottom:-2.5vmin;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.25);
    content:"";
    left:-2.5vmin;
    position:absolute;
    right:-2.5vmin;
    top:-2.5vmin;
  }
}

.photoframe
{
margin: auto;
    width: 50%;
    border: 3px solid green;
    padding: 10px;
// background-color:#ddc;
  border:solid #eee;
//  border-bottom-color:#fff;
//  border-left-color:#eee;
//  border-radius:2px;
//  border-right-color:#eee;
//  border-top-color:#ddd;
//  box-shadow:0 0 5px 0 rgba(0,0,0,.25) inset, 0 5px 10px 5px rgba(0,0,0,.25);
//  box-sizing:border-box;
  display:inline-block;
//  margin:10vh 10vw;
//  height:80vh;
//  padding:8vmin;
/*  position:relative;
  text-align:center;
*/
//  &:before {
//    border-radius:2px;
//    bottom:-2vmin;
//    box-shadow:0 2px 5px 0 rgba(0,0,0,.25) inset;
//    content:"";
//    left:-2vmin;
//    position:absolute;
//    right:-2vmin;
//    top:-2vmin;
//  }
//  &:after {
//    border-radius:2px;
//    bottom:-2.5vmin;
//    box-shadow: 0 2px 5px 0 rgba(0,0,0,.25);
/*    content:"";
    left:-2.5vmin;
    position:absolute;
    right:-2.5vmin;
    top:-2.5vmin;
*/  
}
}