/*@font-face{font-family:'Open Sans';src:url("../fonts/Open-Sans-regular.woff") format("woff");font-weight:400;font-style:normal;}
@font-face{font-family:'Open Sans';src:url("../fonts/Open-Sans-italic-600.woff") format("woff");font-weight:400;font-style:italic;}
@font-face{font-family:'Open Sans';src:url("../fonts/Open-Sans-700.woff") format("woff");font-weight:700;font-style:normal;}
@font-face{font-family:'Open Sans';src:url("../fonts/Open-Sans-700italic.woff") format("woff");font-weight:700;font-style:italic;}*/

html {box-sizing:border-box;}
*, *:before, *:after {box-sizing: inherit;}

body, html {font-family: Lato, Arial, Helvetica, Sans-Serif;}

body, html
{
	font-size:12px;
	margin:0;
	padding:0;
	background:#ffffff;
	
}

form
{
	margin:0;
	padding:0;
}

input
{
	outline:none !important;
}

img
{
	border:none;
}

.fleximg
{
    width:100%;
	height:auto;
}

a {
	color: #141414;
	text-decoration: none;
	/*font-size:1.2em !important*/;
}

@media (hover: hover) {
	a:hover {
		color: #0b6aaa;
	}
}

.disabled {
	display:none;
}

.bgfade
{
	transition: background-color .25s ease-in-out, border .25s ease-in-out, color .25s ease-in-out;
   -moz-transition: background-color .25s ease-in-out, border .25s ease-in-out, color .25s ease-in-out;
   -webkit-transition: background-color .25s ease-in-out, border .25s ease-in-out, color .25s ease-in-out;
   -o-transition: background-color .25s ease-in-out, border .25s ease-in-out, color .25s ease-in-out;
}

.container
{
	/*position:absolute;
	top:10px;left:10px;right:10px;bottom:10px;
	-webkit-box-shadow: 0px 0px 6px #888;
	-moz-box-shadow: 0px 0px 6px #888;
	box-shadow: 0px 0px 6px #888;
	*/
}

.mainarea
{
	background-color:#ffffff;
}


.textinput
{
	height:auto;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:3px;
	padding-right:35px;
	width:180px;
	font-size:14px;
	line-height:14px;
	border:1px solid #2695b6;
	background:#ffffff;
	color:#606060;
	margin:0;

}

.searchbutton
{
	vertical-align:bottom;
	margin:0;
	border:1px solid #2695b6;
	border-left:none;
}

ul.tabs li.searchtab
{
	position:relative;
	padding:10px;
	padding-bottom:11px;
	height:auto !important;
}

ul.tabs li.searchactive
{
	cursor:pointer;
}

ul.tabs li.searchtabactive
{
}

.searchtab a
{
	display:none;
}

.searchactive {
	position:relative;
}

/*
.searchactive a
{
	display:block;
	position:absolute;
	top:22px;
	right:60px;
	width:12px;
	height:12px;
	background: url(../pics/ico-remove-search-12-12.png) no-repeat;
}
*/

.searchactive .removeSearchButton
{
	display:block;
	position:absolute;
	right:55px;
	top:12px;
	width:12px;
	height:12px;
	color:#000;
	text-align:center;
	font-size:18px;
	line-height:12px;
}

.searchactive .removeSearchButton:after {
	content: "×";
}



ul.tabs, .actions > ul
{
	list-style-type:none;
	margin:0;
	padding:0;
}

ul.tabs li
{
	float:left;
	-moz-transition:-moz-box-shadow 0.5s;
	-webkit-transition:-webkit-box-shadow 0.5s;
	transition:box-shadow 0.5s;
}

ul.tabs li.textico, ul.tabs li.tocico, ul.tabs li.indexico,  ul.tabs li.linkmapico,  ul.tabs li.scrapbookico
{
	width:46px;
	height:46px;
	
	cursor: pointer;
}

ul.tabs li.tocactiverumarautalanka
{
	background:url(../pics/ico-toc.png) -56px 0 no-repeat;
}

ul.tabs li.scrapbookico
{
	background-position:0px -224px;
}



ul.tabs li.indexico
{
	background:url(../pics/ico-indexwords.png) 0px 0 no-repeat;
}

ul.tabs li.linkmapico {
	background: url(../pics/ico-linkmap.png) 0px 0px no-repeat;
}
	

ul.tabs li.active, ul.tabs li:hover
{
	background-color:#eee;
	cursor: default;
	height:46px;
}



#left-column {
	position: fixed;
	left: 0;
	top: 0px;
	right: 0px;
	height: 0px;
	overflow: visible;
	z-index: 50000;
}









.linkmap-node0, .linkmap-node1, .linkmap-node2 {
	cursor:pointer;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	text-shadow:0px 1px 0px #ffffff, 0px -1px 0px #ffffff, 1px 0px 0px #ffffff, -1px 0px 0px #ffffff;
	background:rgba(255,255,255,0.6);
	border:1px solid #d4eaf0;
	padding-left:3px;
	padding-right:3px;
	-webkit-box-shadow:0 7px 4px -5px rgba(0,0,0,0.1);
	-moz-box-shadow:0 7px 4px -5px rgba(0,0,0,0.1);
	box-shadow:0 7px 4px -5px rgba(0,0,0,0.1);
}

.linkmap-node0 {
	text-shadow:none;
	border-color:rgba(38,149,182,0.8);
	background:rgba(38,149,182,0.8);
	color:#ffffff;
	font-size:1.167em;
	max-width:250px;
}

.linkmap-node1 {
	font-size:1.167em;
	color:#5cb0c8;
	max-width:150px;
}

.linkmap-node2 {
	font-size:.833em;
	color:#92cada;
	max-width:100px;
}

.linkmap-opennode {
	display:inline-block;
	padding:0px;
	padding-left:3px;
	padding-right:3px;
	font-size:.833em;
	background-color:#2695b6;
	color:#ffffff;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}

.linkmap-typeinfo {
	display: none;
	position: absolute;
	top: 100%;
	margin-top: 1px;
	right: 0;
	left: 0;
	font-size:.833em;
	height: 16px;
	line-height: 16px;
	background-color: rgba(248,248,248,0.85);
	color: #808080;
	text-align: center;
	min-width: 100px;
	-webkit-box-shadow: inset 0 8px 8px -8px rgba(0,0,0,0.15);
	-moz-box-shadow: inset 0 8px 8px -8px rgba(0,0,0,0.15);
	box-shadow: inset 0 8px 8px -8px rgba(0,0,0,0.15);
}

.nonVisible {
	visibility:hidden;
	height:0px;
	width:0px;
	overflow:hidden;
}

.actions, .actionscontainer, .actionscontainerinner, .navicontainer
{
	height:46px;
	float:right;
}

.navicontainer {    
    background-color: #bbb;
    padding-top:2px;
    float:right;
    position:static;
    width:180px;
    height: 36px;

}

.actionscontainerinner > a, .actionscontainerinner ul > li, .actionscontainerinner > #hideableactions > a, .actionscontainerinner > #gotosite_wrapper > a, .navicontainer > a
{
	display:block;
	width:46px;
	height:46px;
	float:right;
	background: url(../pics/ico-actions-56x2-56x7.png) no-repeat;
	position:relative;
	-moz-transition:-moz-box-shadow 0.5s;
	-webkit-transition:-webkit-box-shadow 0.5s;
	transition:box-shadow 0.5s;
}

/*
@media (hover: hover) {
	.actionscontainerinner > a:hover, .actionscontainerinner ul > li:hover, .actionscontainerinner > #hideableactions > a:hover, .actionscontainerinner > #gotosite_wrapper > a:hover, ul.tabs > li:hover, .actions > ul > li:hover {
		background-color: #41bbba;
	}
}
*/


.actionscontainerinner li.optionsmenu
{
	background-position:0px -504px !important;
}

.actionscontainerinner li.optionsmenu:hover
{
	background-position:-56px -504px !important;
}


.actionscontainerinner a.print
{
	background-position:0px 0px !important;
}

.actionscontainerinner a.print:hover
{
	background-position:-56px 0px !important;
}

.actionscontainerinner > a.linkmap
{
	background-position:0px -112px;
}

.actionscontainerinner > a.linkmap:hover
{
	background-position:-56px -112px;
}


.navicontainer > a.prevpage
{
	background-position:0px -168px;
}

.navicontainer > a.prevpage:hover
{
	background-position:-56px -168px;
}

.navicontainer > a.nextpage
{
	background-position:0px -224px;
}

.navicontainer > a.nextpage:hover
{
	background-position:-56px -224px;
}

.actionscontainerinner > a.sizesmaller
{
	background-position:0px -280px;
}

.actionscontainerinner > a.sizesmaller:hover
{
	background-position:-56px -280px;
}

.actionscontainerinner > a.sizebigger
{
	background-position:0px -336px;
}

.actionscontainerinner > a.sizebigger:hover
{
	background-position:-56px -336px;
}

.actionscontainerinner > #gotosite_wrapper > a
{
	background-position:0px -448px;
}

.actionscontainerinner > #gotosite_wrapper > a:hover
{
	background-position:-56px -448px;
}

.actionscontainerinner .divider, .actionscontainerinner .subdivider
{
	float:right;
	width:0px;
	height:46px;
	background-color:#141414;
}

.actionscontainerinner .divider
{
	background-position:-1px 0px;
}

/*
.actions a.nextpage, .actions a.prevpage
{
	margin:10px;
	float:right;
	display:block;
	text-decoration:none;
	line-height:36px;
	color:#e1f1f6;
	background:transparent;
}

.actions a.nextpage:hover, .actions a.prevpage:hover
{
	color:#ffffff;
}

.actions a.prevpage
{
	background-position:0px 0px;
}
*/

.actionscontainerinner .pageinput
{
	float:right;
	width:95px;
	padding-right:10px;
	margin-left:10px;
	height:46px;

}

.actionscontainerinner .pageinput .textinput
{
	background-color:#ffffff;
	padding:0px;
	height:36px;
	line-height:36px;
	margin-top:10px;
	width:51px;
	text-align:center;
	float:left;
	display:block;
	border:none;
	margin:0;
	margin-top:10px;
	-webkit-box-shadow:inset 8px 8px 8px -8px rgba(0,0,0,0.2);
	-moz-box-shadow:inset 8px 8px 8px -8px rgba(0,0,0,0.2);
	box-shadow:inset 8px 8px 8px -8px rgba(0,0,0,0.2);
}

/*
.lastpagenumber
{
	text-align:center;
	margin-left:0;
	margin-top:10px;
	line-height:36px;
	height:36px;
	float:right;
	display:block;
	color:#141414;
	font-size: 14px !important;
	width:44px;
	background-color:#eee;
}
*/

#lastpagenumber {
	font-size: 14px;
}



.searchresultscontainer
{
}

.searchresultsinfo
{
	font-size:1.25em;
	color:#fff;
	margin-bottom:10px;
}

.searchresults a, .searchdocumentresults a
{
	display:block;
	position:relative;
	padding:10px;
	padding-right:40px;
	color:#505050;
	text-decoration:none;
	background-color:rgba(255,255,255,0.85);
	
}

.searchresults a b, .searchdocumentresults a b
{
	font-weight:normal;
	display:block;
	margin-top:0.833em;
}

.searchresults a.odd, .searchdocumentresults a.odd
{
	background-color:rgba(255,255,255,0.65);
}

.searchresults a i, .searchdocumentresults a i
{
	display:none !important;
	position:absolute;
	width:30px;
	height:15px;
	right:8px;
	top:8px;
	font-size:1em;
	font-weight:bold;
	color:#505050;
	text-align:right;
	font-style:normal;
}

.searchresults .path {
	color: #0896d3;
}

.searchresults a .hl, .searchdocumentresults a .hl
{
	/*color:#4aa917;*/
	background: #e6c7c7;
}


.searchresults a u, .searchdocumentresults a u {
	color:#0896d3;
	text-decoration:none;
	font-weight:bold;
}

#resizebar
{
	position:absolute;
	left:307px;
	width:3px;
	top:0px;
	bottom:0px;
	border-right:1px solid #d8d8d8;
	cursor:ew-resize;
	z-index:55000;
}

.resizehandle
{
	display:none;
}

.resizefader
{
	position:absolute;
	top:-46px;
	left:0px;
	right:0px;
	height:113px;
	background:url(../pics/resizefader.png) repeat-x;
	background-position: left bottom;
}

.resizefaderfiller
{
	display:none;
	position:absolute;
	top:0px;
	height:25px;
	left:0px;
	right:0px;
	background-color:#ffffff;
}



.partialmatches
{
	margin-top:20px;
	margin-bottom:12px;
	color:#fff;
	font-size:1.167em;
	font-weight:bold;
}




#tabsearchresults
{
	display:none;
	position:absolute;
	top:170px;
	left:0px;
	bottom:0px;
	width:26px;
	height:128px;
	background:url(../pics/tab-searchresults-i.png) no-repeat;
}

.tabcontent
{
	padding:10px;
	color:#ffffff;
	overflow:auto;
	position:absolute;
	top:0px;
	right:0px;
	left:0px;
	bottom:0px;
}

.tabcontent h3
{
	margin:0;
	margin-bottom:10px;
	font-size:1em;
	font-weight:normal;
	color:#ffffff;
}

.othersearchresults
{
	position:absolute;
	height:86px;
	right:8px;
	left:8px;
	bottom:8px;
	overflow:auto;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border-bottom:1px solid #f0f5f7;
	color:#141414;
	padding:8px;
}

.searchresultslist
{
	position:absolute;
	top:81px;
	left:0px;
	right:0px;
	bottom:0px;
	padding:3px;
	padding-bottom:0px;
	padding-top:0px;
	overflow:auto;
	display:none;
}

.mainareafull
{
	position:absolute;
	top:0px;left:0px;right:0px;bottom:-10px;
}

.articlearea
{
	margin-left:330px;
}

.controlarea
{
	position:absolute;
	left:0px;
	top:0;
	bottom:0px;
	min-height:100vh;
	width:285px;
	z-index:2;
	background-color: #eee;
}


.controlarea-inner {
	position: absolute;
	left: 0;
	right: 0;
	top: 82px;
	bottom: 0px;
	margin-top: 20px;
}




.controlarea-close {
	display:none;
	position:absolute;
	right:4px;
	top:-14px;
	cursor:pointer;
    color: #141414 !important;
    
    font-size: 1.4em;
    font-weight: bold;
    line-height: 0px;
    padding: 11px 4px; 
	text-decoration:none; 
	z-index:66666;
}

.controlarea-close:after {
	content:"×";
}

.controlarea .hid
{
    display: none !important;
}

.tocselector
{
	display:block;
	position:absolute;
	left:0px;top:0px;right:0px;
	height:18px;
	overflow:hidden;
	background-color:#141414;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	color:#ffffff;
	font-size:1.083em;
	line-height:18px;
	padding:3px;
	padding-left:8px;
	border-bottom:1px solid #d0d0d0;
}

.toccontainer
{
	position:absolute;
	left:0px;top:0px;bottom:9px;right:0px;
	background-color:#ffffff;
	border-left:3px solid #ffffff;
	border-right:3px solid #ffffff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.toca a
{
	line-height:12px;
	padding:2px;
}

.toca a:hover
{
	text-decoration:underline;
}

.toca img
{
	margin-right:3px;
}

.closed
{
	background:#ffffff;
}

.toc img
{
	border:none;
}

a.open
{
	background:#ffffff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border-bottom:1px solid #ccdee7;
	padding-bottom:2px;
}

.chosen
{
	background-color:#0074b5;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	color:#ffffff;
}

.final
{
	margin-left:51px;
}

.toparea
{
	height:25px;
	background-color:#ffffff;
}

#closebutton
{
	padding:0px;
	display:block;
	float:right;
	margin-right:20px;
	height:20px;
	width:200px;
	text-align:right;
}

/*
.header
{
	position:fixed;
	left:0px;
	right:0px;
	top:0px;
	overflow:visible;
	height:57px;
	background-color:#000;
	min-width:562px;
	
	z-index:4;
	transition:top 0.25s;
}
*/

.hideActions .header {
	/*height:10px;*/
	top:-47px;
	-moz-box-shadow:inset 0 -5px 0 0 #ffffff;
	-webkit-box-shadow:inset 0 -5px 0 0 #ffffff;
	box-shadow:inset 0 -5px 0 0 #ffffff;
	
}

.header .actions, .header #searchform {
	opacity:1;
	transition:opacity 0.25s, margin-top 0.25s;
	margin-top:0px;
}

.hideActions .header .actions, .hideActions .header #searchform {
	opacity:0;
	margin-top:-10px;
}

.showActions .header {
	height:46px;
	top:0;
	background-color:#2695b6;
	-moz-box-shadow:inset 0 -1px 0 0 #2695b6, inset 0 -13px 13px -13px rgba(0,0,0,0.25);
	-webkit-box-shadow:inset 0 -1px 0 0 #2695b6, inset 0 -13px 13px -13px rgba(0,0,0,0.25);
	box-shadow:inset 0 -1px 0 0 #2695b6, inset 0 -13px 13px -13px rgba(0,0,0,0.25);
}

.showActions .header .actions, .showActions .header #searchform {
	opacity:1;
	margin-top:0;
}

.hideActions .controlarea {
	top:6px;
	transition:top 0.25s;
}

.showActions .controlarea {
	top:46px;
}

.hideActions #artContainer {
	padding-top:8px;
	transition:padding-top 0.25s;
}

.showActions #artContainer {
	padding-top:60px;
}


.searcharea
{
	float:left;
	left:220px;
	height:34px;
	padding-top:8px;
	width:364px;
}

#searchareanavi
{
	float:right;
	width:100px;
}

.searchareanavioff
{
	display:none;
}

.searchareanavion
{
	display:block;
}

#searchareanavi a
{
	margin-top:8px;
	float:left;
	display:block;
	margin-left:8px;
	width:16px;
	text-align:center;
	padding-left:0px;
	padding-right:0px;
}


.headerlogout
{
	position:absolute;
	margin-left:557px;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	background:url(../pics/header-right-bg.png) 100% 0px no-repeat;
	overflow:hidden;
}


.patharea {
	font-size:0.917em;
    padding: 10px 5px 10px 10px;
    box-shadow:none;
    /*width: 793px;*/
    /*float:left;*/
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-right:200px;
	box-sizing:content-box;
	/*box-shadow:-5px -5px 10px -5px rgba(0,0,0,0.15);*/
}

.patharea a
{
	color:#141414;
	font-size:1.2em;
	margin-right:5px;
	margin-bottom:5px;
	text-decoration:none;
	transition:all 0.2s ease-in;
}

.patharea a:hover {
    background-color: inherit;
}


.patharea span
{
	color:#141414;
	font-size: 1.1em;
	font-weight:bold;
	margin-right: 0;
	width: 16px;
    visibility: hidden;
}

.patharea > span:before {
    content: "\2192";
    visibility:visible;
    position:relative;
    top:-1px;
}

@media (hover: hover) {
	.patharea a:hover {
		text-shadow: none;
	}
}

a.pathlastnode
{
	color:#141414;
	text-shadow:none;
}

.pathselector
{
	margin-top:2px;
	height:12px;
	width:12px;
	background:url(../pics/pathselector.png) no-repeat;
	display:block;
	float:left;
}



.articleareacontent
{
	/*position:absolute;
	left:0px;top:0px;bottom:9px;right:0px;*/
	position:relative;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background-color:#ffffff;
}

.fullscreen
{
	left:0px !important;
}

.artnavi
{
	position:absolute;
	right:30px;
	top:48px;
	height:19px;
	width:43px;
	z-index:1;
	background:url(../pics/bg-a50white.png);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #e0e0e0;
}

.artnavi a.naviforward, .artnavi a.navibackward
{
	margin-right:2px;
	margin-top:2px;
	display:block;
	float:right;
	height:15px;
	width:15px;
	background:url(../pics/artnavi-next.png) 0px 0px no-repeat;
}

.artnavi a.navibackward
{
	background:url(../pics/artnavi-back.png) 0px 0px no-repeat;
	margin-right:8px;
}

.artnavi a.off
{
	background-position:-15px 0px;
	cursor:default;
}

#artContainer
{
	padding: 82px 0 0 0;
	font-size:14px;
}



.article
{
	font-size:1em;
}

.article .th-pagenum {
	margin-right:-30px !important;
	float:right;
	text-align:right;
	font-size:1rem !important;
	font-weight:normal !important;
	text-decoration:none !important;
	background:none !important;
	color:#808080;
}

/*
.article table {
	color:#666;
	margin:5px;
	border-collapse:collapse;
	max-width:100%;
	border:#e0e0e0;
	margin:0;
}

.article table th {
	padding:10px 15px 10px 15px;
	border:#e0e0e0;
	background: #ededed;
	-webkit-box-shadow: inset 0 1px 0 0 #fff;
	-moz-box-shadow: inset 0 1px 0 0 #fff;
	box-shadow: inset 0 1px 0 0 #fff;
}

.article table th:first-child{
	text-align: left;
	padding-left:20px;
}

.article table tr{
	padding-left:20px;
}

.article table tr td:first-child{
	text-align: left;
	padding-left:20px;
}

.article table tr td {
	padding:10px;
	border: 1px solid #e0e0e0;
	vertical-align:top;
}

.article table tr:nth-child(odd) td{
	background: #f6f6f6;
	-webkit-box-shadow: inset 0 1px 0 0 #fff;
	-moz-box-shadow: inset 0 1px 0 0 #fff;
	box-shadow: inset 0 1px 0 0 #fff;
}

*/


#article a
{
}

#article a:hover
{
}

/*
.article span.TBSearchResult
{
	background: #e6c7c7;
	font-weight:inherit;
}
*/



.size1
{
	font-size:60% !important;
}

.size2
{
	font-size:70% !important;
}

.size3
{
	font-size:80% !important;
}

.size4
{
	font-size:90% !important;
}

.size5
{
	font-size:100% !important;
}

.size6
{
	font-size:110% !important;
}

.size7
{
	font-size:120% !important;
}

.size8
{
	font-size:130% !important;
}

.size9
{
	font-size:140% !important;
}

.size10
{
	font-size:155% !important;
}

.size11
{
	font-size:170% !important;
}

.size12
{
	font-size:185% !important;
}

.size13
{
	font-size:200% !important;
}

.size14
{
	font-size:220% !important;
}

.size15
{
	font-size:240% !important;
}

.size16
{
	font-size:260% !important;
}

.size17
{
	font-size:280% !important;
}

.size18
{
	font-size:300% !important;
}

.size19
{
	font-size:320% !important;
}

.size20
{
	font-size:340% !important;
}

.size21
{
	font-size:360% !important;
}

.size22
{
	font-size:380% !important;
}

.size23
{
	font-size:400% !important;
}

.size24
{
	font-size:420% !important;
}

.useractions
{
	display:block;
	height:12px;
	width:12px;
	position:absolute;
	top:5px;
	left:-14px;
	background:url(../pics/useraction.gif) no-repeat;
}

.useractionscount
{
	line-height:11px;
	display:block;
	height:12px;
	width:12px;
	position:absolute;
	top:18px;
	left:-14px;
	text-align:center;
	color:#1393d9;
	font-size:0.917em;
	text-decoration:underline;
}

.articlefunctions
{
	padding-left:8px;
	left:0px;right:0px;top:0px;height:22px;
	border-bottom:none;
	border:1px solid #141414;
	background-color:#141414;
	position:absolute;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.articlefunctions a
{
	line-height:14px;
	color:#ffffff;
	display:block;
	float:left;
	padding:3px;
}

.articleprevious
{
	padding-left:10px !important;
	background:url(../pics/article-lt.png) 0px 7px no-repeat;
}

.articlenext
{
	padding-right:10px !important;
	background:url(../pics/article-gt.png) 100% 7px no-repeat;
}

.articleareafunctions
{
	display:block;
	position:absolute;
	right:13px;top:5px;
	height:22px;
	width:130px;
}

.articleareafunctions a
{
	display:block;
	height:22px;
	width:22px;
	float:right;
	margin-left:8px;
	background:url(../pics/ico-print.png) 0px 0px no-repeat;
}

.articleareafunctions a:hover
{
	background-position:0px -22px;
}

a.showactions
{
	background-image:url(../pics/ico-showactions.png);
}

a.showactionson
{
	background-image:url(../pics/ico-showactions.png);
	background-position:-22px 0px;
}

a.showactionson:hover
{
	background-position:-22px -22px;
}

a.pdf
{
	background-image:url(../pics/ico-pdf.png);
}

a.uimode
{
	background-image:url(../pics/ico-uimode.png);
}

a.uimodefull
{
	background:url(../pics/ico-uimode.png) -22px 0px no-repeat;
}

a.uimodefull:hover
{
	background-position:-22px -22px;
}

a.print span, a.pdf span, a.showactions span
{
	display:block;
	width:22px;
	height:22px;
	background:url(../pics/ico-disabled-66.png) 0px 0px;
}


.toca
{
	background:#e8e8e8;
	padding:7px;
	padding-top:14px;
	padding-bottom:14px;
}

.tocamain
{
	color:#141414;
	font-weight:bold;
	padding:0px !important;
	margin-bottom:14px !important;
}

.toci
{
	display:block;
	text-align:left;
	padding:7px;
	padding-top:14px;
	padding-bottom:14px;
	background:#d4d4d4 url(../pics/toc-i-bg.png) repeat-x;
	color:#141414;
	font-weight:bold;
	border-bottom:1px solid #e8e8e8;
}

.toci img, .toca img
{
	margin-right:3px;
}

.tocarea
{
	
	overflow:auto;
	position:absolute;
	
	bottom:10px;
	top:-10px;
	left:10px;
	right:10px;
	
	/*padding: 0 10px 10px 10px;*/
}

#searchresults.tocarea {
	top:40px;
}

#tocarea .controlarea-top {
	height:0 !important;
	padding:0 !important;
}

.tocarea .pagenumber
{
	display:none;
}

.tocarea h1, #searchresults h1
{
	color:#0896d3;
	font-size:1.167em;
	margin-top:0px;
	margin-bottom:10px;
}

.tocarea h1 > a {
    display:none;
}

.tocareashadow
{
	z-index:2;
	position:absolute;
	top:60px;
	left:0px;
	right:0px;
	height:3px;
	overflow:none;
}

.tocareashadow img
{
	display:block;
	margin-left:auto;
	margin-right:auto;
}

#scrapbookarea {
	display:none;
}

.useractionspanel
{
	padding:5px;
	display:none;
	position:fixed;
	-webkit-box-shadow: 0px 0px 15px #aaa;
	-moz-box-shadow: 0px 0px 15px #aaa;
	box-shadow: 0px 0px 15px #aaa;
	
	width:250px;
	height:307px;
	
	z-index:1002;
	
	background-color:#f1f2f3;
	color:#999999;
	
	border-bottom:1px solid #dadada;
}

.useractionspanel i
{
	float:right;
	position:relative;
	width:18px;
	height:18px;
	line-height:36px;
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
	font-size:1em;
	font-family:Open Sans;
	background:url(../pics/arrow-36x4-36x3.png) -81px -45px no-repeat;
}

.useractionsheader
{
	text-align:left;
	color:#808080;
	font-size:1.167em;
	line-height:16px;
	height:16px;
	text-shadow: 0px 1px 1px #ffffff;
	cursor: default;
}

.useractionsaction
{
	padding-top:5px;
}

.useractionscontent
{
	position:relative;
}

.useractionscontent textarea
{
	border:1px solid #d8d8d8;
	background-color:#f8f8f8;
	width:243px;
	height:260px;
	margin:none;
	margin-bottom:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	outline:none !important;
}


@media (hover: hover) {
	.useractionscontent a:hover {
		background-color: #f6f6f6;
	}
}

.useractionsdate
{
	height:20px;
	overflow:hidden;
	line-height:20px;
	color:#808080;
	font-size:.833em;
}

.closebutton
{
	display:block;
	position:absolute;
	top:0px;
	right:5px;
	width:200px;
	height:24px;
	text-align:right;
	font-size:1em;
}

.chooseaction
{
	display:block;
	height:50px;
	clear:both;
}

.chooseaction i
{
	border-right:1px solid #e8e8e8;
	display:block;
	width:49px;
	height:50px;
	background-color:#ffffff;
	text-align:center;
	overflow:visible;
	line-height:50px;
}

.chooseaction span
{
	display:block;
	margin-left:50px;
	height:50px;
	background-color:#ffffff;
	line-height:50px;
	text-align:center;
	height:0px;
	overflow:visible;
}

@media (hover: hover) {
	.chooseaction:hover {
		background-color: #ffffff;
	}
}

.rounded-button, .rounded-button-green
{
	display:block;
	padding-left:12px;
	padding-right:12px;
	float:right;
	height:28px;
	line-height:28px;
	
	border:1px solid #505050;
	background:#c7c7c7 url(../pics/button-gray.gif) repeat-x;
	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	
	color:#fff;
	font-size:1em;
	text-align:center;
	text-decoration:none !important;
}

.rounded-button-green
{
	background-image: url('../pics/button-green.gif');
}

#logininfo
{
	margin-top:26px;
	padding-right:32px;
	float:right;
	height:30px;
	color:#ffffff;
	font-size:0.917em;
}

#logininfo:hover
{
	text-decoration:underline;
}




/* TOC -puu... */

#toc
{
	margin-left:-22px;
}

ul.toc
{
	margin-top:0px;
    list-style-type: none;
    margin-left: 0px;
	padding:0px;
    padding-top: 0px;
	padding-bottom: 0px;
}

#toc > ul.toc > li {
	margin-left: 13px;
	margin-bottom:0;
	padding: 0;
}

ul.toc i
{
	font-size:.833em;
	color:#ce4f4f;
	font-style:normal;
	font-weight:normal;
}

div.SelectedLastNode i
{
	color:#aedaf2;
}

div > ul.toc > li
{
	min-height:12px;
	padding-left:4px;
	
}

div > ul.toc > li.opened
{
	/*padding-left:1px;*/
	
}

/*
div > ul.toc > li > div > a {
    font-weight: normal;
}


div > ul.toc > li > div > a
{
	font-weight:bold;
	
	
}
*/

.toc .Selected a:nth-of-type(2), .toc .SelectedLastNode > a
{
	font-weight:bold;
}

div > ul.toc > li > div > a.Expand, div > ul.toc > li > div > a.Collapse
{
	position:absolute;
	display:block;

	left:-10px;
	width:10px;
	height:10px;

	color:#141414 !important;
	line-height:10px;
	font-size:11px;
	text-align:center;
}

/*
div > ul.toc > li > div > a.Expand
{
	background: url(../pics/toc-mainclosed.png) no-repeat;
	
}
*/

div > ul.toc > li > div > a.Expand:after {
	content:"+";
}

/*
div > ul.toc > li > div > a.Collapse
{
	left:0px !important;
	
}
*/

div > ul.toc > li > div > a.Collapse:after {
	content:"-";
}







div > ul.toc > li > div.Selected, div > ul.toc > li > div.SelectedLastNode
{

	background:transparent !important;
	border:none;
}

ul.toc > li
{
    margin-left:13px;
    position:relative;
    margin-bottom:2px;
}

ul.toc > li > div > a
{
    text-decoration:none;
    font-size:1.2rem;
	color:#141414;
}

@media (hover: hover) {
	ul.toc > li > div > a:hover:not(.Expand):not(.Collapse) {
		background-color:#fbfbfb;
	}
}

a.Expand, a.Collapse
{
    display:block;
    position:absolute;
    left: -10px !important;
	top:4px;
    width:10px;
	height:10px;
	overflow:hidden;
	background:#006789;
	color:#ffffff !important;
	line-height:10px;
	font-size:11px;
	text-align:center;
	font-weight:bold;
}

a.Expand:hover, a.Collapse:hover
{
    text-decoration: none;
}

a.Expand:after {
	content:"+";
}

a.Collapse:after {
	content:"-";
}

div > ul > .tocseparator
{
	display:block;
	
	height:3px;
	overflow:hidden;
}

#toc, .toc div
{
	padding-left:14px;
	margin-bottom:1px;
}

#toc {
    font-size:.9em;
    margin: 0;
	padding: 0;    
}

.toc div
{
	padding-right: 0;
    padding-left:0;
    margin-bottom: 8px;
}

div.Selected > a, div.SelectedLastNode > a
{
	color:#141414 !important;
}

div.Selected > a.Expand, div.SelectedLastNode > a.Expand, div.Selected > a.Collapse, div.SelectedLastNode > a.Collapse
{
	color:#ffffff !important;
}

div.SelectedLastNode
{
	
}

div.SelectedLastNode > a
{

}

/* ...TOC -puu */


span .hl
{
	background-color:rgba(140,204,106,0.5);
}

.nohilite .hl
{
	color:inherit !important;
}

.ul {
	-moz-box-shadow:inset 0 0 0 300px rgba(231,239,105,0.5);
	-webkit-box-shadow:inset 0 0 0 300px rgba(231,239,105,0.5);
	box-shadow:inset 0 0 0 300px rgba(231,239,105,0.5);
}

a.ulListItem {
	display:block;
	background-color:#f4f4f4;
	color:#484848;
	font-size:1.083rem;
	padding:10px;
	max-height:80px;
	overflow:auto;
	margin-top:10px;
	text-decoration:none;
	margin-bottom:0;
}

a.ulListItem {
	margin-top:0;
}

#asiahakemistocontainer {
	position:absolute;
	right:10px;
	left:10px;
	top:0px;
	bottom:10px;
	display:none;
}

#asiahakemistofunctions {
	position: absolute;
	top: 0px;
	height: 32px;
	left: 0px;
	right: 0px;
	
}

#jumptoindexwordlistindex {
	position:absolute;
	top:0px;
	height:36px;
	left:0px;
	right:0px;
	
	
	border:none;
}

#asiahakemistocontainer select {
	display:none;
}

#asiahakemistocontainer.has-indexwordlists select {
	display:inline-block;
}

#asiahakemistocontainer.has-indexwordlists #asiahakemistofunctions {
	height:70px;
	
}

#asiahakemistolist {
	position:absolute;
	right:0px;
	left:0px;
	top:45px;
	bottom:0px;
	overflow:auto;
}

#asiahakemistocontainer.has-indexwordlists #asiahakemistolist {
	top:70px;
}

#asiahakemistolist > a {
	display:block;
	padding:10px;
	position:relative;
	font-weight:bold;
	background-color:#fff;
	margin-top:10px;
	color:#141414;
}

#asiahakemistolist > a:first-child {
	margin-top:0;
}

#asiahakemistolist > a > i {
	float:right;
	display:block;
	font-weight:normal;
}

#asiahakemistolist > a > span {
	display:block;
	margin-top:10px;
	color:#141414;
	font-weight:normal;
}

#asiahakemistocontainer .dropdown {
	width:100%;
	box-sizing:border-box;
	margin-bottom:0.2em;
}

#asiahakemistocontainer .dropdown li, #asiahakemistocontainer .dropdown .selected {
	font-size:1em !important;
	line-height:1em;
}


#asiahakemisto a
{
	
}

#asiahakemisto
{
	overflow:hidden;
}

.ajaxlistcontent
{
	overflow:hidden;
	display:none;
}

.ajaxlistscrollheight
{
	overflow:hidden;
}

.ajaxlistcontent a
{
	font-size:1em;
	display:block;
	padding-left:12px;
	padding-right:12px;
	background-color:#ffffff;
	
	margin-bottom:2px;
	clear:both;
	height:48px;
	line-height:48px;
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
	text-decoration:none;
	color:#474747;
}

.ajaxlistcontent a.odd
{
	background-color:#f7f7f7;
	-webkit-box-shadow:inset -55px 0 50px -50px #ffffff;
	-moz-box-shadow:inset -55px 0 50px -50px #ffffff;
	box-shadow:inset -55px 0 50px -50px #ffffff;
}

@media (hover: hover) {
	.ajaxlistcontent a:hover {
		color: #0c6aaa;
	}
}

.ajaxlistcontent i
{
	font-style:normal;
	font-size:0.8em;
	margin-left:4px;
	color:#808080;
}

#indexwordtargetscontent a
{
	display:block;
	padding:5px;
}

#StructurePath {
	display:none;
}

#printareaheader {
	display:none;
}

.printmode .header, .printmode #controlarea, .printmode #resizebar, .printmode #indexwordtargetspanel, .printmode .indexwordtargetspanel #context, .printmode #pageBottom, .printmode #scrapbook-commands {
	display:none;
}

.printmode #printareaheader {
	display:block;
}

.printmode .articlearea {
	margin-left:0px !important;
}

.printmode.scrapbook-printmode #controlarea {
	display:block;
	position:relative;
	width:auto !important;
	bottom:auto;
	top:auto;
	right:auto;
	left:auto;
}

.printmode.scrapbook-printmode #scrapbookarea {
	position:relative;
	width:auto;
	height:auto;
	left:auto;
	right:auto;
	top:auto;
	bottom:auto;
}

.printmode.scrapbook-printmode #scrapbookarea > div {
	display:none;
}

.printmode.scrapbook-printmode #scrapbookarea > #scrapbook-book {
	display:block;
	position:relative;
	width:auto;
	height:auto;
	left:auto !important;
	right:auto;
	bottom:auto;
	top:auto;
	background-color:transparent;
	padding:0;
	box-shadow:none;
}

.printmode.scrapbook-printmode .articlearea, .printmode.scrapbook-printmode #printareapath, .printmode.scrapbook-printmode .scrapbook-scrap-header  {
	display:none;
}

.printmode.scrapbook-printmode #printareaheader {
	height:24px;
}


#printarea
{
	position:relative;
	display:none;
	background-color:#ffffff;
	overflow:visible;
	z-index:5;
}

#printareaheader
{
	background-color:#eeeeee;
	font-weight:bold;
	line-height:20px;
	font-size:1.167em;
	color:#404040;
	padding-left:10px;
	overflow:hidden;
}

#printareapath
{
	font-size:1em;
	margin-right:150px;
}

#printareapath span
{
	font-size:0.833em;
	color:#808080;
}

#printareacontent
{
	padding:20px;
	margin-top:30px;
	position:inherit !important;
	overflow:visible !important;
}
/* -- asiasanojen leijuboksi -- */
/*merkatun asiasanan ulkoasu*/
*[data-idw-desc] {
    color: #41bbba;
    cursor: pointer;
}

.index-word-hover-box {
    display: none;
    position: absolute;
    top: 100px;
    left: 100px;
    width: 300px;
    padding: 15px;
    padding-right: 35px;
    background: #fff;
    box-shadow: 0 0 10px 1px rgba(0,0,0,0.3);
    z-index: 1002;
}
/*pienin ruutu*/
@media screen and (max-width: 25em), handheld and (max-width: 25em), tv and (max-width: 25em) {
    .index-word-hover-box {
        max-width: 15em;
    }
}

.index-word-hover-box-title {
    color: #41bbba;
    font-weight: bold;
}

.index-word-hover-box-desc {
    margin-top: 5px;
    color: #000;
}

.index-word-hover-box-close {
	width: 16px;
    height: 16px;
    position: absolute;
    right: 16px;
    top: 15px;
    background-image: url(../pics/dk/symboli-ruksi-musta.svg?v=3), none;
	background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
	z-index:9999;
}
/* -- asiasanojen leijuboksi: loppu -- */

@media print {
	.closebutton, #sizelimiter, #headerstripe, #pageBottom, .navlink
	{
		display:none !important;
	}

    #index_word_hover_box{
        display: none !important;
    }


	.header, #controlarea, #resizebar, #indexwordtargetspanel, .indexwordtargetspanel #context, #pageBottom, #scrapbook-commands {
		display:none;
	}

	#printareaheader {
		display:block;
	}

	.articlearea {
		margin-left:0px !important;
	}

	.scrapbook-printmode #controlarea {
		display:block;
		position:relative;
		width:auto !important;
		bottom:auto;
		top:auto;
		right:auto;
		left:auto;
	}

	.scrapbook-printmode #scrapbookarea {
		position:relative;
		width:auto;
		height:auto;
		left:auto;
		right:auto;
		top:auto;
		bottom:auto;
	}

	.scrapbook-printmode #scrapbookarea > div {
		display:none;
	}

	.scrapbook-printmode #scrapbookarea > #scrapbook-book {
		display:block;
		position:relative;
		width:auto;
		height:auto;
		left:auto !important;
		right:auto;
		bottom:auto;
		top:auto;
		background-color:transparent;
		padding:0;
		box-shadow:none;
	}

	.scrapbook-printmode .articlearea, .scrapbook-printmode #printareapath, .scrapbook-printmode .scrapbook-scrap-header  {
		display:none;
	}

	.scrapbook-printmode #printareaheader {
		height:24px;
	}

	.print-hide-headers #printareaheader {
		display:none;
	}
}

.defaultseparator
{
	margin-top:15px;
	margin-bottom:10px;
	display:block;
	background-color:#cfcfcf;
	height:1px;
	overflow:hidden;
}

.verticalmargin
{
	margin-top:10px;
	margin-bottom:10px;
}

/* autocomplete */
.ui-autocomplete {
	z-index:50000;
}
.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all
{    
    background-image: none;
    background-color: #f3f7f9;
    border: none !important;
    margin: 0px;
    padding: 4px;
    filter: alpha(opacity=100);
    opacity: 1;
    width:241px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
    border-radius: 0px;
    
}

.ui-menu-item, a.ui-corner-all
{
	color:#0997d4 !important;
	border-color:#ffffff;
}

@media (hover: hover) {
	.ui-menu-item:hover, a.ui-corner-all:hover {
		color: #0c6aaa !important;
		border-color: #ffffff;
		background: #ffffff;
	}
}

ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all li.ui-menu-item a.ui-corner-all
{
    -moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
}





.searchdocument
{
	
	background:#ffffff url(../pics/tocroot-bg.png) no-repeat 0px 100%;
	/*background:#dee9f2 url('../pics/blue-bg.png') repeat-x;
	background:#d8d8d8 url('../pics/patharea-bgg.png') repeat-x;*/
	
	/*border-bottom:1px solid #e8e8e8;
	border:1px solid #d6e8f1;
	border-bottom:1px solid #bedbeb;*/
	margin-bottom:1px;
	position:relative;
}

.searchdocumentodd
{
}

a.searchdocumentname
{
	display:block;
	color:#ffffff;
	font-weight:normal;
	background: #2695b6;
	
	overflow:hidden;
	padding:1em;
	padding-right:50px;
	
	text-decoration:none;
}

a.searchdocumentname:hover
{
	text-decoration:underline;
}

a.searchdocumentname .maximized
{
	background: url('../pics/toc-mainopened.png') no-repeat 2px 11px;
}

a.searchdocumentname span
{
	font-size:0.833em;
	color:#e1f1f6;
	font-style:normal;
	font-weight:normal;
	margin-left:0.5em;
	display:inline-block;
}

a.searchdocumentname:after {
	content:"";
	position:absolute;
	display:block;
	right:0;
	width:40px;
	top:0;
	bottom:0;
	background:rgba(255,255,255,0.25);
}

a.searchdocumentstart
{
	height:16px;
	width:16px;
	padding:0px !important;
	line-height:16px;
	text-align:center;
	position:absolute;
	right:1em;
	top:12px;
	display:block;
}

.searchdocumentresultscontainer
{
	display:none;
	background-color:#ffffff;
	padding:0em;
	box-shadow:inset 0 0 0 1px #2695b6;
}

ul.searchrelevancetabs {
	list-style:none;
	margin:0;
	padding:0;
	border-bottom:1px solid #2695b6;
}

ul.searchrelevancetabs li {
	text-transform:uppercase;
	display:inline-block;
	margin-left:1em;
	background-color:#e1f1f6;
	color:#141414;
	cursor:pointer;
	padding:1em;
	box-shadow:inset 0 -1em 1em -1em rgba(38, 149, 182, 0.7), 0 -1px 0px 0px rgba(38, 149, 182, 0.22);
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}

ul.searchrelevancetabs li.chosensort {
	box-shadow:none;
	cursor:default;
	background-color:#2695b6;
	color:#ffffff;
}

ul.searchrelevancetabs li:first-child {
	margin-left: 0;
}





a.bluebutton, a.greenbutton, a.redbutton, a.whitebutton
{
	display:inline-block;
	background: #2695b6 url('../pics/bluebutton-bg.png') no-repeat 1px 1px;
	color:#ffffff;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	padding:5px;
	padding-left:8px;
	padding-right:8px;
	font-size:0.917rem;
	border: 1px solid #2695b6;
	text-decoration:none;
}

@media (hover: hover) {
	a.bluebutton:hover {
		background: #e9f1f5;
		color: #0074b5;
	}
}

a.greenbutton
{
	background: #29c504;
	border: 1px solid #29c504;
}

@media (hover: hover) {
	a.greenbutton:hover {
		color: #169400;
		background: #e3efdd;
	}
}

a.redbutton
{
	background: #c53004;
	border: 1px solid #c53004;
}

@media (hover: hover) {
	a.redbutton:hover {
		color: #941d00;
		background: #efe3dd;
	}
}

a.whitebutton
{
	color:#2695b6;
	background: #ffffff;
	border: 1px solid #ffffff;
}

@media (hover: hover) {
	a.whitebutton:hover {
		background: #ffffff;
	}
}

@media (hover: hover) {
	a.bluebuttondisabled, a.bluebuttondisabled:hover {
		background: #0a4a6d;
		color: #85a5b6;
		border-color: #0a4a6d;
	}
}

.blueseparator
{
	display:block;
	border-top:1px solid #e0f0ff;
	background-color:#ffffff;
	height:1px;
	overflow:hidden;
}

.backtofrontpage
{
	clear:both;
	float:right;
	margin-right:10px;
}

#logoutdialog a.bluebutton
{
	float:right;
	margin-left:8px;
}

.ui-dialog-titlebar
{
	background:#141414;
	color:#ffffff;
	border:none;
}

.ui-widget-overlay
{
	background:#141414;
}

.ui-dialog
{
	font-family:Arial, Sans-Serif;
}


.article div div
{
	position:relative;
}

#article span i.tab
{
	display:inline-block;
	width:30px;
}

#article span img, #printareacontent span img
{
	/*width:100%;
	height:auto;*/
}



#loadani
{
	color:#808080;
	font-size:1.167px;
	padding-top:20px;
	z-index:999;
	background-color:#ffffff;
	display:none;
	position:absolute;
	top:60px;
	bottom:0px;
	left:0px;
	right:0px;
	text-align:center;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.artlist
{
	position:absolute;
	top:60px;
	bottom:3px;
	left:0px;
	right:0px;
	overflow:auto;
}

.artlistf a
{
	height:34px;
	line-height:34px;
	display:block;
	margin:0px;
}

a.linkIn
{
	display:inline-block !important;
	background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDcuNjAxIiBoZWlnaHQ9IjI1Ni43NCIgdmlld0JveD0iMCAwIDMwNy42MDEgMjU2Ljc0MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzA3LjYwMSAyNTYuNzQyIj48cGF0aCBmaWxsPSIjMGI5NmQzIiBkPSJtMjUxLjY0IDBoLTE0NC44MmMtMzAuOTA1IDAtNTUuOTYzIDI1LjA2LTU1Ljk2MyA1NS45NjN2NDMuNDg0aDgzLjgxdi02MC41MWwxMzkuOTUgOTAuNjctMTM5Ljk1IDkwLjY4di02MC41MWgtODMuODF2NDFjMCAzMC45MDQgMjUuMDYgNTUuOTYzIDU1Ljk2MyA1NS45NjNoMTQ0LjgyYzMwLjkwNCAwIDU1Ljk2My0yNS4wNiA1NS45NjMtNTUuOTYzdi0xNDQuODJjMC0zMC45MDUtMjUuMDYtNTUuOTYzLTU1Ljk2My01NS45NjMiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJtMTI5LjY3IDE2My43OGwtMTE2LjY3LjAwMmMtNC45NjIgMC05LTQuMDQtOS05di01MC4zM2MwLTQuOTYyIDQuMDQtOSA5LTlsMTE2LjY3LjAwMDF2LTYzLjg3bDE1MS4zMSA5OC4wMy0xNTEuMzEgOTguMDR2LTYzLjg3MiIvPjxwYXRoIGZpbGw9IiMwZDk1ZDIiIGQ9Im0xMzMuNjcgMzguOTM2bDEzOS45NSA5MC42Ny0xMzkuOTUgOTAuNjh2LTYwLjUxaC04My44MXYuMDAyaC0zNi44NThjLTIuNzYyIDAtNS0yLjIzOS01LTV2LTUwLjMzYzAtMi43NjEgMi4yMzgtNSA1LTVoMzYuODU4di4wMDAxaDgzLjgxdi02MC41MW0tOC0xNC43MTZ2MTQuNzE1IDUyLjUxaC03NS44MWwtMzYuODU4LS4wMDAxYy03LjE2OCAwLTEzIDUuODMyLTEzIDEzdjUwLjMzYzAgNy4xNjggNS44MzIgMTMgMTMgMTNoMzYuODU4IDh2LS4wMDJoNjcuODExdjUyLjUxIDE0LjcxN2wxMi4zNS04IDEzOS45NS05MC42OCAxMC4zNjEtNi43MTQtMTAuMzYyLTYuNzEzLTEzOS45NS05MC42Ny0xMi4zNS04eiIvPjwvc3ZnPg==") no-repeat bottom !important;
	background-size:contain !important;
	width:18px !important;
	height:18px !important;
	margin-right:5px;
}

.bc
{
	margin-top:46px;
	background-color:#ffffff;
	color:#404040;
	min-height:326px;
	font-size:1.583em;
	min-width:500px;
	position:relative;
	overflow:auto;
}

.bcimage
{
	min-height:257px;
	min-width:174px;
	background-color:#0997d4;
	position:absolute;
	left:30px;
	top:30px;
}

.bcinfo
{
	margin-left:234px;
	padding-top:30px;
	max-width:520px;
}

.bcinfo table
{
	border-collapse:collapse;
	empty-cells:hide;
	
}

.bcinfo table td, .bcinfo div
{
	border:none;
	padding:4px;
	background-color:#ffffff;
	font-size:1em;
	color:#404040;
}

.bcinfo .bcheader
{
	font-family:Open Sans;
	font-size:1.917em;
	font-weight:normal;
	padding-top:0px;
}

.bcauthor
{
	color:#808080;
}

#bclongtext
{
	display:none;
}

#bcshorttext a, #bclongtext a
{
	padding-left:9px;
	display:inline-block;
	height:13px;
	line-height:13px;
	overflow:visible;
	position:relative;
	text-decoration:none;
	margin-left:5px;
}

#bcshorttext a i, #bclongtext a i
{
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	height:11px;
	width:6px;
	background:url(../pics/arrow-36x4-36x3.png) -88px -48px no-repeat;
}

.shadow
{
	background:url(../pics/shadow-down.png) no-repeat center top;
	height:11px;
	overflow:hidden;
}

table.bookPreview td, table.bookPreview th
{
    text-align: left;
    vertical-align: top;
}

.defaultTextActive
{
	color: #a1a1a1;
	font-style: italic;
}

#article div.bwrapper
{
	display:block !important;
	position:relative !Important;
	left:0;
	top:0;
}

.binfo
{
	background-color:#ff0000 !important;
	color:#ffffff;
}

.nextframepage
{
	display:block;
	font-size:1.5em;
	background-color:#2695b6 !important;
	color:#ffffff !important;
	padding:10px;
	text-align:center;
	text-decoration:none;
}

/*EDITA demon vaatimat jutskat alkaa*/
/*
.box-style1 {
	padding:20px;
	background-color:#ffe490 !important;
	color:#000000;
	margin-top:0px;
}

.box-style1 span {
	font-style:normal !important;
}

.box-style2 {
	padding:20px;
	background-color:#f0b9db !important;
	color:#000000;
	margin-top:20px;
}

.imgcontainer {
	display:block;
	background-color:#ececec;
	padding:20px;
	color:#888888 !important;
	margin-bottom:40px;
	-webkit-box-shadow:inset 0 0 30px 0 rgba(255,255,255,0.7);
	-moz-box-shadow:inset 0 0 30px 0 rgba(255,255,255,0.7);
	box-shadow:inset 0 0 30px 0 rgba(255,255,255,0.7);
}

.imgcontainer img {
	border:15px solid #ffffff;
	margin-bottom:10px;
	-webkit-box-shadow:0 15px 20px -10px rgba(0,0,0,0.3);
	-moz-box-shadow:0 15px 20px -10px rgba(0,0,0,0.3);
	box-shadow:0 15px 20px -10px rgba(0,0,0,0.3);
	max-width:75%;
	height:auto !important;
	float:left;
	margin-right:20px;
}

.imgcontainer br {
	display:none;
}

.imgcontainer {
	text-shadow:0 1px #ffffff;
	overflow:hidden;
}

.imgcaption {
	display:none;
}

#article h1 {
	font-size:200% !important;
	color:#de068c;
}

#article h2 {
	font-size:150% !important;
	color:#de068c;
}

.nobr{
	padding-bottom:0 !important;
}

.nobr br{
	display:none;
}

.headerimg {

	border-bottom:2px solid #de068c !important;
}
*/
/*EDITA demon vaatimat jutskat loppuu*/


/* Kirjanmerkit */



.actionscontainerinner ul {
	margin:0 !important;
	padding:0 !important;
	width:46px;
	float:right;
	list-style-type:none;
	margin:0;
	cursor:pointer;
}

.actionscontainerinner ul > li
{
	background-position:0px -56px;
	/*
	padding-top:3px;
	padding-left:3px;
	*/
	width:46px;
	height:46px;
	text-decoration:none;
	margin:0;
}

.actionscontainerinner a.onoff {
	display:inline-block;
	
	width:13px;
	height:13px;
	background:url(../pics/checkmark.png) no-repeat;
}

.actionscontainerinner li.off > a.onoff {
	background:rgba(255,255,255,0.3);
}

.actionscontainerinner ul > li.showbookmarks:hover
{
	background-position:-56px -56px;
}

.actionscontainerinner ul > li.highlight {
	background-position:0px -392px;
}

.actionscontainerinner ul > li.highlight:hover {
	background-position:-56px -392px;
}

/*
@media (hover: hover) {
	.actionscontainerinner ul > li:hover, .actions > a:hover {
		background-color: #2695b6;
	}
}
*/

/*
.bookmark-link {
	position: absolute;
	left: -31px;
	top: 0px;
	width: 28px;
	height: 20px;
	-webkit-box-shadow:inset 6px 0 6px -6px rgba(0,0,0,0.3);
	-moz-box-shadow:inset 6px 0 6px -6px rgba(0,0,0,0.3);
	box-shadow:inset 6px 0 6px -6px rgba(0,0,0,0.3);
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	background:#0896d3 url(../pics/bookmark-ico-small.png) 100% 2px no-repeat;
	transition:all 0.3s;
	cursor:pointer;
}

.bookmark-link.chooseBookmark {
	width:328px;
	height:200px;
	overflow:auto;
	-webkit-box-shadow:inset 6px 0 6px -6px rgba(0,0,0,0.3), 0px 0px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow:inset 6px 0 6px -6px rgba(0,0,0,0.3), 0px 0px 10px 0px rgba(0,0,0,0.5);
	box-shadow:inset 6px 0 6px -6px rgba(0,0,0,0.3), 0px 0px 10px 0px rgba(0,0,0,0.5);
	clip:rect(-5000px,5000px,5000px,0px);
}

.bookmark-link div {

	display:none;
	padding:10px;
	font-size:1em;
	color:#ffffff;
	text-align:left;
}

.bookmark-link div a {
	display:block;
	text-decoration:none;
	color:#ffffff;
	background-color:rgba(255,255,255,0.2);
	padding:10px;
	margin-bottom:10px;
}

.bookmark-link div a:hover {
	display:block;
	text-decoration:none;
	color:#ffffff;
	background-color:rgba(255,255,255,0.4);
	padding:10px;
	margin-bottom:10px;
}

.bookmark-link div a span {
	color:#cae4f3;
}

.bmitemselected .bmtext {
	color:#ffffff;
	background:#0896d3;
	cursor:text;
}

.bmitem {
	margin-top:20px;
	clear:both;
}

.bmitem:first-child {
	margin-top:0;
}

.bmpath {
	font-size:1em;
	color:#606060;
	margin-bottom:5px;
}

.bmcount, .hlcount {
	font-size:1em;
}

.bmpath a {
	text-decoration:none;
	color:#2695b6;
}

.bmpath a:hover {
	text-decoration:underline;
}

.bmcreated {
	display:inline-block;
	margin-right:10px;
	color:#808080;
}

.bmtext {
	padding:10px;
	padding-right:50px;
	font-size:1.083em;
	color:#484848;
	background:#f4f4f4 url(../pics/ico-edit.png) 100% 10px no-repeat;
	min-height:17px;
	cursor:text;
}

.bmedit {
	padding: 0;
	margin: 0;
	border: none;
	height: 100px;
	width: 100%;
	outline: none;
}

#showbmcontent {
	font-size:1.083em;
}

*/

/* Kirjanmerkit loppuu */

.slidemenu {
	position:absolute;
	bottom:-2px;
	right:0px;
	width:1px;
	height:1px;
	overflow:visible;
	z-index:10000;
	width:447px;
	clip:rect(0px,5000px,5000px,-5000px);
	opacity:0;
	display:none;
	/*transition:all 0.4s;*/
}

.slidemenu.open {
	display:block;
	opacity:1;
}

.slidemenu > div:first-child {
	float:none;
	background-color:#ffffff;
	-webkit-box-shadow:0 0 10px 0px rgba(0,0,0,0.45);
	-moz-box-shadow:0 0 10px 0px rgba(0,0,0,0.45);
	box-shadow:0 0 10px 0px rgba(0,0,0,0.45);
	z-index:10000;
	width:447px;
	/*border:1px solid #c0c0c0;*/
	border-top:none;
	background:#2695b6;
	border-top:1px solid rgba(255,255,255,0.5);
	border-bottom:1px solid #2695b6;
	max-height:0px;
	overflow:hidden;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	transition:all 0.5s;
	cursor:auto;
}

.slidemenu.open > div:first-child {
	overflow:hidden;
	max-height:500px;
}


.slidemenu .tabscontainer {
	border-bottom:1px solid rgba(255,255,255, 0.4);
	margin-left:10px;
	margin-right:10px;
	
}



.slidemenu a.bmtab {
	display:inline-block;
	float:left;
	position:relative;
	background:rgba(255,255,255,0.93);
	display:block;
	padding:10px;
	color:#1393d9;
	font-size:1.083em;
	text-decoration:none;
	text-align:center;
	border-bottom:none;
	margin-top:10px;
	margin-left:10px;
	-webkit-box-shadow:inset 0 -6px 6px -6px rgba(0,0,0,0.4);
	-moz-box-shadow:inset 0 -6px 6px -6px rgba(0,0,0,0.4);
	box-shadow:inset 0 -6px 6px -6px rgba(0,0,0,0.4);
	margin-bottom:-1px;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}

.slidemenu a.bmtab:first-child {
	margin-left:0px;
}

.slidemenu a.selected {

	border-bottom:1px solid #ffffff;
	
	-webkit-box-shadow:none;

	-moz-box-shadow:none;
	box-shadow:none;
	
	color:#404040;
	background-color:#ffffff;

}

.slidemenucontent {
	margin:10px;
	margin-top:0px;
	padding:10px;
	border:1px solid #ffffff;
	border-top:none;
	background:#ffffff;
	overflow:auto;
	max-height:400px;
}

.clearboth {
	clear:both;
}

.slidemenuborder {
	display:block;
	position:absolute;
	top:0px;
	right:0px;
	width:46px;
	height:1px;
	overflow:hidden;
	background:#3da0bd;
	z-index:10001;
}

.modalwindow {
	-webkit-box-shadow:0 0 15px 0px rgba(0,0,0,0.25);
	-moz-box-shadow:0 0 15px 0px rgba(0,0,0,0.25);
	box-shadow:0 0 15px 0px rgba(0,0,0,0.25);
	position:fixed;
}

.modalwindow h2 {
	margin:10px;
	font-size:1em;
	color:#a0a0a0;
	font-weight:normal;
}

.modalwindow p {
	padding:10px;
	
}

.modalbuttons {
	position:absolute;
	bottom:10px;
	height:30px;
	left:10px;
	right:10px;
	text-align:right;
}

.modalbuttons > a {
	display:inline-block;
	margin-left:0.5em;
}

.modalbuttons > a:first-child {
	margin-left:0;
}


#context {
	display:none;
	width:250px;
	height:1px;
	overflow:visible;
	position:fixed;
	left:150px;
	top:150px;
	z-index:5;
}

#context .contextcontainer {
	background-color:#ffffff;
	box-shadow:0 0 10px 1px rgba(0,0,0,0.3);
	padding:0px;
	position:relative;
}

#context .contexttitle {
	padding:10px;
	padding-right:35px;
	margin-bottom:0;
	background-color:rgba(38, 149, 182, 0.13);
	font-size:1.167em;
	color:#141414;
	cursor:move;
}

#context .contextclose {
	width:15px;
	height:15px;
	position:absolute;
	right:10px;
	top:12px;
	background:url(../pics/close.png) no-repeat;
}

#context .contextitems {
	padding:10px;
	padding-top:0;
	background-color:#efefef;
}

#context .contextitems li {
	display:block;
	margin-top:10px;
	color:#2695b6;
	padding:10px;
	text-decoration:none;
	cursor:pointer;
	background-color:rgba(38, 149, 182, 0.06);
}

#context .contextitems li:first-child {
	margin-top:0;
}

@media (hover: hover) {
	#context .contextitems li:hover {
		background-color: rgba(38, 149, 182, 0.12);
	}
}

#context .contextitems li:before {
	display:none;
	width:15px;
	height:12px;
	text-decoration: none;
	content: "";
	background: url(/Timepub/DK/Resources-DK/pics/ico-linkinner.png) no-repeat;
}

.option {
	margin-top:20px;
	box-shadow:0 1px 0px 0px rgba(0,0,0,0.1);
	padding-bottom:20px;
}

.option:first-child {
	margin-top:10px;
}

.optiontitle {
	margin-bottom:5px;
	color:#606060;
}

.optionvalue {
	font-weight:bold;
	color:#141414;
}

#searchinput::-ms-clear {
	display:none;
}


/* jQuery */

.ui-autocomplete.ui-widget-content {
	background:#f2f5f7 !important;
	padding:5px !important;
	border:none !Important;
	-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,0.15);
	-moz-box-shadow:0 0 15px 0 rgba(0,0,0,0.15);
	box-shadow:0 0 15px 0 rgba(0,0,0,0.15);
	clip:rect(0px,5000px,5000px,-5000px);
}

.ui-autocomplete .ui-menu-item {
	color:#0997d4 !important;
	padding:5px !important;
}

.ui-autocomplete .ui-widget, .ui-widget:hover {
	font-family:Arial !important;
	font-weight:normal !important;
}

.ui-autocomplete ui-widget:hover .ui-widget-content a, .ui-widget-content a {
	color:#0997d4 !important;
	font-family:Arial !important;
	font-weight:normal !important;
}

.ui-autocomplete .ui-widget-content a:hover {
	
}

.ui-slider-handle {
	outline:none;
}

#notification {
	display:none;
	position:fixed;
	top:0px;
	height:58px;
	left:0px;
	right:0px;
	background-color:#BCF0BC;
	overflow:hidden;
	/*box-shadow:0 1px 0 0px rgba(38, 149, 182, 0.1), inset 0 -30px 30px -30px #e9f1f5;*/
	z-index:70000;
	opacity:0.9;
}

#notification .notification-text {
	padding-left:5px;
	padding-right:5px;
	color:#082108;
	text-align:center;
	/*font-family:Lato;*/
    font-size:2em;
	line-height:58px;
}

#pageBottom {
	display:none !important;
	padding:1.5em;
	color:#141414;
	text-align:center;
	font-size:1.3em;
	text-decoration:none;
}

#pageBottom:before {
	display:inline-block;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	content:"«";
	font-size:7em;
	vertical-align:middle;
}

/*Responsive stuff goes here*/
#screen-specs {
	width:100px;
	display:none;
}

#pixel-ratio {
	width:100px;
	display:none;
	height:0px;
}

.desktophide {
	display:none;
}

@media only screen and (min-width: 320px) {
}

@media 
(-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi){
	/*
	#pixel-ratio {
		width:125px;
	}
	*/

	#artContainer {
		font-size:115%;
	}

	
}
@media 
(-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi){ 
   /*
   #pixel-ratio {
		width:150px;
	}
	*/

	#artContainer {
		font-size:125%;
	}
}
@media 
(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
     /*
	 #pixel-ratio {
		width:200px;
	}
	*/

	#artContainer {
		font-size:100%;
	}
}


#minifiedtocscrollareacontainer {
	display:none;
}

#asiahakemistolist {
	position:absolute;
	right:0px;
	left:0px;
	top:45px;
	bottom:0px;
	overflow:auto;
}

@media screen and (max-width: 770px), handheld and (max-width: 770px), tv and (max-width: 770px) {

	#left-column {
		position:relative;
		overflow:visible;
		left:auto;
		right:auto;
		top:auto;
		height:auto;
		bottom:auto;
	}

		

	#asiahakemistocontainer {
		position: static;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
		overflow:hidden;
	}

	#asiahakemistolist {
		left:auto;
		right:auto;
		top:auto;
		bottom:auto;
		position:static;
	}

	#jumptoindexwordlistindex {
		left:auto;
		right:auto;
		top:auto;
		bottom:auto;
		position:static;
	}

	.dk-action-layer, .dk-action-layer > div {
		position:relative;
		left:auto;
		right:auto;
		top:auto;
		bottom:auto;
	}

	#article {
		font-size:8px;
	}
	.mobilehide {
		display:none;
	}

	#pixel-ratio {
		height:50px;
	}

	.header, .bc {
		min-width:0 !important;
	}

	#resizebar {
		display:none;
	}

	.article table {
		max-width:100%;
	}

	#artContainer {
		
		padding-left:0;
		padding-right:0;
		padding-bottom:0;
	}

	/*
	#artContainer .article {
		padding-left:1em;
		padding-right:1em;
	}
	*/

	#searchinput {
		display:none;
	}

	.actionscontainer {
		display:none;
	}

	

	#linkmap {
		display:none;
	}

	#maincontainer {
		overflow-x:hidden;
	}

	.controlarea .searchtab {
		padding-top:1em;
		padding-bottom:1em;

		
	}

	.enable-mobiletoc #toc {
		display:none;
	}

	.enable-mobiletoc #minifiedtocscrollareacontainer {
		display:block;
	}

	#tocarea, .tocarea {
		width:auto;
		left:auto;
		right:auto;
		top:auto;
		bottom:auto;
		position:static;
		z-index:1001;
		/*animaatiota varten*/
		
	}

	/*animaatiota varten*/
	
	/*
	.controlarea {
		padding-top:20px;
		position: fixed;
		top: 57px;
		left: 0;
		bottom: 0;
		right:0;
		height:auto;
		width: auto;
		overflow: auto;
		background-color: #ffffff;
		z-index: 1000;
		display:none;
		
	}
	*/

	.controlarea {
		position: static;
		padding-top: 70px;
		top:auto;
		left: auto;
		bottom: auto;
		right:auto;
		height:auto;
		width: auto;
		overflow: visible;
		z-index: 1000;
		display:none;
		min-height:0;
		
	}

	.controlarea-inner {
		position:relative;
		left:auto;
		right:auto;
		top:auto;
		bottom:auto;
	}


	.controlarea > div {
		padding-left:1em;
		padding-right:1em;
	}

	.menuactive .controlarea
	{
		display:block;
		overflow:auto;
		overflow-x:hidden;
	}

	/*
	.menuactiveindex .controlarea {
		position:fixed;
		top:70px;
		left:0;
		right:0;
		bottom:0;
	}

	*/

	

	.articlearea {
		width:auto;
		margin-left:0;
		/*animaatiota varten*/
		
		width:100%;
		overflow:hidden;
		overflow-x: hidden;
		
	}

	.menuactive .articlearea {
		display:none;
	}

	#searchtab > * {
		display:none;
		
	}

	/*
	#mobilemenu
	{
		background:url(../pics/ico-toc.png) 0 -168px no-repeat;
		width:56px;
		height:56px;
		cursor:pointer;
	}

	#mobilemenu.active
	{
		background:#ffffff url(../pics/ico-toc.png) -56px -168px no-repeat;
	}

	#mobilemenu.active .actionscontainer
	{
		display:block;
		position:fixed;
		top:56px;
		height:auto;
		bottom:0px;
		left:0;
		right:0;
		float:none;
		overflow:auto;
		z-index:61002;
	}
	*/

	.slidemenu {
		position:fixed;
		top:112px;
		bottom:0;
		height:auto;
		left:0;
		right:0;
		background-color:rgba(255,255,255,0.7);
		z-index:61003;
		width:auto;
	}

	.header {
		z-index:10001;
	}

	.slidemenu > div:first-child {
		width:auto;
		border-top:1px solid transparent;
	}

	.showbookmarks textarea {
		width:100% !important;
	}

	#hideableactions, .navicontainer, #toggleHighlightMode {
		display:none;
	}

	.actionscontainerinner {
		height:46px;
		float:none;
		overflow:visible;
		background-color:#e1f1f6;
		box-shadow:inset 0 1px 0px 0px #ffffff, inset 0 30px 30px -30px rgba(255,255,255,1),inset 0 1px 0px 0px #ffffff, inset 0 30px 30px -30px rgba(255,255,255,1), inset 0 30px 30px -30px rgba(255,255,255,1), inset 0 30px 30px -30px rgba(255,255,255,1), inset 0 30px 30px -30px rgba(255,255,255,1), 0 1em 1em -1em rgba(0,0,0,0.3);
	}

	/*
	ul.tabs li.textico
	{
		background:url(../pics/ico-toc.png) 0 -112px no-repeat;
	}

	

	ul.tabs li.searchtab {
		background:url(../pics/ico-toc.png) 0 -56px no-repeat;
		width:56px;
		padding:0;
		height:57px !important;
		border-right: 1px solid #e1f1f6;
		cursor:pointer;
	}
	*/
	/*
	ul.tabs li.textico.active
	{
		background-position:-56px -112px;
		background-color:#ffffff;
		cursor:pointer;
	}

	ul.tabs li.searchtab.active
	{
		background-position:-56px -56px;
		background-color:#ffffff;
	}
	*/

	/*
	ul.tabs li.mobilemenumarker {
		background-color:rgba(255,255,255,0.6) !important;
	}
	*/

	.desktophide {
		display:block;
	}

	table {
		max-width:100%;
	}

	/*
	.actionscontainerinner ul > li:hover, .slidemenuborder {
		background-color:transparent;
	}
	*/



	/*mobile submenu*/
	.actionscontainerinner ul > li.showbookmarks, .actionscontainerinner ul > li.showbookmarks:hover {
		background-position: -112px -56px;
	}

	.actionscontainerinner ul > li.highlight, .actionscontainerinner ul > li.highlight:hover {
		background-position: -112px -392px;
	}

	
	/*
	.actionscontainerinner > a:hover, .actionscontainerinner ul > li:hover, .actionscontainerinner > #hideableactions > a:hover, .actionscontainerinner > #gotosite_wrapper > a:hover, .actionscontainerinner ul.tabs > li:hover
	{
		box-shadow:inset 0 -20px 20px -20px #2695b6, inset 0 -20px 20px -20px #2695b6;
	}
	*/

	

	/*
	.actionscontainerinner li.optionsmenu
	{
		background-position:-112px -504px !important;
	}

	.actionscontainerinner li.optionsmenu:hover
	{
		background-position:-112px -504px !important;
	}


	.actionscontainerinner a.print
	{
		background-position:-112px 0px !important;
	}

	.actionscontainerinner a.print:hover
	{
		background-position:-112px 0px !important;
	}

	.actionscontainerinner > a.linkmap
	{
		background-position:-112px -112px;
	}

	.actionscontainerinner > a.linkmap:hover
	{
		background-position:-112px -112px;
	}


	.navicontainer > a.prevpage
	{
		background-position:-112px -168px;
	}

	.navicontainer > a.prevpage:hover
	{
		background-position:-112px -168px;
	}

	.navicontainer > a.nextpage
	{
		background-position:-112px -224px;
	}

	.navicontainer > a.nextpage:hover
	{
		background-position:-112px -224px;
	}

	.actionscontainerinner > a.sizesmaller
	{
		background-position:-112px -280px;
	}

	.actionscontainerinner > a.sizesmaller:hover
	{
		background-position:-112px -280px;
	}

	.actionscontainerinner > a.sizebigger
	{
		background-position:-112px -336px;
	}

	.actionscontainerinner > a.sizebigger:hover
	{
		background-position:-112px -336px;
	}

	.actionscontainerinner > #gotosite_wrapper > a
	{
		background-position:-112px -448px;
	}

	.actionscontainerinner > #gotosite_wrapper > a:hover
	{
		background-position:-112px -448px;
	}

	.actionscontainerinner .divider, .actionscontainerinner .subdivider
	{
		float:right;
		width:0px;
		height:57px;
		background-color:#000;
	}

	.actionscontainerinner .divider
	{
		background-position:-1px 0px;
	}

	.actionscontainerinner ul > li {
		box-shadow:none;
	}

	.actionscontainerinner .openedslidemenu {
		box-shadow:inset 0 -20px 20px -20px #2695b6, inset 0 -20px 20px -20px #2695b6 !important;
	}

	*/

	/*
	.searchactive a
	{
		top:22px;
		right:90px;
	}
	*/

	.toc .Collapse {
		display:none !important;
	}

	ul.toc > li {
		margin-left:2px;
	}
}

@media screen and (max-width: 25em), handheld and (max-width: 25em), tv and (max-width: 25em) {
	#pixel-ratio {
		
	}
}

.drag-target-ready {
	background-color:#2695b6 !important;
}

.drag-target-ready > div {
	display:none;
}

.drag-target-ready:after {
	content:"Pudota tekstileikkeet tähän";
	display:block;
	position:absolute;
	border:0.5em dotted #ffffff;
	color:#ffffff;
	font-size:2em;
	top:0;
	right:0;
	bottom:0;
	left:0;
	text-align:left;
	padding:2em;
	background-color:#2695b6;
	opacity:0.8;
	text-align:center;
}

.dropping:after {
	opacity:1;
}

.selectedForDrag {
	box-shadow:inset 0 0 50px 50px rgba(255,255,0,0.5);
}

#draggingContainer {
	background-color:#2695b6;
	box-shadow:0 0 15px 0 rgba(0,0,0,0.2);
	max-width:30em;
	max-height:15em;
	font-size:75%;
	color:rgba(255,255,255,0.8) !important;
	border:7px dotted rgba(255,255,255,0.8);
	overflow:hidden;
	padding:2em;
	position:absolute;
	text-shadow:none;
}

#draggingContainer:after {
	content:"";
	display:block;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	box-shadow:inset 0 -60px 40px -40px #2695b6, inset 0 -60px 40px -40px #2695b6, inset 0 -60px 40px -40px #2695b6;
}

#draggingContainer.over {
	border:7px dotted #ffffff;
	color:#ffffff !important;
}

#draggingContainer > span {
	display:block;
}

#scrapbook-book {
	position:fixed;
	bottom:0;
	right:0;
	height:0;
	left:0;
	background-color:#e1f1f6;
	box-shadow:0 -10px 20px -10px rgba(0,0,0,0.3);
	z-index:8999;
	-webkit-transition: height 0.5s, opacity 0.5s; 
	-moz-transition: height 0.5s, opacity 0.5s; 
	-ms-transition: height 0.5s, opacity 0.5s; 
	-o-transition: height 0.5s, opacity 0.5s; 
	transition: height 0.5s, opacity 0.5s;  
	overflow:auto;
	padding:0em;
	opacity:0;
}

#scrapbook-book.scrapbookisselected {
	padding:1em;
	height:200px;
	opacity:1;
}

#scrapbook-book:empty:after {
	content:"Valitse haluamasi tekstikohdat napauttamalla. Sen jälkeen vedä ja pudota ne tähän.";
}

#artContainer.scrapbookmode {
	padding-bottom:220px;
}

#artContainer.scrapbookmode span {
	cursor:cell;
}

.selectedForDrag {
	cursor:copy !important;
}


.dragging {
	cursor:move !important;
}

#scrapbook-book.drag-target-ready {
	background-color:#ffffff;
}

.scrapbook-book {
	color:#474747;
	padding:1em;
	cursor:pointer;
	overflow:hidden;
}

.scrapbook-book-actions {
	margin-top:1em;
	display:none;
}

.scrapbook-book-actions > a {
	float:right;
	margin-left:0.5em;
}

.scrapbook-book-remove:after {
	content:"Poista";
}

.scrapbook-book-rename:after {
	content:"Uudelleennimeä";
}

.scrapbook-book:nth-child(even) {
	background: #f7f7f7
}

.scrapbook-book-date {
	display:inline-block;
	float:right;
	margin-left:5px;
	color:#2695b6;
}

#scrapbook-createnew {
	float:right;
	margin-top:1em;
	font-size:1em;
}

#scrapbook-createnew:after {
	content:"» Lisää uusi leikekirja";
}

.scrapbook-book-selected {
	background-color:#2695b6 !important;
	color:#ffffff;
	cursor:auto;
}

.scrapbook-book-selected > .scrapbook-book-date {
	color:rgba(255,255,255,0.8);
}

.scrapbook-book-selected > .scrapbook-book-actions {
	display:block;
}

.scrapbook-createnew-container {
	margin-top:2em;
	padding:1em;
	background-color:#e1f1f6;
	overflow:hidden;
}

#scrapbook-createnew-name, #scrapbook-change-name-new-name {
	width:100%;
	box-sizing:border-box;
	padding:0.5em;
	border:1px solid #2695b6;
}

.scrapbook-scrap {
	padding:1em;
	background-color:#ffffff;
}

.scrapbook-scrap:nth-child(even) {
	background: #f7f7f7
}

.tbpath {
	display:block;
	color:#2695b6;
}

.scrapbook-scrap-header {
	overflow:hidden;
}

.scrapbook-scrap-path {
	text-decoration:none;
}

.scrapbook-scrap-path-not-found > .scrapbook-scrap-path {
	color:#a0a0a0;
}

.scrapbook-scrap-has-changed > .scrapbook-scrap-path {
	color:#a00000;
}

.scrapbook-scrap-created {
	display:block;
	color:#2695b6;
	float:left;
}

.scrapbook-scrap-remove {
	display:block;
	color:#c04040;
	float:right;
	text-decoration:none;
}

.scrapbook-scrap-remove:after {
	content:"» Poista leike";
}


/*kk*/
.searchAllLink {
	display:block;
	margin-top:5px;
	margin-bottom:5px;
	font-size:1em;
}

#minifiedtocscrollareacontainer a.Expand {
	/*display:none !important;*/
}

.mtocprevlevel {
	
	font-weight:bold;
	color:#141414;
	margin-left:7px;
	position:relative;
	padding-left:15px;
	padding-bottom:10px;
	display:block;
	overflow:hidden;
}

.mtocprevlevel:before {
	display:block;
	font-weight:bold;
	content:"«";
	font-size:1.4em;
	margin-left:0px;
	position:absolute;
	left:0;
	top:-4px;
	width:10px;
	text-align:left;
}

/*Lakitieto*/




#artAreaLimiter {
	display: block;
	right: 0;
	top: 46px;
    min-height: 36px;
	overflow: hidden;
    background-color:#bbb;
    left: 0;
	position: relative;
    z-index: 66666;
    margin: 0 -600rem;
    padding: 0 600rem;
}

#artAreaLimiter:before {
	content: "";
  	position: absolute;
 	 z-index: -1; /* behind parent */
 	 top: 0;
 	 bottom: 0;
  	/* subtract h2 padding (1.5rem) */
  	left: 598.5rem;
  	right: 598.5rem;
}

#StructurePath {
	margin-right:200px;
	padding-right:10px;
}



ul.tabs li#tocico, ul.tabs li#indexico, ul.tabs li#searchico, ul.tabs li#notesico {
	position:relative;
	width:46px;
	height:46px;
	cursor:pointer;
}

ul.tabs li#tocico:before, ul.tabs li#indexico:before, ul.tabs li#searchico:before, ul.tabs li#notesico:before {
	display:block;
	position:absolute;
	content:"";
	background:url(../pics/navi-sisis.svg) center center no-repeat;
	background-size:contain;
	left:0px;
	top:9px;
	right:0px;
	bottom:9px;	
}

ul.tabs li#indexico {
	position:relative;
}

ul.tabs li#indexico:before {
	background-image:url(../pics/hakusanaluettelo-white.svg);
}

ul.tabs li#indexico:hover::before, ul.tabs li#indexico.active::before {
	background-image:url(../pics/hakusanaluettelo.svg);
}

ul.tabs li#searchico:before {
	background-image:url(../pics/navi-haku.svg);
}

ul.tabs li#notesico:before {
	background-image:url(../pics/navi-muistiinpanot-korotukset.svg);
}

.actions > ul {
	float:right;
}

.actions > ul:hover {
	background-color:#eee;
}

#usermenu, .homecontainer, #dk_action_layer_ope_ico {
	position:relative;
	cursor:pointer;
	width:46px;
	height:46px;
}

#dk_action_layer_ope_ico {
	display:none;
}

#usermenu:before, #home, #dk_action_layer_ope_ico:before {
	display:block;
	position:absolute;
	z-index:2;
	content:"";
	background:url(../pics/navi-omat-asetukset.svg) center center no-repeat;
	background-size:contain;
	left:0px;
	top:9px;
	right:0px;
	bottom:9px;	
}

#dk_action_layer_ope_ico:before {
	background:url(../pics/opettaja_aineistot-white.svg) center center no-repeat;
}

.menu-open #dk_action_layer_ope_ico:before, #dk_action_layer_ope_ico:hover:before {
	background:url(../pics/opettaja_aineistot.svg) center center no-repeat;
}

.menu-open {
	background-color:#15a8e0;
	position:relative;
	z-index:999999;
}


.actions > ul > li.usermenu-content, .actions > ul > li.usermenu-content:hover {
	display:none;
	position:absolute;
	top:100%;
	width:230px;
	right:0;
	padding-left:10px;
	padding-right:10px;
	background-color:#fff !important;
	z-index:999999;
	-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.45);
	-moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.45);
	box-shadow:0 0 10px 0 rgba(0,0,0,0.45);
	clip:rect(0px,5000px,5000px,-5000px);
}

.actions > ul > li.usermenu-content:after {
	content:"";
	display:block;
	clear:both;
}

.actions > ul.menu-open > li.usermenu-content {
	display:block;
}

.actions > ul.menu-open > li.usermenu-content > div {
	line-height:40px;
}



#home {
	background-image:url(../pics/navi-home.svg);
}

#mobilesearchform {
	position:relative;
	padding-left:10px;
	padding-right:40px;
	box-sizing:border-box;
}

#mobilesearch {
	border:1px solid #15a8e0;
	width:100%;
	
	box-sizing:border-box;
	padding-top:5px;
	padding-bottom:5px;
	height:36px
}

#mobilesearchform > .searchbutton {
	position:absolute;
	top:0;
	right:9px;
}

#book-title {
	position: absolute;
	left: 196px;
	right: 120px;
	top: 0;
	height: 46px;
	line-height: 46px;
	color: #fff;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: .5em 2em;
	letter-spacing: 1px;
	text-align: center;
	font-size: 1.6em;
	white-space: nowrap;
    text-overflow: ellipsis;
    height: auto;
    line-height: normal;
    color:#f6f6f6;
}



#book-title.icons3 {
	
}

#naviForward {
	background:url(../pics/arrow-right.svg) center center no-repeat;
	background-size: 35% 35%;
	height: 36px;
}

#naviBackward {
	background:url(../pics/arrow-right.svg) center center no-repeat;
	background-size: 35% 35%;
	transform: rotate(-180deg);
	height: 36px;
}

.pageinput {
	float:right;
}

#pageinput {
	border:none;
	text-align:center;
    background-color: #fff;
    padding: 2px 5px;
    margin: 5px;
    width: 44px;
}


#maincontainer {
	max-width:1250px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

/* Tämä on audio-playeria varten, jää alin tekstirivi sen alle piiloon muuten. */
.audiobook-active > #maincontainer {
    margin-bottom: 40px;
}

#maincontainer.menuactive {
	background:#ff0000;
}

#header {
	margin-left:auto;
	margin-right:auto;
	width:100%;
	max-width:1250px;
	position:relative;
	height:46px;
}

/*
#controlarea, resizebar {
	left:auto;
	right:auto;
}
*/



/*KOROSTUKSET*/
/*
.bookmarks-and-highlights-combo-list,
.bmcontent-wrapper,
.hllistcontent-wrapper
{
	position: absolute;
	right: 20px;
	left: 20px;
	top: 85px;
	bottom: 20px;
	overflow: auto;
}

*/

.bmcontent-wrapper .bmitem:first-child
{
	margin-top: 10px;
}

/*näytä vain tämän teoksen korostukset -täppä*/
#hllistcontent > div:first-child
{
	display: none;
}

.hllistlist > div,
#bookmarks_and_highlights_combo_list > div /*molemmat*/
{
	display: block;
	position: relative;
	padding: 15px 55px 15px 15px; /*oikea padding enemmän poista-napin vuoksi*/
	color: #141414;
	background: #fff;
	margin-top: 10px;
	
}
	.hllistlist > div > a,
	#bookmarks_and_highlights_combo_list > div > a, /*hl*/
	#bookmarks_and_highlights_combo_list > div.bmpath a /*bm*/ {
		color: #141414;
		text-decoration: none;
		margin-top: 10px;
		font-size: 1.083rem;
	}
.hllistlist > div > a:first-child,
#bookmarks_and_highlights_combo_list > div > a:first-child, /*hl*/
#bookmarks_and_highlights_combo_list > div.bmpath a:first-child /*bm*/
{
	color: #006789;
	font-weight: bold;
	margin-top: 0;
}
/*Poista-painike*/
.hllistlist > div > a.bluebutton,
#bookmarks_and_highlights_combo_list > div a.bluebutton /*molemmat*/
{
	display: block;
	width: 20px;
	height: 20px;
	
	/*background: url(../pics/dk/symboli-ruksi-musta.png) center no-repeat;*/
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../pics/symboli-roskakori.svg?v=3), none;
	background-size: 100% 100%;
	background-color: transparent;

	color:#ffffff;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	padding: 0;
	border: none;
	font-size: 0;
	text-decoration:none;
	position: absolute;
	top: 5px;
	right: 8px;
}

/*.hllistlist > div a.bluebutton:hover
{
	background: url(../pics/dk/symboli-ruksi-musta.png) center no-repeat;
}*/

#showbmcontent
{
	display: block !important;
}

.contextMenuHLButton,
.contextMenuEditBMButton
{
	width: 28px !important;
	height: 28px !important;
}

.contextMenuEditBMButton
{
	/*nappi näkyvissä vain pienellä näytöllä*/
	display: none !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-image: url(../pics/symboli-kyna-nelio.svg), none !important;
	background-size: 100% 100% !important;
}

.contextMenuHLButton
{
	background: none !important;
}

/*tässä eroteltu kaikki tapaukset, sillä yleispätevää värimääritelmää oli hankalampi tehdä*/
.ul.HLColor1, /*väri tekstissä*/
.contextMenuHLButton.HLColor1, /*väri kontekstivalikon painikkeessa*/
.hllistlist > div.HLColor1 a.ulListItem, /*väri korostukset-listalla*/
#bookmarks_and_highlights_combo_list > div.HLColor1 a.ulListItem /*väri yhdistelmälistalla*/
{
	/*background: #bedfe0 !important;*/
	-moz-box-shadow:inset 0 0 0 300px rgba(112,221,224,0.5);
	-webkit-box-shadow:inset 0 0 0 300px rgba(112,221,224,0.5);
	box-shadow:inset 0 0 0 300px rgba(112,221,224,0.5);
}

.ul.HLColor2,
.contextMenuHLButton.HLColor2,
.hllistlist > div.HLColor2 a.ulListItem,
#bookmarks_and_highlights_combo_list > div.HLColor2 a.ulListItem
{
	/*background: #e0cece !important;*/
	-moz-box-shadow:inset 0 0 0 300px rgba(224,112,112,0.5);
	-webkit-box-shadow:inset 0 0 0 300px rgba(224,112,112,0.5);
	box-shadow:inset 0 0 0 300px rgba(224,112,112,0.5);
}

.ul.HLColor3,
.contextMenuHLButton.HLColor3,
.hllistlist > div.HLColor3 a.ulListItem,
#bookmarks_and_highlights_combo_list > div.HLColor3 a.ulListItem
{
	/*background: #efe7b4 !important;*/
	-moz-box-shadow:inset 0 0 0 300px rgba(240,224,120,0.5);
	-webkit-box-shadow:inset 0 0 0 300px rgba(240,224,120,0.5);
	box-shadow:inset 0 0 0 300px rgba(240,224,120,0.5);
}

/*jostain syystä napit, joissa ei ole tekstiä, tipahtavat eri linjaan mobiilissa*/
/*korjataan lisäämällä dummy-teksti nappien sisään*/
.contextMenuHLButton:after,
.contextMenuEditBMButton:after
{
	content: '.';
	color: transparent;
}

#notes-tab {
	position:absolute;
	left:0px;
	top:0px;
	bottom:0px;
	right:0px;
	overflow:auto;
}

/*keskikokoinen ruutu*/
@media screen and (max-width: 50em), handheld and (max-width: 50em), tv and (max-width: 50em)
{
	/*pienennetään kaikki poplayereitä*/
	#context,
	#editbmContext,
	#bookmark_link_hover_list
	{
		width: 260px !important;
	}
	/*tästä leveydestä eteenpäin tekstiboksi avataan muokkausnapilla*/
	.contextMenuEditBMButton
	{
		display: inline-block !important;
	}
	#context .contextcontainer #addbmcontent
	{
		display: none;
		padding: 0 15px 15px 15px;
	}
	#context .contextcontainer #addbmcontent.visible-on-mobile
	{
		display: block;
	}
	.add-bookmark-textarea
	{
		height: 60px;
	}
}

/* kun kyseessä on korostuksen poisto -popup, */
/* piilotetaan muistilapun lisäys -tekstikenttä ja tekstinkentän esiintuova painike kapealla näytöllä */
#context[data-state-id=hlremove] .contextcontainer #addbmcontent,
#context[data-state-id=hlremove] .contextcontainer .contextMenuEditBMButton
{
	display: none !important;
}

/* -- tekstikorostukset: loppu -- */

/*kaikki textareat*/
textarea
{
	font-family: Arial, sans-serif;
}

/* -- muistiinpanot -- */
#editbmContext
{
	display: none;
	width: 290px;
	height: 1px;
	overflow: visible;
	position: fixed;
	left: 150px;
	top: 150px;
	z-index: 5;
}

#editbmContext .editbmContextContainer
{
	background-color: #efefef;
	box-shadow: 0 0 10px 1px rgba(0,0,0,0.3);
	padding: 40px 15px 15px 15px;
	position: relative;
}

#editbmContext .editbmContextClose
{
	width: 16px;
	height: 16px;
	position: absolute;
	right: 15px;
	top: 14px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../pics/symboli-ruksi-musta.svg), none;
	background-size: 100% 100%;
}
#editbmContext .editbmEditButton
{
	display: block;
	width: 16px;
	height: 16px;
	
	/*background: url(../pics/dk/symboli-ruksi-musta.png) center no-repeat;*/
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../pics/pencil-black.svg), none;
	background-size: contain;
	background-color: transparent;

	text-decoration: none;
	position: absolute;
	top: 14px;
	right: 37px;
}

#editbmContext .editbmContextContent
{
	overflow: hidden;
}

#editbmContext .editbmContextContent #editbmPreview
{
	min-height: 20px;
	
	/*annetaan kirjanmerkin tekstin rivittyä*/
	white-space: pre-wrap;
}

/*muokkaus*/
#editbmContext .editbmContextContent .bmitem
{
	padding: 0;
}
#editbmContext .editbmContextContent .bmitem > div
{
	margin: 0 !important;
}
#editbmContext .editbmContextContent .bmpath
{
	display: none;
}
#editbmContext .editbmContextContent .bluebutton
{
	display: block !important;
	float: none !important;
	margin-top: 5px;
	margin-right: 0 !important;
}

/*Edita DK:n kirjanmerkit eroaa reilusti tältä osin pohjatoteutuksesta*/
.bookmark-link-wrapper
{
	position: relative !important;
	display: inline-block !important;
	list-style-type: none !important;
	font-family: 'Source Sans Pro DataBaseReader', Arial, Helvetica, Sans-Serif !important;

	/*ikonin positiointi*/
	width: 17px !important;
	height: 17px !important;
	margin: 0 !important;
	padding: 0 !important;
	margin-right: 5px !important;
	margin-left: 3px !important;
	padding:0 0 !important;
}

.bookmark-link
{
	/*ikonin positiointi*/
	position: absolute !important;
	top: 2px !important;
	left: 2px !important;
	padding:0 0 !important;
	list-style-type: none !important;
	list-style-position: outside !important;
	width: 17px !important;
	height: 17px !important;
	
	/*background: url(../pics/dk/symboli-muistilappu.png) 0px 0px no-repeat;*/
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-image: url(../pics/symboli-muistilappu.svg), none;
	background-size: 100% 100% !important;

	cursor: pointer !important;
	z-index: 1 !important;
	/*opacity: 0.7;*/
}

#bookmark_link_hover_list
{
	display: none;
	position: fixed;
	/*position asetetaan scriptillä*/
	top: 100px;
	left: 100px;
	z-index: 4;
	text-align:left;
	background-color: #eee;

	width: 290px;
	padding: 10px;
	height: 220px;
	box-shadow: 0 0 10px 1px rgba(0,0,0,0.3);
	box-sizing: border-box;
}

#bookmark_link_hover_list a.bookmark-link-hover-list-close
{
	width: 16px;
	height: 16px;
	position: absolute;
	right: 15px;
	top: 14px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../pics/symboli-ruksi-musta.svg), none;
	background-size: 100% 100%;
}

#bookmark_link_hover_list .bookmark-link-hover-list-items
{
	height: 170px;
	margin-top: 30px;
	overflow: auto;
}

#bookmark_link_hover_list .bookmark-link-hover-list-items a
{
	display: block;
	text-decoration: none;
	color: #141414;
	font-size: 1rem;
	font-weight: normal;
	background-color: rgba(255,255,255,0.5);
	padding: 0 10px;	
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 40px;
	line-height: 40px;
	box-sizing: border-box;
	margin-top: 10px;
}
#bookmark_link_hover_list .bookmark-link-hover-list-items a:first-child
{
	margin-top: 0;
}
#bookmark_link_hover_list .bookmark-link-hover-list-items a span
{
	/*piilotetaan aikaleima*/
	display: none;
}

/* -- muistilappuikoni ja lista lukualueella: loppu ---------- */

.bmitemselected .bmtext {
	color:#ffffff;
	background:#0896d3;
	/*cursor:text;*/
}

.bmitem
{
	position: relative; /*poista napin vuoksi*/
	margin-top: 10px;
	clear: both;
	background: #fff;
	padding: 15px 55px 15px 15px; /*oikea padding enemmän poista-napin vuoksi*/
}

.bmitem:first-child
{
	margin-top:0;
}

.bmpath
{	
	margin-bottom: 5px;
}

.bmcount, .hlcount
{
	font-size: 1em;
}

.bmpath a, .bmpath .text {
	text-decoration: none;
	color: #006789 !important;
	font-weight: bold;
	font-size: 1.083rem;
}

.bmpath a:hover
{
	text-decoration: none;
}

.bmcreated {
	/*Edita Digikirja*/
	/*display:inline-block;*/
	display: none;
	margin-right:10px;
	color:#808080;
}

.bmpath a.bmdelete-optional
{
	display: block;
	width: 20px;
	height: 20px;
	
	/*background: url(../pics/dk/symboli-ruksi-musta.png) center no-repeat;*/
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../pics/symboli-roskakori.svg?v=2), none;
	background-size: contain;
	background-color: transparent;

	text-decoration: none;
	position: absolute;
	top: 5px;
	right: 8px;
	margin-top: 5px !important;
}

.bmpath a.bmedit-optional
{
	display: block;
	width: 20px;
	height: 20px;
	
	/*background: url(../pics/dk/symboli-ruksi-musta.png) center no-repeat;*/
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../pics/symboli-kyna-pyorea.svg?v=3), none;
	background-size: contain;
	background-color: transparent;

	text-decoration: none;
	position: absolute;
	top: 5px;
	right: 33px;
	margin-top: 5px !important;
}

#notes_tabs_4 .bmpath a.bmedit-optional {
	right: 8px;
}

/* Kirjanmerkin linkify-muotoilu käyttöliittymässä */
.bmtext,
.bmtext-clone-linkify {
	min-height:17px;
	margin-top: 5px;
	color: #141414;
	/*annetaan kirjanmerkin tekstin rivittyä*/
	white-space: pre-wrap;
}

/* Kirjanmerkin linkify-muotoilu käyttöliittymässä */
/*bmtext:n sijaa näytetään muotoiltu klooni, .bmtext-clone-linkify*/
.bmtext {
	display: none !important;
}
.bmitem.edit-mode .bmtext-clone-linkify {
	display: none;
}

/* rivitetään kirjanmerkkitekstien pitkät sanat/linkit */
.bmtext,
.bmtext-clone-linkify,
#editbmPreview
{
	word-wrap: break-word;
}

.bmedit {
	padding: 0;
	margin: 0;
	height: 100px;
	width: 100%;
	outline: none;
}

#showbmcontent {
	/*font-size:1.083em;*/
}

/* -- Muistilapun muokkaus, modataan painikkeita -- */
a.bluebutton.bmdelete,
a.bluebutton.bmcancel,
a.bluebutton.bmmodify
{
	display: inline-block;
	padding: 0 10px;
	height: 28px;
	line-height: 28px;
	text-decoration:none;
	cursor:pointer;
	background: #006789;
	color: #fff;
	text-transform: uppercase;
	box-sizing: border-box;

	/*piilotetaan teksti ja korvataan se uudella (after)*/
	font-size: 0 !important;
}

a.bluebutton.bmdelete {
	display:none !important;
}
a.bluebutton.bmdelete:after,
a.bluebutton.bmcancel:after,
a.bluebutton.bmmodify:after
{
	display: inline-block;
	content: 'Poista';
	font-size: 1rem;
}
a.bluebutton.bmdelete:after
{
	content: 'Poista';
}
a.bluebutton.bmcancel:after
{
	content: 'Peruuta';
}
a.bluebutton.bmmodify:after
{
	content: 'Tallenna';
}
/* -- Muistilapun muokkaus, modataan painikkeita: loppu -- */

/* Kirjanmerkit loppuu */

.dk-action-layer
{
	position: absolute;
	
	/*bottom: 30px;*/ /*vaihdettu dynaamiseen korkeussäätöön*/
	
	background: none;
}

.dk-action-layer .width-limit
{
	height: 100%;
}

.dk-action-layer .action-layer-inner
{
	
	position:absolute;
	top:10px;
	bottom:0;
	left:0;
	right:0;
	overflow:auto;
	

	padding: 30px 20px 20px 20px;
	background: #eee;	

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	
}
.dk-action-layer.mid-size-layer .action-layer-inner
{
	left: auto;
	width: 550px;
}
.dk-action-layer.small-size-layer .action-layer-inner
{
	left: auto;
	width: 250px;
	background: #fff;
	height: auto !important; /*estetään omat tiedot -layerin dynaaminen korkeussäätö kokonaan*/
}
.dk-action-layer .action-layer-inner > div
{
	
}

/*
#dk_action_layer_notes {
	background-color:#fff;
	z-index:66000;
	position:fixed;
	display:none;
	left:0;
	right:0;
	top:0;
	bottom:0;
}
*/





.my-tabs > ul
{
	list-style: none;
	padding: 0;
	margin: 0 0 20px 0;

	height: 38px;
	overflow: hidden;
}
.my-tabs > ul:after
{
  content: '';
  display: block;
  clear: both;
}
.my-tabs > ul li a
{
	float: left;
	display: block;
	height: 38px;
	line-height: 38px;
	padding: 0 10px;
	margin-bottom: 6px;
	background: #fff;
	/*color: #141414;*/
	color: #141414;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	margin-left: 6px;
}
.my-tabs > ul li:first-child a
{
	margin-left: 0;
}
.my-tabs > ul li a.active
{
	background: #bbb;
	color: #fff;
}
.my-tabs > div
{
	display: none;
}

/*ikonitabit*/
.my-tabs > ul li a.tab-ico
{
	position: relative;
}
.my-tabs > ul li a.tab-ico:before
{
	content: '';
	display: block;
	position: absolute;
	left: 10px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
}
.tab-ico-sisalto { padding-left: 41px !important; }
.tab-ico-hakemisto { padding-left: 45px !important; }
.tab-ico-tehtavat { padding-left: 45px !important; }
.tab-ico-media { padding-left: 43px !important; }
.tab-ico-aanikirja { padding-left: 41px !important; }

.tab-ico-sisalto:before
{
	width: 22px;
	height: 20px;
	top: 9px;
	/*background-image: url(../pics/dk/tab-sisalto.png);*/
	background-image: url(../pics/dk/tab-sisalto.svg), none;
}
.tab-ico-sisalto.active:before
{
	background-image: url(../pics/tab-sisalto-v.svg), none;
}
.tab-ico-hakemisto:before
{
	width: 25px;
	height: 24px;
	top: 7px;
	/*background-image: url(../pics/dk/tab-hakemisto.png);*/
	background-image: url(../pics/tab-hakemisto.svg), none;
}
.tab-ico-hakemisto.active:before
{
	background-image: url(../pics/tab-hakemisto-v.svg), none;
}
.tab-ico-tehtavat:before
{
	width: 28px;
	height: 24px;
	top: 7px;
	/*background-image: url(../pics/dk/tab-tehtavat.png);*/
	background-image: url(../pics/tab-tehtavat.svg), none;
}
.tab-ico-tehtavat.active:before
{
	background-image: url(../pics/tab-tehtavat-v.svg), none;
}
.tab-ico-media:before
{
	width: 24px;
	height: 24px;
	top: 7px;
	/*background-image: url(../pics/dk/tab-media.png);*/
	background-image: url(../pics/tab-media.svg), none;
}
.tab-ico-media.active:before
{
	background-image: url(../pics/tab-media-v.svg), none;
}

/*keskikokoinen ruutu*/
@media screen and (max-width: 50em), handheld and (max-width: 50em), tv and (max-width: 50em)
{
	/* Vain ikonit jäävät näkyviin*/
	.my-tabs > ul li a.tab-ico > span
	{
		display: none;
	}
	.my-tabs > ul li a.tab-ico
	{
		padding-left: 33px !important;
	}
}

/*pikkutabit*/
.my-tabs.small-tabs > ul li a
{
	height: 28px;
	line-height: 28px;
	text-transform: none;
	margin-top: 10px;
}

/*napit*/
.action-button-small
{
	display: inline-block;
	height: 28px;
	line-height: 28px;
	padding: 0 10px;
	margin-top: 10px;
	margin-right: 6px;	
	background: #fff;
	/*color: #141414;*/
	color: #141414;
	text-decoration: none;
	text-align: center;
}

@media (hover: hover) {
	.action-button-small:hover {
		/*color: #141414;*/
		color: #141414;
	}
}






/* Muistilapun poisto -dialogi */
.modalwindow.bookmark-delete-confirm {
	background: #fff !important;
	height: 110px !important;
}
.modalwindow.bookmark-delete-confirm h2 {
	display: none;
}
.modalwindow.bookmark-delete-confirm p {
	margin-top: 5px;
}
.modalwindow.bookmark-delete-confirm .modalbuttons {
	text-align: left;
}
.modalwindow.bookmark-delete-confirm .modalbuttons > a.alert-close,
.modalwindow.bookmark-delete-confirm .modalbuttons > a.alert-cancel {
	border: solid 2px #006789;
}
.modalwindow.bookmark-delete-confirm .modalbuttons > a.alert-cancel {
	background: #fff;
	color: #006789;
}
/* Muistilapun poisto -dialogi: loppu */

#context {
	display:none;
	/*width:250px;*/
	width: 290px;
	height:1px;
	overflow:visible;
	position:fixed;
	left:150px;
	top:150px;
	z-index:99997;	
}

#context .contextcontainer {
	background-color:#ffffff;
	box-shadow:0 0 10px 1px rgba(0,0,0,0.3);
	padding:0px;
	position:relative;
}

#context .contexttitle {
	display: none;

	padding:10px;
	padding-right:35px;
	margin-bottom:0;
	background-color:rgba(38, 149, 182, 0.13);
	font-size:1.167em;
	/*color: #141414;*/
	color: #141414;
	cursor:move;
}

#context .contextclose {
	width:16px;
	height:16px;
	position:absolute;
	right:15px;
	top:14px;
	/*background:url(../pics/close.png) no-repeat;*/
	/*background: url(../pics/dk/symboli-ruksi-musta.png) no-repeat;*/
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../pics/symboli-ruksi-musta.svg), none;
	background-size: 100% 100%;
}

#context .contextitems {
	padding:15px;
	padding-top:0;
	background-color:#efefef;
}

#context .contextitems li,
.add-bookmark-button
{
	display: inline-block;
	margin-top:15px;
	/*color:#2695b6;*/
	padding: 0px 10px;
	text-decoration:none;
	cursor:pointer;
	/*background-color:rgba(38, 149, 182, 0.06);*/
	background: #006789;
	color: #fff;
	text-transform: uppercase;
	font-size: 1em;

	box-sizing: border-box;
	margin-right: 7px;
	line-height: 28px;
	min-width: 24px;
}

#context .contextitems li:first-child {
	margin-top:0;
}

/*muistilapun lisäys*/
.add-bookmark-button
{
	float: right;
	margin-right: 0;
}
@media (hover: hover) {
	.add-bookmark-button:hover {
		color: #fff;
	}
}
#context .contextcontainer #addbmcontent
{
	padding: 0 15px 15px 15px;
}
.add-bookmark-textarea
{
	width: 100%;
	height: 100px;
	padding: 5px;
	border: 1px solid #eee;
	font-family: Arial, sans-serif;
	box-sizing: border-box;
}


/*muistilapun lisäys: loppu*/

/*
.active {
	background-color:#fff !important;
	position:relative;
}
*/

.header .active:after {
	content:"";
	position:absolute;
	height:10px;
	width:10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 7.5px 0 7.5px;
	border-color: #eee transparent transparent transparent;
	top:100%;
	left:50%;
	margin-left:-7px;
}

.header-container {
	position: fixed;
	left: 0;
	height: 46px;
	top: 0;
	left: 0;
	right: 0;
	background-color: #141414;
	z-index: 66667;
}

@media screen and (max-width: 770px), handheld and (max-width: 770px), tv and (max-width: 770px) {

	html, body {
		background:#eee !important;
	}

	.dk-action-layer {

		padding: 0px !important;
	}

	.tocarea {
		padding-left:2px;
	}
	#maincontainer.menuactive #artAreaLimiter {
		display:none !important;
	}

	.my-tabs.small-tabs > *:not(.controlarea-close) {
		padding: 0 10px;
	}

	.controlarea-close {
		/*display: block !important;*/
	}
	.controlarea-top {
		position:relative;
		left:auto;
		right:auto;
		top:auto;
		height:auto;
	}

	.controlarea-top {
		
		padding-left:1em;
		padding-right:1em;
	}

	.controlarea-inner {
		margin-top:0;
	}
	

	#artAreaLimiter {
			
		position: fixed;
			
		top: 72px;
			
	}

	.menuactive #artAreaLimiter {
		display:none !important;
	}

	#StructurePath {
		margin-right:20px;
	}

	.dk-action-layer, .dk-action-layer > div, .dk-action-layer .action-layer-inner, #notes-tab {
		position:relative;
		left:auto;
		right:auto;
		top:auto;
		bottom:auto;
		height:auto;
		overflow:visible;
		margin-bottom:0.5em;
	}

	

	
	
	

	

	#article {
		font-size:8px;
	}
	.mobilehide {
		display:none;
	}

	#pixel-ratio {
		height:50px;
	}

	.header, .bc {
		min-width:0 !important;
	}

	#resizebar {
		display:none;
	}

	.article table {
		max-width:100%;
	}

	#artContainer {
		
		padding-left:0;
		padding-right:0;
		padding-bottom:0;
	}

	/*
	#artContainer .article {
		padding-left:1em;
		padding-right:1em;
	}
	*/

	#searchinput {
		display:none;
	}

	.actionscontainer {
		display:none;
	}

	

	#linkmap {
		display:none;
	}

	#maincontainer {
		overflow-x:hidden;
	}

	.controlarea .searchtab {
		padding-top:1em;
		padding-bottom:1em;

		
	}

	.enable-mobiletoc #toc {
		display:none;
	}

	.enable-mobiletoc #minifiedtocscrollareacontainer {
		display:block;
	}

	#tocarea, .tocarea {
		width:auto;
		left:auto;
		right:auto;
		top:auto;
		bottom:auto;
		position:static;
		z-index:1001;
		/*animaatiota varten*/
		
	}

	/*animaatiota varten*/
	
	/*
	.controlarea {
		padding-top:20px;
		position: fixed;
		top: 57px;
		left: 0;
		bottom: 0;
		right:0;
		height:auto;
		width: auto;
		overflow: auto;
		background-color: #ffffff;
		z-index: 1000;
		display:none;
		
	}
	*/

	.controlarea {
		position: relative;
		padding-top: 60px;
		top:auto;
		left: auto;
		bottom: auto;
		right:auto;
		height:auto;
		width: auto;
		overflow: hidden;
		z-index: 1000;
		display:none;
		
	}


	.controlarea > div {
		padding-left:1em;
		padding-right:1em;
	}

	.menuactive .controlarea
	{
		display:block;
		overflow:auto;
		overflow-x:hidden;
	}

	
	

	

	.articlearea {
		width:auto;
		margin-left:0;
		/*animaatiota varten*/
		
		width:100%;
		overflow:hidden;
		overflow-x: hidden;
		
	}

	.menuactive .articlearea {
		display:none;
	}

	#searchtab > * {
		display:none;
		
	}

	/*
	#mobilemenu
	{
		background:url(../pics/ico-toc.png) 0 -168px no-repeat;
		width:56px;
		height:56px;
		cursor:pointer;
	}

	#mobilemenu.active
	{
		background:#ffffff url(../pics/ico-toc.png) -56px -168px no-repeat;
	}

	#mobilemenu.active .actionscontainer
	{
		display:block;
		position:fixed;
		top:56px;
		height:auto;
		bottom:0px;
		left:0;
		right:0;
		float:none;
		overflow:auto;
		z-index:61002;
	}
	*/

	.slidemenu {
		position:fixed;
		top:112px;
		bottom:0;
		height:auto;
		left:0;
		right:0;
		background-color:rgba(255,255,255,0.7);
		z-index:61003;
		width:auto;
	}

	.header {
		z-index:10001;
	}

	.slidemenu > div:first-child {
		width:auto;
		border-top:1px solid transparent;
	}

	.showbookmarks textarea {
		width:100% !important;
	}

	#hideableactions, .navicontainer, #toggleHighlightMode {
		display:none;
	}

	.actionscontainerinner {
		height:46px;
		float:none;
		overflow:visible;
		background-color:#e1f1f6;
		box-shadow:inset 0 1px 0px 0px #ffffff, inset 0 30px 30px -30px rgba(255,255,255,1),inset 0 1px 0px 0px #ffffff, inset 0 30px 30px -30px rgba(255,255,255,1), inset 0 30px 30px -30px rgba(255,255,255,1), inset 0 30px 30px -30px rgba(255,255,255,1), inset 0 30px 30px -30px rgba(255,255,255,1), 0 1em 1em -1em rgba(0,0,0,0.3);
	}

	/*
	ul.tabs li.textico
	{
		background:url(../pics/ico-toc.png) 0 -112px no-repeat;
	}

	

	ul.tabs li.searchtab {
		background:url(../pics/ico-toc.png) 0 -56px no-repeat;
		width:56px;
		padding:0;
		height:57px !important;
		border-right: 1px solid #e1f1f6;
		cursor:pointer;
	}
	*/
	/*
	ul.tabs li.textico.active
	{
		background-position:-56px -112px;
		background-color:#ffffff;
		cursor:pointer;
	}

	ul.tabs li.searchtab.active
	{
		background-position:-56px -56px;
		background-color:#ffffff;
	}
	*/

	/*
	ul.tabs li.mobilemenumarker {
		background-color:rgba(255,255,255,0.6) !important;
	}
	*/

	.desktophide {
		display:block;
	}

	table {
		max-width:100%;
	}

	/*
	.actionscontainerinner ul > li:hover, .slidemenuborder {
		background-color:transparent;
	}
	*/



	/*mobile submenu*/
	.actionscontainerinner ul > li.showbookmarks, .actionscontainerinner ul > li.showbookmarks:hover {
		background-position: -112px -56px;
	}

	.actionscontainerinner ul > li.highlight, .actionscontainerinner ul > li.highlight:hover {
		background-position: -112px -392px;
	}

	
	/*
	.actionscontainerinner > a:hover, .actionscontainerinner ul > li:hover, .actionscontainerinner > #hideableactions > a:hover, .actionscontainerinner > #gotosite_wrapper > a:hover, .actionscontainerinner ul.tabs > li:hover
	{
		box-shadow:inset 0 -20px 20px -20px #2695b6, inset 0 -20px 20px -20px #2695b6;
	}
	*/

	

	/*
	.actionscontainerinner li.optionsmenu
	{
		background-position:-112px -504px !important;
	}

	.actionscontainerinner li.optionsmenu:hover
	{
		background-position:-112px -504px !important;
	}


	.actionscontainerinner a.print
	{
		background-position:-112px 0px !important;
	}

	.actionscontainerinner a.print:hover
	{
		background-position:-112px 0px !important;
	}

	.actionscontainerinner > a.linkmap
	{
		background-position:-112px -112px;
	}

	.actionscontainerinner > a.linkmap:hover
	{
		background-position:-112px -112px;
	}


	.navicontainer > a.prevpage
	{
		background-position:-112px -168px;
	}

	.navicontainer > a.prevpage:hover
	{
		background-position:-112px -168px;
	}

	.navicontainer > a.nextpage
	{
		background-position:-112px -224px;
	}

	.navicontainer > a.nextpage:hover
	{
		background-position:-112px -224px;
	}

	.actionscontainerinner > a.sizesmaller
	{
		background-position:-112px -280px;
	}

	.actionscontainerinner > a.sizesmaller:hover
	{
		background-position:-112px -280px;
	}

	.actionscontainerinner > a.sizebigger
	{
		background-position:-112px -336px;
	}

	.actionscontainerinner > a.sizebigger:hover
	{
		background-position:-112px -336px;
	}

	.actionscontainerinner > #gotosite_wrapper > a
	{
		background-position:-112px -448px;
	}

	.actionscontainerinner > #gotosite_wrapper > a:hover
	{
		background-position:-112px -448px;
	}

	.actionscontainerinner .divider, .actionscontainerinner .subdivider
	{
		float:right;
		width:0px;
		height:57px;
		background-color:#000;
	}

	.actionscontainerinner .divider
	{
		background-position:-1px 0px;
	}

	.actionscontainerinner ul > li {
		box-shadow:none;
	}

	.actionscontainerinner .openedslidemenu {
		box-shadow:inset 0 -20px 20px -20px #2695b6, inset 0 -20px 20px -20px #2695b6 !important;
	}

	*/

	/*
	.searchactive a
	{
		top:22px;
		right:90px;
	}
	*/

	.toc .Collapse {
		display:none !important;
	}

	ul.toc > li {
		margin-left:2px;
	}

	.controlarea {
		padding-top:86px;
	}

	.header-container {

		top: 26px;

	}

	#book-title {
		position: fixed;
		left: 0px;
		right: 0px;
		top: 0;
		height: 26px;
		line-height: 26px;
		color: #fff;
		font-size: 16px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		background:#141414;
		text-align:left;
		padding:0px;
		padding-left:6px !important;
	}
}

/*fonttikoon säätö*/
.ui-slider.ui-slider-horizontal
{
	margin-top: 18px;
	height: 4px;
	border: none;
	background: #eee;
}
.ui-slider .ui-slider-handle
{
	background: #41bbba;
	border-color: #41bbba;
	border-radius: 10px;
	top: -.43em;
	height: 1em;
	width: 1em;
}



.indexword-targets {
	background-color:#eee;
}

.indexword-targets > a {
	display:block;
	color:#141414;
	padding:10px;
	padding-bottom:10px;
	position:relative;
}

.indexword-targets > a:after {
	content:"";
	display:block;
	position:absolute;
	left:10px;
	right:10px;
	bottom:0;
	height:1px;
	background-color:#bbbbbb;
}

.indexword-targets > a:last-child:after {
	display:none;
}

.indexword-targets > a:first-child {
	padding-top:10px;
}

.indexword-targets-hidden {
	display:none;
}

#floating-window-container {
	height:0px;
	overflow:visible;
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	max-width:1250px;
}





#floating-window {
	position:absolute;
	right:0;
	bottom:0;
	height:0px;
	width:400px;
	max-width:100%;
	opacity:0;
	background-color:#15a8e0;
	overflow:hidden;
	box-shadow:0 0 20px rgba(0,0,0,0);
	transition: height .20s ease-in-out, box-shadow .20s ease-in-out, opacity .20s ease-in-out;
   -moz-transition: height .20s ease-in-out, box-shadow .20s ease-in-out, opacity .20s ease-in-out;
   -webkit-transition: height .20s ease-in-out, box-shadow .20s ease-in-out, opacity .20s ease-in-out;
   -o-transition: height .20s ease-in-out,  box-shadow .20s ease-in-out, opacity .20s ease-in-out;
}

#floating-window.maximized {
	height:190px;
	box-shadow:0 0 20px rgba(0,0,0,0.3);
	opacity:1;
}

#floating-window-wrapper {
	
	height:190px;
	position:absolute;
	right:0;
	top:0;
	width:400px;
	max-width:100%;
}

#floating-window-title {
	position:absolute;
	top:0px;
	height:30px;
	left:0;
	right:0;
	padding:10px;
	line-height:10px;
	color:#fff;
}

#floating-window-title > a {
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	width:30px;
	font-size:20px;
	line-height:30px;
	text-align:center;
	color:#fff !important;
}

#floating-window-title > a:after {
	content: "×";
}



#floating-window-title:after {
	content:"ALAVIITTEET";
}

#floating-window-content {
	position:absolute;
	top:30px;
	left:0px;
	right:0px;
	bottom:0;
	padding:10px;
	background-color:#fff;
	overflow:auto;
}


#loadAll {
	font-weight:normal;
	color:#141414;
	text-decoration:none;
}

#offline-reader-progressbar
{
	z-index:999999;
	position:fixed;
	left:0;
	right:0;
	top:0;
	height:5px;
	background-color:#e8e8e8;
	transition: height 2s ease-in-out;
}

#offline-reader-progressbar.finished {
	background-color:#000;
	height:30px;
}



#offline-reader-progressbar > div:first-child {
	width:0%;
	height:5px;
	background-color:#000;
	transition: width 0.25s ease-out;
}

#offline-reader-progressbar.finished > div:first-child {
	display:none;
}

#offline-reader-header {
	margin-left:auto;
	margin-right:auto;
	max-width:1250px;
	display:none;
	text-align:right;
	line-height:30px;
	position:relative;
}

#offline-reader-progressbar.finished #offline-reader-header {
	display:block;
}

#offline-reader-book-title {
	position:absolute;
	left:0;
	right:135px;
	top:0;
	bottom:0;
	text-transform:uppercase;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	color:#fff;
	text-align:left;
}

#offline-reader-header > a {
	color:#fff;
	
	text-transform:uppercase;
}


#audiobook {
	display:none !important;
	opacity:0;
	height:0;
	width:0;
	overflow:hidden;
}



/*Marzena*/
/*
@media (hover: hover) {
	a:hover {
		color: #141414;
		text-decoration: none !important;
	}
}
a {
    color: #ffffff;
    text-decoration: none !important;
}
.header {
    background-color: #141424;
}

#resizebar {
    background-color: #15a8e0;
    border-right: none;
}
ul.tabs > li:hover,
ul.tabs li.active-tab {
    background-color: #e6e6e6;
    box-shadow: none;
}


#pageBottom {
    background-color: #141414;
    padding: 1.5em;
}
#book-title {
    padding: 0 2em;
    text-transform: uppercase;
    letter-spacing: 1px;
}
*/

#article .PageNumber {
	color:#15a8e0 !important;
	font-weight:normal !important;
	font-style:normal !important;
	background-color:transparent;
	border:none !important;
	text-decoration:none !important;
	font-family:Arial, sans-serif !important;
}

#article .PageNumber:before {
	content:"|";
}

#article .PageNumber:after {
	font-size: 11px !important;
	content: attr(data-pagenumber);
	float:right !important;
	margin-right:-25px !important;
}

#floating-window-content .PageNumber {
	display:none;
}





/* TESTI */

div > ul > .tocseparator {
  display:none;   
}
ul.toc > li > div > a {
  display: block;   
}
ul.toc li a:not([class]) {
    padding: 2px;
}


a.Expand, a.Collapse {
    color: #141414 !important;
    background: transparent;
    font-weight: bold !important;
}
div.Selected > a.Expand, div.SelectedLastNode > a.Expand, div.Selected > a.Collapse, div.SelectedLastNode > a.Collapse {
    color: #141414 !important;
}





.removeSearchButton:hover {
	background-color: transparent;
}
.searchactive .removeSearchButton:after {
    content: "×";
    width: 20px;
    height: 20px;
    display: block;
    font-size: 18px;
	
}
.searchactive .removeSearchButton {
    right: 45px;
    top: 7px;
    width: auto;
    height: auto;
    color: #141414;
    font-size: 18px;
    line-height: inherit;
	text-decoration:none;
}
#searchresults h1 {
    font-size: 1em;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: normal;
    margin-left: 10px;
}
.searchresults {
 	font-size: 1em;   
}
.searchresultsinfo {
    font-size: 1.25em;
    color: #141414;
    margin-bottom: 10px;
}
.searchresults a .hl, .searchdocumentresults a .hl {
    background: #bbb;
}
.searchresults a, .searchdocumentresults a,
.searchresults a.odd, .searchdocumentresults a.odd {
    background-color: #fff;
    margin-top:10px;
    color: #141414;
}
.searchresults a:hover, .searchdocumentresults a:hover,
.searchresults a.odd:hover, .searchdocumentresults a.odd:hover {
    background-color: #fbfbfb;
}
.searchresults a::first-child, .searchdocumentresults a::first-child {
 	padding-top:0;   
}
.searchtab input.textinput {
    padding:10px;
}
.searchresults a u, .searchdocumentresults a u, .searchresults .path {
    color: #53AFD2;
}
/*
.article span.TBSearchResult {
    background: #bbb;
}
*/

.partialmatches {
    color: #141414;
}

.dk-action-layer {
    position:relative;
    padding: 0 10px;
}
.dk-action-layer .action-layer-inner {
    position:relative;
    background: #eee;
	padding: 10px 0 !important;
}
.my-tabs > ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 !important;
    height: auto;
    align-items: stretch;
    font-size: .9em;
}
.my-tabs > ul:after { /* poistettava */
    display: none;
}
.my-tabs > ul > li {
	margin: 0;
	width: 31%;
	background-color: #fff;
}
.my-tabs > ul > li:hover {
    background-color: #f7f7f7;
}
.my-tabs > ul li a {
    float: none;
    height: auto !important;
    line-height: inherit !important;
    padding: 10px 5px;
    margin-bottom: auto !important;
    background: transparent;
    margin-left:0;
	font-size:1.2em;
}
.my-tabs.small-tabs > ul li a {
    margin-top: 0;
	position:relative;
}
#notes_tabs_1 > p {
 	margin:0 10px;   
}
.bookmarks-and-highlights-combo-list {
	margin-top: 10px !important;
}
#notes_tabs_4 {
	margin-top: 0 !important;
    padding: 10px !important;
    /*background-color: transparent !important;*/
    border-bottom: 1px solid #bbb;
}
div.bmtext-clone-linkify {
    font-size: 1.2em !important;
	width:100%;
}
.hllistlist > div, #bookmarks_and_highlights_combo_list > div, div.bmitem {
	background-color: #fff;
	margin-top: 0;
	/*font-size: .9em;*/
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	padding: 10px !important;
}
#bookmarks_and_highlights_combo_list > div::first-child {
    margin-top: 10px;
}
.hllistlist > div:hover, #bookmarks_and_highlights_combo_list > div:hover, div.bmitem:hover, #notes_tabs_4:hover {
}
.hllistlist > div > a:first-child, #bookmarks_and_highlights_combo_list > div > a:first-child, #bookmarks_and_highlights_combo_list > div.bmpath a:first-child {
    color: #319BC4;
}
#bookmarks_and_highlights_combo_list > div > a {
 	flex-basis: auto;   
}
#bookmarks_and_highlights_combo_list > div > a:nth-child(1), .hllistlist > div > a:nth-child(1) {
width: 90%; 
    order: 1;
}
#bookmarks_and_highlights_combo_list > div > a:nth-child(2), .hllistlist > div > a:nth-child(2) {
width: 100%;  
    order: 3;
}
#bookmarks_and_highlights_combo_list > div > a:nth-child(3), .hllistlist > div > a:nth-child(3) {
width: 10%;    
    order: 2;
}
.hllistlist > div a.bluebutton, #bookmarks_and_highlights_combo_list > div a.bluebutton {
    position: static;
    float:none !important;
    margin:0 !important;
    font-size: 0 !important;
}
.bmpath {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}
div.bmpath > span {
    display:block !important;
    order: 1;
    width: 30%;
}
div.bmpath > a:nth-child(2) {
 	order: 4;
    width: 100%;
    margin-top: 4px;
}
div.bmpath > a.bmedit-optional {
    order: 2;
    width: 10%;
}
div.bmpath > a.bmdelete-optional {
    order: 3;
    width: 10%;
}

.bmitem.edit-mode a.bmdelete-optional {
	display:none !important;
}

.bmpath a, .bmpath .text {
    color: #319BC4 !important;
}
.bmpath a:hover {
    background-color: transparent !important;
}
a.ulListItem {
    max-height: inherit;
}
.bmitem.edit-mode > div:nth-child(4) {
    width: 100%;
    margin-bottom: 0 !important;
}
.bmitem.edit-mode > div:nth-child(4) > div {
    padding: 10px 0 !important;
    border: none !important;
}
.bmitem.edit-mode:hover {
    background-color: transparent !important;
}
.bmitem.edit-mode .bmedit-optional {
    display:none;
}
textarea.bmedit {
    padding:10px;
}
a.bluebutton.bmcancel {
    float: left !important;
    background-color: #bbb;
}
a.bluebutton {
    background: transparent;
border: none !important;
}
a.bluebutton.bmmodify {
    background: #319BC4;
    float: right !important;
}
.bluebutton.bmmodify:hover {
    background: #bbb;
}

#floating-window-wrapper {
    height: 250px;
}
#floating-window.maximized {
    height: 250px;
}
#floating-window {
    background-color: #bbb;
}
#floating-window-content {
    background-color: #efefef;
}
#floating-window-title, #floating-window-title > a {
    color: #141414 !important; 
}
#floating-window-title > a:hover {
background-color: transparent;
}

context .contextitems {
    background-color: #efefef;
}   
#context .contextcontainer {
    background-color: #efefef;
}
.add-bookmark-button {
    background: #319BC4;
    font-size: 1em !important;
    border-radius: 1px;
}
.add-bookmark-button:hover {
    background: #bbb;
}
.ul.HLColor1, .contextMenuHLButton.HLColor1, .hllistlist > div.HLColor1 a.ulListItem, #bookmarks_and_highlights_combo_list > div.HLColor1 a.ulListItem {
    box-shadow: inset 0 0 0 300px #80C8E5;
}
#context .contextclose {
    right: 4px;
    top: 6px;
    background-image: none;
}
#context .contextclose::after {
    content: "\00d7";
    font-size: 1.2em;
    color: #141414;
}
textarea {
    font-family: inherit;
}




/* IKONIT */

ul.tabs li#searchico::before {
    background-image: url(../pics/haku-white.svg);
}
ul.tabs li#searchico:hover::before,
ul.tabs li#searchico.active:before {
    background-image: url(../pics/haku.svg);
}
ul.tabs li#notesico::before {
    background-image: url(../pics/muistilaput-white.svg);
}
ul.tabs li#notesico:hover::before,
ul.tabs li#notesico.active::before {
    background-image: url(../pics/muistilaput.svg);
}
ul.tabs li#tocico::before {
    background-image: url(../pics/sisallysluettelo-white.svg);
}
ul.tabs li#tocico:hover::before,
ul.tabs li#tocico.active::before {
    background-image: url(../pics/sisallysluettelo.svg);
}
#usermenu::before {
    background-image: url(../pics/asetukset-white.svg);
}
#usermenu:hover::before,
.menu-open #usermenu::before {
    background-image: url(../pics/asetukset.svg);
}
#home {
    background-image: url(../pics/kirjahylly-white.svg);
}
#home:hover,
.menu-open #home::before {
    background-image: url(../pics/kirjahylly.svg);
}
.bookmark-link {
    background-image: url(../pics/notes-blue.svg);
}
#naviBackward {
    background: url(../pics/left-black.svg) center center no-repeat;
    transform: none;
    background-size: contain;
    height:36px;
}
#naviForward {
    background: url(../pics/right-black.svg) center center no-repeat;
    background-size: contain;
}
.bmpath a.bmedit-optional {
    /*background: url(../pics/pencil-black.svg) left center no-repeat;*/
}
.bmpath a.bmdelete-optional {
    /*background: url(../pics/bin-black.svg) center center no-repeat;*/
}    
.hllistlist > div > a.bluebutton, #bookmarks_and_highlights_combo_list > div a.bluebutton {
    /*background: url(../pics/bin-black.svg) right center no-repeat;*/
}    
.menu-open {
    background-color: #fff;
}
.actions > ul > li.usermenu-content, .actions > ul > li.usermenu-content:hover {
    width: 240px;
}
#pageinput {
    width: 46px;
    height: 26px;
}
.navicontainer {
    padding-top: 0;
    width: 190px;
}
.patharea {
    max-width: 1065px;
    text-align: right;
}
.searchbutton {
    border: 0;
    height: 36px;
    width: 36px;
    background-color: #bbb;
    padding: 10px;
}
a.bluebutton.bmdelete, a.bluebutton.bmcancel, a.bluebutton.bmmodify, a.bluebutton.alert-close, a.bluebutton.alert-cancel {
    padding: 0 10px !important;
    height: 28px;
    line-height: 28px;
    font-size: 1rem;
}
a.bluebutton.bmmodify, .add-bookmark-button, a.bluebutton.alert-close {
    background-color: #bbb;
    color: #141414;
}
a.bluebutton.bmmodify:hover, .add-bookmark-button:hover, a.bluebutton.alert-close:hover {
    background-color: #141414;
    color: white;
}
a.bluebutton.bmdelete, a.bluebutton.bmcancel, a.bluebutton.alert-cancel,
a.bluebutton.bmdelete:hover, a.bluebutton.bmcancel:hover, a.bluebutton.alert-cancel:hover {
    background:none;
    color: #141414;
}
a.bluebutton.alert-cancel {
    float: left;
    margin-left: 0;
    padding-left:0 !important;
}
a.bluebutton.alert-close {
    float: right;
}
#notes_tabs_4, #notes_tabs_4:hover {
    
    border: none;
}
.bmpath .text {
    font-size: 1.2em;
    color: #141414 !important;
}
textarea {
    border: 1px solid #ccc;
}
#notes_tabs_4 .bmpath a.bmedit-optional {
    background-position: center center;
}
#article aside {
    border-bottom: 1px dotted #bbb;
}
.hllistlist > div, #bookmarks_and_highlights_combo_list > div, div.bmitem {
    /*border-bottom: 1px dotted #bbb;*/
	margin-top:10px;
}
.modalwindow {
    height: auto !important;
    padding:10px;
}
.modalwindow h2 {
    margin: 0;
    font-size: 1.2em;
    color: #141414;
}
.modalwindow p {
    padding: 10px 0;
}
.modalbuttons {
    position: static;
    height: auto;
}





#article {
	margin: 0;
}


span.path-displayname {
	display:none;
}
span.path-displayname + .path-separator {
	display:none;
}

/*Marzena mobiili*/
@media screen and (max-width: 770px), handheld and (max-width: 770px), tv and (max-width: 770px) {
#book-title {
    padding: 2px 6px;
    text-align: center;
} 
} 

#resizebar {
    border-right: none;
}
.patharea>span:before { 
    content: "\2192"; 
    visibility:visible; 
    position:relative; 
    top:-1px; 
} 
.searchresults a, .searchdocumentresults a, .searchresults a.odd, .searchdocumentresults a.odd { 
    /*border-bottom: 1px dotted #bbb;*/
}
#mobilesearch, .textinput { 
    border: 3px solid #ccc; 
}




.ui-slider .ui-slider-handle {background: #319BC4; border-color: #319BC4;}
#loadAll {font-size: 1em !important; display:block; margin: 0 -10px; padding: 0 10px; border-top: 1px dotted #bbb;}
#loadAll:hover {background-color:#f7f7f7;}










/*AO*/
/*audioplayer*/
.audioplayer {
    background-color: #f0f0f0;
    padding: 10px;
}

.button-play {
    display: inline-block;
    background-color: #f0f0f0;
    width: 25px;
    height: 25px;
    position: relative;
    vertical-align: middle;
}

    .button-play:hover {
        text-decoration: none;
    }

    .button-play:after {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        content: "";
        background: url(/pages/TeachingMaterial/pics/audioplayer.png) 0px 0 no-repeat;
    }

    .button-play.playing:after {
        background-position: -25px 0;
    }

.seekbarcontainer {
    background-color: #e0e0e0;
    padding-right: 5px;
    padding-left: 5px;
    display: inline-block;
    margin-left: 10px;
    position: relative;
    vertical-align: middle;
}

.seekbar {
    height: 1em;
    width: 150px;
}

.ui-widget-content {
}

.audioplayer * {
    border: none !important;
}

.audioplayer .ui-slider-horizontal {
    height: 1em;
    margin-top: 0px;
}

.audioplayer .ui-slider {
    position: relative;
    text-align: left;
    background: #e0e0e0;
}

.audioplayer .ui-state-default, .audioplayer .ui-widget-content .ui-state-default, .audioplayer .ui-widget-header .ui-state-default {
    /*border: 1px solid #aed0ea;*/
    font-weight: bold;
    color: #2779aa;
    background: #004966;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.audioplayer .ui-slider-horizontal .ui-slider-handle {
    top: 0;
    margin-left: -.6em;
}

.audioplayer .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1em;
    height: 1em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
}

.audioplayer .ui-slider-handle {
    outline: none;
}

.ui-menu-item span {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}









/* -- Video ja ThingLink--------- */
.embed-ThingLink-container,
.embed-video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
	margin: 2em 0;
}

.embed-ThingLink-container iframe,
.embed-ThingLink-container object,
.embed-ThingLink-container embed,
.embed-video-container iframe,
.embed-video-container object,
.embed-video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* -- Video ja ThingLink: loppu --------- */




/*AO äänikirja*/
#player-container {
	display:none;
    position: fixed;
    bottom: 0;
    height: 40px;
    left: 0;
    right: 0;
    background-color: #000000;
    z-index: 99999;
}

body.audiobook-active #player-container {
	/*display:block;*/
}

body.audiobook-active .controlarea-inner {
	bottom:40px;
}

#player {
    margin-top: 10px;
    max-width: 1250px;
    min-width: 290px;
    margin-left: auto;
    margin-right: auto;
	position:relative;
}

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

#player > ul {
    margin-left: 10px;
    margin-right: 10px;
}

#player ul > li {
    float: left;
    margin-left: 20px;
    line-height: 23px;
    color: #ffffff;
}

#player ul > li:first-child {
    margin-left: 0;
}

.player-button {
    position: relative;
    cursor: pointer;
    width: 23px;
    height: 23px;
}

    .player-button.audiobook-navi-disabled {
        opacity: 0.3;
        cursor: default;
    }

#player-button-play {
    background: url(../pics/audio-player-play.svg) no-repeat;
}

    #player-button-play.playing {
        background: url(../pics/audio-player-pause.svg) no-repeat;
    }

#player-button-volume {
    background: url(../pics/audio-player-mute.svg) no-repeat;
}

    #player-button-volume.active {
        background: url(../pics/audio-player-volume.svg) no-repeat;
    }



#player-button-volume-slider {
    margin-top: 9px !important;
    display: block;
    height: 1em;
    width: 90px;
    margin-left: 13px !important;
    background: #c0c0c0;
}

#player-button-volume.active > #player-button-volume-slider {
    display: block;
}

#player-button-previous {
    background: url(../pics/audio-player-previous.svg) no-repeat;
}

#player-button-next {
    margin-left: 10px !important;
}

#player-button-next {
    background: url(../pics/audio-player-next.svg) no-repeat;
}

#player-title {
    max-width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#seekbar {
    background-color: #e3e3e3;
    padding-right: 5px;
    padding-left: 5px;
    display: inline-block;
    margin-left: 13px !important;
    position: relative;
    vertical-align: middle;
    margin-top: 9px !important;
}

.seekbar-handle {
    height: 4px;
    width: 180px;
}

#player-container * {
    border: none !important;
}

#player-container .ui-slider-horizontal {
    height: 4px;
}

#player-container .ui-slider {
    position: relative;
    text-align: left;
    background: #ffffff;
}

#player-container .ui-widget-header {
    background: rgba(65, 187, 186, 1);
}

    #player-container .ui-state-default, #player-container .ui-widget-content .ui-state-default, #player-container .ui-widget-header .ui-state-default {
        /*border: 1px solid #aed0ea;*/
        font-weight: bold;
        color: #2779aa;
        background: #004966;
    }

#player-container .ui-corner-all {
    border-radius: 0;
}

#player-container .ui-slider-horizontal .ui-slider-handle {
    top: 0;
    margin-left: -.6em;
}



#player-container .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 20px;
    height: 20px;
    margin-top: -8px;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
    background-color: rgba(65, 187, 186, 1) !important;
    border-radius: 10px;
}

#player-container .ui-slider-handle {
    outline: none;
}

.hasaudio .hasaudio-icon {
    display: inline-block;
    margin-left: 5px;
    background: url(../pics/audio-player-toc-play.svg) no-repeat;
    opacity: 0.5;
    width: 11px;
    height: 11px;
}


#audiobook li.activeaudio {
    opacity: 1;
}

.activeaudio.hasaudio > .hasaudio-icon {
    opacity: 1;
}

.activeaudio.hasaudio:not(.paused) > .hasaudio-icon {
    background: url(../pics/audio-player-toc-pause.svg) no-repeat;
}

#audiobook li.activeaudio li .hasaudio-icon {
    opacity: 0.5;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
	background-color:#e6e6e6;
}

::-webkit-scrollbar-thumb {
    background-color: #6e6e6e;
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.4);
}

#tocPop {
	display:none;
}

/*
#tocPopClose {
	display:block;
	position:absolute;
	right:0;
	top:0px;
	height:20px;
	width:20px;
	background-color:#319BC4;
	line-height:20px;
	text-align:center;
	color:#fff;
}

#tocPopClose:after {
	content: "x";
}
*/


	#tocPopClose {
		display: block;
		position: absolute;
		right: 14px;
		top: 8px;
		cursor: pointer;
		color: #141414 !important;
		font-size: 18px !important;
		font-weight: bold;
		line-height: 0px;
		padding: 11px 4px;
		text-decoration: none;
		z-index: 66666;
	}

#tocPopClose:after {
	content:"×";
}

body.popMode #tocPop {
	display:block;
	background-color:#fff;
	box-shadow: none;
}
body.popMode #tocPop.tocPopHeader {
	display:block;
	box-shadow: none !important;
	background-color:transparent;
	margin: 15px;
}

.tocPopHeader {
	position:absolute;
	/*top:-20px;*/
	left:0;
	right:0;
	/*height:20px;*/
	background-color:#fff;
	/*box-shadow: 0 8px 13px 3px rgba(0,0,0,0.3);*/
}


.tocPopContent {
	padding: 20px;
	/*font-size: 60px;*/
	overflow:visible;
}

@media screen and (min-width: 771px), handheld and (min-width: 771px), tv and (min-width: 771px) {
	.tocPopContent {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 70%;
		box-shadow: 0 13px 13px 3px rgba(0,0,0,0.3);
		overflow: auto;
		background-color:#fff;
	}
}

@media screen and (max-width: 770px), handheld and (max-width: 770px), tv and (max-width: 770px) {
	body.popMode #tocarea, body.popMode #notes-tab, body.popMode #searchresultsarea, body.popMode #asiahakemistocontainer {
		display: none !important;
	}
    .tocPopHeader {
	    position:absolute;
	    left:0;
	    right:15px;
	    background-color:#fff;
    }
}




/*opettajan lisämateriaalit*/
#dk_action_layer_ope ul {
    margin: 0;
    padding: 0;
}

    #dk_action_layer_ope ul li {
        display: block;
        padding: 0;
        /*box-shadow:inset 0 0 0 1px rgba(0,0,0,0.15), 0 0 10px 0 rgba(0,0,0,0.15);*/
        margin-left: 0;
        list-style: none outside none;
        position: relative;
    }





#dk_action_layer_ope > ul > li > a {
    display: block;
    background-color: #ffffff;
    color: #8d8b8b;
    padding: 10px;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    border-top: 1px dotted #d0d0d0;
    -webkit-transition: background-color 0.5s;
    transition: all 0.5s;
}

#dk_action_layer_ope ul li.open > a {
    background-color: #006789;
    color: #ffffff;
    border-top: 1px solid transparent;
}

#dk_action_layer_ope ul li:first-child > a {
    border-top: none;
}

#dk_action_layer_ope > ul > li:first-child {
}

#dk_action_layer_ope > ul > li > div {
    background-color: #ffffff;
}

#dk_action_layer_ope .catFiles {
    display: none;
}

    #dk_action_layer_ope .catFiles a {
        text-decoration: none;
    }

    #dk_action_layer_ope .catFiles ul li {
        padding: 15px;
    }

#dk_action_layer_ope .nodeTitle {
    box-sizing: border-box;
    width: 100%;
    padding: 0;
}

#dk_action_layer_ope .catFiles ul li {
    padding: 15px;
}

    #dk_action_layer_ope .catFiles ul li:last-child {
        border: none;
    }

#dk_action_layer_ope .attTitle {
    display: block;
    background-color: transparent;
    color: #0e4562;
    font-size: 12px;
}

    #dk_action_layer_ope .attTitle:before {
        display: inline-block;
        content: "▶";
        margin-right: 6px;
        font-size: 16px;
    }

#dk_action_layer_ope .hideCat {
    display: none;
}

/*viewers*/
#modallayer {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.8);
    z-index: 99999;
    display: block;
}

#imagecontainer {
    position: fixed;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 2000;
    display: none;
    transition: all 0.5s;
    text-align: center;
    /*Edita-DK: kuvalle speksattu maksimileveys*/
    max-width: 1500px;
    margin: 0 auto;
}

    #imagecontainer.final {
        left: 40px !important;
        right: 40px !important;
        top: 40px !important;
        bottom: 40px !important;
    }

/*keskikokoinen ruutu*/
@media screen and (max-width: 50em), handheld and (max-width: 50em), tv and (max-width: 50em) {
    #imagecontainer.final {
        left: 1em !important;
        right: 1em !important;
        top: 1em !important;
        bottom: 1em !important;
    }
}

#imagecontainer.fullscreen {
    left: 0px !important;
    right: 0px !important;
    top: 0px !important;
    bottom: 0px !important;
    background-color: #000000;
}

    #imagecontainer.fullscreen #viewer-actions {
        top: 0;
        right: 0;
    }

#imagecontainer canvas {
    z-index: 2001;
}




.viewer img {
    display: none;
}

#viewer-actions {
    position: absolute;
    display: none;
    top: -40px;
    height: 33px;
    width: 123px;
    right: -20px;
    background-color: #0e4562;
    text-align: right;
    box-shadow: 0 0 10px 0 rgba(0,0,0,1);
    border-left: 1px solid rgba(255,255,255,0.3);
    border-bottom: 1px solid rgba(255,255,255,0.3);
    border-right: 1px solid rgba(255,255,255,0.3);
}

    #viewer-actions a {
        display: inline-block;
        text-decoration: none;
        height: 33px;
        width: 40px;
        border-left: 1px solid rgba(255,255,255,0.5);
        background: url(/pages/TeachingMaterial/pics/picviewer.png);
    }

        #viewer-actions a.viewer-full.option-on {
            background-position: 0px -33px;
            background-color: #ffffff;
        }

        #viewer-actions a:hover {
            background-color: #1a6481;
        }

        #viewer-actions a:first-child {
            border-left: 1px solid transparent;
        }

        #viewer-actions a.viewer-draw {
            background-position: -40px 0;
        }

        #viewer-actions a.viewer-close {
            background-position: -80px 0;
        }

        #viewer-actions a.viewer-draw.option-on {
            background-position: -40px -33px;
            background-color: #ffffff;
        }

#viewer-prev, #viewer-next {
    position: fixed;
    top: 50%;
    margin-top: -50px;
    width: 150px;
    left: 40px;
    text-align: left;
    font-size: 100px;
    line-height: 100px;
    height: 100px;
    color: #ffffff;
    opacity: 0.4;
    text-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
    text-decoration: none;
    transition: opacity 0.5s;
    font-weight: normal;
}


    #viewer-prev:hover, #viewer-next:hover {
        opacity: 1;
    }

#viewer-next {
    right: 40px;
    left: auto;
    text-align: right;
}

#img {
    display: inline-block;
    box-shadow: 0 0 0 5px #e8e8e8;
    position: relative;
}

#alertdialog, #uploadprogress, #videocontainer, #htmlcontainer {
    position: fixed;
    left: 50%;
    margin-left: -175px;
    top: 50%;
    margin-top: -125px;
    width: 350px;
    height: 250px;
    z-index: 1001;
    background-color: #f0f0f0;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.3), 0 0 20px 0 rgba(0,0,0,0.3);
    color: #000000;
    padding: 10px;
}

#htmlcontainer {
    left: 50px;
    top: 50px;
    right: 50px;
    bottom: 50px;
    width: auto;
    height: auto;
    margin-left: 0;
    margin-top: 0;
}

#videocontainer {
    width: 500px;
    height: 281px;
    margin-left: -250px;
    margin-top: -140px;
}

#modallayer > div a.closeButton {
    background: #004764;
    width: 50px;
    height: 45px;
    position: absolute;
    right: 0;
    top: -45px;
    color: #ffffff;
    text-align: center;
    line-height: 45px;
    text-decoration: none;
}

    #modallayer > div a.closeButton:after {
        content: "✖";
        font-weight: normal;
    }

.modal #modallayer, .uploading #modallayer, .viewvideo #modallayer, .viewhtml #modallayer {
    display: block;
}

.attIcon {
    display: inline-block;
    margin-bottom: 5px;
    padding-left: 20px;
    position: relative;
    color: #0a4966;
    font-size: 12px;
    text-decoration: none;
    line-height: 17px;
}

    .attIcon:before {
        content: "AVAA LINKKI";
    }

    .attIcon:after {
        display: block;
        content: "";
        width: 17px;
        height: 17px;
        position: absolute;
        left: 0;
        top: 0;
        background: url(/pages/TeachingMaterial/pics/attachment-icons.png) no-repeat;
    }

.attHtmlPackage.attIcon:before {
    content: "AVAA";
}

.attHtmlPackage.attIcon:after {
    background-position: -17px 0;
}

.attHtml.attIcon:before {
    content: "AVAA SIVU";
}

.editMode .attHtml.attHtml:before {
    content: "MUOKKAA SIVUA";
}

.attHtml.attIcon:after {
    background-position: -17px 0;
}

.attDownload.attIcon:before {
    content: "LATAA TIEDOSTO";
}

.attDownload.attIcon:after {
    background-position: -51px 0;
}

.attVimeo.attIcon:before {
    content: "NÄYTÄ VIDEO";
}

.attVimeo.attIcon:after {
    background-position: -85px 0;
}

.attVideosync.attIcon:before {
    content: "NÄYTÄ VIDEO";
}

.attVideosync.attIcon:after {
    background-position: -85px 0;
}

#dk_action_layer_container .usermenu-content {
	width:260px !important;
	overflow:auto;
	padding:0 !important;
	
}




#artContainer {
	position:relative;
}

.navlink-container {
	position:absolute;
	top:0;
	height:0;
	left:0;
	right:0;
	overflow:visible;
	opacity:0.6;
}


.navlink {
    display: none;
    position: absolute;
    z-index: 1;
	top: 75vh; /*3/4 ylhäältä, asiakkaan toive.*/
    margin-top: -20px;
    width: 70px;
    height: 70px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    /*nappi saa olla kuvaa isompi*/
    background-size: 45px 45px;
    border-radius: 50%;
}
/*pienin ruutu*/
@media screen and (max-width: 25em), handheld and (max-width: 25em), tv and (max-width: 25em) {
    .navlink {
        /*pienellä näytöllä napit ovat pienemmät*/
        width: 50px;
        height: 50px;
        background-size: 25px 25px;
        background-position: 20px center;
    }
}

.navlink-left {
    left: 0;
    background-image: url(../pics/dk/symboli-nuoli-sivulle-musta.svg), none;
    /*käytetään samaa kuvaa käännettynä*/
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.navlink-right {
    right: 0;
    background-image: url(../pics/dk/symboli-nuoli-sivulle-musta.svg), none;
}

.navlink.enabled {
	display:block;
}



#article .Audio.playing {
	/*border:3px solid #ff0055 !important;*/
}

.ui-menu-item small {
	display:none !important;
}

@media screen and (min-width: 771px), handheld and (min-width: 771px), tv and (min-width: 771px) {

	body.forceHideLeftCol #controlarea {
		display: none !important;
	}

	body.forceHideLeftCol .articlearea {
		margin-left: 0 !important;
	}

	body.forceHideLeftCol .navlink-left {
		margin-left: 0 !important;
	}
}

#player-button-next, #player-button-previous {
	display:none !important
}

@media screen and (max-width: 770px), handheld and (max-width: 770px), tv and (max-width: 770px) {
	#maincontainer.menuactive .navlink {
		display:none !important;
	}
	#player-title, #player-button-volume, #player-button-volume-slider {
		display:none !important;
	}
	#article > .article:not(.nohilite) .TBSearchResult {
		background:#bbb;
	}
}

#audiobookplayer-close {
	display:block;
	position:absolute;
	right:10px;
	top:0;
	height:20px;
	width:20px;
	color:#fff;
	font-weight:bold;
	font-size:20px !important;
	line-height:20px;
	text-align:right;
}
#audiobookplayer-close:after {
	content:"×";
}

body.searchTabVisible.searchactive #article > .article:not(.nohilite) .TBSearchResult {
	background: #bbb;
}

/*.nohilite b, .nohilite span.TBSearchResult
{
	color:inherit !important;
	background-color:inherit !important;
	font-weight:inherit !important;
}*/

.highlight-changed-clip {
	background-color: #ffffff;
	margin-top: 5px;
	color: #404040;
	font-size: 12px;
	padding: 5px;
	height: 68px;
	overflow: auto;
}




/* rikkinäiset korostukset ja kirjanmerkit */
#HLBroken {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: visible;
	cursor: pointer;
	z-index:99998;
}

	#HLBroken.isempty {
		display: none;
	}

.HLBroken-container {
	width: 33%;
	position: absolute;
	right: 0;
	bottom: 0;
	overflow: visible;
	background-color: #404040;
	padding: 0px;
	color: #fff;
	text-align: center;
	height: 40px;
}

.HLBroken-container-toggle {
	cursor: pointer;
	line-height: 40px;
	font-size:1.2rem;
}

.HLBroken-list-container {
	position: absolute;
	display: none;
	bottom: 100%;
	margin-top: -1px;
	height: 300px;
	overflow: auto;
	left: 0;
	right: 0;
	background-color: #eeeeee;
	color: #404040;
	padding-top: 5px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
}

.HLBroken-container:before {
	height: 20px;
	width: 20px;
	display: block;
	content: "";
	position: absolute;
	left: 10px;
	bottom: 10px;
	background: url(/Timepub/DK/Resources-DK/pics/dk/alert-icon.svg) no-repeat;
	background-size: contain;
	border-radius: 20px;
}

.HLBroken-list-container::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 7px;
}

#HLBroken.active .HLBroken-list-container {
	display: block;
}

#HLBroken.active .HLBroken-container:after {
	position: absolute;
	z-index: 99999;
	top: 0;
	margin-top: -10px;
	left: 50%;
	margin-left: -4px;
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 10px solid #404040;
}

#HLBroken-list-container-list > div:first-child {
	font-size:1.2em;
	color:#404040;
}

.HLBroken-full-text {
	display: none;
}

#HLBroken .ulListItem {
	cursor: default;
}

#HLBroken .hllistlist {
	text-align: left;
}

.ulListItem.full-text .HLBroken-full-text {
	display: inline;
}

.ulListItem.full-text .HLBroken-cropped-text {
	display: none;
}

.HLBroken-toggle-full-text {
	font-weight: bold;
	color: #006789;
	cursor: pointer;
}

/*keskikokoinen ruutu*/
@media screen and (max-width: 50em), handheld and (max-width: 50em), tv and (max-width: 50em) {
	.HLBroken-container {
		left: 80px !important;
		right: 0 !important;
		width: auto !important;
	}
}
/*pienin ruutu*/
@media screen and (max-width: 25em), handheld and (max-width: 25em), tv and (max-width: 25em) {


	.HLBroken-container {
		left: 0 !important;
		right: 0 !important;
		width: auto !important;
	}
}

.pathlost {
	color: #ff0000;
}

.pathlostinfo:after {
	margin-left: 5px;
	background-color: #ff0000;
	border-radius: 30px;
	display: inline-block;
	width: 1em;
	height: 1em;
	color: #fff;
	text-align: center;
	line-height: 1em;
	content: "!";
}


.width-limit {
	position: relative;
	/*height: 100%;*/
	max-width: 1250px;
	min-width: 290px;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.inActiveLevel {
	display: none !important;
}

#article a > img {
	width: 100%;
}