/* Sticky footer styles
-------------------------------------------------- */
html
{
  position: relative;
  min-height: 100%;
}

body
{
  /* Margin bottom by footer height (set by javascript now in main_v) */
  margin-bottom: 0px;
  font-family: Tahoma, Geneva, sans-serif;
}

.footer
{
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here (set by javascript now in main_v) */
  height: 0px;
  background-color: #f5f5f5;
}


/* Page styles
-------------------------------------------------- */
div#pageHeaderTitleArea
{
  font-size: 16px;
  left: 50px;
  position: relative;
  top: 8px;
}

div#jbmHeaderTitle
{
  display: flex;
  justify-content: space-between;
/*  font-size: 25px; */ 
/*  font-size: 1.4vw; */
/*  font-size: 5.2vh; */
  font-size: 2.7vmin;
  color: white;
/*  font-weight: bold; */
}

/* Special styles for Mobile devices
-------------------------------------------------- */
div#pageHeader
{
  background-image: url(/assets/img/header/header-thin-repeater-blue.gif);
  background-repeat: repeat-x;
  height: 86px;
}

div#loginName
{
  font-size: 12px;
  position: relative;
/*  color: white; */
  left: 25px;
  top: 24px;
}

div#logoutDiv
{
  font-size: 12px;
  font-weight: bold;
  position: relative;
  top: 6px;
  right: 40px;
}

div#logoutDiv a
{
  text-decoration: none;
  color: #000;
  /* color: white; */
}

div#jbmLogoSmallRight
{
  font-size: 24px;
/*  font-weight: bold;  */
  position: relative;
  color: white;
  top: -46px;
}

div.memberdetails
{
  margin-top: 20px;
}

div.memberdetailsmorebutton
{
  margin-top: 20px;
}

div.memberdetailsdiv
{
  margin-top: 75px;
}

div.memberdetailsdetail
{
  margin-top: 50px;
}

div.profile_information
{
  margin-top: 70px;
}

td.tdsubject
{
  font-weight: bold;
  padding: 5px;
}

td.tdcontent
{
  padding: 5px;
}

th.tdcontent
{
  padding: 5px;
}

div.main-pension {
/*   width: 1200px; */
   width: 1170px;
   height: 40px;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
}

div.pension_tabpanel {
   width: 1170px;
}

div.pension-total-labels {
   display:inline-block;
   margin-left:124px;
   margin-right:124px;
   background-color: #337ab7;
   border-color: #46b8da;
   color: #fff;
   border-radius: 4px;
   font-size: 14px;
   font-weight: 400;
   height:32px;
   margin-bottom: 0;
   padding: 6px 12px;
   text-align: center;
   vertical-align: middle;
   white-space: nowrap;
}

div.pension-totals {
   border: 2px solid;
   display:inline-block;
   padding: 5px;
   margin-left:156px;
   margin-right:156px; 
}

#head-member-name {
   background-color: #5bc0de;
   border-color: #46b8da;
   color: #fff;
   border-radius: 4px;
   display: inline-block;
   font-size: 14px;
   font-weight: 400;
   height:32px;
   margin-bottom: 0;
   padding: 6px 12px;
   text-align: center;
   vertical-align: middle;
   white-space: nowrap;
}

#head-title {
   display: inline-block;
}

/* the nth-child code below colorizes certain rows in a certain table. */
tr.security-row:nth-child(8) {
  color:blue;
}

tr.security-row:nth-child(9) {
  color:green;
}

tr.security-row:nth-child(1) {
  color:blue;
}

/* this suppresses the printing of full URLs on links in webpages. */
@media print {
	a[href]:after{
		content:none
	}
}