/*
 ** MediaWiki 'Cavendish' style sheet for CSS2-capable browsers.
 ** Copyright Mozilla Foundation - http://www.mozilla.org/
 ** License: GPL (http://www.gnu.org/copyleft/gpl.html)
 **
 ** Loosely based on the monobook style by Gabriel Wicke
 */

/* mozilla.org Cavendish Content Styles
 * Design by SilverOrange
 * Markup Reference classes organized by fantasai
 */

/* Suggested order:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */

/* TOC:
 Body
 Random HTML Styles
 Forms
 General Structure
 Navigation
 Quotations
 Comments and Other Asides
 Emphasis
 Computers - General
 Code
 Examples and Figures
 Q and A (FAQ)
 Tables
 Meta

 Body */
#column-content, #side {
	background: #fff;
	line-height: 1.75em;
	color: #1a1a1a;
}
#column-content #content {
	margin-top: 0;
	padding: 1.5rem 2rem;
}

.deepLevel #column-content {
	line-height: 1.4em;
}

/* Random HTML Styles */
hr {
	height: 1px;
	background-color: #aaa;
	color: #aaa;
	margin: .2em 0 .2em 0;
	border: 1px solid #fff;
	border-top: 1px solid #ccc;
}
/* General Structure */
body {
	font-family: 'Quicksand', system-ui, -apple-system, sans-serif;
	background-color: #f4f6f6;
	margin-top: 0;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 20px;
	padding-top: 0;
	color: #1a1a1a;
}
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #000;
	background: none;
	font-weight: normal;
	margin-top: 0.5em;
	margin-bottom: 0.3em;
	padding-top: .5em;
	padding-bottom: .17em;
	border-bottom: 1px solid #aaa;
	overflow: hidden;
}

h3,
h4
h5,
h6 {
	border-bottom: none;
	font-weight: bold;
}

h1 .editsection,
h2 .editsection,
h3 .editsection,
h4 .editsection,
h5 .editsection,
h6 .editsection,
h1 .mw-editsection,
h2 .mw-editsection,
h3 .mw-editsection,
h4 .mw-editsection,
h5 .mw-editsection,
h6 .mw-editsection {
	font-size: 7pt;
	font-weight: normal;
}

.editsection, .mw-editsection {
	float: right;
	line-height: inherit;
}

h1 {
	font-size: 1.75rem;
	font-weight: normal;
}

#firstHeading {
	margin-top: 0.1em;
	padding-top: 0.2em;
}

h2 {
	font-size: 1.5rem;
	font-weight: normal;
}

h3 {
	font-size: 1.25rem;
}

h4 {
	font-size: 1.1rem;
}

h5 {
	font-size: 1rem;
}

h6 {
	font-size: 0.95rem;
	border: 0;
}

caption {
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 2pt;
}

/* Navigation */
:link, a {
	text-decoration: none;
	color: #039;
}

:visited {
	color: #5a3696;
	text-decoration: none;
}

:link :hover,
a:hover {
	color: #333;
	text-decoration: underline;
}
:link :focus,
a:focus {
	color: #333;
	text-decoration: underline;
}

:link :active,
a:active {
	color: #7A4100;
}

a.stub {
	color: #723;
}

a.new, #p-personal a.new {
	color: #ba0000;
}

a.new:visited,
#p-personal a.new:visited {
	color: #a55858;
}

/* Comments and other Asides */
.note {
	color: #666;
	font-style: normal;
}

.remark {
	color: #666;
}

.sidenote {
	border: #666;
}

.key-point:before {
	line-height: 0.1;
	font-size: 1px;
	margin: -15px -15px 0 -15px;
	height: 15px;
	display: block;
	border: none;
	/* @embed */
	content: url("images/key-point_tl.gif");
}

.key-point {
	padding: 15px;
	margin-bottom: 1em;
}

.key-point:after {
	display: block;
	clear: both;
	padding-top: 15px;
	line-height: 0.1;
	font-size: 1px;
	/* @embed */
	content: url("images/key-point_bl.gif");
	margin: -15px;
	height: 8px;
}

.key-point h2,
.key-point h3,
.key-point h4,
.key-point h5 {
	border: none;
	margin-top: 0;
	color: #4c5c5c;
}

.news dt {
	font-weight: normal;
	color: #666;
}

.news dt a {
	font-weight: bold;
}

ul.compact {
	margin-left: 0;
	padding-left: 20px;
}
/* Emphasis */
/* Computers - General */
kbd {
	background-color: #fafafa;
	border-color: #ccc #ccc #fff;
	border-radius: 4px;
	border-style: solid solid none;
	border-width: 1px 1px medium;
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px #fff inset;
	color: #444;
	font-weight: normal;
	padding: 0 6px;
	white-space: nowrap;
}

kbd.command,
code.command {
	color: #6b5839;
}
/* Code */
pre.code {
	background: #eeecf6;
}

code > em,
code > strong,
pre.code > em,
pre.code > strong {
	font-style: normal;
}
/* Examples and Figures */
div.example {
	border-color: #554FA0;
}

div.example:before {
	color: #666;
}
/* Q and A (FAQ) */
ol.faq li a {
	text-decoration: none;
	border-bottom: 1px dotted #6C98EE;
}

ol.faq li a:hover {
	border-color: #039;
}
/* Tables */
table {
	line-height: 1.6em;
}

#content table {
	border-radius: 10px;
}

table.data {
	border-collapse: collapse;
	margin: 0.5em auto;
	border: 1px solid;
}

table.data caption {
	margin: 1em auto 0.2em;
	font-size: small;
	font-style: italic;
	text-align: center;
}

table.data th,
table.data td {
	padding: 0.2em;
	border: 1px solid #ccc;
	vertical-align: baseline;
}

table.data tbody th:first-child {
	text-align: right;
}

table.data thead th {
	background: #e4ecec;
	empty-cells: hide;
	vertical-align: bottom;
}

tr.odd {
	background: #f5f5f5;
}

table.wikitable {
	margin-top: 0;
	margin-bottom: 1em;
	background-color: #f9f9f9;
	border-collapse: collapse;
	empty-cells: show;
	border: 1px solid #c8d8d8;
	padding: 0;
	line-height: 1.7em;
	border-radius: 10px;
	overflow: hidden;
	table-layout: auto;
}

table.wikitable th {
	background-color: #d8eaea;
	border: 1px #aaa solid;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	color: #003f3f;
	font-weight: 600;
}

table.sortable th {
	white-space: nowrap;
}

table.wikitable td {
	border: 1px #aaa solid;
	padding: 0.2em;
}

table.wikitable caption {
	margin-left: inherit;
	margin-right: inherit;
	font-weight: bold;
}

.mw-datatable {
	margin-bottom: 1em;
}

.NavFrame,
.BoxenVerschmelzen {
	border-radius: 10px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.10);
}
.NavFrame .wikitable {
	table-layout: auto;
}

.BoxenVerschmelzen .NavFrame,
.wikitable .NavFrame {
	border-radius: none;
	box-shadow: none;
}

table.infobox {
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 1px 4px rgba(0,0,0,0.10);
}
/* Meta */
address {
	color: #666;
	text-align: right;
}

.author {
	margin-bottom: 1em;
	text-align: left;
}

/* [[mw:Help:Page status indicators]]; styles copied from MonoBook */
.mw-indicators {
	float: right;
	line-height: 1.5em;
	font-size: 95%;
}

.mw-indicator {
	display: -moz-inline-block;
	display: inline-block;
}

#globalWrapper {
	margin: 0 auto;
	font-size: 1rem;
}

#mBody {
	clear: both;
	padding: 0;
	margin-top: 1.25rem;
}

#side {
	float: left;
	width: 15%;
	margin-bottom: 1em;
	font-size: 0.9rem;
}

#column-content {
	float: right;
	width: 83%;
	margin-bottom: 1em;
}

.nomenu #column-content {
	float: none;
	width: 100%;
}

.bodyleft {
	float: right !important;
	width: 75% !important;
}

#column-content.right {
	float: left;
	width: 62%;
	font-size: 9pt;
}

#side.right {
	float: right;
	width: 35%;
}

/* Sidebar */
#getcd {
	margin: 1em 0 0 45px;
}

/* accessibility tweaks */
.skipLink {
	position: absolute;
	left: -999px;
	width: 990px;
}

hr.hide {
	display: none;
}

/* Header */
#header {
	margin-bottom: 0;
	position: relative;
	min-height: 72px;
	padding: 12px 0;
	background: #003535;
	border-bottom: 2px solid #002828;
	color: #ffffff;
}

#p-cactions {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0;
	padding: 0 10px 0 0;
	overflow: hidden;
	z-index: 3;
	white-space: nowrap;
}

#p-cactions h5 {
	display: none;
}

#p-cactions .pBody {
	padding: 0;
	background-color: transparent;
	border: none;
	font-size: 85%;
	font-weight: bold;
}

#p-cactions ul {
	list-style: none;
	line-height: 0.8em;
}
#p-cactions li {
	float: left;
	margin: 0 2px 0 0;
	padding: 0 6px 0 0;
	overflow: visible;
	display: inline;
	white-space: nowrap;
	font-size: 0.8rem;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #4a9e9e;
}

#p-cactions li a {
	display: block;
	float: left;
	margin: 0;
	padding: 2px 2px 4px 8px;
	z-index: 0;
	color: #e0f4f4;
	border: none;
	text-decoration: none;
}

#p-cactions li:hover a,
#p-cactions li a:hover {
	text-decoration: none;
	border-bottom: 0;
}

#p-cactions li.selected,
#p-cactions li.selected:hover {
	border-top-color: #7ec8c8;
	background-color: #afc4fb;
}

#p-cactions li.selected {
	border-bottom: 1px solid #afc4fb;
	font-weight: bold;
}

#p-cactions li.selected a,
#p-cactions li.selected a:hover {
	color: #0D2020;
}

#p-cactions .new a {
	color: #ffb3b3;
}

/* offsets to distinguish the tab groups */
#p-cactions li#ca-talk,
#p-cactions li#ca-watch,
#p-cactions li#ca-unwatch {
	margin-right: 1.6em;
}

#p-cactions li#ca-edit {
	font-weight: bold;
}

div#header {
	clear: both;
}

#header #site-logo {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	margin: 0;
	z-index: 100;
	padding-left: 12px;
	overflow: visible;
}

/* P-Personal */
#p-personal {
	margin-bottom: 0;
}

#p-personal h5 {
	display: none;
}

#p-personal .pBody {
	line-height: 19px;
	margin: 0 0 1.4em 0;
	text-align: right;
	white-space: nowrap;
	border: none;
	z-index: 0;
	overflow: visible;
	background: none;
	padding: 0;
}

#p-personal .portlet {
	padding: 0;
	margin: 0;
	border: none;
	z-index: 0;
	overflow: visible;
	background: none;
}

#p-personal .top-nav-element {
	display: inline;
	margin: 0;
	height: 25px;
	font-size: 10px;
	padding: 0;
}

#p-personal .top-nav-left {
	width: 7px;
	height: 25px;
	display: inline;
	/* @embed */
	background: url("images/top-left.png") no-repeat;
	padding-top: 5px;
	padding-right: 4px;
	padding-bottom: 8px;
	margin-left: 3px;
	margin-right: -1px;
}

#p-personal .top-nav-right {
	width: 7px;
	height: 25px;
	display: inline;
	/* @embed */
	background: url("images/top-right.png") no-repeat;
	padding-top: 5px;
	padding-left: 4px;
	padding-bottom: 8px;
	margin-left: -1px;
	margin-right: 3px;
}

#p-personal .top-nav-mid {
	text-decoration: none;
	height: 25px;
	display: inline;
	/* @embed */
	background: url("images/top-mid.png") repeat-x;
	padding-top: 5px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 8px;
	margin-left: -4px;
	margin-right: -4px;
	font-size: 10px;
}

#pt-userpage a, #pt-mytalk a {
	font-weight: bold;
}

/* this is the ul contained in the portlet */
#p-personal ul {
	border: none;
	line-height: 22px;
	color: #e0f4f4;
	margin: 0;
	text-align: right;
	list-style: none;
	z-index: 0;
	background: none;
}

/*
 ** the main content area
 */
h3#siteSub {
	display: none;
	font-size: 0.75em;
	color: #595959;
}

#contentSub,
#contentSub2 {
	font-size: 0.875rem;
	line-height: 1.4em;
	margin: 0 0 0.8em 0;
	color: #595959;
	width: auto;
}

#contentSub div,
#contentSub2 div {
	margin-right: 0;
}

#contentSub2 .breadcrumb {
	list-style-type: none;
	margin-left: 0.1em;
}

#contentSub2 .breadcrumb li {
	display: inline;
}

#jump-to-nav {
	display: none;
}

span.subpages {
	display: block;
}

img {
	border: none;
	vertical-align: middle;
}

p {
	margin: .4em 0 .5em 0;
	line-height: 1.6em;
}

p img {
	margin: 0;
}

ul {
	line-height: 1.6em;
	list-style-type: square;
	margin: 0.4em 0 0.4em 1.5em;
	padding: 0;
	/* @embed */
	list-style-image: url("images/bullet.gif");
	font-weight: normal;
}

ol {
	line-height: 1.6em;
	margin: .3em 0 0 3.2em;
	padding: 0;
	list-style-image: none;
	font-weight: normal;
}

li {
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}

dt {
	font-weight: bold;
	margin-bottom: .1em;
}

dl {
	margin-top: .2em;
	margin-bottom: .5em;
}

dd {
	line-height: 1.6em;
	margin-left: 2em;
	margin-bottom: .1em;
}

sup,
sub {
	font-size: 0.8em;
}

del {
	text-decoration: line-through;
}

legend {
	font-size: 10pt;
	font-weight: bold;
	margin-bottom: 0.3em;
}

fieldset {
	margin: 1em 0 1em 0;
	padding: 0 1em 1em;
	line-height: 1.6em;
	border-radius: 6px;
}

fieldset.nested {
	margin: 0 0 0.5em 0;
	padding: 0 0.5em 0.5em;
}

form {
	border: none;
	margin: 0;
}

textarea {
	width: 100%;
	padding: .1em;
}

input.historysubmit {
	padding: 0 .3em .3em .3em !important;
	cursor: pointer;
	height: 1.7em !important;
	margin-left: 1.6em;
}

input {
	margin: 2px;
	vertical-align: middle;
}

input[type="submit"] {
	cursor: pointer;
}

iframe {
	border-width: 0;
}

/* nested elements */
td > p, td > div {
	margin: 0;
	padding: 0;
}

#wpSave {
	font-weight: bold;
}

select {
	vertical-align: middle;
}

abbr,
acronym,
.explain {
	border-bottom: 1px dotted #000;
	color: #000;
	background: none;
	cursor: help;
}

q,
blockquote {
	font-family: "Palatino Linotype", Georgia, "DejaVu Serif", serif;
	font-size: 1em;
	color: #595959;
}

/* Code */
code,
pre,
tt,
kbd,
samp {/* override IE6 default */
	font-size: 1em;
	overflow: auto;
	overflow-y: hidden;
	font-family: Menlo, Monaco, "Courier New", "Nimbus Mono L", monospace, sans-serif;
}

code,
tt {
	background-color: #f9f9f9;
	white-space: nowrap;
}

code.long,
tt.long {
	display: block;
	margin: 0.1em 1em;
	white-space: normal;
}

pre {
	border: 1px dashed #2f6fab;
	color: #000;
	background-color: #f9f9f9;
	line-height: 1.1em;
	padding: 15px 20px 15px 20px;
	border-radius: 6px;
}

pre.code {
	overflow: auto;
	margin: 1em .5em;
	padding: .2em;
	border: solid 1px;
}

pre.code .remark {
	font-size: 1em;
	font-style: italic;
}

/* turn off content generation */
pre.code .remark:before,
pre.code .remark:after,
pre.code .note:before {
	content: "";
}

/* user notification thing */
.usermessage {
	background-color: #ffce7b;
	border: 1px solid #ffa500;
	color: #000;
	font-weight: bold;
	margin: 2em 0 1em 0;
	padding: 0.5em 1em;
	vertical-align: middle;
	border-radius: 6px;
}

#sitenotice {
	text-align: center;
	font-size: 95%;
	padding: 0.9em 0.9em 0 0.9em;
	margin-top: -1em;
	margin-bottom: 0.5em;
}

#sitenotice p {
	margin: 0;
	padding: 0;
}

#catlinks, .catlinks {
	border: 1px solid #aaa;
	background-color: #F9F9F9;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 5px;
	padding-left: 5px;
	margin-top: 1em;
	clear: both;
	border-radius: 6px;
	box-shadow: 1px 1px 1px grey;
}

/* emulate center */
.center {
	width: 100%;
	text-align: center;
}

* .center * {
	margin-left: auto;
	margin-right: auto;
}

/* small for tables and similar */
.small, .small * {
	font-size: 94%;
}

table.small {
	font-size: 100%
}

/*
 ** content styles
 */
.successbox,
.errorbox,
.warningbox {
	border-width: 1px;
	border-radius: 6px;
	margin-bottom: 1em;
	padding-left: 5em;
	padding-right: 5em;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.successbox p,
.errorbox p,
.warningbox p {
	width: 100%;
}

.successbox {
	color: #1E6000;
	box-shadow: 0 0 2px #1E6000;
}

.errorbox {
	color: #8B0000;
	background-color: #fdd;
	box-shadow: 0 0 2px #8B0000;
}

.warningbox {
	color: #7A4100;
	box-shadow: 0 0 2px #7A4100;
}

.mw-warning {
	margin-left: 50px;
	margin-right: 50px;
	text-align: center;
}

#mw-anon-edit-warning,
.mw-warning-with-logexcerpt,
.mw-editinginterface {
	border-radius: 6px;
	border-width: 1px;
}

.skin-cavendish .mw-icon-arrow-expanded,
.skin-cavendish .mw-collapsible-arrow.mw-collapsible-toggle-expanded {
	/* @embed */
	background: url("images/minus.png") no-repeat scroll left center transparent;
	background-size: 12px 12px;
}

.skin-cavendish .mw-icon-arrow-collapsed,
.skin-cavendish .mw-collapsible-arrow.mw-collapsible-toggle-collapsed {
	/* @embed */
	background: url("images/plus.png") no-repeat scroll left center transparent;
	background-size: 12px 12px;
}

#mw-hidden-catlinks {
	font-style: italic;
	color: #595959;
}

span.comment {
	color: #595959;
}

.mw-specialpagecached {
	font-style: italic;
}

/* images */
img.floatright,
img.float-right {
	clear: right;
	float: right;
	position: relative;
	margin-bottom: 0.5em;
	margin-left: 0.5em;
	padding: 5px;
}

img div.floatright p,
img div.float-right p {
	font-style: italic;
}

img.floatleft,
img.float-left {
	float: left;
	clear: left;
	position: relative;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	padding: 5px;
}

img div.floatleft p,
img div.float-left p {
	font-style: italic;
}

/* thumbnails */
div.thumb {
	margin-bottom: 0.5em;
	border-style: solid;
	border-color: #fff;
	width: auto;
}

div.thumb div {
	background-color: #f9f9f9;
	font-size: 8.5pt;
	text-align: center;
	overflow: hidden;
}

div.thumbinner {
	border: 1px solid #cccccc;
	padding: 3px !important;
	background-color: #f9f9f9;
	font-size: 8.5pt;
	text-align: center;
	overflow: hidden;
	border-radius: 6px;
}

li.gallerybox div.thumb {
	border-radius: 6px;
	box-shadow: 1px 1px 1px grey;
}

div.thumb div a img {
	/* border: 1px solid #cccccc; */
}

div.thumbinner div.thumbcaption {
	border: none;
	text-align: left;
	line-height: 1.4em;
	padding: 0.3em 0 0.1em 0.2em;
}

div.magnify {
	float: right;
	border: none !important;
	background: none !important;
}

div.magnify a,
div.magnify img {
	display: block;
	border: none !important;
	background: none !important;
}

div.tright,
.float-right,
.floatright {
	clear: right;
	float: right;
	position: relative;
	margin-left: 0.7em;
	margin-right: 0;
}

table.float-right,
table.floatright {
	margin-left: 0.7em;
	margin-right: 0;
}

div.tleft,
.float-left,
.floatleft {
	float: left;
	clear: left;
	position: relative;
	margin-right: 0.7em;
	margin-left: 0;
}

table.float-left,
table.floatleft {
	margin-right: 0.7em;
	margin-left: 0;
}

.urlexpansion {
	display: none;
}

img.tex {
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

span.texhtml {
	font-family: "Palatino Linotype", Georgia, "DejaVu Serif", serif;
}

/*
 ** classes for special content elements
 ** intended to be referenced directly from the wiki src

 ** User styles

 table standards */
table.rimage {
	float: right;
	position: relative;
	margin-left: 1em;
	margin-bottom: 1em;
	text-align: center;
}

.toccolours {
	border: 1px solid #aaa;
	background-color: #f9f9f9;
	padding: 5px;
	font-size: 95%;
}

/*
 ** edit views etc
 */
.special li {
	line-height: 1.4em;
	margin: 0;
	padding: 0;
}

/*
 ** External link icons
 */
#bodyContent a.external, #bodyContent a[href^="gopher://"] {
	/* @embed */
	background: url("images/external.png") center right no-repeat;
	padding-right: 16px;
	background-size: 12px 12px;
}

#bodyContent a[href^="https://"],
.link-https {
	/* @embed */
	background: url("images/locked.png") center right no-repeat;
	padding-right: 16px;
	background-size: 12px 12px;
}

#bodyContent a[href^="mailto:"],
.link-mailto {
	/* @embed */
	background: url("images/envelope.png") center right no-repeat;
	padding-right: 16px;
	background-size: 12px 12px;
}

#bodyContent a[href^="news://"] {
	/* @embed */
	background: url("images/newspaper.png") center right no-repeat;
	padding-right: 16px;
	background-size: 12px 12px;
}

#bodyContent a[href^="ftp://"],
.link-ftp {
	/* @embed */
	background: url("images/folder.png") center right no-repeat;
	padding-right: 16px;
	background-size: 12px 12px;
}

#bodyContent a[href^="irc://"], #bodyContent a.extiw[href^="irc://"],
.link-irc {
	/* @embed */
	background: url("images/speech-bubble-left-4.png") center right no-repeat;
	padding-right: 16px;
	background-size: 12px 12px;
}

#bodyContent a[href^="skype:"],
.link-skype {
	/* @embed */
	background: url("images/speech-bubble-left-4.png") center right no-repeat;
	padding-right: 16px;
	background-size: 12px 12px;
}

#bodyContent a.external[href$=".ogg"], #bodyContent a.external[href$=".OGG"],
#bodyContent a.external[href$=".mid"], #bodyContent a.external[href$=".MID"],
#bodyContent a.external[href$=".midi"], #bodyContent a.external[href$=".MIDI"],
#bodyContent a.external[href$=".mp3"], #bodyContent a.external[href$=".MP3"],
#bodyContent a.external[href$=".wav"], #bodyContent a.external[href$=".WAV"],
#bodyContent a.external[href$=".wma"], #bodyContent a.external[href$=".WMA"],
#bodyContent a.external[href$=".m4a"],
.link-audio {
	/* @embed */
	background: url("images/audio.png") center right no-repeat;
	padding-right: 16px;
	background-size: 12px 12px;
}

#bodyContent a.external[href$=".ogm"], #bodyContent a.external[href$=".OGM"],
#bodyContent a.external[href$=".avi"], #bodyContent a.external[href$=".AVI"],
#bodyContent a.external[href$=".mpeg"], #bodyContent a.external[href$=".MPEG"],
#bodyContent a.external[href$=".mpg"], #bodyContent a.external[href$=".MPG"],
#bodyContent a.external[href$=".m4v"], #bodyContent a.external[href$=".M4V"],
.link-video {
	/* @embed */
	background: url("images/video.png") center right no-repeat;
	padding-right: 16px;
	background-size: 12px 12px;
}

#bodyContent a.external[href$=".pdf"], #bodyContent a.external[href$=".PDF"],
#bodyContent a.external[href$=".doc"], #bodyContent a.external[href$=".DOC"],
#bodyContent a.external[href$=".docx"], #bodyContent a.external[href$=".DOCX"],
#bodyContent a.external[href$=".odt"], #bodyContent a.external[href$=".ODT"],
.link-document {
	/* @embed */
	background: url("images/document.png") center right no-repeat;
	padding-right: 16px;
	background-size: 12px 12px;
}

/* disable interwiki styling */
#bodyContent a.extiw,
#bodyContent a.extiw:active {
	color: #36b;
	background: none;
	padding: 0;
}

#bodyContent a.external {
	color: #36b;
}

/*
 ** Structural Elements
 */

/*
 ** general portlet styles (elements in the quickbar)
 */
.portlet {
	border: none;
	margin: 0 0 0.5em 0;
	float: none;
	padding: 0;
	/* width: 11.6em; */
	overflow: hidden;
}

.portlet h4 {
	font-size: 95%;
	font-weight: normal;
	white-space: nowrap;
}

.portlet h5,
.portlet h3 {
	background: transparent;
	padding: 0 1em 0 0.5em;
	display: inline;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	height: 1em;
	white-space: nowrap;
	border-bottom: none;
	color: #004F4F;
}

.portlet h6 {
	background: #ffae2e;
	border: 1px solid #2f6fab;
	border-style: solid solid none solid;
	padding: 0 1em;
	text-transform: lowercase;
	display: block;
	font-size: 1em;
	height: 1.2em;
	font-weight: normal;
	white-space: nowrap;
}

.pBody {
	font-size: 95%;
	background: white;
	border-collapse: collapse;
	border: 1px solid #aaa;
	padding: 0 0.8em 0.3em 0.5em;
}

/* Sidebar */
#nav {
	padding: 6px 0;
	line-height: 1em;
	margin: 0 0 1em 0;
	border-radius: 10px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12);
	overflow: hidden;
	background: #fff;
}

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

#nav div, #nav li {
	display: inline;
	padding: 0;
	margin: 0;
}

#nav div span {/* used for un-linked menu items */
	display: block;
	padding: 6px 10px;
	font-weight: bold;
	color: #4a4a4a;
}

#nav div h5,
#nav div h3 {
	display: block;
	padding: 0.6em 1.0em 0.4em;
	font-weight: 600;
	color: #004F4F;
	font-size: 0.75rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

#nav div span#configParent,
#nav div span #configuration {
	display: inline;
	font-weight: normal;
	padding: 0;
}

#nav div li span {/* used for un-linked menu items */
	padding: 4px 8px 4px 20px;
}

#nav div li a {
	padding: 8px 8px 8px 20px;
}

#nav div#searchBody {
	text-align: center;
}

#nav div form#searchform {
	background: #EDF2F2;
}
#nav div form#searchform input#searchInput {
	margin-top: 1em;
}
#nav div form#searchform input {
	margin-bottom: 1em;
}

#oN {
	background-color: #e0e9e9;
}

#oN :hover {
	background-color: #c6dcdc;
}

#nav div ul #feedlinks {
	display: block;
	padding: 8px 20px;
	text-decoration: none;
	background: #edf2f2;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #fff;
	border-right: 1px solid #ddd;
}

#nav div ul #feedlinks #feed-rss,
#nav div ul #feedlinks #feed-atom {
	display: inline;
	background: #EDF2F2;
	border: none;
	padding: 0;
}

#nav div ul #feedlinks a.feedlink:last-child:before {
	content: " | ";
}

#nav div ul #feedlinks #feed-atom:only-child:before {
	content: "";
}

#nav .pBody {
	border: none;
}

#nav div a,
#nav div span.social {
	display: block;
	padding: 8px 10px;
	text-decoration: none;
	font-size: 0.9rem;
}

/*
 ** Logo properties
 */
#p-logo {
	z-index: 3;
	position: absolute; /* needed to use z-index */
	top: 0;
	left: 0;
	height: 155px;
	width: 12em;
	overflow: visible;
}

#p-logo h5 {
	display: none;
}

#p-logo a,
#p-logo a:hover {
	display: block;
	height: 155px;
	width: 12.2em;
	background-repeat: no-repeat;
	background-position: 35% 50% !important;
	text-decoration: none;
}

/*
 ** the navigation portlet
 */
#p-nav {
	position: relative;
	z-index: 3;
}

/*
 ** Search portlet
 */
#header form {
	display: inline;
}

#header #p-search {
	position: absolute;
	font-size: 0.95rem;
	top: 0;
	right: 0;
	padding: 15px 20px 0 0;
	margin: 0; /* need for IE Mac */
	text-align: right; /* need for IE Mac */
	white-space: nowrap; /* for Opera */
}

#header #p-search h3 {
	display: none;
}

#searchBody {
	background-color: transparent;
	border: 0;
	display: inline;
}

#header form label,
#header label {
	font-size: 8.5pt;
}

#header form input {
	font-size: 8.5pt;
}

#header form #submit {
	font-size: 8.5pt;
	background: #005A5A;
	color: #fff;
	padding: 1px 4px;
	border: 1px solid #004040;
	border-radius: 4px;
}

#header form #searchInput:hover,
#header form #searchInput:focus {
	background: #fff;
}

#p-search {
	/* position: relative; */
	z-index: 3;
	border-bottom: none;
}

#p-search .pBody {
	text-align: center;
	padding: 0.5em 0.4em 0.4em 0.4em;
}

#searchform input.searchbutton {
	margin-top: 1px;
	font-size: 8.5pt;
}
#searchform div {
	display: inline
}

#searchgobutton, #searchGoButton {
	padding-left: .5em;
	padding-right: .5em;
	font-weight: bold;
}

#header form #searchInput {
	width: 270px;
	font-size: 8.5pt;
	padding: 2px;
	margin: 0 0.5em 0 0.5em;
	border-radius: 6px;
	background-color: #ffffff;
	color: #1a1a1a;
	border: 1px solid #a0c8c8;
}

#searchInputResult {
	font-size: 8.5pt;
}

.suggestions {
	margin-right: 142px;
}

/*
 ** the remaining portlets
 */
#p-tbx, #p-lang {
	position: relative;
	z-index: 3;
}

/*
 ** Footer
 */
#footer {
	clear: both;
	margin-top: 1em;
	font-size: 7pt;
	border-top: 1px solid #999;
	padding-top: 2em;
	color: #525252;
}

#footer ul {
	margin: 0 0 1em 0;
	padding: 0;
	line-height: 1.6em;
	list-style: none;
}

#footer li {
	margin: 0;
	white-space: nowrap;
}

#footer table {
	width: 100%;
	text-align: center;
}

#f-list {
	width: 70%;
}

#f-list #f-credits {
	white-space: normal;
}

#footer td.f-iconsection {
	width: 5%;
	text-align: center;
	vertical-align: top;
	padding-right: 1em;
	white-space: nowrap;
}

#f-list li {
	list-style: none;
	list-style-image: none;
	list-style-type: none;
}

#footer #f-poweredbyico a,
#footer #f-copyrightico a {
	display: list-item;
	margin-bottom: 5px;
	list-style: none;
	list-style-image: none;
	list-style-type: none;
}

#footer p, #footer a {
	margin: 0.6em 0;
	display: inline;
	white-space: nowrap;
}

#f-about,
#f-disclaimer,
#f-privacy,
#f-viewcount,
#f-numberofwatchingusers {
	display: inline;
	padding-left: 5px;
	padding-right: 5px;
}

/* footer icons need a fixed width */
* > html #f-poweredbyico,
* > html #f-copyrightico {
	width: 88px;
}

* > html #mBody,
* > html #mBody pre {
	overflow-x: auto;
	width: 100%;
	padding-bottom: 25px;
}
/* more IE fixes */
/* float/negative margin brokenness */
* html #footer {
	margin-top: 0;
}

* html #column-content {
	display: inline;
	margin-bottom: 0;
}

* html div.editsection,
* html div.mw-editsection {
	font-size: smaller;
}

.printfooter {
	display: none;
}

.not_patrolled {
	background-color: #ffa;
}

div.patrollink {
	font-size: 75%;
	text-align: right;
}

span.newpage,
span.minor,
span.searchmatch {
	font-weight: bold;
}

span.unpatrolled {
	font-weight: bold;
	color: #f00;
}

span.searchmatch {
	color: #f00;
}

.sharedUploadNotice {
	font-style: italic;
	width: 100%;
	font-size: 100%;
	border: 1px solid #00d;
	background-color: #ddf;
	margin-top: 3pt;
	padding: 5px;
	border-radius: 5px;
	box-shadow: 0 0 2px #00d;
}

span.newpageletter {
	font-weight: bold;
	color: #000;
	background-color: #ff0;
}

span.minoreditletter {
	color: #000;
	background-color: #c5ffe6;
}

/* ADDED BY DEB@DRIA.ORG FOR DEVMO WIKI */
.standard-table {
	border: solid #000 1px;
	border-collapse: collapse;
}

.standard-table td {
	text-align: left;
	vertical-align: top;
	padding: 5px;
	border: solid #bbb 1px;
}

.standard-table td.header,
.standard-table th {
	font-weight: bold;
	background: #ddd;
	border: solid #bbb 1px;
	text-align: left;
	padding: 0 5px;
}

.fullwidth-table {
	border: solid #666 1px;
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 10px;
	background: #fff;
}

.fullwidth-table td {
	text-align: left;
	vertical-align: top;
	padding: 5px 15px;
	border: solid #bbb 1px;
}

.fullwidth-table td.header,
.fullwidth-table th {
	background: #ddd;
	border: solid #bbb 1px;
	font-weight: bold;
	font-size: 1.2em;
	text-align: left;
	padding: 0 5px;
}

div.breadcrumbs {
	border: solid #888 1px;
	padding: 0 5px;
	background: #ddd;
	margin: 5px 0 10px 0;
	font-size: 0.9em;
}

div.breadcrumbs a.breadcrumbs {
	text-decoration: none;
}

div.breadcrumbs span.breadcrumbs {
	font-weight: bold;
}

div.tip {
	border: solid #0f0 2px;
	padding: 0 10px 0 10px;
	margin: 10px 0 10px 0;
	background: #dfd;
}

div.note {
	/* border: solid goldenrod 2px; */
	padding: 0 10px;
	margin: 10px 0;
	background: #ffd;
	color: #000;
}

div.note:before {
	content: "";
}

.originaldocinfo {
	font-size: 0.8em;
	background: #ffd;
	border: solid #cce 1px;
	width: auto;
	padding: 0 10px;
	margin: 15px 0;
}

.originaldocinfo p {
	line-height: 0.8em;
}

.originaldocinfo h2 {
	font-size: 1.3em;
	font-weight: bold;
}

.licenseblock {
	border: dashed #888 1px;
	background: #ddd;
	font-size: 0.8em;
	padding: 0 10px;
}

.wrong-source-code {
	color: #d00;
}

.right-source-code {
	color: #0a0;
}

.template-toc {
	background: #ddd;
	font-size: 0.9em;
	border: solid #000 1px;
	padding: 0 10px;
	margin: 15px 0;
	width: auto;
}

.prevnext {
	font-size: 0.9em;
	margin: 10px 0 20px 0;
}

div.highlight {
	border-left: solid #00f 3px;
	padding-left: 15px;
}

span.highlightblue {
	color: #00f;
}

span.highlightred {
	color: #f00;
}

.side-note {
	width: auto;
	padding: 0 20px;
	margin: 10px 0;
	border: solid #666 1px;
	background: #eee;
}

.side-note-left {
	float: left;
	width: 40%;
	padding: 0 20px;
	margin: 10px 10px 10px 0;
	border: solid #666 1px;
	background: #eee;
}

.side-note-right {
	float: right;
	width: 40%;
	padding: 0 20px;
	margin: 10px 0 10px 10px;
	border: solid #666 1px;
	background: #eee;
}

/* new for devmo topic pages */
.callout-box {
	float: right;
	border: solid #000 1px;
	text-align: center;
	width: 200px;
	margin: 0 0 15px 15px;
	padding: 10px;
	background: #eee;
}

.topicpage-table {
	width: 100%;
}

.topicpage-table td {
	width: 50%;
	vertical-align: top;
	padding: 10px;
}

.alllinks {
	font-size: 10px;
	float: right;
}

.date {
	color: #668;
	font-style: italic;
}

.disambig {
	font-size: 0.9em;
	border-top: solid #aaa 1px;
	border-bottom: solid #aaa 1px;
}

.notice {
	font-size: 0.9em;
	border: solid #aaa 1px;
	padding: 5px;
	margin: 5px 0 5px 0;
}

/* Special:RecentChanges */
.mw-special-Recentchanges ul.special {
	margin: 0;
	border-radius: 6px;
	border: 1px #fff solid;
}

.mw-special-Recentchanges ul.special li {
	list-style-type: none;
	list-style-image: none;
}

/* Special:AllPages */
.allpageslist {
	margin: auto;
}

.newpage {
	color: #0f0;
}

.minor, .minoredit {
	color: #808080;
}

/* Portal page style */
.portalseite div.portal-container,
.hauptseite-oben,
.hauptseite-links,
.hauptseite-rechts,
.hauptseite-unten {
	box-shadow: 1px 1px 1px #88080;
	margin-bottom: 1em;
	border-radius: 6px;
}

h2.portal-heading,
.portalseite h2,
#hauptseite h2 {
	border-width: 1px;
	border-color: #aaa;
	border-style: solid solid dotted;
	background-color: #f0f0f0;
	padding: 0.2em 0;
	margin: 0;
	font-size: 1.1em;
	font-weight: bold;
	text-indent: 0.5em;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

h3.portal-heading,
.portalseite h3,
#hauptseite h3 {
	background-color: #f0f0f0;
	border-bottom: 1px dotted #aaa;
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	padding-bottom: 0.1em;
	padding-left: 0.3em;
	padding-top: 0.1em;
}

.portalseite div.inhalt,
div.portal-content,
#hauptseite .inhalt {
	border: 1px solid #aaa;
	border-top: 0;
	background-color: #fff;
	margin-bottom: 1em;
	padding: 0.5em 0.8em 0.5em 0.8em;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

.hauptseite-links,
.portalseite .portal-left {
	margin-right: 0.5em;
}

.hauptseite-rechts,
.portalseite .portal-right {
	margin-left: 0.5em;
}