/******************************************************************************/
/*  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, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	background:transparent;
}
body {
	line-height:1.2em;
}
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;
}
/******************************************************************************/
/*  END HTML5 CSS RESET                                                       */
/******************************************************************************/

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

/** Generic styles ************************************************************/
html{
	margin: 0px;
	padding: 0px;

}
body{
	margin:0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif ;
	font-size: 0.9em;
	background-color: #f4f4f4;


}
.hidden{
 display:none;
}
p{
	margin: 0.5em 0;
	line-height:1.4;
}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
h1{font-size:1.7em;    margin: 1.0em 0 0.8em 0;}
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;
}
sup,sub{
	font-size: smaller;
}



/** Basic layout **************************************************************/
#page {
	min-width: 800px;
	max-width:1100px;
	margin:0 auto;
	position: relative;
	-webkit-box-shadow:  0px 0px 20px 0px #aaa;
	box-shadow:  0px 0px 20px 0px #aaa;
	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
		-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}

#header{
	z-index:10;
	position: relative;

	background: #666666; /* Old browsers */
	background: -moz-linear-gradient(top,  #666666 0%, #3B3B3B 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#3B3B3B)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #666666 0%,#3B3B3B 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #666666 0%,#3B3B3B 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #666666 0%,#3B3B3B 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #666666 0%,#3B3B3B 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#3B3B3B',GradientType=0 ); /* IE6-9 */
	color:white;
	margin-top: 100px;
	height: 40px;
	max-height: 40px;
		-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}



#footer{
	z-index:10;
	position: relative;
	min-height: 40px;
	
	background: #666666; /* Old browsers */
	background: -moz-linear-gradient(top,  #666666 0%, #3B3B3B 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#3B3B3B)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #666666 0%,#3B3B3B 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #666666 0%,#3B3B3B 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #666666 0%,#3B3B3B 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #666666 0%,#3B3B3B 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#3B3B3B',GradientType=0 ); /* IE6-9 */
	color:white;
}
#header,  #footer, #content{
	padding:1px 0;
}
#main{
	position: relative;
	
	background-color: #EFEFEF;
}
#content{
	min-height:500px;
	background-color: white;
	padding-left: 20px;
	padding-right: 20px;
}
div.tplPage #content,
div.tplSub #content{
	margin-left:225px;

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

/** Header ********************************************************************/
#logo{
	float:right;
	margin: 3px 5px;
}
#logo img{
	margin: 2px;
	vertical-align: middle;
}
#header h1{
	margin: 0 0 0 0;
	text-align: left;
	padding-left:60px;
	padding-top: 15px;
	height: 56px;
	position:relative;
 	bottom:90px;
	color : #005fa8;
	font-variant:small-caps;
	font-weight:bold;
	font-size: 28px;
	text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.7);
	width: 800px;
	padding-right: 150px;
	line-height: 1.1em;	
	background-image: url(../img/logo.png );
	background-repeat:no-repeat;
	background-position: center right;
}

/**Footer ********************************************************************/
#footer a{
	color:white;
	text-decoration: none;
}
#footer a:hover{
	text-decoration: none;
	color : #CCC;
	transition: 0.5s;
}
a.navPrev span,
a.navNext span{
	display:block;
	margin-top:2px;
	text-transform : capitalize;
}
a.navPrev,
a.navNext{
	background-image:url("../img/nav/back.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height:20px;
	top:10px;
	position: absolute;
}
a.navPrev{
	padding-left:15px;
	right:100px;
}
a.navNext{
	right:10px;
	background-position: right -40px;
	padding-right:15px;
}
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;
}

/** Menus : stack *************************************************************/
#stack{
	position:absolute;
	top:47px;
	right:5px;
	height:25px;
	left:290px;
	font-size:0.8em;
	overflow:visible;
	color: black;
min-width: 700px;


}
#stack a{
	color:#8B8B8B;
	text-decoration:none;
	padding-left: 2px;
	padding-right: 2px;

}
#stack a:hover{
	color:#005fa8;
	transition : 0.5s;
}
#stack span.sw_outStack_navRoot{
	text-align: right;
	position:absolute;
	right:0px;
	width:900px;
}

/** 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;
	padding-left: 20px;
	

	

}
ul.sw_outMap_navList a:hover span.outLabel{
	text-decoration: none;
	color : #005fa8;
}
ul.sw_outMap_navList .outRoot a,
ul.sw_outMap_navList .outConc a{
	background-position: 5px -175px;
}
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;
color : #005fa8;
	background-image:url("../img/out/leftSel.png");
	background-repeat: no-repeat;
	background-position:center right;
}
ul.sw_outMap_navList span.outLabel{
	background-color:white;
}

/** Menus : root **************************************************************/
#menu{
	height: 42px;
	position:absolute;
	top:0px;
	bottom: 0px;
	padding-left: 10px;
}
#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: none;
}
#menu span{
	font-size:1.2em;
	display: inline-block;
	padding-top:10px;
}
#menu li{
	display: inline-block;
	height: 39px;
	padding-top: 3px;
	margin:0;
	font-variant:small-caps;
	min-width: 80px;
	text-align:center;
	transition: background 0s;

	
}

#menu li:hover{
	background-color: #005fa8;
	-webkit-box-shadow: inset 10px 10px 20px -9px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 10px 10px 20px -9px rgba(0,0,0,0.75);
	box-shadow: inset 10px 10px 20px -9px rgba(0,0,0,0.75);
	transition: background 0.5s;
	
}
div.tplPage #menu li.outRoot,div.tplTools #menu li.mainSel_yes{
	background-image:url("../img/out/mainSel.png");
	background-repeat: no-repeat;
	background-position: bottom center;
}

/** Menus : outline ***********************************************************/
#outline{
	font-size:0.8em;
}
#outline ul.mnu_dynamic{
	position:absolute;
	top:20px;
	bottom:20px;
	left:0;
	right:0;
}
#outline div.mnuSrlUpFra a,
#outline div.mnuSrlDwnFra a{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
#outline div.mnuSrlUpFra span,
#outline div.mnuSrlDwnFra span{
	display:none;
}
#outline div.mnuSrlUpFra,
#outline div.mnuSrlDwnFra{
	position: absolute;
	left:15px;
	right:10px;
	height:10px;
	background-image: url("../img/out/scroll.png");
	background-repeat: no-repeat;
}
#outline div.mnuSrlUpFra{
	top:5px;
}
#outline div.btnOff{
	opacity: 0.4;
	filter: Alpha(opacity=40);
}
#outline div.btnOff a{
	display:none;
}
#outline div.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 0px;
}
#outline li{
	margin: 0 0;

}



#outline div.mnuLbl{
	position: relative;
}




#outline div.mnuLbl a:hover {
	background-color: #005fa8;
	-webkit-box-shadow: inset 10px 10px 20px -9px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 10px 10px 20px -9px rgba(0,0,0,0.75);
	box-shadow: inset 10px 10px 20px -9px rgba(0,0,0,0.75);
	transition: background 0.5s;
}

#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: 3px;
	position: absolute;
	top: 7px;
	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-left: 18px;
	padding-right: 12px;
	padding-top: 7px;
	padding-bottom: 7px;
}

#outline ul li li {
			border-left: solid 1px #c0c0c0;
}
#outline a.mnu_lnk:hover>span{
	text-decoration: none;
	color: #CCC;
	transition: 0.3s;

}
#outline div.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;
	margin-left: 18px;
	font-weight: bold;
	color :#005fa8;
	padding-top: 7px;
	padding-bottom: 7px;

}


#outline div.mnu_sel_yes span.mnu_i>span{
	background-color: #EFEFEF;
	display:inline-block;
	padding-right: 2px;

}




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

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

/** Glossary ******************************************************************/
div.glossary {
	margin-bottom:20px;
}
div.glossary div.keyOutline{
	background-color:#A1A1A1;
	text-align: center;
}
div.glossary div.keyOutline a{
	color: white;
	margin:3px 30px;
	text-decoration: none;
	display:inline-block;
}
div.glossary .keyCateg{
	text-align:center;
}
div.glossary dl{
	margin-bottom:30px;
}
div.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;
}
div.glossary dd{
	padding-left: 60px;
	margin-bottom:20px;
}
div.glossary span.syn{
	display:block;
	color:#4D4D4D;
	font-size:0.95em;
	margin-left:0px;
}
div.glossary span.syn:before {
	content: '= ';
}
div.glossary a.idxCallers_closed,
div.glossary a.idxCallers_open{
	background-image:url("../img/block/open.png");
	background-repeat: no-repeat;
	background-position: 4px 2px;
	padding-left: 20px;
	color:#C0C0C0;
	text-decoration: none;
}
div.glossary a.idxCallers_closed:hover,
div.glossary a.idxCallers_open:hover{
	text-decoration: none;
	color : #005fa8;
	transition: 0.5s;
}
div.glossary a.idxCallers_open{
	background-image:url("../img/block/close.png");
}
div.glossary div.idxCallers_co {
	padding-top: 1px;
	padding-left: 10px;
	margin-left: 9px;
	border-left: 1px solid #C0C0C0;
	-webkit-border-radius: 0px 0px 0px 5px;
	border-radius: 0px 0px 0px 5px;
}
div.glossary div.idxCallers_co ul{
	list-style: none;
	list-style-image:none;
	margin: 0px;
	padding: 0px;
}
div.glossary div.idxCallers_co a{
	color: #525252;
	text-decoration: underline;
}
div.glossary div.def{
	text-align: justify;
	margin-right:10px;
}

/** Content : local menu ******************************************************/
.secOutFra{
	float: left;
	margin-left:20px;
	margin-bottom:10px;
	background-color: #F6F6F6;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	font-size:0.8em;
	padding: 5px;
}
.secOutTi a{
	background-image:url("../img/block/open.png");
	background-repeat: no-repeat;
	background-position: top right;
	padding-right: 20px;
	color:#C0C0C0;
	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: decimal;
	margin: 0px;

	pading-left: 20px;
}

.secOutUi a{
	color:#5D5D5D;
	text-decoration: none;
	display:block;
}
.secOutUi a:hover{
	text-decoration: underline;
}

/** Content : See also & sub section outline **********************************/
div.linkSection,
div.subSecUi{
	background-color:#F1F1F1;
	float:left;
	margin:10px;
}
div.linkSection_ti{
	color:#797979;
	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: none;
	color : #005fa8;
	transition: 0.5s;
}
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-left: -20px;
	font-variant:small-caps;
	color: #005fa8;
	font-weight:600;
	border-bottom: solid 1px #cccccc;
	line-height: 1.3em;
	margin-top: 25px;
}
div.content{
	clear:left;
}
div.part {
	margin: 2em 0 1em 0;
}
div.infoblock,
div.block{
	margin: 1em 0 1.6em 0;
}
.stepList_co div.infoblock,
.stepList_co div.block,
.concept_co div.infoblock,
.concept_co div.block{
	margin: 0.3em 0 0.8em 0;
}
.basket{
	clear:both;
}

/** Content : block styles ****************************************************/
.part_ti{
	padding: 5px;
	color:#005fa8;
	border-bottom: 1px solid #DDDDDD;
	font-variant:small-caps;
	font-weight: bold;
background: rgb(247,247,247); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(247,247,247,1) 0%, rgba(221,221,221,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(221,221,221,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(221,221,221,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(221,221,221,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(221,221,221,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(247,247,247,1) 0%,rgba(221,221,221,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
}

div.infoblock {
	padding-left:10px;
}
div.block{
	background-image:url("../img/block/back.png");
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left:40px;
	position: relative;
}
.block_ti{
	margin-bottom:0;
}

.infoblock_ti{
	margin-top: 10px;
	margin-bottom:8px;
	font-size: 15px;
	font-weight: bold;
	color: #005fa8;
}

.blockTitle {
	font-size : 0.8em;
	font-weight : bold;
	color: #333;

}
span.block_ti_co{
	background-image: url("../img/block/base.png");
	background-repeat: no-repeat;
	padding-left: 20px;
	display: inline-block;
	min-height:16px;
	color: #333;
}
span.blockType{
	display:none;
}
div.block_no_ti > .block_ti{
	margin:0;
}
div.block_no_ti > .block_ti > span.block_ti_co{
	position: absolute;
	background-color: white;
}
div.block_no_ti.screen > .block_ti > span.block_ti_co,
div.block_no_ti.stepList > .block_ti > span.block_ti_co{
	position: inherit;
}
.warning_ti span.block_ti_co{
	background-position: 0 -58px;
}
.advice_ti span.block_ti_co{
	background-position: 1px -120px;
}
.tip_ti span.block_ti_co{
	background-position: 3px -180px;
}
.example_ti span.block_ti_co{
	background-position: 0 -238px;
}
.note_ti span.block_ti_co{
	background-position: 0 2px;
}
.legal_ti span.block_ti_co{
	background-position: 0 -300px;
}
.complement_ti span.block_ti_co{
	background-position: 0 -358px;
}
.concept_ti span.block_ti_co{
	background-position: 0 -420px;
}
.screen_ti span.block_ti_co{
	background-position: 0 -540px;
	padding-left: 23px;
}
.block_co{
	padding-top: 1px;
	padding-left: 12px;
	margin-left: 8px;
	border-left: 1px solid #C0C0C0;
	-webkit-border-radius: 0px 0px 0px 5px;
	border-radius: 0px 0px 0px 5px;
}
.warning > .block_co{
	border-left-color: #FFAAAA;
	background-color: rgba(255, 170, 170, 0.2);
}
.advice > .block_co{
	border-left-color: #91B8E0;
}
.tip > .block_co{
	border-left-color: #C891E0;
}
.example > .block_co{
	border-left-color: #6EC7C8;
}
.note > .block_co{
	border-left-color: #B6E091;
}
.legal > .block_co{
	border-left-color: #DC84BD;
}
.complement > .block_co{
	border-left-color: #CFC955;
}
.concept > .block_co{
	border-left-color: #F6AF00;
}
.screen > .block_co{
}
.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:10px;
}
.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: '= ';
}
.concept_co div.block,
.stepList_co div.block{
	background-image:none;
	padding-left:0px;
}
.concept_co .block_co,
.stepList_co .block_co{
	margin-left: 6px;
}
.concept_co span.block_ti_co,
.stepList_co span.block_ti_co{
	background-image: url("../img/block/small.png");
	padding-left: 16px;
	min-height:14px;
}
.caption{
	text-align: center;
	margin: 0 0 10px 0;
}
.caption_ti{
	font-style: italic;
	color:grey;
}

/** Content : procedures ******************************************************/
div.stepList{
	position:relative;
}
.stepList_ti span.block_ti_co{
	background-position: 0 -600px;
	padding-left: 25px;
	min-height:20px;
}
a.slpBtnStp{
	position:absolute;
	left:40px;
	top:0px;
	width:20px;
	height:20px;
	background-image:url("../img/block/base.png");
	background-repeat: no-repeat;
	background-position: 0 -600px;
}
a.slpBtnStp span{
	display:none;
}
.slpSep{
	display:none;
}
ol.steps{
	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.step{
	padding-left: 25px;
	background-image:url("../img/block/step.png");
	background-repeat: no-repeat;
	background-position: 4px 7px;
	margin-bottom: 1.3em;
}
li.result{
	background-color:white;
	background-image:url("../img/block/result.png");
}
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;
}
ol.ssteps li.result{
	background-image:url("../img/block/sresult.png");
	background-position: 2px 1px;
}
.txt_emphasis_is, div.stepTitle {
	font-size: 1em;
	font-weight: bold;
	color: #333;
}
div.comment{
	padding-left: 25px;
	background-image:url("../img/block/comment.png");
	background-repeat: no-repeat;
	background-position: 4px 4px;
}
li.stepList div.infoblock{
	padding-left: 0;
}
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:gray;
	text-decoration: none;
}
a.extras_closed:hover,
a.extras_open:hover{
	text-decoration: none;
	color : #005fa8;
	transition: 0.5s;
}
a.extras_open{
	background-image:url("../img/block/close.png");
}
div.extras_co {
	padding-top: 1px;
	padding-left: 10px;
	margin-left: 9px;
	border-left: 1px solid #C0C0C0;
	-webkit-border-radius: 0px 0px 0px 5px;
	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;
	background-image:url("../img/text.png");
	background-repeat: no-repeat;
	background-position: 5px -145px;
}
nav.stepListAlt ul a:hover{
	text-decoration: underline;
}

/** Content : procedure player ************************************************/
div.slpOver{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 9;
	background-color: #DDD;
	opacity: 0.4;
	filter: Alpha(opacity=40);
}
div.slpOpAct {
	position: fixed;
	top: 50px;
	left: 100px;
	right: 100px;
	bottom: 50px;
	z-index: 11;
	background-color: white;
	margin: 0;
	padding: 0;
	-webkit-box-shadow: 0px 0px 10px 0px #000;
	box-shadow: 0px 0px 10px 0px #000;
	background-image:none;
}
div.slpOpAct div.stepListPlayer{
	position:absolute;
	top: 40px;
	left: 0px;
	right: 0px;
	bottom: 40px;
	overflow: auto;
	background-color:white;
}
div.slpOpAct div.slpTools{
	position:absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background: #666666; /* Old browsers */
	background: -moz-linear-gradient(top,  #666666 0%, #3B3B3B 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#3B3B3B)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #666666 0%,#3B3B3B 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #666666 0%,#3B3B3B 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #666666 0%,#3B3B3B 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #666666 0%,#3B3B3B 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#3B3B3B',GradientType=0 ); /* IE6-9 */
	color:white;
	height:40px;
}
div.slpOpAct div.comment{
	display:none;
}
div.slpOpAct ol,
div.slpOpAct li.step,
div.slpOpAct li.sstep{
	background-image:none;
}
div.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;
	text-transform:capitalize;
}
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 : image sequence **************************************************/
.screenSeqFra{
	margin:0 auto;
}

/** Content : screen **********************************************************/
.screen{
	position: relative;
}
.screen_ti{
	margin-right:65px;
}
.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;
	filter: Alpha(opacity=40);
}
span.zoneNumber{
	display: inline-block;
	-webkit-border-radius: 50px;
	border-radius: 50px;
-webkit-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    2px 2px 5px rgba(50, 50, 50, 0.75);
box-shadow:         2px 2px 5px rgba(50, 50, 50, 0.75);
	background-color: #ff9107;
	color: white;
	padding: 0px 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;
}
div.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;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin-left:5px;
	margin-right:10px;
	margin-top:20px;
	margin-bottom:20px;
	-webkit-box-shadow:  0px 0px 5px 0px gray;
	box-shadow: 0px 0px 5px 0px gray;
	position: relative;
	padding-bottom:5px;
}
div.screenZone_ti{
	font-size: 1.2em;
	padding-left:10px;
	margin: 5px 0 10px 0;
}
div.scImgZmTi div.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;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow:  0px 0px 5px 0px silver;
	box-shadow: 0px 0px 5px 0px silver;
	padding:0px;
}
.scrFraAct .screenTitles {
	background-color: #999999;
	-webkit-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;
	filter: Alpha(opacity=40);
}
.scrBtnLst span,
.scrBtnAct span {
	display:none;
}
.scrTools{
	position: absolute;
	top:0;
	right:10px
}
.scrBtnLst,
.scrBtnAct {
	display: inline-block;
	height:15px;
	width:20px;
	background-image:url("../img/block/base.png");
	background-repeat: no-repeat;
	background-position: right -660px;
	margin-left:5px;
}
.scrBtnLst {
	background-position: right -720px;
	opacity: 1;
	filter: Alpha(opacity=100);
	cursor: default;
}
.scrBtnAct {
	opacity: 0.4;
	filter: Alpha(opacity=40);
}
.scrFraInt .scrBtnLst,
.scrFraAct .scrBtnLst{
	opacity: 0.4;
	filter: Alpha(opacity=40);
	cursor: pointer;
}
.scrFraInt .scrBtnAct,
.scrFraAct .scrBtnAct{
	opacity: 1;
	filter: Alpha(opacity=100);
	cursor: default;
}

/** Content : test ************************************************************/
div.text{
	text-align: left;
	margin-right:10px;
	padding-left: 20px;
}
table.txt_tb{
	border-spacing: 0;
	display: table;
	border-collapse: collapse;
	-webkit-box-shadow: 0 1px 1px #ccc;
	-moz-box-shadow: 0 1px 1px #ccc;
	box-shadow: 0 1px 1px #ccc;
	margin:5px auto;
}
table.txt_tb caption{
	font-style: italic;
	color:grey;
}
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;
	-webkit-box-shadow: inset 0px 0px 5px 2px #EEE;
	box-shadow: inset 0px 0px 5px 2px #EEE;
}
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-left: 0px;
	padding-right: 0px;
	width: 20%;
}
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 {
	list-style-type:disc;
}

ul.txt_il {
	list-style-type:disc;
}



ul.txt_il ul li{
	list-style-type:circle;
}

ul.txt_il ul li li{
	list-style-type:square;
}

.text a {
	color: #525252;
	text-decoration: underline;
}
.ico_tim img,
.txt_ico_tim img {
	vertical-align: middle;
}
.txt_textTab_tl,
.txt_textButton_tl,
.txt_textRadioButton_tl,
.txt_textCheckBox_tl,
.txt_keyboard_tl,
.txt_menuPath_tl,
.txt_filePath_tl,
.txt_win_tl,
.txt_label_tl{
	display:inline-block;
	padding:0px 3px;
	margin:1px 0;
	-webkit-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);  
	-moz-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);  
	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_tl{
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}
.txt_textButton_tl,
.txt_textRadioButton_tl,
.txt_textCheckBox_tl,
.txt_keyboard_tl,
.txt_menuPath_tl,
.txt_filePath_tl,
.txt_label_tl{
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.txt_menuPath_tl,
.txt_filePath_tl{
	-webkit-border-radius: 0px 8px 8px 0px;
	border-radius: 0px 8px 8px 0px;
}
.txt_textRadioButton_tl,
.txt_textCheckBox_tl,
.txt_keyboard_tl,
.txt_menuPath_tl,
.txt_filePath_tl,
.txt_url_ul,
.txt_web_ul{
	background-image:url("../img/text.png");
	background-repeat: no-repeat;
	background-position: 3px 3px;
	padding-left:18px;
}
.txt_textCheckBox_tl {
	background-position: 3px -27px;
}
.txt_keyboard_tl {
	background-position: 3px -57px;
}
.txt_menuPath_tl {
	background-position: 3px -87px;
}
.txt_filePath_tl {
	background-position: 3px -117px;
}
.txt_url_ul,
.txt_web_ul{
	padding-left:0px;
	padding-right:13px;
	background-position: right -235px;
}
.txt_term_tl{
	color:gray;
	font-family: sans-serif;
}
.txt_cmd_tl {
	font-weight: bolder;
}
a.txt_def_ul,
a.txt_doc_ul{
	text-decoration: none; border-bottom:1px dotted #005fa8;
}
.tooltip{
	color: black;
	background-color: #fff;
	border: 1px solid #CCC;
	-webkit-border-radius: 5px;
	border-radius: 3px;
	font-size:0.9em;
	-moz-box-shadow: 0px 2px 6px 0px #c0c0c0;
-webkit-box-shadow: 0px 2px 6px 0px #c0c0c0;
-o-box-shadow: 0px 2px 6px 0px #c0c0c0;
box-shadow: 0px 2px 6px 0px #c0c0c0;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=180, Strength=6);
}
.tooltip_ti{
	font-size:1.2em;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	text-align:center;
	color:#005fa8;
	font-variant:small-caps;
-moz-box-shadow: 0px 2px 6px 0px #cfcfcf;
-webkit-box-shadow: 0px 2px 6px 0px #cfcfcf;
-o-box-shadow: 0px 2px 6px 0px #cfcfcf;
box-shadow: 0px 2px 6px 0px #cfcfcf;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=180, Strength=6);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: rgb(247,247,247); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(247,247,247,1) 0%, rgba(221,221,221,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(221,221,221,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(221,221,221,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(221,221,221,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(221,221,221,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(247,247,247,1) 0%,rgba(221,221,221,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */

}
.tooltip_co{
	padding: 2px 10px;
}
.tooltip a{
	color:#666;
}

/** Content : scImgMgr ********************************************************/
div.scImgZmOver{
	background-color: #DDD;
	opacity: 0.4;
	filter: Alpha(opacity=40);
	position:fixed;
	width:100%;
	height:100%;
}
div.scImgZmCvs{
	padding:20px;
	width:inherit;
	height:inherit;
	top:2%;
	left:2%;
	bottom:2%;
	right:2%;
}
div.scImgZmFra{
	background-color: white;
	padding:10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow:  0px 0px 20px 0px #999;
	box-shadow:  0px 0px 20px 0px #999;
}
a.scImgZmBtnCls{
	position:absolute;
	top:-15px;
	right:-15px;
	width:30px;
	height:30px;
	background-image:url("../img/nav/close.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
a.scImgZmBtnCls span{
	display:none;
}
div.scImgZmTi{
	text-align: center;
	margin:5px 5px 0px 5px;
	color:gray;
	font-style: italic;
}
div.scImgZmMag{
	border-radius: 5px;
	-webkit-box-shadow:  0px 0px 10px 0px #555;
	box-shadow:  0px 0px 10px 0px #555;
}
.scImgAnmCtrl{
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid gray;
	-webkit-box-shadow:  0px 0px 10px 0px #555;
	box-shadow:  0px 0px 10px 0px #555;
	background-color:white;
	bottom:20px;
	position:absolute;
	right:5px;
	padding: 5px;
	width: 115px;
	height: 16px;
	z-index: 101;
}
.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;
	width:15px;
	height:12px;
	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;
	filter: Alpha(opacity=80);
}
.scImgAnmCtrl a span,
.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;
}