body {
   margin: 0px;
   padding: 0px;
}

/* STYLES FOR TOP */
#top .menuBar {
   height: 31px;
   color: #5c5c5c;
}

#top .menuBar .menu {
   float: right;
   height: 31px;
   color: #5c5c5c;
   margin-right: 5px;
}

#top .menuBar .menu .menuHyperlinkCell {
   padding-right: 4px;
}

#top .menuBar .menu .menuHyperlink {
   color: #666666;
   text-decoration: none;
}

#top .menuBar .menu .nodeContainer {
   border-right: solid 1px #666666;
   padding-left: 4px;
   padding-right: 4px;
}

#top .menuBar .menu .node {
   color: #666666;
   text-decoration: none;
}

#top .menuBar .menu .activeNode {
   color: #666666;
   text-decoration: none;
   font-weight: bold;
}

/* STYLES FOR MIDDLE */
.middleBlue .menuBar {
   background-color: #087cbc;
   height: 45px;
}

.middleBlue .menuBar .menu {
   width: 775px;  /* 984 */
   float: left;
   padding-top: 15px;
}

.middleBlue .menuBar .menu .container {
}

.middleBlue .menuBar .menu .nodeContainer {
   border-right: solid 1px #fff;
   padding-left: 3px;
   padding-right: 3px;
}

.middleBlue .menuBar .menu .node {
   text-decoration: none;
   color: White;
}

.middleBlue .menuBar .menu .activeNode {
   color: White;
   text-decoration: none;
   font-weight: bold;
}


.middleBlue .menuBar .fontSizeControl {
   text-align: right;
   width: 199px;
   float: right;
}
.middleBlue .menuBar .fontSizeControl .fontSizeLinkButtonContainer {
   line-height: 45px;
   padding-right: 5px;
}

.middleBlue .menuBar .fontSizeControl .fontSizeLinkButton {
   color: White;
}

.middleBlue .menuLeft {
   background-color: #c6dff1;
   float:left;
   min-height: 1px;
   height: auto;
   width: 270px;
}

.middleBlue .menuLeft .secondMenu {
   margin-left: 15px;
   margin-top: 17px;
   /* margin-top: 17px; */
}

.middleBlue .menuLeft .secondMenuNode {
   color: #5c5c5c;
   text-decoration: none;
   font-weight: bold;
}

.middleBlue .menuLeft .secondMenuNodeActive {
   color: #087cbc;
   font-weight: bold;
   text-decoration: underline;
}

.middleBlue .menuLeft .secondMenuNodeActive img {
   padding-right: 3px;
}

.middleBlue .menuLeft .menuHeaderText {
   text-decoration: underline;
   color: #087cbc;
   font-weight: bold;
   padding-bottom: 5px;
   display:block;
}

.middleBlue .menuLeft .thirdMenu {
   margin-top: 17px;
   margin-left: 26px;
}

.middleBlue .menuLeft .thirdMenuNode {
   color: #5c5c5c;
   text-decoration: none;
   font-weight: bold;
}

.middleBlue .menuLeft .thirdMenuNodeActive {
   color: #087cbc;
   font-weight: bold;
   text-decoration: underline;
}

.middleBlue .menuLeft .thirdMenuNodeActive img {
   padding-right: 3px;
}

.middleBlue .menuLeft .thirdSubMenu {
   margin-left: 17px;
   /* margin-top: 17px; */
}

.middleBlue .content {
   background-color: #c6dff1;
   float: left;
   padding-bottom: 5px;
}

/* printout Image only needs to be displayed on a printout */
@media print {
  .middleBlue .content .printoutImage {
    text-align: right;
  }
}

@media screen {
  .middleBlue .content .printoutImage {
    display: none;
  }
}

.middleBlue .content .pageName {
   color: #067cbc;
   font-weight: bold;
   height: 50px;
}

.middleBlue .content .pageName .pageNameLabel {
   /* center the label */
   line-height: 50px;
}

.middleBlue .content .text {
   width: 696px;
   overflow: hidden;    

}

/*Styles for screenshot pages*/
.areaLeft {
  width: 270px;
  float: left;
  background-color: #c6dff1;
  height: auto;
}

.productImages {
  margin-top: 20px;
  float: left;
  width: 270px;
}

#ProductImages .text {
  padding-left: 40px;
  width: 230px;
}

.productReport{
  float: left;
  width: 270px;
}

#ProductReport .text {
  padding-left: 40px;
  width: 230px;
}

#ProductText {
  width: 693px;
  float: right;
}

.modalBackground {
  background-color: Gray;
  filter:alpha(opacity=70);
	opacity:0.7;
}

.backLink {
  text-align: center;
  font-weight: bold;
  background-color: #c6dff1;
  width: 693px;
  float: right;
}

#footer {
  width: 100%;
}

.fullWidth {
  width: 100%;
  background-color: #c6dff1;
}

#containerRetail{
   margin: 0 auto;
   text-align: left;
   height: 100%; 
   width: 976px;
}

div[id*=_pnlPopup]{
  height: auto;
  width: auto;
  
}

img[id*=_bigPic] {
  height: auto;
  width: auto;
}

/*** Styling for PensioenKnip ***/
.pensioenKnipPanel {
   width: 680px;
}

.pensioenKnipPanel .MdlArchQuestionPageContainer {
   width: 680px;
}

.pensioenKnipPanel .MdlArchQuestionPageContainer .MdlArchQuestionPanelContainer {
   width: 400px;
}

.pensioenKnipPanel .MdlArchQuestionPageContainer .MdlArchFFValNorm {
   width: 100px;
}

.pensioenKnipPanel .MdlArchQuestionPageContainer .DftTypeDropDown .MdlArchFFValNorm {
   width: 110px;
}

.pensioenKnipPanel .MdlArchQuestionPageContainer .MdlArchQuestionPanelHelpTextContainer {
   width: 280px;
}

.pensioenKnipPanel .MdlArchQuestionPageContainer .MdlArchButton {
   margin-right: 15px;
   font-family: Arial;
   font-size: 10pt;
}

.aowToolPanel .MdlArchQuestionPageContainer .MdlArchButton {
   margin-right: 61px;
   font-family: Arial;
   font-size: 10pt;
}

.aowToolPanel #ctl00_AOWToolGegevensModule_ctl01_qcc-2988 TD,
.aowToolPanel #ctl00_AOWToolGegevensModule_ctl02_qcc-2988 TD {
   padding-top: 100px;
   display: block;
}

.aowToolPanel #ctl00_AOWToolGegevensModule_ctl01_qc-AOW_Attentie .MdlArchFFLbl,
.aowToolPanel #ctl00_AOWToolGegevensModule_ctl02_qc-AOW_Attentie .MdlArchFFLbl {
   position: relative;
   height:75px;
   vertical-align: top;
}

.aowToolPanel #ctl00_AOWToolGegevensModule_ctl01_qc-AOW_Attentie .MdlArchFFLbl DIV,
.aowToolPanel #ctl00_AOWToolGegevensModule_ctl02_qc-AOW_Attentie .MdlArchFFLbl DIV {
   position: absolute;
   width: 680px;
}

.aowToolPanel #ctl00_AOWToolGegevensModule_ctl01_qc-AOW_Attentie2 .MdlArchFFLbl,
.aowToolPanel #ctl00_AOWToolGegevensModule_ctl02_qc-AOW_Attentie2 .MdlArchFFLbl  {
   position: relative;
   height: 45px;
   vertical-align: top;
}

.aowToolPanel #ctl00_AOWToolGegevensModule_ctl01_qc-AOW_Attentie2 .MdlArchFFLbl DIV,
.aowToolPanel #ctl00_AOWToolGegevensModule_ctl02_qc-AOW_Attentie2 .MdlArchFFLbl DIV {
   position: absolute;
   width: 680px;
}

.aowToolPanel #ctl00_AOWToolGegevensModule_ctl01_qc-AOW_Attentie3 .MdlArchFFLbl,
.aowToolPanel #ctl00_AOWToolGegevensModule_ctl02_qc-AOW_Attentie3 .MdlArchFFLbl  {
   position: relative;
   height: 60px;
   vertical-align: top;
}

.aowToolPanel #ctl00_AOWToolGegevensModule_ctl01_qc-AOW_Attentie3 .MdlArchFFLbl DIV,
.aowToolPanel #ctl00_AOWToolGegevensModule_ctl02_qc-AOW_Attentie3 .MdlArchFFLbl DIV {
   position: absolute;
   width: 680px;
}

.aowToolPanel #ctl00_AOWToolGegevensModule_ctl01_qc-AOW_Attentie4 .MdlArchFFLbl,
.aowToolPanel #ctl00_AOWToolGegevensModule_ctl02_qc-AOW_Attentie4 .MdlArchFFLbl  {
   position: relative;
   height: 30px;
   vertical-align: top;
}

.aowToolPanel #ctl00_AOWToolGegevensModule_ctl01_qc-AOW_Attentie4 .MdlArchFFLbl DIV,
.aowToolPanel #ctl00_AOWToolGegevensModule_ctl02_qc-AOW_Attentie4 .MdlArchFFLbl DIV {
   position: absolute;
   width: 680px;
}

.pensioenKnipPanel .MdlPensionCalculationResultsLabelContainer {
   width: 350px;
}

.pensioenKnipPanel .MdlPensionCalculationResultsValueContainer {
   width: 210px;
   text-align: left;
}

.pensioenKnipPanel .MdlPensionCalculationResultsExtraValueContainer {
   width: 100px;
   text-align: left;
}

.pensioenKnipPanel #ctl00_PensioenKnipGegevensModule_ctl02_qc-Pensioenknip_Attentie .MdlArchFFLbl,
.pensioenKnipPanel #ctl00_PensioenKnipGegevensModule_ctl01_qc-Pensioenknip_Attentie .MdlArchFFLbl {
   position: relative;
   height: 35px;
   vertical-align: top;
}

.pensioenKnipPanel #ctl00_PensioenKnipGegevensModule_ctl02_qc-Pensioenknip_Attentie .MdlArchFFLbl DIV,
.pensioenKnipPanel #ctl00_PensioenKnipGegevensModule_ctl01_qc-Pensioenknip_Attentie .MdlArchFFLbl DIV {
   position: absolute;
   width: 680px;
}

.pensioenKnipPanel #ctl00_PensioenKnipGegevensModule_ctl02_qc-Pensioenknip_Attentie_2 .MdlArchFFLbl,
.pensioenKnipPanel #ctl00_PensioenKnipGegevensModule_ctl01_qc-Pensioenknip_Attentie_2 .MdlArchFFLbl  {
   position: relative;
   height: 60px;
   vertical-align: top;
}

.pensioenKnipPanel #ctl00_PensioenKnipGegevensModule_ctl02_qc-Pensioenknip_Attentie_2 .MdlArchFFLbl DIV,
.pensioenKnipPanel #ctl00_PensioenKnipGegevensModule_ctl01_qc-Pensioenknip_Attentie_2 .MdlArchFFLbl DIV {
   position: absolute;
   width: 680px;
}

.pensioenKnipPanel #ctl00_PensioenKnipGegevensModule_ctl02_qc-Pensioenknip_Attentie_3 .MdlArchFFLbl,
.pensioenKnipPanel #ctl00_PensioenKnipGegevensModule_ctl01_qc-Pensioenknip_Attentie_3 .MdlArchFFLbl  {
   position: relative;
   height: 30px;
   vertical-align: top;
}

.pensioenKnipPanel #ctl00_PensioenKnipGegevensModule_ctl02_qc-Pensioenknip_Attentie_3 .MdlArchFFLbl DIV,
.pensioenKnipPanel #ctl00_PensioenKnipGegevensModule_ctl01_qc-Pensioenknip_Attentie_3 .MdlArchFFLbl DIV {
   position: absolute;
   width: 680px;
}

.pensioenKnipPanel .MdlArchQuestionPageContainer .MdlArchButtonPanel {
   padding-bottom: 10px;
}

.calculatedMessageTable {
   border: solid 1px black;
   width: 100%;
   margin-top: 10px;
}

.calculatedMessageTableCell {
   padding: 4px;
}

.calculatedMessageTableTitleCell {
   background-color: #087cbc;
   color: #FFFFFF;
   font-weight: bold;
   padding: 2px 2px 2px 2px;
   border-bottom: solid 1px black;
}

#_pensionReportMessage {
   background-color: #c6dff1;
   width: 994px;
}

#_pensionReportMessage .header {
   background-color: #FFFFFF;
}

.menuBarWhite {
   background-color: #FFFFFF;
   height: 35px;
}

.menuBarDark {
   background-color: #087cbc;
   height: 45px;
}

.reportMessageLbl {
   margin: 30px;
   display: block;
   font-family: Tahoma;
   font-size: 13px;
}

#_pensionReportFooter {
   background-color: #FFFFFF;
   width: 100%;
   text-align: right;
   color: #666666;
   font-size: 13px;
   font-family: Tahoma;
}

#_pensionReportFooter #_copyright {
   padding-right: 5px;
   padding-top: 10px;
   display: block;
   height: 28px;
}

.shadeLeft {
   background-image: url(images/shadeLeft.gif);
   background-repeat:repeat-y; 
   background-position: 0%;
   padding-left: 10px;
}

.shadeRight {
   background-image: url(images/shadeRight.gif);
   background-repeat:repeat-y; 
   background-position: 100%;
   padding-right: 8px;
}