/* All of the styles in this file were required as at 1 July 2009 */
@-ms-viewport{width: device-width}
/* Fonts are imported by menuStyles.css
@import url(https://fonts.googleapis.com/css?family=Cuprum);
@import url(https://fonts.googleapis.com/css?family=Montserrat);*/

* {box-sizing: border-box;}

body.NotesPage {font-family: Verdana, Arial, Helvetica, sans-serif; margin-left: 20px; font-size: 15px;}

body.blue {font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; background-color: #c1e2ff; font-size: 15px; }
body.rs_blue {font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; background-color: #c1e2ff; font-size: 1em; margin: 0px; padding: 0px }
body.rs_grey {font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; background-color: #FFFFF0; font-size: 1em; margin: 0px; padding: 0px }

/* SubMenu is a Div used to provide print options */
#SubMenu{position:absolute;border:1px solid black;border-bottom-width: 0;font:bold 12px Tahoma;
  line-height:30px;z-index:100;}
#SubMenu a{width: 98%;display: block;text-indent: 3px;border-bottom: 1px solid black;padding: 1px;
  text-decoration: none;  color: #000099;}
#SubMenu a:hover{background-color: yellow;}

#pageDescription{margin-left: 15px;}
#pageHead{text-align: center; width: 100%;}
#pTitle{text-align:center;}
#pTitle p{margin-bottom: 20px; margin-top: 5px }
#pTitle h2{margin-bottom: 5px;}
#chart{position: absolute; text-align: left; font-family: Cuprum;}
#yNote{background-color: #FFFF66; margin-left: 20%; margin-right: 20%;
   margin-bottom: 1em; margin-top: 1em; padding: 1em}
div.YSpouseBox {
/*  position: relative; */
   height: 100px; width: 170px; background-color: #FFFFCC;
 color: #000000; padding: 5px; border: 1px solid #000000;z-index: 5}
div.YSpouseBox a{color: #000000}

div.YMarryBox {height: 50px; width: 290px; background-color: #FFFFCC;
 color: #000000;  padding: 5px; border: 1px solid #000000; text-align: center}

div.YellowTextBox {position: absolute; background-color: #FFFFCC;
 color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif;padding: 5px}

div.dnaBox{border:medium solid #FFA500}

div.TopMenuTab {position: absolute; top: 1px }

div.Pack25 {position: absolute; width: 25px;}

div.mainLine { background: #66CCFF; color: #000000; padding: 5px;}
div.mainLine a{color: #000000;}

div.branch{background: #0080FF; color: #FFFFFF; padding: 5px }
div.branch a{color: #FFFFFF;}

div.searcher { font-size: 12px}
div.searcher a {font-weight: bold}

div.menufooter a {line-height: 30px;}
div.lastupdate {width: 100%; text-align: right; font-size: smaller; padding-right: 1em }
#rs_lastupdate {width: 100%; text-align: right; font-size: smaller; padding-right: 1em }

table.Font10{ font-size: 95% }
p.website {font-size: 14px; line-height: 25px }

table.list a{line-height: 30px}

/* The following styles td.caption and td.message are for the PopUp information boxes */
table.Popup {border-collapse:collapse; border: thin solid #333399;}
td.caption {background-color: #0033CC;color: #FFFFFF; width: 200px;padding: 2px;
  font-size: 12px;font-weight: bold;}

td.message{background-color: #CCCCFF;color: #000000; width: 200px;
padding: 2px;vertical-align: top; font-size: 11px}

td.ts_caption{background-color: #0033CC;color: #FFFFFF;width: 185px;padding: 2px;
  font-size: 12px;font-weight: bold;}
td.ts_captionX{background-color: #0033CC;color: #FFFFFF;width: 15px;padding: 2px;vertical-align: top;}
img.ts_exit{border:0; height: 15px;}

td.ts_message{background-color: #CCCCFF;color: #000000;width: 200px;
    padding: 2px;vertical-align: top; font-size: 11px}


/*The following styles are for the search box on the menu bar*/

#rs_sboxm{font-size: 85%;height: 21px; color: #8F8F8F;vertical-align: bottom; padding: 0 }
#rs_sbtn{height: 2em;width: 2em; background-image: url(images/blackMagnifier.png);background-repeat: no-repeat;
background-color: transparent; background-position: center; padding: 0;
background-size: contain;
border: none}

#rs_sbtn:hover{background-image: url(images/blackMagnifierH.png)}

#rs_sbox{margin-top: 12px;margin-left: 5px; width: 150px }


/* Responsive Screen Container Div */
.rs_container{text-align: center; width: 100%}
.rs_container:after {content: ""; clear: both; display: block;}

  /* Responsive Screen Block Contents Div */

.rs_contents ul {list-style-type: none; margin: 0; padding: 0;}
.rs_contents li {padding: 5px; margin-bottom: 3px;}
.rs_contents a:hover {background-color: #E6E6FA}
.rs_contents a:visited {color: #0000CD }
.rs_contents a:link {color:#0000CD}

/* Footer Styles */

.rs_footer{ width: 100%; text-align: left; padding: 1em;
  margin-top: -150px;; height: 150px; position: relative; clear: both; }

.rs_footer:after {content: ""; clear: both; display: block;}
.rs_footer a:hover {background-color: #B0C4DE}
.rs_footer a:visited {color: #000000 }
.rs_footer a:link {color:#000000}

.rs_footerTable{width:100%; border-spacing: 0}
.rs_footerTable tr{width: 100%;}
.rs_footerTable td{width: 50%; padding: 0.4em; vertical-align: top }
.rs_footerCol45{width: 45%; border-bottom: none; float: left }

#main{ min-height:100%; padding-bottom: 9em;overflow: auto;}

  table.centred{margin-right: auto; margin-left: auto; border-spacing:0px; margin-bottom: 1.5em; margin-top: 1.5em; width: 100% }
  .centred td{border: thin solid #A9A9A9; padding: 5px}
  table.dataview{margin-right: 2px; margin-left: 2px; border-spacing:0px; margin-bottom: 1.5em; margin-top: 1.5em; width: 99% }
  .dataview td{border: thin solid #A9A9A9; padding: 5px}

/* For desktop: */
      .col3 {width: 3%; border-bottom: none}
      .col50 {width: 50%; border-bottom: none }
      .col45 {width: 45%; border-bottom: none }
      .col30 {width: 30%; border-bottom: none }
      .col70 {width: 70%; border-bottom: none }
      .rs_list40 {width: 40%}
      .rs_list30 {width: 30%}
      .rs_list20 {width: 20%}
      .rs_list25 {width: 25%}
      .rs_bottomSpace {margin-bottom: 1em}
[class*="col"] {float: left }
[class*="list"] {float: left}

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  /* Responsive screen styles (width for mobiles) */
[class*="col"] {width: 100%; border-bottom: thin solid #A9A9A9 }
[class*="list"] {width: 100%; text-align: left; margin-bottom: 0.5em }
.col3 {width: 0%}
.rs_bottomSpace {margin-bottom: 0}
.rs_footerCol45{width: 100%;}
.centred{margin-right: 2px; margin-left: 2px; font-size: x-small;}
.dataview td{padding-left: 0px; padding-right: 0px ;margin-right: 2px; margin-left: 2px; font-size: x-small;}

}