/* ===== FONTS ===== */
@font-face {
	font-family: 'fontello';
	src: url('../font/fontello.eot');
	src: url('../font/fontello.eot') format('embedded-opentype'),
	url('../font/fontello.woff2') format('woff2'),
	url('../font/fontello.woff') format('woff'),
	url('../font/fontello.ttf') format('truetype'),
	url('../font/fontello.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/** HTML5 CSS RESET ***********************************************************/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	background:transparent;
}
body {
	line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}
nav ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
a {
	margin:0;
	padding:0;
	font-size:100%;
	background:transparent;
}
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}
input, select {
	vertical-align:middle;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
/** END HTML5 CSS RESET *******************************************************/

/** DOKIELGUIDE ***************************************************************/

/** Generic styles ************************************************************/

.hidden{
 display:none;
}
p{
	margin: 0.5em 0;
	line-height:1.4;
}
h2{font-size:1.5em;  margin: 1.0em 0 0.7em 0;}
h3{font-size:1.3em;  margin: 1.0em 0 0.6em 0;}
h4{font-size:1.2em;  margin: 0.8em 0 0.5em 0;}
h5{font-size:1.15em; margin: 0.7em 0 0.4em 0;}
h6{font-size:1.1em;  margin: 0.6em 0 0.3em 0;}
ul,ol{
	padding-left:30px;
	margin:0.6em 0;
}
li{
	margin:0.6em 0;
}
li span {
	line-height: 1.4;
}
sup,sub{
	font-size: smaller;
}
/* === TRANSITIONS ========================================================== */
@keyframes glowSection {
	0% {box-shadow: inset 0 0 30px #FFFF60;}
	100% {box-shadow: none;}
}

/* === START - FOCUS ======================================================== */
a:focus,
input:focus,
video:focus,
audio:focus,
button:focus,
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
	border: none;
	outline: 1px dotted gray;
	transition: outline .25s ease-in-out;
}
/* === STOP - FOCUS ========================================================= */

/** Page layout **************************************************************/
html{
	margin: 0px;
	padding: 0px;
}

body{
	margin:0;
	font-family: sans-serif;
	font-size: 0.90em;
	background-color: #f5f5f5;
}

#page {
	width: 100%;
	max-width:1200px;
	margin:0 auto;
	position: relative;
	box-shadow:  0px 0px 20px 0px #221677;
	border-left:1px solid #221677;
	border-right:1px solid #221677;
	box-sizing:border-box;
}
#header, #footer{
	position: relative;
	min-height: 40px;
	background: #0000ff linear-gradient(to bottom,  #0000ff 0%,#000070 100%); /* W3C */
	color:white;
}
#main{
	position: relative;
	background-color: #6de5f7;
}
#content{
	min-height:500px;
	background-color: white;
	padding:1px 0;
}
.tplPage #content,
.tplSub #content{
	margin-left:200px;

	border-left: 1px solid #0000ff;
	box-shadow:  -5px 0px 20px 0px #ddd;
}
.tplPage #outline,
.tplSub #outline{
	position: absolute;
	top:0;
	left:0;
	width:200px;
}
.tplNoMenu #content{
	margin-left:0px;
	border-left: 0px;
}
.tplNoMenu #outline{
	display:none;
}

/* ============= Cookie warn bar ============= */
.cookieWarnBar{
	position:relative;
	border-bottom:2px solid #e0dcd8;
	background-color: #FFF;
	padding: 6px 10px;
	margin: 0px;
	opacity:1;
	min-width: 850px;
	z-index: 1000;
}
.cookieWarnBar.acknowledged{
	opacity:0;
	height:0px !important;
	padding: 0px 10px;
	margin: 0px -7px 0px -7px;
	border-bottom:0px;
	transition-property : opacity,display,padding,margin;
	transition-duration : 0.5s;
}
.cookieWarnBtn{
	display: block;
	position: absolute;
	top: 5px;
	right: 5px;
	text-decoration: none;
	color:black;
}
.cookieWarnBtn:hover{
	opacity:0.8;
}
.cookieWarnBar_on #header .topbar {
	top:20px;
}

/** Header ********************************************************************/
#header {
	z-index:10;
	display:flex;
	align-items:center;
}

#menu{
	order:1;
}

div.searchFra{
	order:2;
	position:relative;
	font-size: 0.89em;
	margin: 0 1em;
}

#header h1{
	flex: 2 1 auto;
	order:3;
	text-align: right;
	padding-right:5px;
	font-size: 1.5em;
	line-height: 1.5em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#header h1 img {
    max-height: 35px;
    width: auto;
}

#header span.longTitle{
	font-size:0.7em;
}
#header span.longTitle.richTitle{
	font-size:0.65em;
}

#logo{
	flex: 0 0 auto;
	order:4;
	margin: 3px 5px;
	height:34px;
	background-color: #EBEBEB;
	border-radius: 5px;
}
#logo img{
	margin: 2px;
	vertical-align: middle;
}

/* ============= Accessibility menu ============= */
#accessibility {
	position: fixed;
	visibility: hidden;
	top: -9999px;
	left: -9999px;
	list-style-type: none;
	margin:0;
	padding:0;
}
/**Footer ********************************************************************/
#footer a{
	color:white;
	text-decoration: none;
}
#footer a:hover{
	text-decoration: underline;
}
a.btnSc,
a.btnAbout,
span.copyright{
	display:inline-block;
	margin-top:12px;
	margin-left:10px;
	font-size:0.9em;
}
a.btnSc img{
	vertical-align: middle;
}

/* Navigation menu */
#footer nav a {
	background-color: #333;
	position: absolute;
	top:0;
	height: 40px;
	line-height: 40px;
	font-size: 1.3em;
	width: 40px;
	text-align: center;
	padding:0;
	text-transform: uppercase;
}
#footer a.navPrev {
	right: 40px
}
#footer a.navNext {
	right: 0;
}

#footer nav a:hover {
    text-decoration: none;
    opacity: 0.7;
}

#footer nav a span {
    position:absolute;
	left:-9999px;
}

#footer a.navPrev::before{
	font-family: "fontello";
	content: "\e816";
}

#footer a.navNext::before {
	font-family: "fontello";
    content: "\e810";
}


/** Menus : stack *************************************************************/
#stack{
	position:absolute;
	top:43px;
	right:3px;
	height:20px;
	left:203px;
	font-size:0.9em;
	overflow:hidden;

	color:black;
}
#stack a{
	color:#727272;
}
#stack span.sw_outStack_navRoot{
	text-align: right;
	position:absolute;
	right:0px;
	width:2000px;
}

/** Menus : plan **************************************************************/
ul.sw_outMap_navList{
	list-style: none;
	list-style-image:none;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}
ul.sw_outMap_navList ul{
	list-style: none;
	list-style-image:none;
	margin: 0px 0px 0px 20px;
	padding: 0px;
}
ul.sw_outMap_navList a{
	display:block;
	color:#3D3D3D;
	text-decoration: none;
}
ul.sw_outMap_navList a span.outLabel{
	padding-left: 20px;
	position:relative;
}
ul.sw_outMap_navList a:hover span.outLabel{
	text-decoration: underline;
}

ul.sw_outMap_navList a span.outLabel::before{
	content:"";
	width:7px;
	height:7px;
	border:1px solid #5e5e5e;
	background-color:#5e5e5e;
	position:absolute;
	left:5px;
	top:5px;
	border-radius:50%
}
ul.sw_outMap_navList .outRoot a span.outLabel::before,
ul.sw_outMap_navList .outConc a span.outLabel::before{
	background-color:#efefef;
}
ul.sw_outMap_navList a.mnuSel_yes>span{
	display:block;
	background-image:url("../img/out/planSel.png");
	background-position:center;
	background-repeat: repeat-x;
}
ul.sw_outMap_navList a.mnuSel_yes span.outFrame{
	display:block;

	background-image:url("../img/out/leftSel.png");
	background-repeat: no-repeat;
	background-position:center right;
}
ul.sw_outMap_navList span.outLabel{
	background-color:white;
	padding-right:2px;
}

/** Menus : root **************************************************************/
#menu ul{
	list-style: none;
	list-style-image:none;
	margin: 0px;
	padding: 0px;
	display: inline-block;
}
#menu a{
	color:white;
	text-decoration: none;
}
#menu a:hover span{
	text-decoration: underline;
}
#menu span{
	font-size:1.2em;
	display: inline-block;
	padding-top:10px;
}
#menu li{
	display: inline-block;
	height: 40px;
	padding: 0 10px;
	margin:0;
}
.tplSub #menu li.outRoot a::before {
    content: "\e816";
    font-family: "fontello";
    margin-right: 5px;
    font-size: 1.2em;
}
.tplPage #menu li, .tplTools #menu li{
	background-repeat: no-repeat;
	background-position: bottom center;
}
.tplPage #menu li.outRoot{
	background-image:url("../img/out/mainSel.png");
}
.tplPage.tplNoMenu #menu li.outRoot, 
.tplTools #menu li.mainSel_yes{
	background-image:url("../img/out/mainSelNoMnu.png");
}

/** Menus : outline ***********************************************************/
#outline{
	font-size:0.9em;
}
#outline:target{
	box-shadow:none;
}

#outline ul.mnu_dynamic{
	position:absolute;
	top:20px;
	bottom:20px;
	left:0;
	right:0;
}
#outline .mnuSrlUpFra a,
#outline .mnuSrlDwnFra a{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
#outline .mnuSrlUpFra span,
#outline .mnuSrlDwnFra span{
	display:none;
}
#outline .mnuSrlUpFra,
#outline .mnuSrlDwnFra{
	position: absolute;
	left:5px;
	right:5px;
	height:10px;
	background-image: url("../img/out/scroll.png");
	background-repeat: no-repeat;
}
#outline .mnuSrlUpFra{
	top:5px;
}
#outline .btnOff{
	opacity: 0.4;
}
#outline .btnOff a{
	display:none;
}
#outline .mnuSrlDwnFra{
	background-position: 0 -10px;
	bottom:5px;
}
#outline ul{
	list-style: none;
	list-style-image:none;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}
#outline ul.mnu_root{
	margin: 0px 0px 0px 2px;
}
#outline li{
	margin:8px 0;
}
#outline .mnuLbl{
	position: relative;
	padding-left:14px;
}
#outline a.mnu_tgle_o span,
#outline a.mnu_tgle_c span{
	display:none;
}
#outline a.mnu_tgle_o,
#outline a.mnu_tgle_c{
	background-position: left center;
	background-repeat: no-repeat;
	height: 11px;
	left: -0px;
	position: absolute;
	top: 0px;
	width: 11px;
}
#outline a.mnu_tgle_c{
	background-image: url(../img/block/open.png);
}
#outline a.mnu_tgle_o{
	background-image: url(../img/block/close.png);
}
#outline a.mnu_lnk{
	display: block;
	color:#3D3D3D;
	text-decoration: none;
	padding-right: 12px;
}
#outline a.mnu_lnk:hover>span{
	text-decoration: underline;
}
#outline .mnu_sel_yes span.mnu_i{
	display: block;
	background-image:url("../img/out/leftSel.png");
	background-repeat: no-repeat;
	background-position: center right;
	padding-right: 12px;
}
#outline .mnu_sel_yes span.mnu_i>span{
	background-color: #35c0e6;
	display:inline-block;
	padding-right: 2px;
}

/** Home title frame **********************************************************/
.tplHomeTiFra {
    margin: 0 50px;
}
.tplHomeTiFra table{
	margin: 50px 0;
}
.tplHomeTiFra td.tplHomeTi,
.tplHomeTiFra td.tplHomeLongTi{
	padding-left:20px;
}
.tplHomeTiFra td.tplHomeTi h2{
	font-size:2.5em;
}
.tplHomeTiFra td.tplHomeLongTi{
	font-size:1.5em;
}

article.headCo.home>div>table{
	margin:1.5em;
}
article.headCo.home>div>table td.tplHomeLogo{
	padding-right:20px;
}
article.headCo.home>div>table td.tplHomeTi h2{
	font-size:1.6em;
}
article.headCo.home>div>table td.tplHomeLongTi{
	font-size:1.2em;
}

/** About *********************************************************************/
.infoBk {
	padding-left: 10px;
}
.infoBk th{
	padding: 5px 10px 5px 0;
	text-align: left;
}

/** Glossary ******************************************************************/
.glossary {
	margin-bottom:20px;
}
.glossary .keyOutline{
	background-color:#A1A1A1;
	text-align: center;
}
.glossary .keyOutline a{
	color: white;
	margin:3px 30px;
	text-decoration: none;
	display:inline-block;
}
.glossary .keyCateg{
	text-align:center;
}
.glossary dl{
	margin-bottom:30px;
}
.glossary dt{
	background-image: url("../img/block/back.png");
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 40px;
	font-weight: bold;
	font-size:1.2em;
}
.glossary dd{
	padding-left: 60px;
	margin-bottom:20px;
}
.glossary span.syn{
	display:block;
	color:#4D4D4D;
	font-size:0.95em;
	margin-left:0px;
}
.glossary span.syn:before {
	content: '= ';
}
.glossary a.idxCallers_closed,
.glossary a.idxCallers_open{
	background-image:url("../img/block/open.png");
	background-repeat: no-repeat;
	background-position: 4px 2px;
	padding-left: 20px;
	color:#757575;
	text-decoration: none;
}
.glossary a.idxCallers_closed:hover,
.glossary a.idxCallers_open:hover{
	text-decoration: underline;
}
.glossary a.idxCallers_open{
	background-image:url("../img/block/close.png");
}
.glossary .idxCallers_co {
	padding-top: 1px;
	padding-left: 10px;
	margin-left: 9px;
	border-left: 1px solid #C0C0C0;
	border-radius: 0px 0px 0px 5px;
}
.glossary .idxCallers_co ul{
	list-style: none;
	list-style-image:none;
	margin: 0px;
	padding: 0px;
}
.glossary .idxCallers_co a{
	color: #525252;
	text-decoration: underline;
}
.glossary .def{
	margin-right:10px;
}

/** Fundamenal units as root **************************************************/
.home.concept .def_bk{
	padding-left: 20px;
}
.home.stepList .secAloneCo{
	padding-left: 15px;
}
.home.screen .secAloneCo{
	padding-left: 15px;
}
.home.tree .secAloneCo{
	padding-left: 15px;
}
/** Content : Basket **********************************************************/

.basket {
	margin-left: 10px;
	margin-right: 10px;
	border-top: 1px dashed gray;
}
.basket_itti{
	font-size: 1.2em;
}

/** Content : Definitions *****************************************************/
i.syn:before{
 content: "≃ ";
 color: gray;
}

/** Content : local menu ******************************************************/
.secOutFra{
	float: left;
	margin-left:20px;
	margin-bottom:10px;
	background-color: #F6F6F6;
	border-radius: 10px;
	font-size:0.8em;
	padding: 5px 5px 0px 5px;
}
.secOutTi a{
	background-image:url("../img/block/open.png");
	background-repeat: no-repeat;
	background-position: top right;
	padding-right: 20px;
	color:#757575;
	text-decoration: none;
	display:block;
}
.secOutTi a.secOut_op{
	background-image:url("../img/block/close.png");
}
.secOutUi ul{
	list-style: none;
	list-style-image:none;
	margin: 0px 0px 0px 15px;
	padding: 0px;
}
.secOutUi ol{
	list-style: none;
	list-style-image:none;
	margin: 0px;
	padding: 0px 10px;
}
.secOutUi a{
	color:#5D5D5D;
	text-decoration: none;
	display:block;
}
.secOutUi a:hover{
	text-decoration: underline;
}

/** Content : See also & sub section outline **********************************/
.linkSection,
.subSecUi{
	background-color:#00dfff;
	display: inline-block;
	margin:10px;
}
.linkSection_ti{
	color:#494949;
	text-align:center;
	padding: 4px 4px 0px 4px;
}
ul.links,
ul.sw_outSubSec_navList{
	list-style: none;
	list-style-image:none;
	margin: 0px 10px 0px 0px;
	padding: 4px 0px 0px 0px;
}
ul.links a,
ul.sw_outSubSec_navList a{
	color:#2D2D2D;
	text-decoration: none;
	display:block;
	padding-top:2px;
}
ul.links a:hover,
ul.sw_outSubSec_navList a:hover{
	text-decoration: underline;
}
ul.links li,
ul.sw_outSubSec_navList li{
	min-height:25px;
	padding-left:20px;
	background-image:url("../img/nav/back.png");
	background-repeat: no-repeat;
	background-position: 0px -40px;
}
ul.links li.linkDoc{
	background-position: 4px -78px;
}

/** Content : block layout ****************************************************/
.headCo_ti{
	padding: 0 10px;
}
.content{
	clear:left;
}
.part {
	margin: 2em 0 1em 0;
}
.infoblock,
.block{
	margin: 1em 0 1.6em 0;
}
.stepList_co .infoblock,
.stepList_co .block,
.concept_co .infoblock,
.concept_co .block{
	margin: 0.3em 0 0.8em 0;
}
.basket{
	clear:both;
}

/** Content : block styles ****************************************************/
.part_ti{
	color:#5D5D5D;
	border-bottom: 1px solid #A4A4A4;
	padding: 0 20px;
}
h2.part_ti{
	padding-left: 20px;
}
h3.part_ti{
	padding-left: 40px;
}
h4.part_ti{
	padding-left: 60px;
}
h5.part_ti{
	padding-left: 80px;
}
h6.part_ti,h7.part_ti,h8.part_ti,h9.part_ti{
	padding-left: 100px;
}
.infoblock {
	padding-left:20px;
}
.concept_co .infoblock,
.stepList_co .infoblock{
	padding-left:17px;
}
.block, .headBlock{
	background-image:url("../img/block/back.png");
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left:15px;
	position: relative;
}
.concept_co .block,
.stepList_co .block{
	background-image:none;
	padding-left:0;
}

.block_ti, .infoblock_ti{
	margin-bottom:0;
	font-size:1.1em !important;
}
*:target{
	animation: 10s ease 0s normal none 2 running glowSection;
}

span.blockType{
	display:none;
}
.block_no_ti.cbkClosed > .block_ti span.blockType{
	display:inherit;
}
.block_no_ti > .block_ti{
	margin:0;
}
.block_no_ti > .block_ti > span.block_ti_co{
	position: absolute;
	background-color: white;
}
.block_no_ti.screen > .block_ti > span.block_ti_co,
.block_no_ti.stepList > .block_ti > span.block_ti_co,
.block_no_ti.cbkClosed > .block_ti > span.block_ti_co{
	position: inherit;
}

span.block_ti_co {
    position:relative;
	padding-left: 20px;
	display: inline-block;
	min-height:16px;
}

span.block_ti_co::before {
    font-family: "fontello";
    position: absolute;
	left: 0;
	width: 20px;
	text-align: center;
	font-size: 0.9em;
}

.headBlock_ti::before{
	font-family: "fontello";
	margin-right:5px;
	display: inline-block;
	min-height:16px;
}

.block_co{
	padding: 1px 0 0 12px;
	margin-left: 9px;
	border-left: 1px solid #C0C0C0;
	border-radius: 0 0 0 5px;
}
.concept_co .block_co,
.stepList_co .block_co{
	margin-left: 6px;
}

/* --- Warning --- */
.warning_ti span.block_ti_co::before {
    content: "\e81c";
    color: #FFAAAA;
}
.warning > .block_co{
	border-left-color: #FFAAAA;
}

/* --- Advice --- */
.advice_ti span.block_ti_co::before {
    content: "\e808";
    color: #91B8E0;
}
.advice > .block_co{
	border-left-color: #91B8E0;
}

/* --- Tip --- */
.tip_ti span.block_ti_co::before {
    content: "\e820";
    color: #C891E0;
}
.tip > .block_co{
	border-left-color: #C891E0;
}

/* --- Example --- */
.example_ti span.block_ti_co::before {
    content: "\e807";
    color: #6EC7C8;
	font-size: 0.7em;
}
.example > .block_co{
	border-left-color: #6EC7C8;
}

/* --- Note --- */
.note_ti span.block_ti_co::before {
    content: "\e818";
    color: #B6E091;
}
.note > .block_co{
	border-left-color: #B6E091;
}

/* --- Legal --- */
.legal_ti span.block_ti_co::before {
    content: "\e821";
    color: #DC84BD;
}
.legal > .block_co{
	border-left-color: #DC84BD;
}

/* --- Complement --- */
.complement_ti span.block_ti_co::before {
    content: "\e81b";
    color: #CFC955;
}
.complement > .block_co{
	border-left-color: #CFC955;
}

/* --- Complement --- */
.complement_ti span.block_ti_co::before {
    content: "\e81b";
    color: #CFC955;
}
.complement > .block_co{
	border-left-color: #CFC955;
}

/* --- Concept --- */
.concept_ti span.block_ti_co::before,
.concept > .headBlock_ti::before {
    content: "\e819";
    color: #F6AF00;
}
.concept > .block_co{
	border-left-color: #F6AF00;
}

.concept_ti dfn{
	font-style: inherit;
}
.concept_co span.syn{
	display:block;
	color:#4D4D4D;
	font-size:0.95em;
	margin-left:20px;
}
.concept_co span.syn:before {
	content: '= ';
}

/* --- Screen --- */
.screen_ti span.block_ti_co::before,
.screen > .headBlock_ti::before {
    content: "\e80d";
    color: #C0C0C0;
}

/* --- Tree --- */
.tree_ti span.block_ti_co::before,
.tree > .headBlock_ti::before{
	content: "\e80e";
    color: #C0C0C0;
}

/* Small icon */
.concept_co span.block_ti_co,
.stepList_co span.block_ti_co{
	padding-left: 16px;
	min-height:14px;
}
.concept_co span.block_ti_co::before, 
.stepList_co span.block_ti_co::before {
    font-size: 0.6em;
    width: 16px;
	top: 2px;
}


.caption{
	text-align: center;
	margin: 0 0 10px 0;
}
.caption_ti{
	font-style: italic;
	color:#676767;
}
.descBlock_closed,
.descBlock_open{
	color:#676767;
	text-decoration:none;
	background-image:url("../img/block/open.png");
	background-repeat: no-repeat;
	background-position: 4px 2px;
	padding-left: 20px;
}
.descBlock_open{
	background-image:url("../img/block/close.png");
}
.caption_ti .desc{
	font-style: normal;
	max-width:630px;
	margin: 0 auto;
	text-align: left;
}

/* --- Anchor --- */
.blockAnchor{
	visibility:hidden;
	text-decoration: none;
	color:silver;
	font-size: .95em;
	margin-left:0.2em;
}
.blockAnchor::before{
	font-family:"fontello";
	content:"\e809";
}
.blockAnchor span{
	display:none;
}
*:hover>.blockAnchor,
.blockAnchor:focus {
	visibility:visible;
}

/** Content : procedures ******************************************************/
.stepList{
	position:relative;
}
.stepList_ti {
	margin-bottom:0.6em;
}
.stepList_ti span.block_ti_co,
.stepList > .headBlock_ti > span{
	background: url("../img/block/stepList.svg") no-repeat top left / 20px auto;
	padding-left: 25px;
	min-height:20px;
}

.stepList > .block_co{
	padding-left: 0px;
	margin-left: 0px;
	border-left: none;
}
.stepList > .block_co > .desc {
	background-image:url("../img/block/stepListBack.png");
	background-repeat: repeat-y;
	background-position: 8px;
	padding-left:20px;
}
.prereq_ti{
	font-size: 1.2em;
}
.prereq_ti::before{
	font-family: "fontello";
	content: "\e822";
	margin-right: 0.2em;
	color: #5e5e5e;
}
.prereq{
	padding-left: 20px;
	margin: 0px 0px 0px 5px;
}
a.slpBtnStp{
	display:inline-block;
	width:16px;
	height:16px;
	background-image:url("../img/block/stepListPlay.png");
	background-repeat: no-repeat;
	margin-left:-12px;
}
a.slpBtnStp span{
	display:none;
}
.slpSep{
	display:none;
}
.stepListPlayer{
	margin-top:-28px;
}
ol.steps{
	list-style: none;
	list-style-image:none;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	background-image:url("../img/block/stepListBack.png");
	background-repeat: repeat-y;
	background-position: 20px;
	counter-reset:li;
}
li.step{
	padding-left: 30px;
	margin-bottom: 1.3em;
}
li.step:before {
	background-color: gray;
	border-radius: 15px;
	color: #ffffff;
	content: counter(li, decimal) " ";
	counter-increment: li;
	font-family: impact;
	font-size: 1em;
	height: 20px;
	left: 28px;
	line-height: 18px;
	padding: 2px;
	position: absolute;
	text-align: center;
	width: 20px;
}
ol.ssteps{
	list-style: none;
	list-style-image:none;
	margin: 0px;
	padding: 0px;
	background-image:url("../img/block/stepListBack.png");
	background-repeat: repeat-y;
	background-position: 8px;
}
li.sstep{
	padding-left: 20px;
	background-image:url("../img/block/sstep.png");
	background-repeat: no-repeat;
	background-position: 5px 4px;
}
li.result{
	background: url("../img/block/result.png") no-repeat scroll 18px 0 white;
}
li.result:before{
	display:none;
}
ol.ssteps li.result{
	background-image:url("../img/block/sresult.png");
	background-position: 2px 1px;
}
.stepTitle {
	font-size: 1.1em;
	padding-left:20px;
}
.comment{
	padding-left: 35px;
	background:url("../img/block/comment.png") no-repeat 19px 4px transparent;
}
.comment.simple{
	padding-left: 20px;
	background:url("../img/block/comment.png") no-repeat 5px 4px transparent;
}
div.result.simple{
	padding-left: 20px;
	background: url("../img/block/result.png") no-repeat scroll 5px 0 white;
}
li.stepList .infoblock{
	padding-left: 0;
}
a.block_btn_closed,
a.block_btn_open,
a.extras_closed,
a.extras_open{
	background-image:url("../img/block/open.png");
	background-repeat: no-repeat;
	background-position: 4px 2px;
	padding-left: 20px;
	color:#676767;
	text-decoration: none;
}
a.block_btn_closed:hover,
a.block_btn_open:hover,
a.extras_closed:hover,
a.extras_open:hover{
	text-decoration: underline;
}
a.block_btn_open,
a.extras_open{
	background-image:url("../img/block/close.png");
}
.extras_co {
	padding-top: 1px;
	padding-left: 10px;
	margin-left: 9px;
	border-left: 1px solid #C0C0C0;
	border-radius: 0px 0px 0px 5px;
}
nav.stepListAlt ul{
	list-style: none;
	list-style-image:none;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}
nav.stepListAlt ul a{
	color:#3D3D3D;
	text-decoration: none;
	padding-left: 20px;
	position:relative;
}
nav.stepListAlt ul a:hover{
	text-decoration: underline;
}
nav.stepListAlt ul a::before{
	content:"";
	width:7px;
	height:7px;
	border:1px solid #5e5e5e;
	background-color:#5e5e5e;
	position:absolute;
	left:5px;
	top:3px;
	border-radius:50%
}

/** Content : procedure player ************************************************/
.slpOver{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 9;
	background-color: #DDD;
	opacity: 0.4;
}
.slpOpAct {
	position: fixed;
	top: 50px;
	left: 100px;
	right: 100px;
	bottom: 50px;
	z-index: 11;
	background-color: white;
	margin: 0;
	padding: 0;
	box-shadow: 0px 0px 10px 0px #000;
	background-image:none;
}
.slpOpAct .stepListPlayer{
	position:absolute;
	top: 40px;
	left: 0px;
	right: 0px;
	bottom: 40px;
	overflow: auto;
	background-color:white;
	margin-top:0;
}
.slpOpAct .slpTools{
	position:absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background: #666666; /* Old browsers */
	background: linear-gradient(to bottom,  #666666 0%,#3B3B3B 100%); /* W3C */
	color:white;
	height:40px;
}
.slpOpAct .comment{
	display:none;
}
.slpOpAct ol,
.slpOpAct li.step,
.slpOpAct li.sstep{
	background-image:none;
}
.slpOpAct .stepList_ti{
	padding:0 10px;
	margin-top:10px;
}
a.slpBtnPrv,
a.slpBtnNxt{
	background-image:url("../img/nav/back.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height:20px;
	top:10px;
	position: absolute;
	color:white;
	text-decoration: none;
}
a.slpBtnPrv{
	padding-left:15px;
	right:100px;
}
a.slpBtnNxt{
	right:10px;
	background-position: right -40px;
	padding-right:15px;
}
span.slpCountLbl{
	margin-left:10px;
}
span.slpCountTxt{
	margin-left:5px;
}
span.slpCountLbl,
span.slpCountTxt{
	display:inline-block;
	margin-top:10px;
}
a.slpBtnLst{
	position: fixed;
	top: 35px;
	right: 85px;
	width:30px;
	height:30px;
	background-image:url("../img/nav/close.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
a.slpBtnLst span{
	display:none;
}
/** Content : procedure screen ************************************************/
.stepScreenBox{
	display:flex;
	justify-content: center;
}
.stepScreenTitles,
.screenImage{
	border: 1px solid silver;
	border-radius: 3px;
	box-shadow: 0px 0px 5px 0px silver;
	margin:3px;
}
.stepScreenTitles{
	position:relative;
	flex: 1 1 auto;
	max-width:400px;
}
.screenImage{
	flex: 0 0 auto;
}
.stepScreenTitles,
.stepScreenBox { /* Must be set on all parent flex items of an overflowing item */
	min-height:0;
	overflow:hidden;
}

ol.screenSteps{
	list-style: none;
	margin: 0px;
	padding: 0px;
	background-image: url("../img/block/stepListBack.png");
	background-repeat: repeat-y;
	background-position: 13px;
	counter-reset: steps;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 32px;
	overflow-y: auto;
	border-bottom: 1px solid silver;
}
li.screenStep{
	margin: 0;
	padding:8px 0 8px 26px;
}
li.screenStep:before {
	background-color: gray;
	border-radius: 15px;
	color: #ffffff;
	content: counter(steps, decimal) " ";
	counter-increment: steps;
	font-family: impact;
	font-size: 0.8em;
	height: 15px;
	left: 1px;
	line-height: 15px;
	padding: 2px;
	position: absolute;
	text-align: center;
	width: 15px;
}
a.screenStepLnk{
	color: #000;
	text-decoration: none;
}
.stepScreenTitles a.screenStepLnk {
	display: block;
}
.screenImage{
	counter-reset:steps;
}
span.stepArea{
	outline: 2px dotted gray;
}

.screenImage a.screenStepLnk:before {
	background-color: gray;
	border-radius: 15px;
	color: #ffffff;
	content: counter(steps, decimal) " ";
	counter-increment: steps;
	font-family: impact;
	font-size: 0.8em;
	height: 15px;
	left: -10px;
	top:-10px;
	line-height: 15px;
	padding: 2px;
	position: absolute;
	text-align: center;
	width: 15px;
	z-index:10;
	box-shadow: 0px 0px 5px 0px black;
}

.comment.screen{
	padding-left: 20px;
	background:url("../img/block/comment.png") no-repeat 5px 4px transparent;
}
div.result.screen{
	padding-left: 20px;
	background: url("../img/block/result.png") no-repeat scroll 5px 0 white;
}

.stepScreenTools{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 32px;
	background: grey;
}
a.sspBtnPrv,
a.sspBtnNxt{
	background-image:url("../img/nav/back.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height:20px;
	top:8px;
	position: absolute;
	color:white;
	text-decoration: none;
	line-height: 18px;
}
a.sspBtnPrv.disabled_true,
a.sspBtnNxt.disabled_true{
	opacity: 0.4;
}
a.sspBtnPrv{
	padding-left:15px;
	left:5px;
}
a.sspBtnNxt{
	right:5px;
	background-position: right -40px;
	padding-right:15px;
}
.stepScreenCounter{
	color:white;
	width: 50px;
	position: absolute;
	height:20px;
	top:8px;
	line-height: 18px;
	left: 50%;
	margin-left: -25px;
	text-align: center;
}
.stepScreen.active_true ol.steps > li.step.active_false,
.stepScreen.showSteps_false ol.steps > li.step{
	visibility: hidden;
	position: fixed;
	left:-10000px;
	top:-10000px;
}

.stepScreen.active_true .stepScreenMask{
	background: black;
	opacity: 0.5;
}
.screenImage .screenStepLnk.active_false .stepArea{
	background: none !important;
}
.stepScreenTitles .screenStep.active_false{
	background: grey;
}
.stepScreenTitles .screenStep.active_false a{
	opacity: 0.3;
}


/** Content : screen **********************************************************/
.screen{
	position: relative;
}
.screen_ti{
	margin-right:65px;
}
.screenImgFra{
	padding-right:5px;
}
.screenImgFra table {
	margin: 0 auto;
}
a.screenZoneLnk {
	text-decoration: none;
}
span.zoneArea{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	outline: 2px dotted gray;
	background:url("../img/empty.png"); /* IE */
}
.scrFraAct span.zoneArea{
	outline: 2px dotted #555753;
}
a.screenZoneLnk:hover span.zoneArea{
	background-color: white;
	opacity: 0.4;
}
span.zoneNumber{
	display: inline-block;
	border-radius: 50px;
	box-shadow: 0px 0px 5px 0px black;
	background-color: black;
	color: white;
	padding: 3px 3px 0 3px;
	min-width:12px;
	min-height:15px;
	text-align: center;
	font-size: 80%;
}
a.screenZoneLnk span.zoneNumber{
	position: absolute;
	top: -9px;
	left: -10px;
	z-index:10;
}
li.screenZone span.zoneNumber{
	position: absolute;
	top: -10px;
	left: -10px;
	z-index:10;
}
.screenTitles{
	text-align: left;

}
.screenTitles span.zoneNumber{
	position: absolute;
	top: 0px;
	left: 0px;
}
.scImgZmTi span.zoneNumber{
	position: absolute;
	top: -10px;
	left: -10px;
	z-index:10;
}
ul.screenZones{
	list-style: none;
	list-style-image:none;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 0px;
}
li.screenZone{
	border: 1px solid gray;
	border-radius: 10px;
	margin-left:5px;
	margin-right:10px;
	margin-top:20px;
	margin-bottom:20px;
	box-shadow: 0px 0px 5px 0px gray;
	position: relative;
	padding-bottom:5px;
}
.screenZone_ti{
	font-size: 1.2em;
	padding-left:10px;
	margin: 5px 0 10px 0;
}
.scImgZmTi .screenZone_ti{
	font-size: 1em;
	padding-left:0px;
	margin: 5px 0 0 0;
}
.screenZone_co{
padding: 0 0 0 10px;
}
.screenZone_co .infoblock{
padding: 0 0 0 0;
}
.screenZone_tall .screenZone_desc {
padding: 0 0 0 10px;
}
.screenZone_end{
	margin:5px 0 5px 5px;
}
.scrFraAct .screenZone_end{
	display:none;
}
.screenZone_end a{
	color:silver;
	font-size: 0.8em;
	font-style: italic;
	text-decoration: none;
}
.screenImgFra table{
	border-spacing: 5px;
	display: table;
	border-collapse: separate;
}
.screenImgFra td{
	border: 1px solid silver;
	border-radius: 3px;
	box-shadow: 0px 0px 5px 0px silver;
	padding:0px;
}
.scrFraAct .screenTitles {
	background-color: #999999;
	border-radius: 3px;
}
.scrFraAct .scrTiAct {
	background-color: white;
}
.screenTitles a{
	color:black;
	text-decoration: none;
	display:block;
	position:relative;
	padding-left:25px;
}
.screenTitles li{
	padding: 6px;
	margin: 0px;
	font-size:0.9em;
	min-height:16px;
}
.screenTitles ul{
	list-style: none;
	list-style-image:none;
	margin: 0px;
	padding: 0px;
}
.scrFraAct .screenMask{
	background-color: black;
	opacity: 0.4;
}
.scrFra{
	position: relative;
	padding: 20px 0 0 0;
}
.scrTools{
	position: absolute;
	top:0;
	right:10px
}
.scrBtnLst,
.scrBtnAct {
	font-size: 1.3em;
	color: #676767;
	text-decoration: none;
	margin-left: 5px;
}
.scrBtnLst {
	opacity: 1;
	cursor: default;
}
.scrBtnAct {
	opacity: 0.4;
}

.scrBtnAct::before {
	font-family:"fontello";
	content:"\e811";
}
.scrBtnLst::before {
	font-family:"fontello";
	content:"\e80f";
}

.scrFraInt .scrBtnLst,
.scrFraAct .scrBtnLst{
	opacity: 0.4;
	cursor: pointer;
}
.scrFraInt .scrBtnAct,
.scrFraAct .scrBtnAct{
	opacity: 1;
	cursor: default;
}

.scrBtnLst span,
.scrBtnAct span{
	position:absolute;
	left:-9999px;
}

/** Content : text ************************************************************/
.text{
	margin-right:10px;
}
table.txt_tb{
	border-spacing: 0;
	display: table;
	border-collapse: collapse;
	box-shadow: 0 1px 1px #ccc;
	margin:5px auto;
}
table.txt_tb caption{
	font-style: italic;
	color:#676767;
}
table.txt_tb th,table.txt_tb td{
	padding: 0 3px;
	border:1px solid gray;
}
table.txt_tb th{
	text-align: center;
}

table.txt_tb .txt_colTi_tbcl{
	background-color: #EEE;
}
table.txt_tb .txt_rowTi_tbtr {
	background-color: #DDD;
}
table.txt_tb .txt_cellEmp_tbtd {
	background-color: #CCC;
	text-align: left;
	box-shadow: inset 0px 0px 5px 2px #EEE;
	font-weight: normal;
}
table.txt_tb .txt_cellCenter_tbtd p{
	text-align:center;
}

table.txt_tb p{
	margin: .3em 0;
	text-align: left;
}
tr.txt_rowTi_tbtr th p{
	text-align:center;
}
table.layout_tb{
	border-collapse: collapse;
	border-spacing: 0;
}
table.layout_tb td{
	padding: 0 10px 10px 0
}
table.txt_tb th>div,
table.txt_tb td>div,
table.layout_tb th>div,
table.layout_tb td>div{
	margin: .3em 0
}
ul.txt_sl,
ul.txt_il {
	list-style-type:disc;
}
.txt_p a, .txt_m a {
	color: #525252;
	text-decoration: underline;
}
.ico_tim img,
.txt_ico_tim img {
	vertical-align: middle;
}
.txt_textTab_is,
.txt_textButton_is,
.txt_textRadioButton_is,
.txt_textCheckBox_is,
.txt_input_is,
.txt_select_is,
.txt_keyboard_is,
.txt_menuPath_is,
.txt_filePath_is,
.txt_win_is{
	white-space: pre;
	padding:0px 3px;
	margin:1px 0;
	box-shadow: inset 0 -8px 10px rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255, 0.3), inset 0 1px 0 rgba(255,255,255, 0.3);
	border: 1px solid #cecece;
	font-family: sans-serif;
	background-color:white;
	color:black;
}
.txt_textTab_is{
	border-radius: 5px 5px 0px 0px;
}
.txt_textButton_is,
.txt_textRadioButton_is,
.txt_textCheckBox_is,
.txt_input_is,
.txt_select_is,
.txt_keyboard_is,
.txt_menuPath_is,
.txt_filePath_is{
	border-radius: 5px;
}
.txt_menuPath_is,
.txt_filePath_is{
	border-radius: 0px 8px 8px 0px;
}

code::before {
    margin-right: 0.3em;
    font-size: 0.9em;
	font-family: "fontello";
}
.txt_textCheckBox_is::before{
	content:"\e82c";
}
.txt_keyboard_is::before {
	content:"\e812";
}
.txt_menuPath_is::before {
	content:"\e903";
}
.txt_filePath_is::before {
	content:"\e904";
}
.txt_win_is::before {
	content:"\e813";
}
.txt_textTab_is::before {
	content:"\e902";
}
.txt_textRadioButton_is::before{
	content:"\f192";
}
.txt_input_is::before {
	content:"\e906";
}
.txt_select_is::before {
	content:"\e905";
}

.txt_label_is {
	text-decoration: underline;
}

.txt_url_ul,
.txt_web_ul{
	color: #676767;
}
.txt_url_ul::after,
.txt_web_ul::after{
	content:"\e82d";
	font-family: "fontello";
	margin-left: 0.3em;
	font-size:0.9em;
}
.txt_term_is{
	color:#676767;
	font-family: sans-serif;
}
.txt_cmd_is {
	font-family: Courier, "Lucida Console", monospace;
}
a.txt_def_ul,
a.txt_doc_ul{
	text-decoration: none; border-bottom:1px dotted;
}

.txt_auth_tl {
    font-weight: bold;
}
.txt_ed_tl {
	text-decoration: underline;
}
.txt_title_tl {
    font-style: italic;
}

.tooltip{
	background-color:#dddddd;
	border-radius: 5px;
	font-size:0.9em;
}
.tooltip_ti{
	font-size:1.2em;
	padding: 5px 5px 3px 5px;
}
.tooltip_co{
	padding: 0 5px 2px 5px;
}
.tooltip a{
	color:#696969;
}
.tooltip .text{
	margin:0;
}
.tooltip p{
	text-align: left;
	margin:0.1em 0;
	line-height: 1.2;
}
.tooltip a.tooltip_x{
	position: absolute;
	right: -10px;
	color: white;
	top: -10px;
	text-decoration: none;
	background-color: black;
	border-radius: 10px;
	min-width: 20px;
	min-height: 20px;
	text-align: center;
	vertical-align: middle;
	line-height: 19px;
}
/** Content : scImgMgr ********************************************************/
a.imgZoom{
	display: inline-block;
	line-height: 0;
}
.screenSeq > .caption_co{
	display:inline-block;
	margin:0 auto;
	background-color: #DDD;
	padding: 5px;
	border-radius: 5px;
}
.screenSeqFra .caption{
	margin:0;
}
.screenSeqFra{
	margin:0 auto;
	background-color: #FFF;
}
.scImgZmOver{
	background-color: #DDD;
	opacity: 0.4;
	position:fixed;
	width:100%;
	height:100%;
}
.scImgZmCvs{
	padding:20px;
	width:inherit;
	height:inherit;
	top:0;
	left:0;
	bottom:0;
	right:0;
}
.scImgZmFra{
	background-color: white;
	padding:10px;
	border-radius: 10px;
	box-shadow:  0px 0px 20px 0px #999;
}
a.scImgZmBtnCls{
	position:absolute;
	box-sizing: border-box;
	top:-15px;
	right:-15px;
	width:30px;
	height:30px;
	padding-left: 30px;
	overflow: hidden;
	background-image:url("../img/nav/close.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.scImgZmTi{
	text-align: center;
	margin:5px 5px 0px 5px;
	color:#676767;
	font-style: italic;
}
.scImgZmMag{
	border-radius: 5px;
	box-shadow:  0px 0px 10px 0px #555;
}
.scImgAnmCtrl{
	padding-top: 5px;
	width: 115px;
	height: 16px;
	position:relative;
	margin:0 auto;
}
.scImgAnmCtrLbl{
	display:none;
}
.scImgAnmBtnInitPly{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background:url(../img/anim/playBtn.png) no-repeat center center;
}
.scImgAnmBtnInitPly span{
	display:none;
}
a.scImgAnmBtnPse,
a.scImgAnmBtnPly,
a.scImgAnmBtnNxt,
a.scImgAnmBtnPrv {
	position:absolute;
	box-sizing: border-box;
	width:15px;
	height:12px;
	padding-left: 15px;
	overflow: hidden;
	background-image:url("../img/anim/player.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
a.scImgAnmBtnPse {
	left:30px;
	background-position: 0px -90px;
}
a.scImgAnmBtnNxt {
	left: 55px;
	background-position: 1px -60px;
}
a.scImgAnmBtnPrv {
	left:5px;
}
a.scImgAnmBtnPly {
	left:30px;
	background-position: 1px -30px;
}
a.scImgAnmBtnPse:hover,
a.scImgAnmBtnNxt:hover,
a.scImgAnmBtnPrv:hover,
a.scImgAnmBtnPly:hover {
	opacity: 0.8;
}
.scImgSep{
	display:none;
}
.scImgAnmCtrIdx{
	position:absolute;
	left:80px;
	width:15px;
	height:13px;
}
.scImgAnmCtrSep{
	position:absolute;
	left:95px;
	width:10px;
	height:13px;
}
.scImgAnmCtrCnt{
	position:absolute;
	left:105px;
	width:15px;
	height:13px;
}
/** STOP - scImgMgr ********************************************************/

/* === CodeMirror =========================================================== */
.CodeMirror-static{
	margin-left:40px;
}
.CodeMirror-static pre {
	/* Reset some styles that the rest of the page might have set */
	border-radius: 0;
	border-width: 0;
	background: transparent;
	font-family: inherit;
	font-size: inherit;
	margin: 0;
	white-space: pre;
	word-wrap: normal;
	line-height: inherit;
	color: inherit;
	z-index: 2;
	position: relative;
	overflow: visible;
	border-right: 30px solid transparent;
	width: fit-content;
	font-family: monospace;
	tab-size: 2;
}
.CodeMirror-line{
	position: relative;
	min-height: 16px;
}
.CodeMirror-linenumber{
	position: absolute;
	top:0;
	left:-38px;
	width:30px;
	padding: 0 3px 0 5px;
	min-width: 20px;
	min-height: 16px;
	text-align: right;
	color: #656565;
	background-color: #f7f7f7;
}

.cm-keyword {color: #708;}
.cm-atom {color: #219;}
.cm-number {color: #164;}
.cm-def {color: #00f;}
.cm-variable {color: black;}
.cm-variable-2 {color: #05a;}
.cm-variable-3 {color: #085;}
.cm-property {color: black;}
.cm-operator {color: black;}
.cm-comment {color: #a50;}
.cm-string {color: #a11;}
.cm-string-2 {color: #f50;}
.cm-meta {color: #555;}
.cm-error {color: #f00;}
.cm-qualifier {color: #555;}
.cm-builtin {color: #30a;}
.cm-bracket {color: #997;}
.cm-tag {color: #170;}
.cm-attribute {color: #00c;}
.cm-header {color: blue;}
.cm-quote {color: #090;}
.cm-hr {color: #999;}
.cm-link {color: #00c;}

.cm-negative {color: #d44;}
.cm-positive {color: #292;}
.cm-header, .cm-strong {font-weight: bold;}
.cm-em {font-style: italic;}
.cm-link {text-decoration: underline;}
.cm-invalidchar {color: #f00;}
/* === STOP - CodeMirror ==================================================== */

/* === START - scCode ==================================================== */
.scCodeActive{
	border:1px solid silver;
	background-color:white;
	font-size: 90%;
}
.scCodeCtrl{
	background-color:#f3f3f3;
	border-bottom:1px solid #cfcfcf;
	padding:0;
	height:19px;
	text-align:right;
	z-index:2;
	position:relative;
}

.scCodeActive .CodeMirror-static{
	transition: margin-left 200ms ease-in;
}
.scCodeLineNums-invisible .CodeMirror-linenumber{
	display:none;
}
.scCodeLineNums-invisible .CodeMirror-static{
	margin-left:2px;
}

.scCodeRaw{
	tab-size: 2;
}

.scCodeRaw-invisible .scCodeRaw,
.scCodeRaw-visible .scCodeCode{
	display:block;
}
.scCodeActive .scCodeRaw,
.scCodeActive .scCodeCode{
	transition: opacity 1s ease-out;
	opacity: 0; 
	height: 0;
	overflow: hidden;
}
.scCodeRaw-invisible .scCodeCode,
.scCodeRaw-visible .scCodeRaw{
	opacity: 1;
	height: auto;
	overflow:auto;
}
.scCodeCtrl a{
	display:inline-block;
	box-sizing: border-box;
	width:20px;
	height:19px;
	padding-left: 20px;
	overflow: hidden;
	background-image:url("../img/code/buttons.png");
	background-repeat: no-repeat;
	background-position: -0px -0px;
	margin:0 1px;
}
.scCodeCtrl a:hover{
	opacity:0.8;
}
.scCodeCtrl a.scCodeBtnLineNums{
	background-position: -0px -20px;
}
.scCodeLineNums-invisible .scCodeCtrl a.scCodeBtnLineNums{
	background-position: -20px -20px;
}
.scCodeRaw-visible .scCodeCtrl a.scCodeBtnLineNums{
	visibility: hidden;
}
.scCodeCtrl a.scCodeBtnRaw{
	background-position: -0px -40px;
}
.scCodePlain .scCodeCtrl a.scCodeBtnRaw{
	background-position: -0px -20px;
}
.scCodeRaw-visible .scCodeCtrl a.scCodeBtnRaw{
	background-color: silver;
}
.scCodeRaw-visible.scCodePlain .scCodeCtrl a.scCodeBtnRaw{
	background-position: -20px -20px;
	background-color: inherit;
}
.scCodeCtrl a.scCodeBtnWrap{
	background-position: -0px -80px;
}
.scCodeWrap-on .scCodeCtrl a.scCodeBtnWrap{
	background-color: silver;
}
.scCodeRaw-visible .scCodeCtrl a.scCodeBtnWrap{
	visibility: hidden;
}


.scCodeCopyMsg.scCodeHidden {
	display:block;
	height:0px;
	visibility:hidden;
	transition: visibility 200ms step-end;
}
.scCodeCopyMsg.scCodeVisible {
	display:block;
	height:18px;
	visibility:visible;
	transition: visibility 200ms step-start;
}

.scCodeCopyMsg {
	position:absolute;
	z-index:1;
	opacity:0.8;
	top:19px;
	left:0;
	width:100%;
	background-color:#f7ed99;
	border-bottom:1px solid #e4ca8c;
	color:#7e652a;
	text-align: center;
	overflow:hidden;
	transition: height 200ms linear;
}
/* === STOP - scCode ==================================================== */

/* === ConceptTree ========================================================== */
.treeRoot>.nodeRoot>.nodeLblFra{
	border-left:0px;
}
.treeRoot>.nodeRoot>.nodeLblFra>.nodeLbl{
	border-width: 2px;
}
.treeRoot>.nodeChildren_hide>.nodeLblFra>.nodeLbl{
	border-bottom-width: 5px;
}
.treeRoot>.nodeRoot>.nodeLblFra>.nodeLbl .nodeTi{
	font-size: 1.1em;
}
.nodeChild{
	padding-left:10px;
}
.nodeChild_pre{
	border-left:2px solid silver;
}
.nodeLbl,.nodeRef{
	border:1px solid gray;
	border-radius: 10px; 
	padding:5px 8px;
	display:inline-block;
	margin-top:5px;
	box-shadow: inset 0px 0px 5px #888;
	background-color:white;
	max-width:300px;
}
.nodeChildren_hide>div>.nodeLbl{
	background-position: bottom left;
	background-repeat: repeat-x;
	background-image: url(../img/tree/nodeChiHideBk.png);

}
.nodeLblCo{
	padding-left:0px;
	background-position: center left;
	background-repeat: no-repeat;
}
.nodeRef{
	border-color: silver;
	box-shadow: inset 0px 0px 5px #AAA;
}
a.nodeRefLnk{
	color: #525252;
	text-decoration: underline;
}
.nodeDesc{
	font-size: 0.8em;
	color: #676767;
}
.nodeChildren{
	padding-left:5px;
}
.nodeChildren_hide>.nodeChildren{
	opacity:0;
	height:0px !important;
	transition-property : opacity,display;
	transition-duration : 0.1s;
}
.nodeChildren_show>.nodeChildren{
	opacity:1;
	height:auto;
	transition-property : opacity,display;
	transition-duration : 1.5s;
}
.nodeLead{
	display:inline-block;
	height:18px;
	border-left:2px solid silver;
	border-bottom:2px solid silver;
	border-bottom-left-radius: 10px;
	vertical-align: top;
}
.nodeLeadSpacer{
	display:inline-block;
	width:12px;
	height:18px;
}
.nodeRoot{
	display:inline-block;
}
.nodeLblFra,.nodeRefFra{
	display:inline-block;
}
.nodeChildren_1 .nodeLbl{
	min-width: 60px;
}
.nodeChildren_2 .nodeLbl{
	min-width: 120px;
}
.nodeChildren_3 .nodeLbl{
	min-width: 180px;
}
.nodeChildren_4 .nodeLbl{
	min-width: 240px;
}
.nodeChildren_5 .nodeLbl{
	min-width: 300px;
}
.nodeChildren_6 .nodeLbl{
	min-width: 360px;
}
.nodeChildren_7 .nodeLbl{
	min-width: 420px;
}
.nodeChildren_8 .nodeLbl{
	min-width: 480px;
}
.nodeChildren_9 .nodeLbl{
	min-width: 540px;
}
.nodeChild_co:target>div>div>.nodeLbl{
	box-shadow: 0px 0px 5px #444;
}
.nodeIco{
	float:left;
	margin-right:3px;
}
.nodeTi{
	line-height:16px;
	font-weight: bold;
	word-wrap: break-word;
}
span.nodeTi,
a.nodeTi{
	color:#464646;
	text-decoration: none;
}
.nodeChildren span.nodeTi,
.nodeChildren a.nodeTi{
	color:#525252;
}
.nodeChildren .nodeChildren span.nodeTi,
.nodeChildren .nodeChildren a.nodeTi{
	color:#5E5E5E;
}
.nodeChildren .nodeChildren .nodeChildren span.nodeTi,
.nodeChildren .nodeChildren .nodeChildren a.nodeTi{
	color:#6B6B6B;
}
.nodeChildren .nodeChildren .nodeChildren .nodeChildren span.nodeTi,
.nodeChildren .nodeChildren .nodeChildren .nodeChildren a.nodeTi{
	color:#787878;
}
.nodeChildren .nodeChildren .nodeChildren .nodeChildren .nodeChildren span.nodeTi,
.nodeChildren .nodeChildren .nodeChildren .nodeChildren .nodeChildren a.nodeTi{
	color:#858585;
}
.nodeChildren .nodeChildren .nodeChildren .nodeChildren .nodeChildren .nodeChildren span.nodeTi,
.nodeChildren .nodeChildren .nodeChildren .nodeChildren .nodeChildren .nodeChildren a.nodeTi{
	color:#919191;
}
.nodeChildren .nodeChildren .nodeChildren .nodeChildren .nodeChildren .nodeChildren .nodeChildren span.nodeTi,
.nodeChildren .nodeChildren .nodeChildren .nodeChildren .nodeChildren .nodeChildren .nodeChildren a.nodeTi{
	color:#9E9E9E;
}
.nodeChildren .nodeChildren .nodeChildren .nodeChildren .nodeChildren .nodeChildren .nodeChildren .nodeChildren span.nodeTi,
.nodeChildren .nodeChildren .nodeChildren .nodeChildren .nodeChildren .nodeChildren .nodeChildren .nodeChildren a.nodeTi{
	color:#ABABAB;
}
.nodeChildren_hide>.nodeChildren > .nodeChild{
	display:none;
}
a.nodeMoreDesc_a{
	display:inline-block;
	box-sizing: border-box;
	width: 16px;
	height: 16px; 
	padding-left: 16px;
	overflow: hidden;
	background: url(../img/tree/more.png) no-repeat top;
	vertical-align: bottom;
	margin-left:5px;
	border:0px;
}

/* Node types */
.nodeType_imp{
	border: 1px solid #a52a2a;
	box-shadow: inset 0px 0px 5px #da6767;
}
.nodeChildren_hide>div>.nodeType_imp{
	background-image: url(../img/tree/nodeChiHideBkImp.png);
}
.treeSearch_mach > .nodeLblFra > .nodeLbl{
	border: 1px solid purple;
	box-shadow: inset 0px 0px 5px purple;
}
.treeSearch_mach > .nodeLblFra > .nodeLbl .nodeTi{
	color: purple;
}
.treeSearch_cur > .nodeLblFra > .nodeLbl{
	animation:glow 0.5s ease-in-out 0s 1 alternate;
	background-color:#F8E1EA;
}
@keyframes glow {
	0% {transform: scale(1);}
	50% {transform: scale(1.03);}
	100% {transform: scale(1);}
}

/* === TOOLBAR - ConceptTree ========================================================== */
.treeRoot.treeHasToolbar{
	border: 1px solid silver;
	margin-right:10px;
}
.treeRoot.treeHasToolbar .nodeDepth_0{
	margin: 3px;
}
.treeRoot.treeHasToolbar.treeSearch_off .treeScroll{
	overflow:hidden;
}
.treeRoot.treeHasToolbar .treeScroll{
}
.treeRoot.treeHasToolbar.treeSearch_on .treeScroll{
	max-height:600px;
	overflow:auto;
}
.treeToolbar{
	background-color:#f3f3f3;
	border-bottom:1px solid #cfcfcf;
	padding:0;
	height:19px;
	text-align:right;
	z-index:2;
	font-size:0.8em;
	position:relative;
}
.treeStatusbar{
	background-color:#f3f3f3;
	border-top:1px solid #cfcfcf;
	padding:0;
	text-align:left;
	padding:3px;
	z-index:2;
	font-size:0.8em;
	position:relative;
	display:none;
	color: #676767;
}
.treeRoot.treeSearch_on .treeStatusbar{
	display:block;
}

.treeToolbar form.treeSearchForm{
	display:inline-block;
	position: absolute;
	left: 3px;
	top:0px;
}
.treeToolbar span.treeSearchLabel{
	display:inline-block;
	margin-right: 5px;
	color:#676767;
}
.treeToolbar span.treeSearchResultLabel{
	display:inline-block;
	margin-left: 5px;
	color:#676767;
}
.treeToolbar input.treeSearchInput{
	border: 1px solid silver;
	margin:0;
	padding:0;
}
.treeSearch_off .treeToolbar form.treeSearchForm{
	display:none;
}

.treeToolbar a.treeBtnSearch{
	display:inline-block;
	width: 20px;
	height: 20px;
	background: url(../img/tree/search.png) center center no-repeat;
	margin-right:3px;
}
.treeSearch_on .treeToolbar a.treeBtnSearch{
	background-color: silver;
}
.treeToolbar a{
	display:inline-block;
	box-sizing: border-box;
	width: 20px;
	height: 20px; 
	padding-left: 20px;
	overflow: hidden;
	margin-right:3px;
	vertical-align: middle;
}
.treeToolbar a.treeBtnOpenAll{
	background: url(../img/tree/open.png) center center no-repeat;
}
.treeToolbar a.treeBtnCloseAll{
	background: url(../img/tree/close.png) center center no-repeat;
}
.treeToolbar a.treeBtnPrv{
	background: url(../img/tree/prv.png) center center no-repeat;
}
.treeToolbar a.treeBtnNxt{
	background: url(../img/tree/nxt.png) center center no-repeat;
}
.treeToolbar a.treeBtnSearch:hover,
.treeToolbar a.treeBtnPrv:hover,
.treeToolbar a.treeBtnNxt:hover,
.treeToolbar a.treeBtnOpenAll:hover,
.treeToolbar a.treeBtnCloseAll:hover{
	opacity:0.5;
}
.treeToolbar span.treeSep{
	display:none;
}
.treeSearch_noact  a.treeBtnNxt,
.treeSearch_noact  a.treeBtnPrv{
	display:none;
}
/* === STOP - ConceptTree ========================================================== */

/* === START - Search ========================================================== */
input.searchText, input.schInput {
    border: 1px solid #636363;
    padding: 0 3px;
    color: #fff;
    height: 20px;
    width: 160px;
    border-radius: 10px;
    font-size: 1.2em;
    background-color: #757575;
}
.schLabel {
	position: absolute;
	left: -9999px;
}
input.searchSubmit, input.schBtnLaunch {
    display: inline-block;
    vertical-align: middle;
    width: 23px;
    height: 23px;
    background: transparent url("../img/search/btnSearch.png") no-repeat;
    margin-left: 5px;
    border: none;
    cursor: pointer;
    color: transparent;
}
input.searchSubmit:hover,
input.schBtnLaunch:hover{
	opacity:0.7;
}
input.searchSubmit span,
input.schBtnLaunch span{
	display: none;
}
.schPgeBk .schPgeBtn,
.mnu_sch_yes .mnu_lnk{
	background-image: url(../img/search/schPgeRank.png);
	background-repeat: no-repeat;
	background-position: right;
}

div.schNoRes{
	text-align: center;
	font-size: 17px;
	margin-top: 18px;
}

.mnu_sch,
.schPgeBtn>span{
	display:block;
	background-color:white;
}
.schPgeRank_1 .mnu_sch,
.schPgeRank_1 .schPgeBtn>span{
	margin-right:17px;
}
.schPgeRank_2 .mnu_sch,
.schPgeRank_2 .schPgeBtn>span{
	margin-right:35px;
}
.schPgeRank_3 .mnu_sch,
.schPgeRank_3 .schPgeBtn>span{
	margin-right:53px;
}
.schPgeRank_4 .mnu_sch,
.schPgeRank_4 .schPgeBtn>span{
	margin-right:71px;
}
.schPgeRank_5 .mnu_sch,
.schPgeRank_5 .schPgeBtn>span{
	margin-right:89px;
}
.schPgeRank_6 .mnu_sch,
.schPgeRank_6 .schPgeBtn>span{
	margin-right:107px;
}
.schPgeRank_7 .mnu_sch,
.schPgeRank_7 .schPgeBtn>span{
	margin-right:125px;
}
.schPgeRank_8 .mnu_sch,
.schPgeRank_8 .schPgeBtn>span{
	margin-right:143px;
}
.schPgeRank_9 .mnu_sch,
.schPgeRank_9 .schPgeBtn>span{
	margin-right:160px;
}


div.schPropose a:hover{
    text-decoration:none;
}

.schPropose {
    position: absolute;
    top: 21px;
    left: 8px;
    width: 154px;
    box-shadow: 0px 0px 5px 3px #aaa;
    background-color: #e5e5e5;
    z-index: 100;
}
.schBtnPropose {
    display: block;
    text-decoration: none;
    color: black;
    padding: 3px;
}
.schBtnPropose:hover ,
.schBtnPropose:active ,
.schBtnPropose:focus {
	background-color: #F6F6F6; 
}
.schProposeExceeded{
	display:block;
	color:black;
	padding:2px 3px;
}

div.schProp_no{
    display:none;
}

.schResFrame {
    position: fixed;
    left: 50%;
    bottom: -80px;
    width: 60vw;
    margin-left: -30vw;
    color: #5D4676;
    background: #E4D7F0 linear-gradient(to bottom, #b18db3, #e5d1e6);
    border-right: 2px solid #c29ac4;
    border-top: 2px solid #c29ac4;
    border-left: 2px solid #c29ac4;
    height: 50px;
    transition: all 0.4s ease-out;
    z-index: 91;
}
.schDisplay_on .schResFrame {
	bottom: 0px;
}
.schDisplayList_on .schResFrame{
	height: 530px;
}
.schResList {
	position: absolute;
	bottom: 5px;
	left: 5px;
	top: 5px;
	right: 5px;
	display: none;
}
.schDisplayList_on .schResList {
	display: block;
}
.schResListSrl {
    position: absolute;
    bottom: 42px;
    left: 0px;
    top: 0;
    right: 0px;
    overflow: auto;
    background-color: white;
    box-shadow: 0 0 3px #5D4676 inset;
    padding: 5px;
}
.searchResults a{
    margin: 0 5px;
}
.searchResults a.schParentBtn {
	color: #666;
	font-style: italic;
	font-size:95%;
}
.searchResults li.mnu_sel_yes a.schParentBtn {
	font-weight: bold;
}
.schBtnTgle {
	background-image: url(../img/search/schBtn.png);
	background-position: 0px -20px;
	background-repeat: no-repeat;
	width: 19px;
	height: 19px;
	display: block;
	position: absolute;
	bottom: 3px;
	left: 6px;
}
.schDisplayList_on .schBtnTgle{
	background-position: 0px 0px;
}
.schBtnTgle span{
	display:none;
}
.schBtnReset {
	background-image: url(../img/search/schBtn.png);
	background-position: 0px -70px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	top: -14px;
	right: -15px;
}
.schBtnReset:hover{
    opacity:0.8;
}
.schBtnReset span{
    display:none;
}
.schHitBox,
.schResBox,
.schPageBox {
    text-align: left;
    margin: 4px 0px 0 40px;
    font-size: 11pt;
}
.schHitBox {
	background-image: url(../img/search/schBack.png);
	background-position: right 0px;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 27px;
	left: 0;
	right: 0;
}
.schPageBox {
	background-image: url(../img/search/schBack.png);
	background-position: right -35px;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 6px;
	left: 0;
	right: 0;
}
.schDisplay_none .schResBox{
    text-align: center;
    margin: 20px 200px 6px 200px;
}
.schDisplay_none .schHitBox{
    display:none;
}
.schBtnNxt,
.schBtnPrv,
.schBtnPrvHit,
.schBtnNxtHit{
	display:block;
	position:absolute;
	width:15px;
	height:15px;
	background-repeat: no-repeat;
	vertical-align: middle;
	background-image: url(../img/search/schBtn.png);
	background-repeat: no-repeat;
}
.schBtnAct_no,
.schBtnHitAct_no{
    display:none;
}
.schBtnNxt span,
.schBtnPrv span,
.schBtnPrvHit span,
.schBtnNxtHit span{
    display:none;
}
.schDisplay_none .schBtnNxt,
.schDisplay_none .schBtnPrv,
.schDisplay_none .schBtnPrvHit,
.schDisplay_none .schBtnNxtHit{
    display:none;
}
.schDisplay_one .schBtnNxt,
.schDisplay_one .schBtnPrv{
    display:none;
}
.schBtnNxt{
	background-position: 0px -40px;
}
.schBtnPrv{
	background-position: 0px -55px;
}
.schBtnNxtHit{
	background-position: 0px -40px;
}
.schBtnPrvHit{
	background-position: 0px -55px;
}
.schHitFrame{
	background: url(../img/search/schHit.png) center right no-repeat;
	position:absolute;
	bottom:8px;
	right:40px;
	left:40px;
	height:20px;
	font-size:1.2em;
}
.schBtnPrvHit{
	top:3px;
	right:57px;
}
.schBtnNxtHit{
	top:3px;
	right:5px;
}
.schBtnPrv{
	right:57px;
	top:0;
}
.schBtnNxt{
	right:5px;
	top:0;
}
.schPgeBk .schPgeBtn span{
	background-position: center right;
	background-repeat:no-repeat;
	display:block;
	padding-right:165px;
}
.schPgeBk .mnu_lnk span{
	background-position: center right;
	background-repeat:no-repeat;	
	/* display:block; */
}
.schPgeBk span.schPgeRank{
	display:none;
}
.searchResults a.schPgeBtn,
.searchResults a.mnu_lnk {
	margin: 2px;
	display: block;
	color: #5D4676;
}
li.mnu_sel_yes .schPgeBtn,
div.mnu_sel_yes .mnu_lnk{
	font-weight: bold;
	text-decoration: underline;
	cursor: default;
}
div.mnu_sch_no a.mnu_lnk{
	color:#aaa;
	cursor:default;
}
div.mnu_sch_no a.mnu_lnk:hover{
	text-decoration:none;
}
.searchResults a.mnu_tgle_o,.searchResults a.mnu_tgle_c{
	position: absolute;
	margin-top: -14px;
	margin-left: -16px;
	width: 7px;
	height: 7px;
	display:inline-block;
	background-image: url(../img/search/schMnuTgle.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
.searchResults a.mnu_tgle_o span,.searchResults a.mnu_tgle_c span{
	display:none;
}
.searchResults div.mnu_sch_yes a.mnu_tgle_c{
	background-position: 0px -7px;
}
.searchResults div.mnu_sch_yes a.mnu_tgle_o{
	background-position: 0px -21px;
}
.searchResults div.mnu_sch_no a.mnu_tgle_c{
	background-position: 0px 0px;
}
.searchResults div.mnu_sch_no a.mnu_tgle_o{
	background-position: 0px -14px;
}
.schResListSrl ul.mnu_root {
	padding: 0 0 0 20px;
}
.schResListSrl li.mnu_b {
	list-style-type:none;
	margin:0;
}
.schResListSrl ul {
	color:#5D4676;
	margin:0;
	list-style: disc;
	padding-left: 13px;
	list-style-position: outside;
}
.schResListSrl ul.schParentList{
	list-style-type: none;
}
.schResListSrl ul.schParentList_c{
	display:none;
}
.schResListSrl ul.schParentList_o{
	display:block;
}
li.schPgeBk{
	position:relative;
}
a.schParent_tgle_c,
a.schParent_tgle_o {
	position: absolute;
	margin-left: -16px;
	top: 2px;
	width: 7px;
	height: 7px;
	display:inline-block;
	background-image: url(../img/search/schMnuTgle.png);
	background-repeat: no-repeat;
}
a.schParent_tgle_c span,
a.schParent_tgle_o span {
	display:none;
}
a.schParent_tgle_c{
	background-position: 0px -7px;
}
a.schParent_tgle_o{
	background-position: 0px -21px;
}
.schParent_tgle_c:hover,
.schParent_tgle_o:hover {
	text-decoration:none;
	color: #F17C0B;
}
.schPgeBtn:hover,
.mnu_lnk:hover {
	color: #5D4676;
}
.schResCnt,
.schHitCnt{
    display:inline-block;
    min-width:40px;
    text-align: center;
}
.schDisplay_none .schResCnt,
.schDisplay_one .schResCnt{
    display:none;
}
.schHit {
	background-color: #FFE2FF;
	border-radius: 3px;
	padding: 0 1px;
}
.schHit_current {
    background-color: #E5D1E6;
    border-radius: 3px;
    box-shadow: inset 0px 0px 2px 2px #BE90C1;
    padding: 0 1px;
}
.schTerm{
    font-weight: bold;
}
.schTerm em{
    font-weight: normal;
}
.schDisplay_on #menu ul.mnu_root .mnu_sch_no > a:hover{
    text-decoration:none;
}
.schDisplay_on #menu ul.mnu_root .mnu_sch_no > a.mnu_lnk {
    color: #BBB;
    cursor: default;
}
.tplSchBox{
    /* Fixed IE7 */
    position:relative;
    z-index: 2;
}
/* === STOP - Search ========================================================== */

/* === START - RESPONSIVE =================================================== */
@media (max-width: 1000px){
	#header{
		font-size:90%;
	}
}
@media (max-width: 900px){
	#header{
		font-size:80%;
	}
	.searchFra {
		display: none;
	}
}
@media (max-width: 800px){
	.tplPage #menu li.outRoot {
		background-image: url("../img/out/mainSelNoMnu.png");
	}
	#outline{
		display:none;
	}
	.tplPage #content, .tplSub #content{
		margin-left:auto;
		border-left:none;
		box-shadow:none;
	}
	#stack{
		left: 3px;
	}
}
@media (max-width: 600px){
	a.navPrev span, a.navNext span{
		display:none;
	}
	a.navPrev {
		right: 40px;
	}
	.part_ti {
		padding-left: 10px !important;
	}
}
@media (max-width: 500px){
	#menu li {
		padding: 0 5px;
	}
	#header h1{
		font-size: 1.2em;
	}
	#footer{
		font-size:80%;
	}
}
@media (max-width: 400px){
	#footer a.btnSc {
		display:none;
	}
}
/* === STOP - RESPONSIVE ==================================================== */