/* Global Css File for Etaamb */
@import url('https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@600&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Lato:wght@100;300;400;700;900&family=Roboto:wght@100;300;400;700;900&display=swap');
/********************* Temporary stuff */
#info_just {
    width: 45em;
    background-color: #28699e;
    margin-bottom: 14px;
    padding: 10px 4px;
    border-radius: 8px;
    text-align:center;
}

#info_just a {
    font-family: 'Lato', verdana, serif;
    font-weight: bold;
    font-size:1.5rem;
    color: #fbfbff;
    text-decoration: none;
    border-bottom: 1px dotted #fbfbff;
}

#info_just a:hover {
    border-bottom-style:solid;
}

.twitter_integration {
    margin-top:.8rem;
    margin-bottom:2rem;
    width:100%;
    max-width:28rem;
    background-color:#fff;
    border-radius:5px;
    box-shadow: 2px 2px 7px -4px #002;
}

.twitter_integration iframe {
    width:100% !important;
    max-width:36rem;
}
/********************* Global */
html { position:relative;height:100%;}
body {
    margin:0 0;padding:0;
    height:100%;
    font-size:16px;
    background-color:#b2d2ec;
    background-image:url("/assets/img/oj_etaamb_back.png");
	font-family:'Lato', verdana, sans-serif;
    display:flex;
    flex-direction:column;
    }

#content {
	padding-left:14px;
	padding-bottom:28px;
    flex: 1 0 auto;
	}

.dark {color:#184060;}
.light{color:#72acdc;}
.reallight {color:#b9d3ee;}
.medium1{color:#4682b4;}
.medium2{color:#87ceeb;}

h2 {
	text-decoration:none;
	margin:0;
	padding:0;
	margin-top:21px;
	color:#28699e;
	font-size:1.5rem;
	}



.table { display:table;}
.row   { display:table-row;}
.cell  { display:table-cell;}

div#up_arrow { display:none;}
/********************* Header */
#etaamb_title {
	z-index:0;
    font-family:'Kumbh Sans', georgia, serif;
    color:#72acdc;
	font-size:2.2rem;
    position:absolute;
    overflow:hidden;
	top:-1.2rem;
	left:14px;
    }

    #etaamb_title a {
        text-decoration:none;
        display:block;
        color:#72acdc;
        }
    #etaamb_title a:hover {
        color:#184060;
        }

#etaamb_menu_container {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	min-width:1000px;
	}

#etaamb_menu {
	z-index:100;
	position:absolute;
	top:0;
	right:6px;
	height:20px;
	}

	#etaamb_menu div {
		float:left;
		padding-bottom:3px;
		}
	
	#lang_select {
		position:relative;
		background-color:#184060;
		padding-left:6px;
		padding-right:6px;
		width:auto;
		height:inherit;
		z-index:110;
		border-bottom-right-radius:4px;
		border-bottom-left-radius:4px;
		-moz-border-radius-bottomleft:4px;
		-moz-border-radius-bottomright:4px;
		-wekbit-border-bottom-right-radius:4px;
		-webkit-border-bottom-left-radius:4px;
		}

		#lang_select a {
			text-decoration:none;	
			color:#8fbde3;
			text-transform:uppercase;
			font-family:'Lato', helvetica,arial,sans-serif;
			font-size:0.68rem;
			display:inline;
			float:none;
			text-align:inherit;
			}	

		#lang_select a:hover {
			color:#fbfbff;
			}

		#lang_select a.selected_lang {
			border-bottom:2px dotted #8fbde3;
			}

    div#priv_menu {
        position:relative;
        right:-17px;
		width:auto;
		height:inherit;
		z-index:98;
		background-color:#FA1;
		padding-right:8px;
		padding-left:6px;
		color:#72acdc;
		border-bottom-left-radius:4px;
		-moz-border-radius-bottomleft:4px;
		-webkit-border-bottom-left-radius:4px;
        }

	div#priv_menu a {
    	    color:#410;
			text-decoration:none;
    	    font-family:'Lato', helvetica,arial,sans-serif;
			font-size:0.68rem;;
			text-transform:uppercase;
			float:none;
			text-align:inherit;
			}

		div#priv_menu a:hover {
			color:#184060;
			color:#fbfbff;
			border-top:3px solid #fbfbff;
			background-color:inherit;
			}

	div#menu {
		position:relative;
		right:-4px;
		width:auto;
		height:inherit;
		z-index:100;
		background-color:#4682b4;
		padding-right:8px;
		padding-left:6px;
		color:#72acdc;
		border-bottom-left-radius:4px;
		-moz-border-radius-bottomleft:4px;
		-webkit-border-bottom-left-radius:4px;
		}

		div#menu a {
    	    color:#8fbde3;
			text-decoration:none;
    	    font-family:'Lato', helvetica,arial,sans-serif;
			font-size:0.68rem;;
			text-transform:uppercase;
			float:none;
			text-align:inherit;
			}

		div#menu a:hover {
			color:#184060;
			color:#fbfbff;
			border-top:3px solid #fbfbff;
			background-color:inherit;
			}

	/********************** Search Bar*/
	div#search_bar {
		position:relative;
		right:-5px;
		width:auto;
		height:17px;
		background-color:transparent;
		font-family:'Lato', helvetica,arial,sans-serif;
		font-size:0.68rem;;
		padding:0px 6px 3px 4px;
		top:3px;
		overflow:hidden;
		border-bottom-left-radius:4px;
		-moz-border-radius-bottomleft:4px;
		-webkit-border-bottom-left-radius:4px;
		}
	
		div#search_bar div {
			margin:0;padding:0;
			} 
	
		/*
		div#search_bar a {
	        color:#fbfbff;
			text-decoration:none;
			text-transform:uppercase;
	        font-family:'Lato', helvetica,arial,sans-serif;
			font-size:0.68rem;;
			padding:0 2px;
			}
	
		div#search_bar a:hover {
			border-top-color:#184060;
			background-color:#184060;
			border-radius:4px;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
			}
			*/
	
	
		#search_text {
			border: 2px solid #86AFCE;
			border-left-width:3px;
			border-right:0;
			font-size:0.68rem;
			padding:1px 3px 1px;
			margin:0;
			border-bottom-left-radius:3px;
			-moz-border-radius-bottomleft:3px;
			-webkit-border-bottom-left-radius:3px;
			}
		
		#search_button {
			margin:0;
			color:#fbfbff;
			text-decoration:none;
			text-transform:uppercase;
	        font-family:'Lato', helvetica,arial,sans-serif;
			font-size:0.68rem;;
			padding:0px 2px 0px 4px;
			top:0px;
			height:20px;
			position:relative;
			border:0;
			background-color:#86AFCE;
			border-top-right-radius:3px;
			-moz-border-radius-topright:3px;
			-webkit-border-top-right-radius:3px;
			}
	
		#search_button:hover {
			background-color:#184060;
			cursor:pointer;
			color:#b9d3ee;
			}
	
		#search_bar #search_button_div {
			margin-left:-3px;
			}
		
		#search_meta {
			display:none;
			}

		div#search_bar form {
			display:inline;
			}
	/*
	div#hire {
		position:relative;
		right:-5px;
		background-color:#444;
		display:inline;
		padding-bottom:3px;
		padding-right:6px;
		padding-left:6px;
		border-bottom-left-radius:4px;
		-moz-border-radius-bottomleft:4px;
		-webkit-border-bottom-left-radius:4px;
		}
		
		div#hire a {
			color:#bbb;
			}

	div#hire_overstep {
		display:inline;
		position:absolute;
		right:0;
		height:100%;
		width:6px;
		background-color:#4682b4;
		border-bottom-left-radius:4px;
		-moz-border-radius-bottomleft:4px;
		-webkit-border-bottom-left-radius:4px;
		}
	a#footer_bugtracker { display:inline;}
	div#hire,
	div#footer span{ display:inline;}
	*/
	


/*************** Presentation */
div#presentation {
	margin-bottom:20px;
	}

div#presentation table {
	position:relative;
	margin-top:50px;
	}
div#presentation table th {
	color:#4682b4;
	}
div#presentation table td {
	color:#315f83;
	text-align:left;
	padding-left:20px;
	padding-right:20px;
	}

div#presentation table td.highlight {
	color:#184060;
	}
/********************** Index */
div.quickmenu {
	position:relative;
	left:7px;
}	
	div.quickmenu span { font-weight:bold;color:#28699e}

    span.small_title { font-size:1.2rem; font-weight:900;}

	ul.quickmenu { 
		margin:0;
		padding:0;
		width:100%;
		}
	ul.quickmenu li {
		list-style-type:none;
		float:left }
	ul.quickmenu li a {
		margin:0 7px;
		font-family:'Merriweather', georgia, serif;
		text-decoration:none;
		font-weight:bold;
		color:#184060;
		border-bottom:1px dotted #184060;
		}
	ul.quickmenu li a:hover {
		border-bottom:1px solid #184060;
		}

div.index_table  {
	position:relative;
	left:7px;
	}
	div.index_table h1,
	div#day_table h1,
	div.index_table h1 a {
		text-decoration:none;
		margin:0;
		padding:0;
		margin-top:40px;
		color:#28699e;
		font-size:1.5rem;
        font-weight:900;
		/*border-bottom:1px dashed #72acdc;*/
		}

	div.index_table h1 a {
		border-bottom:2px dotted #28699E;
        }

	div.index_table h1 a:hover{
		border-bottom-style:solid;
        border-bottom-color:#113;
        color:#113;
		}

	div.index_table ul {margin:0;padding:0;}
	div.index_table li {display:inline;}
	div.index_table li a {
		margin:0 7px;
		text-decoration:none;
		color:#184060;
		font-weight:bold;
        border-bottom:1px dotted #184060;
		}
	div.index_table li a:hover {
		border-bottom:1px solid #113;
        color:#113;
		}

	table.month_index a {
		color:#184060;
        border-bottom:10px dotted transparent;
		text-decoration:none;
		}
	table.month_index a:hover span.m_item_table {
		border:1px solid #184060;
		color:#b9d3ee;
		background-color:#184060;
		}
	
	span.m_item_table { 
		display:table;
		border:1px solid #b9d3ee;
		border-bottom:1px dotted transparent;
		}
	span.m_item_row { display:table-row; }
	span.m_item_cell { 
		display:table-cell;
		width:60px;
		}
	/**/
	
	span.m_number {
		text-align:center;
		font-size:0.68rem;;
		}
	span.m_name {
		text-align:center;
		}

div#last_edition {
    width:80%;
    }

div#last_edition h1:first-child {
    font-size:2rem;;
    font-weight:900;
    }

div#last_edition h1 {
    font-size:1.125rem;;
    font-weight:900;
    }

/*
hr {
    width:50%;
    border:1px solid #72acdc;
    margin-top:2em;
    margin-bottom:1em;
    height:1px;
    }*/


hr {
    border: 0;
    height: 1px;
    margin-top:2em;
    margin-bottom:1em;
    border-color:#72acdc;
    background-color:#72acdc;
    width:50%;


    background: -moz-linear-gradient(left, rgba(30,87,153,0) 0%, rgba(32,89,154,0) 1%, rgba(114,172,220,1) 50%, rgba(125,185,232,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(30,87,153,0)), color-stop(1%,rgba(32,89,154,0)), color-stop(50%,rgba(114,172,220,1)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(30,87,153,0) 0%,rgba(32,89,154,0) 1%,rgba(114,172,220,1) 50%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(30,87,153,0) 0%,rgba(32,89,154,0) 1%,rgba(114,172,220,1) 50%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(30,87,153,0) 0%,rgba(32,89,154,0) 1%,rgba(114,172,220,1) 50%,rgba(125,185,232,0) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(30,87,153,0) 0%,rgba(32,89,154,0) 1%,rgba(114,172,220,1) 50%,rgba(125,185,232,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */
}

/**************
/************** Calendar Items */
td.validDay {
	font-weight:bold;
	}
/******************** datePage */
span.datepage_title {
	font-size:1.5rem;;
	color:#28699E;
	margin:4rem 0 1rem;
	padding:0;
	font-weight:bold;
    display:block;
	}

span.datepage_title a { 
	color:#184060;
	text-decoration:none;
    border-bottom:2px dotted #184060;
	}

span.datepage_title a:hover { 
	/*text-decoration:underline; */
    color:#113;
    border-bottom-style:solid;
    border-bottom-color:#113;
	}

table.calendar {
	position:relative;
	margin-top:30px;
	height:400px;
	}

table.calendar caption {
	font-weight:bold;
	color:#28699e;
	font-size:1.2rem;
    font-weight:900;
	}

table.calendar caption a {
	color:#184060;
	text-decoration:none;
    border-bottom:2px dotted #184060;
	}

table.calendar caption a:hover {
	/*text-decoration:underline; */
    color:#113;
    border-bottom-style:solid;
    border-bottom-color:#113;
	}
	

table.calendar td,
table.calendar th {
	text-align:center;
	width:50px;
	height:50px;
	}
table.calendar td { color:#4682b4;}
table.calendar th { color:#4682b4;font-weight:900}
	
table.calendar td a {
	display:block;
	height:35px;
	width:50px;
	padding-top:15px;
	text-decoration:none;
	color:#184060;
	font-weight:bold;
	border:1px solid #72acdc;
	}

table.calendar td a:hover {
	color:#b9d3ee;
	background-color:#184060;
	}

table.monthTable {
	height:auto;
	margin:auto;
	}

table.yearTable {
	margin-bottom:35px;
	margin-right:21px;
	float:left;
	}

div#year_table {
	margin-top:21px;
	}

/******************** DocList */
a.doclink {
	text-decoration:none;
    position:relative;
    background-color:#fbfbff;
    display:block;
    margin: 7px 10px;
    border:1px solid #fbfbff;
    border-left:5px solid #72acdc;
	border-top-right-radius:8px;
	border-bottom-left-radius:8px;
	-moz-border-radius-topright:8px;
	-moz-border-radius-bottomleft:8px;
	-webkit-border-top-right-radius:8px;
    box-shadow: 2px 2px 7px -4px #002;
    }


	body a.doclink:hover {
        border-top-color:#72acdc;
        border-bottom-color:#72acdc;
        border-right-color:#72acdc;
        border-color:#184060;
        box-shadow: 2px 2px 7px 0px #002;
        }

table.doclink {
	border-collapse:collapse;
    border-spacing:0px;
    table-layout:fixed;
	vertical-align:top;
    width:auto;
    cursor:pointer;
    }

	.doclink td,
	.doclink th,
	.doclink span.cell {
		text-align:left;
		}

	.doclink td.firstcol,
	.doclink span.firstcol{
		width:80px;
		}

	.doclink th,
	.doclink span.title {
        font-family:'Lato', verdana, sans-serif;
        font-size:0.56rem;
        text-align:left;
        width:45px;
        color:#8fbde3;
		font-weight:bold;
        padding-left:3px;
        }

	.doclink span.doctitle {
        font-family:'Lato', verdana,sans-serif;
        font-size:0.68rem;;
        color:#184060;
		font-weight:bold;
        padding:2px 7px 0 7px;
		}

    .doclink td.title,
	.doclink span.maintitle {
        /*font-family:'Merriweather', georgia, serif,serif;*/
        font-family:'Lato', verdana,sans-serif;
        font-size:0.875rem;;
		line-height:16px;
        /*
        border-left: 1px solid #b2d2ec;
        border-top: 1px solid #b2d2ec;
        /**/
        padding:2px 7px 0 7px;
        color:#333;
		width:auto;
		padding-top:7px;
        /*
        background-color:#184060;
        color:#fbfbff;
        /**/
        }

	 a.doclink:hover td.title,
	 a.doclink:hover span.maintitle{
        background-color:#184060;
        color:#fbfbff;
        }
    .doclink td.source,
	.doclink span.source {
        color:#8fbde3;
        color:#28699e;
        font-family:'Merriweather', georgia, serif;
        font-size:0.75rem;;
		width:auto;
        }

	.doclink td.type ,
	.doclink span.type {
        color:#8fbde3;
        color:#28699e;
        font-family:'Merriweather', georgia, serif;
        font-size:0.75rem;;
        }
	.doclink td.date ,
	.doclink span.date {
        font-family:'Lato', helvetica, sans-serif;
        font-size:0.75rem;;
        width:80px;
        font-weight:bold;
        color:#184060;
        }

	.doclink td.numac,
    .doclink span.numac {
        font-family:'Lato', helvetica, sans-serif;
        font-size:0.62rem;
        width:80px;
        color:#555;
        }

	span.lefttable {
		vertical-align:top;
		width:150px;	
		}
	span.righttable {
		height:80px;
		vertical-align:top;
		}


	a.linkeddocs_op {
		color:#4682b4;
		text-decoration:none;
		font-weight:bold;
		position:relative;
		left:10px;
		padding:2px 4px;
		border:1px solid #b2d2ec;
		}
		
	a.linkeddocs_op:hover {
		border-color:#184060;
		color:#184060;	
		}

	a.linkeddocs_op:focus {
		outline:0;
		}
/******************** Document/Numac */
.document_title {
	font-size:1.8rem;;
    font-weight:900;
	color:#28699E;
	margin:3rem 0 1rem;
	margin-left:0px;
    display:block;
    white-space: break-spaces;
    word-break: break-word; /* Chrome, Safari */
    overflow-wrap: anywhere; /* Firefox */
    max-width:45rem;
	}

.document_title a { 
	color:#184060;
	text-decoration:none;
    border-bottom:2px dotted #184060;
	}

.document_title a:hover { 
	/*text-decoration:underline;*/
    border-bottom-style:solid;
    border-bottom-color:#113;
    color:#113;
	}


.document {
    box-shadow: 0px 0px 7px -4px #002;
    background-color:#fbfbff;
    padding:10px 4px;
    margin-left:0px;
	width:45rem;
	z-index:400;
	border-top-right-radius:8px;
	border-top-left-radius:8px;
	-moz-border-radius-topright:8px;
	-moz-border-radius-topleft:8px;
	-webkit-border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
    }

    div.meta {
      margin-left:.875rem;
      display: grid; 
      width:100%;
      grid-template-columns: 1fr 100px; 
      grid-template-rows: 100px 1fr; 
      gap: 0px 0px; 
      grid-template-areas: 
        "meta qr"
        "meta actions"; 
    }


    div.actions {
        grid-area:actions;
        text-align:left;
        }

    div.actions a:focus,
    div.actions a:visited,
    div.actions a {
        font-size:1.2rem;
        color:#4682b4;
        border:2px solid #4682b4;
        padding:2px 2px;
        margin:0 1px;
        border-radius:5px;
        }

    div.actions a:first-child {
        margin-left:0;
    }

    div.actions a:hover {
        color:#fbfbff;
        background-color:#4682b4;
    }

    .document h1.doc_title {
        font-family:'Merriweather', georgia, serif;
        text-align:center;
        padding:0 2rem;
        font-weight:bold;
        font-size:1rem;
        }

	.document dt.break{
		display:none;
		}

    .document dl {
        grid-area:meta;
        display:flex;
        flex-flow: row wrap;
        margin:1rem 0 2rem;
    }


    .document dt {
        flex-basis:10%;
        text-align:right;
        color:#555;
        font-size:.8rem;
        padding:2px 4px 2px 0;
        font-family:'Lato', helvetica,sans-serif;
        }

    .document dd {
        flex-basis:80%;
        flex-grow:1;
        margin:0;
        font-size:.8rem;
        text-align:left;
        padding:2px 4px;
        }

    dd.date {
        font-family:'Lato', helvetica, sans-serif;
        font-weight:bold;
        color:#333;
        }

    dd.numac {
        font-family:'Lato', helvetica, sans-serif;
        color:#555;
        }

    dd.source {
        color:#8fbde3;
        color:#28699e;
        font-family:'Merriweather', georgia, serif;
        }

    dd.doc_url a {
        font-family:courrier,monospace;
        color:#4894ff;
        }

    dd.eli a {
        font-weight:900;
        text-decoration:none;
    }

    dd.doc_url a:hover {
        color:#4682b4;
        font-weight:bold;
        text-decoration:underline;
    }

	div#document_text {
		position:relative;
		margin:0;
		padding:0;
		}

    dd.other_doc_url a {
        font-family:courrier,monospace;
        background-color: #28699E;
        border-radius:3px;
        color:#fff;
        text-decoration:none;
        padding:1px 3px;
        margin: 0 2px;
    }

    dd.other_doc_url a:hover {
        background-color:#113;
    }

    .document_text {
        font-family: 'Merriweather', georgia, serif;
        font-family: 'Lato', verdana, sans-serif;
        font-size:.875rem;
        line-height:1.3rem;
        padding-left:.875rem;
        max-width:42rem;
        font-weight:400;
        color:#010106;
        }

#divider {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:flex-start;
    gap:1rem;
    align-content:flex-start;
}

#doc_display {
    flex-grow:0;
}

.right_panel {
	padding-right:7px;
	padding-bottom:35px;
    max-width:36em;
    min-width:6rem;
    flex: 1 2 0;
    padding-top:8rem;
	}


div#qrcode {
    grid-area:qr;
	right:4px;
	top:4px;
	opacity:0.5;
	filter: alpha(opacity = 50);
	}

div#qrcode img {
	width:75px;
	height:75px;
	}

div.etaamb_description {
	}

div.etaamb_description { color:#28699e; }
div.etaamb_description b { color:#184060; }


div.linkedListDesc {
	color:#184060;
	font-size:1.5rem;
	margin-top:14px;
	}

div.documents_linked {
	}

span.link .linktitle {
	color:#33f;
	border-bottom:1px dotted #33f;
	cursor:pointer;
	cursor:hand;
	font-weight:bold;
	padding:0 2px;
	}

span.link .linktitle.hover {
	border-bottom-style:solid;
	color:#00f;
	}

span.link .list {
	position:absolute;
	width:40em;
	background-color:#b9d3ee;
	padding:5px;
	left:5em;
	display:none;
	margin-top:1.3em;
	z-index:8000;
	font-weight:normal;
	border:1px solid #184060;
	border-top-right-radius:8px;
	border-bottom-left-radius:8px;
	-moz-border-radius-topright:8px;
	-moz-border-radius-bottomleft:8px;
	-webkit-border-top-right-radius:8px;
	-webkig-border-bottom-left-radius:8px;
	}

span.link .linktitle.live {
	background-color:#184060;
	color:#fbfbff;
	}

span.link .close {
	display:block;
	text-align:center;
	color:#184060;
	font-family:'Lato', verdana,monospace;
	cursor:pointer;
	cursor:hand;
	}

span.link .listtitle{
	display:block;
	text-align:center;
	color:#184060;
	font-family:'Lato', verdana,monospace;
	font-weight:bold;
	}

/******************** Tagwords */

#tagwords {
	position:absolute;
	top:0;
	right:0px;
	}

	#tagwords ul {
		padding:0;
		margin:0;
		list-style-type:none;
		}

	#tagwords li {
		font-size:.9rem;
		text-align:right;
		font-family:'Merriweather', georgia, serif;
		border-right: 2px solid #72acdc;
		padding-right: 2px;
		margin-bottom: 2px;
		}

	#tagwords h3 {
		margin:0;
		font-size:0.75rem;;
		text-align:left;
		}

/******************** Higlighter */
span.match,
span.match_preview{
	background-color:#fbff83; /* yellow*/
	/*padding:1px 2px 0;*/
	}

/******************** referer window */
div.referer_data {
	background-color:#184060;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	color:#b9d3ee;
	padding:0px 10px 40px;
	font-size:1rem;
	position:relative;
	}

	div.referer_data .refererdatadesc {
		color:#72acdc;
		font-size:1.5rem;
		margin-top:14px;
		position:relative;
		}
	div.referer_data span {
		color:#000;
		}
	div.referer_data a {
		border:1px solid #72acdc;
		color:#184060;
		background-color:#72acdc;
		text-decoration:none;
		padding:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		border-radius:4px;
		position:absolute;
		right:10px;
		/*bottom:10px;*/
		}
	div.referer_data a:hover {
		color:#4682b4;
		background-color:#b9d3ee;
		}

/*
span.keyw_0 { background-color:#83ff6A; } 
span.keyw_1 { background-color:#ffc6c4; } 
span.keyw_2 { background-color:#fbff83; } 
span.keyw_3 { background-color:#d0fffe; }
*/

/******************** Error page */
div.err_div h1 {
	color:#4682b4;
	font-size:3.125rem;
	}

div.err_div h2 {
	color:#4682b4;
	font-size:1.3rem;
	}


div.err_div p {
	color:#184060;
	font-size:1rem;
	}

div.err_div p.reason {
	font-size:1.3rem;
	color:#184060;
	margin-bottom:40px;
	}

div.err_div pre {
	color:#4682b4;
	font-size:1.3rem;
	font-weight:bold;
	}

/********************* Debug */
div#debug {
	z-index:1000;
	position:fixed;
	right:0;
	top:0;
	font-family:monospace;
	color:#000;
	overflow-y:scroll;
    max-width:60%;
	border-bottom:2px solid #000;
	}

div#debug.line { max-height:1.4em; }
div#debug.third { max-height:33%; }
div#debug.twothirds { max-height:66%; }
div#debug.full { max-height:100%; }


	div#debug div {
		background-color:yellow;
		opacity:.9;
		padding:0px 3px 0 6px;
		}

	div#debug h1 {
		line-height:14px;
		font-size:.8rem;
		margin:0;padding:0;
		display:inline;
		}

	div#debug table {
		border:1px solid #000;
		border-collapse:collapse;
		}

	div#debug table td
	div#debug table th {
		padding:4px;
		}

	div#debug .chapter {
		font-weight:bold;
		text-decoration:underline;
		}

	div#debug .sub {
		font-weight:bold;
		}
	
/********************** Private Life */
div#private_life
	{
	display:none;
	font-family:verdana;
	position:fixed;
	text-align:left;
	background-color:#444;
	width:800px;
	height:390px;
	left:50%;
	top: 50%;
	margin-left:-414px;
	margin-top:-200px;
	font-size:.7rem;
	color:#fbfbff;
	padding:15px;
	border:3px solid #222;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-bottom-radius:8px;
	}


div#private_life h1 {
	line-height:18px;
	font-size:1.2rem;
	font-weight:normal;
	position:relative;
	margin-top:-6px;
	}

a#private_close {
	position:absolute;
	top:0;
	right:0;
	color:#fbfbff;
	text-decoration:none;
	font-family:sans-serif;
	height:1em;
	line-height:1em;
	width:.7em;
	}

a#private_send {
	text-decoration:none;
	color:#fbfbff;
	font-size:1.2rem;
	position:absolute;
	right:20px;
	bottom:13px;
	padding:4px;
	border:2px solid #444;
	line-height:.9em;
	}

	a#private_send:hover {
		border-color:#fbfbff;
		}



div#private_life th {
	width:190px;
	vertical-align:top;
	}

div#private_life td.priv_data {
	font-size:0.75rem;;
	}

div#private_life input,
div#private_life textarea {
	width:300px;
	border:1px solid #222;
	padding:2px;
	font-family:'Lato', verdana;
	font-size:0.75rem;;
	}

div#private_life textarea {height:100px;}


/********************** Global Footer */
#legal_footer {
    background-color:#113;
    padding:2px 0px 3px;
    height:14px;
    width:100%;
    flex-shrink: 0;
    }

#footer_menu {
    padding-left:30px;
    color:#fbfbff;
    font-family:'Lato', verdana;
    font-size:.6rem;
    }

#footer_menu a {
    color:#fbfbff;
    font-family:'Lato', verdana;
    font-size:.75rem;
    text-decoration:none;
    }

#footer_menu a:hover {
    text-decoration:underline;
    }