@charset "utf-8";
/*
    Document   : default.css
    Created on : 2010.11.25., 14:38:42
    Author     : gt
    Description:
				This contanins the common part of all template. Should override by style.css (don''t override whole file).
	Dont put any module related style here.
*/

/* standard elements */
* {
	margin: 0;
	padding: 0;
	outline: 0;
}

/* boxsizing.htc is for quirks-only browsers. Star is only seen by IE6/IE7. */
/* Can't use this due to digi.hu design
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	*behavior: url(boxsizing.htc);
}
*/

html {
	font: message-box;
}

body {
	font-size: 3.5mm;
	line-height: 1.25;
	color: darkslategray;
	background-color: white;
}

body.rte {
	background: none;
}

/*html5 semantics tags */
abbr, article, aside, canvas, details, figure, footer, header, menu, nav, output, section {
	display: block;
}

abbr, audio, datalist, mark, meter, progress, time, video {
	display: inline-block;
}

/* Use span as inline-block element */
span, .inline {
	display: inline-block;
	vertical-align: baseline;
}

sup {
	/* its default "super", but it's too high */
	vertical-align: text-top;
}

a, input {
	color: inherit;
	outline: 0;
}

a.nodecoration {
	border: none;
	text-decoration: none;
}

img {
	vertical-align: middle;
}

a img {
	border: 0;
}

/* use this instead of <big>... */
.big, .text-big {
	font-size: larger;
}
.small, .text-small {
	font-size: smaller;
}

/* use this instead of <u>... */
.u, .underline {
	text-decoration: underline;
}

.box, code {
	display: block;
}
code {
	white-space: pre-wrap;
	word-wrap: break-word;
}
cite, .cite, .quote {
	display: block;
	margin: 0;
	padding-left: 25px;
}

.box:empty, code:empty,
.cite:empty, cite:empty, .quote:empty {
	display: none;
}

.cite:before, .quote:before {
	font-family: "icons";
	font-size: 18px;
	color: dimgray;
	content: "\f10e";
	margin: 0 4px 0 -25px;
}

h1, h2, h3, h4, h5, h6 {
	clear: left;
	line-height: 1;
}

.paragraph {
	padding-left: .5em;
}

.icon-line {
	white-space: nowrap;
}

table {
	border-spacing: 0; /* means: cellspacing=0 */
}

table tr.odd {
	background-color: rgba(229, 229, 229, 0.15);
}

.fullwidth, .full-width {
	width: 100%!important;
}

.halfwidth, .half-width {
	display: inline-block;
	width: 50%!important;
}

.text-bold {
	font-weight: bold;
}
.text-normal {
	font-weight: normal;
}
.text-thin {
	font-weight: 200;
}
.text-italic {
	font-style: italic;
}
.text-underline {
	text-decoration: underline;
}

.text-monospace {
	font-family: monospace!important;
}

.align-left, .text-left {
	text-align: left!important;
}
.align-right, .text-right {
	text-align: right!important;
}
.align-center, .text-center {
	text-align: center!important;
}
.align-jsutify, .text-justify {
	text-align: justify!important;
}

/* lists */

ol, ul, ol li, ul li {
	list-style-position: outside;
}

ol {
	counter-reset: item;
}

ol > li {
	display: block;
}

ol > li:before {
	content: counters(item, ".") ". ";
	counter-increment: item;
}

/* definition lists */
dl {
	display: block;
	margin-bottom: .5em;
	padding: 0;
}

.body dl {
	max-width: 700px;
}

.box dl {
	margin-bottom: 0;
}

dl.dotted {
	border-bottom: 1px dotted #DDDDDD;
}

dl dt, dl dd {
	margin: 0;
	padding: 2px 0;
	word-break: break-all;
}

dl.dotted dt, dl.dotted dd {
	border-top: 1px dotted #DDDDDD;
}

dl dt {
	clear: left;
	float: left;
	width: 30%;
	min-width: 150px;
}

dl dt + dd, dl dt ~ dd {
	float: left;
	max-width: 70%;
}

dl:after {
	display: block;
	content: " ";
	font-size: 1px;
	line-height: 0;
	margin: 0;
	padding: 0;
	clear: left;
}

fieldset {
	padding: 0.25em;
}
fieldset > div {
	padding: 0.25em;
}

ul, li {
	list-style-type: none;
}
.rte ul {
	padding-left: 1em;
}
.rte ul, .rte li {
	list-style-type: inherit;
}

ul {
	padding-left: 0;
}
ul.list {
	padding-left: 1em;
}

ul.list > li:before {
	font-family: "icons", cursive;
	content: "\f054";
	font-size: 8px;
	padding-top: 0.5em;
	margin-right: 0.75em;
	margin-left: -1.5em;
}

.content li:after, #sidebar li:after {
	clear: both;
}

ul.nolist li:before, li.nolist:before, .rte-toolbar ul li:before {
	display: none;
}

hr {
	border-style: double none none;
	margin-bottom: .5em;
}


.content th {
	text-align: left;
}

.content td, .content th {
	vertical-align: middle;
}

/* misc */

.block {
	display: block;
}

.hide, .hidden {
	display: none!important;
}

.default-hide, .default-hidden {
	display: none;
}

.f-icon {
	font-size: 16px;
	line-height: 15px;
	vertical-align: inherit;
	text-align: center;
	position: relative;
}

.f-icon .f-icon-sub, var var {
	font-size: 10px;
	line-height: 10px;
	position: absolute;
	bottom: 0;
	right: 0;
}

.f-icon.outline, .f-icon-sub.outline, var.outline, var.outline {
	/*text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black; */
	text-shadow: 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black;
}

.invisible {
	visibility: hidden!important;
}

.default-invisible {
	visibility: hidden;
}

.float-left {
	float: left;
}
.float-right {
	float: right;
}
.no-clear {
	clear: none!important;
}

.clear:before, .clearer:before, .lclear:before, .rclear:before, .bclear:before, .lclearer:before, .rclearer:before, .bclearer:before,
.clear:after, .clearer:after, .lclear:after, .rclear:after, .bclear:after, .lclearer:after, .rclearer:after, .bclearer:after {
	display: block;
	content: " ";
	font-size: 1px;
	line-height: 0;
	margin: 0;
	padding: 0;
}

.clearer:empty, .clear:empty,
.clearer:before, .clear:before,
.clearer:after, .clear:after,
.lclearer:empty, .lclear:empty,
.lclearer:before, .lclear:before,
.lclearer:after, .lclear:after {
	clear: left;
}
.rclearer:empty, .rclear:empty,
.rclearer:before, .rclear:before,
.rclearer:after, .rclear:after {
	clear: right;
}
.fclear:empty, .bclear:empty,
.fclear:before, .bclear:before,
.fclear:after, .bclear:after {
	clear: both;
}

mark, .highlight {
	background-color: yellow;
	padding: 1px;
	font-weight: bold;
}
.indent {
	/*padding-left: 1em;*/
	text-indent: 1em;
}

.rotate {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.black {
	color: #000000;
}
.white {
	color: #FFFFFF;
}
.green {
	color: #0F6D0F;
}
.brightgreen {
	color: #5CBA59;
}
.blue {
	color: #0066CC;
}
.brightblue {
	color: #579DCC;
}
.purple {
	color: #311b92;
}
.brightpurple {
	color: #4a148c;
}
.red {
	color: #FF0F0F;
}
.brightred {
	color: #F87A7A;
}
.brown {
	color: #EFD4A4;
}
.yellow {
	color: #FEFF8F;
}
.orange {
	color: #FF7700;
}
.gray {
	color: #C0C0C0;
}

.light-green {
	color: #A8EFA4;
}
.light-brightgreen {
	color: #C1ECBE;
}
.light-blue {
	color: #A4C6EF;
}
.light-purple {
	color: #b39ddb;
}
.light-brightpurple {
	color: #ce93d8;
}
.light-red {
	color: #EFA4A4;
}
.light-brightred {
	color: #F6E0E0;
}
.light-brown {
	color: #EFD4A4;
}
.light-yellow {
	color: #FFFFC8;
}
.light-orange {
	color: #FDBB86;
}
.light-gray {
	color: #E0E0E0;
}

.bg-green, tr.bg-green td {
	background-color: #A8EFA4;
}
.bg-brightgreen, tr.bg-brightgreen td {
	background-color: #C1ECBE;
}
.bg-blue, tr.bg-blue td {
	background-color: #A4C6EF;
}
.bg-purple, tr.bg-purple td {
	background-color: #d1c4e9;
}
.bg-brightpurple, tr.bg-brightpurple td {
	background-color: #e1bee7;
}
.bg-red, tr.bg-red td {
	background-color: #EFA4A4;
}
.bg-brightred, tr.bg-brightred td {
	background-color: #F6E0E0;
}
.bg-brown, tr.bg-brown td {
	background-color: #EFD4A4;
}
.bg-yellow, tr.bg-yellow td {
	background-color: #FFFFC8;
}
.bg-orange, tr.bg-orange td {
	background-color: #FF9900;
}
.bg-gray, tr.bg-gray td {
	background-color: #E0E0E0;
}

.bg-light-green, tr.bg-light-green td {
	background-color: #C3E3C3;
}
.bg-light-brightgreen, tr.bg-light-brightgreen td {
	background-color: #F1FBF1;
}
.bg-light-blue, tr.bg-light-blue td {
	background-color: #CBDFF5;
}
.bg-light-purple, tr.bg-light-purple td {
	background-color: #ede7f6;
}
.bg-light-brightpurple, tr.bg-light-brightpurple td {
	background-color: #f3e5f5;
}
.bg-light-red, tr.bg-light-red td {
	background-color: #F7CBCB;
}
.bg-light-brightred, tr.bg-light-brightred td {
	background-color: #F7EDED;
}
.bg-light-brown, tr.bg-light-brown td {
	background-color: #F5E6CD;
}
.bg-light-yellow, tr.bg-light-yellow td {
	background-color: #FDFDE6;
}
.bg-light-orange, tr.bg-light-orange td {
	background-color: #FDEBB6;
}
.bg-light-gray, tr.bg-light-gray td {
	background-color: #F0F0F0;
}

.box, code {
	border: 1px solid #F0F0F0;
	border-left: 6px solid #AAAAAA;
	color: #555555;
	margin-bottom: 12px;
	padding: 4px 5px;
}
.box.gray, code.gray, ul.accordion > li.gray {
	color: inherit;
	border-left-color: #AAAAAA;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAFUlEQVQImWNgQAMPHjz4T3UBBgYGALY3EhxamTGZAAAAAElFTkSuQmCC");
}
.box.green, code.green, ul.accordion > li.green {
	color: inherit;
	border-left-color: #A8EFA4;
	background: url('../img/bgcode-green.gif');
}
.box.blue, code.blue, ul.accordion > li.blue {
	color: inherit;
	border-left-color: #A4C6EF;
	background: url('../img/bgcode-blue.gif');
}
.box.red, code.red, ul.accordion > li.red {
	color: inherit;
	border-left-color: #EFA4A4;
	background: url('../img/bgcode-red.gif');
}
.box.brown, code.brown, ul.accordion > li.brown {
	color: inherit;
	border-left-color: #EFD4A4;
	background: url('../img/bgcode-brown.gif');
}
.box.yellow, code.yellow, ul.accordion > li.yellow {
	color: inherit;
	border-left-color: #DFDFA8;
	background: url('../img/bgcode-yellow.gif');
}

.grid-static {
	visibility: hidden;
	max-width: 100%;
	overflow: hidden;
}

.grid-static tr td {
	white-space: nowrap;
}

/* load animations */

.loadinganim + * { visibility: hidden; }

.loadinganim { position: absolute; text-align: center; z-index: 9; top: 0; left: 0; bottom: 0; right: 0; height: 100%; min-height: 100%; }
.loadinganim > div { display: inline-block; position: relative; width: 20%; bottom: 45%; top: 45%; }
.loadinganim > div > div:nth-child(1) { margin-top: 25%; }
.loadinganim > div > div:nth-child(2) { position: absolute; top: 0; right: 0; left: 0; bottom: 0; }
.loadinganim > div > div:nth-child(2) > div {
	 position: absolute; top: 0; width: 25%; bottom: 0;
	animation-name: bounce_loadinganim; animation-duration: 1.25s; animation-iteration-count: infinite; animation-direction: linear; transform: scale(.5);
}

.loadinganim > div > div:nth-child(2) > div:nth-child(1) { left: 0%; animation-delay: 0s; }
.loadinganim > div > div:nth-child(2) > div:nth-child(2) { left: 25%; animation-delay: 0.15s; }
.loadinganim > div > div:nth-child(2) > div:nth-child(3) { left: 50%; animation-delay: 0.30s; }
.loadinganim > div > div:nth-child(2) > div:nth-child(4) { left: 75%; animation-delay: 0.45s; }

@keyframes bounce_loadinganim { 0% { transform: scale(1); background-color: gray; } 100% { transform: scale(.5) rotate(90deg); background-color: transparent; } }


.loadinganim > div > div:nth-child(2) > div {
	 position: absolute; top: 0; width: 25%; bottom: 0;
	-moz-animation-name: bounce_loadinganim; -moz-animation-duration: 1.25s; -moz-animation-iteration-count: infinite; -moz-animation-direction: linear; -moz-transform: scale(.5);
	-webkit-animation-name: bounce_loadinganim; -webkit-animation-duration: 1.25s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: linear; -webkit-transform: scale(.5);
	-o-animation-name: bounce_loadinganim; -o-animation-duration: 1.25s; -o-animation-iteration-count: infinite; -o-animation-direction: linear; -o-transform: scale(.5);
	-ms-animation-name: bounce_loadinganim; -ms-animation-duration: 1.25s; -ms-animation-iteration-count: infinite; -ms-animation-direction: linear; -ms-transform: scale(.5);
	animation-name: bounce_loadinganim; animation-duration: 1.25s; animation-iteration-count: infinite; animation-direction: linear; transform: scale(.5);
}

.loadinganim > div > div:nth-child(2) > div:nth-child(1) { left: 0%; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; -o-animation-delay: 0s; -ms-animation-delay: 0s; animation-delay: 0s; }
.loadinganim > div > div:nth-child(2) > div:nth-child(2) { left: 25%; -moz-animation-delay: 0.15s; -webkit-animation-delay: 0.15s; -o-animation-delay: 0.15s; -ms-animation-delay: 0.15s; animation-delay: 0.15s; }
.loadinganim > div > div:nth-child(2) > div:nth-child(3) { left: 50%; -moz-animation-delay: 0.30s; -webkit-animation-delay: 0.30s; -o-animation-delay: 0.30s; -ms-animation-delay: 0.30s; animation-delay: 0.30s; }
.loadinganim > div > div:nth-child(2) > div:nth-child(4) { left: 75%; -moz-animation-delay: 0.45s; -webkit-animation-delay: 0.45s; -o-animation-delay: 0.45s; -ms-animation-delay: 0.45s; animation-delay: 0.45s; }

@-moz-keyframes bounce_loadinganim {	0% { -moz-transform: scale(1); background-color: gray; } 100% { -moz-transform: scale(.5) rotate(90deg); background-color: transparent; } }
@-webkit-keyframes bounce_loadinganim { 0% { -webkit-transform: scale(1); background-color: gray; } 100% { -webkit-transform: scale(.5) rotate(90deg); background-color: transparent; } }
@-o-keyframes bounce_loadinganim { 0% { -o-transform: scale(1); background-color: gray; } 100% { -o-transform: scale(.5) rotate(90deg); background-color: transparent; } }
@-ms-keyframes bounce_loadinganim { 0% { -ms-transform: scale(1); background-color: gray; } 100% { -ms-transform: scale(.5) rotate(90deg); background-color: transparent; } }
@keyframes bounce_loadinganim { 0% { transform: scale(1); background-color: gray; } 100% { transform: scale(.5) rotate(90deg); background-color: transparent; } }

.spin {
	vertical-align: middle;
	text-align: center;
	display: inline-block;
  -webkit-animation: spin 1.5s infinite linear;
  -moz-animation: spin 1.5s infinite linear;
  -o-animation: spin 1.5s infinite linear;
  animation: spin 1.5s infinite linear;
}
@-moz-keyframes spin { from { -moz-transform:rotate(0deg); } to { -moz-transform:rotate(359deg); } }
@-webkit-keyframes spin { from { -webkit-transform:rotate(0deg); } to { -webkit-transform:rotate(359deg); } }
@-o-keyframes spin { from { -o-transform:rotate(0deg); } to { -o-transform:rotate(359deg); } }
@-ms-keyframes spin { from { -ms-transform:rotate(0deg); } to { -ms-transform:rotate(359deg); } }
@keyframes spin { from { transform:rotate(0deg); } to { transform:rotate(359deg); } }


/* title */
.header .title h1 a,
.header .title h2 a {
	text-decoration: none;
}
/* navigation */
.navigation {
	white-space: nowrap;
	overflow: hidden;
	display: flex;
}
.navigation a {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	overflow: hidden;
	text-overflow: ellipsis;
}

.logged {
	position: absolute;
	top: 0;
	right: 0;
	margin-top: 2em;
}

.session-timer {
	position: absolute;
	top: 5px;
	right: 10px;
	z-index: 100;
}
.session-timer .counter, .session-timer .f-icon {
	line-height: 18px;
	vertical-align: middle;
}
.logged a, .session-timer a {
	text-decoration: none;
}

/* main */
.main {
	clear: both;
}

/* sidebar */
.sidebar {
	float: right;
	width: 23%;
}

.sidebar.empty {
	width: 0;
	display: none;
}

.sidebar ul li a {
	text-decoration: none;
}

.sidebar ul li {
	opacity: 0.75;
}

.sidebar li.active, .sidebar li.active, .sidebar li:hover {
	opacity: 1;
}

/* content */
.sidebar ~ .content {
	float: left;
	width: 75%;
}

/* toolbar */
.toolbar > a {
	display: inline-block;
	vertical-align: middle;
	border: 1px solid transparent;
	padding: 0 .4em;
	line-height: 2em;
}
.toolbar > a:hover {
	text-decoration: inherit;
}

.toolbar .f-icon {
	margin-right: .25em;
}

.toolbar > a img.icon {
	margin-top: -0.2em;
}

/* form */

.sidebar .form-row {
	padding-left: 0;
}

.sidebar .form-row label {
	margin-left: 0;
	float: none;
}

/* debug */
div.debug {
	font: status-bar;
	font-family: monospace;
	font-size: 11px;
	padding: 0;
	clear: both;
}
div.debug > fieldset > legend {
	padding: 0.15em;
}
div.debug > * {
	line-height: 1.2em;
	white-space: pre-wrap;
	word-break: break-all;
	word-wrap: break-word;
	margin: 0 0.25em;
}

div.debug > fieldset > div {
	padding: 0.5em;
}

div.debug table {
	width: 100%;
	border: 0;
}
div.debug table th, div.debug table td {
	max-width: 700px;
	padding: 1px 2px;
	word-break: keep-all;
}

div.debug table th, div.debug table td.sql {
	word-break: break-all;
}

div.debug table.border th {
	border-bottom: 1px solid gray;
}

div.debug table.border td {
	border-bottom: 1px dotted gray;
}

div.debug fieldset .form-row .field {
	display: inline;
}

div.debug fieldset textarea, div.debug fieldset input[type=text] {
	width: 100%;
}
div.debug > fieldset > div > div > input[type=button] {
	float: right;
}

/* tabs */

.tabs {
	margin-bottom: 0.5em;
}

.tabs ul {
	border-bottom: 1px solid;
	padding: 0 0.5em;
	display: flex;
}

.tabs li {
	display: inline-block;
	list-style: none none !important;
	background-color: inherit;
	text-align: center;
	margin-right: 0.3em;
	margin-bottom: -1px;
	flex: 0 1 auto;
	overflow: hidden;
}
.tabs li:before {
	display: none;
}

.tabs li a {
	display: block;
	color: inherit;
	text-decoration: none;
	padding: 0 .65em;
	line-height: 2;
	border-style: solid;
	border-width: 1px 1px 0;
	border-top-left-radius: 0.4em;
	border-top-right-radius: 0.4em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.tabs li a:hover {
	text-decoration: none;
}

.tabs li.current,
.tabs li:hover {
	z-index: 1;
	flex: 0 0 auto;
}
.tabs li.current a {
	cursor: default;
	border-bottom: 1px solid white;
}
.tabs ~ div.tab-panes > div, .tabs ~ * ~ div.tab-panes > div {
	display: none;
	width: 100%;
}

.tabs ~ div.tab-panes > div:first-child, .tabs ~ * ~ div.tab-panes > div:first-child {
	display: block;
}

.tabs li a.error {
	color: red !important;
}
.tabs li a.success {
	color: green !important;
}

/* Swapper */
.swap-container {
	overflow: hidden;
	display: block;
	width: 100%;
	min-width: 100%;
}

.swap-container > .swap-content {
	float: left;
	transition: all 1s linear 0s;
	width: 100%;
	margin: 0 0 0 -100%;
	visibility: hidden;
	/*opacity: 0;*/
}

.swap-container > .swap-content.active {
	margin: 0;
	visibility: visible;
	/*opacity: 1;*/
}
.swap-container > .swap-content.active ~ .swap-content {
	margin: 0 -100% 0 0;
}

/* user toolbar */
#toolbar {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 9999;
	padding: .3em;
	border: none;
	border-left: 1px solid;
	border-bottom: 1px solid;
	display: none;
}

/* accordion */
ul.accordion {
	list-style-type: none;
	padding: 0;
}
ul.accordion:after {
	display: block;
	clear: left;
	height: 1px;
	content: "";
}
ul.accordion ul.accordion {
	padding: 0;
	float: left;
	display: block;
	width: 100%;
}
ul.accordion > li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	float: left;
	clear: left;
	display: block;
	width: 100%;
	border-left: 5px solid;
}

ul.accordion > li:before {
	display: none;
	line-height: 30px;
}
ul.accordion > li > h3,
ul.accordion > li > h4 {
	margin-top: 5px;
	margin-bottom: 0;
}
ul.accordion > li > a {
	line-height: 29px;
	padding: 0 0.5em;
}
ul.accordion > li > a,
ul.accordion > li > a strong {
	font-size: 110%;
}
ul.accordion > li > div {
	display: none; /*block;*/
	clear: both;
	padding: 0.5em;
}
ul.accordion > li.open > div {
	display: block;
}

ul.accordion > li > *:first-child {
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	cursor: pointer;
	margin: 0;
	min-height: 29px;
	padding-top: 2px;
	padding-bottom: 2px;
}
ul.accordion > li > *:first-child h3,
ul.accordion > li > *:first-child h4 {
	margin: 2px 0;
	line-height: 29px;
}
ul.accordion > li > *:first-child > .meta {
	display: block;
	margin-top: -5px;
	font-size: 85%;
}

/* pager */
.pager {
	text-align: center;
}
.pager a {
	text-decoration: none;
}
.pager a, .pager span {
	vertical-align: middle;
	display: inline-block;
}
.pager .current {
	font-weight: bold;
}
.pager .current.prev, .pager .current.next {
	font-weight: normal;
}

/* tooltip */
.tooltip-box {
	text-align: left;
}

/*.tooltip-box h1, .tooltip-box h2, .tooltip-box h3, .tooltip-box h3, .tooltip-box h5 {
	margin: 0;
}*/
.infobutton, .info-box, .warning-box {
	position: relative;
}
.infobutton:before, .info-box:before, .warning-box:before {
	position: absolute;
	top: 50%;
	content: "\e093";
	font-family: 'icons';
	opacity: 0.7;
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	cursor: help;
}
.info-box, .warning-box {
	font-size: 1em;
	margin: 0 0 1em;
	padding: 10px 0 10px 42px;
	text-align: justify;
	white-space: normal;
}
.info-box:not(.no-anim), .warning-box:not(.no-anim) {
	cursor: zoom-in;
}

.info-box:before, .warning-box:before {
	display: inline-block;
	width: 32px;
	font-size: 32px;
	line-height: 33px;
	bottom: 0;
	margin: -16px 0 0 -38px;
}
.warning-box:before {
	content: "\f071";
}
.mangified .info-box,
.mangified .warning-box {
	margin: 0 0 0 -1em;
}

.infobutton {
	display: inline-block;
	vertical-align: middle;
	padding-left: 20px;
	position: relative!important;
}
.infobutton:before {
	font-size: 16px;
	margin: -8px 0 0 -18px;
	cursor: help;
}

.read-more {
	position: relative;
	max-height: 100px;
	height: 100px;
	overflow: hidden;
	padding-bottom: 1em;
}

.read-more .read-more-contents {
	padding-bottom: 1em;
}

/* done by jQuery.animate
.read-more.read-more-expanded {
	max-height: none!important;
	height: auto!important;
}*/
.read-more, .read-more .read-more-cover {
	background-image: linear-gradient(center top, rgba(255, 255, 255, 0) 20%, #FFFFFF 95%);
	background-image: -moz-linear-gradient(center top, rgba(255, 255, 255, 0) 20%, #FFFFFF 95%);
	background-image: -o-linear-gradient(center top, rgba(255, 255, 255, 0) 20%, #FFFFFF 95%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 1.0)));
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorStr='#00ffffff', endColorStr='#ffffffff');
	/*-ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorStr='#00ffffff',endColorStr='#ffffffff');*/
	}

.read-more .read-more-cover {
	bottom: 0;
	height: 50px;
	position: absolute;
	width: 100%;
}
.read-more-expanded .read-more-cover {
	display: none !important;
}
.read-more-button {
	outline: 0 none;
	text-transform: uppercase;
	position: relative;
	margin-bottom: 1em;
	line-height: 1.3em;
	display: flex;
}

.read-more-separator {
	height: 0;
	margin-right: 0.5em;
	background-color: inherit;
	border-top: 1px dotted;
	flex: 1 1 0;
}

.read-more-button-more, .read-more-button-less {
	font-size: 95%;
	min-width: 6em;
	flex: 0 1 auto;
	margin: -1em 0.1em 0 0;
	display: inline-block !important;
	padding: 0.3em 0.5em;
	text-align: center;
	cursor: row-resize;
}

.read-more-expanded .read-more-button-more, .read-more-button-less {
	display: none !important;
}
.read-more-expanded .read-more-button-less {
	display: inline !important;
}

.read-more, .read-more * {
	transition: height 0.5s ease 0.5s;
}

/* Collapsible fieldsets */

fieldset.collapsible {
	border: 1px solid;
}
fieldset.collapsible.collapsed {
	padding: 0 !important;
	border-bottom: 0 none;
	border-left: 0 none;
	border-right: 0 none;
}
fieldset.collapsible > legend {
	font-weight: bold;
	padding-right: 4px;
}

fieldset.collapsible > legend:before {
	font-size: smaller;
	vertical-align: baseline;
	padding-right: 4px;
	cursor: pointer;
}
fieldset.collapsible.expanded > legend:before {
	padding-left: 4px;
}

fieldset.collapsible.collapsed > legend ~ *  {
	display: none;
}

/* Note: IE-only fix due to '* html' (breaks Konqueror otherwise). */
* fieldset.legend a {
	display: block;
}

/*
** Progressbar styles
*/
.progress {
	/* font-weight: bold; */
	font-size: 85%;
	line-height: 1.5em;
}
.progress-small {
	padding: 0;
	font-size: 90%;
}
.progress .bar {
	border: 1px solid;
	margin: 0;
	min-width: 10em;
}
.progress .bar .filled {
	height: .6em;
	width: 0;
	background-color: silver;
	border-bottom: .5em solid gray;
}
.progress .message, .progress .percentage {
	padding-right: 3em;
}
.progress .percentage {
	float: right;
	margin-right: -3em;
}
.progress-small .bar {
	margin-right: 2.7em;
	min-width: 3em;
}
.progress-small .percentage {
	padding: 0;
	margin-top: -1.5em;
}
.progress-disabled {
	float: left; /* LTR */
}

/* Tagger */

ul.tag-list {
	list-style: none !important;
	display: table;
	margin-bottom: .5em;
}
li.tag-name {
	display: table-row;
}
li.tag-name div {
	list-style: none !important;
	cursor: pointer;
	padding: 0.1em 1.5em 0.1em 0.4em;
	margin: 0 !important;
	display: table-cell;
}
.tag-name:hover {
	background: buttonface url('../img/jquery.tagger/bullet_toggle_minus.png') no-repeat right center;
}

.vartree a label {
	word-break: break-all;
}
.vartree a {
	font-family: monospace;
}

/* footer */
#footer a {
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}

/* NOSCRIPT Support */
#noscript-bg {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: 0.7;
	z-index: 9999;
}

#noscript-text {
	position: fixed;
	text-align: center;
	left: 0;
	width: 100%;
	top: 30%;
	line-height: 1.5em;
	z-index: 10000;
}

.spacer {
	height: 15px;
}

/** Layout specific rules */
body#frame #container {
	width: inherit;
}

body#frame #content {
	padding: 0;
}

body#frame #content > .title {
	padding: 0;
}

/** fullscreen support */

/* Mozilla proposal (dash), W3C proposal (no dash), currently working vendor prefixes */
/* .fullscreen:full-screen, .fullscreen:fullscreen, .fullscreen:-webkit-full-screen, .fullscreen:-moz-full-screen { */
.fullscreen {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	background-color: white;
}

@media (view-type: fullscreen) {
	* {
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
		height: 100% !important;
		background-color: white;
	}
}

/* WebKit only */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	body { }
}

img.grayscale {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
	-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
	-webkit-backface-visibility: hidden; /* Fix for transition flickering */
}

.scrollbar {
	position: absolute;
	background: none repeat scroll 0 0 rgb(30, 30, 30);
	opacity: 0.8;
	z-index: 2;
}
.scrollbar > div {
	line-height: 14px;
	font-size: 10px;
	margin-left: -1px;
	color: lightgray;
	text-align: center;
}
.scrollbar-x {
	bottom: 2px;
	left: 0;
	height: 12px;
	width: 33%;
	min-width: 30px;
}
.scrollbar-y {
	top: 0;
	right: 0;
	width: 12px;
	height: 33%;
	min-height: 30px;
}

.scrollbar-y > div {
	position: absolute;
	top: 50%;
	bottom: 50%;
	margin-top: -10px;
}

.sp-scrollbar {
	background-color: white;
	cursor: pointer;
}

.sp-scrollbar-y {
	width: 18px;
	margin: 4px 0;
}
.sp-scrollbar-x {
	height: 18px;
	margin: 0 4px;
}

.sp-scrollbar .sp-thumb {
	background-color: darkgray;
}
.sp-scrollbar.active .sp-thumb {
	background-color: gray;
}
.sp-scrollbar .sp-thumb-y {
	right: 0;
	width: 10px;
	margin: 0 4px;
}
.sp-scrollbar .sp-thumb-x {
	bottom: 0;
	height: 10px;
	margin: 4px 0;
}

.image-view {
	position: relative;
}

.image-view .image-view-btn-left,
.image-view .image-view-btn-right {
	position: absolute;
	top: 0;
	bottom: 0;
}
.image-view .image-view-btn-left {
	left: 0;
	right: 15%;
}
.image-view .image-view-btn-right {
	right: 0;
	left: 15%;
}


.expose-overlay {
	background-color: black;
	opacity: .3;
	 -webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

.mangified {
	background: white;
	padding: 1em;
}

/*
.expose-overlay.right {
	-webkit-transform:scale(1,0);
	-moz-transform:scale(1,0);
	-o-transform:scale(1,0);
	transform:scale(1,0);
}

.expose-overlay.anim {
	-webkit-transform:scale(1,1);
	-moz-transform:scale(1,1);
	-o-transform:scale(1,1);
	transform:scale(1,1);
}
*/

.jstree ins {
	background: none;
	width: 1px;
}

#ads, #fp {
	position: fixed;
	z-index: -1000;
}

.jGrowl-notification .cell,
fieldset legend a {
	font-family: "Roboto", sans-serif !important;
}