/*=============================*/
/*   F R A M E   S T Y L E S   */
/*=============================*/
body{
  margin:0px;
  padding:0px;
  overflow:hidden;
  background-color:#777777;

}

/* frame container of the page*/
div.frmWrapper{
  position:absolute;
  width:100%;
  height:100%;
  border:0;
  border-width:0px;
  border-color:#123456;
  margin:0;
  padding:0;            /* set =0 when frmHeader,frmFooter have a dynamic height*/
  overflow:hidden;
  z-index:0;

  -moz-box-sizing: border-box; /*for firefox*/
  box-sizing:border-box;

}

/*=========================================================================*/
/* H E A D E R    S T Y L E                                                */
/*=========================================================================*/
div.frmHeader{
  position:relative;
  width:100%;
  height:10%;                  /* header has a dynamic height */
  min-height:20px;
  border:0;
  border-width:0px;
  border-color:#123456;
  margin:0;
  padding:0;
  overflow:hidden;
  z-index:1;

  -moz-box-sizing: border-box; /*for firefox*/
  box-sizing:border-box;

  /*top:0px;*/  /* stick it to the top*/

}

iframe.frmHeader{
  width:100%;
  height:100%;
  border:0;
  margin:0;
  padding:0;
  overflow:hidden;
}

/*=========================================================================*/
/* C O N T E N T    S T Y L E                                              */
/*=========================================================================*/

/*wrapper for the content blocks*/
div.frmContent{
  position:relative;
  /*display:block;*/
  width:100%;
  height:80%;
  border:0;
  border-width:0px;
  border-color:#123456;
  margin:0;
  padding:0;
  overflow:hidden;
  z-index:3;

  -moz-box-sizing: border-box; /*for firefox*/
  box-sizing:border-box;

}

div.frmSidebarA{
  position:relative;
  width:15%;
  height:100%;
  border:0;
  border-width:0px;
  border-color:#123456;
  margin:0;
  padding:0;
  overflow:hidden;
  z-index:2;

  -moz-box-sizing: border-box; /*for firefox*/
  box-sizing:border-box;

  /*left:0px;*/     /* stick it to the left*/
  float:left;

}

iframe.frmSidebarA{
  width:100%;
  height:100%;
  border:0;
  margin:0;
  padding:0;
  overflow:hidden;
}

/* the frame for the main content of the page */
div.frmCenter{
  position:relative;
  width:70%;
  height:98%;
  border:0;
  border-width:0px;
  border-color:white;
  margin:0;
  padding:0;
  overflow:hidden;
  z-index:4;

  -moz-box-sizing: border-box; /*for firefox*/
  box-sizing:border-box;

  float:left;
  vertical-align:middle;

  -moz-box-shadow:    6px 6px 6px 0px #222222;
  -webkit-box-shadow: 6px 6px 6px 0px #222222;
  box-shadow:         6px 6px 6px 0px #222222;

}

iframe.frmCenter{
  position:relative;
  width:100%;
  height:100%;
  border:0;
  margin:0;
  padding:0;
  overflow:hidden;
 
}


/* style of sidebar B */
div.frmSidebarB{
  position:relative;
  width:15%;
  height:100%;
  border:0;
  border-width:0px;
  border-color:#123456;
  margin:0;
  padding:0;
  overflow:hidden;
  z-index:2;  

  -moz-box-sizing: border-box; /*for firefox*/ 
  box-sizing:border-box;

  /*right:0px;*/    /* stick it to the right*/
  float:left;

}

iframe.frmSidebarB{
  width:100%;
  height:100%;
  border:0;
  margin:0;
  padding:0;
  overflow:hidden;
}


/*=========================================================================*/
/* F O O T E R    S T Y L E                                                */
/*=========================================================================*/
div.frmFooter{
  position:relative;
  width:100%;
  height:10%;
  min-height:20px;
  -moz-box-sizing: border-box; /*for firefox*/
  box-sizing:border-box;
  border:0;
  border-width:0px;
  margin:0;
  padding:0;
  overflow:hidden;
  z-index:2;
}

iframe.frmFooter{
  width:100%;
  height:100%;
  border:0;
  margin:0;
  padding:0;
  overflow:hidden;
}