div.figure {
  display: table;
  float: left;
  width: 40%;
  text-align: center;
  font-style: italic;
  font-size: small;
  text-indent: 0;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}
div.figure p + p {
  display: table-caption;
  caption-side: top;
}

.center {
    margin: 0 auto;
    width: 60%;
    border: 1px solid #FFCC98;
    padding: 10px;
}

.scrollable {
    overflow: auto;
}

/*To solve overlap bug at the edges during magnification*/
body {scrollbar-face-color: #FFCC98; 
scrollbar-shadow-color: #EEFECE; 
scrollbar-highlight-color: #FEF4DA; 
scrollbar-3dlight-color: #EEFECE; 
scrollbar-darkshadow-color: #EEFECE; 
scrollbar-track-color: #EEFECE; 
scrollbar-arrow-color: #EEFECE;
}


.small { display: block; }


.blue_on_green_script {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #0099CC; letter-spacing: 5pt}
.emailnote { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #33CC66}
.small_note {  font-family: Arial, Helvetica, sans-serif; font-size: xx-small; color: #0066FF}
.cv_data1 { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: normal; color: #009999}
.green_on_blue_script { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #009966; letter-spacing: 5pt }
.green_on_blue_progs { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #009966; letter-spacing: 2pt}
.employerjob { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #33CC66 ; letter-spacing: normal}
.employer { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #009966; letter-spacing: 5pt }
.cv_data2 { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; color: #009999 }