body {font: 12px arial, helvetica, sans-serif; margin: 0; padding: 0;}
div, table, p {font: 12px arial, helvetica, sans-serif;}
form {margin:0;}
.error {color: #CA0000;}
h1 { font-weight: bold; color:#000000; margin:0 0 10px 0; font-size:24px;font-weight:normal;margin-bottom:20px;}
h2 {margin: 20px 0 15px 0;font-size: 14px;font-weight: normal;clear: left;color: #0074CA;margin-bottom:20px;text-align: left;line-height:18px;}
h3 {color: #6C7D8E;}
a {color: #000000;}
hr {border:none;height:0; margin-bottom:10px;color: #fff;background-color: #fff;}

fieldset { background:#f9f9f9; border:1px solid #efefef; margin-bottom:15px; text-align:left; }
legend {font-size: 14px;}

.reset, .clear {clear: both;}
.left {text-align: left;}
.contentApp {text-align: left;margin-top:5px;margin-left:5px;width:1000px;}

#main {margin:0;text-align:left;width:980px;}

#head {	padding-left: 8px;	padding-top: 8px;	lear:both;	height: 40px; width:980px;}
#footerbar {border-top:2px solid #f4f6fb; margin-top:50px; padding-top:10px; margin-left:8px;color:#cacaca;;width:1000px; }
#footerbar a { color:#cacaca; }
#footerbar .col {float:left;width:350px;margin-right:10px;}
#logo {margin-left:10px;text-align: left;position: relative;float: left;}
#loginbox {text-align: right;	position: relative;	float: right;width:400px;}

.backLight {background-color: #F5F5F5;}
.backDark {background-color: #ffffff;}

.backLight:hover {background: #BDF;}
.backDark:hover {background: #BDF;}

.pager a {padding:2px;margin-left:1px;}
.pager span {color:#000000;	padding:2px;margin-left:1px;}
.errorMessage {	background-color:#FF9191;padding:8px;margin-bottom:10px;}
.warningMessage {background-color:#FF9191;padding:5px;margin-bottom:10px;margin:0 auto;margin-bottom:10px;font-weight:bold;font-size:18px;}
.infoMessage {background-color:#73ce67;	padding:5px;margin-bottom:10px;font-weight:bold;font-size:18px;}
.pointer { cursor:pointer; }

/************** Hint **********************/
.hint { margin: 5px; width: 1000px;}
.hint div {border:solid #edebcd; border-width:0 1px;background:#fefdec;}
.hint div div { position:relative; top: -1px; left: 0;  border-width:1px 0 0;}
.hint div div div {  top: 2px;  border-width:0 0 1px;padding: 4px;}
.hint a { }
.hint h4 {  margin: 0 0 .3em 0;  font-size: 100%;}
.hint ul {margin: 0; padding: 0;	list-style: none;}
.hint ul li { 	margin: 0; padding:0;line-height:18px;}
.hint .warning {color:  #c00000;font-weight:bold;}
.hint .new { font-weight:bold;}
.hint .p {font-size:16px;font-weight:bold;}

/************** Start Dashboard **********************/
.start-dashboard {margin-left:8px;margin-top:70px;}
.start-dashboard .box {	background:#f4f6fb;	height:450px;width:290px;margin-bottom:10px;padding:8px;float:left;margin-right:10px;}
.start-dashboard h2 {font-size:18px;margin-top:0;}
.start-dashboard h3 {font-size:14px;margin-top:0;}
.start-dashboard .form-note {font-size:11px; }
.start-dashboard .handbuch {padding-left:60px; background:url(../images/start_help.gif) 0 0 no-repeat;height:30px;padding-top:15px; font-size:16px; }
.start-dashboard .handbuch a {text-decoration:none;border-bottom:1px dotted #000000;}
.news-block {margin-bottom:20px;border-bottom:1px solid #cccccc;padding-bottom:7px;font-size:11px;}
.news-highlight {border:2px solid red; padding:5px;}
.news-block .date {font-size:10px;}
.news-block p {margin-bottom:8px;}

.start-info {margin-left:8px;padding:15px; border:2px solid #0074CA;line-height:20px;}

/************** GUI **********************/
.gui-sidebar, .gui-filter {	background:#f4f6fb;	border:1px solid #cacaca;padding:3px;}
.gui-filter {}
.gui-filter ul {list-style:none; padding:0; margin:0;}
.gui-filter li {margin-bottom:3px;}
.gui-filter a {text-decoration:none;border-bottom:1px dotted #000000;}
.gui-sidebar-hint {background-color:#ffea00;font-size:12px;;}
.gui-dashboard {margin-left:8px;}
#gui_report {padding-left:15px;}

#gui_reportnav {margin-bottom:15px;}
#gui_reportnav ul {	list-style:none;margin:0;padding:0;}
#gui_reportnav ul li {float:left;font-size:14px;background:url('../images/report_nav.gif') repeat-x;;margin:0;margin-right:0px;}
#gui_reportnav ul li:hover, #gui_reportnav ul li.active {background:url('../images/report_nav_a.gif') repeat-x;}
#gui_reportnav ul li.first {background:url('../images/report_nav_first.gif') no-repeat;}
#gui_reportnav ul li.first.active {background:url('../images/report_nav_first_a.gif') no-repeat;}
#gui_reportnav ul li.first:hover {background:url('../images/report_nav_first_a.gif') no-repeat;}
#gui_reportnav ul li.last {background:url('../images/report_nav_last.gif') no-repeat right top;}
#gui_reportnav ul li.last.active {background:url('../images/report_nav_last_a.gif') no-repeat right top;}
#gui_reportnav ul li.last:hover {background:url('../images/report_nav_last_a.gif') no-repeat right top;}
#gui_reportnav ul li a {display:block;text-decoration:none;font-weight:bold;height:21px;padding:8px 8px 5px 8px;color:#000000;}


.gui-subfilter {border:1px solid #e8eef7;padding:4px;}

#queryBox{padding:10px;height:130px;width:980px;}
#queryBox table {margin:0;padding:0;}
#queryBox .tabs{margin-bottom:8px;}

#queryBox.home {
	margin-top:30px;
	margin-bottom:40px;
}

#queryBox .tabs ul{
	list-style:none;
	margin:0;
	padding:0;
}

#queryBox .tabs li{
	float:left;
	margin-right:15px;
	font-size:14px;
	
}

#queryBox .tabs li.text{
	padding: .5em 1em;
	color:#0cacff;
	background:#ffffff !important;
}

#queryBox .tabs li a.active {
	font-weight:bold;
	text-decoration:none;
}

#queryBox .info {
	background:url('../images/icon-info.png') no-repeat;
	margin-left:3px;
	padding-left:22px;
	padding-top:1px;
	font-size:11px;
}

.tab-content {
	height:65px;
	margin:0;padding:0;
}

.tab-content form {margin:0;}

.search-form{
	font-size:16px;
	width:300px;
	padding-top:8px;
	height:25px;

}

.search-form-category{
	padding-top:8px;
	height:25px;
	font-size:16px;
	width:100px;
}

.search-form-submit, .gui-submit-button {
padding-top:4px;
padding-bottom:4px;
height:38px;
	font-size:16px;
	
}

.gui-date-filter {
	text-align:right;
	margin-top:15px;
	font-size:20px;
	width:300px;
	float:right;
}

.gui-date-filter small {
	font-size:10px;
}

.gui-tools {margin-bottom:15px;	padding:3px;}
.gui-tools a {text-decoration:none;}
.gui-tools ul {list-style:none;padding:0;margin:0;}

.gui-dialog { padding:10px; display:none; }
.gui-dialog h1 {font-weight: bold; color:#000000; margin:0 0 10px 0;font-size:24px;font-weight:normal;	margin-bottom:20px;}
.gui-dialog h2 {margin:10px 0 10px 0;font-size: 14px;font-weight: normal;clear: left;color: #0074CA;text-align: left;line-height:18px;}
.gui-dialog .footer {margin:10px 0 10px 0;}

.large {font-size:18px;}
.large small {font-size:11px;}
.large { background:#fef3cb; border:1px solid #cacccc; -moz-border-radius:6px;width:550px; margin-bottom:2px; }
.large td {text-align:right;}
.large td.dinky {color:#828282;}
.large td.label {text-align:left;font-size:16px;width:140px;}
.large td.first {width:140px;}

.gui-hint {border:1px solid #fc6608; margin-left:5px; margin-top:5px; margin-bottom:25px; padding:5px; }
.gui-hint ul {list-style:none;padding:0;margin:0;}
.gui-box-summary {margin-bottom:10px;}


.gui-box-quicknavi {width:300px; float:left; margin-left:15px;}

.gui-box-extend {font-size:11px;display:none; overflow:auto;height:550px;}

.gui-filter-bar {font-size:11px; }
.gui-filter-bar h3 {display:block; font-size:14px;}
.gui-category-filter {font-size:11px; margin:0; padding-left:3px;list-style:none;}
.gui-category-filter li {font-weight:bold;}
.gui-category-filter li ul {margin:0; padding-left:15px;}
.gui-category-filter li ul li {font-weight:normal;}
.gui-category-filter a {text-decoration:none;}
.gui-category-filter small {font-size:10px; }

.gui-toggle {cursor:pointer;}
.gui-item-context {cursor:pointer;}

.categoryBrowserLaunch {cursor:pointer;}

/* Overlay */
#simplemodal-overlay {background-color:#000; }

.modal {padding:15px;}

/* Container */
#simplemodal-container {height:550px; width:800px; background-color:#fff; border:3px solid #ccc; }
#simplemodal-container a.modalCloseImg {background:url(../images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-10px; right:-15px; cursor:pointer;}
#simplemodal-container #basicModalContent {padding:8px;}

#account-extend { }



/* Chart-Box */

.guiBox {
 margin-bottom:15px;
 border:1px solid #cacccc; -moz-border-radius:6px;
 	
}

.guiBox .header{
	padding:2px;
	padding-left:8px;
	background:#f4f6fb;
	margin:0;margin-bottom:15px;
}

.guiBox .head{
	float:left; width:350px;
	 font-weight: normal;
	  color:#000000;
	  font-size:22px;
	  color:#0074ca;
	  text-align:left;
}

.guiBox .help {
	float:right;
	width:25px;
	padding-top:2px;
}

.help a {border:0;}
.help a img {border:0;}

.guiBox .content { padding:0 3px 0 3px; }

.guiBox .bar {}
.guiBox .bar ul {margin:0;padding:0;list-style:none;}
.guiBox .bar li {height:24px;}

.guiBox a {text-decoration:none; border-bottom:1px #000000 dotted; }
.guiBox a.active {font-weight:bold; border:0;}

.guiBox .footer { margin-top:10px; }
.guiBox .footer a { text-decoration:none; margin-left:3px; }


#gui-loader {
	text-align:center;
	vertical-align:middle;
	font-size:20px;
}

#gui-filter-category-extension {
	margin-top:10px;
}

/* tables */

#gui-grid-head {
		position:fixed;
		top:0; 
		left:0;
		width:100%;
		margin-left:13px;
		width:992px;
		display:none;
	}
	
#gui-grid-head-dashboard {
position:fixed;
		top:0; 
		left:180px;
		width:100%;
		margin-left:8px;
		width:800px;
		display:none;
}

.gui-grid td {border:1px solid #cccccc;padding:3px;text-align:right;}
.gui-grid td.left {text-align:left;}
.gui-grid a {text-decoration:none; border-bottom:1px dotted #000000;}
.gui-grid td.label {font-weight:bold;text-align:left;}
.gui-grid td.label-wrap {font-weight:bold;text-align:left;}
.gui-grid td.label-nowrap {text-align:left;white-space:nowrap;}
table.gui-grid {
	font-family:arial;
	/*border:1px solid #cccccc;*/
	border-collapse:collapse; font-size: 12px;
	width: 100%;
	text-align: left;
}

.gui-grid .nav a {border:0;margin:0;padding:0;margin-bottom:1px;}

table.large-grid tbody td {font-size:12px !important;}

table.gui-grid thead tr th, table.tablesorter tfoot tr th {
	background:#f4f6fb;
	border:1px solid #f4f6fb;
	padding: 3px;
	white-space:normal;
	height:40px;
	/*border:1px solid #cccccc;*/
	border-bottom:3px solid #cccccc;
}
table.gui-grid thead tr .header {
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	padding-right: 14px;
}

table.gui-grid tbody tr.green {
	background-color: #f1fff1;
}

table.gui-grid tbody td {
	color: #3D3D3D;
	padding: 4px;
	/*background-color: #FFF;*/
	vertical-align: top;
}
table.gui-grid tbody tr.odd td {
	background-color:#F0F0F6;
}

table.gui-grid tbody tr td.highlight {
	background-color:#e3e3e3;
}

table.gui-grid tbody tr td.highlight:hover {
	background-color:#BDF;
}

table.gui-grid tbody td.wide {
	width:370px;
	font-size:12px;
	text-align: left;
}

table.gui-grid thead tr .headerSortUp {
	background-image: url(../images/asc.gif);
}
table.gui-grid thead tr .headerSortDown {
	background-image: url(../images/desc.gif);
}
table.gui-grid thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background:#f4f6fb;
}


/* Generic context menu styles */
.contextMenu {
	position: absolute;
	width: 200px;
	z-index: 99999;
	border: solid 1px #CCC;
	background: #EEE;
	padding: 0px;
	margin: 0px;
	display: none;
}

.contextMenu LI {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.contextMenu A {
	color: #333;
	text-decoration: none;
	display: block;
	line-height: 20px;
	height: 20px;
	background-position: 6px center;
	background-repeat: no-repeat;
	outline: none;
	padding: 1px 5px;
	padding-left: 28px;
}

.contextMenu LI.hover A {
	color: #FFF;
	background-color: #3399FF;
}

.contextMenu LI.disabled A {
	color: #AAA;
	cursor: default;
}

.contextMenu LI.hover.disabled A {
	background-color: transparent;
}

.contextMenu LI.separator {
	border-top: solid 1px #CCC;
}

/*
	Adding Icons
	
	You can add icons to the context menu by adding
	classes to the respective LI element(s)
*/

.contextMenu LI.edit A { background-image: url(../images/page_white_edit.png); }
.contextMenu LI.cut A { background-image: url(../images/cut.png); }
.contextMenu LI.copy A { background-image: url(../images/page_white_copy.png); }
.contextMenu LI.paste A { background-image: url(../images/page_white_paste.png); }
.contextMenu LI.delete A { background-image: url(../images/page_white_delete.png); }
.contextMenu LI.quit A { background-image: url(../images/door.png); }

/* Category Browser
----------------------------------*/
#categoryBrowser {
	position: absolute;
	left:12px;
	z-index: 1000;
	top:160px;
	z-index: 1000;
	background: #EEE;
	padding: 10px;
	margin: 0px;
	display: none;
border-bottom: 1px solid #cccccc; 
	border-left: 1px solid #cccccc; 
	border-right: 1px solid #cccccc;
}
	
#categoryBrowser select {
	font-size:12px;
	width: 200px;
	height: 120px;
}


/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Tabs
----------------------------------*/
.ui-tabs { padding: .2em;  }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; background:#f8f6f6;  }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; background:#efefef; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 0.8em ; display: block; border-width: 0; background: #efefef; border: 1px solid #cccccc; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/* jTip
----------------------------------*/

#JT_arrow_left{
	background-image: url(../images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(../images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:1500;
	border: 2px solid #CCCCCC;
	background-color: #f4f4f4;
	
}

#JT p {line-height:18px;}
#JT h2 {margin: 5px 0 5px 0;font-size: 14px;font-weight: bold;clear: left;color: #0074CA;text-align: left;line-height:18px;}


#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}

/******************
		FRONT ****************/
		
.front-head { height:100px; background:#f9f9f9; text-align:center;}
.front-head .cnt { padding-top:30px; text-align:left;height:180px; background:#f9f9f9;margin:0 auto; width:950px;}
.front-head h1 { font-weight: bold; color:#0074CA;font-size:28px;font-weight:normal;margin-bottom:20px;}

.front-body {text-align:center;}
.front-body .cnt { padding-top:30px;margin:0 auto; width:950px; background:#ffffff;}

.lcol {
	float:left;
	width:340px;
}
.rcol {
	width:545px;
	float:right;
	padding:0 0 0 45px;
	margin-right:0;
	border-left:1px solid #d3d3d3;
}
.rcol .intro { text-align:left; font-size:14px;}
#acloginpod {
	width:320px;
	background:#f9f9f9;
	border:1px solid #d3d3d3;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
}
#acloginpod .acloginform {
	margin:22px;
}
#acloginpod form, #acloginpod fieldset {
	margin:0 !important;
	padding:0 !important;
}
#acloginpod fieldset {
	border:0;
}

#acloginpod legend em {
	position:absolute;
	left:-9999em;
}
#acloginpod label {
	display:block;
	font-size:15px;
	color:#444;
	margin-bottom:3px;
}
#acloginpod label span.loginerror {
	font-size:10px;
	color:#8d1c1c;
}
#acloginpod input.textinput {
	width:220px;
	border:1px solid #d3d3d3;
	font-size:15px;
	color:#000;
	text-indent:7px;
	padding:7px 0;
	margin-bottom:10px;
}

#acloginpod input:focus {
	border-color:#77b2ee;
}
#acloginpod input.error, #acloginpod input.error:focus {
	border-color:#8d1c1c;
}

#acloginpod .errormsg {
	font-size:14px;
	font-weight:bold;
	color:#8d1c1c;
	margin-bottom:15px;
}
#acloginpod .acloginbttn {
	display:block;
	float:right;
	width:121px;
	height:42px;
	margin-top:10px;
}
#acloginpod .acloginbttn:hover, #acloginpod .acloginbttn:focus {
	background-position:right top;
}
#acloginpod .action {margin-top:15px; }

#acloginpod .getpassbttn:hover, #acloginpod .getpassbttn:focus {
	background-position:right top;
}
#acloginpod .action label {
	font-size:12px;
	color:#777;
	border-bottom:1px solid #d3d3d3;
	padding:0 0 5px;
	margin:0 0 7px;
}
#acloginpod .action label input {
	vertical-align:middle;
}
#acloginpod a.forgotpass {
	display:block;
	font-size:12px;
	color:#aaa;
}
#acloginpod a.forgotpass:hover,
#acloginpod a.forgotpass:focus {
	color:#8d1c1c;
}