/* Default theme */
@media print {
    html,body {width: 257mm;
			   font-family: Arial, Helvetica;}
}

html{ font-size: 100%;}
body {
 color: #003000;
 background-color: #F6F6F2;
 font-size: 0.830em;
 font-family: Arial, Helvetica;
 line-height: 1.3;
 background: #F6F6F2 none);
 
}
sub {
 line-height: 0;
}
body.gno-heading {background-color: #F6EAA2;margin: 0px;}
body.gno-index {margin: 0px; overflow-y:hidden;}
body.gno-detail {margin:0px; padding:8px;}
/* body.gno-popup {} */

svg {overflow: hidden;}

table.customtagtable
{
font-size: 0.830em; empty-cells:show; background-color:#F6F6F2;
}
th.customtagtable
{
background-color:#FBF5D1;
}

h2 { color: #330077; font-size: 1.162em;}
h3 { color: #330077; font-size: 1em; } 
h3.familyheading { font-size: 1em; } /* reduce if you want family heading smaller than individual heading */
h4 { color: #330077; font-size: 0.91em; }
h5 { color: #330077; font-size: 1em; font-weight:500;}
h6 { color: #330077; display: inline;}

a:link { color: #330077; text-decoration: none; }
a:visited { color: #660088; text-decoration: none; }
a:active { color: #660088; text-decoration: none; }
a:hover { color: #663388; text-decoration: underline; }

a:link img {border-style:none; border-width:0px;}
a:visited img {border-style:none; border-width:0px;}
a:active img {border-style:none; border-width:0px;}
a:hover img {border-style:none; border-width:0px;}
a:focus img {border-style:none; border-width:0px;}

svg a:hover {text-decoration: none}

.bold {font-weight: bold;}
.boldu {font-weight: bold; text-decoration: underline;}

h2.heading { font-size: 1.4em; text-align:center; }
h2.h0 { font-size: 1.66em; }
h2.h3 { font-size: 1em; }

img.bottom {vertical-align:text-bottom;}
img.top {vertical-align:text-top;}

ul { margin-top:2px;margin-bottom:2px;margin-left:0px;padding:0px;}
ul li {margin:0px; padding:0px;}

.aligncenter {text-align:center;}

.alignright {text-align:right;}

.alignmiddle {vertical-align:middle;}

.avoidbreak {page-break-inside: avoid;}

.boxupper {border-left:2px solid silver; border-top:2px solid silver; border-right:2px solid silver; padding: 5px;}

.boxlower {white-space: nowrap; overflow-y: scroll; border-left:2px solid silver; border-bottom:2px solid silver; border-right:2px solid silver; padding: 5px; }

.noboxlower {white-space: nowrap; overflow-y: scroll; border-left:0px; border-bottom:0px; border-right:0px; padding: 0px;}

.button32 {width:32px;height:32px;border-style:none;border-width:0px; cursor:pointer;background:url(images/button32.jpg);}

.button24 {width:24px;height:24px;border-style:none;border-width:0px; cursor:pointer;background:url(images/button24.jpg);text-align:middle;}

.buttontoc {clear:left; float:left;margin-right: 5px; margin-top:5px; cursor:pointer;}

.buttontoc2 {clear:right; float:right;margin-left: 10px; cursor:pointer;}

.caption {font-size: 0.750em;}

.cover {text-align:center; vertical-align: middle;}

.cover .title{height:100%}

.cover table {width:100%; height:100%;}

/* PDF cover image, centered using known height and width */
.cover img {
    margin-top: 400px;
    margin-bottom: 400px;
    width:0px;
    height:0px;
    }

.childrenindent {margin-left: 15px; }

.citation {margin: 5px; padding: 5px; border:1px solid black; font-size: 0.750em; background: white;}

.citationpic {margin: 5px 275px 5px 5px; padding: 5px; border:1px solid black; font-size: 0.750em; border-color:black; background: white;}

.clear {clear: both;}

.clearright {clear: right;}

.clearleft {clear: left;}

.control24 {width:24px;height:24px;border-style:none;border-width:0px; cursor:pointer;background:url(images/button24.jpg);text-align:middle;}

.customtagtable td {border:thin inset #330077;padding:0px 5px 0px 5px;}

.floatright {clear: right;float: right;}

.floatleft  {clear:left; float:left;}

.googlemap {text-align:center; width:90%; height:80%; margin-left: auto; margin-right: auto; position: relative;}

.hide {display: none; }

.icon {width:16px;height:16px;border:0px;}

.iconsmall {vertical-align:middle;width:12px;height:12px;border:0px;}

.indent {text-indent: 20px;}

.infoWindow {text-align: left; font-size: 0.664em;}

.infoScroll {height:150px; overflow:auto;}

.inline {display: inline;}

.inset {margin: 12px 8px 12px 8px;}

.footnote {font-size: 0.750em;}

.langtoggle { color: #330077; text-decoration: underline; font-size: 0.664em;}

.Landscape {width:1150px; height:800px;}

.namehighlight {text-decoration: underline;}

.nobr { white-space: nowrap; }
.note {font-size: 0.83em; margin-left:10px !important;}
.note li.xT-h  {font-weight:bold;}
.note ul.xT-n  {font-weight:normal;}

.nowrap { white-space: nowrap;}

.std {font-size:0.823em;font-style:normal;margin-left:0px;}

.page-break	{ display: none;}

.pic {border-style: outset; padding: 2px;cursor:pointer;text-align:left;}

.picright {border-style: outset; padding: 2px;cursor:pointer;text-align:left;}

.picleft {border-style: outset; padding: 2px;cursor:pointer;float:left;}

.popup {text-align:center;}

.Portrait {width:800px; height:1150px; }

.scrolly {overflow-y:scroll;}
.show {display: inline;}
.svgwrapper { margin: 15px; border: 2px; border-color: black;}
.small {font-size: 0.750em;}

.subhead {color: #330077;}

.table1 td {vertical-align:top;}

table.photo {border:0;}

.timeline {font-size: 0.750em;}

.themed {background-color:#F6E7A1;color:#495557;}


.banner {background: url(images/banner.jpg) repeat-x left;}
.title {text-align: center; vertical-align: middle; line-height:30px;margin:0px 0px 0px 0px;}

.title span {font-size: 1.4em; font-weight:bold; margin:1px; padding: 1px 12px 1px 12px;}
.title_heading {visibility:visible;}
.title_top    {display:none;}
.title_bottom {display:block;}
.title_home   {display:none;}

.menuarea {padding:8px 8px 0px 8px;}

#menu {margin:-2px 0px 0px 0px; padding:0;list-style:none;text-align:center;}
#menu li {display:inline; margin:0px; }
#menu li a {display:inline-block; height:30px; line-height:30px; padding:0px 5px; float:center; background:#495557; color:#F6EAA2;text-decoration:none; font-weight:normal;border-top: 3px solid #F6EAA2;border-bottom: 1px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;}
#menu li a:hover {background: #F6F6F2 url(images/arrow.gif) no-repeat center bottom; color:#9C4252;}
#menu li a:active, a:focus { outline-style: none; -moz-outline-style:none; }

.toggle24 {width:24px;height:24px;border-style:none;border-width:0px; cursor:pointer;background:url(images/button24.jpg);text-align:middle;}

.widthlarge {width: 250px;}

.widthpaddedsmall {width: 112px;}

.widthpaddedlarge {width: 262px;}

.widthsmall {width: 100px;}

.chartblock {line-height: 10px;  white-space: nowrap; width:95%; direction:ltr; }

.charttext {display: inline; margin: 0px; border: none; padding: 0px; position: relative; left: -3px; top: -5px; padding: 1px 5px;}
.chartbox {display: inline; margin: 0px; border: none; padding: 0px; position: relative; top: -8px; ; background: #666; line-height: 0.9em}
.chartdates {display: inline; margin: 0px; border: none; padding: 0px; position: relative; top: -10px;}
.chart img { margin: 0px; border: 0px; padding: 0px; vertical-align: middle; }
.m {background: LavenderBlush;}
.f {background: LightCyan;}
.iM {background: LightBlue;}
.iF {background: LightPink;}
.iP {background: green;}

.cage {padding:10px;}

.curvycorners_box {
   background: #F6EAA2;
}
.curvycorners_top div {
   background: url(images/curvycorner_tl.png) no-repeat top left;
}
.curvycorners_top {
   background: url(images/curvycorner_tr.png) no-repeat top right;
}
.curvycorners_bottom div {
   background: url(images/curvycorner_bl.png) no-repeat bottom left;
}
.curvycorners_bottom {
   background: url(images/curvycorner_br.png) no-repeat bottom right;
}

.curvycorners_top div, .curvycorners_top, 
.curvycorners_bottom div, .curvycorners_bottom {
   width: 100%;
	height: 15px;
   font-size: 1px;
}
.curvycorners_content { padding:10px; }

.curvyboxbackground{
	padding:5px;
	background:#F6F6F2;
	}


/* see http://www.positioniseverything.net/easyclearing.html for an explanation of the following */

.clearfix:after {
    content: "."; 
    display:block; 
    height: 0px; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: -moz-inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

/* end clearfix */

/* FancyBox: Override to display navigation arrows permanently and move them outside the image area */

#fancybox-left-ico, #fancybox-left:hover span { left: -20px; }
#fancybox-right-ico, #fancybox-right:hover span { right: -20px;
left: auto; }

/*
Explorer Tree 1.4
=================
by Andrew Gregory <andrew@scss.com.au>
http://www.scss.com.au/family/andrew/webdesign/explorertree/

This work is licensed under the Creative Commons Attribution License. To view a
copy of this license, visit http://creativecommons.org/licenses/by/1.0/ or send
a letter to Creative Commons, 559 Nathan Abbott Way, Stanford, California 94305,
USA.

+ Minor amendment by Ron to add list images, cursor styling & 2nd set of images
*/

/* Get the bullets inside their LI's, so they're clickable. */
ul.xT, ul.xT ul, ul.xT li { margin: 0px; padding: 0px; text-indent:0px; }
ul.xT li { list-style-position: inside; cursor: pointer; }
ul.xT ul { padding-left: 14px; } /* sublist indentation */
ul.xT ul.xT-h, ul.xT ul.xT-n { padding-left: 21px; } /* sublist indentation V="2013.07.30±" */
/* Set the bullet images */
ul.xT li { list-style-image: url(images/space.gif);}
ul.xT li.xT-i5 { padding-left:5px;}
ul.xT li.xT-o { list-style-image: url("images/arrow.hide.gif"); }
ul.xT li.xT-c { list-style-image: url("images/arrow.show.gif");}
ul.xT li.xT2-o {list-style-position: inside; list-style-image: url("images/arrow2.hide.gif");}
ul.xT li.xT2-c {list-style-position: inside; list-style-image: url("images/arrow2.show.gif");}
ul.xT li.xT3-o {list-style-position: inside; list-style-image: url("images/arrow3.hide.gif");}
ul.xT li.xT3-c {list-style-position: inside; list-style-image: url("images/arrow3.show.gif");}
ul.xT li.xT-b   { list-style-image: url("images/space.gif");}
ul.xT li.xT-bi   { list-style-image: url("images/space.gif"); padding-left:10px;}
/* Actually show and hide sublists */
ul.xT li.xT-o ul, ul.xT li.xT2-o ul, ul.xT li.xT3-o ul { display: block; }
ul.xT li.xT-c ul, ul.xT li.xT2-c ul, ul.xT li.xT3-c ul { display: none; }
ul.xT ul.xT-n li.xT-n {cursor: default;}
ul.XT li.xT-h { color: #330077;}

/* Override fancybox css to display navigation arrows permanently and move them outside the image area */
#fancybox-left-ico, #fancybox-left:hover span { left: -20px; }
#fancybox-right-ico, #fancybox-right:hover span { right: -20px;left: auto; }

/* Narrative Report Theme CSS file
 the classes gno-heading, gno-index, gno-detail, anbd gno-popup defined below are applied to <body> tags of all pages thatare 
 displayed in the heading, toc, detail and popup frames respectively.
 
 all images must be loaded from the reports images folder. Any non default images must be present in the theme folder
 (and referenced in the files.txt file if GenoPro 2.5.3.6 or below) and will be automatically copied to the report's images folder by the skin.

*/

/* the line below removes frame borders if Config Param 'FrameBorders' is set to 'Auto'. This cannot be done via CSS but the text below is 
   detected in the skin and acted upon by setting border="0" frameborder="no" in the frameset tag in default.htm.

            set frameborder=Auto
            
*/ 
/*  This file can also contain any custom stylesheet file contents used in earlier releases of the skin
*/
/* BlueDNA by HarryCaper 2011.01.27 */
/* BlueDNA updated 2012.08.26 with calendar and title theme */

body {background: #F5F5F5 none; font-size: 0.875em;}
body.gno-heading {background-color: #A9B7BA;}
body.gno-index {margin: 0px;}
body.gno-detail {margin-left:0px; padding-left:10px;}
body.gno-popup {}
frame {border: 40px;}
img.button32,img.button24,img.control24,img.toggle24 {background:none;}

table
{
font-size: 0.75em;background-color:#F5F5F5;
}
tr td
{
background-color:#F5F5F5;
}
th
{
background-color:#E3E9E9;
}

h2 { color: #5D6B6C; font-size: 1.25em; }
h3 { color: #5D6B6C; font-size: 1.125em; } 
h4 { color: #5D6B6C; font-size: 1em; }
h5 { color: #5D6B6C;}
h6 { color: #5D6B6C; display: inline; }

h2.heading {font-size: 1.4em;}
h2.h0 {font-size: 1.4em;}
h2.h3 {font-size: 1.4em;}

a:link { color: #478997; }
a:visited { color: #478997; }
a:active { color: #478997;  }
a:hover { color: #9C4252; }


#menu li a {background:#495557; color:#D6E0E2; border-top: 3px solid #A9B7B8; }
#menu li a:hover {background: #D6E0E2 url(images/arrow.gif) no-repeat center bottom; color:#9C4252;}

.subhead {color: #5D6B6C;}
.citation {margin: 0px; padding: 0px; border:none; font-size: 0.750em; background: none;}
.citationpic {margin: 0px 0px 0px 0px; padding: 0px; border:none; font-size: 0.750em; border-color:none; background: none;}
.infoWindow {font-size: 0.750em;}
.footnote {font-size: 0.750em;font-style: normal;}
.langtoggle {font-size: 0.75em;}
.std {font-size:1em;}
.themed {background-color:#A9B7B8;color:#D6E0E2;}
.timeline {font-size: 0.750em;}
.tiny {font-size: 2px;}


.curvycorners_box {
   background: #D6E0E2;
}
.curvyboxbackground{
	background:#F5F5F5;
	}