/* Reset */
html, body {padding: 0; margin: 0;}
html {font-size: 1em;}
body {font-size: 100%;}
a img, :link img, :visited img {border: 0;}

/* Main */
body {font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";font-size:11px;background:#666666;}
a:link, a:active, a:visited {color:#333333;}
a:hover {color:#666666;}
/* Divs */
.contenttable {padding:0px; height:100%}
.contenttable>table {width:100%; height:100%;border-spacing: 0;}
.contentblock {background:#fff;padding-left:10px;padding-right:20px;vertical-align: top; font-size:12px;}
.infoarea {background:#ddd; padding-left:10px;padding-right:20px;vertical-align: top;}
div.topfeed {background:#666666;color:#FFFFFF;height:16px;text-align:right;padding-top:2px;padding-right:2px;}
div.topfeed a, div.footer a {color:#FFFFFF;text-decoration:none;}
div.header {height:100px;background:#333333;}
.modules {background:#666666;color:#bbb;}
.modules a {color:#FFFFFF;}
div.footermodule {background:#333333;padding-bottom:10px;width:100%;}
div.footermodule a {color:#FFFFFF;}
div.footermodule a:hover {color:#CCCCCC;}
div.footermodule ul {list-style:none;padding-left:0px;}
div.footer {background:#666666;color:#FFFFFF;text-align:center;}
div.footermodule h3 {color:#CCCCCC;}
div.footer1 {float:left;width:50%;padding-left:15px;padding-top:10px;}
div.footer2 {padding-top:5px;}
/* Top Navigation */
div.headernav {height:30px;background:#333333;}
div.headernav ul {margin: 0;padding: 0;list-style:none;float:right; }
div.headernav li {float: left;border-left:solid 1px #999999;margin: 0;padding: 0;float:left; height: 25px; width:8em;text-align:center;}
div.headernav ul a span {font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;line-height: 28px;color: #fff;text-decoration: none;}
div.headernav ul a {text-decoration: none; display:block; width:100%; height:100%}
div.headernav ul a:hover {background-color:#666666;}
div.headernav li.active a span {color:#ff6600}
div.headernav span.breadcrumbs {display: inline-block; margin-top: 10px; color: #ccc;}
div.headernav span.breadcrumbs a {text-decoration: none; color: #ccc;}
div.headernav span.breadcrumbs a:hover {text-decoration: underline;}

div.search input {background:no-repeat;width: 130px;padding-right:20px;border:none;}
td.article_column {padding: 10px;}
/* Main Menu */
/* Headings */
.componentheading {font-size: 18px;line-height: 1.3em;color: #000;border-bottom: 1px solid #666666;padding-bottom: 10px;margin-bottom: 10px;}
.contentheading {font-size: 18px;line-height: 1.3em;color: #000;}
.contentheading a {font-size: 18px;line-height: 1.3em;color: #000;border:none;}
table.contentpaneopen td.contentheading {color: #000;font-size: 14px;font-weight: bold;}
table.contentpaneopen td.buttonheading {padding: 2px;}
table.contentpaneopen td.buttonheading img {margin: 0;}
/* Buttons */
.button {border:solid 2px #a00;color: #444;font-family: Arial, Hevlvetica, sans-serif;text-align: center;font-size: 11px;font-weight: bold;width: auto;background:#f8f8f8;padding: 0px 5px;line-height: 16px !important;line-height: 16px;height: 20px !important;height: 20px;margin: 1px;}
.button:hover {background:#ccc;}
.button[disabled="disabled"] {border:solid 2px #aaa;color: #888;font-family: Arial, Hevlvetica, sans-serif;text-align: center;font-size: 11px;font-weight: bold;width: auto;background:#eee;padding: 0px 5px;line-height: 16px !important;line-height: 16px;height: 20px !important;height: 20px;margin: 1px;}
.button[disabled="disabled"]:hover {}

/* Small Details */
.small, .createdate, .modifydate {font-size: 10px;color:#999999;}
td.sectiontableheader {border-bottom: 1px solid black;font-weight: bold;}
tr.sectiontableentry1 {background: none;}
tr.sectiontableentry2 {background:#E5E5E5;}
tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableheader, td.sectiontablefooter {padding: 2px 5px;}
td.contentdescription {padding-bottom: 10px;}
a.readon {color:#000000;}
/* Menu */
/* rot: #aa0000      orange: #ff6600 */
div.module a {text-decoration: none}
div.module h3:before {content:"► "; color:#a00}
div.module select {width: 196px}
div.module {margin-bottom: 25px;}
h3, table.moduletable th, legend { margin: 0;font-weight: bold;font-family: Helvetica,Arial,sans-serif;font-size: 1.5em;padding-left: 0px;margin-bottom: 10px;text-align: left;}
div.module h3 {font-family: Helvetica, Arial, sans-serif;font-size: 14px;font-weight: bold;color: #444;margin: -23px -4px 5px -5px;padding-left: 10px;padding-bottom: 2px;padding-top: 2px;background:#fff }
div.module {margin: 0;padding: 0;margin-bottom: 15px;}
div.module ul>li a:hover {background:#444}
div.module ul>li a:link, 
div.module ul>li a:visited {font-weight: bold;}
div.module ul>li.active {color:#f60 }
div.module ul { color: #bbb; }

td.modules-left {width: 240px;}
td.modules-left div.module>div>div>div {padding: 30px 15px 15px 10px; width: 215px;}
td.modules-left div.bannergroup {padding-top: 5px; margin-left: -1px;}
td.modules-left ul {list-style-type: none;padding: 0 0 0 20px;margin: 0px;}
td.modules-left ul>li:before {content:"● ";}

body.forum td.modules-left {width: 275px;}
body.forum td.modules-left div.module>div>div>div {padding: 30px 15px 15px 10px; width: 250px;}


td.modules-right {width: 160px;}
td.modules-right div.module>div>div>div {padding: 30px 10px 15px 15px;width: 150px;}
td.modules-right div.bannergroup {padding: 15px 0px; margin: -5px;}
td.modules-right ul {list-style-type: none;padding: 0 0 0 10px;margin: 0px;}
td.modules-right ul>li:before {content:"■ ";}



h3, table.moduletable th, legend {margin: 0;font-weight: bold;font-family: Helvetica,Arial,sans-serif;font-size: 1.5em;padding-left: 0px;margin-bottom: 10px;text-align: left;}
/* System Messages */
#system-message { margin-bottom: 10px; padding: 0;}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-size: 12px; font-weight: bold; text-indent: 30px; }
#system-message dd ul { color: #0055BB; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;}
/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message {  }
#system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 4px 4px no-repeat;}
/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error {  }
#system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px 4px no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}
/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice {  }
#system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../images/notice-note.png) 4px 4px no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }
/* Search */
#search input {background: #ffffff;height: 20px;width: 130px;border:none;}
/* Tips */
/*
.tool-tip {	color: #fff;width: 139px;z-index: 13000;}
.tool-title {font-weight: bold;font-size: 11px;margin: 0;color: #9FD4FF;padding: 8px 8px 4px;background: url(../images/bubble.png) top left;}
.tool-text {font-size: 11px;padding: 4px 8px 8px;background: url(../images/bubble.png) bottom right;}
*/
.custom-tip {color: #000;width: 130px;z-index: 13000;}
.custom-title {font-weight: bold;font-size: 11px;margin: 0;color: #3E4F14;padding: 8px 8px 4px;background: #C3DF7D;border-bottom: 1px solid #B5CF74;}
.custom-text {font-size: 11px;padding: 4px 8px 8px;background: #CFDFA7;}
/* Poll */
table.poll {padding: 0;width: 100%;border-collapse: collapse;}
table.pollstableborder {padding: 0;width: 100%;border: none;text-align: left;}
.sectiontableheader {padding: 8px 5px;background: #444444;color: #FFFFFF;text-align:left;}
tr.sectiontableentry0 td {padding: 5px 5px;}
tr.sectiontableentry1 td {padding: 5px 5px;background:#ECECEC;}
/* Typography */
div.code {border-left:#666666 solid 8px;background:#CCCCCC;width:auto;padding-left:10px;font-family:"Times New Roman", Times, serif;padding-top:5px;padding-bottom:5px;}

td.contentblock textarea {width: 100%}
/* Tooltips */
.tool-tip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 300px;
	text-align:left;
}

.tool-title {
	color: #000000;
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text {
	color: #000000;
	font-size: 100%;
	margin: 0;
}

.tooltip-symbol {
	display: inline-block;
	background: url(../images/tooltip.png) no-repeat;
	padding: 0;
	margin: 0;
	width: 16px;
	height: 16px;
}

.tooltip-link-symbol {
	display: inline-block;
	background: url(../images/tooltip-link.png) no-repeat;
	padding: 0;
	margin: 0;
	width: 16px;
	height: 16px;
}

.tooltip-link-symbol:hover {
	display: inline-block;
	background: url(../images/tooltip-link-hover.png) no-repeat;
	padding: 0;
	margin: 0;
	width: 16px;
	height: 16px;
}

a.download-link {
	background-image: url("../images/download.png");
	background-position: 1px 50%;
	background-repeat: no-repeat;
	padding-left: 20px;
}

span.download-link {
	background-image: url("../images/download.png");
	background-position: -2px 50%;
	background-repeat: no-repeat;
	padding-left: 20px;
}

a.pdf-link {
	background-image: url("../images/pdf_icon.png");
	background-position: 0 50%;
	background-repeat: no-repeat;
	padding-left: 20px;
}

a.sf-link {
	background-image: url("../images/icon_sourceforge.png");
	background-position: 0 50%;
	background-repeat: no-repeat;
	padding-left: 20px;
}


.source-code-editor {
	background-color: #fff;
	border: 1px solid #818A91;
	color: #000;
	padding: 2px;
}

.infoarea ul {list-style:none;}
.infoarea b.info:before {content:"ℹ "; color:#44f}
.infoarea b.warning:before {content:"➜ "; color:#f50}
.infoarea b.error:before {content:"✗ "; color:#f00}


a.appstyle {
  display: inline-block;
  height: 86px;
  padding: 20px 0;
  text-decoration: none;
}

div.appstyle {
  display: inline-block;
  height: 86px;
  padding: 20px 0;
}

.appstyle > span.square {
  color:#fff; 
  background-color: #db4220; 
  width:50px; 
  height:50px; 
  padding:12px 12px; 
  display: inline-block;
  border-radius: 10px; 
  border: 0;
  margin: 6px;
}

a.appstyle:hover > span.square {
  border-radius: 16px; 
  border: 6px solid #ddd;
  margin: 0;
}

.appstyle > span.square > img {
  vertical-align: middle;
  width:50px; 
  height:50px; 
}

.appstyle > span.text {
  font-family:'Courier New', Courier, monospace; 
  font-size: 19px; 
  vertical-align: middle; 
  font-weight:bold; 
  padding-left: 20px;  
}

.appstyle > div {
  display:inline-block;
  vertical-align: middle;
  padding-left: 20px;
}

.appstyle > div > h2 {
  font-family:'Courier New', Courier, monospace; 
  font-size: 19px; 
  vertical-align: middle; 
  font-weight:bold; 
}

.appstyle > div > div {
  font-family:'Courier New', Courier, monospace;    
}

div.more_central {
  padding-left: 80px;
}

.typewriter {
  font-family:'Courier New', Courier, monospace;  
}

a.readmore {
  text-decoration: none;
}

a.readmore span.more {
  font-weight: normal;
  text-decoration: underline;
}

a.readmore:hover span.more {
  font-weight: bold;
  text-decoration: underline;
}

body.authorized .unauthorized {
  display: none !important;
}

body.unauthorized .authorized {
  display: none !important;
}

body.authorized div.authorized {
  display: block !important;
}

body.authorized span.authorized {
  display: inline !important;
}

body.unauthorized div.unauthorized {
  display: block !important;
}

body.unauthorized span.unauthorized {
  display: inline !important;
}

.more_central ul li {
    padding: 2px 0;
}

.psel_choose {
  /*font-weight: bold;*/
  color: #888;
}

.psel_create {
  font-weight: bold;
}

.psel_public {
  font-style: italic;
}

div.site-news {
  font-size: 11px;
}

div.site-news>div {
  margin: 5px;
}

div.site-news a {
  color: #bbb;
}

div.site-news b {
  font-weight: bold;
  color: #fff;
}

div.site-news em {
  font-weight: bold;
  font-style: normal;
  color: #fff;  
}

div.site-news a:hover {
  color: #eee;
}

div.site-news a:hover b {
  color: #fff;
}

div.site-news a:hover em {
  color: #e67814;
}

div.klatest > ul li::before {
    content: "";
}

div.klatest > ul li {
    margin-left: -14px;
}