/******************* Fonts *******************/
@font-face {
    font-family:'louis_george_cafe';
    src:url('../font/louis_george_cafe.eot');
    src:url('../font/louis_george_cafe.ttf') format('truetype'), 
		url('../font/louis_george_cafe.eot?#iefix') format('eot'), 
		url('../font/louis_george_cafe.woff') format('woff'), 
		url('../font/louis_george_cafe.svg#webfontR00jNBah') format('svg');
    font-weight: normal;
	font-style: normal;
}
/******************* Html, body, m.m *******************/

html {
	background-color: white; 
}
body {
  width: 100%;
  height: 100%;
  color: slategray;
  background-color: transparent;
  border-width: 0; 
  margin: 0; 
  padding : 0; 
  overflow : hidden;
  font-size: 1em;
}
 
table {padding: 0; border: 0; margin: 0; border-spacing: 0;} 
.u {text-decoration: none;}
.nowrap {white-space: nowrap;}    
 H1 {
	 font-family: louis_george_cafe;
	 color: darkcyan;
	 font-weight: normal;
	 font-size:.6em;
 }
a:link, a:visited {color:lightseagreen; text-decoration:none;} 
a:hover {color:teal; text-decoration:underline dashed;} 

.home a:link, .home a:visited {color:white; text-decoration:none;} 
.home a:hover, .home a:active {color:mediumturquoise; text-decoration:none;} 

.mq {font-size:.9em; color:lightseagreen; text-shadow:1px 1px 8px darkturquoise;}
.rubis {font-size: 1.85em; font-family: louis_george_cafe; color: white;}
.text1 {font-size: .75em; color:paleturquoise;}
.xx   {color:darkturquoise;}
 
/******************* Header *******************/

div.header {
	height:50px;
	background-color:rgba(47,79,79,.85);
	border-bottom:2px solid darkturquoise;
	color: white;
	font-family: louis_george_cafe;
	font-size:1.6em;
	font-weight: normal;
	padding:.3em .3em 0em .3em;
	line-height:0.7;
}
div.header a:link,a:visited {color:white; text-decoration: none; font-size:.75em;}  
div.header a:hover, a:active {text-decoration:none; color:mediumturquoise;}  
div.header table{width: 100%;}

div.header td.title{
  height: auto;
  padding-left:.2em;
  vertical-align: middle;
  color: white;
  background-color: transparent;
}
div.header td.home{
  height:auto;
  padding-right: 0.9em;
  vertical-align: middle;
  text-align: right;
  color: white;
  background-color: transparent;
}

/******************* Contents *******************/

div.contents {
  width: 100%; 
  position: fixed; 
  top: 1.4em;
  bottom: .15em;
  margin: .15em;
  overflow: hidden;
}
div.contents:hover {
  overflow-y: auto;
  scrollbar-color: transparent;
  scrollbar-width: thin;
}
/******************* Tabs *******************/

div.tabs a:link,a:active{color: lightseagreen;} 
div.tabs a:hover {color: teal;}
div.tabs table{width: 100%;}
div.tabs td{white-space: nowrap;}

div.tabs{
  color:lightslategray; 
  background-color: transparent;
  font-family: louis_george_cafe; 
}
div.tabs td.active{
  height: .2em; 
  margin: 0;
  padding-top: .2em;
  padding-bottom: .2em;
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;  
  vertical-align: middle;
}      
div.tabs td.inactive{        
  height: .2em; 
  background-color: transparent;
  margin: 0;
  padding: 0;
  text-align: center;  
  vertical-align: middle;
}
div.tabs a.inactive  {
  height: .2em; 
  background-color: transparent;
  border-width: 0;
  margin: 0;
  padding-top: .1em;
  padding-bottom: .1em;
  padding-left: 1em;
  padding-right: 1em;  
  text-align: center;
}  
div.tabs td.none{
  height: .2em; 
  width: 100%;
  background-color: transparent;
  margin: 0;
  padding: 0;
}

/******************* Catalog  *******************/

body.catalog{background-color: transparent;}

div.catalog{
  margin-left: 0.8em; 
  margin-top: 0.8em;
  margin-bottom: 0.8em;
  font-family: louis_george_cafe;
  font-size: 0.8em; 
  line-height:1.2;
  font-weight: normal;
  color:cadetblue;
}

div.catalog a:link,a:visited,a:active {color:lightseagreen; text-decoration: none;} 
div.catalog a:hover{color:teal; text-decoration:underline dashed;} 

div.catalog th{
  padding: 0.3em;
  text-align: left;
  white-space: nowrap;
  font-weight: bold;
}
div.catalog td{padding: 0; white-space: nowrap;}

/******************* Divider *******************/

td.divider_top{
  width: 100%;
  height: 1.1em;
  background-color: transparent;
  border-style: dotted;
  border-color: lightindianred;
  border-top-width: 1px;
  border-left-width: 0;
  border-right-width: 1px;
  border-bottom-width: 0;
  margin: 0;
  padding: 0;
}
td.divider_bottom{
  width: 100%;
  height: 10000px;
  background-color: transparent;
  border-style: dotted;
  border-color: lightindianred;
  border-top-width: 0;
  border-left-width: 3px;
  border-right-width: 3px;
  border-bottom-width: 0;
  margin: 0;
  padding: 0;
}

/******************* Topic *******************/

body.topic{background-color: transparent;}

div.topic{
  margin-top: 2em;
  margin-left: 0.9em;
  margin-right: 0;
  margin-bottom: 2em;
  padding: 0;
  color: darkcyan;
  font-family: louis_george_cafe; 
  font-size: .95em;
}
div.topic h1{margin-top: 0; font-size: 1.5em;}
div.topic h2{margin-top: 0; font-size: .9em;}

div.topic hr{
  height: 2px;
  margin: 0;
  margin-top: 2em;
  margin-bottom: .2em;
  border-width: 0;
  background-color: transparent;
}
div.topic a:link,a:visited,a:active{font-family:louis_george_cafe; color: lightseagreen; text-decoration: none; font-size:1.05em;}  
div.topic a:hover{color:teal; text-decoration:underline dashed;}  

div.topic div.start_page{margin-top: 5em;}

div.topic div.footer {
  border-style: dashed;
  border-color: darkcyan;
  border-top-width: 1px;
  border-left-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  margin-top: 1em;
  padding-bottom: 2em;
  font-family: louis_george_cafe;
  font-size: .95em;
  font-style: normal;
}

/******************* Record *******************/

div.record tr{vertical-align: baseline;}
div.record th{text-align:left; padding-right:1em;}
div.record td{text-align:left; padding-right:1em;}

/******************* Diagram *******************/

div.diagram{color:darkcyan; font-family:louis_george_cafe; font-size:.84em; line-height:1.5;}

div.diagram a:link,a:visite,a:active {color:lightseagreen; text-decoration: none; font-weight:bold;}  
div.diagram a:hover{color:teal; text-decoration: none; text-shadow: 1px 1px 2px lightseagreen;}  
div.diagram td{border: 0; margin: 0; padding: 0;}

div.diagram td  {border : 0; margin : 0; padding: .09em; line-height:1.2;}

div.diagram div.box{
  background-color: white;
  border-style: solid;
  border-color: mediumturquoise;
  border-width: 1px;
  box-shadow: 1px 1px 1px cadetblue;
  margin: 3px;
  padding: .4em;
  border-radius: .5em;
}
div.diagram div.box table {width: 100%;}
div.diagram:hover div.box:hover{background-color:snow; box-shadow: 1px 1px 6px cadetblue;}

div.diagram div.box img {
  border-style      : solid;
  border-color      : mediumseagreen;
  border-right-width: 1px;
}
div.diagram div.box td.iconmale {
  background-image : url('iconmale.png');
  background-size  : 1.1em 1.1em;
  background-repeat: no-repeat;
  column-width     : 1.1em;
  min-width        : 1.1em;
  height           : 1.1em;
}
div.diagram div.box td.iconfemale {
  background-image : url('iconfemale.png');
  background-size  : 1.1em 1.1em;
  background-repeat: no-repeat;
  column-width     : 1.1em;
  min-width        : 1.1em;
  height           : 1.1em;
}
div.diagram div.box td.label {
  text-align    : center;
  white-space   : nowrap;
  vertical-align: top;
  border        : 0;
  margin        : 0;
  padding-top   : 0.25em;
  padding-left  : 0.5em;
  padding-right : 0.5em;
  padding-bottom: 0.25em;
  width         : 100%;
}
div.diagram div.box_m td.label, div.box_f td.label {
  text-align: center;
  white-space: nowrap;
  vertical-align: top;
  border: 0;
  margin: 0;
  padding-top: 0.4em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-bottom: 0.4em;
}  
div.diagram td.L0 {
  border-style: dashed;
  border-color: turquoise;
  border-width: 0;
  border-top-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  border-bottom-width: 1.5px;  
  padding-left: 0.7em;
}  
div.diagram td.L1 {
  border-style: dashed;
  border-color: turquoise;
  border-top-width: 1.5px;  
  border-left-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  padding-left: 0.7em;
}  
div.diagram td.L2 {
  border-style: dashed;
  border-color: turquoise;
  border-top-width: 1.5px;  
  border-left-width: 1.5px;  
  border-right-width: 0;
  border-bottom-width: 0;
  padding-left: 0.7em;
}  
div.diagram td.L3 {
  border-style: dashed;
  border-color: turquoise;
  border-top-width: 0;  
  border-left-width: 1.5px;  
  border-right-width: 0;  
  border-bottom-width: 1.5px;  
  padding-left: 0.7em;
}