// common\js\photobox\photobox.css
// common\common-newdesign2-old.css
// common\common-newdesign2.css
// site\site-newdesign2.css

/* Normilizes box-sizing  */
#pbOverlay *,
#pbOverlay *:before,
#pbOverlay *:after {
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}


#pbOverlay.show{ opacity:1; pointer-events:auto; }
#pbOverlay{
	opacity:0; overflow:hidden; width:100%; height:100%; position:fixed; z-index:9999; left:0; top:0; text-align:center; pointer-events:none;
	-moz-user-select:none;
	background:rgba(0,0,0,0.90);
	/* background:radial-gradient(rgba(0,0,0,.6) 0%, rgba(0,0,0,.9) 100%); */
	-webkit-transform:translate3d(0px, 0px, 0px);
	-ms-transition:opacity 300ms ease;
	transition:opacity 300ms ease;
}
#pbOverlay.msie{ background-color:rgba(0,0,0,.6); }
.msie.pbLoading .pbWrapper{ background:url('../images/loading.gif') no-repeat center center; }

@keyframes pbLoaderFrames{ 50%{ height:5px; } }
@-webkit-keyframes pbLoaderFrames{ 50%{ height:5px; } }

.pbLoader{ display:none; width:100px; height:100px; position:absolute; z-index:999; top:0; left:0; right:0; bottom:0; margin:auto; text-align:center; border-radius:100%; box-shadow:15px 32px 60px -20px #FFF inset, 1px 1px 3px 1px #FFF inset, 0 0 20px; transition:0.3s; }
.thumbs .pbLoader{ -webkit-transform:translateY(-50px); transform:translateY(-50px); }
.pbLoading:not(.msie):not(.error) .pbLoader{ display:block; }
	.pbLoader b{ display:inline-block; vertical-align:middle; margin:0 2px; width:8px; height:60px; border-radius:5px; background:rgba(255,255,255,0.8); box-shadow:0 0 10px rgba(0,0,0,0.5); -webkit-animation:.9s pbLoaderFrames infinite linear; animation:.9s pbLoaderFrames infinite linear; }
	.pbLoader b:nth-child(2){ -webkit-animation-delay:.3s; animation-delay:.3s; }
	.pbLoader b:nth-child(3){ -webkit-animation-delay:.6s; animation-delay:.6s; }

.mobile.pbLoading .pbLoader{ transform:none; transition:0s; }

.pbWrapper:after,
#pbCaption .pbThumbs ul:after,
#pbOverlay .prevNext:after,
#pbOverlay .pbLoader:before{ content:""; display:inline-block; height:100%; margin-right:-0.25em; vertical-align:middle; }

/* Animation when image was not loaded */
@keyframes deadImage{ 50%{ text-shadow:0 0 25px rgba(255,255,255,.5); transform:scale(0.85); } }
@-webkit-keyframes deadImage{ 50%{ text-shadow:0 0 25px rgba(255,255,255,.5); -webkit-transform:scale(0.85); } }

.pbWrapper{ -moz-box-sizing:border-box; box-sizing:border-box; transform:rotate(0deg); vertical-align:middle; height:100%; perspective:1200px; -webkit-perspective:1200px; position:relative; transition:0.2s; }
.video > .pbWrapper{ z-index:11; display:inline-block; }
	/*#pbOverlay.error .pbWrapper{ display:inline-block; width:100%; }*/
	.pbLoading .pbWrapper{ display:inline-block\9; width:100%; } /* ie8+9 hack */
	.pbWrapper:before{ content:'\2716'; color:transparent; text-shadow:0 2px 35px rgba(255,255,255,0); font-size:0; vertical-align:middle; cursor:default; transition:text-shadow .7s ease-out; }
	.error .pbWrapper:before{ font-size:22em; text-shadow:0 0 0 #FFF; -webkit-animation:2s 1s deadImage infinite linear; animation:2s 1s deadImage infinite linear; }
	.thumbs .pbWrapper{ padding:0; margin:0; }
	.error .pbWrapperr img{ width:0; }

	.pbWrapper > div{ display:none; width:624px; height:351px; vertical-align:middle; border-radius:5px; background:rgba(0,0,0,0.5); }
	.video > .pbWrapper > div{ display:inline-block; }
	#pbOverlay iframe, #pbOverlay embed, #pbOverlay object{ display:block; width:100%; height:100%; opacity:1; transition:0.5s; }
	.pbWrapper .hide iframe{ opacity:0; }

	.pbWrapper > div,
	.pbWrapper > img{
		-ms-transition:.3s .5s ease-out;
		transition:.8s .5s cubic-bezier(0.1, 0.87, 0.48, 1);

		-webkit-transform:none;
		-ms-transform:none;
		transform:none;

		-webkit-backface-visibility:hidden;
		box-shadow:0 0 20px #000;
	}

	/* FOR MOBILE */
	.mobile.show .pbWrapper > div,
	.mobile.show .pbWrapper > img{
		transition:30ms;
	}


	.pbWrapper > *, .hide .pbWrapper > .prepare{ opacity:1; vertical-align:middle; transform:scale(0) rotateX(80deg); -webkit-transform:scale(0) rotateX(80deg); -ms-transform:scale(0) rotateX(80deg); border-radius:6px; border:none; max-height:95%; max-width:100%; }
	.on .pbWrapper > *{ transition-delay:0s; -ms-transition-delay:0s; }
	.pbWrapper .zoomable{ -ms-transition:0s; -webkit-transition:0s; transition:0s; position:relative; z-index:9; }
	.hide .pbWrapper > *{ -webkit-transform:scale(1.2); transform:scale(1.2); transform:none\9; opacity:0; -ms-transition:.4s ease-in; transition:.4s ease-in; }

/*-- close button --*/
#pbCloseBtn, #pbAutoplayBtn{ position:absolute; top:-50px; right:-50px; z-index:999; display:block; padding:0 0 20px 20px; text-align:center; cursor:pointer; color:#FFF; transition:.3s .3s ease-out; }
.hide #pbCloseBtn{ top:-50px; right:-50px; }
.on #pbCloseBtn{ top:-2px; right:-2px; }

#pbCloseBtn:before{ content:'\00D7'; font:bold 1em/1 arial; }
#pbCloseBtn:before, #pbAutoplayBtn:before{ display:inline-block; height:35px; width:35px; padding:8px 8px 12px 12px; font-size:2em; opacity:0.8; vertical-align:middle; background:rgba(255,255,255,0.2); border-radius:0 0 0 70px; transition:0.1s ease-out; }
#pbCloseBtn:hover:before{ padding:15px 10px 24px 24px; background:rgba(255,100,100,.4); }

/*-- autoplay controller --*/
#pbAutoplayBtn{ display:none; right:auto; left:-50px; padding:0; width:50px; height:50px; font-size:13px; }
.hasAutoplay #pbAutoplayBtn{ display:block; }
#pbAutoplayBtn:hover{ width:60px; height:60px; }
.on #pbAutoplayBtn{ top:0px; left:0px; transition:.1s ease-out; }
	#pbAutoplayBtn:before{ content:'\2016'; width:100%; height:100%; border-radius:0 0 70px 0; font-weight:bold; padding:0; text-indent:-6px; line-height:1.6; }
	#pbAutoplayBtn:active:before{ text-shadow:0 0 3px #FFF, 0 0 6px #FFF; }
	#pbAutoplayBtn.play:before{ content:'\25BA'; }

	#pbAutoplayBtn .pbProgress{ display:none\9; width:100%; height:100%; overflow:hidden; position:absolute; padding:6px; top:0; left:0; opacity:0.2; transform:rotateZ(0deg); -webkit-transform:rotateZ(0deg); -ms-transform:rotateZ(0deg); -webkit-transform-origin:0 0; -ms-transform-origin:0 0; transform-origin:0 0; -webkit-transition:0.3s; -ms-transition:0.3s; transition:0.3s; }
	.mobile #pbAutoplayBtn .pbProgress{ -webkit-transition:0s; -ms-transition:0s; transition:0s; }
	#pbAutoplayBtn.playing .pbProgress{ -webkit-transform:rotateZ(90deg); -ms-transform:rotateZ(90deg); transform:rotateZ(90deg); }
	#pbAutoplayBtn .pbProgress:before{ content:''; position:absolute; right:0; bottom:0; width:200%; height:200%; border-radius:50%; box-shadow:0 0 0 8px #FFF inset; }

#pbCaption, .hide #pbCaption{ position:absolute; z-index:999; margin-bottom:5px; bottom:-120px; width:100%; overflow:hidden; transition:.4s; }
.show.on #pbCaption{ bottom:0; transition-delay:.5s; }
	#pbOverlay.thumbs #pbCaption label{ display:block; }
	#pbCaption label{ display:none; position:relative; z-index:1; top:-5px; float:right; width:60px; margin-right:10px; color:#FFF; opacity:0.3; transition:0.2s; cursor:pointer; }
	#pbCaption label:after{ background:#FFF; box-shadow:12px 0 #FFF, -12px 0 #FFF; content:""; display:inline-block; height:0; padding:10px 5px; text-align:right; vertical-align:top; width:0; }
	#pbCaption label:hover{ opacity:1; }
	#pbCaption .title, #pbCaption .counter{ display:inline-block; color:#FFF; margin:0 6px; }
	#pbCaption .counter{ display:none; opacity:.55; }
	.hasCounter #pbCaption .counter{ display:inline-block; }
	.pbCaptionText{ transition:.3s; opacity:0.9; font-weight:bold; font-size:.9em; text-shadow:1px 1px 1px rgba(0,0,0,.5); padding-left:60px; } /* padding-left from <label> */
	.pbCaptionText.change{ -webkit-transform:translateY(25px); transform:translateY(25px); opacity:0; }

.mobile #pbCaption label{ display:none; z-index:-1; color:red; }
.mobile .pbCaptionText{ padding:0; }

/* hide thumbnails */
#pbThumbsToggler:checked ~ #pbCaption .pbThumbs{ margin:0; }
#pbThumbsToggler:checked ~ .pbWrapper{ margin-top:-50px; padding:50px 0; }

.pbThumbs{ display:none; transition:0.35s; -webkit-overflow-scrolling:touch; }
.thumbs .pbThumbs{ display:block; width:100%; padding:5px 0 2px; margin-bottom:-100px; overflow:hidden; }
.mobile .pbThumbs{ overflow:auto; }
.pbThumbs:hover{ clear:both; }
	.pbThumbs ul{ display:inline-block; position:relative; list-style:none; height:80px; padding:0 5px; margin:0; white-space:pre; transition:.2s; }
	.pbThumbs ul:after{ vertical-align:bottom; }
		.pbThumbs li{ display:inline-block; vertical-align:bottom; height:70%; opacity:.6; text-align:center; position:relative; transition:.15s; }
		.pbThumbs li.active{ height:100%; opacity:1; }
		.pbThumbs li:hover{ height:100%; opacity:1; }
		.pbThumbs li.video::before{ content:'\25BA'; color:#FFF; font-size:20px; height:20px; width:20px; line-height:0.9; position:absolute; bottom:4px; left:7px; background:rgba(0,0,0,0.4); box-shadow:0 0 0 3px rgba(0,0,0,0.4); border-radius:0 3px 0 0; pointer-events:none; }
			.pbThumbs a{ height:100%; padding:0 2px; display:block; -moz-user-select:none; }
			.pbThumbs li:hover a{  }
				.pbThumbs img{ height:96%; min-height:95.9%; border:2px solid #FFF; max-width:none; border-radius:0; transition:0.15s; }
				.pbThumbs li:hover img{ min-height:96%; } /* fix a bug in Chrome and Opera */
				.pbThumbs li.fast a img{ transition:none; }
				.pbThumbs li.active a img{ border-color:#D8FF16; min-height:96%; }

#pbOverlay .prevNext{ display:none; background:rgba(0,0,0,0); position:absolute; z-index:10; height:100%; width:35%; padding:80px 0; opacity:0; box-sizing:border-box; -moz-box-sizing:border-box; top:0; transition:.2s ease-out; text-shadow:0 0 12px #000, 0 0 10px #FFF; user-select:none; cursor:pointer; }
#pbOverlay.hasArrows .prevNext{ display:block; }
#pbOverlay .prevNext.hide{ display:none; }
#pbOverlay.on .prevNext:hover{ opacity:.5; }
#pbOverlay.on .prevNext:hover:active{ transition:80ms; opacity:1; text-shadow:0 0 16px #FFF, 0 0 10px #000; }
	.prevNext b{ display:inline-block; vertical-align:middle; transition:.2s ease-in; }
	.prevNext:hover b{ transition:.2s cubic-bezier(0.095, 0.870, 0.485, 0.985); }
	#pbPrevBtn b{ transform:scale(.4) translateX(350px); -webkit-transform:scale(.4) translateX(350px); }
	#pbNextBtn b{ transform:scale(.4) translateX(-350px); -webkit-transform:scale(.4) translateX(-350px); }
	/* */
	#pbPrevBtn b:before, #pbNextBtn b:after{ display:inline; line-height:.3; x-font-size:18em; font-weight:normal; color:#FFF; font-family:Arial; }

	#pbPrevBtn b:before{ content:'\2039'; }
	#pbNextBtn b:after{ content:'\203A'; }
	/* */
	.on #pbPrevBtn:hover b{ transform:scale(1) translateX(20px); -webkit-transform:scale(1) translateX(20px); }
	.on #pbNextBtn:hover b{ transform:scale(1) translateX(-20px); -webkit-transform:scale(1) translateX(-20px); }

.show #pbPrevBtn, #pbOverlay.show #pbNextBtn{  }
.show #pbPrevBtn{ left:0; text-align:left; }
.show #pbNextBtn{ right:0; text-align:right; }

/*------- media queries (for small screens) -----------*/
@media all and (max-width:700px){
	.pbWrapper img, .hide .pbWrapper img.prepare{ max-height:100%; }

	.thumbs .pbWrapper{ padding:0; margin:0; }
	.pbThumbs{ margin-bottom:-60px; }
	.pbThumbs.show{ margin:0; }

	.pbThumbs ul{ height:50px; }
		.pbThumbs li{ height:100%; opacity:1; }
		.pbThumbs li img{ min-height:96.5%; }
}
/* fix for Chrome */
@media all and (max-width:710px){
	.pbThumbs li.active a img{ min-height:96%; }
}



TABLE {
	text-align: left;
}

.maincol > TABLE {
	box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; 
	max-width: 95%;
	text-align: left;
}

BODY.popup .maincol > TABLE {
	max-width: 100%;
}


TABLE.adminlist { color: #000000 }
TABLE.adminlist A { color: #001cc0 }
TABLE.adminlist A:hover { color: #c01c00 }
TABLE.adminlist TD { vertical-align: top; padding: 3px 2px 3px 2px }
TABLE.adminlist TR#header { background-color: #808080; color: #ffffff; font-weight: 600; text-align: center }
TABLE.adminlist TR TD#title {  }
TABLE.adminlist TR TD#time { text-align: center }
TABLE.adminlist TR TD#op { text-align: right }
TABLE.adminlist TR TD#number { text-align: right }
TABLE.adminlist TR#row1 { background-color: #ffffff }
TABLE.adminlist TR#row2 { background-color: #f0f0f0 }
TABLE.adminlist#spaced TD { padding-left: 5px; padding-right: 5px; }

TABLE.adminlist A { color: #a01c00 }
TABLE.adminlist A:hover { color: #c01c00 }

TABLE.sectionheader {
  font-weight: 600;
  x-border: 1px solid #c6ced6;
  padding-bottom: 3px; margin-bottom: 3px;
}
TABLE.sectionheader TD#title { 
  color: #000000; text-align: left; padding-left: 4px; padding-right: 4px
  padding-top: 2px; padding-bottom: 3px;
  x-background-color: #f0f0f0
}
TABLE.sectionheader TD#title A { color: #001c80;  }
TABLE.sectionheader TD#title A:hover { color: #ffffff }
TABLE.sectionheader TD#info { 
  color: #000000; text-align: right; padding-left: 4px; padding-right: 4px
}
TABLE.sectionheader TD#info A { font-weight: normal; color: #808080; }
TABLE.sectionheader TD#info A:hover { color: #000000; }
TABLE.sectionline TD#sepline { 
  border-style: dotted; border-color: #a0a0a0; border-width: 0px;
  border-top-width: 1px;
}

TABLE.sectionheader { border-style: none; x-padding-bottom: 5px; margin-top: 10px; }
TABLE.sectionheader:first-child { margin-top: 0px; }
TABLE.sectionheader TD#title { x-background-color: #f0f0a0; padding-top: 0px; padding-bottom: 4px  }
TABLE.sectionheader TD#title { background-color: none; color: #bb6622 }
TABLE.sectionheader TD#sepline { border-top-width: 1px; border-top-style: dotted; border-top-color: #c0c0c0 }


TABLE.forumlist { 
  color: #000000;
/*  border-style: solid; border-width: 1px; border-color: #000000; */
}
TABLE.forumlist TD { vertical-align: top; padding-top: 3px; padding-bottom: 3px }
TABLE.forumlist TR { padding: 0px 2px 0px 2px; }
TABLE.forumlist TR#header { background-color: #cccccc; font-weight: 600; text-align: center; }
TABLE.forumlist TR#row1 { background-color: #ffffff }
TABLE.forumlist TR#row2 { background-color: #f0f0f0 }
TABLE.forumlist TD SPAN.type { color: #a0a0a0 }
TABLE.forumlist TR TD#highlight { font-weight: 600 }
TABLE.forumlist TR TD#highlight2 A { font-weight: 600; color: #800000 }
TABLE.forumlist TR.unread { font-weight: 700 }
TABLE.forumlist TD#lastuser { text-align: center }
TABLE.forumlist TD#lastentry { text-align: right }
TABLE.forumlist TD#age { text-align: center }
TABLE.forumlist TD#entrycount { text-align: right }
TABLE.forumlist TD#points { text-align: center }
TABLE.forumlist TD#status { text-align: center; x-font-weight: 600; font-family: Symbol }
TABLE.forumlist A { color: #001ca0;  }
TABLE.forumlist A:hover { color: #801c00 }
TABLE.forumlist A:visited { color: #a0a0c0 }

TABLE.forumlist TD INPUT { margin-top: -3px }

TABLE.forumlist A { color: #a01c00;  }
TABLE.forumlist A:hover { color: #c01c00 }
TABLE.forumlist A:visited { color: #c0a0a0 }
xTABLE.forumlist TR#header TD { background-color: #997755; color: #ffffff }


TABLE.tabnavex { margin-bottom: 0px; }
TABLE.tabnavex TD { padding-bottom: 5px }
TABLE.tabnavex TR#sepline TD { background-color: #000000; padding: 0px 0px 0px 0px; }

TABLE.tabnavigator { margin: 1em 0em; }
TABLE.tabnavex TABLE.tabnavigator { margin: 1em 0em 1em 0em; }
TABLE.tabnavigator TD { text-align: center; padding: 0.4em 1em }
TABLE.tabnavigator TD A { display: block; width: 100%; height: 100%; }
TABLE.tabnavigator TD#a { background-color: #e0f0ff; /* border-style: solid; border-color: #000000; border-width: 1px; */ }
TABLE.tabnavigator TD#i { background-color: #c0d0df; #d0d0d0}
TABLE.tabnavigator TR#topline TD#i { background-color: #ffffff }
TABLE.tabnavigator TD#a A { color: #001cc0; font-weight: 600 }
TABLE.tabnavigator TD#a A:hover { color: #c01c00 }
TABLE.tabnavigator TD#i A { color: #202020; font-weight: 600 }
TABLE.tabnavigator TD#i A:hover { color: #c01c00 }

TABLE.tabnavigator TD#a { background-color: #f95; #ffbb88;  }
TABLE.tabnavigator TD#i { background-color: #f8f8f8; #e0a090 }
TABLE.tabnavigator TD#a A { color: #ffffff }
TABLE.tabnavigator TD#a A:hover { color: #c01c00 }
TABLE.tabnavigator TD#i A { color: black }
TABLE.tabnavigator TD#i A:hover { color: #c01c00 }

TABLE.fastlistline { color: #000000 }
TABLE.fastlistline TR TD { padding: 3px 0em; }
TABLE.fastlistline TR#title TD { padding-left: 0px; padding-right: 0px }
TABLE.fastlistline TD#title { color: #000000; text-align: left }
TABLE.fastlistline TD#title A { color: #001c80;  }
TABLE.fastlistline TD#title A:hover { color: #801c00 }
TABLE.fastlistline TD#title .adtitle A { color: #e03c00;  }
TABLE.fastlistline TD#title .adtitle A:hover { color: #1c0080;  }
TABLE.fastlistline TD#title #prefix { color: #808080; font-weight: normal }
TABLE.fastlistline TD#title #suffix { color: #808080; font-weight: normal }
TABLE.fastlistline TD#info { color: #000000; text-align: right; padding-left: 5px }
TABLE.fastlistline TD#subinfo { padding-left: 15px; color: #a0a0a0; padding-top: 1px; padding-bottom: 1px }
aaTABLE.fastlistline TD#title A#extnews { color: #808080;  }
aaTABLE.fastlistline TD#title A#extnews:hover { color: #801c00;  }
TABLE.fastlistline TR#lead TD { padding-left: 15px; x-line-height: 1.4}
TABLE.fastlistline TR#lead TD IMG#icon { padding: 0px 0px 0px 0px; border-color: #000000; border-style: solid; border-width: 1px; margin-right: 8px; margin-top: 2px }
TABLE.fastlistline .ad { color: red !important }

TABLE.fastlistline .extinfo { color: #c0c0c0 }

TABLE.fastlistline { border-collapse: collapse; }
TABLE.fastlistline TD#title { font-weight: 600 }
TABLE.fastlistline TD#title A { color: #000000; #801c00;  }
TABLE.fastlistline TD#title A:hover { color: #c01c00 }
TABLE.fastlistline TD#title A:visited { color: #a0a0a0 }
TABLE.fastlistline TD#info { color: #a0a0a0; x-font-weight: 600 }

TABLE.inputform { background-color: #f0f0f0; color: #000000; text-align: left;}
TABLE.inputform TR#title { 
  background-color: #d0d0d0; color: #000000; font-weight: 600;

}
TABLE.inputform TR#title TD { padding: 2px 4px 2px 4px }
TABLE.inputform TR#body { padding: 4px 4px 4px 4px }
.formhint { font-size: 9px }

TABLE.inputformdefault { background-color: #e0f0ff; color: #000000; width: 100%; }
TABLE.inputformdefault TR#title { 
  background-color: #8098b0; color: #ffffff; font-weight: 600;
}
TABLE.inputformdefault TR#title TD { padding: 0.5em 1em; }
TABLE.inputformdefault TR#body { padding: 4px 4px 4px 4px }

FORM.inputform { 
  margin-bottom: 0px; vertical-align: baseline;
}
FORM.inputform SELECT { margin-top: 1px; margin-bottom: 1px}
FORM.inputform INPUT { }
FORM.inputform INPUT#button {  }

TABLE.inputformdefault { background-color: #fff0e0; color: #000000; }
TABLE.inputformdefault TR#title { background-color: #b09880; color: #ffffff; }

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

.searchhighlight {
  background-color: yellow !important;
  display: inline-block;
  padding: 1px;
  color: black !important;
}

.searchhighlight.num2 {
  background-color: #c0ffc0 !important;
}
.searchhighlight.num3 {
  background-color: pink !important;
}

TABLE.hitlist {}
TABLE.hititem TR#title A { font-weight: 600; color: #001cc0 }
TABLE.hititem TR#title A:hover { color: #c01c00 }
TABLE.hititem TR#title TD#time { text-align: right; color: #a0a0a0 }

TABLE.hititem TR#title A { font-weight: 600; color: #801c00 }
TABLE.hititem TR#title A:hover { color: #c01c00 }

TABLE.pointlist { text-align: left; margin: 0px; padding: 0px; }
TABLE.pointlist TD { vertical-align: top; padding: 2px 4px 2px 4px }
UL.pointlist { list-style: none; x-margin-left: 8px; margin-bottom: 0px; padding: 0px; margin: 0px; }
UL.pointlist UL { list-style: none; x-margin-left: 20px }
UL.pointlist LI.top TABLE { background-color: #ddeeff }
UL.pointlist LI.second TABLE { background-color: #f0f0f0 }
UL.pointlist LI.second TABLE TD.points { text-align: right }
UL.pointlist LI.second TABLE TD.level { text-align: center }

TABLE.softbutton { border-collapse: collapse; border-spacing: 0; }
TABLE.softbutton TD {  }
TABLE.softbutton A { 
	text-decoration: none; display: block; widtgh: 100%; height: 100%; 
	background-color: #ccc; 
	x-border: 1px solid black; 
	padding: 4px 8px;
}
TABLE.softbutton A:hover { 
	color: white; background-color: #888;
}

.errormessage { color: #800000; font-weight: 600 }
TABLE.errormessage { background-color: #ff9898; color: #ffffff; margin: 1em 0em; }
TABLE.errormessage P { margin: 0px; padding: 0.3em 0.5em; }

.exc { color: #ff0000; padding-top: 5px; text-align: center }
DIV.exc A { color: #ff0000; x-font-weight: 600; text-decoration: underline }
.exc A:visited { color: #ff0000 }

/* ÁRVÍZTŰRŐ TÜKÖRFÚRÓGÉP <- trigger utf-8 mode */

@font-face {
	font-family: 'FontAwesome';
	src: url('/common/fonts/fontawesome-webfont.eot?v=3.2.1') ;
	src: url('/common/fonts/fontawesome-webfont.eot?#iefix&v=3.2.1')  format('embedded-opentype'), url('/common/fonts/fontawesome-webfont.woff?v=3.2.1')  format('woff'), url('/common/fonts/fontawesome-webfont.ttf?v=3.2.1')  format('truetype'), url('/common/fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1')  format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Segoe UI";
    font-style: normal;
    font-weight: 400;
    src: local("Segoe UI"), local("SegoeUI"), local("Segoe"), local("Helvetica Neue"), local("Helvetica"), local("Roboto"), local("Arial"), local("FreeSans"), local("sans-serif");
}
@font-face {
    font-family: "Segoe UI";
    font-weight: 600;
    src: local("Segoe UI Semibold");
}
@font-face {
    font-family: "Segoe UI";
    font-weight: 700;
    src: local("Segoe UI Bold");
}
@font-face {
    font-family: "Segoe UI";
    font-style: italic;
    font-weight: 400;
    src: local("Segoe UI Italic");
}

BODY {
	margin: 0px; padding: 0px;
	x-font-family: SegoeUI, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, Roboto, Arial, FreeSans, sans-serif;
    font-family: "Segoe UI"; 
	font-weight: 400;
	font-size: 13px;
	background-color: #ffffff;
	color: black;
	background-image: none !important;
}

INPUT {
	font-family: "Segoe UI", Segoe, "Helvetica Neue", Helvetica, Roboto, Arial, FreeSans, sans-serif; 
	/* ^ needed to make all inputs the same height/size */
}

::-webkit-input-placeholder { opacity: 0.7; }
::-moz-placeholder { opacity: 0.7; } 
:-ms-input-placeholder { opacity: 0.7; } 
input:-moz-placeholder { opacity: 0.7; }

BODY.touch { transition: all 0s !important; }

BODY.fontsize-tiny { font-size: 11px; }
BODY.fontsize-small { font-size: 12px; }
BODY.fontsize-big { font-size: 14px; }
BODY.fontsize-large { font-size: 16px; }


BODY.dark {
	background: #000;
}

a {
	text-decoration: none;
	color: inherit;
}

a:visited {	color: #aaa; }
a:hover { color: #ff801c; }

a img { border: none; }

a label { cursor: pointer; } 

b {	font-weight: 600; }

.center { text-align: center; }
.rel { position: relative; }

table,
form,
tr,
td { 
	font-size: 100%; /* inherit font size, don't use fixed defaults */
}

.hslice .ttl,
.hslice .entry-title {
	display: none;
}

a.adminlink,
a.adminlink:visited,
a.userlink,
a.userlink:visited,
a.funclink,
a.funclink:visited { 
	color: #000; 
}

a.adminlink: hover {
	color: #ff801c;
}

a.authorship {
	display: none;
}

h1,
h2,
h3	{
	font-family: inherit;
	font-weight: 600;
	border: 0; outline: 0;
	font-weight: inherit; font-style: inherit;
	vertical-align: baseline;
}

BODY.popup {
	margin-top: 0em;
}

.minpadding {
	margin: 1em 0em;
}

.hidden { display: none !important; }

.micro-data { display: none; }

.noselect {
    user-select: none;    
    -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;
}

BODY.scripted *[data-toggle] {
		cursor: pointer;
}

.networkheader {
	display: block;
	background-color: #333; 
	color: white;
	text-align: center;
	font-size: 85%; font-weight: 600;
	position: fixed; left: 0px; top: 0px; right: 0px;
	z-index: 999;
	padding: 0.1em 0em;
}

.networkheader .contents {
	text-align: left;
	display: table; vertical-align: middle;
	height: 1em; overflow: hidden;
	width: 100%;
	white-space: nowrap; overflow: hidden;
}

.networkheader .contents > * {
	display: table-cell; vertical-align: middle;
	border-spacing: 0px; border-collapse: collapse;
}

.networkheader .contents .logo {
	width: 119px; height: 100%;
	text-indent: -9999px;
	background-position: left center; background-repeat: no-repeat;
	background-image: url('/common/images/technetwork-logo-16.png') ;
}

.networkheader .contents .sites {
	display: inline-block;
	overflow: hidden; x-text-overflow: ellipsis; white-space: nowrap;
}

.networkheader a {
	color: #eee;
}

.networkheader ul,
.networkheader ul li {
	display: inline-block;
	padding: 0px; margin: 0px;
	list-style-type: none;
}

.networkheader ul li {
	margin-left: 10px;
}

.networkheader .site:before {
	display: inline-block;
	content: "\25A0";
	padding: 0px 3px 2px 3px;
	vertical-align: top;
}

.networkheader .proghu:before {
	color: #66ccff;
}

.networkheader .pcforum:before {
	color: #ff6600;
}

.networkheader .site .name {
	color: white;
}

.networkheader .site .name:hover {
	color: orange;
}

.networkheader .site .kws {
	color: #aaa;
}

#pagealign {
	display: block;
	text-align: center;
	margin-top: 1.5em;
}

BODY.fixedtop #pagealign {
	position: relative;
	top: 4.5em; margin-top: 1.6em;
}

BODY.touch #pagealign {
	margin-top: 1.4em;
}

BODY.popup #pagealign {
	top: 0em; margin-top: 0px;
	height: 100%;
}

#page {
	position: relative;
	display: inline-block;
	x-overflow: hidden;
	text-align: left;
	padding: 0em;
	z-index: 2;
}

#page {
	width: auto;
	display: block;
	text-align: center;
}

#page > * > * {
	text-align: left;
}

.centercol {
	display: inline-block;
	width: 1088px;
	position: relative;
}

BODY #page,
BODY .colset {
	background-color: transparent;
}

.pagebody .centercol {
	background-color: white;
}

BODY.dark .centercol {
	background-color: #111;
	color: white;
}

BODY.dark .networkheader .centercol {
	background-color: transparent !important;
}

#backtotopvert {
	text-align: center;
}

.pagebody #backtotopvert .centercol {
	background-color: transparent;
}

#backtotophorz {
	top: -15px;
}

.pageheader-container-align {
	background: black;
	color: white;
}

BODY.nonzeroscroll .pageheader-container-align {
	box-shadow: 0px 0.5em 2em -0.5em rgba(0,0,0,0.5); 
	transition: all 0.2s ease;	
}

x-BODY.nonzeroscroll .pageheader-container-align:hover * {
    opacity: unset !important;
}

BODY.popup #page {
	width: auto;
	display: block;
	overflow: auto;
	max-width: 100%;
	height: 100%;
}

#globalwarning {
	display: block;
	/*position: fixed;
	left: 0px; right: 0px; bottom: 0px; z-index: 999; */
}

#globalwarning .content {
	display: block;
	background-color: red;
	color: white; font-weight: 600;
	text-align: center;
	x-padding: 0.4em;
}

#globalwarning .closeablenotification {
	margin-top: 22px; margin-bottom: -1.5em;
}

#globalwarning a { color: yellow; }
#globalwarning a:hover { color: white; }

#backtotopvert {
	position: absolute;
	top: 0px; left: 0px; right: 0px;
	height: auto;
}

#backtotop > * {
	text-align: left;
}

BODY.notloggedin .pageheader-container {
	position: relative; z-index: 100;
}

BODY .pagebody {
	z-index: 1;
}

.pageheader-container {
	display: inline-block;
	width: 100%;
	border-spacing: 0px; border-collapse: collapse;
	font-size: 160%;
	white-space: nowrap;
	vertical-align: middle;
	padding: 0.3em 0em;
	transition: all 0.3s ease;
}

BODY.fixedtop .pageheader-container-align {
	position: fixed !important;
	display: block !important; width: 100%;
	left: 0px !important; right: 0px !important; top: 1.2em !important;
	z-index: 999;
}

.pageheader-container > .centercol {
	display: table;
	height: 100%;		
}

.pageheader {
	display: table-row;
}

BODY.fixedtop.nonzeroscroll #preloadheader {
	display: none;
}

BODY .pageheader-container-align {
	transition: all 0.5s ease;
}

/*
BODY.nonzeroscroll .pageheader-container-align {
	opacity: 0.5;
}

BODY.nonzeroscroll .pageheader-container-align:hover {
	opacity: 1.0;
}
*/

.pageheader > * {
	display: table-cell;
	vertical-align: middle;
	height: 100%;
	padding: 0em;
}

.pageheader > *:last-child {
	padding-right: 0em;
}

.pageheader form {
	padding: 0em; margin: 0em; width: auto; height: auto;
}

.pageheader form input {
	font-size: 90%; color: inherit;
}

.pageheader form button,
.pageheader form input[type=submit] {
	font-size: 60%;
	padding: 0.6em 2em; 
	vertical-align: top;
	border: none; background: transparent; color: white;
	opacity: 0.6;
	transition: opacity 0.2s ease;
	cursor: pointer;
}

.pageheader form button:hover,
.pageheader form input[type=submit]:hover {
	opacity: 1.0;
}

.pageheader #pagelogin {
	position: relative;
	padding-left: 1.4em; padding-right: 1.4em;
	padding-top: 0.3em;
}

.pageheader #pagelogin > div {
	display: table;
}

.pageheader #pagelogin > div > * {
	display: table-cell;
}

.pageheader #pagelogin:before,
.pageheader #pagelogin:after {
	position: absolute; content: " ";
	top: 0.3em; bottom: 0em; width: 0px;
	x-border-right: 1px solid rgba(255,255,255,0.3); 
}

.pageheader #pagelogin:before {
	left: 0.7em;
}

.pageheader #pagelogin:after {
	right: 0.7em;
}

.pageheader #pagelogin a {
	display: inline-block;
	color: inherit;
	opacity: 0.6;
	transition: opacity 0.2s ease;
	font-size: 65%;
	padding-bottom: 0.5em;
	position: relative;
	margin-right: 1em;
}

.pageheader #pagelogin a:before {
	font-family: FontAwesome;
	display: inline-block;
	position: absolute; left: 0.2em; top: 50%; margin-top: -0.6em;
	width: 1em; height: 1em;
	font-size: 200%;
	text-indent: 0px;
}

.pageheader #pagelogin a#pageloginlink {
	padding-left: 3em;
}

.pageheader #pagelogin a#pageloginlink:before {
	content: "\F007"; 
}

.pageheader #pagelogin a:hover {
	opacity: 1.0;
}

.pageheader #pagelogin .scroller {
	display: block;
	/* overflow-x: hidden; */
    overflow: hidden;
	transition: all 0.3s ease;
	width: 0px; 
}

.pageheader #pagelogin input {
	color: black;
	vertical-align: top; border: none;
	margin: 0em; padding: 0.1em; 
}

.pageheader #pagelogin input[name=email] {
	width: 10em; 
}

.pageheader #pagelogin .email-w,
.pageheader #pagelogin .password-w {
	padding-right: 0.2em; 
	box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box;
}

.pageheader #pagelogin input[name=password] {
	width: 8em; 
}

.pageheader.currentform-pageloginform #pagelogin .scroller  {
	width: 19em;
	padding-left: 0em; margin-left: 0em;
	transition: all 0.4s ease;
}

#pagelogin .email-w,
#pagelogin .password-w {
	position: relative;
	display: inline-block;
}

#pagelogin .email-w:after,
#pagelogin .password-w:after {
	position: absolute;
	display: inline-block;
	left: 5px; top: -1.5em;
	font-size: 50%;
	color: white;
	opacity: 0.5;
	content: attr(title);
}

.pageheader #pagelogin .email-w {
	display: inline-block;
	margin-top: -0.1em;
}

.pageheader #pagelogin #pageloginsubmit {
	padding-left: 0.5em; padding-right: 0.5em;
}

.pageheader #pagelogin #pageloginsubmit .fo {
	display: inline-block;
	text-indent: -9999px;
	padding: 0em; margin: 0em;
	width: 2em; 
	position: relative;
}

.pageheader #pagelogin #pageloginsubmit .fo:after {
	display: inline-block;
	position: absolute; left: 0px; right: 0px; top: -0.1em; bottom: 0px;
	content: "\F090"; font-family: FontAwesome;
	text-indent: 0px;
	font-size: 200%;
	text-align: center;
}

.pageheader #pagesearch {
	font-size: 90%;
}

.pageheader.currentform-pageloginform #pagesearch {
	opacity: 0;
	transition: all 0.5s ease;
}

.pageheader #pagelogin form {
	margin: 0em; padding: 0em;
	x-display: table;
}

.pageheader #pagelogin form > * {
	x-display: table-cell;
	white-space: nowrap; 
}

.pageheader .popupicon {
    position: relative;
}

.pageheader .popupicon .icon {
    display: inline-block; position: relative;
    width: 1.5em; height: 1.2em; padding: 0em; margin-left: 1em; margin-right: 0.5em;
    vertical-align: middle;
    cursor: pointer;
}

.pageheader .popupicon .icon:before {
    position: absolute; display: inline-block;
    left: 0px; top: 0px; bottom: 0px; right: 0px;
    text-align: left; top: 0.1em;
    font-family: FontAwesome;
    opacity: 0.5;
	transition: opacity 0.2s ease;
    font-size: 120%;
    vertical-align: bottom; 
}

.pageheader .popupicon .icon:after {
    position: absolute; display: inline-block;
    left: 0px; top: 0px; bottom: 0px; right: 0px;
    left: 1.2em;
    content: "\25be"; x-font-size: 40%;
    opacity: 0.5;
    vertical-align: middle;
}

.pageheader .popupicon .icon:hover:before,
.pageheader .popupicon .icon:hover:after {
    opacity: 1;
}


.pageheader .popupicon.social {
    z-index: 2;
}

.pageheader .popupicon.social .icon:before {
    content: "\F0C0";
    font-size: 110%;
}

.pageheader .popupicon.feeds {
    z-index: 1;
}

.pageheader .popupicon:hover {
    z-index: 999 !important;
}

.pageheader .popupicon.feeds .icon:before {
    content: "\F09E";
    font-size: 120%;
}

.pageheader .popupicon .popupmenu {
    x-margin-top: 0.4em;
	right: 0em; left: auto;
    x-padding: 0em; 
}

.pageheader .popupicon .popupmenu ul {
    padding: 0em; margin: 0em;
    list-style-type: none;
}

.pageheader .popupicon .popupmenu ul > li {
    padding: 0em; margin: 0em;
}

.pageheader .popupicon .popupmenu ul > li a:before {
    content: "";
    font-family: FontAwesome;
    display: inline-block;
    width: 1.7em; text-align: left;  
    opacity: 0.7;
    font-size: 120%;
}

.pageheader .popupicon .popupmenu ul > li.sep {
	height: 0.8em;
    position: relative;
}

.pageheader .popupicon .popupmenu ul > li.sep:after {
    position: absolute; display: block;
    content: " ";
    left: 0px; right: 0px; top: 50%; height: 0px;
	border-bottom: 1px solid rgba(192,192,192,0.5);
}

.pageheader .popupicon .popupmenu ul > li.facebook a:before { content: "\F09A"; }
.pageheader .popupicon .popupmenu ul > li.twitter a:before { content: "\F099"; }
.pageheader .popupicon .popupmenu ul > li.googleplus a:before { content: "\F0D5"; }
.pageheader .popupicon .popupmenu ul > li.rss a:before { content: "\F09E"; }
.pageheader .popupicon .popupmenu ul > li.newsletter a:before { content: "\F0E0"; }

.pagelogo {
	display: inline-block;
}

.pagelogo {
	position: relative;
	x-margin-top: 0.4em;
	x-height: 2em;
}

.pagelogo:after {
	display: inline-block; content: " ";
	position: absolute; left: 2.2em; top: 0px; bottom: 0px;
	background-repeat: no-repeat; background-position: center center;
	opacity: 0.7;
	transition: opacity 0.2s ease;
}

.pagelogo:hover:after {
	opacity: 1.0;
}

.pagelogo img {
	x-height: 100%; width: auto;
	margin-top: 0.5em;
	height: 1.5em;
}

#pagemenu {
	display: inline-block;
	position: relative;
	height: 100%;
	padding: 0em 0.5em; margin: 0em 1em;
	z-index: 999;
	display: none;
}

BODY.fixedtop #pagemenu {
	display: inline-block !important;
}

#pagemenu > .icon {
	position: relative;
	display: inline-block;
	text-indent: -9999px;
	height: 100%;
	width: 1.5em;
	cursor: pointer;
	color: white; opacity: 0.5;
	transition: opacity 0.2s ease;
}

#pagemenu > .icon:before {
	position: absolute;
	display: inline-block;
	left: 0px; right: 0px; top: 50%; bottom: 0px; margin-top: -0.4em;
	font-family: "FontAwesome";
	content: "\F0C9";
	text-indent: 0px; text-align: center;
}

#pagemenu:hover > .icon,
#pagemenu.popupshown > .icon {
	opacity: 1.0;
}

#pagemenu > .popupmenu {
	z-index: 499;
	x-padding: 0.5em 0em;
	width: 3em; overflow: hidden;
}

#pagemenu:hover > .popupmenu,
#pagemenu.popupshown > .popupmenu {
	width: auto;
}

#pagemenu > .popupmenu ul {
	display: inline-block;
	padding: 0em; margin: 0em;
}

#pagemenu:hover > .popupmenu > .contents,
#pagemenu.popupshown > .popupmenu > .contents,
#pagemenu > .popupmenu:hover > .contents {
	display: inline-block;
	background: #333;
}

#pagemenu > .popupmenu > .contents > .align {
	display: table;
	vertical-align: top;
}

#pagemenu > .popupmenu > .contents > .align > * {
	display: table-cell;
	padding: 0em 0.5em;
	border-left: 1px solid #ccc;
}

#pagemenu > .popupmenu > .contents > .align > *:first-child {
	border-left: none;
}

#pagemenu > .popupmenu .langmenu ul {
	display: block;
	margin: 0em; padding: 0em;
	x-white-space: nowrap; 
}

#pagemenu > .popupmenu .langmenu ul:after {
	content: " "; display: block; height: 0px; overflow: hidden; clear: both;
}

#pagemenu > .popupmenu .langmenu ul li {
	display: inline-block;
}

#pagemenu > .popupmenu .langmenu ul li:nth-child(n+4) {
	float: left; 
}

#pagemenu > .popupmenu .langmenu ul li.more {
	x-float: right;
}

#pagemenu > .popupmenu .langmenu ul li.more a {
	min-width: 0px; 
	padding-left: 2em; padding-right: 2em;
}

#pagesearch {
	width: 100%;
	padding-right: 0.5em;
}

#pagesearch > * {
	display: inline-block;
	position: relative;
	margin-top: 0.4em; 
	width: 100%; 
}

#pagesearch form {
	display: table;
	width: 100%; border: none;
	border-spacing: 0px; border-collapse: collapse;
	white-space: nowrap; 
	position: relative;
	margin-top: 0.1em;
}

#pagesearch form:before {
	content: " "; position: absolute; display: inline-block;
	left: 0.05em; right: 0.05em; top: 0em; bottom: 0em;
	border: 1px solid rgba(255,255,255,0.2);
	background: rgba(255,255,255,0.2);
	transition: all 0.2s ease;
	z-index: 80;
}

#pagesearch form > * {
	display: table-cell; 
	vertical-align: middle;
}

#pagesearch form #expr {
	width: 100%;
	border: none; background: transparent; 
	outline-color: transparent;
	padding: 0.2em 0.2em 0.1em 0.2em;
	color: white;
	opacity: 0.5;
	transition: opacity 0.2s ease;
	position: relative;
	z-index: 81;
}

#pagesearch form:hover:before,
#pagesearch form.focused:before {
	background: white;
}

#pagesearch form:hover #expr,
#pagesearch form.focused #expr {
	color: black;
	opacity: 1.0;
}

#pagesearch form input[type=submit] {
	text-indent: -9999px;
	margin-right: -2.5em;
	width: 1em;
	cursor: pointer;
	z-index: 99;
	position: relative;
}

#pagesearch form:after {
	position: absolute; 
	display: inline-block; right: 0.5em; top: 50%; height: 1em; margin-top: -0.5em; 
	font-family: "FontAwesome"; content: "\F002";
	opacity: 0.5;
	cursor: pointer;
	z-index: 98;
	color: white;
}

#pagesearch form:hover:after,
#pagesearch form.focused:after {
	color: black;
}

#pagesearch select,
#pagesearch label {
	display: none;
}

#userbarcontainer {
	text-align: right;
	position: relative;
	z-index: 999;
}

#userbarcontainer > * {
	text-align: left;
}

#userbar {
	padding: 0em; margin: 0em;
	font-size: inherit;
	display: inline-block;
	padding: 0.4em 2em 0em 1em;
}

#userbar .fo {
	background-repeat: no-repeat; background-position: center center;
}

#userbar .nickname {
	position: relative;
	cursor: pointer;
	transition: all 0.3s ease;
	padding-right: 0.8em;
}

#userbar .nickname > .fo {
	display: inline-block;
	max-width: 140px;
	white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
	x-vertical-align: middle;
	opacity: 0.6;
	transition: opacity 0.2s ease;
}

#userbar .nickname:hover > .fo {
	opacity: 1.0;
}

#userbar .nickname:after {
	position: absolute;
	right: 0em; top: 50%; height: 1em; margin-top: -0.6em;
	content: "\25bc"; font-size: 50%;
	vertical-align: center; 
	opacity: 0.6;
	transition: opacity 0.2s ease;
}

#userbar .nickname:hover:after {
	opacity: 1.0;
}

#userbar > li { 
	list-style-type: none; 
	display: inline-block;
	padding: 0em; margin: 0em;
	margin-right: 1em; 
}

#userbar > li:last-child { margin-right: 0em; }

#userbar li > a > .fo {
	x-opacity: 0.3;
	transition: all 0.3s ease;
}

#userbar li.nonzero > a > .fo {
	opacity: 0.5;
}

#userbar > li > a:hover > .fo {
	opacity: 1;
}

#userbar .notifyicon {
	display: inline-block;
	position: relative;
}

#userbar .notifyicon .fo {
	display: inline-block;
	text-indent: -9999px;
	width: 32px; height: 100%;
	background-position: center -4px;
    position: relative;
}

#userbar #usernotifications.notifyicon a {
    color: #fff; opacity: 0.5;
	transition: opacity 0.2s ease;
}

#userbar #usernotifications.notifyicon.nonzero a {
    opacity: 0.7;
}

#userbar #usernotifications .popupmenu {
    left: auto; right: -5em; margin-top: 0em;
    background: #333;
	box-shadow: 0px 0px 4px 2px rgba(32, 32, 32, 0.5);
}

#userbar #usernotifications .popupmenu > * {
    padding-top: 0em; padding-bottom: 0em; 
}

#userbar #usernotifications .pagewindow > .contents {
    padding: 0em !important;
}

#userbar #usernotifications #usernotificationspopup {
    white-space: normal;
    display: inline-block;
}

#userbar #usernotifications:hover #usernotificationspopup {
    min-width: 400px;
}

#userbar #usernotifications #usernotificationspopup .emptylist {
	margin: 1.5em 0em 1em 0em;
    opacity: 0.7; 
}

#userbar #usernotifications #usernotificationspopup .alertlist .alert.status-unread {
    background-color: rgba(128,128,128,0.5);
}

#userbar #usernotifications #usernotificationspopup .alertlist .alert:hover {
}

#userbar #usernotifications #usernotificationspopup .alertlist .alert .userthumb {
    margin-top: 0em; margin-left: 0em;
    width: 3em;
    height: 0em;
}

#userbar #usernotifications:hover #usernotificationspopup .alertlist .alert .userthumb {
    height: 3em;
}

#userbar #usernotifications #usernotificationspopup .alertlist .alert .message {
    display: inline;
    line-height: 0;
    color: #ddd;
}

#userbar #usernotifications:hover #usernotificationspopup .alertlist .alert .message {
    line-height: 1.5;
}

#userbar #usernotifications #usernotificationspopup .alertlist .alert .message .user,
#userbar #usernotifications #usernotificationspopup .alertlist .alert .message .link {
    color: #fff;
}

#userbar #usernotifications #usernotificationspopup .alertlist .alert .time {
    float: right;
    display: inline;
    font-size: 90%;
    color: #ccc;
    padding-left: 1em; padding-top: 0.2em;
}

#userbar #usernotifications #usernotificationspopup .alertlist .alert:hover .time {
    color: white; opacity: 0.8;
}

#userbar #usernotifications #usernotificationspopup .alert {
    margin: 0em 0em 0.1em 0em;
}

x-#userbar #usernotifications #usernotificationspopup .alertlist li:last-child {
    margin-bottom: -0.4em;
}

#userbar #usernotifications #usernotificationspopup .alert .contents:before {
    display: none;
}

#userbar #usernotifications #usernotificationspopup .alert .userthumb {
 	width: 3em; 
}

#userbar #usernotifications #usernotificationspopup .allevents {
    position: relative;
    display: block;
    text-align: left;
    padding: 0.6em 1em 0.9em 1em;
    opacity: 0.5;
}

#userbar #usernotifications #usernotificationspopup .allevents:hover {
    opacity: 1;
}

#userbar #usernotifications #usernotificationspopup .allevents:after {
    content: "\F0A9"; font-family: FontAwesome;
    display: inline-block;
    padding-left: 1em; padding-top: 0.3em;
    float: right;
}

#userbar #usernotifications.notifyicon:hover a {
    opacity: 1;
	transition: opacity 0.2s ease;
}

#userbar #usernotifications.notifyicon .fo:before {
    position: absolute; display: inline-block;
    left: 0px; right: 0px; top: 0px; bottom: 0px;
    text-indent: 0px;
    content: "\F0F3"; font-family: FontAwesome; color: white;
    font-size: 105%;
    text-align: center; vertical-align: middle;
}

#userbar .notifyicon .count {
	position: absolute;
	display: inline-block;
	right: -4px; top: -0.5em;
	padding: 0em 0.2em 0.2em 0.2em;
	font-size: 50%;
	background-color: red;
	color: white;
	font-weight: 600;
	min-width: 1.2em;
	text-align: center;
}

#userbar .notifyicon.zero .count {
	display: none;
}

#usermenu ul li a .count:before { content: " ("; }
#usermenu ul li a .count:after { content: ")"; }

#userbar .popupmenu {
	margin-top: -0.3em;
}

BODY.touch #userbar .popupmenu {
	margin-top: 0em;
}

.popupmenu {
	position: absolute;
	left: -0.6em; top: 100%; 
	display: inline-block;
	padding-top: 0.2em;
	vertical-align: top;
	opacity: 0;
	transition: all 0.3s ease, z-index: 0s;
	overflow: hidden;
	height: 0px;
}

BODY.touch .popupmenu {
	transition: none;
}

*:hover > .popupmenu { 
	opacity: 1;
	height: auto;
}

.popupmenu > * {
	display: inline-block;
	font-size: 65%;
	z-index: 100;
	padding: 0px; margin: 0px;
	padding-top: 0.4em;
	padding-bottom: 0.5em; /* if mouse runs slightly over the last menu item, don't make the menu disappear */ 
}

*:hover > .popupmenu > *,
.popupmenu:hover > * {
	box-shadow: 0px 0px 4px 2px rgba(32, 32, 32, 0.5);
}

.popupmenu ul {
	position: relative;
	vertical-align: top;
}

.popupmenu ul li {
	list-style-type: none;
}

.popupmenu ul li > a {
	display: block;
	padding: 0em 1em;
	overflow: hidden;
	background-color: #456; color: #9ab;
	min-width: 6em;
}

.popupmenu * {
	line-height: 0em;
	transition: all 0.3s ease;
}

BODY.touch .popupmenu ul li a {
	transition: none;
}

.popupmenu ul li a:hover {
	background-color: #abc !important; color: white;
}

*:hover > .popupmenu *,
*.popupshown > .popupmenu * { 
	line-height: 1em;
}

*:hover > .popupmenu ul li a,
*.popupshown > .popupmenu ul li a { 
	padding: 0.7em 1em;
}

*.popupshown > .popupmenu { 
	opacity: 1;
	height: auto;
}

*.popuphidden > .popupmenu { 
	opacity: 0;
	height: 0px;
}

#fontsizecontroller {
	display: inline-block;
	float: right;
	color: #888;
	height: 2em;
	display: none;
	white-space: nowrap; 
	margin-right: 1.5em;
}

#fontsizecontroller:first-child {
	margin-right: 0em;
}

BODY.scripted #fontsizecontroller {
	display: inline-block;
}

#fontsizecontroller ul {
	display: block;
	padding: 0em; margin: 0em;
	height: 100%;
}

#fontsizecontroller ul li {
	display: inline-block; 
	padding: 0em; margin: 0em 0.2em;
	text-indent: -9999px;
	width: 2em; height: 100%;
	position: relative;
	cursor: pointer;
	opacity: 0.5;
}

#fontsizecontroller ul li:hover {
	color: black;
	opacity: 1.0; background: transparent;
}

#fontsizecontroller ul li:after {
	position: absolute;
	display: inline-block;
	text-indent: 0px;
	left: 0px; top: 50%; right: 0px; bottom: 0px;
	margin-top: -1em;
	padding: 0.6em 0em;
	font-family: "FontAwesome";
	text-align: center;
	vertical-align: middle;
	white-space: nowrap; 
}

#fontsizecontroller ul li.decrease {
	margin-right: 0.1em;
}

#fontsizecontroller ul li.decrease:after { content: "\F031-"; font-size: 80%; }
#fontsizecontroller ul li.reset:after { content: "\F031"; }
#fontsizecontroller ul li.increase:after { content: "\F031+"; font-size: 120%;}

BODY.dark .pagefooter {
	background-color: #333; 
}

BODY.dark .pagefooter a {
	color: #888;
}

BODY.dark .pagefooter a:hover {
	color: #fff; background-color: orange;
}

.adsense {
	text-align: center;
	clear: both;
}

.maincol > .adsense:first-child {
	margin-top: 0em;
}

.regularnews .adsense {
	margin-bottom: 0.5em;
}

.colset {
	display: table;
	vertical-align: top;
	background-color: white;
	color: black;
	position: relative;
	width: 100%;
	border-collapse: collapse; border: 0px; border-spacing: 0; 
	table-layout: fixed;
}

BODY.dark .colset {
	background-color: #111;
	color: inherit;
}

.colset:after {
	content: " "; display: block; height: 0px; clear: both;
}

.maincol {
	display: inline-block;
	x-float: left; width: 100%;
	padding: 20px 0px;
	overflow: hidden;
	display: table-cell;
	vertical-align: top;
}

BODY.popup .maincol {
	width: auto;
	display: block;
	float: none;
}

BODY.popup .maincol {
	padding: 1em 20px;
}

BODY.popup .colset .maincol {
	padding: 1em;
}

.colset.sepheader .maincol {
	padding-top: 0px;
}

BODY.fullwidth .maincol {
	float: none;
	width: auto;
	display: block;
}

.sidecol {
	display: table-cell;
	vertical-align: top;
	width: 300px;
	min-width: 300px;
	padding-right: 20px;
	padding-top: 20px; padding-bottom: 20px;
	font-size: 105%;
}

BODY.fullwidth .sidecol {
	display: block;
	float: none; width: auto;
	padding: 0px 20px;
}

.colset.sepheader .sidecol {
	padding-top: 0px;
}

.maincol > div,
.maincol > span,
.maincol > p,
.maincol > div,
.maincol > nav,
.maincol > article,
.maincol > table,
.maincol > section,
.maincol > ul, 
.maincol > center, 
.maincol > .center, 
.maincol > form {
	margin-left: 20px; margin-right: 20px;
}

BODY.popup .maincol > div,
BODY.popup .maincol > span,
BODY.popup .maincol > nav,
BODY.popup .maincol > p,
BODY.popup .maincol > div,
BODY.popup .maincol > article,
BODY.popup .maincol > table,
BODY.popup .maincol > section,
BODY.popup .maincol > ul, 
BODY.popup .maincol > center, 
BODY.popup .maincol > .center, 
BODY.popup .maincol > form {
	margin-left: 0px; margin-right: 0px;
}

.maincol .morelink {
	display: block;
}

.maincol > .adsense {
	x-padding: 0em !important; x-margin-left: 1px;
	margin-top: 1em;
	margin-bottom: 1em;
}

x-BODY.page-home.fullwidth .maincol {
    font-size: 105%;
}

BODY.page-home .maincol > .adsense {
	margin-top: -1.1em;
}

BODY.page-home .fullcontent > .center:first-child,
BODY.page-home .fullcontent > .adsense:first-child,
BODY.page-home .maincol > .center > .goAdverticumAlign {
	margin-top: -0.5em; margin-bottom: 0.5em;
	display: block;
}

BODY.page-home ul.crumbs li a { color: #000 !important; cursor: default !important; }
BODY.page-home ul.crumbs li a:visited { color: #ccc !important; }

ul.crumbs {
	padding: 0px; margin: 0px;
	display: block;
	list-style-type: none;
}

ul.crumbs li {
	padding: 0px; margin: 0px;
	display: inline-block;
	list-style-type: none;
	color: #bbb;
}

ul.crumbs li > * {
	color: inherit;
	display: inline-block;
	padding: 0.5em 0em;
	x-color: #adf;
}

ul.crumbs li a:hover {
	color: orange;
}

ul.crumbs li:after {
	content: "\b7"; margin: 0em 0.5em;
	color: #ccc; 
}

.areaheader {
	position: relative;
	padding: 0.5em 0em 0.5em 0em;
}

.allheader > nav:first-child > .areaheader:first-child {
	margin-top: -0.5em;
}

.maincol > nav:first-child {
	margin-top: -1em;
}

.pageaction {
	x-position: absolute; right: 0px; 
	display: inline-block;
	float: right;
}

.stdform #buttons {
	padding: 1em 0em;
}

.actionbutton,
.stdform #buttons button,
.stdform #buttons input[type=submit],
.newstdform .buttons button,
.newstdform .buttons input[type=submit],
form.opbutton input[type=submit] {
	margin: 0em;
	margin-top: 0.2em;
	display: inline-block;
	padding: 0.3em 1em 0.4em 1em;
	border: 1px solid #ad4;
	background-color: #9c3;
	color: white;
	font-weight: 500;
	position: relative;
	cursor: pointer;
	margin-right: 2em;
	text-decoration: none;
	vertical-align: middle;
	appearance: button;
	font: inherit;
}

.autosubmit .actionbutton,
.actionbutton[data-submit-auto] {
	display: none;
}

.actionbutton:last-child,
.stdform #buttons button:last-child,
.stdform #buttons input[type=submit]:last-child,
form.opbutton input[type=submit]:last-child {
	margin-right: 0em;
}

.buttonline .actionbutton,
.buttonline .actionbutton:visited {
	padding: 0.3em 2em 0.4em 2em;
	color: white;
	text-align: center;
}

.buttonline.nodefaults .actionbutton,
.buttonline .actionbutton.close,
.buttonline .actionbutton.cancel {
	background-color: transparent; /* #eee; */
	border-color: #ccc;
	color: black;
}

.buttonline .actionbutton:hover {
	background-color: orange;
	color: white;
	border-color: orange;
}

.actionbutton.add {
	padding-left: 2.5em;
}

.actionbutton.add:before {
	position: absolute; 
	left: 0.3em; top: 50%; margin-top: -0.8em;
	content: "+";
	font-weight: 900;
	font-size: 200%;
}

.actionbutton.confirm {
	background-color: #9c3;
}

.actionbutton.deny {
	background-color: #f00;
}

.actionbutton.reply:before {
	content: "\F112";
	font-family: "FontAwesome";
	margin-right: 0.5em;
}

.actionbutton.delete {
	background-color: #f00;
	x-float: right;
	border-color: #f33;
}

.actionbutton.delete:before {
	content: "\F014";
	font-family: "FontAwesome";
	margin-right: 0.5em;
}

.actionbutton.send:before {
	content: "\F1D8";
	font-family: "FontAwesome";
	margin-right: 0.5em;
}

.actionbutton:visited {
	color: white;
}

.actionbutton:hover,
.stdform #buttons button:hover,
.stdform #buttons input[type=submit]:hover,
form.opbutton input[type=submit]:hover {
	background-color: orange;
	color: white;
}

.linkbutton,
.linkbutton:visited {
	padding: 0.2em 0.5em 0.3em 0.5em;
	border: 0px;
	background-color: #ccc;
	background-color: #4c4;
	background-color: #6cf;
	color: white;
}

.linkbutton.unbind {
	background-color: #eee;
	color: #333;
	border: 1px solid #ccc;
}

.linkbutton.delete {
	background-color: #f66;
	color: #fff;
	border: 1px solid #f88;
}

.linkbutton:hover {
	color: white;
	background-color: orange;
	border-color: orange;
}

.linkbutton.delete:hover {
	background-color: red;
}

.allheader {
	margin: 0em 20px 1.5em 20px;
	border-bottom: 1px dotted #aaa;
	padding-top: 1em;
	padding-bottom: 0em;
	position: relative;
}

BODY.page-home .allheader {
	border-bottom: none; margin-bottom: 0em; padding: 0.4em 0em 0.4em 0em;
}

.allheader:after {
	content: " "; display: block; clear: both; height: 0px; overflow: hidden;
}

.allheader h1,
.maincol .contenttitle h1 {
	padding: 0em; margin: 0em 0em 0.5em 0em;
	font-size: 280%; /* was 300% */
	font-weight: 500;
	padding: 0em 0em 0em 0em;
	line-height: 1.2em;
	vertical-align: middle;
}

.allheader .contenttitle h1:after {
	float: right; 
	font-family: FontAwesome; color: #aaa; 
}

.allheader .contenttitle:last-child {
	margin-bottom: 1em;
}

.allheader > .contenttitle:first-child {
	margin-top: 0.5em;
}

.contenttitle .adsign {
	color: #aaa;
	width: 1em;
	position: relative;
	display: inline-block;
	color: transparent; 
}

.contenttitle .adsign:after {
	position: absolute; display: inline-block;
	content: "(x)"; 
	left: 0em; top: 50%; margin-top: -1.5em; left: 0px; right: 0px; 
	font-size: 60%; 
	color: #aaa;
}

.contenttitle .editlink {
	margin-left: 0.5em;
	display: inline-block;
	color: #ccc !important;
	font-size: 50%; vertical-align: middle;
}

.contenttitle .editlink:before {
	content: "\F040"; font-family: FontAwesome;
}

.contenttitle .editlink .fo {
	display: none;
}

.sponsorfooter {
	opacity: 0.8; font-style: italic; margin-top: 0.5em; margin-bottom: 0.5em;
}

/*.allheader*/ .adminnote {
	display: block;
	text-align: left;
	margin-top: 1em;
	font-weight: 500;
	font-size: 105%;
	color: red;
	position: relative;
}

.instructions {
	color: #666;
    padding: 1em 0em;
}

.instructions:first-child {
    padding-top: 0em;
    x-margin-top: -1em;
}

x-.messagelinealign + .instructions {
    margin-top: 1em;
}

.instructions a {
	color: #1bf;
}

.instructions a:hover {
	color: orange;
}

.allheader .instructions {
	margin: 1em 0em -0.5em 0em;
	color: #aaa;
}

.allheader .instructions:last-child {
	margin-bottom: 1em;
}

.warn {
    font-weight: 600; color: #ff0000;
}

.allfooter {
	margin: 2em 0em 1em 0em;
	color: #aaa;
}

.allheader .instructions .totals,
.allfooter .totals {
	display: block;
	padding: 0em; margin: 1em 0em 0em 0em;
}

.allheader .instructions .totals li,
.allfooter .totals li {
	display: inline-block;
	padding: 0em; margin: 0em;
	list-style-type: none;
}

.allheader .instructions .totals li:after,
.allfooter .totals li:after {
	content: "\b7"; margin: 0em 0.5em;
	color: #ccc; 
}

.allheader .instructions .totals li label,
.allfooter .totals li label {
	font-weight: normal;
	color: #888;
}

.allheader .instructions .totals li span,
.allfooter .totals li span {
	color: black;
	font-weight: 500;
	font-size: 130%;
}

.allheader .instructions .totals li:first-letter,
.allfooter .totals li:first-letter {
	text-transform: capitalize;
}

.allheader .instructions .totals li label:after,
.allfooter .totals li label:after {
	content: ":"; margin-right: 0.5em;
}

#tipspaneltriggeralign {
    position: relative;
}

#tipspaneltriggeralign > * {
    position: absolute; left: 0px; right: 0px; top: 10em; 
}

#tipspanel {
    position: fixed;
    right: 0px; bottom: 2em;
    display: inline-block;
    width: 20%; 
    width: 0px;
    transition: all 0.5s ease;
    z-index: 960;
    color: white; 
    overflow: hidden;
}

#tipspanel.on {
    transition: all 1s ease;
}

#tipspanel:before {
    position: absolute; display: inline-block; content: " ";
    left: 0px; top: 0px; right: 0px; bottom: 0px;
    background-color: #000; opacity: 0.9;
    z-index: 1;
}

#tipspanel > .closeicon {
    position: absolute; right: 0px; top: 0px; 
    opacity: 0;
    transition: opacity 0.3s ease;
}

#tipspanel.on > .closeicon {
    opacity: 1.0;
    transition: opacity 0.3s ease 0.2s;
}

#tipspanel > .contents {
    display: inline-block;
    position: relative;
    z-index: 2;
    padding: 1em; 
    min-height: 8em;
	box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box;
}

#tipspanel.on,
#tipspanel > .contents {
    width: 400px;
}

.splitcols {
    display: table;
    width: 100%;
}

.splitcols > * {
    display: inline-block;
    display: table-cell;
    border-right: 1px dotted #aaa;
    padding-left: 1em; padding-right: 1em;
}

.splitcols > *:first-child {
    padding-left: 0em;
}

.splitcols > *:last-child {
    padding-right: 0em; border-right: none;
}

.splitcols.count-2 > * {
    width: 50%;
    box-sizing: border-box;
}

.accountsummaries > .accountsummary > .contents {
    padding: 0em 1em;
    position: relative;
    text-align: center;
}

.accountsummaries > .accountsummary > .contents:after {
    position: absolute;
    display: inline-block;
    font-size: 200%;
    left: -1em; width: 1em;
    padding: 0.5em;
    text-align: center;
    top: 50%; margin-top: -1.5em;
    font-family: FontAwesome; 
    color: #ccc; background-color: #f8f8f8;
}

.accountbindform .accountsummaries > .accountsummary > .contents:after {
    content: "\F07E"; 
}

.accountunbindform .accountsummaries > .accountsummary > .contents:after {
    content: "\F00D"; 
}

.accountsummaries > .accountsummary:first-child > .contents:after {
    display: none;
}

.accountsummaries > .accountsummary > .contents .picture {
    width: auto; height: 8em;
    max-width: 16em;
}

.page-forum /*.allheader*/ .adminnote,
.page-kbase /*.allheader*/ .adminnote {
	padding-left: 6em;
	min-height: 2em;
}

.page-forum /*.allheader*/ .adminnote:after,
.page-kbase /*.allheader*/ .adminnote:after {
	content: "!";
	position: absolute;
	left: 0.25em; top: 50%; margin-top: -0.65em;
	display: inline-block;
	text-align: center;
	font-size: 200%;
	font-weight: 800;
	margin-left: 2px;
	width: 2em;
	background-color: red; color: white;
}

.page-forum .allheader h1,
.page-kbase .allheader h1,
.page-forum .maincol .contenttitle h1,
.page-kbase .maincol .contenttitle h1 {
	font-size: 280%;
}

.page-kbase .allheader h1 .points {
	display: inline-block;
	float: right;
	font-size: 70%;
	padding: 0.1em 0.5em;
	position: relative;
	color: #666;
}

.page-kbase .allheader h1 .points:before {
	content: "\2022"; color: #aaa; margin-right: 0.3em; margin-left: 2em;
}

.page-kbase.accepted .allheader h1 .points:before {
	content: "\2713"; color: green; 
	x-opacity: 0.5;
}

.page-media .maincol .contenttitle h1 {
	font-size: 220%;
	margin-top: 0.5em;
}

.page-tags .tabs + .pager {
    margin-top: 0em; margin-bottom: 1em;
}

.sepheader .maincol .contenttitle {
	display: none;
}

.sepheader .maincol .publication.withtitle .contenttitle {
	display: block;
}

.allheader h1 a,
.maincol .contenttitle h1 a {
	color: black;
}

.allheader h1 a:hover,
.maincol .contenttitle h1 a:hover {
	color: #ff801c;
}

/*.maincol*/ .contentbody {
	font-size: 115%; line-height: 1.5;
	x-margin: 0em 0em 1em 0em;
	margin-bottom: 1em;
	clear: both;
}

.center + .contentbody {
	margin-top: 1em;
}

/*.maincol*/ .contentbody:after {
	content: " "; display: block; height: 0px; overflow: hidden; clear: both;
}

/*.maincol*/ .contentbody > h1,
/*.maincol*/ .contentbody > h2,
/*.maincol*/ .contentbody > h3,
/*.maincol*/ .contentbody > h4,
/*.maincol*/ .contentbody > h5,
/*.maincol*/ .contentbody > h6,
/*.maincol*/ .contentbody > p,
/*.maincol*/ .contentbody > div,
/*.maincol*/ .contentbody > ul,
/*.maincol*/ .contentbody > ol,
/*.maincol*/ .contentbody > code,
/*.maincol*/ .contentbody > table,
/*.maincol*/ .contentbody video {
	float: right;
	clear: right;
	max-width: 600px;
	display: block;
	text-align: left;
	width: 100%;
	box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box;
}

/*.maincol*/ .contentbody > div.center {
	max-width: none;
	margin: 0em;
}

.mce-content-body code,
.mce-content-body pre,
.fcodeblock,
.fcodeblock pre,
.fcodeblock code {
    tab-size: 8;
    white-space: pre; 
}

.page-media .video .contentbody video {
	float: none; clear: none; max-width: none;
}

.internettax {
	opacity: 0.8; .fo-size: 90%;
}

BODY.param-aid .contentbody > h1,
BODY.param-aid .contentbody > h2,
BODY.param-aid .contentbody > h3,
BODY.param-aid .contentbody > h4,
BODY.param-aid .contentbody > h5,
BODY.param-aid .contentbody > h6,
BODY.param-aid .contentbody > p,
BODY.param-aid .contentbody > div,
BODY.param-aid .contentbody > ul,
BODY.param-aid .contentbody > ol,
BODY.param-aid .contentbody > code,
BODY.param-aid .contentbody > table,
BODY.param-aid .contentbody video,
BODY.param-maid .contentbody > p,
BODY.param-maid .contentbody > div {
	float: none;
	max-width: none;
}

BODY.param-aid .contentbody > .center {
	text-align: center;
}

/* compatibility hacks for articles - begin */

BODY.param-aid .contentbody .figure,
BODY.param-aid .contentbody figure {
	display: block; float: none;
	text-align: center;
}

BODY.param-aid .contentbody a.imagelink {
	display: block;
	text-align: center;
}

/* place extra vertical space at <br>s */
BODY.param-aid .contentbody br + .br {
	display: block;
	margin: 1em 0em;
}

/* check if source code formatting - if yes, skip */
BODY.param-aid .contentbody pre .br,
BODY.param-aid .contentbody .fcodeblock .br,
BODY.param-aid .contentbody tt + br + .br {
	display: none;
}

/* compatibility hacks for articles - end */

/*.maincol*/ .contentbody > hr {
	float: right;
	clear: both;
	max-width: 600px;
	width: 100%;
	display: block;
	text-align: left;
	box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box;
	margin: 1em 0em 0em 0em;
	height: 0px;
	border-top: 1px dotted #eee;
}

BODY.fullwidth /*.maincol*/ .contentbody > h1,
BODY.fullwidth /*.maincol*/ .contentbody > h2,
BODY.fullwidth /*.maincol*/ .contentbody > h3,
BODY.fullwidth /*.maincol*/ .contentbody > h4,
BODY.fullwidth /*.maincol*/ .contentbody > h5,
BODY.fullwidth /*.maincol*/ .contentbody > h6,
BODY.fullwidth /*.maincol*/ .contentbody > p,
BODY.fullwidth /*.maincol*/ .contentbody > div,
BODY.fullwidth /*.maincol*/ .contentbody > ul,
BODY.fullwidth /*.maincol*/ .contentbody > ol,
BODY.fullwidth /*.maincol*/ .contentbody > table,
BODY.popup /*.maincol*/ .contentbody > h1,
BODY.popup /*.maincol*/ .contentbody > h2,
BODY.popup /*.maincol*/ .contentbody > h3,
BODY.popup /*.maincol*/ .contentbody > h4,
BODY.popup /*.maincol*/ .contentbody > h5,
BODY.popup /*.maincol*/ .contentbody > h6,
BODY.popup /*.maincol*/ .contentbody > p,
BODY.popup /*.maincol*/ .contentbody > div,
BODY.popup /*.maincol*/ .contentbody > ul,
BODY.popup /*.maincol*/ .contentbody > ol,
BODY.popup /*.maincol*/ .contentbody > table,
BODY.popup /*.maincol*/ .contentbody video {
	position: relative; max-width: 100%;
	float: none; clear: none;
}

/*.maincol*/ .contentbody > h1,
/*.maincol*/ .contentbody > h2,
/*.maincol*/ .contentbody > h3,
/*.maincol*/ .contentbody > h4,
/*.maincol*/ .contentbody > h5,
/*.maincol*/ .contentbody > h6 {
	padding: 0em;
	margin: 0.7em 0em 0.5em 0em;
	font-weight: 500;
}

/*.maincol*/ .contentbody > h1.nospace,
/*.maincol*/ .contentbody > h2.nospace,
/*.maincol*/ .contentbody > h3.nospace,
/*.maincol*/ .contentbody > h4.nospace,
/*.maincol*/ .contentbody > h5.nospace,
/*.maincol*/ .contentbody > h6.nospace {
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}

/*.maincol*/ .contentbody > p {
	padding: 0em;
	margin: 0.5em 0em;
	clear: none;
}

.goAdverticum {
	text-align: center !important;
}

/*.maincol*/ .contentbody > .center {
	clear: both; display: block;
}

/*.maincol*/ .contentbody > .center > .adsense,
/*.maincol*/ .contentbody > .center > .goAdverticumAlign {
	float: right;
	x-width: 100%;
	min-width: 600px;
	max-width: 728px;
	margin-top: 1em; margin-bottom: 1em;
	text-align: center;
	clear: both;
}

BODY.mobile /*.maincol*/ .contentbody > .center > .adsense,
BODY.mobile /*.maincol*/ .contentbody > .center > .goAdverticumAlign {
	min-width: 320px;
}

/*.maincol*/ .contentbody > p:first-child {
	margin-top: 0em;
}

/*.maincol*/ .contentbody > p:last-child {
	x-margin-bottom: 0em;
}

.page-dict /*.maincol*/ .contentbody > p,
.page-dict /*.maincol*/ .contentbody > ul,
.page-dict /*.maincol*/ .contentbody > ol,
.page-dict /*.maincol*/ .contentbody > table {
	max-width: auto;
	display: block;
	float: none;
}

/*.maincol*/ .contentbody > .center > iframe.inline,
/*.maincol*/ .contentbody > .center > object.inline,
/*.maincol*/ .contentbody > .center > embed.inline {
	margin: 1em 0em;
}

/*.maincol*/ .contentbody h4,
/*.maincol*/ .contentbody h5 {
	font-size: 150%;
}

/*.maincol*/ .contentbody figure,
/*.maincol*/ .contentbody .figure,
/*.maincol*/ .contentbody > .center > .illu,
/*.maincol*/ .contentbody > .center > video,
/*.maincol*/ .contentbody > .center > iframe,
/*.maincol*/ .contentbody > video {
	margin: 1em 0em;
	display: inline-block;
	clear: both;
	float: right;
	border: 1px solid #eee;
}

.contentbody > .center > .illu,
.contentbody > .center > video,
.contentbody > video,
.contentbody .illu > img {
	max-width: 100%; height: auto;
}

.contentbody > .center > iframe.twitter-tweet {
    margin: 0em 70px; /* twitter iframe has max-width: 500px, column width is 640px */
}

BODY.adaptivesupported .contentbody > .center > .illu,
BODY.adaptivesupported .contentbody > .center > video,
BODY.adaptivesupported .contentbody > video,
BODY.adaptivesupported .contentbody .illu > img {
	width: 100%;
}

BODY.adaptivesupported .contentbody *[data-nonscalable=true] {
	width: auto !important;
    max-width: 100% !important;
}

/*.maincol*/ .contentbody .figure.align-right {
	float: right;
	clear: none;
	margin-top: 0em; margin-left: 1em;
	text-align: right;
}

/*.maincol*/ .contentbody .figure.align-center {
	min-width: 600px;
	text-align: center;
}

/*.maincol*/ .contentbody figure img,
/*.maincol*/ .contentbody .figure img {
	display: inline-block;
	vertical-align: top;
}

/*.maincol*/ .contentbody figure figcaption,
/*.maincol*/ .contentbody .figure .figcaption {
	margin: 0em;
	display: block;
	padding: 1em 1em;
	background-color: #eee;
	font-size: 80%;
	color: #333;
	text-align: left;
}

/*.maincol*/ .contentbody > .center {
	text-align: right;
}

/*.maincol*/ .contentbody > .center > table {
	min-width: 600px;
}

/*.maincol*/ .contentbody > .center > table .figure.align-center {
	min-width: 0px;
}

/*.maincol*/ .contentbody a.external:after,
.forumentry /*.content*/ a.external:after,
.forumentry .content a[target=_blank]:after {
	display: inline-block; *display: inline; *zoom: 1;
	content: " "; overflow: hidden;
	width: 16px; height: 1em; 
	x-background-image: url('/common/images/symbol-externallink.gif') ;
	background-repeat: no-repeat; background-position: right bottom;
	content: "\F08E"; font-family: FontAwesome; font-size: 90%; color: black; vertical-align: top; height: 1.1em; margin-left: 0.3em; margin-right: -0.3em; 
	cursor: pointer;
	opacity: 0.8;
}

/*.maincol*/ .contentbody a.external:after {
	font-size: 80%;
}

/*.maincol*/ .contentbody a.external:visited:after,
.forumentry /*.content*/ a.external:visited:after,
.forumentry .content a[target=_blank]:visited:after {
	color: inherit;
}

BODY.dark /*.maincol*/ .contentbody a.external:after,
BODY.dark .forumentry /*.content*/ a.external:after,
BODY.dark .forumentry .content a[target=_blank]:after {
	background-image: url('/common/images/symbol-externallink-white.gif') ;
}

x-/*.maincol*/ .contentbody {
	display: inline-block;
	width: 640px; 
	float: right;
}

#contentbody b,
.fullcontent b {
	.fo-weight: 700;
}

.upcap h5 {
	font-size: 110% !important; color: #888 !important;
	margin-bottom: 0em !important; margin-top: 2em !important;
	font-weight: 600;
	padding-top: 1em;
	x-border-top: 1px dotted #ccc;
	clear: both;
	text-align: center !important;
}

.upcap .illu > img {
	max-width: 100% !important; 
	width: 500px !important;
	height: auto !important;
}

.upcap h5:first-child {
	margin-top: 1em !important;
}

.mainimage {
	margin-bottom: 1em;
	padding: 1px;
	border: 1px solid #eee;
	display: inline-block;
	width: 100%;
	vertical-align: top;
}

.mainimage img {
	display: inline-block;
	width: 100%;
	height: auto;
	vertical-align: top;
}

.maincol .imagetable,
.maincol .imagetable TD { text-align: center; border-collapse: collapse; border: 0px; border-spacing: 0; margin: 0px; padding: 0px; }
.maincol .imagetable #picture img { box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; }
.maincol .imagetable TR#caption TD { font-size: 10px; color: #808080 }
.maincol .imagetable IMG.zoomicon { margin-bottom: -5px; margin-right: 5px }


/*.maincol*/ .contentbody .quote {
	color: #555; font-size: 140%;
	text-align: center;
	display: block;
	line-height: 1.4;
	margin: 0.2em 0em;
	x-margin-top: 1em;
}

/*.maincol*/ .contentbody .quoteauthor {
	color: #888; 
	text-align: center;
	display: block;
}

/*.maincol*/ .contentbody .quoteauthor:before { content: "\2013"; margin-right: 0.3em; }
/*.maincol*/ .contentbody .quoteauthor:after { content: " "; }

.subscribebar,
.forumbar,
.relatedlinklist {
	clear: both;
}

.sectionline {
	height: 0px; 
	border-bottom: 1px dotted #aaa;
	margin: 1em 0em;
}

.infoline {
	padding: 0px; margin: 0.5em 0em 0.5em 0em;
	display: block;
	x-background-color: #eee;
	margin-left: -20px; margin-right: -20px;
	x-display: none;
	line-height: 1.5em;
}

.infoline:after {
	content: " "; display: block; clear: both; height: 0px; overflow: hidden;
}

.infoline ul {
	display: block;
	padding: 4px 10px 4px 0px;
	margin: 0em;
	padding-left: 20px;
	vertical-align: center;
	x-background-color: #fa5;
	color: #444;
}

.infoline li {
	position: relative;
	display: inline-block;
	margin: 0px; padding: 0px;
	list-style-type: none;
	color: #aaa;
	color: #444;
	background-repeat: no-repeat; background-position: left center;
}

.infoline li label {
	font-weight: normal;
	color: #aaa;
}

.infoline li:first-letter {
	text-transform: capitalize;
}

.infoline li label:after {
	content: ":"; margin-right: 0.5em;
}

.infoline li a { font-weight: 600; }
.infoline li a:hover { color: red; }

.infoline li:after {
	content: "\b7"; font-weight: normal; font-size: 90%;
	margin: 0em 0.5em;
	opacity: 0.5;
}

.infoline li:last-child:after {
	display: none; content: " ";
}

.infoline li.commentslink {
	x-padding-left: 16px;
	x-background-image: url('/common/images/tinyicon-comments.png') ;
}

.infoline li.commentslink:before {
	content: "\F0E5"; font-family: "FontAwesome";
	display: inline-block; color: #999; 
	font-size: 90%;
	margin: 0em 0.4em 0em 0.2em;
}

.infoline li.commentslink:first-letter {
	text-transform: none;
}

.infoline li.commentslink a {
	color: #1ae;
}

.infoline li.commentslink a:visited {
	color: #aaa;
}

.infoline li.commentslink a:hover {
	color: red;
}

.infoline li.favoritelink a:before {
	content: "\F006"; font-family: "FontAwesome";
	display: inline-block; color: #666; 
	font-size: 90%;
	margin: 0em 0.4em 0em 0.2em;
}


.infoline li.notifylink a:before {
	content: "\F0A2"; font-family: "FontAwesome";
	display: inline-block; color: #666; 
	font-size: 90%;
	margin: 0em 0.4em 0em 0.2em;
}

.infoline li.share > div {
	display: inline-block; 
	height: 24px; overflow: hidden;
	margin-bottom: -8px;
}

.infoline li.share:before {
	content: "\F079"; content: "\F1E0"; content: "\F045";
    font-family: "FontAwesome";
	display: inline-block; color: #aaa; 
	margin: 0em 0.4em 0em 0.2em;
}

.infoline li.share > .count {
	display: inline-block; 
}

.pager {
	margin: 2em 0em 0.5em 0em;
	font-size: 105%;
}

.pager:after {
	content: " "; display: block; height: 0px; overflow: hidden; clear: both;
}


.allheader .pager {
	margin-top: 1em;
}

.maincol > .pager:first-child {
	margin-top: 0em;
}

.center + .pager {
	margin-top: 1em;
}

.pager .pages {
	display: block;
	margin: 0em; padding: 0em;
	text-align: center;
}

.pager .pages li {
	display: inline-block;
	list-style-type: none;
	margin: 0em 0.5em;
}

.pager .pages li:after {
	content: " "; display: block; overflow: hidden; clear: both;
}

.pager .pages li.first,
.pager .pages li.prev {
	margin-left: 0em;
	float: left;
}

.pager .pages li.last,
.pager .pages li.next {
	margin-right: 0em;
	float: right;
}

.pager .pages li a,
.pager .pages li span {
	display: inline-block;
	padding: 0.2em 0.5em;
	border: 1px solid #ccc;
	color: #666;
}

.pager .pages li a:hover {
	background-color: #ccc;
	color: white;
}

.pager .pages li.disabled {
	visibility: hidden;
}

.pager .pages li.current a,
.pager .pages li.current span,
.pager .pages li.first a,
.pager .pages li.first span,
.pager .pages li.last a,
.pager .pages li.last span,
.pager .pages li.prev a,
.pager .pages li.prev span,
.pager .pages li.next a,
.pager .pages li.next span {
	border-color: transparent;
}

.pager .pages li a {
	border-color: transparent;
}

.pager .pages li.current a,
.pager .pages li.current span {
	color: black;
	background-color: #eee;
}

x-.maincol > .pager .pages li.minus-5,
x-.maincol > .pager .pages li.minus-6,
x-.maincol > .pager .pages li.minus-7,
x-.maincol > .pager .pages li.minus-8,
x-.maincol > .pager .pages li.plus-5,
x-.maincol > .pager .pages li.plus-6,
x-.maincol > .pager .pages li.plus-7,
x-.maincol > .pager .pages li.plus-8 {
	display: none;
}

.pager .pages li.first,
.pager .pages li.prev,
.pager .pages li.last,
.pager .pages li.next {
	position: relative;
	display: inline-block;
	width: 2.5em; overflow: hidden;
	color: transparent;
}

.pager .pages li.first a,
.pager .pages li.prev a,
.pager .pages li.last a,
.pager .pages li.next a {
	position: relative;
	display: inline-block;
	width: 100%; height: 100%;
	overflow: hidden;
	color: inherit;
}

.pager .pages li.first a:hover,
.pager .pages li.prev a:hover,
.pager .pages li.last a:hover,
.pager .pages li.next a:hover {
	background-color: transparent;
}

.pager .pages li.first a:before,
.pager .pages li.prev a:before,
.pager .pages li.last a:after,
.pager .pages li.next a:after {
	text-indent: 0px;
	color: #888;
	display: inline-block;
	position: absolute; 
	left: 0px; right: 0px;
	top: 50%; margin-top: -0.6em;
	padding: 0.1em 0em;
	font-size: 150%;
	font-family: "FontAwesome";
	font-weight: 300;
}

.pager .pages li.first a:hover:before,
.pager .pages li.prev a:hover:before,
.pager .pages li.last a:hover:after,
.pager .pages li.next a:hover:after {
	color: white;
	background-color: #ccc;
}

.pager .pages li.first a:before { content: "\F104\F104"; text-align: left; padding-left: 0.1em; }
.pager .pages li.prev a:before { content: "\F104"; text-align: left;  padding-left: 0.1em; }
.pager .pages li.last a:after { content: "\F105\F105"; x-text-align: right; }
.pager .pages li.next a:after { content: "\F105"; x-text-align: right; }


.sharebarcontainer {
	padding: 0em 0em 0.5em 0em;
	overflow: hidden;
}

.sharebarnew {
	white-space: nowrap; 
	padding-top: 1em;
}

.page-media .sharebarnew {
    padding-top: 0em; padding-bottom: 1em;
}

.sharebarnew .instruction {
	display: inline-block; .fo-weight: 600; padding: 0.5em 0em;
}

.sharebarnew .sharebuttons {
	display: inline-block; padding: 0em; margin: 0em;
	float: right; width: 600px;
}

BODY.fullwidth .sharebarnew .sharebuttons {
	float: none; width: 100%; max-width: 600px; padding-left: 1em;
}

.sharebarnew .sharebuttons li {
	display: inline-block; padding: 0em; margin: 0em;
	color: white;
}

.sharebarnew .sharebuttons li:last-child {
	margin-right: 0em !important;
}

.sharebarnew .sharebuttons li a {
	display: block;
	padding: 0.5em 1em;
	position: relative;
	padding-left: 2.5em;
}

.sharebarnew .sharebuttons li a:after {
	content: " "; display: block; height: 0px; overflow: hidden; clear: both;
}

.sharebarnew .sharebuttons li a:visited,
.sharebarnew .sharebuttons li a:hover {
	color: inherit;
}

.sharebarnew .sharebuttons li a:before {
	content: " "; font-family: FontAwesome;
	display: inline-block;
	x-padding-right: 0.5em; 
	position: absolute;
	left: 0.7em; top: 0.5em;
	font-size: 125%;
}

.sharebarnew .sharebuttons li a .label {
	display: inline;
}

.sharebarnew .sharebuttons li a .count {
	display: inline-block;
	padding: 0.5em 0.5em; margin-right: -1em;
	margin-top: -0.5em; margin-bottom: -0.5em;
	margin-left: -1.5em; /* [+] 2015.02.28 ??? */
	min-width: 1.5em; 
	float: right; text-align: center;
}

.sharebarnew .sharebuttons li.facebook { background-color: #359; }
.sharebarnew .sharebuttons li.facebook .count { background-color: #57b; }
.sharebarnew .sharebuttons li.facebook a:before { content: "\F09A"; }
.sharebarnew .sharebuttons li.facebook a:hover { background-color: #57c; }
.sharebarnew .sharebuttons li.facebook a:hover .count { background-color: #79d; }
.sharebarnew .sharebuttons li.twitter { background-color: #0ae; }
.sharebarnew .sharebuttons li.twitter .count { background-color: #2cf; }
.sharebarnew .sharebuttons li.twitter a:before { content: "\F099"; }
.sharebarnew .sharebuttons li.twitter a:hover { background-color: #0cf; }
.sharebarnew .sharebuttons li.twitter a:hover .count { background-color: #4ff; }
.sharebarnew .sharebuttons li.googleplus { background-color: #d43; }
.sharebarnew .sharebuttons li.googleplus .count { background-color: #f65; }
.sharebarnew .sharebuttons li.googleplus a:before { content: "\F0D5"; }
.sharebarnew .sharebuttons li.googleplus a:hover { background-color: #f65; }
.sharebarnew .sharebuttons li.googleplus a:hover .count { background-color: #f87; }
.sharebarnew .sharebuttons li.linkedin { background-color: #07b; }
.sharebarnew .sharebuttons li.linkedin .count { background-color: #29d; }
.sharebarnew .sharebuttons li.linkedin a:before { content: "\F0E1"; margin-top: -0.1em; }
.sharebarnew .sharebuttons li.linkedin a:hover { background-color: #29d; }
.sharebarnew .sharebuttons li.linkedin a:hover .count { background-color: #4bf; }
.sharebarnew .sharebuttons li.xing { background-color: #166; }
.sharebarnew .sharebuttons li.xing .count { background-color: #388; }
.sharebarnew .sharebuttons li.xing a:before { content: "\F168"; }
.sharebarnew .sharebuttons li.xing a:hover { background-color: #388; }
.sharebarnew .sharebuttons li.xing a:hover .count { background-color: #5aa; }

.sharebarnew .sharebuttons.count-1 li { width: 100%; margin-right: 0em; }
.sharebarnew .sharebuttons.count-2 li { width: 49%; margin-right: 2%; }
.sharebarnew .sharebuttons.count-3 li { width: 32%; margin-right: 2%; }
.sharebarnew .sharebuttons.count-4 li { width: 23.5%; margin-right: 2%; }
.sharebarnew .sharebuttons.count-5 li { width: 18%; margin-right: 2%; }

.subscribebar {
	clear: both;
	margin: 1em 0em;
}

.subscribebar a {
	font-weight: 600;
	color: #1080c0;
}

.subscribebar a:hover {
	color: orange;
}

.subscribebar .content:before {
	content: "\F143"; font-family: FontAwesome;
	color: orange;
	margin-right: 0.5em;
	font-size: 140%;
}

.subscribebar .fb_iframe_widget {
	display: block;
	margin-top: 0em; margin-bottom: 1em;
}

.forumbar {
	background-color: #333;
	vertical-align: center;
	margin: 2em 0em;
	margin-left: 0px !important; x-margin-right: 0px !important;
	font-size: 115%;
}

.forumbar ~ .expandable-control {
	margin-top: -2em;
}

.forumbar a {
	display: inline-block;
	vertical-align: center;
}

.forumbar .count,
.forumbar .desc {
	display: inline-block;
	padding: 4px 10px 4px 10px;
	height: 1.5em;
	vertical-align: center;
	cursor: pointer;
	color: white; 
}

.forumbar .count {
	font-weight: 600;
	border-right: 4px solid white;
	background-color: #50a0ff;
	background-color: #f90;
	background-color: #fa5;
	background-color: #e83;
	padding-left: 20px;
}

.forumbar .count.empty {
	background-color: orange;
}

.forumbar .desc {
}

.forumbar a:visited .count {
	background-color: #aaa;
}

.forumbar:hover .count {
	background-color: #fa5;
}

.forumbar:hover a:visited .count {
	background-color: #aaa;
}

.forumbar:hover {
	background-color: #606060;
}

.tagsbar {
    margin: 1em 0em;
}

.tagsbar .desc {
    display: none;
}

.tagsbar .tags {
    padding: 0em; margin: 0em;
    list-style-type: none;
    font-size: 105%;
    margin-bottom: 0.5em; /* compensate for li bottom margin */
}

.tagsbar .tags > li {
    display: inline-block;
    padding: 0em; margin: 0em;
    margin-right: 0.5em; margin-bottom: 0.5em;
}

.tagsbar .tags > li > a {
    display: inline-block;
    padding: 0.2em 1em;
    background-color: #f0f0f0; color: #666;
    text-transform: uppercase; font-weight: 500;
}

.tagsbar .tags > li > a > span:before {
    font-family: FontAwesome; content: "\F02B";
    margin-right: 0.5em; color: #ccc;
}

BODY.dark .tagsbar .tags > li > a > span:before {
    color: #888;
}

.tagsbar .tags > li > a:hover {
    background-color: #aaa; color: #eee;
}

BODY.dark .tagsbar .tags > li > a {
    background-color: #222; color: #888;
}

BODY.dark .tagsbar .tags > li > a:hover {
    background-color: #666; color: #000;
}

.rssbar {
	padding: 4px 10px 8px 10px; font-weight: 600;
	text-align: center;
}

.rssbar span {
	padding-left: 18px;
	background-image: url('/common/images/rss-icon-16x16.gif') ; background-position: left 2px; background-repeat: no-repeat;
}

.rssbar a {
	color: #001cc0;
}

.rssbar a:hover {
	color: #801c00;
}

.searchhighlight {
	background-color: yellow !important;
	display: inline-block;
	padding: 1px;
	color: black !important;
}

.searchhighlight.num2 {
	background-color: #c0ffc0 !important;
}
.searchhighlight.num3 {
	background-color: pink !important;
}

/* */

.previewwiththumb {
    position: relative;
}

.previewwiththumb > a {
    display: block; vertical-align: top;
}

.previewwiththumb a:visited,
.previewwiththumb a:visited h2 {
	color: #aaa;
}

.previewwiththumb .texts {
    position: relative; z-index: 7;
}

.previewwiththumb .title {
    color: black;
}

.previewwiththumb .lead {
	margin-top: 0.1em;
    color: #444;
    font-weight: 400;
}

.previewwiththumb .thumb,
.previewwiththumb .thumb img {
    vertical-align: top; 
} 

.previewwiththumb .thumb {
    position: relative;
}

.previewwiththumb .thumb .thumboverlay {
    position: absolute; z-index: 6;
    top: 0em; left: 0em; right: 0em; bottom: 0em; 
    display: none;
    margin-right: -1px;
}

/* this makes the thumb picture appear lighter, so more weight is given to the title and lead text */
.previewwiththumb .thumb .thumboverlay {
    display: inline-block;
    background-color: rgba(255,255,255,0.2);
}

/* fade-out for visited thumbs */
.visited .previewwiththumb .thumb .thumboverlay {
    display: inline-block;
    background-color: rgba(255,255,255,0.4);
}

BODY.page-home .visited .focus .previewwiththumb .thumb .thumboverlay {
    display: inline-block;
    background-color: rgba(255,255,255,0.3);
}

BODY.dark .visited .previewwiththumb .thumb .thumboverlay {
    background-color: rgba(16,16,16,0.6);
}

.visited .previewwiththumb .thumb .thumboverlay:after {
    content: "olvastad";
    display: inline-block;
    position: absolute;
    left: 0.5em; top: 0.5em;
    padding: 0.3em 0.5em;
    background-color: #888;
    color: white;
    text-transform: uppercase;
    font-size: 90%;
}

.sidecol .visited .previewwiththumb .thumb .thumboverlay:after {
    font-size: 85%;
    background-color: #999;
}

.previewwiththumb .props {
	display: block; padding: 0px; margin: 0px;
	margin-top: 5px;
	color: #606060;
}

.previewwiththumb .props li {
	display: inline-block;
	padding: 0.2em 10px 0.2em 0px;
	background-repeat: no-repeat; background-position: left center;
}

.previewwiththumb .props li a {
	font-weight: 600; color: #60b0ff;
}

.previewwiththumb .props li a:visited {
	color: #aaa;
}

.sidecol .previewwiththumb .props li.shares {
	display: none;
}

.previewwiththumb .props li.comments > *:before {
	content: "\F0E5"; font-family: "FontAwesome";
	display: inline-block; color: #666; 
	font-size: 90%;
	margin: 0em 0.4em 0em 0.2em;
}

.previewwiththumb .props li.comments > *.nocomment {
	color: #a0a0a0;
}

.previewwiththumb .props li.comments > *.nocomment .count {
	display: none;
}

.previewwiththumb .props li.ts {
	x-padding-left: 14px;
	x-background-image: url('/common/images/tinyicon-date.gif') ;
}

.previewwiththumb .props li.ts:before {
	content: "\F133"; font-family: "FontAwesome";
	display: inline-block; x-color: #666; 
	font-size: 90%;
	margin: 0em 0.4em 0em 0.2em;
}

.previewwiththumb .props li.shares {
	color: #a0a0a0;
}

.previewwiththumb .props li.shares .fo {
	display: none;
}

.previewwiththumb .props li.shares:before {
	content: "\F087"; font-family: "FontAwesome";
	content: "\F079"; content: "\F1E0"; content: "\F045";
	display: inline-block; 
	margin: 0em 0.4em 0em 0.2em;
}

.previewwiththumb .props li a:hover {
	color: orange;
}

.previewwiththumb .end {
	clear: both;
}

.previewwiththumb.list,
.previewwiththumb.homelist {
	margin-bottom: 6px; padding-bottom: 6px;
	border-bottom: 1px dotted #e0e0e0;
}

.previewwiththumb.list .thumb,
.previewwiththumb.homelist .thumb {
	display: inline-block;
	float: left; margin-right: 10px;
	border: 1px solid #c0c0c0;
	padding: 2px;
	x-border-radius: 4px;
}

.previewwiththumb.list .thumb:hover, 
.previewwiththumb.homelist .thumb:hover {
	background: orange;
}

.previewwiththumb.list .thumb img,
.previewwiththumb.homelist .thumb img {
	display: block;
	x-border-radius: 4px;
	height: 6.8em; width: auto;
	margin: 0px; padding: 0px;
}

.previewwiththumb.list.videoimg .thumb img {
	height: 10em;
}

.previewwiththumb.list .texts h2,
.previewwiththumb.homelist .texts h2 {
	padding-top: 0px; margin-top: 0px; margin-bottom: 2px;
	font-size: 130%; font-weight: 600;
	font-size: 160%; font-weight: 500;
}

.previewwiththumb.list .texts h2:hover,
.previewwiththumb.homelist .texts h2:hover {
	color: orange;
}

.previewwiththumb.list .texts .lead,
.previewwiththumb.homelist .texts .lead {
	font-size: 110%; color: #606060;
}

.previewwiththumb.list.unisize .thumb img {
	height: 6em !important;
}

BODY.withsidebar .focusnews {
    padding-bottom: 0.5em; margin-bottom: 0.5em;
    border-bottom: 1px dotted #eee;
}

BODY.fullwidth .focusnews {
    padding-bottom: 0em; margin-bottom: 0em; margin-right: 0em;
    border-bottom: none;
}

.focusnews > ul {
    padding: 0em; margin: 0em;
    display: table;
}

.focusnews.widethumbs > ul {
    border-bottom: none; margin-bottom: 0em;
}

.focusnews > ul > li {
    margin: 0em; padding: 0em;
	display: table-cell;
    list-style-type: none;
	width: 49%; 
    vertical-align: top;
	x-float: left;
    border-collapse: collapse;
}

BODY.fullwidth .focusnews > ul > li {
    padding-right: 0em; border-right: none;
}

.focusnews .previewwiththumb.focus {
	width: 100%;
}

BODY.withsidebar .focusnews > ul > li:first-child {
    padding-right: 0.1em; 
}

BODY.withsidebar .focusnews > ul > li:last-child {
    padding-left: 0.1em;
}

.focusnews {
	margin-right: -4px;
}

.previewwiththumb.deleted {
	opacity: 0.3;
}

.previewwiththumb.focus,
.previewwiththumb.focus-wide {
	position: relative;
}

.previewwiththumb.focus.noimage,
.previewwiththumb.focus-wide.noimage {
	padding-bottom: 5px; margin-bottom: 5px;
	border-bottom: 1px dotted #c0c0c0;
}

.previewwiththumb.focus .thumb,
.previewwiththumb.focus-wide .thumb {
	border: 1px solid #c0c0c0;
	padding: 2px;
	x-border-radius: 4px;
}

.widethumbs .previewwiththumb.list,
.widethumbs .previewwiththumb.homelist {
    border-bottom: none; padding-bottom: 0em; margin-bottom: 1em;
}
    
.widethumbs .previewwiththumb.focus .thumb {
    padding: 0em; border-color: #f8f8f8;
}

.previewwiththumb.focus .thumb .thumbborder {
	display: inline-block; margin-bottom: -3px;
	width: 100%; overflow: hidden;
}

.previewwiththumb.focus .thumb:hover,
.previewwiththumb.focus-wide .thumb:hover {
	background: orange;
}

.previewwiththumb.focus .thumb img,
.previewwiththumb.focus-wide .thumb img {
	display: block;
	x-border-radius: 4px;
	width: 100%; height: auto;
}

.widethumbs .previewwiththumb.focus.withimage .texts,
.widethumbs .previewwiththumb.focus-wide.withimage .texts {
    font-size: 190%;
    margin-top: -1em;
}

BODY.widethumbdeepsink .widethumbs .previewwiththumb.focus.withimage .texts,
BODY.widethumbdeepsink .widethumbs .previewwiththumb.focus-wide.withimage .texts {
    margin-top: -1.2em;
}

.widethumbs .previewwiththumb.focus.withimage .texts .lead,
.widethumbs .previewwiththumb.focus-wide.withimage .texts .lead {
    margin-top: 0.5em;
    font-size: 65%;
}

.previewwiththumb.focus:hover .texts .background,
.previewwiththumb.focus-wide:hover .texts .background {
	opacity: 1.0;
}

.previewwiththumb.focus h2 {
	position: relative; 
	z-index: 3;
	margin: 3px 0px;
	padding: 0px;
	font-weight: 500;
	font-size: 175%; 
	font-size: 165%;
	.fo-size: 155%; 
	line-height: 1.2;
}

.previewwiththumb.focus.noimage h2 {
	margin: 5px 0px;
}

.previewwiththumb.focus.noimage h2:hover {
	color: orange;
}

.previewwiththumb.focus.withimage h2:hover {
	color: orange;
}

.previewwiththumb.focus .lead {
	position: relative; 
	z-index: 3;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size: 110%;
	color: #606060;
}

.sectiontitle {
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    padding-left: 1em !important;
    margin-bottom: 1em;
    margin-top: -0.1em;
    font-size: 120%;
}

.sectiontitle:after {
    position: absolute;
    left: 0em; top: 100%; right: 0em;
    content: " "; display: block;
}

.sectiontitle:before {
    content: " ";
    position: absolute; display: inline-block;
    left: 0em; top: 0em; bottom: 0em; 
    border-left: 0.5em solid orange;
}

.sectiontitle > label > a {
    color: black;
}

.sectiontitle > label > a:hover {
    color: orange;
}

.sectiontitle > .desc {
    display: inline;
    font-weight: 400; text-transform: none;
    color: #aaa;
}

.sectiontitle > .desc .long:before {
    content: "-"; padding: 0em 0.8em;
}

.sectiontitle > .desc .actionbutton {
    padding: 0.1em 2em 0.2em 2em;
    margin-top: -0.3em; margin-left: 1em;
    font-size: 90%;
    opacity: 0.9;
}

.topforums {
	position: relative;
	padding-top: 0em;
    padding-bottom: 0em;
    margin-top: -0.4em !important; 
}

.topforums > * {
	font-size: 115%;
}

.topforums .title {
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.topforums .title:after {
	display: none !important;
}

.sideframe > .topforums.content {
    margin-bottom: 0em;
}

.topforums.shortforumlist > ul:after {
    content: " "; display: block; height: 0px; clear: both; overflow: hidden;
}

.topforums.shortforumlist > ul > li {
    display: inline-block;
    width: 49%; float: left; clear: none;
    box-sizing: border-box;
    margin-right: 2%;
}

BODY.touch .topforums.shortforumlist > ul > li { line-height: 1.5 }

.topforums.shortforumlist > ul > li:nth-child(even) {
    margin-right: 0;
}

.topforums.shortforumlist:after {
    content: " "; display: block; clear: both; height: 0px;
}

.topforums.sidelist > ul > li > a,
.topforums.sidelist > ul > li > div {
    color: #000;
}

.allnews {
	margin: 10px 0px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #e0e0e0;
}

.allnews ul {
	max-height: 240px; overflow-y: auto;
}

.allnews .title {
	font-weight: 500; font-size: 110%;
}

.allnews ul {
	padding: 0px; margin: 0px;
	font-size: 110%;
}

.allnews ul li {
	padding-left: 16px;
}

.allnews ul li {
	display: block;
}

.allnews ul li a {
	color: black; font-weight: 600;
	width: 80%;
	white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
}

.allnews ul li a:visited {
	color: #aaa;
}

.allnews ul li a:hover {
	color: orange;
}

.allnews ul li .props {
	display: inline-block;
	white-space: nowrap;
	float: right;
}

.allnews ul li .ts,
.allnews ul li .comments,
.allnews ul li .shares {
	display: inline-block;
	float: right;
	color: #a0a0a0;
	margin-left: 1em;
	white-space: nowrap;
}

.allnews ul li .comments,
.allnews ul li .shares {
	font-size: 90%;
}

.allnews ul li .comments:before,
.allnews ul li .shares:before {
	font-family: "FontAwesome";
	display: inline-block; color: #aaa; 
	margin-right: 0.3em;
	.fo-size: 80%;
}

.allnews ul li .comments:before {
	content: "\F0E5";  
}

.allnews ul li .shares:before {
	content: "\F079"; 
}

.allnews ul li .comments .fo {
	display: none;
}

.telegrams > ul {
	font-size: 120%;
}

.telegrams > ul li:after {
	content: " "; display: block; height: 0px; overflow: hidden; clear: both;
}

.telegrams > ul li a {
	font-weight: 500;
}

BODY.dark .config-viewmode-normal .widethumbs .texts .title {
    background-color: black; color: white;
    box-shadow: 0.5em 0em 0em 0em black/*, -0.5em 0em 0em 0em black*/;
}

.config-viewmode-normal .widethumbs .texts .title:hover {
    color: #f60;
}

.config-viewmode-normal .widethumbs .props {
    position: absolute; display: inline-block; z-index: 7;
    top: -0.2em; right: -0.5em;
    color: white;
}

.config-viewmode-normal .widethumbs .props .comments {
    float: right; 
}

.config-viewmode-normal .widethumbs .props .comments > a {
    margin-left: 1em;
}

.config-viewmode-normal .widethumbs .props .ts {
    display: none;
}

.config-viewmode-normal .widethumbs .props .shares {
    float: right; 
    color: white;
    text-shadow: #666 1px 1px 1px; 
    padding-right: 0.1em;
}

.config-viewmode-normal .widethumbs .props .comments > a {
    display: inline-block;
    position: relative;
    padding: 0em 0.5em 0.1em 0.5em; min-width: 1em; text-align: center;
    background-color: #1ae; color: white;
    text-shadow: none;
    font-weight: 500;
    outline: 1px solid rgba(0,128,192,0.5);
}

BODY.touch .config-viewmode-normal .widethumbs .props .comments > a {
    padding: 0.1em 0.5em;
} 

.sidecol .config-viewmode-normal .widethumbs .props .comments > a {
    /* align to "olvastad" */
    margin-top: 0.1em;
    font-size: 85%;
}

.config-viewmode-normal .widethumbs .props .comments > a:before {
    display: none;
}

.config-viewmode-normal .widethumbs .props .comments > a:after {
	content: " "; display: inline-block;
	position: absolute;
	left: 50%; top: 100%; width: 0px; height: 0px; 
	border-style: solid;
	border-color: #1ae transparent transparent transparent;
	border-width: 0.4em 0.6em 0 0px; margin-left: -0.2em;
}

.config-viewmode-normal .widethumbs .props .comments > a:visited {
    background-color: #ccc; color: #444;
    outline-color: #aaa;
}

.config-viewmode-normal .widethumbs .props .comments > a:visited:after {
    border-top-color: #ccc; 
}

.config-viewmode-normal .widethumbs .props .comments > a:hover {
    background-color: #f60; color: white;
    outline-color: #d40;
}

.config-viewmode-normal .widethumbs .props .comments > a:hover:after {
    border-top-color: #f60;
}

.config-viewmode-normal .widethumbs .props .comments {
    margin-right: 0.3em;
}

.config-viewmode-normal .widethumbs .props .comments .nocomment {
    display: none;
}

.config-viewmode-normal .widethumbs .props .comments .fo {
    display: none;
}

.config-viewmode-normal .widethumbs .videoimg .thumb:after {
    position: absolute; display: inline-block;
    top: 0.5em; left: 0.5em; right: auto; bottom: auto;
    text-shadow: 1px 1px 0.1em black; 
}

.config-viewmode-details .widethumbs .thumb img {
	height: 7.5em;
}

.blockwrapper:after {
    content: " "; display: block; height: 0px; clear: both;
	margin-bottom: 1em; padding-bottom: 1em;
	border-bottom: 1px dotted #aaa;
}

.blockwrapper.regularnews ~ .blockwrapper.regularnews:after {
	x-margin-bottom: 0em; padding-bottom: 0em;
	border-bottom: none;
}

.blockwithside {
    display: table;
    border-collapse: collapse; border-spacing: 0em; 
}

.blockwithside > * {
    display: table-cell;
    width: 100%; vertical-align: top;
}

.blockwithside > *:first-child {
    padding-right: 1em;  
}

.blockwithside > *:last-child {
    min-width: 300px;
    padding-left: 1em;
    border-left: 1px dotted #ccc; 
}

.blockwithside .zone.loaded:after {
    content: " "; display: block; height: 0px;
    margin-bottom: 1em;
}

.blockwithside > *:last-child > *:last-child .zone.loaded:after {
    content: "hirdetés" !important; text-align: center; color: #ccc; display: block;
    font-size: 90%; height: auto !important;
    padding: 1em 0em; margin-top: -0.5em; margin-bottom: 0em;
}

.blockwrapper.regularnews {
    padding-bottom: 0em; /* do not leave extra space at bottom because of child item inter-padding */
    margin-bottom: 0em;
}

.blockwrapper.regularnews > *:last-child {
    margin-bottom: -1em;
}

.blockwrapper.regularnews > .sectiontitle {
    margin-bottom: 1em;
}

.regularnews .previewwiththumb.list .texts h2 {
	font-size: 155%; line-height: 1.3;
	margin-bottom: 2px;
}

.regularnews .previewwiththumb.list .texts .lead {
	font-size: 107%;
}

.regularnews > * > ul {
    padding: 0em; margin: 0em; 
    list-style-type: none;
}

.regularnews > * > ul > li {
    padding: 0em; margin: 0em;
    vertical-align: top;
}

.regularnews .widethumbs {
    margin: 0em; padding: 0em;
    list-style-type: none;
}

.regularnews .widethumbs:after {
    content: " "; display: block; height: 0px; overflow: hidden; clear: both;
}

.regularnews .widethumbs > li {
    display: inline-block;
	box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box;
    float: left;
    border-right: 1px dotted #ccc;
    margin: 0em; padding: 0em; 
    width: 33.3%; padding-right: 1.5%; padding-left: 1.5%;
    clear: none; border-right: 1px dotted #aaa;
	box-sizing: border-box; 
}

BODY.fullwidth .regularnews .blocknoside .widethumbs > li:nth-child(3n-2) {
    clear: left; padding-left: 0em;
    width: 32.6%;
}

BODY.fullwidth .regularnews .blocknoside .widethumbs > li:nth-child(3n-1) {
    width: 34.7%;
}

BODY.fullwidth .regularnews .blocknoside .widethumbs > li:nth-child(3n) {
    width: 32.7%;
    margin-right: 0em; padding-right: 0em !important; border-right: none;
}

/*
.regularnews .blocknoside .widethumbs > li:nth-child(n+4) {
}

.regularnews .blocknoside .widethumbs > li:nth-child(n+4) .thumb {
    display: none !important;
}

.regularnews .blocknoside .widethumbs > li:nth-child(n+4) .texts {
    margin-top: 0em !important;
}

.regularnews .blocknoside .widethumbs > li:nth-child(n+4) .props {
    position: relative; top: auto; left: auto; right: auto; bottom: auto;
}

.regularnews .blocknoside .widethumbs > li:nth-child(n+4) .props * {
    text-shadow:  none !important;
}

.regularnews .blocknoside .widethumbs > li:nth-child(n+4) .props .comments a:before,
.regularnews .blocknoside .widethumbs > li:nth-child(n+4) .props .shares,
.regularnews .blocknoside .widethumbs > li:nth-child(n+4) .props .shares:before {
    color: #888; text-shadow: none;
    opacity: 1.0;
}

.regularnews .blocknoside .widethumbs > li:nth-child(n+4) .props .comments a,
.regularnews .blocknoside .widethumbs > li:nth-child(n+4) .props .comments .fo {
    display: inline-block; color: #888;
	font-weight: 600; color: #60b0ff;
}

.regularnews .blocknoside .widethumbs > li:nth-child(n+4) .props .comments a:hover ,
.regularnews .blocknoside .widethumbs > li:nth-child(n+4) .props .comments a:hover .fo {
    color: orange;
}

.regularnews .blocknoside .widethumbs > li:nth-child(n+4) .props .comments a:visited ,
.regularnews .blocknoside .widethumbs > li:nth-child(n+4) .props .comments a:visited .fo {
    color: #aaa;
}
*/

.regularnews .blockwithside {
    margin-left: -1%;
}

.regularnews .blockwithside > *:last-child {
    border-left: none;
}

BODY.withsidebar .regularnews .blocknoside .widethumbs > li,
.regularnews .blockwithside .widethumbs > li {
    width: 50%; 
}

BODY.withsidebar .regularnews .blocknoside .widethumbs > li:nth-child(odd),
.regularnews .blockwithside .widethumbs > li:nth-child(odd) {
    clear: left;
    x-padding-left: 0%;
}

BODY.withsidebar .regularnews .blocknoside .widethumbs > li:nth-child(even),
.regularnews .blockwithside .widethumbs > li:nth-child(even) {
}

.regularnews .widethumbs .texts {
    font-size: 145%;
    margin-bottom: 0.5em;
}

.regularnews .widethumbs .texts .lead {
    padding-top: 0em;
    font-size: 80%;
}

.fliptext {
	transform: rotate(180deg);
	transition: all 0.5s ease;
}

.fliptext:hover {
	animation: animation-turnaround 2s forwards;
	-webkit-animation: animation-turnaround 2s forwards;
}

.video {
}

BODY.mobile .video .embed {
	text-align: center;
}

.video .embed #fiveMinCB_1 { /* special AOL embed div. usless, lot of empty space */
	display: none; 
}

.video .embed .background {
	position: absolute;
	display: inline-block;
	left: 0px; right: 0px; top: 0px; bottom: 0px;
	overflow: hidden;
	z-index: 4;
}

.video .videolink {
	display: inline-block;
	position: relative;
}

.video .videolink img {
	display: block;
}

.video .videolink:after {
	content: " "; display: inline-block;
	position: absolute;
	left: 0px; top: 0px; right: 0px; bottom: 0px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('/common/images/videoplayer-overlay.png') ;
}


.video .embed .iframe {
	position: relative;
	z-index: 5;
}

.video .embed .background,
.video .embed .iframe {
	text-align: center;
}

.video .sharediv {
	margin-top: 0.5em; margin-bottom: -0.5em;
}

.video .title span {
	display: inline-block;
}

BODY.mobile .video .description {
	font-size: 100%;
}

.video .description .original {
	display: none;
}

.video .contentbody .description a {
	color: yellow; .fo-weight: 600;
}

.video .contentbody .description a:hover {
	color: orange;
}

BODY.mobile .video .title,
BODY.mobile .video .description,
BODY.mobile .video .original {
	padding-left: 5px !important; padding-right: 5px !important;
	box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; 
}

.video .contenttitle.class-video {
	x-margin-bottom: 1em;
}

.video .contenttitle.class-video .original {
	font-size: 50%;
}

BODY.mobile .video .contenttitle.class-video .original {
	font-size: 70%;
	opacity: 0.6;
}

.videolist .lead {
	max-height: 5.4em; overflow: hidden;
}

.videoimg .thumb {
	position: relative;
}

.videoimg .thumb .thumborder {
	position: relative; z-index: 5;
}

.videoimg .thumb .thumboverlay {
    display: inline-block;
}

.visited .videoimg .thumb .thumboverlay:after {
    content: "megnézted";
}

.videoimg .thumb .thumboverlay:before {
	position: absolute;
	display: inline-block;
	font-family: FontAwesome; content: "\F04B"; 
	color: white;
	opacity: 0.8;
	font-size: 125%;
	left: 0.5em; top: 0.5em;
}

.videolist .videoimg .thumb .thumboverlay:before {
	font-size: 200%;
}

.videoimg .thumb .thumboverlay:hover:before {
	opacity: 1;
}

.videolist .lead {
	max-height: 5.4em; overflow: hidden;
}

.downloadlist .previewwiththumb.list .thumb img { 
	width: 18em; height: auto;
}

.relatedentries {
	x-overflow: hidden;
	position: relative;
}

.relatedentries > .caption {
	font-size: 120%;
	color: #888;
	margin: 1em 0em;
}

.relatedentries > .caption:after {
	content: ":"
}

.relatedentries > ul.entries {
	padding: 0em; margin: 1em 0em;
	list-style-type: none;
}

.relatedentries > ul.entries > li {
	padding: 0.1em; margin: 0em;
	list-style-type: none;
	padding-left: 1em;
	position: relative;
	clear: both;
	font-size: 110%;
	line-height: 1.2;
}

.relatedentries > ul.entries > li a {
	display: inline-block;
	padding: 0em 0em;
}

.relatedentries > ul.entries > li:before {
	content: "\25b6"; position: absolute;
	font-size: 80%;
	left: 0em; top: 0.4em;
	display: inline-block;
	color: #aaa;
}

.relatedentries.config-viewmode-details > ul.entries > li a > div[title]:after {
	content: attr(title);
	font-size: 75%; color: #888;
	margin-top: 0.5em;
	display: inline-block;
	width: 95%;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

.relatedentries.config-viewmode-details > ul.entries > li a:visited > div:after {
	color: #aaa;
}

.relatedentries > ul.entries > li .time {
	display: inline-block;
	color: #aaa; margin-left: 0.5em;
	font-size: 80%;
}

.relatedentries > ul.entries > li a:visited .time {
	color: inherit;
}

.relatedentries > ul.entries > li .time:before { content: "("; }
.relatedentries > ul.entries > li .time:after { content: ")"; }

.relatedentries.config-viewmode-normal > ul.entries > li.thumbed,
.relatedentries.config-viewmode-details > ul.entries > li.thumbed {
	clear: none;
	padding-left: 0em;
	display: inline-block;
	width: 50%;
	padding-right: 1em;
	box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; 
	float: left;
	font-size: 100%;
	list-style-type: none;
	background-image: none;
}

.relatedentries.config-viewmode-normal > ul.entries > li.thumbed a > div:after,
.relatedentries.config-viewmode-details > ul.entries > li.thumbed a > div:after {
	display: none;
}

.relatedentries.config-viewmode-normal > ul.entries > li.thumbed:before,
.relatedentries.config-viewmode-details > ul.entries > li.thumbed:before {
	display: none;
}

.relatedentries.config-viewmode-normal > ul.entries > li.thumbed:nth-child(odd),
.relatedentries.config-viewmode-details > ul.entries > li.thumbed:nth-child(odd) {
	clear: both;
}

.relatedentries.config-viewmode-normal > ul.entries > li.thumbed:nth-child(even):after,
.relatedentries.config-viewmode-details > ul.entries > li.thumbed:nth-child(even):after {
	content: " "; display: block; height: 0px; overflow: hidden; clear: both;
}

.relatedentries.config-viewmode-normal > ul.entries > li.thumbed .previewwiththumb.list,
.relatedentries.config-viewmode-details > ul.entries > li.thumbed .previewwiththumb.list {
	border-bottom: none;
}

.relatedentries.config-viewmode-normal > ul.entries > li.thumbed .previewwiththumb.list .thumb,
.relatedentries.config-viewmode-details > ul.entries > li.thumbed .previewwiththumb.list .thumb {
	margin-bottom: 0em;
	height: 6.8em; width: auto;
}

.relatedentries.config-viewmode-normal > ul.entries > li.thumbed .previewwiththumb.list .thumb img,
.relatedentries.config-viewmode-details > ul.entries > li.thumbed .previewwiththumb.list .thumb img {
	width: 100%; height: 100%;
}

.relatedentries.config-viewmode-normal > ul.entries > li.thumbed .previewwiththumb.list .texts h2,
.relatedentries.config-viewmode-details > ul.entries > li.thumbed .previewwiththumb.list .texts h2 {
	font-size: 140%;
	max-height: 5.1em; overflow: hidden;
	line-height: 1.2;
}

.relatedentries.config-viewmode-compact > ul.entries > li.thumbed .previewwiththumb.list .lead,
.relatedentries.config-viewmode-normal > ul.entries > li.thumbed .previewwiththumb.list .lead {
	display: none;
}

.relatedentries.config-viewmode-compact > ul.entries > li.thumbed .previewwiththumb.list {
	border: none; padding: 0em; margin: 0em;
}

.relatedentries.config-viewmode-compact > ul.entries > li.thumbed .previewwiththumb.list .texts h2 {
	font-size: 100%;
}

.relatedentries.config-viewmode-compact > ul.entries > li.thumbed .previewwiththumb.list .thumb,
.relatedentries.config-viewmode-compact > ul.entries > li.thumbed .previewwiththumb.list .texts .lead {
	display: none;
}

x-.relatedentries.config-viewmode-normal > ul.entries > li.thumbed .previewwiththumb.list .props {
	display: none;
}

.relatedentries.config-viewmode-compact > ul.entries > li.thumbed .previewwiththumb.list .props,
.relatedentries.config-viewmode-compact > ul.entries > li.thumbed .previewwiththumb.list .props .ts {
	display: inline;
}

.relatedentries.config-viewmode-compact > ul.entries > li.thumbed .previewwiththumb.list .props .ts {
	display: inline-block;
	color: #aaa; margin-left: 0.5em;
	font-size: 80%;
	padding: 0em; background-image: none;
}

.relatedentries.config-viewmode-compact > ul.entries > li.thumbed .previewwiththumb.list .props .ts:before { content: "("; }
.relatedentries.config-viewmode-compact > ul.entries > li.thumbed .previewwiththumb.list .props .ts:after { content: ")"; }

.relatedentries.config-viewmode-compact > ul.entries > li.thumbed .previewwiththumb.list .props .comments {
	display: none;
}

.moreshortnews ul {
	margin: 0em 1em; padding: 0em;
	list-style-type: none;
}

.moreshortnews ul .contenttitle {
	font-size: 200%;
}

.statlist {
	position: fixed; z-index: 950;
	display: inline-block;
	background-color: white;
	border: 1px solid #aaa;
	right: 1em;
	bottom: 1em;
	opacity: 0.6;
	color: black;
}

.statlist td {
	padding: 0.2em 1em;
}

.statlist TR#header { background-color: #c0c0c0; text-align: center; font-weight: 600 }
.statlist TR#row2 { background-color: #f0f0f0 }
.statlist TR TD#date { text-align: center }
.statlist TR TD#count { text-align: right; padding-right: 10px }

.statlist TR:nth-child(n+6) { display: none; }
.statlist:hover { opacity: 1; }
.statlist:hover TR:nth-child(n+3) { display: table-row; }

.hometopvideos {
	clear: both;
	margin-top: 10px; margin-bottom: -10px;
}

.hometopvideos .texts {
	font-size: 95%;
}

.quicknewslist,
.articlelist,
.maillistlist,
.downloadlist {
	padding: 0px; margin: 0px;
}

.quicknewslist li,
.articlelist li,
.maillistlist li,
.downloadlist li {
	padding: 0px; margin: 0px;
	list-style-type: none;
}

.sideframe {
	position: relative;
	margin-bottom: 0.5em;
}

.sideframe:after {
	content: " "; display: block; height: 0px; overflow: hidden; clear: both;
}

.sidecol > .ins {
	margin-top: 2em;
	text-align: center;
}

.sidecol > .ins.first {
	margin-top: 0em;
}

.sidecol > .ins:first-child {
	margin-top: none;
}

.sideframe > .content > .morelink {
	float: right;
	font-size: 90%;
	margin-top: 0.5em;
	margin-bottom: -1em;
}

.sideframe > .content:after {
	content: " "; display: block; height: 0px; overflow: hidden; clear: both;
}

.sideframe > .content > .morelink a { color: #999; }
.sideframe > .content > .morelink a:hover { color: #ff901c; }

.sideframe > .title .fo {
	display: inline-block;
	padding: 0.5em 0.5em 0.5em 0em;
	background-color: white;
	z-index: 2;
	position: relative;
	color: #999;
}

BODY.dark .sidecol .sideframe > .title .fo {
	background-color: #111;
}

.sideframe > .title:before {
	position: absolute;
	content: " ";
	left: 0px; right: 0px; top: 1.1em; height: 0px;
	display: block;
	border-bottom: 0.4em solid #ddd;
	z-index: 1;
}

BODY.dark .sideframe > .title:before {
	border-color: #333;
}

.sideframe > .title:after {
	content: " "; display: block; clear: both;
}

.sideframe > .content {
	margin: 0.5em 0em;
	font-size: 105%;
}

.configcontrol {
	display: inline-block;
	position: absolute;
	right: 0px; top: 0px;
	height: 2em;
	display: none;
	font-size: 13px;
}

BODY.loaded .configcontrol {
	display: inline-block;
}

.sideframe > .configcontrol {
	margin-top: 0.4em;
}

.configcontrol > .fo {
	position: relative;
	display: inline-block;
	width: 24px; height: 100%;
	text-indent: -9999px;
	cursor: pointer;
}

.configcontrol > .fo:hover {
	x-width: 64px;
}

.configcontrol > .fo:before {
	content: " ";
	position: absolute;
	left: 0px; right: 0px; top: 0px; bottom: 0px;
	background-color: white;
	z-index: 10;
}

BODY.dark .configcontrol > .fo:before {
	background-color: transparent;
}

.maincol .tabcontrol > .tabs {
	font-size: 110%;
}

.sidecol .tabcontrol > .tabs,
x-.sidecol .sidelist-forumlist {
		font-size: 90%;
}


.sideframe .tabcontrol > .configcontrol {
	top: 0.4em;
}

.configcontrol > .fo:after {
	content: " ";
	position: absolute;
	left: 0px; right: 0px; top: 0px; bottom: 0px;
	background-repeat: no-repeat; background-position: right center;
	background-color: white;
	background-image: url('/common/images/settings-16.png') ;
	z-index: 11;
	opacity: 0.5;
}

BODY.dark .configcontrol > .fo:after {
	opacity: 0;
}

.configcontrol:hover > .fo:after {
	opacity: 1;
}

.configcontrol > .popup {
	display: none;
	position: absolute;
	top: 100%; right: 0px; margin-top: -2px;
	font-size: 90%;
	border: 1px solid #999;
	background-color: white;
	z-index: 12;
}

.configcontrol:hover > .popup {
	display: inline-block;
}

.configcontrol:hover > .popup ul,
.configcontrol:hover > .popup li,
.configcontrol:hover > .popup li a {
	display: block;
	padding: 0em; margin: 0em;
	list-style-type: none;
	x-overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

.configcontrol:hover > .popup li.sep {
	height: 0px;
	border-bottom: 1px solid #ccc;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.configcontrol:hover > .popup li.sep:last-child {
    display: none; /* if last element is a separator, don't even show it */
}

.configcontrol:hover > .popup li a {
	padding: 0.5em 2em;
	color: black;
}

.configcontrol:hover > .popup li.type-radio a,
.configcontrol:hover > .popup li.type-checkbox a {
	x-padding-left: 2em;
	position: relative;
}

.configcontrol:hover > .popup li.type-radio.checked a,
.configcontrol:hover > .popup li.type-checkbox.checked a {
}

.configcontrol:hover > .popup li.type-radio a:after,
.configcontrol:hover > .popup li.type-checkbox a:after {
	content: " "; position: absolute;
	display: inline-block;
	left: 0.75em; top: 50%; margin-top: -0.7em;
}

.configcontrol:hover > .popup li.type-radio.checked a:after {
	content: "\25cf";
}

.configcontrol:hover > .popup li a:hover {
	background-color: #ccc;
	color: white;
}

.controlgroup {
	margin: 0em; padding: 0em;
}

.controlgroup > *,
.controlgroup > li > ul.inputfields {
	list-style-type: none;
	margin: 0em; padding: 0em;
	x-margin-right: 1em;
}

.controlgroup > *:last-child {
	margin-right: 0em;
}

.controlgroup .linkbutton {
    display: inline-block;
    margin: 0.5em 0em;
}

.tabcontrol {
	x-position: relative;
}

nav + .tabcontrol {
	margin-top: 1em; 
}

.tabcontrol > div > ul,
.tabcontrol > div > li {
	padding: 0px; margin: 0px;
	list-style-type: none;
	display: block;
}

x-.tabcontrol.fullwidth > .tabs > ul > li {
	text-align: center;
}

.tabcontrol.fullwidth.count-2 > .tabs > ul > li { width: 50%; }
.tabcontrol.fullwidth.count-3 > .tabs > ul > li { width: 33%; }
.tabcontrol.fullwidth.count-4 > .tabs > ul > li { width: 25%; }
.tabcontrol.fullwidth.count-5 > .tabs > ul > li { width: 20%; }
.tabcontrol.fullwidth.count-6 > .tabs > ul > li { width: 16.6%; }
.tabcontrol.fullwidth.count-7 > .tabs > ul > li { width: 14.2%; }

.tabcontrol.nonscripted  > div.tabs {
	display: none;
}

.tabcontrol > div.tabs {
	margin-bottom: -1.2em;
}

.tabcontrol > div.tabs > ul > li {
	display: inline-block;
	margin-bottom: 1em;
}

.tabcontrol > div.tabs > ul > li > * {
	display: block;
	padding: 0.3em 1em;
	margin-right: 0.5em;
	x-text-transform: uppercase;
	background-color: #f4f4f4;
	border: 1px solid #f8f8f8;
	color: #444;
	/*overflow: hidden; text-overflow: ellipsis; white-space: nowrap; */
}

.tabcontrol > div.tabs > ul > li .count {
    display: inline-block;
    opacity: 0.5;
}

.tabcontrol > div.tabs > ul > li .count:before { content: "("; }
.tabcontrol > div.tabs > ul > li .count:after { content: ")"; }

.tabcontrol.nonscripted > div.views > ul > li > .title {
	display: block;
	padding: 0.2em 0em;
	color: black;
	font-size: 140%;
	margin-top: 0.5em; 
}

.tabcontrol.nonscripted > div.views > ul > li:first-child > .title {
	margin-top: 0em;
}

.maincol .tabcontrol > div.tabs > ul > li a {
	x-padding: 0.5em 1em;
	font-size: 105%;
}

BODY.dark .tabcontrol > div.tabs > ul > li a {
	background-color: #555;
	border-color: #666;
	color: #aaa;
}

.tabcontrol > div.tabs > ul > li:last-child a {
	margin-right: 0em;
}


.tabcontrol > div.tabs > ul > li.active a {
	position: relative;
	background-color: #f95;
	x-background-color: #adf;
	border-color: transparent;
	color: white;
}

.tabcontrol > div.tabs > ul > li.active a:after {
	content: " "; display: inline-block;
	position: absolute;
	left: 50%; top: 100%; width: 0px; height: 0px; 
	border-style: solid;
	border-color: #f95 transparent transparent transparent;
	x-border-color: #adf transparent transparent transparent;
	border-width: 8px 8px 0px 8px; margin-left: -4px;
}

BODY.dark .tabcontrol > div.tabs > ul > li.active a:after {
	border-color: #555 transparent transparent transparent;
}

.tabcontrol > div.tabs > ul > li a:hover {
	color: white;
	background-color: #fc8;
}

.tabcontrol > div.tabs > ul > li.active a:hover:after {
	border-top-color: #fc8;
}

.tabcontrol.scripted > div.views {
	x-background-color: #f0f0f0;
}

.tabcontrol.scripted > div.views > ul > li {
	display: none;
}

.tabcontrol.scripted > div.views > ul > li.active {
	display: block;
}

.tabcontrol > div.views > ul > li > .title {
	padding: 1em 0em;
}

.tabcontrol.scripted > div.views > ul > li > .title {
	display: none;
}

.tabcontrol > div.views > ul > li > .content {
	x-background-color: #f0f0f0; margin: 0em; padding: 1em 0em 0.5em 0em;
}

.tabcontrol > .content {
	padding: 1em 0em;
}

.tabcontrol > .content > .controlgroup.count-1 > li > ul.inputfields {
	margin-top: 0em; margin-bottom: 0em;
}

.popupcontrol {
	position: relative;
}

.popupcontrol > .trigger {
	cursor: pointer;
}

.popupcontrol > .popup {
	position: absolute;
	left: 0px; top: 100%;
	display: inline-block;
	padding-top: 0.4em; padding-bottom: 0.5em; 
	display: none;
}

.popupcontrol:hover > .popup {
	z-index: 999;
	display: inline-block;
}

.popupcontrol > .popup > ul {
	padding: 0px; margin: 0px;
	display: block;
	background-color: white;
	border: 1px solid #aaa;
}

.popupcontrol > .popup > ul > li {
	display: block;
	padding: 0px; margin: 0px;
	list-style-type: none;
}

.popupcontrol > .popup > ul > li.sep {
	height: 0px;
	border-bottom: 1px solid #ccc;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.popupcontrol > .popup > ul > li > a,
.popupcontrol > .popup > ul > li > div {
	display: block;
	padding: 0.7em 1em;
	line-height: 1em;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
	color: black !important;
}

.popupcontrol > .popup > ul > li > div { color: #aaa !important; }

.popupcontrol > .popup > ul > li > a:first-letter,
.popupcontrol > .popup > ul > li > div:first-letter {
	text-transform: uppercase;
}

.popupcontrol > .popup > ul > li > a:hover {
	background-color: #eee;
}

.sidelist > ul {
	padding: 0px; margin: 0px;
	display: block;
	vertical-align: top;
}

.sidelist > ul > li {
	vertical-align: top;
	padding: 0em; margin: 0em;
	padding: 0.1em 0em;
	padding: 0em 0.1em;
	display: block;
	list-style-type: none;
	padding-left: 1em;
	position: relative;
}

.sidelist > ul > li:before {
	content: "\25b6"; position: absolute;
	content: "\F054"; font-family: "FontAwesome";
	font-size: 80%;
	left: 0.1em; top: 0.6em;
	display: inline-block;
	color: #ccc;
}

.sidelist > ul > li > a,
.sidelist > ul > li > div {
	display: block;
	padding: 0.1em 0em;
	font-weight: 500;
	.fo-family: "Segoe UI Light", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, Roboto, Arial, FreeSans, sans-serif;
	color: #444;
}

BODY.dark .sidelist > ul > li > a {
	color: #ccc;
}

.sidelist > ul > li > a:visited {
	color: #aaa;
}

.sidelist > ul > li:hover {
	background-color: #f8f8f8;
	x-background-color: #f0f8ff;
}

BODY.dark .sidelist > ul > li:hover {
	background-color: #222;
}

BODY.dark .sidelist > ul > li:hover:after {
	background-color: #222;
	color: #aaa;
}

#frame_rssnews .sidelist .previewwiththumb .thumb img {
    width: 6em; height: auto;
    float: left;
    margin-right: 1em; margin-bottom: 0.5em;
}

#frame_rssnews .sidelist.publicationlist > ul > li {
    padding-left: 0em; 
}

#frame_rssnews .sidelist.publicationlist > ul > li:before { content: " "; display: none; }


/*
x-.maincol .sidelist > ul > li:hover {
    background-color: transparent;
}

.maincol .sidelist > ul a:hover {
    color: #f60 !important;
}
*/

.config-itemcount-3 .sidelist > ol > li:nth-child(n+4),
.config-itemcount-3 .sidelist > ul > li:nth-child(n+4) { display: none; }
.config-itemcount-4 .sidelist > ol > li:nth-child(n+5),
.config-itemcount-4 .sidelist > ul > li:nth-child(n+5) { display: none; }
.config-itemcount-5 .sidelist > ol > li:nth-child(n+6),
.config-itemcount-5 .sidelist > ul > li:nth-child(n+6) { display: none; }
.config-itemcount-6 .sidelist > ol > li:nth-child(n+7),
.config-itemcount-6 .sidelist > ul > li:nth-child(n+7) { display: none; }
.config-itemcount-7 .sidelist > ol > li:nth-child(n+8),
.config-itemcount-7 .sidelist > ul > li:nth-child(n+8) { display: none; }
.config-itemcount-8 .sidelist > ol > li:nth-child(n+9),
.config-itemcount-8 .sidelist > ul > li:nth-child(n+9) { display: none; }
.config-itemcount-9 .sidelist > ol > li:nth-child(n+10),
.config-itemcount-9 .sidelist > ul > li:nth-child(n+10) { display: none; }
.config-itemcount-10 .sidelist > ol > li:nth-child(n+11),
.config-itemcount-10 .sidelist > ul > li:nth-child(n+11) { display: none; }
.config-itemcount-12 .sidelist > ol > li:nth-child(n+13),
.config-itemcount-12 .sidelist > ul > li:nth-child(n+13) { display: none; }
.config-itemcount-14 .sidelist > ol > li:nth-child(n+15),
.config-itemcount-14 .sidelist > ul > li:nth-child(n+15) { display: none; }
.config-itemcount-15 .sidelist > ol > li:nth-child(n+16),
.config-itemcount-15 .sidelist > ul > li:nth-child(n+16) { display: none; }
.config-itemcount-16 .sidelist > ol > li:nth-child(n+17),
.config-itemcount-16 .sidelist > ul > li:nth-child(n+17) { display: none; }
.config-itemcount-18 .sidelist > ol > li:nth-child(n+19),
.config-itemcount-18 .sidelist > ul > li:nth-child(n+19) { display: none; }
.config-itemcount-24 .sidelist > ol > li:nth-child(n+25),
.config-itemcount-24 .sidelist > ul > li:nth-child(n+25) { display: none; }

.shortforumlist > ul > li:before { .fo-size: 100%; x-top: 0.2em; }
.shortforumlist > ul > li.deleted .title { opacity: 0.5; }
.shortforumlist > ul > li.deleted:before { content: "\2A2F" !important; color: red !important; margin-top: 0.1em; }
.shortforumlist > ul > li.closed:before { content: "\F023" !important; font-family: FontAwesome !important; font-size: 13px !important; margin-top: 0em !important; color: #888; }
.shortforumlist > ul > li.closed:before { margin-top: 0.2em !important; }

.shortkbaselist > ul > li.accepted:before { content: "\2713"; color: green; margin-left: -0.2em; top: 0.2em; font-size: 120%; }
.shortkbaselist > ul > li.answered:before { content: "?"; color: blue; top: 0.4em; font-size: 100%; }
.shortkbaselist > ul > li.opened:before { content: "*"; color: red; }

.shortforumlist > ul > li {
	clear: both;
	padding-top: 0.1em; padding-bottom: 0.1em;
}

.config-viewmode-normal .shortforumlist > ul > li,
.config-viewmode-details .shortforumlist > ul > li {
	padding-top: 0em; padding-bottom: 0em;
}

.shortforumlist > ul > li .entrycount {
	display: inline-block;
	float: right;
	padding: 0.2em 0em;
	min-width: 2.5em; text-align: center;
	background-color: #eee; color: #333;
	font-size: 70%; font-weight: 600;
	margin-left: 0.5em;
	position: relative;
}

BODY.dark .shortforumlist > ul > li .entrycount {
	background-color: #333; color: #aaa;
}

.shortforumlist > ul > li .entrycount:after {
	content: " "; display: inline-block;
	position: absolute;
	left: 50%; top: 100%; width: 0px; height: 0px; 
	border-style: solid;
	border-color: #eee transparent transparent transparent;
	border-width: 5px 6px 0 0px; margin-left: -2px;
}

BODY.dark .shortforumlist > ul > li .entrycount:after {
	border-color: #333 transparent transparent transparent;
}

.sidelist.shortforumlist > ul > li .title:after {
	content: attr(title);
	display: block;
	font-size: 80%; color: #888;
	margin-top: 0.2em;
	overflow: hidden; text-overflow: ellipsis; x-white-space: nowrap;
	max-height: 2.5em;
}

.shortforumlist > ul > li a:visited .title:after {
	color: #ccc;
}

.config-viewmode-compact .shortforumlist > ul > li {
	padding-top: 0.1em; padding-bottom: 0em;
}

.config-viewmode-compact .shortforumlist > ul > li .title:after {
	display: none;
}

.shortforumlist > ul > li ul.infos {
	padding: 0px; margin: 0px;
	display: block;
	color: #999;
	font-size: 80%;
	margin-top: 0.2em; margin-bottom: 0.2em;
	display: none;
	overflow: hidden; white-space: nowrap;
}

.shortforumlist > ul > li a:visited ul.infos {
	color: #ccc;
}

.config-viewmode-details .shortforumlist > ul > li ul.infos {
	display: block;
}

.shortforumlist > ul > li ul.infos li {
	padding: 0px; margin: 0px;
	display: inline-block; margin-right: 1em;
	list-style-type: none;
	width: auto;
}

.shortforumlist > ul > li ul.infos li:last-child {
	margin-right: 0em;
}

.sidelist.sidelist-publicationlist > ul > li {
	clear: both;
}

BODY.fullwidth .sidelist.sidelist-publicationlist > ul > li {
	float: left; clear: right;
	width: 24%;
}

BODY.fullwidth .sidelist.sidelist-publicationlist > ul:after {
	content: " "; display: block; height: 0px; clear: both; overflow: hidden;
}

.config-viewmode-normal .sidelist.sidelist-publicationlist > ul > li,
.config-viewmode-details .sidelist.sidelist-publicationlist > ul > li {
	padding-left: 0px;
	background-image: none;
}

.config-viewmode-normal .sidelist.sidelist-publicationlist > ul > li:before {
	content: ""; display: none;
}

.sidelist.sidelist-publicationlist > ul > li .thumb {
	display: inline-block;
	float: left;
	margin-right: 0.8em;
	margin-bottom: 0.2em;
	padding: 1px;
	border: 1px solid #eee;
}

.sidelist.sidelist-publicationlist > ul > li .thumb img {
	display: block;
	height: 5.3em; width: auto;
}

BODY.fullwidth .config-viewmode-normal .sidelist.sidelist-publicationlist > ul > li { box-sizing: border-box; }
BODY.fullwidth .config-viewmode-normal .sidelist.sidelist-publicationlist > ul > li { width: 33%; }
BODY.fullwidth .config-viewmode-normal .sidelist.sidelist-publicationlist > ul > li:nth-child(4n) { clear: left; }
BODY.fullwidth .config-viewmode-normal.config-itemcount-4 .sidelist.sidelist-publicationlist > ul > li,
BODY.fullwidth .config-viewmode-normal.config-itemcount-8 .sidelist.sidelist-publicationlist > ul > li,
BODY.fullwidth .config-viewmode-normal.config-itemcount-16 .sidelist.sidelist-publicationlist > ul > li { width: 25%; }
BODY.fullwidth .config-viewmode-normal.config-itemcount-4 .sidelist.sidelist-publicationlist > ul > li:nth-child(4n),
BODY.fullwidth .config-viewmode-normal.config-itemcount-8 .sidelist.sidelist-publicationlist > ul > li:nth-child(4n),
BODY.fullwidth .config-viewmode-normal.config-itemcount-16 .sidelist.sidelist-publicationlist > ul > li:nth-child(4n) { clear: none; }
BODY.fullwidth .config-viewmode-normal.config-itemcount-4 .sidelist.sidelist-publicationlist > ul > li:nth-child(5n),
BODY.fullwidth .config-viewmode-normal.config-itemcount-8 .sidelist.sidelist-publicationlist > ul > li:nth-child(5n),
BODY.fullwidth .config-viewmode-normal.config-itemcount-16 .sidelist.sidelist-publicationlist > ul > li:nth-child(5n) { clear: left; }

.config-viewmode-normal .sidelist.sidelist-publicationlist > ul > li:hover {
    background-color: transparent;
}

.config-viewmode-normal .sidelist.sidelist-publicationlist > ul > li .sidebox-wide {
    position: relative;
    padding: 0em;
    margin-bottom: 0.5em; 
}

BODY.fullwidth .config-viewmode-normal .sidelist.sidelist-publicationlist > ul {
    margin-top: 0.5em;
}

BODY.fullwidth .config-viewmode-normal .sidelist.sidelist-publicationlist > ul > li .sidebox-wide {
    margin-top: 0.5em; margin-right: 1em;
}

.config-viewmode-normal .widethumbs .thumb {
    float: none !important;
    display: block !important;
    margin: 0em !important; padding: 0em !important;
    border: none !important;
}

BODY.dark .config-viewmode-normal .widethumbs .thumb img {
    border: 1px solid #333 !important;
}
    
.config-viewmode-normal .widethumbs .thumb img {
    width: 100% !important; height: auto !important;
    border: 1px solid #f0f0f0 !important;
}

.config-viewmode-normal .widethumbs .texts {
    display: block !important;
    margin-top: -1.4em;
    font-weight: 500;
    box-sizing: border-box; 
    position: relative;
    padding: 0em 0em;
    padding-right: 0.5em;
}

.config-viewmode-normal .widethumbs .texts .title {
    display: inline; box-sizing: border-box;  
    border: none;
    background-color: white; 
    box-shadow: 0.5em 0em 0em 0em white, -0.5em 0em 0em 0em white;
    box-decoration-break: clone;
    padding: 0.1em 0em 0.1em 0em; /* padding-top > 0 without appropriate line-height adjustment makes bottom of letters disappear */ 
    line-height: 1.4em;
    border-color: transparent;
    vertical-align: bottom;
    font-size: 100%;
    x-margin-left: -0.2em; margin-right: -0.2em; /* fix IE black line before and after text */
}

x-.config-viewmode-normal .widethumbs .texts .title:before,
x-.config-viewmode-normal .widethumbs .texts .title:after {
    content: " "; display: inline-block; width: 0.3em;  /* fix IE black line before and after text */
}

.config-viewmode-normal .widethumbs .texts {
    margin-top: -0.8em;
    x-margin-left: 0.3em;
}

BODY.widethumbdeepsink .config-viewmode-normal .widethumbs .texts {
    margin-top: -1.2em;
}

.focusnews.config-viewmode-normal .widethumbs .previewwiththumb.focus.withimage .texts {
    font-size: 180%;
}

.focusnews.config-viewmode-normal .widethumbs .previewwiththumb.focus.withimage .texts .title {
    font-weight: 500;
}

.focusnews.config-viewmode-normal .widethumbs .previewwiththumb.focus.withimage .texts .lead {
    x-font-size: 70%;
}

.focusnews.config-viewmode-normal .widethumbs .texts {
}

.focusnews.config-viewmode-normal .widethumbs .texts .title {
    box-shadow: 0.3em 0em 0em 0em #fff, -0.3em 0em 0em 0em #fff;
    padding-right: 0.1em; x-margin-left: -0.3em;
}

.focusnews.config-viewmode-normal .widethumbs .texts .lead {
    x-margin-left: -0.3em; margin-top: 0.1em !important;
}

x-.focusnews.config-viewmode-normal .widethumbs .texts .title {
    color: white;
    background-color: #6bf; /*rgba(48,160,255,0.8);*/  
    box-shadow: 0.3em 0em 0em 0em #6bf, -0.3em 0em 0em 0em #6bf;
    /*
    background-color: #fb5;   
    box-shadow: 0.3em 0em 0em 0em #fb5, -0.3em 0em 0em 0em #fb5;
    */
    padding-right: 0.1em; margin-left: 0em;
}

.focusnews.config-viewmode-normal .widethumbs .texts .title:before,
.focusnews.config-viewmode-normal .widethumbs .texts .title:after {
    display: none;
}

x-.focusnews.config-viewmode-normal .widethumbs .texts .title:hover {
    color: white !important;
    background-color: orange;
    box-shadow: 0.3em 0em 0em 0em orange, -0.3em 0em 0em 0em orange;
}

.sidelist.sidelist-publicationlist > ul > li .title:after {
	content: attr(title);
	display: block;
	font-size: 75%; color: #aaa;
	margin-top: 0.4em;
	overflow: hidden; text-overflow: ellipsis; 
	x-max-height: 2.8em;
	display: none;
}

.sidelist.sidelist-publicationlist > ul > li .props {
	display: block;
	font-size: 75%; color: #aaa;
	margin-top: 0.4em;
}

.sidelist.sidelist-publicationlist > ul > li .props a {
	font-weight: 500;
}

.sidelist.sidelist-publicationlist > ul > li .props li.ts,
.sidelist.sidelist-publicationlist > ul > li .props li.comments {
	padding-left: 0px; background-image: none;
}

.config-viewmode-details .sidelist.sidelist-publicationlist > ul > li .title:after {
	display: block;
}

.config-viewmode-compact .sidelist.sidelist-publicationlist > ul > li .title:after,
.config-viewmode-compact .sidelist.sidelist-publicationlist > ul > li .thumb {
	display: none;
}

.config-viewmode-compact .sidelist.sidelist-publicationlist > ul > li .props {
	display: none;
}

.config-viewmode-normal .sidelist.sidelist-publicationlist > ul > li .props {
	font-size: 90%;
}

.config-viewmode-details .sidelist.sidelist-publicationlist > ul > li .props {
	clear: both;
	margin-top: 0.5em;
	font-size: 90%;
}

.actions li {
	display: inline-block;
	list-style-type: none;
	padding: 0px; margin: 0px;
}

.actions li:after {
	content: "\b7"; margin: 0em 0.3em;
	color: #aaa; 
}

.actions li:first-child {
	margin-left: -0.4em;
}

.actions li:last-child:after {
	content: " "; display: none;
}

.actions li a {
	display: inline-block;
	padding: 0.4em 0.4em;
	color: #888;
	transition: color 0.2s ease;
	font-weight: 500;
}

.actions li a:before {
	font-family: "FontAwesome";
	margin-right: 0.5em;
	opacity: 0.4;
}

.actions li a:hover:before {
	opacity: 1.0;
}

.actions li.reply a:before { content: "\F112"; }
.actions li.privmsg a:before { x-content: "\F003"; content: "\F0E0"; }
.actions li.edit a:before { content: "\F044"; }
.actions li.accept a:before { content: "\F00C"; }
.actions li.history a:before { content: "\F0C9"; }
.actions li.like a:before { content: "\F087"; opacity: 0.8; }
.actions li.unlike a:before { content: "\F0E2"; opacity: 0.8; }
.actions li.delete { float: right; }
.actions li.delete a:before { content: "\F014"; opacity: 0.8; }
.actions li.read a:before { content: "\F115"; opacity: 0.8; }
.actions li.messages a:before { content: "\F0C9"; opacity: 0.8; }
/*
.actions li.markread a font,
.actions li.markunread a font { display: none; }
.actions li.markunread a:before { content: "\F10C"; }
.actions li.markread a:before { content: "\F111"; }
*/

.actions:hover li a:hover {
	color: red;
	transition: color 0s;
}

.forumentry {
	vertical-align: top;
	clear: both;
	margin: 1em 0em;
	position: relative;
	text-align: left;
}

.forumentry:after {
	content: " "; display: inline; height: 0px; overflow: hidden; clear: both;
}

.forumentrylist,
.kbaseentrylist {
	padding: 0em; margin: 0em;
	list-style-type: none;
}

.forumentrylist > li,
.kbaseentrylist > li {
	padding: 0em; margin: 0em;
}

.maincol .forumhead + .kbaseentrylist .forumentry:first-child,
.maincol .forumhead + .forumentrylist .forumentry:first-child,
.maincol .forumhead + .forumentry,
.maincol .forumhead + .pager {
	margin-top: 0em;
} 

.forumentry:target:after,
.forumentry.scrollingto:after {
	position: absolute;
	content: " "; display: inline-block;
	border: 4px solid red;
	left: -16px; top: 1.5em;
	width: 0px; height: 0px;
	border-style: solid;
	border-width: 1.5em 0 1.5em 12px;
	border-color: transparent transparent transparent #f72;
}

.forumentry.objpreview {
	margin-bottom: -0.5em;
}

a[id][href=""],
a.bookmark {
	position: absolute;
	display: inline-block;
	left: 0em; top: -3em;
}

BODY.fixedtop a[id][href=""],
BODY.fixedtop a.bookmark {
	top: -8em; 
}

.forumentry > .inner {
	padding: 0.5em;
	background-color: #f4f4f4;
	position: relative;
	min-height: 4.8em;
}

BODY.dark .forumentry > .inner {
	background-color: #222;
}

.forumentry > .inner:after {
	content: " "; display: block; height: 0px; overflow: hidden; clear: both;
}

.forumentry.objpreview > .inner {
	background-color: #f4fcff;
	min-height: 60px;
}

.forumentry > .inner > div,
.forumentry > .inner > ul {
	display: block;
	padding-left: 6em;
}

.forumentry .thumb,
.listentry .thumb {
	position: absolute;
	display: inline-block;
	left: 0.5em; top: 0.5em; 
	padding: 1px; border: 1px solid #eee;
}

.forumentry .thumb img,
.listentry .thumb img {
	display: block; width: 100%; height: 100%;
	border: none;
	width: 4.5em; height: auto;
}

.forumentry .permalink {
	float: right;
}

.forumentry .admin:after {
	content: ""; display: none;
}

.forumentry .permalink,
.forumentry .admin .popupcontrol {
	margin-top: 0.3em !important;
}

.forumentry .admin .popupcontrol > .trigger {
	text-indent: -9999px;
	display: inline-block;
	width: 60px; height: 16px;
	background-position: right center; background-repeat: no-repeat;
	background-image: url('/common/images/settings-16.png') ;
	opacity: 0.3;
	visibility: hidden;
}

.forumentry:hover .admin .popupcontrol > .trigger {
	visibility: visible;
}

.forumentry .admin .popupcontrol > .popup {
	left: auto; right: 0px;
	font-size: 95%;
}

.forumentry .permalink > a {
	display: inline-block;
	height: 1em; width: 1.5em; 
	text-indent: -9999px;
	min-width: 16px; min-height: 16px;
	background-repeat: no-repeat; background-position: center center;
	background-image: url('/common/images/permalinkicon.png') ;
	opacity: 0;
}

.forumentry:hover .permalink a {
	opacity: 0.3;
}

.forumentry .permalink a:hover {
	opacity: 1.0;
}

.forumentry .content {
	line-height: 1.4;
}

.forumentry .content a {
	font-weight: 500;
	color: #c64;
}

.forumentry .content a:visited {
	color: #888;
}

.forumentry .content a:hover {
	color: red;
}

.forumentry.status-moderated .content,
.forumentry.status-hold .content,
.forumentry.status-inactive .content,
.forumentry.status-moved .content,
.forumentry.status-deleted .content {
	color: #ccc;
}

.forumentry.status-moderated .header,
.forumentry.status-hold .header,
.forumentry.status-inactive .header,
.forumentry.status-moderated .actions,
.forumentry.status-hold .actions,
.forumentry.status-inactive .actions,
.forumentry.status-moved .actions,
.forumentry.status-deleted .actions {
	opacity: 0.5;
}

.forumentry.objpreview .content a {
	color: #666;
}

.forumentry.objpreview .content .objtype,
.forumentry.objpreview .content .text,
.forumentry.objpreview .content .more {
	display: inline;
}

.forumentry.objpreview .content .more:before {
	content: "\25b6"; margin-right: 0.2em;
	vertical-align: baseline;
	font-weight: 300;
}

.forumentry.objpreview .content a .text:hover {
	color: black;
}

.forumentry.objpreview .content .objtype {
	color: #1ae; margin-right: 0.5em;
}

.forumentry.objpreview .content .more {
	display: inline-block;
	padding-left: 1em;
	cursor: pointer;
	color: #801c00;
}

.forumentry.objpreview .content a .more:hover {
	color: red;
}

.forumentry code {
	display: block;
}

.forumentry .msg_quote,
.forumentry blockquote,
.contentbody blockquote,
.forumentry myblockquote {
	font-style: italic;
	display: block;
	min-height: 36px !important;
	padding: 0px;
	background-repeat: no-repeat; background-position: left top;
	margin-bottom: 1em;
	position: relative; padding-left: 4em;
	min-height: 2.5em;
	
	padding-left: 54px; background-image: url('/common/images/quoteicon.png') ;
}

.forumentry .content .msg_quote + br,
.contentbody blockquote + br,
.contentbody myblockquote + br {
	display: none;
}

.forumentry .content .small {
	font-size: 85%;
	opacity: 0.7;
	line-height: 1.5;
}

.forumentry .content .small + br {
	display: none;
}

.forumentry ul.header {
	padding-top: 0px; padding-bottom: 0px; margin: 0px;
	display: block;
	color: #999;
	margin-bottom: 0.8em;
}

.forumentry ul.header > li {
	padding: 0px; margin: 0px;
	list-style-type: none;
	display: inline-block;
	line-height: 1.4;
}

.forumentry ul.header > li > div,
.forumentry ul.header > li > a,
.forumentry ul.header > li > a > div {
	display: inline-block;
	margin-right: 0.4em;
}

.forumentry ul.header > li > div.posttype { display: inline; }

.forumentry.solution ul.header > li > div.posttype { color: #4c4; font-weight: 600; text-transform: uppercase; }

.forumentry ul.header > li > div:last-child,
.forumentry ul.header > li > a:last-child,
.forumentry ul.header > li > a > div:last-child {
	margin-right: 0em;

}

x-.forumentry ul.header > li a:hover {
	color: #ff801c;
}

.forumentry ul.header > li a:visited {
	color: inherit;
}

.forumentry ul.header > li:after {
	content: "\b7"; margin: 0em 0.5em;
	color: #ccc; 
}

.forumentry ul.header > li:last-child:after {
	content: ""; display: none;
}

.forumentry ul.header > li.user {
	line-height: 1em;
}

.forumentry ul.header > li.user .nickname {
	color: #ff801c;
	font-size: 140%;
}

.forumentry ul.header > li.user .replytoname {
	color: #666;
	font-size: 120%;
	display: inline-block;
	margin-right: 0.1em;
}

.forumentry ul.header > li.user a.replytoname:hover {	
	color: red;
}

.forumentry ul.header > li.user .opentopics {
	position: absolute;
	left: 0.5em; top: 5em; display: inline-block; width: 4.5em;
	padding: 2px;
	text-align: center;
}

.forumentry ul.header > li.user .opentopics > a {
	font-size: 70%;
	display: inline-block;
	width: 100%;
	white-space: nowrap; text-overflow: ellipsis; overflow: hidden; 
}

.forumentry ul.header > li.user .opentopics.zero { color: #bbb; }
.forumentry ul.header > li.user .opentopics.nonzero { color: #444; }

.forumentry ul.header > li.user a > .nickname:hover {
	color: red;
}

.forumentry > .inner > .contentcontainer > .content {
	font-size: 105%;
}

.forumentry.objpreview > .inner > .contentcontainer > .content {
	.fo-size: 100%;
}

.forumentry > .inner > .contentcontainer > .content:after {
	content: " "; display: block; height: 0px; overflow: hidden; clear: both;
}

.forumentry > .inner > .actions {
	padding-top: 1em; padding-bottom: 0px; 
	margin: 0px;
	display: none;
}

BODY.scripted .forumentry > .inner > .actions {
	display: block;
}

.forumentry:hover > .inner > .actions {
}

.forumentry > .inner > .actions li.like,
.forumentry > .inner > .actions li.unlike { display: none; }
.forumentry.likeable > .inner > .actions li.like { display: inline-block; }
.forumentry.likeable.liked > .inner > .actions li.like { display: none; }
.forumentry.likeable.liked > .inner > .actions li.unlike { display: inline-block; }

.forumentry > .inner > .actions li.likecount { float: right; margin-left: 0.5em; }
.forumentry > .inner > .actions li.likecount a { color: #1ae; }
.forumentry > .inner > .actions li.likecount label { display: none; }
.forumentry > .inner > .actions li.likecount a:before { content: "\F087"; opacity: 0.8; font-family: FontAwesome; }

x-.forumentry > .inner > .actions li.accept:before {
	content: "\2713"; color: #aaa;
	padding-left: 0.5em;
}

.forumentry > .inner > .actions li.accept:hover:before,
.forumentry > .inner > .actions li.accept a:hover {
	color: green !important;
}

.forumentry > .inner > .actions li.prevmsg {
	float: right;
}

x-.forumentry > .inner > .actions li.prevmsg a {
	text-indent: -9999px;
	width: 1em; height: 1em; 
	background-repeat: no-repeat; background-position: right bottom;
	background-image: url('/common/images/mi_shortcut.gif') ;
	background-size: 70% 70%;
	opacity: 0.5;
}

.forumentry > .inner > .actions li.prevmsg a .fo {
	display: none;
}

.forumentry > .inner > .actions li.prevmsg a:before {
	display: inline-block;
	font-size: FontAwesome; content: "\F064"; font-size: 80%;
	transform: rotate(45deg); -webkit-transform: rotate(45deg);
}

.forumentry > .inner > .actions li.prevmsg a:hover {
	opacity: 1.0;
}

.forumentry > .inner > .actions li.prevmsg:after {
	display: none;
}

.forumentry .moderbar {
	margin: 0em; padding: 1em 0.5em;
	font-size: 85%;
	display: block;
	color: #aaa;
}

x-.forumentry:hover .moderbar {
	color: #666;
}

.forumentry .moderbar li {
	display: inline-block;
	margin: 0em; padding: 0em;
	list-style-type: none;
}

.forumentry .moderbar li:after {
	content: "\b7"; font-weight: normal; font-size: 90%;
	margin: 0em 0.5em;
	opacity: 0.5;
}

.forumentry .moderbar li.action {
	float: right;
}

.forumentry .moderbar li.action:after {
	content: ""; display: none; 
}

.forumentry .moderbar li.action:before {
	content: "\b7"; font-weight: normal; font-size: 90%;
	margin: 0em 0.5em;
	opacity: 0.5;
}

.forumentry .moderbar li.action a:before { display: inline-block; content: ""; font-family: FontAwesome; font-size: 115%; margin-top: -0.1em; opacity: 0.5; }
.forumentry .moderbar li.action.newtopic a .fo { display: none; }
.forumentry .moderbar li.action.newtopic a:before { content: "\F14c"; padding-right: 0.5em; }
.forumentry .moderbar li.action.replies a .fo { display: none; }
.forumentry .moderbar li.action.replies a:before { content: "\F03C"; padding-right: 0.5em; }


.forumentry .attachments .title {
	display: none;
}

.forumentry .attachments ul {
	margin: 1em 0em 0em 0em; padding: 0em;
	display: block;
}

.forumentry .attachments ul li {
	margin: 0em; padding: 0em;
	display: block;
	list-style-type: none;
}

.forumentry .attachments ul li a {
	display: inline-block;
	padding: 0.2em 0em;
}

.forumentry .attachments ul li a:before {
	content: "\F019"; 
	content: "\F0C6";
	margin-right: 0.5em;
	font-family: "FontAwesome";
	color: #666;
}

.forumentry .attachments ul li a:after {
	display: none !important;
}

.forumentry .attachments ul li .size {
	display: inline-block; margin-left: 0.5em;
	opacity: 0.5; 
}

.forumentry .attachments ul li .size:before { content: "("; }
.forumentry .attachments ul li .size:after { content: ")"; }

.forumentry .expandable-control > .expander { background: linear-gradient(to bottom, rgba(248,248,248,0) 0%, rgba(248,248,248,1) 50%,rgba(248,248,248,1) 100%); }
.forumentry.question .expandable-control > .expander { background: linear-gradient(to bottom, rgba(240,248,255,0) 0%, rgba(240,248,255,1) 50%,rgba(240,248,255,1) 100%); }
.forumentry.solution .expandable-control > .expander { background: linear-gradient(to bottom, rgba(221,255,204,0) 0%, rgba(221,255,204,1) 50%,rgba(221,255,204,1) 100%); }
.forumentry.modermsg .expandable-control > .expander { background: linear-gradient(to bottom, rgba(255,224,224,0) 0%, rgba(255,224,224,1) 50%,rgba(255,224,224,1) 100%); }

.forumentry .expandable-control > .expander > .fo {
	padding: 0.2em;
	font-size: 80%;
}

.forumentry ~ .sharebarcontainer {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

.forumentrylist .group {
	position: relative;
	cursor: pointer;
}

.forumentrylist .group > * {
	cursor: default;
}

.forumentrylist .group > .group-items {
	display: block;
	list-style-type: none;
	margin: 0em; padding: 0em;
	padding-left: 1em; 
	border-left: 0.5em solid #f4f4f4;
}

.forumentrylist .group.off > .group-items {
	display: none;
}

.forumentrylist .group:before {
	display: block; content: attr(data-group-label);
	background-color: #f8f8f8;
	color: #888;
	padding: 0.5em;
}

.forumentrylist .group.off:before {
	content: attr(data-group-label) " elrejtve";
}  

.forumentrylist .group:after {
	position: absolute;
	display: inline-block;
	top: 0.6em; right: 0.5em;
	font-family: FontAwesome; content: "\F196";
	font-size: 110%;
	color: #aaa;
}

.forumentrylist .group.on:after {
	content: "\F147";
}

.forumlist > ul {
	display: block;
	padding: 0em; margin: 0em;
}

.forumlist > ul > li {
	display: block;
	margin: 1em 0em; padding: 0.5em;
	list-style-type: none;
	background-color: #f4f4f4;
	position: relative;
}

.forumlist > ul > li.deleted {
	color: #eee;
	opacity: 0.5;
}

.maincol .forumlist:first-child > ul > li:first-child {
	margin-top: 0em;
}

.forumlist > ul > li .categories {
	display: inline-block;
	float: right;
	x-opacity: 0.5;
	padding: 0.5em 0.5em;
	x-visibility: hidden;
	color: #666;
	max-width: 10em;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

x-.forumlist > ul > li:hover .categories {
	visibility: visible;
}

.forumlist > ul > li .title {
	font-size: 160%; font-weight: 500;
	margin-bottom: 0.2em;
	color: black
}

.forumlist > ul > li.closed .title:after {
	font-family: FontAwesome;
	content: "\F023"; color: #aaa; font-size: 90%;
	display: inline-block;
	margin-left: 0.6em;
}

.forumlist > ul > li.accepted .title:after {
	font-family: inherit;
	content: "\2713"; color: green;
	display: inline-block;
	margin-left: 0.5em;
}

.forumlist > ul > li a:visited .title,
.forumlist > ul > li a:visited .lead,
.forumlist > ul > li a:visited .title:after { color: #ccc; }
.forumlist > ul > li a .title:hover { color: orange; }

.forumlist > ul > li .lead {
	font-size: 90%; color: #888;
	margin-bottom: 0.5em;
}

.forumlist > ul > li ul.props {
	padding: 0em; margin: 0em;
	display: block;
	color: #999;
}

.forumlist > ul > li ul.props > li {
	display: inline-block;
	padding: 0em; margin: 0em;
	list-style-type: none;
}

.forumlist > ul > li ul.props > li:after {
	content: "\b7"; font-weight: normal; font-size: 90%;
	margin: 0em 0.5em;
	opacity: 0.5;
}

.forumlist > ul > li ul.props > li:last-child:after {
	display: none; content: " ";
}

.forumlist > ul > li ul.props > li label:after {
	content: ":"; margin-right: 0.5em;
}

.forumlist > ul > li ul.props > li span {
	color: #666;
}

.forumlist > ul > li ul.props > li div {
	display: inline; margin-left: 0.5em;
}

.forumlist > ul > li ul.props > li .time {
	color: #aaa;
}

.forumlist > ul > li ul.props > li.solved {
	display: none;
}

.forumlist > ul > li ul.props > li.label {
	display: none;
}

.privmsglist,
.privmsgthreadlist {
	margin: 0em; padding: 0em;
	list-style-type: none;
}

.privmsg .header .user .nickname:before,
.privmsgthread .header .user .nickname:before { font-family: FontAwesome; color: #aaa; display: inline-block; margin-right: 0.7em; font-size: 70%; vertical-align: center; }
.privmsgthread.amrecipient .header .user .nickname:before { content: "\F112"; }
.privmsgthread.amsender .header .user .nickname:before { content: "\F061"; }

.privmsg .header .user:after { font-family: FontAwesome; content: "\F061"; margin: 0em 0.6em;}

.privmsgthread .inner { background-color: #fcfcfc; }
.privmsgthread:hover .inner { background-color: #f0f0f0; }
.privmsgthread .inner .content a { color: black; }
.privmsgthread .header .user .nickname { color: inherit !important; font-size: 115% !important; }
.privmsgthread.unread.amrecipient .header { color: #444; }
.privmsgthread.unread.amrecipient .inner { background-color: #f0f8ff; }
.privmsgthread.unread.amrecipient:hover .inner { background-color: #def; }
a.clicked .privmsgthread.amrecipient .inner { background-color: #fcfcfc; }
a.clicked .privmsgthread.amrecipient .header .readstatus .fo:after { display: none; }
.privmsgthread ul.header > li.subject {	font-size: 120%; color: #ff801c; }
.privmsgthread ul.header > li.readstatus a .fo { display: none; }
.privmsgthread ul.header > li.readstatus a:before { content: "?"; font-family: FontAwesome; }
.privmsgthread ul.header > li.readstatus a.markunread:before { content: "\F10C"; opacity: 0.5; }
.privmsgthread ul.header > li.readstatus a.markread:before { content: "\F111"; color: #1bf; }
.privmsgthread.unread.amsender ul.header > li.readstatus .fo:after { content: "\231B"; }


.maincol .maindirlist {
	font-size: 110%;
}

.maindirlist:after {
	content: " "; display: block; height: 0px; overflow: hidden; clear: both;
}

.maindirlist ul.maindirs {
	display: block;
	padding: 0em; margin: 2em 0em;
}

.maincol .maindirlist ul.maindirs {
	margin: 0em;
}

.maindirlist ul.maindirs > li {
	display: inline-block;
	padding: 0em; margin: 0em;
	list-style-type: none;
	float: left;
	clear: right;
	position: relative;
}

.allheader .maindirlist ul.maindirs > li {
	text-align: center;
}

.allheader .maindirlist ul.maindirs.count-3 > li { width: 33.3%; }
.allheader .maindirlist ul.maindirs.count-4 > li { width: 25%; }
.allheader .maindirlist ul.maindirs.count-5 > li { width: 20%; }
.allheader .maindirlist ul.maindirs.count-6 > li { width: 16.6%; }
.allheader .maindirlist ul.maindirs.count-7 > li { width: 14.2%; }
.allheader .maindirlist ul.maindirs.count-8 > li { width: 12.5%; }
.allheader .maindirlist ul.maindirs.count-9 > li { width: 11.1%; }
.allheader .maindirlist ul.maindirs.count-10 > li { width: 10%; }
.allheader .maindirlist ul.maindirs.count-11 > li { width: 9%; }
.allheader .maindirlist ul.maindirs.count-12 > li { width: 8.3%; }

.allheader .maindirlist ul.maindirs.count-9 > li,
.allheader .maindirlist ul.maindirs.count-10 > li,
.allheader .maindirlist ul.maindirs.count-11 > li,
.allheader .maindirlist ul.maindirs.count-12 > li,
.allheader .maindirlist ul.maindirs.count-13 > li,
.allheader .maindirlist ul.maindirs.count-14 > li { width: 16.6%; text-align: left; margin-top: 0em; }

.allheader .maindirlist ul.maindirs.count-9 > li > ul.subdirs,
.allheader .maindirlist ul.maindirs.count-10 > li > ul.subdirs,
.allheader .maindirlist ul.maindirs.count-11 > li > ul.subdirs,
.allheader .maindirlist ul.maindirs.count-12 > li > ul.subdirs { left: 0px !important; right: auto !important; }

.maindirlist ul.maindirs > li {
	width: 50%;
	padding-bottom: 1em;
}

.maincol .maindirlist ul.maindirs > li:nth-child(2n+1) {
	clear: left; 
}

x-.maincol .maindirlist ul.maindirs > li:nth-child(even):after {
	content: " "; display: block; height: 0px; overflow: hidden; clear: both;
}

.maindirlist ul.maindirs > li > .fo {
	font-size: 125%;
	display: block;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

.allheader .maindirlist ul.maindirs > li > .fo a {
	color: #888;
}

.maincol .maindirlist ul.maindirs > li > .fo a {
	color: black;
}

.maincol .maindirlist ul.maindirs > li > .fo a:hover {
	color: orange;
}

.allheader .maindirlist ul.maindirs > li > .fo a:after {
	content: "\25bc"; font-size: 50%;
	margin-left: 0.7em;
	vertical-align: middle;
	color: #ccc;
}

.maindirlist ul.maindirs > li:hover > .fo a,
.maindirlist ul.maindirs > li:hover > .fo a:after {
	color: black;
}

.maindirlist ul.maindirs > li > ul.subdirs {
	text-align: left;
	display: inline-block;
	padding: 0em; margin: 0em;
}

.maincol .maindirlist ul.maindirs > li > ul.subdirs {
	padding-left: 1em; padding-top: 0.5em;
}

.allheader .maindirlist ul.maindirs > li > ul.subdirs {
	position: absolute; z-index: 900;
	left: 0em; top: 100%;
	margin: 0px; padding: 0px;
	padding-top: 0.2em;
	padding-bottom: 0.3em; /* if mouse runs slightly over the last menu item, don't make the menu disappear */ 
	display: none;
}

.allheader .maindirlist ul.maindirs > li:last-child > ul.subdirs {
	left: auto; right: 0em;
}

.allheader .maindirlist ul.maindirs > li:hover > ul.subdirs {
	display: inline-block;
	background-color: white;
	border: 1px solid #aaa;
}

.maindirlist ul.maindirs > li > ul.subdirs > li {
	display: inline-block;
	margin: 0em; padding: 0em;
	list-style-type: none;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
	max-width: 10em;
}

.allheader .maindirlist ul.maindirs > li > ul.subdirs > li {
	display: block;
	max-width: none;
}

.maincol .maindirlist ul.maindirs > li > ul.subdirs > li {
	display: inline-block;
	max-width: none;
}

.maincol .maindirlist ul.maindirs > li > ul.subdirs > li:after {
	content: ","; 
	display: inline-block; margin-right: 0.5em;
}

.maincol .maindirlist ul.maindirs > li > ul.subdirs > li:last-child:after {
	display: none;
}

.maindirlist ul.maindirs > li > ul.subdirs > li a {
	display: block;
	padding: 0.7em 1em;
	line-height: 1em;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

.allheader .maindirlist ul.maindirs > li > ul.subdirs > li a {
	color: #888;
}

.maincol .maindirlist ul.maindirs > li > ul.subdirs > li a {
	color: #888;
}

.maincol .maindirlist ul.maindirs > li > ul.subdirs > li a:hover {
	color: orange; background: none;
}

.maincol .maindirlist ul.maindirs > li > ul.subdirs > li a {
	display: inline-block;
	padding: 0.1em 0.2em; 
}

.maindirlist ul.maindirs > li > ul.subdirs > li a:hover {
	x-background-color: #aaa;
	x-color: white;
	x-color: #ff801c;
	x-color: black;
	background-color: #eee;
}

.maindirlist ul.maindirs > li > ul.subdirs > li a .count {
	display: inline-block;
	margin-left: 0.5em;
	color: #ccc;
	font-size: 90%;
}

.maindirlist ul.maindirs > li > ul.subdirs > li a .count:before { content: "("; }
.maindirlist ul.maindirs > li > ul.subdirs > li a .count:after { content: ")"; }

.allheader .maindirlist:last-child {
	margin-bottom: 1em;
}

.userlist { }

.userlist > ul.users {
	display: block;
	padding: 0em; margin: 0em;
}

.userlist > ul.users > li {
	display: block;
	margin: 0.5em 0em; padding: 0.5em;
	list-style-type: none;
	clear: both;
	background-color: #fcfcfc;
}

.userlist > ul.users > li:after {
	content: " "; display: block; height: 0px; overflow: hidden; clear: both;
}

.userlist > ul.users > li .thumb {
	display: inline-block;
	float: left; 
	padding: 1px;
	border: 1px solid #eee;
	margin-right: 1em;
}

.userlist > ul.users > li .thumb img {
	vertical-align: top;
	border: none;
	width: 4.5em; height: auto;
}

.userlist > ul.users > li .nickname {
	display: inline-block; float: left;
	color: #ff801c;
	font-size: 140%;
}

.userlist > ul.users > li .nickname:hover {
	color: red;
}

.userlist > ul.users > li .props {
	margin: 0px; padding: 0px;
	display: inline;
	color: #aaa;
}

.userlist > ul.users > li .props li {
	padding: 0px; margin: 0px; list-style-type: none;
	padding: 0.4em 0em;
}

.userlist > ul.users > li .props li:before {
	content: "\b7"; margin: 0em 0.5em;
	color: #aaa; 
}

.userlist > ul.users > li .actions {
	margin-top: 0.5em;
}

.page-forum.param-op.param-uuid .userlist {
	margin-top: -1em;
}

.sideframe#userthumbs {
	margin-bottom: -0.5em;
}

.maincol .sideframe > .title {
    font-size: 120%;
}

.maincol .sideframe > .title:before {
    border-bottom: none;
}

.maincol .sideframe > .content {
    padding-top: 0em; margin-top: 0em;
}

.maincol .sideframe > .configcontrol {
    margin-top: 0em; top: -0.2em; width: 2.2em;
    background-color: white;
    padding-left: 0.3em; 
}

.maincol .sideframe > .configcontrol > .fo:after {
    background-position:  center center; 
}

x-.maincol .withsidewrapper + .sideframe {
    margin-top: -2.5em;
}
/*
.sideframe#userthumbs {
	display: none;
}

.page-home .sideframe#userthumbs {
	display: block;
}
*/

.page-home .sideframe#frame_publications {
	display: none;
}

.sidelist-userthumbs ul {
	margin: 0px; padding: 0px;
}

.sidelist-userthumbs ul li {
	margin: 0em; padding: 0em;
	list-style-type: none; display: inline-block;
	margin-right: 2px; margin-bottom: 1px;
}

.sidelist-userthumbs ul li a {
	display: inline-block;
	padding: 1px; border: 1px solid #eee;
}

.sidelist-userthumbs ul li a img {
	display: block;
}

.sidelist-userthumbs .summary {
	font-size: 90%; color: #999; margin-top: 0.5em; 
}

.sidelist-userthumbs .register {
	display: inline-block; float: right; margin-left: 1em;
}

.sidelist-userthumbs .register a {
	display: inline-block;
	padding: 0.2em 0em 1em 0.2em;
	margin-top: -0.5em;
	color: #999;
}

.sidelist-userthumbs .register a:hover { color: orange; }

.sidelist-userthumbs .register a:before {
	content: "\F178"; font-family: "FontAwesome"; margin-right: 0.2em;
}

.sidelist-userthumbs .summary:after {
	content: " "; display: block; height: 0px; overflow: hidden; clear: both; 
}

.subdirlist:after {
	content: " "; display: block; height: 0px; overflow: hidden; clear: both;
}

.subdirlist ul.subdirs {
	display: block;
	padding: 0em; margin: 2em 0em;
}

.contenttitle ~ .subdirlist ul.subdirs {
	margin-top: -1em;
}

.subdirlist ul.subdirs > li {
	display: inline-block;
	padding: 0em; margin: 0em;
	list-style-type: none;
	float: left;
	clear: right;
	position: relative;
}

.subdirlist ul.subdirs.count-3 > li { width: 33.3%; }
.subdirlist ul.subdirs.count-4 > li { width: 25%; }
.subdirlist ul.subdirs.count-5 > li { width: 20%; }
.subdirlist ul.subdirs.count-6 > li { width: 33%; }
.subdirlist ul.subdirs.count-7 > li { width: 25%; }
.subdirlist ul.subdirs.count-8 > li { width: 25%; }
.subdirlist ul.subdirs.count-9 > li { width: 20%; }
.subdirlist ul.subdirs.count-10 > li,
.subdirlist ul.subdirs.count-11 > li,
.subdirlist ul.subdirs.count-12 > li,
.subdirlist ul.subdirs.count-13 > li,
.subdirlist ul.subdirs.count-14 > li,
.subdirlist ul.subdirs.count-15 > li,
.subdirlist ul.subdirs.count-16 > li,
.subdirlist ul.subdirs.count-17 > li,
.subdirlist ul.subdirs.count-18 > li,
.subdirlist ul.subdirs.count-19 > li,
.subdirlist ul.subdirs.count-20 > li,
.subdirlist ul.subdirs.count-21 > li { width: 20%; }

.subdirlist ul.subdirs > li > .fo {
	font-size: 115%;
	display: block;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

.subdirlist ul.subdirs > li > .fo a {
	color: #888;
	display: block;
	padding: 0.2em 0em;
}

.subdirlist ul.subdirs > li:hover > .fo a {
	color: #ff801c;
}

.sidelist-userpointlist ol {
	padding-left: 2em;
}

.sidelist-userpointlist li {
	padding-top: 0.1em !important; padding-bottom: 0.1em !important;
	clear: both;
	color: #aaa;
}

BODY.dark .sidelist-userpointlist li {
	color: #666;
}

.sidelist-userpointlist li .user {
	display: inline-block;
	width: 70%; 
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
	padding: 0em;
	float: left;
	color: #333;
}

BODY.dark .sidelist-userpointlist li .user {
	color: #ccc;
}

.sidelist-userpointlist li .points {
	display: inline-block;
	width: 30%; 
	text-align: right;
	float: right;
	padding: 0em;
	color: #333;
}

BODY.dark .sidelist-userpointlist li .points {
	color: #ccc;
}

.sidelist-userpointlist li .points:after {
	content: "pont";
	color: #aaa;
	font-size: 80%;
	display: inline-block;
	vertical-align: top; padding-top: 0.1em; padding-left: 0.5em;
}

BODY.dark .sidelist-userpointlist li .points:after {
	color: #666;
}

.userprofile {
}

.userprofile .topsection {
	display: table;
	vertical-align: top;
	width: 100%;
}

.userprofile .topsection > * {
	display: table-cell;
	vertical-align: top;
}

.userprofile .tabs .tabcontrol {
	margin-top: 1.5em;
}

.userprofile .picture {
	padding-right: 1em;
	width: 10em; height: auto;
}

.userprofile .picture img {
	width: 100%; height: auto;
}

.userprofile .summary .name {
	float: left; margin-right: 1em;
}

.userprofile .summary .numbersbar {
	padding: 0em; margin: 0em;
	margin-bottom: 0.5em;
	float: right;
}

.userprofile .summary .numbersbar li {
	display: inline-block;
	padding-right: 1em; margin-right: 1em;
	border-right: 1px solid #ccc;
	position: relative;
}

.userprofile .summary .numbersbar li:last-child {
	border-right: none; padding-right: 0em; margin-right: 0em;
}

.userprofile .summary .numbersbar li .count {
	font-size: 250%;
	text-align: right;
	color: #3af;
}

.userprofile .summary .numbersbar li .label {
	text-align: right; color: #888;
}

.userprofile .summary .introduction {
	clear: both;
	margin-top: 0.5em;
}

.userprofile .summary .buttonsline {
	margin-top: 1em;
}

.userprofile .tabs {
	clear: both; margin-top: 1em;
}

.userprofile .description {
	margin: 1em 0em;
}

.userprofile .description:first-letter {
	text-transform: uppercase;
}

.userprofile .description .points {
	font-weight: 600;
}

.expandable-control {
	position: relative;
	overflow: hidden;
}

.expandable-control > .expander {
	position: absolute;
	display: block;
	left: 0px; right: 0px; bottom: 0px;
	height: 5em;
	text-align: center;
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 35%,rgba(255,255,255,1) 100%); /* W3C */
	font-family: "Segoe UI", Segoe, "Helvetica Neue", Helvetica, Roboto, Arial, FreeSans, sans-serif;
}

.expandable-control > .expander > .fo {
	display: block;
	padding: 0.5em;
	position: absolute;
	left: 0px; right: 0px;
	bottom: 0px;
	border-top: 1px solid #ccc;
	cursor: pointer;
	color: #666;
	background-color: #eee;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    font-size: 110%; 
}

.forumentry .expandable-control > .expander > .fo {
	padding: 0.5em;
}

.expandable-control > .expander > .fo:before,
.expandable-control > .expander > .fo:after {
	font-family: "FontAwesome";
	content: "\F078"; padding: 2em;
}

.expandable-control > .expander > .fo:hover {
	color: black;
	background-color: #fd8;
}

.expandable-control.expanded > .expander {
	display: none;
}

.apicall-inprogress {
	position: relative;
    user-select: none;
}

.apicall-inprogress * {
    user-select: none;
}

.apicall-inprogress:before {
	position: absolute;
	left: 0px; right: 0px; top: 0px; bottom: 0px;
	background-color: rgba(255,255,255,0.5);
	content: " ";
	z-index: 998;
}

.apicall-inprogress:after {
	position: absolute;
	z-index: 999;
	left: 0px; right: 0px; text-align: center;
	top: 50%;
	margin-top: -1em;
	content: "Kérlek várj...";
	color: #888; /*font-weight: 600;*/
	content: "\F1CE"; font-family: FontAwesome;
	font-size: 200%;
	animation: animation-spin 1s infinite linear;
	-webkit-animation: animation-spin 1s infinite linear;
	transition: all 0.5s ease;
}

.actionbutton.apicall-inprogress:after {
	font-size: 50%;
	margin-top: -0.5em;
	left: auto; right: 1em; 	
}

.prettyprint {
	white-space: nowrap; 
}

.CODEDIV {
	display: block;
	width: 100%;
	overflow: auto;
	margin: 1em 0em;
	font-size: 90%;
	padding-left: 2em;
	box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; 
}

BODY.notouch .CODEDIV .jspVerticalBar { width: 0.8em !important; }
BODY.notouch .CODEDIV .jspHorizontalBar { height: 0.8em !important; }

.jspContainer {	padding-bottom: 0.8em; x-padding-right: 0.8em; }

BODY.notouch .forumentry .jspTrack { background: #ccc !important; }
BODY.notouch .forumentry .jspDrag { background: #aaa !important; }
BODY.notouch .forumentry .jspVerticalBar { background: #ccc !important; }

.expandable-control .CODEDIV {
	max-height: none;
}

.expandable-control.expanded .CODEDIV {
	max-height: 40.5em;
}

.expandable-control .jspVerticalBar,
.expandable-control .jspHorizontalBar { 
	visibility: hidden;
}

.expandable-control.expanded .jspVerticalBar,
.expandable-control.expanded .jspHorizontalBar { 
	visibility: visible;
}

.buttonline {
	text-align: center;
	margin: 0.5em 0em;
	display: table !important;
	list-style: none;
	width: 100%;
	vertical-align: top;
}

.buttonline:after {
	content: " "; display: block; height: 0px; overflow: hidden; clear: both;
}

.buttonline > * {
	display: table-cell;
	text-align: center;
	vertical-align: top;
}

.buttonline > *:first-child {
	text-align: left;
}

.buttonline > *:last-child {
	text-align: right;
}

.buttonline.single {
	display: block;
}

.buttonline.single > * {
	display: block;
	text-align: left;
}

.buttonline.count-2 > * {
	width: 50%;
}

.favoriteicon:after {
	content: "\F006"; font-family: "FontAwesome";
	display: inline-block;
	margin: 0em 0.2em;
}

.followicon:after {
	content: "\F0A2"; font-family: "FontAwesome";
	display: inline-block;
	margin: 0em 0.2em;
}

.pingbacks {
	display: none;
}

#pagefooter {
	x-border-top: 1px solid #aaa;
	margin-bottom: 0.5em;
}

x-#pagefooter > * {
    padding: 0em 1em;
	box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box;
 }

BODY.fixedbottom #pagefooter {
	position: fixed;
	left: 0px; right: 0px; bottom: 0px;
}

BODY.fixedbottom .pagebody {
	margin-bottom: 3em;
}

#pagefooter ul {
	margin: 0px; padding: 0.5em 0em;
	display: block;
}

#pagefooter ul li {
	margin: 0px; padding: 0px;
	list-stype-type: none;
	display: inline-block;
}

#pagefooter ul li:after {
	content: "\b7"; margin: 0em 0.5em;
	color: #ccc; 
}

#pagefooter ul li a {
	display: inline-block;
	padding: 0.2em 0.5em;
	color: #888;
	height: 1em;
}

#pagefooter ul li a:hover {
	color: white;
}

#pagefooter ul li:first-child a {
	padding-left: 0em;
}

#pagefooter ul li.company {
	float: right;
}

#pagefooter ul li.company:after {
	content: ""; display: none;
}

#pagefooter ul li.company a img {
	height: 100%; width: auto;
	opacity: 0.4;
}

#pagefooter ul li.company a:hover img {
	opacity: 1;
}

.page-home .allnews table.sectionheader td#sepline {
	display: none;
}

.page-dir table.sectionheader {
	font-size: 170%; font-weight: 500;
	margin-bottom: 0.5em; x-margin-top: 1em;
}

.page-dir section {
	margin-bottom: 2em;
}

.page-kbase .forumentry.question > .inner ,
.page-kbase .forumentry.solution > .inner,
.page-kbase .forumentry.modermsg > .inner,
.page-forum .forumentry.modermsg > .inner,
.forumentry.status-moderated:before,
.forumentry.status-hold:before,
.forumentry.status-inactive:before,
.forumentry.status-moved:before,
.forumentry.status-deleted:before {
	min-height: 9.5em;
	position: relative;
	x-margin: -5px; x-padding: 5px;
}

.page-kbase .forumentry.question > .inner {
	background-color: #f0f8ff;
}

BODY.dark.page-kbase .forumentry.question > .inner {
	background-color: #222;
}

.page-kbase .forumentry.solution > .inner {
	background-color: #dfc;
}

BODY.dark.page-kbase .forumentry.solution > .inner {
	background-color: #253;
}

.page-forum .forumentry.modermsg > .inner,
.page-kbase .forumentry.modermsg > .inner {
	background-color: #ffe0e0;
}

.page-kbase .forumentry.question:before,
.page-kbase .forumentry.solution:before,
.page-forum .forumentry.modermsg:before,
.page-kbase .forumentry.modermsg:before,
.forumentry.status-moderated:before,
.forumentry.status-hold:before,
.forumentry.status-inactive:before,
.forumentry.status-moved:before,
.forumentry.status-deleted:before {
	content: " "; height: 4.5em; overflow: hidden; clear: both;
}

.page-kbase .forumentry.question > .inner:after,
.page-kbase .forumentry.solution > .inner:after,
.page-forum .forumentry.modermsg > .inner:after,
.page-kbase .forumentry.modermsg > .inner:after,
.forumentry.status-moderated > .inner:after,
.forumentry.status-hold > .inner:after,
.forumentry.status-inactive > .inner:after,
.forumentry.status-moved > .inner:after,
.forumentry.status-deleted > .inner:after {
	position: absolute;
	content: " "; display: inline-block;
	font-size: 300%;
	left: 0px; top: 2em;
	width: 2em; height: 1.5em;
	text-align: center;
}

.page-kbase .forumentry.question > .inner:after { content: "?"; color: blue; }
.page-kbase .forumentry.solution > .inner:after { content: "\2713"; color: green; }
.page-forum .forumentry.modermsg > .inner:after,
.page-kbase .forumentry.modermsg > .inner:after { content: "!"; color: red; font-weight: 600; }

.forumentry.status-moderated > .inner:after { content: "\26D4"; color: #ccc; }
.forumentry.status-hold > .inner:after { content: "\231B"; color: #ccc; }
.forumentry.status-inactive > .inner:after { content: "\2715"; color: #ccc; }
.forumentry.status-moved > .inner:after { content: "\F08E"; color: #ccc; font-family: FontAwesome; font-weight: normal; }
.forumentry.status-deleted > .inner:after { content: "\F12D"; color: #ccc; font-family: FontAwesome; font-weight: normal; }

.page-kbase .forumentry.question {
	margin-top: 5px;
}

.page-kbase .forumentry.topsolution {
	border-bottom: none; margin-bottom: 0px;
}

.page-kbase.param-kbid .allheader {
	border-bottom: none;
	margin-bottom: 0em;
	padding-bottom: 0.5em;
}

.page-kbase.param-kbid .allheader .pager {
	margin-top: 1em;
	margin-bottom: 1em;
}

.page-kbase .allheader .infoline {
	margin-top: 1em; margin-bottom: 1em;
}

.page-kbase .allheader .forumentry {
	padding-bottom: 0px; margin-bottom: 0px;
	border-bottom: none;
	margin-top: 1em !important;
	margin-bottom: 0.5em !important;
}

.page-kbase hr.topposts {
	margin: 1em 0em;
	position: relative;
}

.page-download .downloadbutton {
	text-align: center;
}

.page-download .downloadbutton .fo {
	margin-bottom: 1em;
	display: inline-block;
	font-size: 200%;
	padding: 0.3em 2em;
	background-color: #40c020;
	color: white;
}

.page-download .downloadbutton .fo:hover {
	background-color: orange;
}

.page-download .downloadbutton .fo:after {
	font-family: "FontAwesome";
	content: "\F019";
	margin-left: 1em;
}

.page-download .downloadbutton .instructions {
	margin-top: -2em;
	margin-bottom: 2em;
	font-size: 80%;
	color: #888;
}

.page-admin .buttonline {
	text-align: left; margin-top: 0em; margin-bottom: 0em;
}

.page-admin .pager {
	margin-top: 1em; margin-bottom: 1em;
}

.page-admin .description {
	margin-top: 1em; margin-bottom: 1em;
	x-color: #888;
}

.page-admin .adminresults {
	margin-top: 1em; margin-bottom: 1em;
}

.page-admin .adminresults .empty {
	color: red;
}

.page-privmsg .prevmsg {
	text-align: left;
}

.page-privmsg.param-pmid .allheader {
	margin-bottom: 0em;
}

.page-privmsg.param-pmid .allheader h1, .maincol .contenttitle h1 {
	font-size: 250%;
}

.page-privmsg.param-pmid .contentbody {
	font-size: 100%;
}

.page-privmsg.param-pmid .buttonline {
	margin-top: 2em; margin-bottom: 1em;
	clear: both;
}

.page-account .profilethumb {
	width: 128px; height: auto;
	border: 1px solid #eee;
}

.page-account .authproviders {
	margin: 1em 0em;
	display: table;
	margin-left: 1em;
}

.page-account .authproviders > li {
	display: table-row;
}

.page-account .authproviders > li > * {
	display: table-cell;
	padding: 0em 0em;
}

.page-account .authproviders > li > *:first-child {
	text-align: right;
}

.page-account .authproviders > li .name {
	font-size: 120%;
}

.page-account .authproviders > li .name:before {
	font-family: FontAwesome;
	padding: 0em 1em;
	float: right;
	font-size: 120%;
}

.page-account .authproviders > li.bound .name:before { content: "\F00C"; color: green; }
.page-account .authproviders > li.not-bound .name:before { content: "\F00D"; color: red; }

.page-help .allheader {
	padding-bottom: 1em;
}

BODY.dark h1,
BODY.dark h2,
BODY.dark h3,
BODY.dark h4,
BODY.dark h5,
BODY.dark h6 {
	color: #eee;
}

BODY.dark .page {
	color: #666;
}

button {
	font-size: 100%;
}

BODY.dark button {
	color: #ccc;
	background: #000;
	border-color: #000; border-width: 1px; padding: 5px;
}

BODY.dark button:hover {
	background: #ccc; color: #000;
}

BODY.dark .contenttitle h1 a {
	color: #eee;
}

BODY.dark a.adminlink {
	color: white;
}

BODY.dark .infoline {
	color: inherit;
}

BODY.dark .sectionline {
	border-bottom-color: #444;
}

BODY.dark .infoline a {
	color: #fff;
}

BODY.dark .forumbar .count {
	background-color: #333;
	border-right-color: #111;
}

BODY.dark.page-media.param-vdid .crumbs {
	display: none;
}

.page-media.param-vdid #zone-contenttop {
    margin-top: -1.5em; margin-bottom: 1em;
}

.adultwarning {
	position: relative;
	z-index: 199;
	display: table;
	padding: 10%;
	box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; 
	text-align: center;
}

.adultwarning .background {
	position: absolute; display: inline-block;
	left: 0px; top: 0px; right: 0px; bottom: 0px; 
	background-color: #666;
	opacity: 1;
	vertical-align: middle;
}

.adultwarning .content {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	color: white;
	z-index: 200;
}

x-.adultwarning .content .text {
	padding-left: 120px;
	min-height: 64px;
	background-repeat: no-repeat; background-position: left center;
	background-image: url('/common/images/icon-18-64.png') ;
}

.adultwarning .content .buttonline {
	margin-top: 2em;
	display: block;
}

.adultwarning .content .buttonline button {
	display: inline-block;
	min-width: 25%;
	margin: 0.5em 1em;
	border-color: transparent;
	text-align: center;
}

div.fb-like[data-layout=count] {
 	height: 24px; overflow: hidden;
	display: block;
}

.sidecol div.fb-like[data-layout=count] {
	width: 320px;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}

input[type=text].autocomplete,
input[type=text] {
	background-position: 99% center;
	background-repeat: no-repeat;
	background-origin: content-box;
	transform: 0s;
}

input[type=text].found {
    background-image: url('/common/images/checkmark-16.gif') ;
}

input[type=text].notfound {
    background-image: url('/common/images/warning-16.gif') ;
}

input[type=text].busy {
	background-image: url('/common/images/busy-searching.gif') ;
}

input[type=text].busy::-ms-clear {
	display: none;
}

.formcommitresult {
	margin: 1em 0em;
}

form > .formcommitresult:first-child {
	margin-top: 0em;
}

.formcommitresult.ajax {
	position: fixed; z-index: 495;
	top: 6.5em;
	display: block;
	left: 0px; right: 0px;
	text-align: center;
	animation: show-and-hide 3s forwards;
	-webkit-animation: show-and-hide 3s forwards;
}

.formcommitresult.ajax .messageline {
	display: inline-block;
	padding: 0.4em 2em;
	box-shadow: 0em 0em 0.5em 0em rgba(0,0,0,0.2);
}

.inputform TD {
	vertical-align: top;
}

.inputform #input {
	padding-right: 1em;
}

.inputform input[type=file] {
	display: inline-block;
	max-width: 600px;
}

.toppointsbar {
	margin: 1em 0em 2em 0em; padding: 0em;
	font-size: 110%;
}

.toppointsbar:after {
	content: " "; display: block; height: 0px; overflow: hidden; clear: both;
}

.toppointsbar li {
	display: list-item;
	float: left;
	width: 25%;
	padding-right: 3em;
	box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box;
	color: #999;
}

.toppointsbar li .name {
	color: blue;
}

.toppointsbar li .points {
	color: black;
	float: right;
	font-size: 90%;
}

.toppointsbar li a {
	font-weight: 600;
}

.exc a {
	x-text-decoration: none;
}

.snapeditor_toolbar {
	font-size: 90%;
}

.snapeditor_toolbar ul {
	height: 2em !important;
	padding: 0.2em !important;
}

.snapeditor_toolbar li {
	height: 100% !important; padding: 0em !important;
}

.snapeditor_toolbar li a {
	background-image: none !important;
	position: relative;
	color: #444;
	width: 3em !important; height: 100% !important; padding: 0em !important;
}

.snapeditor_toolbar li a:after {
	position: absolute;
	display: inline-block;
	left: 0px; right: 0px; top: 50%; height: 1em;
	text-align: center;
	margin-top: -0.5em;
	font-family: "FontAwesome";
	font-size: 120%;
}

.snapeditor_toolbar_icon_p:after { x-content: "\F032"; }
.snapeditor_toolbar_icon_bold:after { content: "\F032"; }
.snapeditor_toolbar_icon_italic:after { content: "\F033"; }
.snapeditor_toolbar_icon_underline:after { content: "\F0CD"; }
.snapeditor_toolbar_icon_strikethrough:after { content: "\F0CC"; }
.snapeditor_toolbar_icon_link:after { content: "\F0C1"; }
.snapeditor_toolbar_icon_quote:after { content: "\F10D"; }
.snapeditor_toolbar_icon_code:after { content: "\F121"; }
.snapeditor_toolbar_icon_emoticon:after { content: "\F118"; }

.snapeditor_dialog .link_form .link_new_window_text { /* we don't need these options */
	display: none;
}

.sceditor-container,
.sceditor-toolbar,
.sceditor-group {
	background-color: transparent !important;
	border: none !important;
}

sceditor-group {
	display: inline-block !important;
}

.sceditor-content.forumentry blockquote {
	margin-left: 0px !important;
}

.sceditor-content p {
	margin: 0em; padding: 0em;
}

.mce-ico {
	display: inline-block;
	position: relative;
}

.sceditor-button,
.sceditor-button:hover {
	display: inline-block;
	position: relative;
	border: none !important;
	width: 2em !important;
	border-radius: 0px !important;
}


.mce-ico:before,
.mce-ico:after {
	position: absolute;
	left: 0px; right: 0px; top: 50%; margin-top: -0.6em; height: 1em;
	display: inline-block;
	font-family: "FontAwesome";
	font-size: 16px;
	text-align: center;
	font-weight: normal;
}

.mce-ico.mce-i-undo:before { content: "\F0E2"; }
.mce-ico.mce-i-redo:before { content: "\F01E"; }
.mce-ico.mce-i-bold:before { content: "\F032"; }
.mce-ico.mce-i-italic:before { content: "\F033"; }
.mce-ico.mce-i-underline:before { content: "\F0CD"; }
.mce-ico.mce-i-strikethrough:before { content: "\F0CC"; }
.mce-ico.mce-i-blockquote:before { content: "\F10E"; }
.mce-ico.mce-i-link:before { content: "\F0C1"; }
.mce-ico.mce-i-unlink:before { content: "\F127"; }
.mce-ico.mce-i-code:before { content: "\F044"; }
.mce-ico.mce-i-sitequoteelement:before { content: "\F10E"; }
.mce-ico.mce-i-siteemoticons:before { content: "\F118"; }
.mce-ico.mce-i-sitecodeelement:before { content: "\F121"; }
.mce-ico.mce-i-sitesmallelement:before { content: "\F031"; margin-right: 6px; margin-top: -0.6em; color: #bbb; z-index: 99; }
.mce-ico.mce-i-sitesmallelement:after { content: "\F031"; font-size: 12px; margin-right: -6px; z-index: 100; }
.mce-ico.mce-i-sitetogglepasteplaintext:before { content: "\F031"; }

.mce-btn-group { border-right: 1px solid #eee !important; padding-right: 2px !important; }
BODY.dark .mce-btn-group { border-right-color: #333 !important }

.mce-window[aria-label="Insert link"] .mce-container.mce-last.mce-abs-layout-item.mce-formitem {
	display: none !important;
}

.mce-tinymce.mce-panel,
.mce-toolbar-grp.mce-panel  {
	background-color: transparent !important; 
	border-color: transparent !important;
}

BODY.dark .mce-container,
BODY.dark .mce-container * {
	background-color: transparent;
	border-color: transparent;
}

BODY.dark .mce-edit-area {
	border-color: #333 !important;
}

.mce-toolbar .mce-btn i { color: #444 !important; }
BODY.dark .mce-toolbar .mce-btn i {	color: #bbb !important; }

BODY.dark .mce-btn i { text-shadow: 1px 1px #333 !important; }

.mce-toolbar .mce-btn.mce-disabled i {
	color: #666 !important;
}

.mce-window .instructions {
	margin: 0em 0em 1em 0em;
}

.closeablenotification {
	display: block;
	padding: 5px; 
	color: white; font-weight: 600;
	background-color: red; 
}

.closeablenotification.hidden {
	display: none;
}

.closeablenotification .close {
	display: none;
}

.closeablenotification.scripted .close {
	display: inline-block;
	padding: 3px;
	width: 1em; height: 1em;
	float: right;
	position: relative;
	text-align: left; text-indent: -9999px;
	color: white; font-weight: 500;
	background-color: red;
	text-align: center;
}

.closeablenotification .close:hover {
	background-color: orange;
}

.closeablenotification .close:after {
	position: absolute;
	display: inline-block;
	left: 3px; top: 3px; right: 3px; bottom: 3px;
	text-indent: 0px;
	font-family: "FontAwesome";
	content: "\F00D";
}

.closeicon {
	display: inline-block;
	padding: 3px;
	width: 1em; height: 1em;
	float: right;
	position: relative;
	text-align: left; text-indent: -9999px;
	font-weight: 500;
	text-align: center;
    cursor: pointer;
    z-index: 99;
}

.closeicon:hover {
	background-color: red;
}

.closeicon:after {
	position: absolute;
	display: inline-block;
	left: 3px; top: 3px; right: 3px; bottom: 3px;
	text-indent: 0px;
	font-family: "FontAwesome";
	content: "\F00D";
}

.notvisibleyet {
	min-height: 100px;
	background-image: url('/common/images/loading-content.gif') ;
	background-position: center center;
	background-repeat: no-repeat;
}

.fetchplaceholder > .fetchaction {
    margin-top: 1em;
    display: block;
    padding: 0.5em 1em;
    text-align: center;
    font-size: 120%;
    background-color: #eee;
}

.fetchplaceholder > .fetchaction:hover {
    background-color: #999;
    color: white;
}

.fetchplaceholder > .fetchaction:after { 
        content: "\F021"; font-family: FontAwesome; padding-left: 1em; 
}

.fetchplaceholder > .fetchaction:first-letter {
    text-transform: capitalize;
}

.fetchplaceholder.notvisibleyet > .fetchaction {
    display: none;
}

.emoticonlistalign {
	text-align: center;
}

.emoticonlist {
	display: inline-block;
	text-align: left;
	min-width: 600px !important; max-width: 1000px;
	margin: 0px; padding: 0px;
	max-height: 500px; overflow: auto;
}

BODY.adaptive .emoticonlist {
	width: 90% !important;
}

.emoticonlist:after {
	content: " "; display: block; clear: both; overflow: hidden; height: 0px;
}

.emoticonlist li {
	margin: 0px; padding: 0px;
	display: table-cell;
	float: left;
	clear: right;
	list-style-type: none;
	min-width: 48px; height: 48px;
	overflow: hidden;
	vertical-align: middle;
	text-align: center;
}

.emoticonlist li a {
	display: inline-block;
	padding: 0.6em;
	cursor: pointer !important;
}

.page-alerts .pager:first-child {
	margin-top: 0em;
}

.page-alerts .alertfilters ul {
	padding: 0em; margin: 0em;
	display: block;
}

.page-alerts .alertfilters ul li {
	display: inline-block;
	padding: 0em;
	margin: 1em 0em;
	margin-right: 1em;
}

.page-alerts .alertfilters ul li:first-child:before { font-family: FontAwesome; content: "\F0B0"; margin-right: 0.5em; }

.alert {
    display: block;
	position: relative;
	margin: 0.5em 0em;
	padding: 1em;
	background-color: #f8f8f8;
}

.alert:after {
	content: " "; display: block; height: 0px; overflow: hidden; clear: both;
}

.alert .contents {
	position: relative;
	x-padding-left: 3.5em;
	display: block; vertical-align: middle;
	color: #333;
}

.alert .contents a {
	.fo-weight: 600;
	x-color: #c40;
}

.alert.status-read .contents {
	color: #666;
}

.alert.status-read .contents a {
	color: #000;
}

.alert .contents a:hover {
	color: red;
}

.alert .contents:before {
	font-family: FontAwesome;
	display: inline-block; 
	float: left; margin-right: 0.5em; margin-top: 0.2em;
	color: #999;
	color: #f00;
}

.alert .contents:before {
	background-color: black;
	color: white;
	padding: 0.1em 0.5em;
	font-size: 90%;
	opacity: 0.7;
}
.alert.type-forumreply .contents:before { content: "válasz"; background-color: #e20; }
.alert.type-newforumentry .contents:before { content: "hozzászólás"; background-color: #555; }
.alert.type-solutionaccept .contents:before { content: "elfogadás"; background-color: #8b2 }
.alert.type-like .contents:before { content: "lájk"; background-color: #29d; }
.alert.type-message .contents:before { content: "üzenet"; background-color: #0ba; }

.alert .time {
	margin-top: 0.3em;
	opacity: 0.6;
}

.alert .userthumb {
	width: 4em; height: auto;
	float: left;
	margin-right: 1em;
	background-color: white;
	margin: -0.5em 1em -0.5em -0.5em;
}

.alert .message:first-letter,
.alert .time:first-letter {
	text-transform: uppercase;
}

.alert .statusint {
    float: right;
}

.alertlist {
    padding: 0em; margin: 0em;
    display: block; 
    list-style-type: none;
}

.alertlist > li {
    padding: 0em; margin: 0em;
}

.alertlist .alert.status-unread {
	background-color: #fec;
	x-background-color: #fff0e0;
}

.autocomplete-suggestions { 
	border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); 
	text-align: left;
	color: #333;
}
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }

.alerttypelist {
	display: block; padding: 0em; margin: 0em;
}

.alerttypelist > li {
	display: inline-block; padding: 0em; margin: 0em; list-style-type: none;
	min-width: 47%; margin-right: 2%;
}

.infoline .fb-like { max-height: 1.5em; /* to prevent huge vertical space exlcusion while loading */ }

#commentsbar {
	margin: 2em 20px 0.5em 20px;
	text-align: center;
	position: relative;
}

#commentsbar .commentsbutton {
	x-display: inline-block; x-min-width: 25%;
	display: block; 
	font-size: 120%;
	padding: 0.4em 2em;
	color: white;
	background-color: #0ae;
	font-weight: 600;
	cursor: pointer;
	text-transform: uppercase;
	position: relative;
}

#commentsbar .commentsbutton:hover {
	background-color: #2bf;
}

#commentsbar .topiclink {
	position: absolute;
	display: inline-block;
	right: 0em; top: 0em; bottom: 0em; 
	color: transparent;
	border-left: 0.2em solid white;
	vertical-align: middle;
	width: 3em; overflow: hidden;
	background-color: #18d;
}

#commentsbar.on .topiclink {
	display: none;
}

#commentsbar .topiclink:after {
	content: "\F086"; font-family: FontAwesome;
	position: absolute; display: inline-block;
	right: 0px; top: 0em; bottom: 0em;
	padding: 0.5em 0.7em;
	font-size: 120%;
	color: white;
}

#commentsbar .topiclink:hover:after {
	background-color: #2bf;
}

#commentsbar .buttonline {
	font-size: 110%;
}

#commentsbar .commentsbutton:after {
	font-family: FontAwesome; content: "\F078"; margin-left: 1em;
	display: inline-block;
	transform: rotate(0deg);
	transition: transform 0.5s ease;
}

#commentsbar.on .commentsbutton:after {
	transform: rotate(180deg);
}

#commentsbar.off .commentsdiv {
	display: none;
}

#commentsbar .commentsdiv .instructions {
	margin: 1em 0em;
	x-font-weight: 600;
	text-align: left; color: #444;
	font-size: 120%;
}

#commentsbar .commentsdiv .instructions + #commentform {
    margin-top: -1.5em;
    margin-bottom: 1.5em;
}

#commentsbar .commentsdiv .section {
	margin: 1em 0em;
}

#commentsbar + .sectiontitle {
}

.page-login .allheader .contenttitle h1:after {
	content: "\F090"; 
}

.page-account-register .allheader .contenttitle h1:after {
	content: "\F234"; 
}

.page-privmsg .allheader .contenttitle h1:after {
	content: "\F003"; 
}

.loginpanel {
	padding: 0.5em 0em;
}

.loginpanel > .subpanels {
	display: table; 
	width: 100%;
	box-sizing: border-box; 
	border-spacing: 0px; border-collapse: collapse;
	margin: 1em 0em;
}

.loginpanel > .subpanels > * {
	display: table-cell;
	vertical-align: top;
	border-spacing: 0px; border-collapse: collapse;
}

.loginpanel .sociallogins {
	width: 30%;
}

.loginpanel.socialenabled .loginoptions {
    margin-bottom: -1em;
}

.loginpanel.socialenabled > .subpanels > *:first-child {
	padding-right: 4em;
	border-right: 1px solid #ddd;
	position: relative;
}

.loginpanel.socialenabled > .subpanels > *:first-child:after {
	position: absolute; display: inline-block;
	top: 33%; 
	left: 93%; right: -7%; text-align: center;
	background-color: white; color: #aaa;
	padding: 0.3em 0em 0.6em 0em;
	content: "vagy";
	font-size: 120%;
}

.loginpanel.socialenabled > .subpanels > *:nth-child(2) {
	padding-left: 4em;
}

.loginpanel.nosocial > .subpanels .formcontrol > .title { display: none; }

.loginpanel .sitelogin .buttonline {
	white-space: nowrap; 
}

.loginpanel .sitelogin .buttonline .sep,
.loginpanel .sitelogin .buttonline .register {
	display: inline-block;
	padding: 0.4em 0.5em;
	vertical-align: middle;
}

.loginpanel .sitelogin .buttonline .sep {
	margin-left: -0.5em;
	color: #aaa;
}

.loginpanel .sitelogin .buttonline a.register {
	color: #1bf;
}

.loginpanel .sitelogin .buttonline a.register:hover {
	color: orange;
}

.loginpanel .socialloginbuttons {
    margin-top: -0.6em; 
}

.socialloginbuttons {
	margin: 0em; padding: 0em;
	list-style: none;
	white-space: nowrap;
}

.socialloginbuttons > li {
	display: block;
	margin: 1.5em 0em; padding: 0em;
}

.socialloginbuttons > li a {
	position: relative;
	display: block;
	padding: 0.8em 2em 0.8em 4em;
	background-color: #666; color: white; 
}

.socialloginbuttons > li a span:before { content: "Bejelentkezés "; }
.socialloginbuttons > li a span:after { content: " fiókkal"; }

.socialloginbuttons > li a:before {
	position: absolute; display: inline-block;
	left: 0px; top: 0px; bottom: 0px; width: 1em;
	text-align: center; padding: 0.6em;
	background-color: #999;
	content: "?"; font-family: FontAwesome;
	font-size: 150%;
}

.socialloginbuttons > li.provider-FB a { background-color: #57b; }
.socialloginbuttons > li.provider-FB a:hover { background-color: #79d; }
.socialloginbuttons > li.provider-FB a:before { content: "\F09A"; background-color: #359; padding-top: 0.5em; }
.socialloginbuttons > li.provider-FB a:hover:before { background-color: #57c; }
.socialloginbuttons > li.provider-IN a { content: "\F0E1"; background-color: #29d; }
.socialloginbuttons > li.provider-IN a:hover { background-color: #4bf; }
.socialloginbuttons > li.provider-IN a:before { content: "\F0E1"; background-color: #07b; }
.socialloginbuttons > li.provider-IN a:hover:before { background-color: #29d; }
.socialloginbuttons > li.provider-GG a { background-color: #f65; }
.socialloginbuttons > li.provider-GG a:hover { background-color: #f87; }
.socialloginbuttons > li.provider-GG a:before { content: "\F1A0"; background-color: #d43; }
.socialloginbuttons > li.provider-GG a:hover:before { background-color: #f65; }
.socialloginbuttons > li.provider-DQ a { background-color: #4bf; }
.socialloginbuttons > li.provider-DQ a:hover { background-color: #6df; }
.socialloginbuttons > li.provider-DQ a:before { content: "D"; font-weight: bold; padding-top: 0.5em; background-color: #2e9eff; }
.socialloginbuttons > li.provider-DQ a:hover:before { background-color: #4bf; }
.socialloginbuttons > li.provider-MS a { background-color: #2cf; }
.socialloginbuttons > li.provider-MS a:hover { background-color: #4ef; }
.socialloginbuttons > li.provider-MS a:before { content: "\F17A"; background-color: #0be; padding-top: 0.5em; }
.socialloginbuttons > li.provider-MS a:hover:before { background-color: #2cf; }
.socialloginbuttons > li.provider-GI a { background-color: #444; }
.socialloginbuttons > li.provider-GI a:hover { background-color: #666; }
.socialloginbuttons > li.provider-GI a:before { content: "\F113"; background-color: #222; padding-top: 0.5em; }
.socialloginbuttons > li.provider-GI a:hover:before { background-color: #444; }

.formcontrol {
}

.formcontrol .formfieldseparator {
    clear: both;
    margin: 1em 0em;    
}

.formcontrol.panel {
	padding: 1em;
	background-color: #f0f0f0;
}

.formcontrol > .title {
	x-font-size: 200%; margin: 0em;  
	padding: 0em 0em 0.5em 0em;
}

.formcontrol .buttonline {
	margin-top: 2em;
	font-size: 115%;
}

.formcontrol.panel .buttonline .actionbutton {
	padding-top: 0.3em; padding-bottom: 0.3em; 
}

.formcontrol.panel .buttonline {
	margin-top: 1em;
}

.formcontrol.panel .group > .title span,
.formcontrol.panel .group > .title:after {
    background-color: #f0f0f0;
}

.formcontrol.autosubmit.apicall-scheduled,
.formcontrol.autosubmit.apicall-inprogress {
	position: relative;
    user-select: inherit;
}

.formcontrol.autosubmit.apicall-inprogress * {
    user-select: inherit;
}

.formcontrol.autosubmit.apicall-inprogress:before {
	display: none;
}

.formcontrol.autosubmit.apicall-scheduled:after,
.formcontrol.autosubmit.apicall-inprogress:after {
	position: absolute;
	z-index: 999;
	left: auto; width: auto; height: auto;
	top: 1em; right: 1em; text-align: center;
	color: #888; /*font-weight: 600;*/
	content: "\F1CE"; font-family: FontAwesome;
	margin: 0em;
	font-size: 100%;
	animation: animation-spin 1s infinite linear;
	-webkit-animation: animation-spin 1s infinite linear;
}

.newinputform {
	margin: 0em 0em 1em 0em;
	background-color: #f8f8f8;
	padding: 1em;
}

.newinputform.default {
	background-color: #e0f0ff;
	x-background-color: #e8e8e8;
}

.newinputform > .title {
	margin: 0em; padding: 0em;
	margin-bottom: 0.5em;
}

.newstdform > .description {
	opacity: 0.7;
}

.newstdform > .buttons {
	font-size: 115%;
}

.newstdform > .buttons input,
.newstdform > .buttons button {
	font-size: 105%;
	min-width: 8em;
	font-family: inherit;
}

.newstdform > .buttons input:hover,
.newstdform > .buttons button:hover {
	background-color: orange;
}

.newstdform > .buttons button:before {
	font-family: "FontAwesome";
	margin-right: 0.5em;
}

.newstdform > .buttons .send:before {content: "\F1D8"; }

.formhint { 
	font-size: 90%; opacity: 0.5;
}

.messageline { padding: 1em; margin: 1em 0em; }
.messageline > ul { padding-top: 0em; padding-bottom: 0em; margin: 0em; }
.messageline.error { background-color: #ffc0c0; color: #000000; }
.messageline.note { background-color: #c0ffc0; color: #000000; }
.messageline.info { background-color: #e8e8ff; color: #000000; }
.messageline.hint { background-color: #f4f4f4; color: #000000; }
.messageline a { color: #001ca0; }
.messageline a:hover { color: #a01c00; }

.messageline .text {
	position: relative; 
	padding-left: 2.5em; 
}

.messageline .text:before {
	position: absolute;
	left: 0px; top: 0px; display: inline-block;
	font-family: FontAwesome;
	font-weight: 600;
	font-size: 125%; padding: 0em;
	width: 1em; text-align: center;
}

.messageline.note .text:before { content: "\F00C"; color: green; }
.messageline.error .text:before { content: "\F00D"; color: red; }
.messageline.info .text:before { content: "\F129"; color: black; }

x-.maincol > div:first-child > .messageline:first-child {
    margin-top: -1em;
}

.inputfields {
	display: block;
	padding: 0em; margin: 1em 0em;
	font-size: 100%;
}

.wizard .inputfields {
	padding: 1em;
	x-background-color: #e8f4ff;
	x-background-color: #f0f0f0;
}

.page-admin .inputfields {
	font-size: 100%;
}

.inputfields > li {
	list-style-type: none;
	display: block;
	padding: 0em; margin: 0em;
	margin-bottom: 1em; margin-top: 0.5em;
}

.inputfields > li:after {
	content: " "; height: 0px; overflow: hidden; display: block; clear: both;
}

.inputfields > li:last-child {
	margin-bottom: 0em;
}

.inputfields > li > .caption,
.controlgroup > li > .caption {
	opacity: 0.7;
	.fo-weight: 600;
	font-size: 120%;
	padding-bottom: 0.2em;
}

.inputfields > li.required > .caption:after,
.controlgroup > li.required > .caption:after {
	content: "*"; color: red; margin-left: 0.2em;
}

.inputfields .error {
	color: red; font-weight: 600;
}

.inputfields .error:before {
	content: "\F077"; content: "\F139"; 
	font-family: FontAwesome; margin-right: 0.5em; font-weight: 500;
}

.inputfields .error a {
	color: #1bf;
	font-weight: normal;
}

.inputfields .error a:hover {
	color: orange;
}

.inputfields .input,
.inputfields .inputwrap {
	font-size: 115%;
}

.inputfields .input .formhint {
	font-size: 80%;
}

.inputfields .input label,
.inputfields .input input[type=checkbox],
.inputfields .input input[type=radio] {
	font-size: 90%;
}

.inputfields input[type=text],
.inputfields input[type=password],
.inputfields input[type=email],
.inputfields input[type=date],
.inputfields input[type=datetime],
.inputfields input[type=geolocation],
.inputfields input[type=file],
.inputfields textarea,
.inputfields select {
	padding: 0.2em; margin: 0.2em 0em;
	font-size: 100%;
}

.inputfields input[type=text],
.inputfields input[type=password],
.inputfields input[type=email],
.inputfields input[type=date],
.inputfields input[type=datetime],
.inputfields input[type=geolocation],
.inputfields textarea,
.inputfields select,
.inputfields .mce-edit-area {
	width: 100%;
	box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; 
	border: 1px solid #ccc;
	box-shadow: 0px 0px 0px 1px transparent;
}

.inputfields input[type=text][readonly],
.inputfields input[type=password][readonly],
.inputfields input[type=email][readonly],
.inputfields input[type=date][readonly],
.inputfields input[type=datetime][readonly],
.inputfields input[type=geolocation][readonly],
.inputfields textarea[readonly],
.inputfields select[readonly] {
	background-color: transparent;
	border-color: transparent;
}

.inputfields input[type=geolocation][data-geo-accuracy=city] {
	max-width: 30em;
}

.inputfields input[type=file] {
	width: 100%;
	box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; 
}

.inputfields input[type=date] {
	width: 12em;
}

.inputfields textarea {
	font-family: inherit; .fo-size: inherit;
}

.inputform .inputfields input[type=text],
.inputform .inputfields input[type=password],
.inputform .inputfields input[type=email],
.inputform .inputfields input[type=date],
.inputform .inputfields input[type=datetime],
.inputform .inputfields input[type=geolocation],
.inputform .inputfields textarea,
.inputform .inputfields select {
	background-color: #fafafa;
}

.inputform .inputfields input[type=text][readonly],
.inputform .inputfields input[type=password][readonly],
.inputform .inputfields input[type=email][readonly],
.inputform .inputfields input[type=date][readonly],
.inputform .inputfields input[type=datetime][readonly],
.inputform .inputfields input[type=geolocation][readonly],
.inputform .inputfields textarea[readonly],
.inputform .inputfields select[readonly] {
	background-color: transparent;
	border-color: transparent;
}

.inputfields .subfield {
	margin: 1em 0em;
}

.inputfields .dateinput input[type=text],
.inputfields .datetimeinput input[type=text] {
	width: auto;
}

.inputfields .addresscontrol .inputwrap  {
	display: block;
	position: relative;
}

.inputfields .addresscontrol .inputwrap:after {
	position: absolute; display: inline-block;
	right: 0.4em; top: 0.4em; font-size: 135%; color: #ccc;
	content: "\F041"; font-family: FontAwesome; 
}

.inputfields .addresscontrol .inputwrap input {
	padding-right: 2em;
}

.inputfields select {
	min-width: 300px; max-width: 480px;
}

.inputfields input[type=text]:focus,
.inputfields input[type=password]:focus,
.inputfields input[type=email]:focus,
.inputfields input[type=date]:focus,
.inputfields input[type=datetime]:focus,
.inputfields input[type=geolocation]:focus,
.inputfields textarea:focus,
.inputfields select:focus,
.inputfields .mce-edit-area.focused {
	background-color: #fff;
	border-color: #333;
	border-color: #6cf;
	box-shadow: 0px 0px 0px 1px #6cf;
}

.inputfields input[type=file] {
	display: inline-block;
	max-width: 100%;
}

.inputfields .controlgroup {
	display: block; padding: 0em; margin: 0em;
}

.inputfields .controlgroup > * {
	display: inline-block; padding: 0em; margin: 0em;
	list-style-type: none;
	margin-right: 1em;
}

.inputfields .controlgroup > *:last-child {
	margin-right: 0em;
}

.inputfields .controlgroup.multiline > * {
	display: block;
	margin: 0em 0em 1em 0em;
}

.inputfields .controlgroup.multiline > *:last-child {
	margin-bottom: 0em;
}

.group > .controlgroup > * {
	display: block;
	margin-top: 1em;
}

.group > .controlgroup > *:first-child {
	margin-top: -1em;
}

.group > .title {
	position: relative;
	padding: 0.5em 0em;
	font-size: 120%;
	z-index: 500;
}

.group > .title span {
	position: relative;
	display: inline-block;
	padding: 0em 1em; padding-left: 0em; 
	background-color: white;
	z-index: 501;
	color: #999;
}

.group > .title:before {
	position: absolute; display: block; content: " ";
	left: 0px; top: 50%; height: 0px; right: 0px;
	border-bottom: 1px solid #ccc;
	z-index: 499;
}

.group > .title:after {
	position: absolute; display: inline-block;
	right: 0em; top: 0.3em; bottom: 0.3em;
	padding: 0em 0.5em; background-color: white;
	font-family: FontAwesome; content: "\F107";
	font-size: 140%; 
	transform: rotate(0deg);
	transition: transform 0.5s ease;
	z-index: 501;
	color: #999;
}

.group.on > .title:after {
	transform: rotate(180deg);
}

.group > .controlgroup {
	padding-top: 0.5em;
}

.group.off > .controlgroup {
	display: none;
}

.imageuploadcontrol.inputwrap {
	position: relative;
	display: inline-block;
	overflow: hidden;
}

.imageuploadcontrol.inputwrap input {
	position: absolute; display: inline-block;
	left: 0px; top: 0px; bottom: 0px; right: 0px;
	min-width: 0em; max-width: 100%; width: 100%; 
	margin: 0em; padding: 0em;
	opacity: 0.01;
	cursor: pointer;
}

.imageuploadcontrol.inputwrap .thumb {
	cursor: pointer;
}

/*
.imageuploadcontrol .clear {
	display: block;
	text-align: center;
	font-size: 70%; opacity: 0.7;
}

.imageuploadcontrol .clear:before {
	content: "\F00D"; display: inline-block;
	font-family: FontAwesome; color: red; margin-right: 0.2em;
	font-size: 150%; vertical-align: middle;
	padding-bottom: 0.1em;
}
*/

.imageuploadcontrol > .inner > * {
	display: table-cell;
	vertical-align: top;
}

.imageuploadcontrol .clear {
	position: relative;
	display: block;
	opacity: 0.7;
	x-padding-left: 1em;
	text-indent: -9999px;
	font-size: 150%;
	z-index: 99;
	visibility: hidden;
}

.imageuploadcontrol:hover .clear {
	visibility: visible;
}

.imageuploadcontrol .clear:before {
	content: "\F00D"; display: inline-block;
	position: absolute; 
	top: 0px; bottom: 0px; right: 0px;
	padding: 0em 0.5em; 
	border: 1px solid yellow;
	left: 9999px;
	font-family: FontAwesome; color: red; 
	x-font-size: 150%;
}

form[name=loginform] .loginoptions {
	padding: 0em; margin: 1em 0em;
	padding-top: 1em;
	list-style-type: none;
	display: block;
}

form[name=loginform] .loginoptions li {
	display: inline-block;
}

form[name=loginform] .loginoptions li:nth-child(1) {
	float: left;
}

form[name=loginform] .loginoptions li:nth-child(2) {
	float: right;
}

.tagcloud {
	line-height: 1.8;
	font-size: 105%;
}

.tagcloud .list {
	padding: 0px; margin: 0px;
}

.tagcloud .list li {
	display: inline-block; *display: inline; *zoom: 1;
	padding: 0px; margin: 0px;
	list-style-type: none;
	margin-right: 0.3em;
}

.tagcloud .list li a,
.tagcloud .list li span {
	padding-left: 0px; padding-right: 2px;
	-float: left;
	.fo-size: 80%;
	x-vertical-align: middle;
	color: #4080a0;
	color: #a0a0a0;
}

.tagcloud .list li a:hover {
	color: orange !important;
}

.tagcloud .list .l1 {
	font-size: 110%;
	color: #5080a0;
}

.tagcloud .list .l2 {
	font-size: 120%;
	color: #908060;
}

.tagcloud .list .l3 {
	font-size: 135%;
	color: #c09000;
}

.tagcloud .list .l4 {
	font-size: 150%;
	color: #f06000;
}

.tagcloud .listend {
	clear: both;
}

.tagcloud .empty {
	display: block; font-size: 12px;
	text-align: center; 
}

.tagcloud.maincloud {
	font-size: 150%;
}

.picker {
	font-size: 100% !important;
	width: 320px !important;
}

.leveledlist ul {
	list-style-type: none;
}

.listsearch {
	padding: 0em; margin: 0em;
	width: 100%;
}

.listsearch {
	white-space: nowrap; 
	display: table;
	border-collapse: collapse;
	width: 100%;
}

.listsearch > * {
	display: table-cell;
}

.listsearch > .search {
	width: 100%;
}

.listsearch > .search input[type=text] {
	display: inline-block;
	width: 100%;
}

.listsearch > .submit input[type=submit] {
	margin-left: 1em;
}

.auditcode {
	x-position: fixed; display: block;
	top: 0px; left: 0px; 
	max-width: 2px; max-height: 2px; overflow: hidden;
	z-index: 9999;
}

.wizard {
	margin: 1em 0em;
}

.wizard .steps {
	font-size: 115%;
}

.wizard .buttonline {
	font-size: 120%;
}

.wizard .wizardnav .fo:after,
.wizard .wizardnav .fo:before {
	display: inline-block; font-family: FontAwesome;
}

.wizard .wizardnav.next .fo:after { margin-left: 1em; content: "\F054"; }
.wizard .wizardnav.finish .fo:after { x-margin-left: 1em; x-content: "\F054"; }
.wizard .wizardnav.prev .fo:before { margin-right: 1em; content: "\F053"; }
.wizard .wizardnav.first .fo:before { margin-right: 1em; content: "\F053"; }

.wizard .wizardnav.prev,
.wizard .wizardnav.first,
.wizard .wizardnav.next,
.wizard .wizardnav.finish {
}

.wizard .wizardnav.prev,
.wizard .wizardnav.first {
	float: left; text-align: left; padding-left: 1em;
}

.wizard .wizardnav.finish {
	float: right; text-align: center;
}

.wizard .wizardnav.next {
	float: right; text-align: right; padding-right: 1em;
}

.wizard > .steps:after {
	content: " "; display: block; height: 0px; overflow: hidden; clear: both;
}

.wizard > .steps > ul {
	display: block; padding: 0em; margin: 0em;
	padding-top: 1em; margin-top: 2em;
	border-top: 1px solid #ccc;
	position: relative;
}

.wizard > .steps ul:before,
.wizard > .steps ul:after {
	content: " "; display: inline-block; 
	position: absolute; top: -0.5em; 
	background-color: white; height: 1em;
	z-index: 49;
}

.wizard > .steps ul:before { left: 0px; }
.wizard > .steps ul:after { right: 0px; }

.wizard > .steps > ul > li {
	display: inline-block; padding: 0em 1em; margin: 0em;
	box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box;
	text-align: center; vertical-align: top;
	position: relative;
}

.wizard > .steps > ul > li:before,
.wizard > .steps > ul > li:after {
	position: absolute; display: inline-block;
	top: -1.3em; left: 50%; margin-left: -0.5em;
	font-family: FontAwesome; 
	font-size: 125%; font-weight: 300;
	z-index: 50;
}

x-.wizard > .steps > ul > li:first-child {
	text-align: left; padding-left: 0em;
}

x-.wizard > .steps > ul > li:first-child:before,
x-.wizard > .steps > ul > li:first-child:after {
	left: 0em; margin-left: 0em;
}

x-.wizard > .steps > ul > li:last-child {
	text-align: right; padding-right: 0em;
}

x-.wizard > .steps > ul > li:last-child:before,
x-.wizard > .steps > ul > li:last-child:after {
	left: auto; right: 0em; margin-left: 0em;
}

.wizard > .steps > ul > li:before { content: "\F111"; color: white; }
.wizard > .steps > ul > li:after { content: "\F10C"; }
.wizard > .steps > ul > li.passed:after { content: "\F111"; content: "\F058"; }
.wizard > .steps > ul > li.current:after { content: "\F192"; }

.wizard > .steps > ul > li > font,
.wizard > .steps > ul > li:after { opacity: 0.3; }

.wizard > .steps > ul > li.passed > font,
.wizard > .steps > ul > li.passed:after { color: #888; }

.wizard > .steps > ul > li.passed > font,
.wizard > .steps > ul > li.current > font,
.wizard > .steps > ul > li.passed:after,
.wizard > .steps > ul > li.current:after { opacity: 1; }

.wizard > .steps.count-1 > ul > li { width: 100%; }
.wizard > .steps.count-2 > ul > li { width: 50%; }
.wizard > .steps.count-3 > ul > li { width: 33%; }
.wizard > .steps.count-4 > ul > li { width: 25%; }
.wizard > .steps.count-5 > ul > li { width: 20%; }

.wizard > .steps.count-2 ul:before { right: 75%; }
.wizard > .steps.count-2 ul:after { left: 75%; }
.wizard > .steps.count-3 ul:before { right: 83%; }
.wizard > .steps.count-3 ul:after { left: 83%; }
.wizard > .steps.count-4 ul:before { right: 87%; }
.wizard > .steps.count-4 ul:after { left: 87%; }


.wizard > .contents {
	margin: 2em 0em;
}

.wizard > .contents > .hiddenpage {
	display: none;
}

.page-admin .inputfields li input,
.page-admin .inputfields li select,
.page-admin .inputfields li textarea { 
	min-width: 20px !important; max-width: none !important; width: auto !important;
}

.page-jobs .controlgroup.location {
	white-space: nowrap;
}

.page-jobs .controlgroup.location > li:nth-child(1) {
	display: inline-block; width: 60%;
}

.page-jobs .controlgroup.location > li:nth-child(2) {
}

.wordlistnew {
	padding: 1em 0em; margin: 0em;
	list-style-type: none;
	font-size: 120%;
	margin-bottom: 1em;
}

.wordlistnew:after {
	content: " "; display: block; clear: both; float: none;
}

.wordlistnew > li {
	padding: 0.3em 0em; margin: 0em;
	display: inline-block; float: left;
}

.wordlistnew > li {
	width: 33%;
}


.emptylist {
	margin: 2em 0em;
	text-align: center;
}

.deletedcontentplaceholder {
	position: relative;
	z-index: 995;
}

.deletedcontentplaceholder:after {
	position: absolute; display: inline-block;
	content: " "; left: 0px; top: 0px; right: 0px; bottom: 0px;
	background-color: #ccc;
	opacity: 0.1;
}

.deletedcontentplaceholder > * {
	opacity: 0.3 !important;
}

.deletedcontentplaceholder .actionbutton,
.deletedcontentplaceholder .actions {
	visibility: hidden !important;
}

BODY.withsidebar .maincol #publicationinfinitescrollfooter .widethumbs {
    margin-left: -1em; margin-right: -1em;
}

BODY.withsidebar .maincol #publicationinfinitescrollfooter .widethumbs > li:nth-child(even) {
    border-color: transparent;
}

.zone {
	text-align: left;
}

.zone > .inner {
	padding: 1em 5em;
	background-color: #ccc;
	text-align: center;
}

.zone.loaded.empty {
	display: none !important;
	margin-bottom:  0em !important;
}

.maincol .zone.loaded:before,
.maincol .zone.loaded:after {
	display: block; content: " "; height: 0px; overflow: hidden; clear: both;
}

.sidecol .zone.loaded {
	margin-bottom: 1em;
}

.zone .textbox .content {
	font-weight: 600;
	vertical-align: center;
	padding-left: 2.5em;
	position: relative;
	background-color: #0bc;
	x-background-color: #59f;
	x-background-color: #48d;
	color: white;
    font-size: 109%;
}

.blockwithside .zone .textbox .content {
    font-size: 115%;
}

.zone .textbox .content:hover {
	background-color: #ff801c !important;
}

.zone .textbox .content a {
	padding: 0.5em;
	display: block;
	margin-left: -2.5em; padding-left: 2.5em;
	color: inherit;
}

.zone .textbox .content a:before {
	position: absolute;
	display: inline-block;
	left: 0.2em; top: 50%; margin-top: -0.5em;
	font-size: 200%;
	content: "\F054"; font-family: "FontAwesome";
	font-weight: 500;
}

.zone .textbox2 .content {
	background-color: #00285e;
	opacity: 0.7;
}

.zone .textbox3 .content {
	background-color: #f0c;
	opacity: 0.7;
}

.zone .textbox4 .content {
	background-color: #c23;
	opacity: 0.7;
}


.zone.loaded#zone-roadblock {
	margin: 1em 0em;
}

.zone.loaded#zone-titleheader {
	padding: 0.5em; background-color: #f8f8f8;
}

.zone#zone-mediumrectangle,
.zone#zone-halfpage {
    text-align: center;
}

BODY.dark .zone#zone-titleheader {
	background-color: #111;
}

.page-media .zone#zone-titleheader {
	margin-top: 0.5em; margin-bottom: -1.5em;
}

.zone#zone-midtext a {
	display: block; 
	padding: 0.5em 1em; 
	font-size: 120%;
}

.sicom-text a {
	padding-top: 2em !important;
	position: relative;
}

.sicom-text a:after {
	position: absolute;
	content: " "; display: inline-block;
	left: 2.5em; right: 0px;
	top: 0.1em; height: 25px;
	background-image: url('http://prog.hu/support/ads/sicom-logo-white.png') ;
 	background-size: auto 15px;
	background-repeat: no-repeat;
	background-position: left 0.5em;
}

.zone#zone-midtext a {
	x-background-color: #ddd;
	color: red; font-weight: 600;
}

.zone#zone-midtext a:hover {
	background-color: #eee;
	x-color: #666;
	color: orange;
}

.adzonesponsortopalign {
	text-align: center;
}

#zone-sponsortop {
	text-align: center;
	position: fixed;
	left: 50%; margin-left: -544px;
}

#zone-sponsorleft {
	text-align: right;
	position: fixed;
	right: 50%; margin-right: 544px;
}

#zone-sponsorright {
	text-align: left;
	position: fixed;
	left: 50%; margin-left: 544px;
}

#zone-sponsortop,
#zone-sponsorleft,
#zone-sponsorright {
	margin-top: 1.2em;
	x-z-index: 998;
}

#zone-foldseparator.loaded {
    margin: 1em 0em;
}

BODY.fixedtop #zone-sponsortop,
BODY.fixedtop #zone-sponsorleft,
BODY.fixedtop #zone-sponsorright {
	top: 4.5em;
}

BODY.fixedtop.adzonepresent-sponsor .pagebody {
	padding-top: 100px;
}

#zone-superbanner {
	background-color: white;
}

BODY.dark #zone-superbanner {
	background-color: #111;
}

#zone-openlead {
	position: relative;
	margin-top: 1em;
	margin-bottom: 1em;
}

#zone-openlead:before {
	position: absolute;
	display: inline-block;
	left: -10px; width: 10px;
	top: 0px; height: auto;
	font-size: 60%; color: #888;
	content: " h\A  i\A  r\A  d\A  .\A"; white-space: pre;
	margin-top: 0.5em;
}

.page-home #zone-openlead {
	margin-top: -1em;
}

#zone-openlead a {
	display: block;
	color: white;
	padding: 0.2em;
	background-color: #f20074;
}

#zone-openlead a:hover {
	background-color: #ff2095;
}

#zone-openlead img {
	float: left; margin-right: 1em; margin-bottom: 1em; margin-top: 0.2em;
}

#zone-openlead .title {
	font-size: 115%;
	font-weight: 600; margin-bottom: 0.2em;
}

#zone-openlead .lead {
	font-size: 90%;
}

.page-home #zone-midtext {
	margin-top: -0.5em; margin-bottom: 2em;
}

.page-home #zone-contenttop {
	margin-top: -0.5em; margin-bottom: 1em;
}

.page-news.param-qnid #zone-contenttop {
	padding-top: 1em; 
}

.page-news #zone-contenttop {
	padding-bottom: 0.5em;
}

.page-home #zone-contentbottom {
	margin-bottom: 0.5em;
}

x-.page-news .zone#zone-midtext a {
	background-color: #0ad;
	color: white;
}

x-.page-news .zone#zone-midtext a:hover {
	background-color: #4cf;
}

.facebook-page-box-align {
    text-align: center; padding: 1em; background-color: #f0f0f0;
    margin-bottom: -1em;
    min-height: 134px;
}

BODY.dark .facebook-page-box-align {
    background-color: transparent;
}

.sidecol .facebook-page-box-align {
    margin-bottom: 1em;
}

.checkboxcontrol a {
	color: #1bf;
}

.checkboxcontrol a:hover {
	color: orange;
}

.checkboxlist {
	padding: 0em;
}

.checkboxcontrol,
.checkboxlist * {
	-ms-user-select: none;
	user-select: none;
}

.checkboxcontrol.inputwrap label {
    padding: 0.2em 0em;    
}

.checkboxlist.inputwrap > .items {
	padding: 0.5em; margin: 0em;
	list-style-type: none;
}

.checkboxlist.inputwrap > .items > li {
	list-style-type: none;
	padding: 0.1em 0em;
}

.scripted .checkboxlist.switch.inputwrap > .items > li {
	padding: 0.5em 0em;
}

.scripted .checkboxcontrol.switch label,
.scripted .checkboxlist.switch label {
	padding-left: 4em;
	position: relative;
	display: inline-block;
}

.scripted .checkboxcontrol.switch label input[type=checkbox],
.scripted .checkboxlist.switch label input[type=checkbox] {
	position: absolute;
	left: 0px; top: 0px; bottom: 0px; width: 0px;
	margin-left: -9999px; margin-right: 9999px;
}

.scripted .checkboxcontrol.switch label .label,
.scripted .checkboxlist.switch label .label {
	padding: 0em;
	cursor: pointer;
	display: inline-block;
}

.scripted .checkboxcontrol.switch label .label:before,
.scripted .checkboxcontrol.switch label .label:after,
.scripted .checkboxlist.switch label .label:before,
.scripted .checkboxlist.switch label .label:after {
	position: absolute; display: inline-block;
	vertical-align: middle;
	top: 0px; height: 1.4em; 
	border: 1px solid transparent;
}

BODY.loaded .scripted .checkboxcontrol.switch label .label:before,
BODY.loaded .scripted .checkboxcontrol.switch label .label:after,
BODY.loaded .scripted .checkboxlist.switch label .label:before,
BODY.loaded .scripted .checkboxlist.switch label .label:after {
	transition: all 0.2s ease;
}

.scripted .checkboxlist.switch label .label:before,
.scripted .checkboxcontrol.switch label .label:before {
	x-border-color: #333;
	background-color: #ddd; color: white;
	left: 0px; width: 2.4em; 
	z-index: 498;
	padding: 0em 0.5em;
}

.scripted .checkboxcontrol.switch label .label:after,
.scripted .checkboxlist.switch label .label:after {
	left: 0em; width: 1em;
	z-index: 499;
	padding-top: 0em; padding-bottom: 0em;
	margin-top: 0em; margin-bottom: 0em;
	border: 1px solid #ccc;
}

.scripted .checkboxcontrol.switch label .label:before,
.scripted .checkboxlist.switch label .label:before { content: "ki"; text-align: left; color: #888; }
.scripted .checkboxcontrol.switch label.checked .label:before,
.scripted .checkboxlist.switch label.checked .label:before { content: "be"; text-align: right; background-color: #6cf; color: white; }

.scripted .checkboxcontrol.switch label .label:after,
.scripted .checkboxlist.switch label .label:after { content: " "; margin-left: 2.4em; background-color: #fff; }
.scripted .checkboxcontrl.switch label.checked .label:after,
.scripted .checkboxlist.switch label.checked .label:after { content: " "; margin-left: 0em; background-color: #fff; }

.zone#zone-midtext a:before {
	font-family: FontAwesome; content: "\F054"; margin-right: 0.5em;
}

#zone-contenttop,
#zone-contentbottom { text-align: center; }
#zone-contenttop > ins { margin-top: 0.5em; margin-bottom: 0.5em; }
#zone-contenttop > ins,
#zone-contentbottom > ins { width: 728px; height: 90px; }
#zone-sidebartop > ins,
#zone-sidebarbottom > ins { width: 300px; height: 250px; }

#zone-sidebarbottom { margin-top: 1em; margin-bottom: 0em; }

#zone-contenttop,
#zone-contentbottom {
    min-height: 90px; 
}

#zone-halfpage {
    min-height: 600px; 
}

#zone-mediumrectangle {
    min-height: 250px;
}

.page-forum .forumhead + .center > #zone-contenttop > ins,
.page-kbase .forumhead + .center > #zone-contenttop > ins { 
	margin-top: 0em; margin-bottom: 0em;
}

BODY.touch .previewwiththumb .props { font-size: 110%; padding-top: 0.2em; padding-bottom: 0.4em; }
BODY.touch .config-viewmode-compact .shortforumlist > ul > li { padding-top: 0.2em; padding-bottom: 0.2em; }
BODY.touch .forumentry > .inner > .actions { font-size: 110%; padding-bottom: 0.5em; }

/* photobox modifications */
x-#pbOverlay { top: 6.5em; bottom: 0em; height: auto; }
#pbPrevBtn b:before{ font-family: FontAwesome; content:'\F053'; font-size: 6em; }
#pbNextBtn b:after{ font-family: FontAwesome; content:'\F054'; font-size: 6em; }
#pbAutoplayBtn:before{ font-family: FontAwesome; content:'\F04C'; }
#pbAutoplayBtn.play:before{ font-family: FontAwesome; content:'\F04B'; }
#pbCloseBtn:before{ font-family: FontAwesome; content:'\F00D'; }
.pbCaptionText { font-size: 115%; font-weight: 600; padding: 0.7em; text-shadow: 1px 1px 3px rgba(0,0,0,0.5); opacity: 0.8; }
#pbThumbsToggler ~ #pbCaption .pbCaptionText { margin-bottom: 1em; }
#pbThumbsToggler:checked ~ #pbCaption .pbCaptionText { margin-bottom: 0em; }
.pbWrapper > *, .hide .pbWrapper > .prepare { max-height: 90%; max-width: 90%; }
.pbWrapper > *, .hide .pbWrapper > .prepare { margin-bottom: 1em; max-height: 93%; max-width: 90%; }

@media all and (min-width: 800px) {
	BODY.adaptive #pbOverlay:after {  /* overlay for logo */
		position: fixed;
		left: 1em; bottom: 1em;
		display: inline-block;
		width: 300px; height: 160px;
		content: " ";
		background-position: bottom left; background-repeat: no-repeat;
	}
}

.imagezoom .illu,
.galleryopener .illu { 
	position: relative; 
}
.galleryopener .illu:before,
.galleryopener .illu:after,
.imagezoom .illu:after {
	position: absolute; display: inline-block;
	padding: 0.5em 0.8em;
	background-color: rgba(0,0,0,0.3);
	x-opacity: 0.7; color: white;
	font-size: 90%;
	transition: all 0.5s ease;
}
.galleryopener .illu:hover:after,
.galleryopener .illu:hover:before,
.imagezoom .illu:hover:after {
	background-color: rgba(0,0,0,0.7);
	transition: all 0.2s;
}

.imagezoom .illu:after {
	top: 0.6em; right: 0.6em;
	font-family: FontAwesome; content: "\F065";
}

.galleryopener .illu:before {
	top: 0.6em; right: 0.6em; 
	font-family: FontAwesome; content: "\F096";
	padding: 0.3em 0.6em 0.7em 1.0em;
}
	
.galleryopener .illu:after {
	top: 0.6em; right: 0.6em;
	background-color: transparent;  
	font-family: FontAwesome; content: "\F03E";
	padding: 0.5em 0.8em;
}

.galleryopener .illu:hover:after {
	background-color: transparent;
}

.adminlinks {
	padding: 1em; margin: 0em;
	list-style-type: none;
	font-size: 120%;
}

.adminlinks li {
	display: block;
	padding: 0.5em 0em;
}

BODY.page-error,
BODY.page-error .pagebody, 
BODY.page-error .pagebody .centercol,
BODY.page-error .pagebody .colset {
	background-color: black;
	color: white;
}

.errorpage {
	position: relative;
	min-height: 10em;
	min-height: 5em;
}

.errorpage .content {
	font-size: 125%;
	text-align: center;
}

.errorpage .content .description {
	display: inline-block;
	font-size: 110%;
	max-width: 600px;
}

.errorpage .illustration {
	padding: 2em;
}

@media all and (max-width: 1120px) {
	BODY.adaptive .centercol { 
		width: 100%; padding-left: 1em; padding-right: 1em; 
		box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; 
	}
	x-BODY.adaptive .networkheader .centercol { display: block; margin: 0em; padding: 0em; }
	BODY.adaptive #pagefooter {
		display: block; width: 100%; margin-left: 0px; margin-right: 0px; 
		box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; 
	}
	BODY.adaptive #zone-contenttop > ins,
	BODY.adaptive #zone-contentbottom > ins { width: 100%; height: 90px; }
	
	x-BODY.adaptive #pagealign { padding-top: 0em; margin-top: 0em: } /* <- this should go into the ad code, so it only applies if a banner is actually shown */
	x-BODY.adaptive #zone-sponsortop.loaded { position: relative; left: 0px; margin-left: 0px; right: 0px; overflow: hidden; width: 100%; display: inline-block; x-margin-top: 1.2em; margin-bottom: -1em; }
	x-BODY.adaptive #zone-sponsortop img { width: 100%; x-min-width: 720px; height: auto; display: block; }
	BODY.adaptive #zone-sponsorleft,
	BODY.adaptive #zone-sponsorright { display: none; }
}

@media all and (max-width: 1000px) {
	BODY.adaptive .colset,
	BODY.adaptive .allheader,
	BODY.adaptive .maincol,
	BODY.adaptive .sidecol {
		display: block; width: auto; float: none; width: 100%; margin-left: 0px; margin-right: 0px; 
		box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; 
	}
	BODY.adaptive.popup .allheader { padding-left: 20px; padding-right: 20px; }
	x-BODY.adaptive #pageregisterlink { display: none; }
	BODY.adaptive .maincol > div,
	BODY.adaptive .maincol > span,
	BODY.adaptive .maincol > p,
	BODY.adaptive .maincol > div,
	BODY.adaptive .maincol > nav,
	BODY.adaptive .maincol > article,
	BODY.adaptive .maincol > table,
	BODY.adaptive .maincol > section,
	BODY.adaptive .maincol > ul, 
	BODY.adaptive .maincol > form {
		margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px;
		box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; 
	}
	BODY.adaptive .contentbody > .center { text-align: center; }
	BODY.adaptive .relatedentries > ul.entries > li { padding-left: 0em; }
	BODY.adaptive .relatedentries > ul.entries > li:before { content: ""; display: none; }
	BODY.adaptive #lazybox-commonsideboxes-userswithpicture,
	BODY.adaptive #lazybox-commonsideboxes-pointtoplist { display: none; }
	BODY.adaptive.page-kbase #lazybox-commonsideboxes-pointtoplist { display: block; }
	BODY.adaptive #commentsbar { margin-left: 0px; margin-right: 0px; }
    BODY.adaptive #publicationinfinitescrollfooter { display: none; }
}

@media all and (max-width: 899px) {
	BODY.adaptive .pageheader { margin-top: -0.1em; }
	BODY.adaptive .pageheader-container { padding: 0.1em 0em; }
	BODY.adaptive .pageheader .popupicon .popupmenu { margin-top: 0em; }
	BODY.adaptive #userbar .notifyicon .fo { background-position: center -5px; }
	BODY.adaptive #userbar .nickname > .fo { max-width: 125px; }
	x-BODY.adaptive .infoline { margin-bottom: 2em !important; line-height: 1.5em; }
	BODY.adaptive .infoline li.share { display: block; margin-top: 0.5em; margin-bottom: 0em; clear: both; }
	BODY.adaptive.page-home .allheader > * { display: none !important; }
	BODY.adaptive.page-home.fullwidth .allheader > * { display: block; }
	BODY.adaptive.page-home.fullwidth .topforums.shortforumlist > ul { column-count: 1; column-gap: 0em; }
	BODY.adaptive #pagemenu > .popupmenu > .contents { padding: 0em; }
	BODY.adaptive #pagemenu > .popupmenu .langmenu ul li { float: left; }
	BODY.adaptive .previewwiththumb .props { font-size: 110%; }
	BODY.adaptive .widethumbs .previewwiththumb .props { font-size: 100%; }
	BODY.adaptive.fixedtop #zone-sponsortop,
	BODY.adaptive.fixedtop #zone-sponsorleft,
	BODY.adaptive.fixedtop #zone-sponsorright,
	BODY.adaptive .fixedtop #pagealign { top: 3.5em; }

	BODY.adaptive .loginpanel.socialenabled > .subpanels > *:first-child { padding-right: 3em; }
	BODY.adaptive .loginpanel.socialenabled > .subpanels > *:nth-child(2) { padding-left: 3em; }
	BODY.adaptive .sociallinks { display: none; }

    BODY.adaptive.fullwidth .config-viewmode-normal .sidelist.sidelist-publicationlist > ul > li { width: 33% !important; }
    BODY.adaptive.fullwidth .config-viewmode-normal .sidelist.sidelist-publicationlist > ul > li:nth-child(4n) { clear: left; }
}

@media all and (max-width: 720px) {
	BODY.adaptive .sharebar.new { padding-top: 0.5em; }
	BODY.adaptive .sharebar.new .fix { display: none }
	BODY.adaptive .sidecol { font-size: 110%; }
	BODY.adaptive #pagemenu { display: inline-block; }
	BODY.adaptive .pageheader .popupicon.feeds .icon:before { font-size: 110%; }
	BODY.adaptive .networkheader ul.kws { display: none }
	BODY.adaptive .forumlist > ul > li a .lead { display: none; }
	BODY.adaptive .forumentry .thumb { position: static; float: left; display: inline; } 
	BODY.adaptive .forumentry .thumb img { width: 3.5em; }
	BODY.adaptive .forumentry > .inner > .header { x-padding-left: 4.5em; x-min-height: 4.3em; }
	BODY.adaptive .forumentry > .inner > .header > li { display: inline; x-float: left; }
	BODY.adaptive .forumentry ul.header:after { content: " "; display: block; height: 0px; clear: both; overflow: hidden; }
	BODY.adaptive .forumentry ul.header > li.user .replytoname,
	BODY.adaptive .forumentry ul.header > li > div,
	BODY.adaptive .forumentry ul.header > li > a,
	BODY.adaptive .forumentry ul.header > li > a > div { display: inline; line-height: 1.5em; }
	BODY.adaptive .forumentry.preview > .inner .thumb { display: none; }
	BODY.adaptive .forumentry > .inner > div,
	BODY.adaptive .forumentry > .inner > ul { padding-left: 0em; x-clear: both; }
	BODY.adaptive .forumentry ul.header > li.user .opentopics { display: none; }
	BODY.adaptive #userbar { padding-right: 0em; }
	BODY.adaptive.scripted #fontsizecontroller { display: none; }
	BODY.adaptive.scripted.page-home #fontsizecontroller { display: inline-block; }

	BODY.adaptive .maindirlist ul.maindirs.count-5 > li,
	BODY.adaptive .maindirlist ul.maindirs.count-6 > li,
	BODY.adaptive .maindirlist ul.maindirs.count-7 > li,
	BODY.adaptive .maindirlist ul.maindirs.count-8 > li,
	BODY.adaptive .maindirlist ul.maindirs.count-9 > li,
	BODY.adaptive .maindirlist ul.maindirs.count-10 > li,
	BODY.adaptive .maindirlist ul.maindirs.count-11 > li,
	BODY.adaptive .maindirlist ul.maindirs.count-12 > li,
	BODY.adaptive .maindirlist ul.maindirs.count-13 > li,
	BODY.adaptive .maindirlist ul.maindirs.count-14 > li {
		width: 20% !important; text-align: left !important;
	}
	BODY.adaptive #zone-contenttop > ins,
	BODY.adaptive #zone-contentbottom > ins { width: 100%; height: 90px; }
	
	BODY.adaptive .infoline { font-size: 110%; }
	BODY.adaptive .infoline li { margin-top: 0.1em; margin-bottom: 0.1em; }
	
	BODY.adaptive .forumentry .moderbar { font-size: 95%; }
	BODY.adaptive .forumentry .moderbar li > .fo,
	BODY.adaptive .forumentry .moderbar li > label,
	BODY.adaptive .forumentry .moderbar li > a { display: inline-block; padding: 0em; margin: 0em; float: left; margin-right: 0.2em; margin-top: 0.2em; margin-bottom: 0.4em; }
	BODY.adaptive .forumentry .moderbar li.ip .fo,
	BODY.adaptive .forumentry .moderbar li.vid .fo ,
	BODY.adaptive .forumentry .moderbar li.fp .fo { max-width: 20em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	BODY.adaptive .forumentry .moderbar li.action.newtopic,
	BODY.adaptive .forumentry .moderbar li.action.replies { display: none; }

	BODY.adaptive.page-admin .inputfields li input,
	BODY.adaptive.page-admin .inputfields li select,
	BODY.adaptive.page-admin .inputfields li textarea { width: 100% !important; }

	BODY.adaptive .topforums { font-size: 110%; }
	BODY.adaptive .telegrams > ul { font-size: 130%; }

	BODY.adaptive .downloadlist .previewwiththumb.list .thumb img {  width: 10em; }
	
	BODY.adaptive .sharebarnew .instruction { display: none; }
	BODY.adaptive .sharebarnew .sharebuttons { width: 100%; display: block; max-width: 100%; padding-left: 0em; }

	BODY.adaptive .wordlistnew > li { width: 50%; }
	BODY.adaptive .pbCaptionText { font-size: 100%; }

    BODY.adaptive.fullwidth .config-viewmode-normal .sidelist.sidelist-publicationlist > ul > li { width: 50% !important; }
    BODY.adaptive.fullwidth .config-viewmode-normal .sidelist.sidelist-publicationlist > ul > li:nth-child(even) { clear: right; }
    
    BODY.adaptive.fullwidth .regularnews .widethumbs > li { display: block; float: none; clear: both; width: 100% !important; border-right: none !important; }
    BODY.adaptive.fullwidth .regularnews .widethumbs > li { margin-bottom: 2em !important; padding-left: 0em !important; padding-right: 0em !important; margin-left: 0em !important; margin-right: 0em !important }
    BODY.adaptive.fullwidth .blockwithside { margin-left: 0em !important; margin-right: 0em !important; }
    BODY.adaptive.fullwidth .widethumbs .texts .title { font-size: 110%; line-height: 1.2em; padding: 0em; margin: 0em; box-shadow: none; margin-top: 0.2em; display: block; }
    BODY.adaptive.fullwidth .widethumbs .texts .lead { font-size: 80%; margin-top: 0.3em; }
    BODY.adaptive.fullwidth .topforums.shortforumlist > ul > li { width: 100% !important; float: none; clear: both; }
    BODY.adaptive.fullwidth .topforums.shortforumlist .title { white-space: normal; overflow: hidden; text-overflow: clip; }

    BODY.adaptive .sectiontitle > .desc .long { display: none; }
    BODY.adaptive .topforums { margin-top: 0em !important; } 

    BODY.adaptive #zone-contenttop,
    BODY.adaptive #zone-contentbottom {
        min-height: 60px; 
    }
    BODY.adaptive #userbar #usernotifications .popupmenu { left: 0em; right: 0em; min-width: 100%; position: fixed; top: 3em; }
}

@media all and (max-width: 639px) {
    BODY.adaptive .pageheader { display: table; width: 100%; }
	BODY.adaptive .focusnews > ul > li { display: block; width: auto; float: none; margin-bottom: 1em; }
	BODY.adaptive /*.maincol*/ .contentbody .figure { min-width: 0px; display: block; float: none; }
	BODY.adaptive /*.maincol*/ .contentbody .figure img { display: block; width: 99%; height: auto; }
	BODY.adaptive .allheader h1,
	BODY.adaptive .maincol .contenttitle h1 { font-size: 230%; line-height: 1.1em; }
	BODY.adaptive .previewwiththumb.list .texts h2,
	BODY.adaptive .previewwiththumb.homelist .texts h2 { font-size: 135%; }
	BODY.adaptive .video .class-video.contenttitle .original { line-height: 1.5; margin-top: 0.5em; } 
	BODY.adaptive .relatedentries > ul.entries > li.thumbed { display: block !important; width: auto !important; float: none !important; }
	x-BODY.adaptive .pageaction { position: static; display: block; margin-top: -0.2em; margin-bottom: 0.8em; text-align: right; }
	BODY.adaptive .pageaction { text-align: right; }
	BODY.adaptive .pageaction .actionbutton { padding: 0em 0.6em; margin-top: -0.2em; }
	BODY.adaptive .pageaction .actionbutton .fo { display: none; }
	BODY.adaptive .pageaction .actionbutton:before { position: relative; left: 0em; top: 0em; margin: 0em; }
	BODY.adaptive .forumlist > ul > li .title { font-size: 140%; }
	BODY.adaptive .expandable-control > .expander > .fo { padding-top: 0.6em; padding-bottom: 0.6em; }
	BODY.adaptive .forumentry > .inner:after { display: none !important; }
	BODY.adaptive .pager { margin-bottom: 0.5em; }
	BODY.adaptive .pager .pages li.pg,
	BODY.adaptive .pager .pages li.sep { display: none; }
	BODY.adaptive .forumbar .desc { text-indent: -9999px; }
	x-BODY.adaptive #pagelogin { width: auto; }
	BODY.adaptive #pagesearch { display: none; }

	BODY.adaptive .socialloginbuttons > li a span:before { content: ""; }
	BODY.adaptive .socialloginbuttons > li a span:after { content: ""; }
    
	BODY.adaptive .forumlist > ul > li .categories { display: block; float: none; max-width: none; padding-left: 0em; padding-right: 0em; }

	BODY.adaptive .maindirlist ul.maindirs.count-5 > li,
	BODY.adaptive .maindirlist ul.maindirs.count-6 > li,
	BODY.adaptive .maindirlist ul.maindirs.count-7 > li,
	BODY.adaptive .maindirlist ul.maindirs.count-8 > li,
	BODY.adaptive .maindirlist ul.maindirs.count-9 > li,
	BODY.adaptive .maindirlist ul.maindirs.count-10 > li,
	BODY.adaptive .maindirlist ul.maindirs.count-11 > li,
	BODY.adaptive .maindirlist ul.maindirs.count-12 > li,
	BODY.adaptive .maindirlist ul.maindirs.count-13 > li,
	BODY.adaptive .maindirlist ul.maindirs.count-14 > li {
		width: 25% !important; 
	}

	BODY.adaptive .contentbody > h1,
	BODY.adaptive .contentbody > h2,
	BODY.adaptive .contentbody > h3,
	BODY.adaptive .contentbody > h4,
	BODY.adaptive .contentbody > h5,
	BODY.adaptive .contentbody > h6,
	BODY.adaptive .contentbody > p,
	BODY.adaptive .contentbody > div,
	BODY.adaptive .contentbody > ul,
	BODY.adaptive .contentbody > ol,
	BODY.adaptive .contentbody > code,
	BODY.adaptive .contentbody > table,
	BODY.adaptive .contentbody video {
		min-width: 0px; width: 100%; max-width: 100%;
	}

    BODY.adaptive .contentbody > .center > iframe.twitter-tweet { margin: 0em; }
	
	BODY.adaptive .infoline li.favoritelink font,
	BODY.adaptive .infoline li.notifylink .fo { display: inline-block; width: 0em; overflow: hidden; white-space: nowrap; }
	
	BODY.adaptive .forumentry > .inner > .actions li.prevmsg a:before {	font-size: 100%; }

	BODY.adaptive .allnews ul li a { white-space: normal; }

	BODY.adaptive .sharebarnew .instruction { display: inline-block; }
	BODY.adaptive .sharebarnew .sharebuttons { display: inline-block; width: auto; padding-right: 1em; }
	BODY.adaptive .sharebarnew .sharebuttons .label { display: none; }
	BODY.adaptive .sharebarnew .sharebuttons li { width: auto !important; }
	BODY.adaptive .sharebarnew .sharebuttons li a .count { margin-left: 0em; }

	BODY.adaptive form[name=loginform] .loginoptions { padding-top: 0.5em; }
	BODY.adaptive form[name=loginform] .loginoptions li { display: block; float: none !important; margin: 1em 0em; }
	
	BODY.adaptive #zone-openlead .lead { display: none; }
	
	BODY.adaptive .loginpanel > .subpanels .formcontrol > .title { display: none; }
	BODY.adaptive .loginpanel .sitelogin .buttonline .sep { display: block; padding: 0em; margin: 0em; color: transparent; }
	BODY.adaptive .loginpanel .sitelogin .buttonline a.register {  }

    BODY.adaptive.fullwidth .config-viewmode-normal .sidelist.sidelist-publicationlist > ul > li { width: 100% !important; clear: left; }
    BODY.adaptive.fullwidth .config-viewmode-normal .widethumbs .texts { margin-top: 0.2em; margin-bottom: 1em; }
}

@media all and (min-width: 640px) {

	.compactform .inputfields { display: table; width: 100%; x-border-collapse: collapse; empty-cells: show; }
	.compactform .inputfields li { display: table-row; }
	.compactform .inputfields .caption { display: table-cell; padding-bottom: 0.7em; width: 15%;}
	.compactform .inputfields .input { display: table-cell; }

	.forumlist > ul > li {
		padding-left: 8em;
		min-height: 5.5em;
	}

	.forumlist > ul > li ul.props > li.entrycount {
		position: absolute;
		left: 0.5em; top: 0.5em;
		display: inline-block;
		padding: 0.1em;
	}

	.forumlist > ul > li ul.props > li.entrycount label {
		display: none;
	}

	.forumlist > ul > li ul.props > li.entrycount span {
		display: inline-block;
		padding: 0.5em 0em; 
		min-width: 3em; min-height: 1.7em;
		background-color: #9cf;
		background-color: #bbb;
		text-align: center;
		color: white;
		font-size: 200%;
		font-weight: 600;
	}

	.forumlist > ul > li.accepted ul.props > li.entrycount span { background-color: #be6; #ad4; }
	.forumlist > ul > li.answered ul.props > li.entrycount span { background-color: #5ce; #3bf; }
	.forumlist > ul > li.opened ul.props > li.entrycount span { background-color: #e54; #f32; }
}

@media all and (min-width: 640px) {
	BODY.adaptive .socialloginbuttons > li:nth-child(n+4) { float: left; margin-right: 0.5em; margin-top: 0.1em; }
	BODY.adaptive .socialloginbuttons > li:nth-child(n+4) a { width: 0em; overflow: hidden; padding-left: 3.5em; padding-right: 0em; padding: 0.5em 0em 0.5em 3em; }
	BODY.adaptive .socialloginbuttons > li:nth-child(n+4) a:before { width: auto; right: 0px; padding: 0.4em; }
	BODY.adaptive .socialloginbuttons > li:nth-child(n+4) a span { display: inline-block; width: 0px; overflow: hidden; padding-right: 0em; }
	BODY.adaptive .socialloginbuttons > li:nth-child(n+4) a span:before { content: ""; }
	BODY.adaptive .socialloginbuttons > li:nth-child(n+4) a span:after { content: ""; }
}

@media all and (max-width: 639px) {
	BODY.adaptive .forumlist > ul > li.kbase { border-left: 0.5em solid transparent; padding-left: 1em; }
	BODY.adaptive .forumlist > ul > li.accepted { background-color: #efe; border-left-color: #be6; }
	BODY.adaptive .forumlist > ul > li.answered { background-color: #e0f0ff; border-left-color: #5ce; }
	BODY.adaptive .forumlist > ul > li.opened { background-color: #fee; border-left-color: #e54; }
	BODY.adaptive .mce-widget.mce-btn[aria-label=Underline],
	BODY.adaptive .mce-widget.mce-btn[aria-label="Small"],
	BODY.adaptive .mce-widget.mce-btn[aria-label="Source code"] { display: none; }
	BODY.adaptive .buttonline.setof3 .actionbutton { width: 100%; }
	BODY.adaptive .forumentry .moderbar li > label { display: none; }
	BODY.adaptive .userprofile .topsection { display: inline; }
	BODY.adaptive .userprofile .topsection > * { display: inline-block; float: left; }
	BODY.adaptive .userprofile .summary { display: inline; float: none; }
	BODY.adaptive .userprofile .picture { width: 6em; margin-bottom: 0.5em }
	BODY.adaptive .userprofile .numbersbar { float: left; clear: right; }
	BODY.adaptive .tagcloud { font-size: 100%; }
	BODY.adaptive .pbCaptionText { font-size: 90%; }
	BODY.adaptive .previewwiththumb .props { font-size: 120%; }
	BODY.adaptive .widethumbs .previewwiththumb .props { font-size: 100%; }
	BODY.adaptive .loginpanel .sociallogins { width: 10%; }
	BODY.adaptive .socialloginbuttons > li { margin-top: 0em; margin-bottom: 0.5em; }
	BODY.adaptive .socialloginbuttons > li a { padding-right: 0em; width: 0em; overflow: hidden; padding-left: 3.5em; }
	BODY.adaptive .socialloginbuttons > li a:before { width: auto; right: 0px; }
	BODY.adaptive .socialloginbuttons > li a span { display: inline-block; width: 0px; overflow: hidden; padding-right: 0em; }
    BODY.adaptive .previewwiththumb .thumboverlay,
    BODY.adaptive .previewwiththumb .props { font-size: 120% !important; }
    BODY.adaptive .pageheader .popupicon .icon { margin-right: 0em; }
    BODY.adaptive .pageheader .popupicon .popupmenu { right: -0.7em; }
}

@media all and (max-width: 480px) {
	BODY.adaptive.loggedin .pagelogo { padding-right: 0px !important; }
	BODY.adaptive.loggedin .pagelogo:after { display: none !important; }
	BODY.adaptive #pagemenu { padding-left: 0.1em; padding-right: 0.1em; }
	BODY.adaptive .newstdform .formhint { display: none; }
	BODY.adaptive .mce-widget.mce-btn[aria-label=Undo],
	BODY.adaptive .mce-widget.mce-btn[aria-label=Redo] { display: none; }
	BODY.adaptive #zone-contenttop > ins { width: 320px; height: 90px; }
	BODY.adaptive #zone-contentbottom > ins { width: 320px; height: 90px; }
	BODY.adaptive .sharebarnew .instruction { display: none; }
	BODY.adaptive .sharebarnew .sharebuttons { display: block; width: 100%; padding-right: 1em; float: none; }
	BODY.adaptive .userprofile .numbersbar li .count { font-size: 200%; }
	BODY.adaptive .userprofile .numbersbar li .label { font-size: 80%; }
	BODY.adaptive .downloadlist .previewwiththumb.list .thumb img {  width: 8em; }
	BODY.adaptive .wordlistnew > li { width: 100%; display: block; }
	BODY.adaptive .buttonline .actionbutton,
	BODY.adaptive .buttonline .actionbutton:visited { padding-left: 1em; padding-right: 1em; }	
    BODY.adaptive .accountsummaries > .accountsummary { display: block; }
    BODY.adaptive .accountsummaries > .accountsummary > .contents { border-right: none; border-top: 1px dotted #ccc; margin-top: 1em; }
    BODY.adaptive .accountsummaries > .accountsummary > .contents:after { display: none; }
    BODY.adaptive .accountsummaries > .accountsummary:first-child > .contents { border-right: none; border-top: none; }
    BODY.adaptive .accountsummaries > .accountsummary { width: auto !important; }
    BODY.adaptive #userbar #usernotifications #usernotificationspopup { min-width: 300px; }
}

@media all and (max-width: 430px) {
	BODY.adaptive.page-home.withsidebar .previewwiththumb.focus h2 { font-size: 150%; }
	BODY.adaptive.page-home.withsidebar .previewwiththumb.list .texts h2,
	BODY.adaptive.page-home.withsidebar .previewwiththumb.homelist .texts h2 { font-size: 135%; }
	BODY.adaptive.page-home.withsidebar .previewwiththumb.list .thumb,
	BODY.adaptive.page-home.withsidebar .previewwiththumb.homelist .thumb { width: 30%; display: none;}
	x-BODY.adaptive.page-home .previewwiththumb.homelist .thumb img { width: 100%; height: auto; }
	BODY.adaptive .relatedentries.config-viewmode-normal > ul.entries > li.thumbed .list.previewwiththumb .texts, 
	BODY.adaptive .relatedentries.config-viewmode-details > ul.entries > li.thumbed .list.previewwiththumb .texts { font-size: 95%; }
	BODY.adaptive .actions li.privmsg a font,
	BODY.adaptive .actions li.edit a font,
	BODY.adaptive .actions li.history a .fo { display: none; }
	BODY.adaptive .actions li.privmsg a:before,
	BODY.adaptive .actions li.edit a:before,
	BODY.adaptive .actions li.history a:before { padding-left: 0.5em; padding-right: 0.5em;  }
	BODY.adaptive pre.pagetime { display: inline-block; max-width: 320px; overflow: hidden; }
	BODY.adaptive #pageloginlink { text-indent: -9999px; }
	BODY.adaptive .previewwiththumb.list .thumb img { height: 5em; }
	BODY.adaptive .previewwiththumb.list .texts .lead { display: none; }

	BODY.adaptive .maindirlist ul.maindirs.count-5 > li,
	BODY.adaptive .maindirlist ul.maindirs.count-6 > li,
	BODY.adaptive .maindirlist ul.maindirs.count-7 > li,
	BODY.adaptive .maindirlist ul.maindirs.count-8 > li,
	BODY.adaptive .maindirlist ul.maindirs.count-9 > li,
	BODY.adaptive .maindirlist ul.maindirs.count-10 > li,
	BODY.adaptive .maindirlist ul.maindirs.count-11 > li,
	BODY.adaptive .maindirlist ul.maindirs.count-12 > li,
	BODY.adaptive .maindirlist ul.maindirs.count-13 > li,
	BODY.adaptive .maindirlist ul.maindirs.count-14 > li {
		width: 33.3% !important; 
	}
	BODY.adaptive .pageheader #pagelogin { padding-left: 0em; padding-right: 0em; }

	BODY.adaptive .mce-widget.mce-btn[aria-label="Insert/edit link"],
	BODY.adaptive .mce-widget.mce-btn[aria-label="Remove link"] { display: none; }

	BODY.adaptive .loginpanel > .subpanels { display: block; width: auto; }
	BODY.adaptive .loginpanel > .subpanels > * { display: block; width: auto; padding: 0em !important; border: none; }
	BODY.adaptive .loginpanel.socialenabled > .subpanels > *:first-child { padding-bottom: 2em; border-right: none; border-bottom: 1px solid #ddd; margin-bottom: 1em; font-size: 90%;}
	BODY.adaptive .loginpanel.socialenabled > .subpanels > *:first-child:after { left: 40%; right: 40%; top: auto; bottom: -0.5em; padding: 0em; }
	BODY.adaptive .loginpanel .socialloginbuttons { display: table; width: 100%; text-align: center; margin-bottom: 1.5em;  }
	BODY.adaptive .loginpanel .socialloginbuttons > li { display: table-cell; margin: 0em; margin-right: 1em; }
}

@media all and (min-width: 240px) { BODY.adaptive .emoticonlist { min-width: 230px !important; width: 230px !important; } }
@media all and (min-width: 320px) { BODY.adaptive .emoticonlist { min-width: 310px !important; width: 310px !important; } }
@media all and (min-width: 400px) { BODY.adaptive .emoticonlist { min-width: 390px !important; width: 390px !important; } }
@media all and (min-width: 480px) { BODY.adaptive .emoticonlist { min-width: 460px !important; width: 460px !important; } }
@media all and (min-width: 560px) { BODY.adaptive .emoticonlist { min-width: 520px !important; width: 520px !important; } }
@media all and (min-width: 640px) { BODY.adaptive .emoticonlist { min-width: 600px !important; width: 600px !important; } }
@media all and (min-width: 720px) { BODY.adaptive .emoticonlist { min-width: 680px !important; width: 680px !important; } }

.mce-content-body {
	font-size: 95%;
}

@media all and (max-width: 899px) {
	BODY.adaptive .pagewindow {
		position: fixed !important;
		display: inline-block;
		left: 0em; right: 0em; top: 3.1em !important;
		z-index: 499;
		background: #333;
		padding: 1em !important;
		white-space: normal;
		box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box;
	}
	BODY.adaptive .pagewindow.popupmenu {
		padding: 1em 0.5em !important;
	}
	
	BODY.adaptive .pagewindow {
		left: -120%; right: 100%; width: 100%;
	}
	BODY.adaptive .pagewindow.focused,
	BODY.adaptive .popupshown > .pagewindow.popupmenu {
		left: 0px;
	}
	
	BODY.adaptive #pagemenu .pagewindow {
		z-index: 500;
	}
	
	BODY.adaptive #pagemenu:hover .pagewindow,
	BODY.adaptive #pagemenu.popupshown .pagewindow {
		left: 0px; right: 0px;
		x-x-padding: 0.5em !important;
	}
	
	BODY.adaptive #pagemenu .popupmenu > * {
		box-shadow: none;
	}
	
	BODY.adaptive #pagemenu .popupmenu ul li a {
		min-width: 0px;
	}
	
	BODY.adaptive *:hover > .popupmenu ul li a,
	BODY.adaptive *.popupshown > .popupmenu ul li a { 
		padding: 1em 1em;
		margin-top: -0.1em;
	}
	
	BODY.adaptive .pagewindow #email,
	BODY.adaptive .pagewindow #password {
		width: 100%;
	}
	
	BODY.adaptive .pagewindow .email-w,
	BODY.adaptive .pagewindow .password-w {
		display: inline-block; width: 45%;
	}
	
	BODY.adaptive .pagewindow #pageloginsubmit {
		width: 10%;
		box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box;
	}
	
	BODY.adaptive .pagewindow .email-w,
	BODY.adaptive .pagewindow .password-w,
	BODY.adaptive .pagewindow #pageloginsubmit {
		margin-top: 0.5em; padding-right: 1em !important;
	}
	
	BODY.adaptive .pageheader.currentform-pageloginform #pagelogin .scroller {
		width: 0px;
	}
	
	BODY.adaptive .pageheader #pageloginform.pagewindow {
	}
	
	BODY.adaptive .pageheader.currentform-pageloginform #pageloginform.pagewindow {
		left: 0px; right: 0px;
	}
    
    BODY.adaptive .blockwithside { display: block; }
    BODY.adaptive .blockwithside > * { display: block; padding: 0em 0em 1em 0em; }
}

@keyframes animation-turnaround {
    100% {
        transform: rotate(0deg);
    }
}

@-webkit-keyframes animation-turnaround {
    100% {
        transform: rotate(0deg);
    }
}

@keyframes animation-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}


@-webkit-keyframes animation-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}


@keyframes show-and-hide {
  0% { opacity: 0; display: none; }
  1% { display: inline-block; }
  10% { opacity: 1; }
  90% { opacity: 1; }
  99% { opacity: 0; display: inline-block; }
  100% { opacity: 0; display: none; }
}

@-webkit-keyframes show-and-hide {
  0% { opacity: 0; display: none; }
  1% { display: inline-block; }
  10% { opacity: 1; }
  90% { opacity: 1; }
  99% { opacity: 0; display: inline-block; }
  100% { opacity: 0; display: none; }
}


BODY {
	background-color: #f8f8f8;
}

BODY.popup .group > .title span,
BODY.popup .group > .title:after,
BODY.popup .loginpanel.socialenabled > .subpanels > *:first-child:after {
	background-color: #f8f8f8;
}


a:hover { color: orange ; }

.pagelogo {
	padding-right: 152px;
	background-color: black;
}

.pagelogo:after {
	width: 136px; 
	background-image: url('/site/images/proghu-logo-new-32.png') ;
}

.contentbody a {
	color: #19c;
}

.contentbody a:visited {
	color: #888;
}

.contentbody a:hover {
	color: orange;
}

.forumentry .content a {
	color: #19c;
}

.forumentry .content a:visited {
	color: #888;
}

.privmsgthread ul.header > li.subject {	color: #1bf;  }

.popupmenu ul li,
.popupmenu ul li a {
	background-color: #333;
	color: white;
}

.popupmenu ul li a:hover {
	background-color: #1bf !important; color: white;
}

.colset { background-color: transparent; background-color: white; }

.allheader { padding-top: 0.5em; }
#contenttitle { padding-bottom: 0.5em; }
.infoline ul { padding-bottom: 0.5em; }

.forumentry ul.header > li.user .nickname {	color: #1bf; }
.forumentry ul.header > li.user a > .nickname:hover { color: orange; }

.tabcontrol > div.tabs > ul > li.active a {	background-color: #6cf; }
.tabcontrol > div.tabs > ul > li.active a:after { border-top-color: #6cf; }

.tabcontrol > div.tabs > ul > li a:hover {	background-color: #9ef; }
.tabcontrol > div.tabs > ul > li a:hover:after { border-top-color: #9ef !important; }

.toppointsbar li a {
	color: #1bf;
}

.toppointsbar li a:hover {
	color: orange;
}

#pagefooter {
	background: black;
	padding-bottom: 0.5em;
	margin-bottom: -0.3em;
}

/* compatibility */

TABLE.inputform { background-color: #f0f0f0; color: #000000;}
TABLE.inputform TR#title {  background-color: #d0d0d0; color: #000000; }
TABLE.inputformdefault { background-color: #e0f0ff; color: #000000; }
TABLE.inputformdefault TR#title { background-color: #8098b0; color: #ffffff; }

x-.forumentry:target:after,
x-.forumentry.scrollingto:after {
	border-color: transparent transparent transparent #4ac;
}

.adzone.textbox2 .content {
	background-color: #f61;
	opacity: 0.7;
}

.adzone.textbox2:hover .content {
	background-color: red !important;
}

#zone-sidebartop > ins {
	width: 300px; height: 250px;
}

BODY.nonzeroscroll .pageheader-container-align {
    background-color: rgba(0,0,0,0.5)
}

.pageheader-container-align:hover {
    background-color: #000 !important;
}

BODY.nonzeroscroll .pagelogo {
    background-color: transparent;
}

.sectiontitle:before { border-color: #6cf; }

@media all and (max-width: 480px) {
	BODY.adaptive .pagelogo { padding-right: 0px; }
	BODY.adaptive .pagelogo:after { width: 0px; }
}

@media all and (min-width: 800px) {
	BODY.adaptive #pbOverlay:after {
		background-image: url('/site/images/proghu-logo-new-32.png') ;
		opacity: 0.7;
	}
}