/************************************************************************
* Content styles
*
* Content element styles
*
*/

div#foreground {
  position: relative;
  z-index: 100;
}

div#foregroundConstraint { 
  position: absolute;
  top: 0;
  bottom: 0;
  left: 75px;
  right: 25px;
}

div#foregroundPlaceHolder {
  position: relative;
  margin: 0 3% 0 1%;
  padding: 0;
}

div#foregroundVeil{}

div#foregroundVeil-Top {
  position: relative;
  margin: 0;
  height: 175px;
}

div#foregroundVeil-TopLeftBorder {
  position: absolute;
  top: 0;
  left: 0;
  height: 175px;
  width: 218px;
  background: transparent url(../../../images/themes/classic/layout/backgrounds/NB-NC_ContentPlaceHolder-TL.png) 0 -15px no-repeat;
}

div#foregroundVeil-TopRightBorder {
  position: absolute;
  top: 0;
  right: 0;
  height: 175px;
  width: 216px;
  background: transparent url(../../../images/themes/classic/layout/backgrounds/NB-NC_ContentPlaceHolder-TR.png) 100% -15px no-repeat;
}

div#foregroundVeil-TopBorder {
  margin: 0 216px 0 218px;
  height: 63px;
  background: transparent url(../../../images/themes/classic/layout/backgrounds/NB-NC_ContentPlaceHolder-Top.png) 0 -15px repeat-x;
}

div#foregroundVeil-TopBorder-Centre {
  height: 98px;
  background: transparent url(../../../images/themes/classic/layout/backgrounds/NB_ContentPlaceHolder-TC.png) 50% -34px no-repeat;
} 

div#foregroundVeil-TopTile {
  margin: 0 216px 0 218px;
  height: 112px;
  background: transparent url(../../../images/themes/classic/layout/backgrounds/NB_ContentPlaceHolder-VeilTile.png) 0 0 repeat;
}

div#foregroundVeil-Middle {
  position: relative;
  margin: 0;
  padding: 0;
  z-index: 110;
}

div#foregroundVeil-Middle-LeftBorder {
  position: absolute;
  left: 0;
  top: 0;
  width: 65px;
  height: 100%;
  margin: 0;
  padding: 0;
  background: transparent url(../../../images/themes/classic/layout/backgrounds/NB_ContentPlaceHolder-Left.png) 0 0 repeat-y;
}

div#foregroundVeil-Middle-Tile {
  margin: 0 65px;
  padding: 0;
  height: 100%;
  min-width: 734px;
  background: transparent url(../../../images/themes/classic/layout/backgrounds/NB_ContentPlaceHolder-VeilTile.png) 0 0 repeat;
  z-index: 120;
}

div#foregroundVeil-Middle-RightBorder {
  position: absolute;
  right: 0;
  top: 0;
  width: 65px;
  height: 100%;
  margin: 0;
  padding: 0;
  background: transparent url(../../../images/themes/classic/layout/backgrounds/NB_ContentPlaceHolder-Right.png) 0 0 repeat-y;
}

div#foregroundVeil-Bottom {
  position: relative;
  margin: 0;
  height: 207px;
}

div#foregroundVeil-BottomLeftBorder {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 207px;
  width: 218px;
  background: transparent url(../../../images/themes/classic/layout/backgrounds/NB_ContentPlaceHolder-BL.png) 0 0 no-repeat;
}

div#foregroundVeil-BottomRightBorder {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 207px;
  width: 216px;
  background: transparent url(../../../images/themes/classic/layout/backgrounds/NB_ContentPlaceHolder-BR.png) 100% 0 no-repeat;
}

div#foregroundVeil-BottomTile {
  margin: 0 216px 0 218px;
  height: 122px;
  background: transparent url(../../../images/themes/classic/layout/backgrounds/NB_ContentPlaceHolder-VeilTile.png) 0 0 repeat;
}

div#foregroundVeil-BottomBorder {
  margin: 0 216px 0 218px;
  height: 85px;
  background: transparent url(../../../images/themes/classic/layout/backgrounds/NB_ContentPlaceHolder-Bottom.png) 0 0 repeat-x;
}

div#foregroundVeil-BottomBorder-Centre {
  height: 64px;
  background: transparent url(../../../images/themes/classic/layout/backgrounds/NB_ContentPlaceHolder-BC.png) 50% 0 no-repeat;
} 
