/**
 * Color codes
 * anthrazit	#303030;
 * orange		  #ff7f00;
 * text			  #333;
 */


iframe[src="about:blank"]{display:none;}

body {
	background: #ccc url(images/bg.png) repeat-x left center;
	color: #333;
	min-width: 1000px;
	font-family: 'OpenSans', Verdana, Geneva, sans-serif;
	font-size: 16px;
	cursor: default;
}
strong {
	font-weight: bold;
}
a:link, a:visited, a:active {
	color: #ff7f00;
	text-decoration: none;
}
a:link:hover {text-decoration: underline; }

p.param_licenselist {padding-bottom:7px;}
.bold { font-weight:bold;}
.italic { font-style:italic;}
.nolinebreak {white-space:nowrap;}
.active { color:#00aa11 !important; }
.inactive { color:#aa1100 !important; }
.bg_active { background:#C0FFD0 !important; }
.bg_inactive { background:#FFD0C0 !important; }
.paleblue { color:#003777 !important; }
.normalcolor {
  color:#333 !important;
	text-decoration: underline !important;
}
.underline { text-decoration:underline; }
.mailpreview { 
  font-weight:bold;
  padding:6px !important;
  border:1px solid #e1e1e2;
  border-radius:5px;
  text-align:center !important;
  margin-bottom:7px;
}
p {
	text-align: justify;
	line-height: 1.4;
	padding: 0 0 1em;
}
h1, h2, h3, h4 {
	color: #ff7f00;
	line-height: 1.3;
	padding: 0.5em 0 1em;
}   
h1 span { display: block; }

h1 {
	font-size: 32px;
	color: #333333;
	text-shadow: 0px 0px #cfcfcf;
}

h2 {
  padding-top:1px;
  padding-bottom:7px;
	font-size: 18px;
  color: #333333;
}

h3 {
  color: #575851;
}

/*-----------------Header---------------*/

header {
	background: #303030;
	color: #fff;
	display: block;
	height: 200px;
}
header > div {
	position: relative;
	z-index: 1;
	box-shadow: 0 0 10px 10px rgba(0,0,0,0.4);
	width: 960px;
	height: 200px;
	margin: 0 auto;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC41Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.5))); /* Chrome, Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 100%); /* Chrome10+, Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#80ffffff',GradientType=0 ); /* IE6-8 */
}
header #logo {
	display: block;
	background: transparent url(images/logo.png) no-repeat center center;
	background-size: 225px auto;
	width: 225px;
	height: 140px;
	float: left;
	margin: 10px 0 0 10px;
	font-size: 0px;
}
header #title {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 64px;
	font-weight: bold;
	float: right;
	margin: 43px 146px 0 0;
	text-shadow: 3px 3px 5px #000;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}
header #title { filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,strength=3,color=000);}

header nav {
	position: relative;
	z-index: 100;
	width: 960px;
	margin: -48px auto 0;
}
header nav>ul {
	clear: both;
	width: 1000px;
	padding: 10px 0 0 20px;
}
header nav>ul>li {
	float: left;
	margin: 0 5px;
}
header nav ul ul {
	position: relative;
	display: none;
	border: 1px solid #ff7f00;
	position: absolute;
	background: #303030;
	width: 220px;
}
header nav>ul>li>a,
header nav>ul>li>a:link,
header nav>ul>li>a:visited,
header nav>ul>li>a:active {
	display: block;
	color: #333;
	padding: 12px 15px 13px;
	text-shadow: 0px 0px 8px #fff;
	text-decoration: none;
	text-transform: uppercase;	
}
header nav>ul>li.current,
header nav>ul>li:hover {
	background: #ff7f00;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
header nav>ul>li.current>a,
header nav>ul>li:hover>a {
	color: #fff;
	text-shadow: 0px 0px 0px #fff;
}
header nav li:hover ul {
	display: block;
}
header nav li li {
	display: block;
}
header nav li li a,
header nav li li a:link
header nav li li a:visited,
header nav li li a:active {
	font-size: 14px;
	display: block;
	color: #fff !important;
	text-decoration: none;
	text-transform: uppercase;	
	padding: 5px 10px;
}

header nav li li a:hover {
	text-decoration: underline;
}

/* Body / content */

body > div {
	width: 960px;
	margin: 0 auto;
	box-shadow: 0 0 10px 10px rgba(0,0,0,0.4);
}

section {
	position: relative;
	z-index: 2;
	border-top: 3px solid #ff7f00;
	border-bottom: 3px solid #ff7f00;
	background: #fff;
	margin: 0px auto;
	padding: 20px;
	line-height: 1.2;
}
section article {
	clear: both;
	min-height: 200px;
}
section li {
	line-height: 1.3;
	list-style: square outside;
	margin-left: 20px;
}

section aside {
	border-left: 1px solid #CCCCCC;
    float: right;
    font-size: 0.9em;
    margin: 0 0 20px 10px;
    padding-left: 9px;
    width: 180px;
}
section aside p { text-align: left; }
section img { max-width: 814px; }

/* Floats/Clears */
.left { float: left; }
.right {
  float: right;
  margin-left:14px;
}

.red { color: red !important; }
.last { margin-right: 0;}
.clear { clear: both; }
p.clear { padding-bottom:0px; }
.center { text-align: center; }
.fixed { position: fixed; }

/* --- News --- */

/* news list */
#news .newslist li,
#news-archive .newslist li,
#news-releases .newslist li { 
  margin-bottom: 20px; 
}
ul.newslist li {
	list-style: none;
	display:block;
}
ul.newslist li div {
	margin: 0 0 20px 20px;
	border: 1px solid #e1e1e2;
	border-radius: 5px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
	padding: 10px;
}
ul.newslist li ul li.generated { 
  padding:0;
  list-style: square outside;
  border:0px;
  border-radius:0px;
  box-shadow: 0px 0px rgba(0,0,0,0);
  line-height:1.3;
  margin:0; margin-left:0px;
}

ul.linklist li > ul li {
  margin-left:20px;
  position:relative;
}

span.dateblock { 
  width:60px;
  border-radius:5px;
  padding:9px;
  float: left;
  border:2px solid #f0e8e0;
  background:#fff8f2;
  /*box-shadow: 2px 2px 2px rgba(0,0,0,0.4);*/
  margin-right:14px;
  margin-bottom:5px;
  text-align:center;
  font-weight:bold;
}
span.day { font-size: 48px;
  line-height:0.8em;
  color:#a63;
  padding:0; 
}
span.month {
  font-size: 28px;
  color:#665;
}
span.year { 
  font-size: 18px;
  color:#333; 
}

/* links older newer */
div.lists { 
  text-align: center;
  font-size: 0.9em;
}
div.surrounds { overflow: hidden; }
div.surrounds .newer { float: left; }
div.surrounds .older { float: right; }

/* customer -> personal data (right side) */
ul.pdlist li {
    line-height:1.1em;
	list-style: none;
	display:block;
    padding-bottom:5px;
    margin-left:2px;
}
ul.pdlist li.mail {
    padding-bottom:19px;
}

/* -- Tables -- */

/* Table -> standard style */
table {
  border:2px solid #e1e1e2;
  box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
  margin-bottom:14px;
  width:100%;
}

/* platforms */
table.gen_platforms {
  border:0px solid #e1e1e2;
  margin-bottom:32px;
}
table.gen_platforms td {
  border:2px solid #e1e1e2;
  width:470px;
  vertical-align:top;
  padding:7px;
}

table.logtable_counts {
  width:380px;
}
table.logtable_counts tr td {
  border:2px solid #e1e1e2;
  vertical-align:top;
  padding:3px;
}



/* table generated through text2html */
table.generated { border:0px solid #e1e1e2; }
table.generated td {
  border:2px solid #e1e1e2;
  padding:3px;
  width:299px;
}

/* customer area -> Table showing personal info */
.licensefile { float: right; }
table.personaldata {
  border-collapse:collapse;
  margin-bottom:28px;
}
table.personaldata tr.head { background-color:#eaeaea; }
table.personaldata tr.head td { border:2px solid #d1d1d2; }
table.personaldata tr td {
  text-align: left;
  padding:7px;
  vertical-align:top;
  border:2px solid #e1e1e2;
  width:auto;
  width:300px;
}
table.personaldata tr td:first-child {
  font-weight:bold;
  width:200px;
}

/* log table -> database activity  */
table.databaselogadmin {
  margin-bottom:10px;
  border-collapse:collapse;
  margin-left:0px;
}
table.databaselogadmin td {
  text-align: left;
  padding:7px;
  vertical-align:top;
  border:1px solid #bcbcb3;
  width:auto;
}

/* table for forms */
table.form {
  border:2px solid #e1e1e2;
  box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
  width:auto;
  margin-left:0px;
}
table.form tr td.element {
  border:0;
  padding:4px;
  background:#fcfcfc;
}
table.form tr td.element:first-child {
  vertical-align:middle;
  font-weight:bold;
  width:140px;
  padding-right:14px;
}
table.form tr td.element .textfield,
table.form tr td.element .multidd {
  border:2px solid #d1d1d2;
  border-radius:3px;
}
table.form tr td.element .textfield {
  width:320px;
  padding:2px;
}

table.form tr td.element .multidd option {
  background:#ececec;
}

table.form tr td.element .textfield:hover,
table.form tr td.element .multidd:hover { border:2px solid #b1b1b2; }
table.form tr td.element .textfield:focus,
table.form tr td.element .multidd:focus {
  border:2px solid #929191;
  outline:0;
}
table.form tr td.element input.checkbox { width:auto; }
table.form tr td.element span.checkboxcomment {
  font-style:italic;
  font-size:10pt;
}
table.form tr td.element select { min-width:150px; }
table.form tr td.element select.date {
  width:auto;
  min-width:0;
}
table.form tr td.element table {
  padding:0;
  box-shadow: 0px 0px rgba(0,0,0,0);
}
table.form tr td.element input[type="submit"],
table.form tr td.element input[type="button"] {
  width:auto;
  min-width:100px;
}
table.form tr td.element input.rb_standard {
  width:18px;
  vertical-align:baseline;
  text-align:left;
  padding-bottom:24px;
}
table.form tr td.element span.rb_standard {
  width:30px;
  text-align:left;
  padding: 20px 10px 0px 0px;
}
table.form tr td.element .errormsg {
  color:#Fd5411;
  font-size:11pt;
  padding-bottom:2px;
}
table.form tr td.element .elecomment_top {
  display:block;
  color:#111111;
  font-size:11pt;
  border-radius:3px;
  margin-bottom:0px;
  border:1px solid #e5c595;
  box-shadow: 0px 0px 0px 1px #dfb070;
  background: #f5e5c5;
  padding: 5px;
  line-height: 1.2;
  width:315px;
}
table.form tr td.element .elecomment_bottom {
  display:block;
  color:#111111;
  font-size:11pt;
  border-radius:3px;
  margin-top:-1px;
  border:1px solid #eeac40;
  background: #f5e5c5;
  padding: 5px;
  line-height: 1.2;
}
table.form tr td.element p.formwarning { 
  color:#FF1c00;
  font-size:13pt;
  padding-bottom:4px;
  text-align:left;
}

/* various tables in admin area with td borders */
table.users tr td {max-width:430px; }
table.defaultborder tr td,
table.licenses tr td,
table.mailparams tr td,
table.users tr td,
table.pages tr td,
table.licenseparams tr td,
table.vampirreleases tr td,
table.auth tr td {
  border:2px solid #e1e1e2;
  padding:5px;
  font-size:11pt;
}

/* first row bold */
table.defaultborder tr:first-child td,
table.auth tr:first-child td,
table.licenses tr:first-child td,
table.users tr:first-child td,
table.mailparams tr:first-child td,
table.logtable tr:first-child td,
table.pages tr:first-child td,
table.licenseparams tr:first-child td,
table.vampirreleases tr:first-child td,
table.eventmessages tr:first-child td {
  font-weight:bold;
}
/* p tag in td -> text left */
table.defaultborder tr td p,
table.licenses tr td p,
table.users tr td p,
table.pages tr td p,
table.auth tr td p,
table.mailparams tr td p,
table.licenseparams tr td,
table.pages tr td p {
  text-align:left;
}

table.licenses tr td p,
table.mailparams tr td p {
 padding:0;
}

/* mailparams table */
table.mailparams tr td p.description { font-size: 10pt; }
table.mailparams tr td p.boldbrown {
  font-weight: bold;
  color:#773700;
}
table.mailparams tr td p.mail { 
  font-weight:bold;
  padding:6px !important;
  border:1px solid #e1e1e2;
  border-radius:5px;
  text-align:center !important;
  margin-bottom:7px;
}

/* log tables */
table.logtable,
table.binaries { 
  border:2px solid #e1e1e2;
  margin:0 auto;
  min-width:97%; 
}
table.logtable tr td,
table.binaries tr td {
  border:1px solid #e1e1e2;
  padding:5px;
  font-size:11pt;
}
table.binaries tr td:first-child { max-width:300px; }
table.logtable tr td {
  white-space:nowrap;
  position: relative;
}
table.logtable tr td p.serial{
  border:1px solid #c1c1c2; 
  padding:4px;
  margin:4px;
  background:#f7f7f7;
  font-size:10pt;
}

.copy_wrapper img {
  opacity: 0;
  position: absolute;
  top: 50%;
  right: 0.5%;
  transform: translate(-50%, -50%);
}

.serial .copy_wrapper img {
  top: 62%;
}

div.serial_wrapper:hover p.serial + .copy_wrapper img {
  opacity: 1;
}

div.serial_wrapper:hover .serial .copy_wrapper img {
  opacity: 1;
}

/* config param table */
table.configparams tr td { 
  border:1px solid #e1e1e2;
  padding:7px;
  font-size:12px;
}
table.configparams tr td.ucol { width:150px;}
table.configparams tr td.fcol { width:90px;}
table.configparams tr td.namedescr {
  width:100px;
  max-width:500px;
  font-size:11pt;
}
table.configparams tr td.namedescr pre {
  white-space:pre-wrap;
  font-size:13px;
}
table.configparams tr td.value {
  min-width:90px;
  background-color:#eff3f2;
  font-style:italic;
}
table.configparams tr:first-child td {
  font-weight:bold;
  font-size:12px;
}

/* event msg table */
table.eventmessages tr td {
  border:1px solid #e1e1e2;
  padding:7px;
  font-size:11pt;
}
table.eventmessages tr td.name {
  padding-right:28px;
  max-width:500px;
}
table.eventmessages tr td.descr pre {
  white-space:pre-wrap;
  font-size:13px;
}

/* shortcuts, shown near textarea elements which serve as editor e.g. news and content */
table#shortcuts { float: right; width: 300px; border-collapse:collapse; border:2px solid #e1e1e2; box-shadow: 2px 2px 2px rgba(0,0,0,0.4);}
table#shortcuts td { border-bottom: 1px solid #e1e1e2; padding:2px; font-size:10pt;}

/* ---- */

/* p tags in generated content, also img */
p.twocolumns, p.threecolumns {
  float:left;
  text-align:center;
}
p.twocolumns { width:460px; }
p.threecolumns { width:300px; }
p.twocolumns a img, p.twocolumns img { width:440px; }
p.threecolumns a img, p.threecolumns img { width:260px; }

p.licensebox {
  border:2px solid #e1e1e2;
  box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
  padding:4px;
}
div.newspreviewclear {
  clear:both;
  margin-bottom:14px;
}
.newspreview {
  position:relative;
  margin-right:2%;
  float:left;
  width:47%;
  min-height:185px;
  padding:7px;
  border:2px solid #e1e1e2;
  border-radius:3px;
  box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
  display: table-cell;
}
.nprelease {
  margin-right:0px;
}
.newspreview h2 {margin-bottom:10px;}
.newspreview li {
  list-style:none;
  margin-left:7px;
  /*padding-top:14px;
  border-top:2px solid #e1e1e2;*/
}
.newspreview li:first-child { border:0; padding-top:0px;}
.newspreview li p {text-align:left;}

/* event message boxes  */
.error,
.success,
.info,
.devinfo { 
  display:block;
  text-align:left;
  font-weight:bold;
  padding: 7px;
  border-radius:3px;
  margin-bottom:14px;
}
.success span.denymsg,
.error span.denymsg,
.info span.denymsg {
  display:block;
  margin:7px;
  padding: 7px;
  border-radius:3px;
}
.success {
  box-shadow: 1px 1px 2px rgba(0,80,10,0.4);
  border:2px solid #68a871;
  background-color:#ccfcba;
  color:#118614;
}
.success span.denymsg {
  border:2px solid #6Aaf29;
  background-color:#dcffbf;
}
.error {
  box-shadow: 1px 1px 2px rgba(100,0,0,0.4);
  border:2px solid #d7585b;
  background-color:#fccdc0;
  color:#a12121;
}
.error span.denymsg {
  border:2px solid #9a2a21;
  background-color:#fddccf;
}
.info {
  box-shadow: 1px 1px 2px rgba(80,60,0,0.4);
  border:2px solid #ff9948;
  background: #ffe4aa;
  color:#333333;
}
.info span.denymsg {
  border:2px solid #ee8838;
  background-color:#ed8221;
}
.devinfo {
  box-shadow: 1px 1px 2px rgba(17,17,17,0.4);
  border:2px solid #bbbbbb;
  background-color:#dddddd;
  color:#222222;
  margin-bottom:14px;
}

/* pagebar = page links for tables with many entries */
div.pagebar {
  text-align:center;
  margin-top:14px;
  margin-bottom:14px;
  font-size:0.95em;
}

/* Preview of news, pages etc. */
div.preview {
  padding:3px;
  box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
  border-collapse:collapse;
  border:2px solid #e1e1e2;
  clear: both;
  margin-bottom:14px;
}
div.preview p.prevtxt {
  font-size:1.5em;
  color:#ff7f00;
  text-align:center;
  padding:0;
}
div.preview p.title {
  font-weight:bold;
  padding-bottom:14px;
}

/* Error template for errors like 403, 404 and 500 */
#errortemplate p {
  color:#ff7c00;
  font-weight:bold;
}
#errortemplate pre {
  font-size:9pt;
  display:none;
}

/* Breadcrumb = navigation at end of section, above footer */
section #breadcrumb {
	clear: both;
	padding: 50px 0 10px;
  white-space:nowrap;
}
section #breadcrumb div {
  float:left;
  white-space:nowrap;
}
section #breadcrumb a, section #breadcrumb span {
	display: block;
	font-size: 14px;
	float: left;
	padding-left: 20px;
	padding-right: 7px;
	background: transparent url(images/arrows.png) no-repeat 0 0;
}
section #breadcrumb a.top {
	display: block;
	float: right;
	background-position: 0px -104px;
}

#overview article { overflow: hidden; }
#overview article h1 { 
	line-height: 1.3;
	padding: 0.5em 0 1em;
	font-size: 32px;
	color: #333333;
  /*color: #633100;*/
	/*text-shadow: 0 0 2px #ff7f00;*/
}

/* Slide show on overview page */
#slidecontainer { position:relative; }
#slidecontainer ol {
	width: 814px;
	height: 566px;
	overflow:hidden;
	position:relative;
	margin: 0px auto 15px;
}
#slidecontainer ol li { 
  list-style: none;
  margin-left: 0;
}
#slidecontainer ol li strong {
	position: relative;
	display: block;
	color: #fff;
	top: -88px;
	overflow: hidden;
	height: 62px;
	padding: 15px 20px 0;
	margin: 0 9px 9px 0;
	background: rgba(0,0,0,0.66);
	font-size: 24px;
}
.no-rgba #slidecontainer ol li strong {
	min-width: 765px;
	background: transparent url(images/black_66.png) repeat left top;	
}
#slidecontainer ol li strong em {
	display: block;
	font-size: 18px;
	text-align: center;
	font-style: normal;
}
#slidecontainer .pagination {
	position: relative;
  left: 600px;
  top: 508px;
  min-width: 100px;
	z-index: 100;
	width: auto;
	height: auto;
	overflow: auto;
	margin: 0;
}
#slidecontainer .pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}
#slidecontainer .pagination li a {
	display:block;
	width:32px;
	height:32px;
  color: transparent;
	background-image:url(images/pagination.png);
	background-position: 0 0;
	float:left;
	overflow:hidden;
}
#slidecontainer .pagination li.current a { /* okay */
	background-position: 32px 0;
}

/* Accordion */
h2.accordion-header,
p.accordion-header,
div.accordion-header,
td.accordion-header {
	cursor: pointer;
	padding-left: 20px;
	background: transparent url(images/arrows.png) no-repeat 0 12px;
}
p.accordion-header { 
    background-position: 0 3px;
    margin-bottom:1em;
    padding-bottom:0;
}
div.accordion-header { background-position: 0 3px; }
.accordion-header.open { background-position: 0 -28px; }
p.accordion-header.open { background-position: 0 -37px; }
div.accordion-header.open { background-position: 0 -37px; }

/* '/licensing' page */
#licensing article td {
  border-top: 0;
  border-bottom: 0;
}
#licensing article table.generated { border:2px solid #e1e1e2; }

/* Footer */
footer {
	background: #303030;
	display: block;
	overflow: hidden;
	color: #fff;
	font-size: 12px;
}
footer div {
	box-shadow: 0 0 10px 10px rgba(0,0,0,0.4);
	position: relative;
	z-index: 1;
	width: 960px;
	margin: 0 auto;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-8 */
}

footer .icon {
	margin: 10px 10px 10px 20px;
	display: block;
	float: left;
	width: 100px;
	height: 100px;
	background: transparent url(images/icons/contex.png) no-repeat center center;
	font-size: 0px;
}
#nr01 {background-image:url(images/icons/calltree.png);}
#nr02 {background-image:url(images/icons/contex.png);}
#nr03 {background-image:url(images/icons/counterDataTimeline.png);}
#nr04 {background-image:url(images/icons/io.png);}
#nr05 {background-image:url(images/icons/legend.png);}
#nr06 {background-image:url(images/icons/markerlist.png);}
#nr07 {background-image:url(images/icons/message_profile.png);}
#nr08 {background-image:url(images/icons/message_statistics.png);}
#nr09 {background-image:url(images/icons/performanceradar.png);}
#nr10 {background-image:url(images/icons/process_summary.png);}
#nr11 {background-image:url(images/icons/process.png);}
#nr12 {background-image:url(images/icons/summary.png);}
#nr13 {background-image:url(images/icons/timeline.png);}

footer #llogo {
	margin: 10px;
	display: block;
	float: right;
	width: 142px;
	height: 88px;
	background: transparent url(images/logo.png) no-repeat center center;
	background-size: 142px auto;
	font-size: 0px;
}
	
footer ul {
	width: 650px;
	margin: 0 auto;
	padding-top: 10px;
}
footer #fsitemap li {
	width: 85px;
}
footer #fsitemap ul {
	width: 100%;
}
footer ul li {
	display: block;
	float: left;
	padding: 1px 10px 1px 10px;
}
footer #lastline {
	clear: both;
	font-size: 14px;
	width: 100%;
	text-align: center;
	padding-bottom: 15px;
}
footer #lastline li {
	float: none;
	display: inline;
}
footer a,
footer a:link,
footer a:active,
footer a:visited {
	color: #fff;
	text-decoration: none;
}
footer a:hover {
	text-decoration: underline;
}

/*-----------------HowTo---------------*/
.howto {
}
.howto hr {
	margin: 1em 0 1em 0;
	color:#fd7421;
}
.howto fieldset {
	/* width: 797px; */
	padding:0.5em;
	margin: 0.5em 0 1em 0;
}
.howto legend {
	text-transform: uppercase;
}
.howto div {
	/* width: 800px; */
	background-color: #808080;
	color:white;
	padding:0.5em;
	margin: 0.5em 0 1em 0;
	font-family: "Courier New", Courier, monospace;
}
.howto p {
	padding: 0 0 1em 0;
}
.howto > ul > li { list-style: none; }
.howto ul {
	padding: 0 0 0.5em 3em;
}
.howto a:hover {
	background: transparent url(images/dark.png) repeat 0 0;
}
.howto ul.sub {
	padding: 0 0 0.5em 0.5em;
}
.howto-title {
	font-size:1.5em;
	padding: 0 !important;
}
.howto-links {
	padding:0.5em;
	font-size:1.2em;
	text-align: center;
}
.howto-img {
	text-align: center;
	max-width: 814px;
	margin: 0 auto 0 auto;
}
.howto-img img {
	max-width: 814px;
}
.howto td {
	border:1px solid black;
	vertical-align: top;
	padding: 0.5em;
}
.howto-hover {
	background: transparent url(images/dark.png) repeat 0 0;
}

#howtoimg {
	display:block;
	margin: 0 auto;
	width:814px;
	height:566px;
	background:url(images/home.png) no-repeat;
	background-size:contain;
	position:relative;
}
#howtoimg a:link, #howtoimg a:hover {
	text-decoration: none;
}

/* Overlays */
a#timeline {
	display:block;
	width:470px;
	height:509px;
	overflow:hidden;
	position:absolute;
	left:0px;
	top:55px;
	background:transparent
}
a#timeline:hover {
	background:transparent url(images/dark.png) repeat 0 0;
	color: white;
}
a#timeline span {
	display:block;
	padding:22em 2em 2em 2em;
	visibility:hidden;
}
a#timeline:hover span {
	visibility:visible;
}
a#function {
	display:block;
	width:336px;
	height:218px;
	overflow:hidden;
	position:absolute;
	left:470px;
	top:55px;
	background:transparent
}
a#function:hover {
	background:transparent url(images/dark.png) repeat 0 0;
	color: white;
}
a#function span {
	display:block;
	padding:6.5em 8em 2em 1em;
	visibility:hidden;
}
a#function:hover span {
	visibility:visible;
}
a#context {
	display:block;
	width:337px;
	height:110px;
	overflow:hidden;
	position:absolute;
	left:470px;
	top:271px;
	background:transparent
}
a#context:hover {
	background:transparent url(images/dark.png) repeat 0 0;
	color: white;
}
a#context span {
	display:block;
	padding:0.5em 0.5em 0.5em 0.5em;
	visibility:hidden;
}
a#context:hover span {
	visibility:visible;
}
a#legend {
	display:block;
	width:338px;
	height:172px;
	overflow:hidden;
	position:absolute;
	left:470px;
	top:380px;
	background:transparent
}
a#legend:hover {
	background:transparent url(images/dark.png) repeat 0 0;
	background-size:contain;
	color: white;
}
a#legend span {
	display:block;
	padding:1em 0.5em 1em 8em;
	visibility:hidden;
}
a#legend:hover span {
	visibility:visible;
}
a#zoombar {
	display:block;
	width:310px;
	height:30px;
	overflow:hidden;
	position:absolute;
	left:495px;
	top:22px;
	background:transparent
}
a#zoombar:hover {
	background:transparent url(images/dark.png) repeat 0 0;
	color: white;
}
a#zoombar span {
	display:block;
	padding:2em 2em 2em 2em;
	visibility:hidden;
}
a#zoombar:hover span {
	visibility:visible;
}
a#chartstoolbar {
	display:block;
	width:485px;
	height:30px;
	overflow:hidden;
	position:absolute;
	left:5px;
	top:22px;
	background:transparent
}
a#chartstoolbar:hover {
	background:transparent url(images/dark.png) repeat 0 0;
	color: white;
}
a#chartstoolbar span {
	display:block;
	padding:2em 2em 2em 2em;
	visibility:hidden;
}
a#chartstoolbar:hover span {
	visibility:visible;
}
a#button1 {
	display:block;
	width:25px;
	height:30px;
	overflow:hidden;
	position:absolute;
	left:14px;
	top:22px;
	background:transparent
}
a#button1:hover {
	background:transparent url(images/dark.png) repeat 0 0;
	color: white;
}
a#button1 span {
	display:block;
	padding:2em 2em 2em 2em;
	visibility:hidden;
}
a#button1:hover span {
	visibility:visible;
}
a#button2 {
	display:block;
	width:25px;
	height:30px;
	overflow:hidden;
	position:absolute;
	left:40px;
	top:22px;
	background:transparent
}
a#button2:hover {
	background:transparent url(images/dark.png) repeat 0 0;
	color: white;
}
a#button2 span {
	display:block;
	padding:2em 2em 2em 2em;
	visibility:hidden;
}
a#button2:hover span {
	visibility:visible;
}
a#button3 {
        display:block;
        width:25px;
        height:30px;
        overflow:hidden;
        position:absolute;
        left:146px;
        top:22px;
        background:transparent
}
a#button3:hover {
        background:transparent url(images/dark.png) repeat 0 0;
        color:white;
}
a#button3 span {
        display:block;
        padding:2em 2em 2em 2em;
        visibility:hidden;
}
a#button3:hover span {
        visibility:visible;
}
a#button4 {
	display:block;
	width:25px;
	height:30px;
	overflow:hidden;
	position:absolute;
	left:121px;
	top:22px;
	background:transparent
}
a#button4:hover {
	background:transparent url(images/dark.png) repeat 0 0;
	color: white;
}
a#button4 span {
	display:block;
	padding:2em 2em 2em 2em;
	visibility:hidden;
}
a#button4:hover span {
	visibility:visible;
}
a#button5 {
	display:block;
	width:25px;
	height:30px;
	overflow:hidden;
	position:absolute;
	left:94px;
	top:22px;
	background:transparent
}
a#button5:hover {
	background:transparent url(images/dark.png) repeat 0 0;
	color: white;
}
a#button5 span {
	display:block;
	padding:2em 2em 2em 2em;
	visibility:hidden;
}
a#button5:hover span {
	visibility:visible;
}
a#button6 {
	display:block;
	width:25px;
	height:30px;
	overflow:hidden;
	position:absolute;
	left:180px;
	top:22px;
	background:transparent
}
a#button6:hover {
	background:transparent url(images/dark.png) repeat 0 0;
	color: white;
}
a#button6 span {
	display:block;
	padding:2em 2em 2em 2em;
	visibility:hidden;
}
a#button6:hover span {
	visibility:visible;
}
a#button7 {
	display:block;
	width:25px;
	height:30px;
	overflow:hidden;
	position:absolute;
	left:233px;
	top:22px;
	background:transparent
}
a#button7:hover {
	background:transparent url(images/dark.png) repeat 0 0;
	color: white;
}
a#button7 span {
	display:block;
	padding:2em 2em 2em 2em;
	visibility:hidden;
}
a#button7:hover span {
	visibility:visible;
}
a#button8 {
	display:block;
	width:25px;
	height:30px;
	overflow:hidden;
	position:absolute;
	left:206px;
	top:22px;
	background:transparent
}
a#button8:hover {
	background:transparent url(images/dark.png) repeat 0 0;
	color: white;
}
a#button8 span {
	display:block;
	padding:2em 2em 2em 2em;
	visibility:hidden;
}
a#button8:hover span {
	visibility:visible;
}
a#button9 {
	display:block;
	width:25px;
	height:30px;
	overflow:hidden;
	position:absolute;
	left:319px;
	top:22px;
	background:transparent
}
a#button9:hover {
	background:transparent url(images/dark.png) repeat 0 0;
	color: white;
}
a#button9 span {
	display:block;
	padding:2em 2em 2em 2em;
	visibility:hidden;
}
a#button9:hover span {
	visibility:visible;
}
a#button10 {
	display:block;
	width:25px;
	height:30px;
	overflow:hidden;
	position:absolute;
	left:286px;
	top:22px;
	background:transparent
}
a#button10:hover {
	background:transparent url(images/dark.png) repeat 0 0;
	color: white;
}
a#button10 span {
	display:block;
	padding:2em 2em 2em 2em;
	visibility:hidden;
}
a#button10:hover span {
	visibility:visible;
}
a#button11 {
	display:block;
	width:25px;
	height:30px;
	overflow:hidden;
	position:absolute;
	left:347px;
	top:22px;
	background:transparent
}
a#button11:hover {
	background:transparent url(images/dark.png) repeat 0 0;
	color: white;
}
a#button11 span {
	display:block;
	padding:2em 2em 2em 2em;
	visibility:hidden;
}
a#button11:hover span {
	visibility:visible;
}
a#button12 {
	display:block;
	width:28px;
	height:30px;
	overflow:hidden;
	position:absolute;
	left:404px;
	top:22px;
	background:transparent
}
a#button12:hover {
	background:transparent url(images/dark.png) repeat 0 0;
	color: white;
}
a#button12 span {
	display:block;
	padding:2em 2em 2em 2em;
	visibility:hidden;
}
a#button12:hover span {
	visibility:visible;
}
a#button13 {
	display:block;
	width:25px;
	height:30px;
	overflow:hidden;
	position:absolute;
	left:431px;
	top:22px;
	background:transparent
}
a#button13:hover {
	background:transparent url(images/dark.png) repeat 0 0;
	color: white;
}
a#button13 span {
	display:block;
	padding:2em 2em 2em 2em;
	visibility:hidden;
}
a#button13:hover span {
	visibility:visible;
}
a#button14 {
	display:block;
	width:28px;
	height:30px;
	overflow:hidden;
	position:absolute;
	left:457px;
	top:22px;
	background:transparent
}
a#button14:hover {
	background:transparent url(images/dark.png) repeat 0 0;
	color: white;
}
a#button14 span {
	display:block;
	padding:2em 2em 2em 2em;
	visibility:hidden;
}
a#button14:hover span {
	visibility:visible;
}

/* Tables for files management */
#admin-files table { font-family: "Courier New", Courier, monospace; font-size: 0.9em; }
#admin-files table .dir,
#admin-files table .file {
	padding-left: 20px;
}
#admin-files table { width: 100%; }
#admin-files tr:first-child { font-weight: bold; }
#admin-files td { text-align: right; padding: 3px 10px; }
#admin-files td:first-child { padding-left: 25px; width: 33%; text-align:left;
}
#admin-files tr:first-child td { text-align: left; }
td.icon_file, td.icon_dir { 
  background-position: 0 7px;
  background-size: 16px auto;
  background-repeat: no-repeat;
}
td.accordion-header { background-position: 0 12px; }
td.accordion-header.open { background-position: 0 -28px; }

/* Icon set Nixus */
button.icon_rename,
button.icon_delete,
a.icon_file,
a.icon_dir,
a.icon_denied {
	display: block;
	float:right;
	border: 0;
	width: 20px;
	height: 20px;
	font-size: 0;
	background-color: transparent;
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: center center;
}
.icon_rename { background-image: url(./images/icons/nixus/32x32/Write.png); }
.icon_delete { background-image: url(./images/icons/nixus/32x32/Close.png); }
.icon_file { background-image: url(./images/icons/nixus/32x32/Pictures.png); }
.icon_dir { background-image: url(./images/icons/nixus/32x32/Folder.png); }
.icon_denied { background-image: url(./images/icons/nixus/32x32/Delete.png); }