/*  cms-db  Copyright (C) 2007-2011 Jan Hoffmann
    This program comes with ABSOLUTELY NO WARRANTY; for details see /admin/version.php.
    This is free software, and you are welcome to redistribute it under certain conditions; see /admin/version.php for details.  */

html {
	font-size: 12pt;
}
body {
	background-color: #eee;
	color: #000;
	font-family: "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 50px;
	font-size: 0.8em;
}
a:link, a:visited, a:hover, a:active {
	color: #05d;
	text-decoration: none;
	font-weight: normal;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
a:hover, a:active {
	background: #05d;
	color: #fff;
}
/* start: disable border radius for special links */
.anchormenu a, #newtabbox a {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
/* end: disable border radius for special links */

a.newtabbutton img, span.inactivenewtabbutton img {
	border: none;
	vertical-align: middle;
}
a.newtabbutton img {
	background: url("newtab.png") 0 0;
}
a.newtabbutton:hover img {
	background: url("newtab.png") 0 16px;
}
/* start: only border variant *//*
a.newtablink:hover, a.newtablink.active,
a.newtabbutton:hover, a.newtabbutton.active {
	border: 1px solid #05d;
}
*//* end: only border variant */

/* start: only bg variant */
a.newtablink.active, a.newtabbutton.active {
	background: #8bf;
}
/* end: only bg variant */

a.newtablink, a.newtablink.active, a.newtablink:hover {
	border-right: none !important;
	border-radius: 2px 0 0 2px;
	-moz-border-radius: 2px 0 0 2px;
	-webkit-border-radius: 2px 0 0 2px;
}
a.newtabbutton, a.newtabbutton.active, a.newtabbutton:hover {
	border-left: none !important;
	border-radius: 0 2px 2px 0;
	-moz-border-radius: 0 2px 2px 0;
	-webkit-border-radius: 0 2px 2px 0;
}
/* start: only border variant *//*
a.newtablink {
	margin: 1px 0 1px 1px;
}
a.newtablink:hover, a.newtablink.active  {
	margin: 0;
}
a.newtabbutton, span.inactivenewtabbutton {
	margin: 1px 1px 1px 0;
}
a.newtabbutton:hover, a.newtabbutton.active {
	margin: 0;
}
*//* end: only border variant */

h1 {
	font-size: 1.6em;
	font-weight: normal;
	border-bottom: 1px solid #ccc;
	font-family: "Century Gothic", "URW Gothic L", Arial, Helvetica, sans-serif;
}
h2 {
	font-size: 1.5em;
	font-weight: normal;
	border-bottom: 1px solid #ccc;
	font-family: "Century Gothic", "URW Gothic L", Arial, Helvetica, sans-serif;
}
h3 {
	font-size: 1.4em;
	font-weight: normal;
	border-bottom: 1px solid #ccc;
	font-family: "Century Gothic", "URW Gothic L", Arial, Helvetica, sans-serif;
}
h4 {
	font-size: 1.3em;
	font-weight: normal;
	border-bottom: 1px solid #ccc;
	font-family: "Century Gothic", "URW Gothic L", Arial, Helvetica, sans-serif;
}
h5 {
	font-size: 1.2em;
	font-weight: normal;
	border-bottom: 1px solid #ccc;
	font-family: "Century Gothic", "URW Gothic L", Arial, Helvetica, sans-serif;
}
h6 {
	font-size: 1.1em;
	font-weight: normal;
	border-bottom: 1px solid #ccc;
	font-family: "Century Gothic", "URW Gothic L", Arial, Helvetica, sans-serif;
}
label {
	cursor: default;
}
pre {
	font-size: 10pt;
}
pre, code {
	white-space: pre-wrap;
}
p, ul {
	line-height: 1.6em; 
}
input {
	font-size: 1em;
	line-height: 1em;
	font-family: "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
}
input[type=text], input[type=password] {
	background: #fafafa;
	border: 1px solid #aaa;
	border-radius: .3em;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	padding: .2em .3em;
	line-height: 1.4em;
	box-shadow: inset 0 0 .5em #eee, 0 0 .2em #d4d4d4;
	-moz-box-shadow: inset 0 0 .5em #eee, 0 0 .2em #d4d4d4;
	-webkit-box-shadow: inset 0 0 .5em #eee, 0 0 .2em #d4d4d4;
	margin: .2em;
}
input[type=text]:focus, input[type=password]:focus {
	border-color: #8bf;
	box-shadow: inset 0 0 .5em #eef, 0 0 .2em #bbb;
	-moz-box-shadow: inset 0 0 .5em #eef, 0 0 .2em #bbb;
	-webkit-box-shadow: inset 0 0 .5em #eef, 0 0 .2em #bbb;
}
select {
	background: #eee;
	border: 1px solid #aaa;
	border-radius: .3em;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	cursor: pointer;
	padding: .15em .3em;
	box-shadow: inset 0 0 .5em #fff, 0 0 .2em #bbb;
	-moz-box-shadow: inset 0 0 .5em #fff, 0 0 .2em #bbb;
	-webkit-box-shadow: inset 0 0 .5em #fff, 0 0 .2em #bbb;
	margin: .2em;
}
input[type=submit], input[type=button] {
	line-height: 1.4em;
	background: url("button.png") bottom left repeat-x #ddd;
	border: 1px solid #aaa;
	border-radius: .3em;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	cursor: pointer;
	margin: .2em;
	padding: .15em .3em;
	box-shadow: inset 0 0 .5em #fff, 0 0 .2em #bbb;
	-moz-box-shadow: inset 0 0 .5em #fff, 0 0 .2em #bbb;
	-webkit-box-shadow: inset 0 0 .5em #fff, 0 0 .2em #bbb;
}
input[type=submit]:hover, input[type=button]:hover {
	background: url("button.png") top left repeat-x #eee;
}
input[type=submit]:active, input[type=button]:active {
	background: #ccc;
	box-shadow: inset 0 0 .5em #aaa, 0 0 .2em #bbb;
	-moz-box-shadow: inset 0 0 .5em #aaa, 0 0 .2em #bbb;
	-webkit-box-shadow: inset 0 0 .5em #aaa, 0 0 .2em #bbb;
}
/* should only apply for submits */
input[disabled=disabled], input[disabled=disabled]:hover  {
	background: #eee;
	color: #aaa;
	cursor: default;
}
input[type=checkbox] {
	vertical-align: middle;
}
div.textarea {
	background: #fafafa;
	border: 1px solid #ccc;
	border-radius: .3em;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
}
div.textarea.wysiwym {
	background: #eaeaea;
}
textarea {
	width: 99%;
	background: #fafafa;
	border: 1px solid #aaa;
	border-radius: .3em;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	padding: .2em .3em;
	box-shadow: inset 0 0 .5em #eee, 0 0 .2em #d4d4d4;
	-moz-box-shadow: inset 0 0 .5em #eee, 0 0 .2em #d4d4d4;
	-webkit-box-shadow: inset 0 0 .5em #eee, 0 0 .2em #d4d4d4;
}
textarea:focus {
	border-color: #8bf;
	box-shadow: inset 0 0 .5em #eef, 0 0 .2em #bbb;
	-moz-box-shadow: inset 0 0 .5em #eef, 0 0 .2em #bbb;
	-webkit-box-shadow: inset 0 0 .5em #eef, 0 0 .2em #bbb;
}
div.textarea textarea {
	width: 100%;
	border: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	padding: 0; /* prevent problems because of width: 100% */
}
.CodeMirror-line-numbers {
	width: 3em;
	color: #444;
	background-color: #ddd;
	text-align: right;
	padding: .4em;
	margin: 0;
	font-family: monospace;
	font-size: 10pt;
	/*line-height: 1.3em;*/
}


fieldset, p.box {
	border: 1px solid #ccc;
	background: #eaeaea;
	margin: 1em 0;
	padding: 0 .5em;
	border-radius: .3em;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
}
p.box {
	padding: .5em;
}
fieldset legend {
	/*background: #eaeaea;*/
	font-weight: bold;
	color: #444;
	margin-left: .5em;
	padding: .2em .5em;
	border-radius: .3em;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
}

p.warning {
	border: 1px solid #f2ceb1;
	padding: 5px 5px 5px 32px;
	min-height: 22px;
	background: #fff1ed url("warning.png") 5px 5px no-repeat;
	border-radius: .3em;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
}
p.hint2 {
	border: 1px solid #e5d6b3;
	padding: 5px 5px 5px 32px;
	min-height: 22px;
	background: #fff9ed url("hint2.png") 5px 5px no-repeat;
	border-radius: .3em;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
}
p.hint {
	border: 1px solid #bad0ff; /* #6e9cff; */
	padding: 5px 5px 5px 32px;
	min-height: 22px;
	background: #edf3ff url("hint.png") 5px 5px no-repeat;
	border-radius: .3em;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
}
p.success {
	border: 1px solid #acdea2; /* #6eff88; */
	padding: 5px 5px 5px 32px;
	min-height: 22px;
	background: #edfff0 url("success.png") 5px 5px no-repeat;
	border-radius: .3em;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
}
p.error {
	border: 1px solid #ffb0ad; /* #ff736e; */
	padding: 5px 5px 5px 32px;
	min-height: 22px;
	background: #ffe6e6 url("error.png") 5px 5px no-repeat;
	border-radius: .3em;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
}
p.securitymedium {
	border: 1px solid #e5d6b3;
	padding: 5px 5px 5px 32px;
	min-height: 22px;
	background: #fff9ed url("security-medium.png") 5px 5px no-repeat;
	border-radius: .3em;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
}
p.securityhigh {
	border: 1px solid #acdea2; /* #6eff88; */
	padding: 5px 5px 5px 32px;
	min-height: 22px;
	background: #edfff0 url("security-high.png") 5px 5px no-repeat;
	border-radius: .3em;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
}

dt {
	font-weight: bold;
	margin-bottom: .3em;
}
dd {
	margin-bottom: 1em;
	margin-left: 2em;
}
img {
	border: none;
}

table {
	border-collapse: collapse;
	border: 1px solid #ccc;
}
td, th {
	padding: .1em .5em .1em .5em;
}
th {
	border: 1px solid #bbb;
	color: #555;
	background: #eee;
	font-weight: bold;
	text-align: center;
}
td {
	border: 1px dotted #ccc;
}
td.dark, tr.dark td {
	background: #f0f0f0;
}
td.bright, tr.bright td {
	background: #f8f8f8;
}

span#tageditor span.tag {
	display: inline-block;
	background: url("button.png") bottom left repeat-x #ddd;
	border: 1px solid #aaa;
	margin: .2em 0;
	border-radius: .3em;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	box-shadow: 0 0 .2em #bbb;
	-moz-box-shadow: 0 0 .2em #bbb;
	-webkit-box-shadow: 0 0 .2em #bbb;
}
span#tageditor span.content {
	display: inline-block;
	border-radius: .2em 0 0 .2em;
	-moz-border-radius: .2em 0 0 .2em;
	-webkit-border-radius: .2em 0 0 .2em;
	box-shadow: inset 0 0 .5em #fff;
	-moz-box-shadow: inset 0 0 .5em #fff;
	-webkit-box-shadow: inset 0 0 .5em #fff;
	padding: .15em .3em;
	line-height: 1.4em;
}
span#tageditor span.tag a.remove {
	color: #05d;
	display: inline-block;
	background: url("button.png") bottom left repeat-x #ddd;
	border-left: 1px solid #aaa;
	border-radius: 0 .2em .2em 0;
	-moz-border-radius: 0 .2em .2em 0;
	-webkit-border-radius: 0 .2em .2em 0;
	box-shadow: inset 0 0 .5em #fff;
	-moz-box-shadow: inset 0 0 .5em #fff;
	-webkit-box-shadow: inset 0 0 .5em #fff;
	padding: .15em .5em;
	text-decoration: none !important;
	line-height: 1.4em;
}
span#tageditor span.tag a.remove:hover {
	background: url("button.png") top left repeat-x #eee;
}
span#tageditor span.tag a.remove:active {
	background: #ccc;
	box-shadow: inset 0 0 .5em #aaa;
	-moz-box-shadow: inset 0 0 .5em #aaa;
	-webkit-box-shadow: inset 0 0 .5em #aaa;
}
span#tageditor a.addtag {
	color: #05d;
	display: inline-block;
	background: url("button.png") bottom left repeat-x #ddd;
	border: 1px solid #aaa;
	margin: .2em 0;
	border-radius: .3em;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	cursor: pointer;
	padding: .15em .3em;
	box-shadow: inset 0 0 .5em #fff, 0 0 .2em #bbb;
	-moz-box-shadow: inset 0 0 .5em #fff, 0 0 .2em #bbb;
	-webkit-box-shadow: inset 0 0 .5em #fff, 0 0 .2em #bbb;
	text-decoration: none !important;
	line-height: 1.4em;
}
span#tageditor a.addtag:hover {
	background: url("button.png") top left repeat-x #eee;
}
span#tageditor a.addtag:active {
	background: #ccc;
	box-shadow: inset 0 0 .5em #aaa, 0 0 .2em #bbb;
	-moz-box-shadow: inset 0 0 .5em #aaa, 0 0 .2em #bbb;
	-webkit-box-shadow: inset 0 0 .5em #aaa, 0 0 .2em #bbb;
}

p.biglink {
	margin: 1em 0;
	padding: 0;
}
p.biglink a {
	display: block;
	border: 1px solid #ccc;
	background: #eaeaea;
	padding: .5em;
	border-radius: .3em;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
}
p.biglink a:hover {
	background: #dae3f2;
	border: 1px solid #aac5f2;
}
p.biglink a span.title {
	display: block;
	font-weight: bold;
	color: #05d;
}
p.biglink a span.desc {
	display: block;
	font-size: .95em;
	color: #444;
}

ul.linklist {
	list-style: none;
	padding: 0;
	margin: 1em 0;
}
ul.linklist ul {
	margin-top: .5em;
	margin-left: -.5em;
	margin-right: -.5em;
	margin-bottom: -.5em;
	position: relative;
	bottom: -1px;

	/**/
	padding-left: 2em;
	background: #e4e4e4;
	/**/

	/*
	margin-left: 2em;
	border-left: 2px solid #ccc;
	*/
}
ul.linklist ul ul { background: #ddd; }
ul.linklist ul ul ul { background: #e4e4e4; }
ul.linklist ul ul ul ul { background: #ddd; }
ul.linklist ul ul ul ul ul { background: #e4e4e4; }
ul.linklist ul ul ul ul ul ul { background: #ddd; }
ul.linklist ul ul ul ul ul ul ul { background: #e4e4e4; }
ul.linklist ul ul ul ul ul ul ul ul { background: #ddd; }
ul.linklist ul ul ul ul ul ul ul ul ul { background: #e4e4e4; }
ul.linklist ul ul ul ul ul ul ul ul ul ul { background: #ddd; }
ul.linklist li {
	background: #eee;
	padding: .5em;
	border: 1px solid #ccc;
	margin-top: -1px;
}
ul.linklist li.alt {
	background: #f4f4f4;
}
ul.linklist li:first-child {
	border-radius: .3em .3em 0 0;
	-moz-border-radius: .3em .3em 0 0;
	-webkit-border-radius: .3em .3em 0 0;
}
ul.linklist li:last-child {
	border-radius: 0 0 .3em .3em;
	-moz-border-radius: 0 0 .3em .3em;
	-webkit-border-radius: 0 0 .3em .3em;
}
ul.linklist li:first-child:last-child {
	border-radius: .3em;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
}
ul.linklist ul li:first-child,
ul.linklist ul li:last-child,
ul.linklist ul li:first-child:last-child {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
ul.linklist ul li {
	border-left: none;
	border-right: none;
}
ul.linklist .list_name {
	display: block;
	font-weight: bold;
}
ul.linklist .list_info {
	display: block;
	font-size: .8em;
	color: #444;
	opacity: .5;
}
ul.linklist li:hover {
	background: #eeeeff;
}
ul.linklist li.alt:hover {
	background: #f4f4ff;
}
ul.linklist li:hover > .list_info {
	opacity: 1;
}


ul.linklist .list_info a {
	border-radius: .2em;
	-moz-border-radius: .2em;
	-webkit-border-radius: .2em;
}
ul.linklist .list_info a.newtablink,
ul.linklist .list_info a.newtablink.active,
ul.linklist .list_info a.newtablink:hover {
	border-radius: .2em 0 0 .2em;
	-moz-border-radius: .2em 0 0 .2em;
	-webkit-border-radius: .2em 0 0 .2em;
}
ul.linklist .list_info a.newtabbutton,
ul.linklist .list_info a.newtabbutton.active,
ul.linklist .list_info a.newtabbutton:hover {
	border-radius: 0 .2em .2em 0;
	-moz-border-radius: 0 .2em .2em 0;
	-webkit-border-radius: 0 .2em .2em 0;
}


p.linklist_action + ul.linklist,
p.linklist_action + p.box {
	margin: 0 0 1em 0;
}
p.linklist_action + ul.linklist li:first-child {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
p.linklist_action + ul.linklist li:first-child:last-child,
p.linklist_action + p.box {
	border-radius: 0 0 .3em .3em;
	-moz-border-radius: 0 0 .3em .3em;
	-webkit-border-radius: 0 0 .3em .3em;
	margin-top: -1px;
}
p.linklist_action {
	background : #eaeaea;
	border: 1px solid #ccc;
	margin: 1em 0 0 0;
	padding: 0;
	line-height: 2em;
	border-radius: .3em .3em 0 0;
	-moz-border-radius: .3em .3em 0 0;
	-webkit-border-radius: .3em .3em 0 0;
}
p.linklist_action a {
	padding: 0 .5em;
	display: inline-block;
	border-right: 1px solid #ccc;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
p.linklist_action a:first-child {
	border-radius: .2em 0 0 0;
	-moz-border-radius: .2em 0 0 0;
	-webkit-border-radius: .2em 0 0 0;
}
p.linklist_action a.active {
	background: #ddd;
	color: #000;
}
p.linklist_action + div.textarea {
	border-radius: 0 0 .3em .3em;
	-moz-border-radius: 0 0 .3em .3em;
	-webkit-border-radius: 0 0 .3em .3em;
	margin-top: -1px;
}

span.path {
	display: inline-block;
	border-right: 1px solid #ccc;
}
span.path span.first {
	display: inline-block;
	border-right: 1px solid #ccc;
	padding: 0 .5em;
	/* make overlapping with z-index work: */
	background: #eaeaea;
	border-top-left-radius: .2em;
	-moz-border-radius-topleft: .2em;
	-webkit-border-top-left-radius: .2em;
	position: relative;
	/* end */
}
span.path a.item {
	border-right: none;
	display: inline-block;
	padding: 0 0 0 30px;
	margin-left: -20px;
	text-decoration: none;
	position: relative; /* make z-index work */
}
span.path a.item span.separator {
	text-indent: -1000em;
	display: inline-block;
	width: 20px;
	background: url("pathseparator.png");
	background-position: -1px center;
}
span.path a.item:hover span.separator,
span.path a.item:active span.separator {
	background-color: #eee;
	background-position: -22px center;
}
span.path span.last {
	display: inline-block;
	padding: 0 10px;
}
span.path span.last span.separator {
	display: none;
}