@media print {
       html,body {width: 184mm;}
}
html{ font-size: 100%}
body {
 color: #003000;
 background-color: #FFFFD9;
 font-size: 0.830em;
 font-family: Calibri, Arial, Helvetica;
 line-height: 1.3;
 background: #FFFFD9 url("images/background.jpg");
 
}
sub {
 line-height: 0;
}
body.gno-heading {background-color: #FFFFD9; background: #FFFFD9 url(images/pane_top.jpg) repeat-x fixed top left;}
body.gno-index {background-color: #FFFFD9; background: #FFFFD9 url("images/background.jpg"); margin: 0px;}
body.gno-detail {background-color: #FFFFD9; background: #FFFFD9 url("images/background.jpg"); margin-left:0px; padding-left:10px;}
body.gno-popup {background-color: #FFFFD9; background: #FFFFD9 url("images/background.jpg");}
table{ font-size: 0.830em; empty-cells:show;}
h1 { color: #330077; font-size: 1.162em; }
h2 { color: #330077; font-size: 1em; } 
h3 { color: #330077; font-size: 0.91em; }

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;}

.bold {font-weight: bold;}
.boldu {font-weight: bold; text-decoration: underline;}
h1.heading { font-size: 1.494em; text-align:center; }
h1.h0 { font-size: 1.66em; }
h1.h2 { 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;}

.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;}

.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;}

.heading { font-size: 1.494em; }

.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;}

.footnote {font-size: 0.750em;}

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

.namehighlight {text-decoration: underline;}

.nobr { white-space: nowrap; }

.note {font-size: 0.750em;}

.nowrap { white-space: nowrap;}

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

.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;}

.scrolly {overflow-y:scroll;}
.show {display: inline;}

.small {font-size: 0.750em;}

.subhead {color: #330077;}

.table1 td {vertical-align:top;}

.timeline {font-size: 0.750em;}

.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: 115px;}

.widthpaddedlarge {width: 265px;}

.widthsmall {width: 100px;}

.charttext { border: none; position: relative; left: -3px; top: -3px; }
.chartbox {display: inline; margin-left: 4px; margin-right: 4px; position: relative; background: #666; margin: 4px; }
.chart img { margin: 0px; border: 0px; padding: 0px; vertical-align: middle; }
.m { background: #FFCCCC; }
.f { background: #9999FF; }
.iM { background: deepskyblue;}
.iF { background: deeppink;}
.iP { background: green; }

#menu {padding:0; margin: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 10px; float:center; background:#495557; color:#F6E7A1;text-decoration:none; font-weight:normal;border-top: 3px solid #F6E7A1;border-bottom: 1px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;}
#menu li a:hover {background: #FFFFD9 url(images/arrow.gif) no-repeat center bottom; color:#9C4252;}
#menu li a:active, a:focus { outline-style: none; -moz-outline-style:none; }

.cage {padding:10px;}

.curvycorners_box {
   background: #F6E7A1;
}
.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:#FFFFD9;
	}


/* 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 */

/*
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 */
/* 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;}

/* 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
*/
/* OliveBranch by HarryCaper 2011.06.07 */

html{ font-size: 100%}

body {font-size: 0.875em;}
body.gno-heading {background-color: #F5F5F5; background: #F5F5F5 url(images/pane_top.jpg) repeat-x fixed top left;}
body.gno-index {background-color: #F5F5F5; background: #F5F5F5; margin: 0px;}
body.gno-detail {background-color: #F5F5F5; background: #F5F5F5; margin-left:0px; padding-left:10px;}
body.gno-popup {background-color: #F5F5F5; background: #F5F5F5;}
frame {border: 40px;}
img.button32,img.button24,img.control24,img.toggle24 {background:none;}

table{ font-size: 0.75em}

h1 { color: #694831; font-size: 1.25emt; }
h2 { color: #694831; font-size: 1.125em; } 
h3 { color: #694831; font-size: 1em; }

h1.heading {font-size: 1.75em;}
h1.h0 {font-size: 1.75em;}
h1.h2 {font-size: 1.75em;}

a:link { color: #6F772A; }
a:visited { color: #6F772A; }
a:active { color: #6F772A;  }
a:hover { color: #0DA52F; }

#menu {padding:0; margin: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 10px; float:center; background:#6F7728; color:#DAD5C2; text-decoration:none; font-weight:normal;border-top: 3px solid #DAD5C2;border-bottom: 1px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;}
#menu li a:hover {background: #CCD761 url(images/arrow.gif) no-repeat center bottom; color:#694831;}
#menu li a:active, a:focus { outline-style: none; -moz-outline-style:none; }


.charttext {padding: 1px 5px;}
.chartbox {margin: 0px;}
.m {background: LavenderBlush;}
.f {background: LightCyan;}
.iM {background: LightBlue;}
.iF {background: LightPink;}
.iP {background: green;}
.subhead {color: #694831;}
.note {font-size: 0.750em;}
.caption {font-size: 0.750em;}
.citation {font-size: 0.750em;}
.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;}
.note {font-size: 0.750em; font-style: normal;}
.std {font-size:1em;}
.small {font-size: 0.750em;}
.timeline {font-size: 0.750em;}
.tiny {font-size: 2px;}
.pic {border-style: outset; padding: 2px;}
.picright {border-style: outset; padding: 2px;}
.picleft {border-style: outset; padding: 2px;}

.boxupper {border-left:2px solid #F5F5F5; border-top:2px solid #F5F5F5; border-right:2px solid #F5F5F5; padding: 0px;}
.boxlower {white-space: nowrap; overflow-y: scroll; border-left:0px; border-bottom:0px; border-right:0px; padding: 0px; }

.cage {padding:10px;}


.curvycorners_box {
   background: #DAD5C2;
}
.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:#F5F5F5;
	}