/***************************************************************
 *  
 *
 *
 *  margin: t r b l; top right bottom left
 *  
 *  Achtung: bei td und image auf font-size achten (siehe cyreports-toolbar)  
 *
***************************************************************/

/* This is the one and only CSS-File of CyReports-Project */

/*
* {padding:0px; margin:0px;}
h1     {color:red}
p      {color:black}
td, th {vertical-align:top; }
*/

body, input, select { 
  font-family: verdana,arial,helvetcia;
  font-size: 12px;
}

input.textfield[readonly] {
  background-color:transparent; /* !important*/
  color:#c0c0c0;
}

/*Schriftart fuer div und table*/
div, table {
  font-family: verdana,arial,helvetcia;
  font-size:	 12px;
}

table {  border-spacing: 0; /* kein Abstand zwischen Zellen */ 
  border-collapse: collapse; /* keine Kollision bei Rahmen */ 
  *border-collapse: collapse; /* Hack für IE7, um keine Abstände anzuzeigen */ 
}

/* Cy-Reports *****************************************************************/

/*
 * CyReports 
 * padding-top: Abstand von oben
 */
div.cyreports-main {
  padding-top: 10px;
  width:800px;
}

/* CyReports Login background-hellgrau: #fffcf4; */ 
.cyreports-main div.login { border: 1px solid #cccccc; width: 300px;  background-color: #ece9d8; padding:5px;}
.cyreports-main div.login table td.username { text-align:right; width:1%;font-size:12px; }  
.cyreports-main div.login table td.button { padding-top: 10px; text-align:right; }

/* cyreports info */  
.cyreports-main div.infostart { position:absolute;}
.cyreports-main div.info {
    position:absolute;
    border:2px solid #666666;
    top:10px; left:410px; width:350px; height:230px;
    z-index:1; 
    background-color:#ffffff; 
  }
.cyreports-main div.info #header  {padding-top:5px;width:100%; height:22px;background: #ece9d8; text-align:center;font-size:16px;}
.cyreports-main div.info #header  {border-bottom:1px solid #c0c0c0;}
.cyreports-main div.info #content {padding: 4px}
.cyreports-main div.info #button  {width:70px;border:1px solid #c0c0c0;background-color: #ece9d8;vertical-align:bottom}
.cyreports-main div.info #button:hover {border-color:#666666} 

/* cyreports toolbar */
.cyreports-toolbar {
  width:  100%;
  border:  0;
  padding: 0;
  margin:  0;
}
.cyreports-toolbar td#user{
  font-size:12px;
  padding:4px;
}
.cyreports-toolbar td#user a {
  color: #808080;
  text-decoration:none;
}
.cyreports-toolbar td#user a:hover {
  color: #FF0000;
  text-decoration:underline;  
}
.cyreports-toolbar td {
  margin:  0;
  padding-left: 4px;
  padding-right: 0;
  padding-top:0;
  padding-bottom: 2px;
  vertical-align: bottom;
  border:   0;
  font-size:0; /*wichtig wegen Image bottom !!!??? */
  white-space: nowrap;
}

.cyreports-toolbar td#language-select {
  margin: 0;
  padding-left: 2px;
  vertical-align:bottom;
}

.cyreports-toolbar td#language-select select.combobox {
  font-family:verdana;
  font-size:11px;
  height:17px;
  border:1px solid; 
  border-color:#a3b8de;
  display:;
}
.cyreports-toolbar td#language div {
  margin-bottom:1px;
  padding-left:1px;
  padding-right:1px;
  width:17px;
  height:15px;
  color:#000000;
  font-size:12px;
  font-family:verdana;
  background-color:#C4D6D9;
  cursor:pointer;    
}

.cyreports-toolbar td#title {
  font-family: verdana,arial,helvetcia;
  font-size: 30px;
  font-weight: bold;
  width: 10%;
  padding: 0;
  margin:  0;
  padding-bottom: 5px;
  padding-left: 0px;
}
.cyreports-toolbar td#version {
  font-family: verdana,arial,helvetcia;
  font-size: 7pt;
  width: 100%;
  padding: 0;
  margin:  0;
  padding-bottom: 9px; /*Unterkante Cy-Reports*/
  padding-left: 5px;
}
.cyreports-toolbar td#dTime {
  font-family: verdana,arial,helvetcia;
  font-size:12px;
  color: #808080;  
  padding:4px;
}

.cyreports-toolbar td#refresh    {padding-left:3px;padding-right:3px;}
.cyreports-toolbar td#savebutton {padding-left:0px;padding-right:0px;}
.cyreports-toolbar td#taskmove   {padding-left:0px;padding-right:0px;}

.cyreports-toolbar img          {border:1px solid transparent;padding:0;margin:0}
.cyreports-toolbar img:hover,.cyreports-toolbar input#taskmove_off:hover,.cyreports-toolbar td#language div:hover {border:1px solid #c0c0c0}
.cyreports-toolbar .button {cursor:pointer;}
.cyreports-toolbar input#taskmove_off {background:url('../images/updown_off.gif');border:1px solid transparent;width:18px;height:18px;cursor:pointer; margin-bottom:0px;}
.cyreports-toolbar input#taskmove_on  {background:url('../images/updown_on.gif'); border:0px solid transparent;width:16px;height:16px;cursor:pointer;}
.cyreports-toolbar td#language div {border:1px solid #FFFFFF}
  
.cyreports-toolbar input.savebutton  {border:1px solid #000000;background:#FFC448;}
.cyreports-toolbar input.savebutton  {font-family:arial;font-size:9px;height:16px;width:55px;cursor:pointer }
.cyreports-toolbar input.savebutton:hover {background:#FFAF09;}

/* cyreports table */
.cyreports-table {
  table-layout:auto;
  border-collapse: collapse; /* keine Kollision bei Rahmen */  
  *border-collapse: collapse; /* keine Kollision bei Rahmen */    
  border: 1px solid #BBB;    
}
.cyreports-table td {
  font-family: verdana,arial,helvetcia;
  font-size: 12px;
  padding: 0;
  padding-left: 5px;
  border-left:  1px solid #BBB;
  border-right: 1px solid #BBB;
  border-top:   0px solid #BBB;           
}

/* cyreports table header*/
.cyreports-table .tableheader td{
  font-weight: bold;
  height: 40px;
  background: #FCFCFC; /* url(xchrometheme/chromebg.gif) center center repeat-x; */ /*THEME CHANGE HERE*/
  padding: 0 4px 0 4px;   /* top right bottom left*/
  text-align: left; /*set value to "left", "center", or "right"*/
  border-bottom:   2px solid #BBB;   
}

/* cyreports table line*/
.cyreports-table .tableline td {
  /*background: white;*/
  padding-left:  4px; 
  padding-right: 4px;
  padding-top:   3px;
  padding-bottom:3px;
  margin: 0;
  text-align: left; /*set value to "left", "center", or "right"*/
  border-top:   1px solid #BBB;    
}

/* Spalten mit image auf minimun */
.cyreports-table .tableheader td.tasknumber { width: 1%; text-align:center;}
.cyreports-table .tableheader td.savecsv    { width: 1%; }
.cyreports-table .tableheader td.savehtml   { width: 1%; }
.cyreports-table .tableheader td.edit       { width: 1%; }
.cyreports-table .tableheader td.delete     { width: 1%; }
.cyreports-table .tableheader td.execute    { text-align:center;  white-space: nowrap;}
  
/* Spalte taskname auf 40% */
.cyreports-table .tableline td.tasknumber   { width: 1%; text-align:center;}
.cyreports-table .tableline td.tasktype     { border-right:0; min-width:20px;width:20px;padding-left:2;font-size:10pt;color:#ffffff; font-weight:normal;text-align:center;background-repeat:no-repeat;background-position:center;}
.cyreports-table .tableline td.taskname     { padding-left:2; border-left: 0px solid #ffffff}
.cyreports-table .tableline td.timeexecute  { width: 1%;}
.cyreports-table .tableline td.scheduler    { text-align:center; width: 10px;}
.cyreports-table .tableline td.execute      { width: 1%;}
.cyreports-table .tableline td.savecsv      { text-align:center}
.cyreports-table .tableline td.savehtml     { text-align:center}
.cyreports-table .tableline td.edit         { text-align:center}
.cyreports-table .tableline td.delete       { text-align:center}
  
.cyreports-table .tableline td.tasktype  img {cursor:default}
.cyreports-table .tableline td.scheduler img {cursor:default}
.cyreports-table .tableline img              {cursor:pointer; border: 0; }

.cyreports-table .tableline a.link , a:visited { color:blue; }
.cyreports-table tr.tableline:hover { background:#dcdcdc;}


/*
 * cyReports Table Line fuer wizard td 
 * Zelle in dem das iFrame ist mit height kann die Hoehe angegeben werden 
 * Zelle bottom wird gezeichnet, ist die top-linie fuer die nachste Zeile
 * height: see table.cyreports-table div.iframewizard
 */
table.cyreports-table tr.trwizard td {
  height: 305px;
  background: white;
  border-top:   0;
  border-left:  0;
  border-right: 0;
  border-bottom:1px solid #BBB;
  padding:0;
  margin: 0;
  vertical-align: top;
}


/*cyReports Table Line wizard div (fuer iFrame) 
  background geht nur bei FF, bei IE immer white
  Hintergrundfarbe wird dann im Wizard (div) gezeichnet
  height ist der Abstand zu naechsten Zeile (siehe height von td)
  bei 100% wird der gesamte Bereich genuetzt, wird weniger angegeben entsteht
  eine Luecke zu naechsten Zeile, auch in px moeglich
  height: see table.cyreports-table tr.trwizard td
*/
table.cyreports-table div.iframewizard {
  height: 300px;
  /*width:  800px;*/ /*test*/ 
  border-top:   1px solid #BBB;
  border-left:  0px solid #BBB;
  border-right: 0px solid #BBB;
  border-bottom:1px solid #BBB;
  padding:0;
  margin: 0;
}

/* Wizard *********************************************************************/

hr.menu { border: none; border-top: 1px solid #BBB; color: #FFFFFF; background-color: #0; height: 1px; margin:0px 0px 0px 0px }
input.button     {height:18px; font-size:8pt;}
input.textfield  {border:1px solid; border-color:#a3b8de; padding-left: 3px; background:#FFFFFF; margin-left:0;}
input.infofield  {border:1px solid; border-color:#a3b8de; padding-left: 3px; background:#ececec; margin-left:0;}
/*input.checkbox   {vertical-align:middle; margin-bottom:1px; }*/
input.checkbox   {vertical-align:middle; padding-bottom:2px;}
select.listbox   {border:1px solid; border-color:#a3b8de; background:#FFFFFF; margin-left:0}
select.combobox  {border:1px solid; border-color:#a3b8de; background:#FFFFFF; margin-left:0}
select.combobox#disabled  {border:1px solid; border-color:#a3b8de; background:0}
/*Optionen...*/
.wizard fieldset.set {border:1px solid; border-color:#BBB;padding:4px;color:#336699}
/*Filter-Expert...*/
.wizard textarea.code {border:1px solid #a3b8de;font-size:8pt;}
table.filter select {font-size:8pt;height:16px;border:1px solid; border-color:#a3b8de; background:#FFFFFF; margin-left:0}
table.filter input  {font-size:8pt;height:16px;border:1px solid; border-color:#a3b8de; padding-left: 3px; background:#FFFFFF; margin-left:0;}

/*cyTablebox */
table.tablebox td {
  border-left:   0px solid #BBB;
  border-right:  0px solid #BBB;
  border-top:    1px solid #f4f4f4; 
  border-bottom: 1px solid #f4f4f4;
}
div.tablebox div.toolbar {xbackground:green !important;} 
div.tablebox div.toolbar .tboxtitle{color:#808080; padding-left:2px; }
.wizard input.sdbutton {font-weight:bold;font-family:arial;font-size:14px;width:35px;margin: 1px 1px 1px 1px;}

/*
 * Label required (roter Stern)
 */
span.required {
  padding-left: 2px;
  color:red;
}

/*
 * Label description
 */
.wizard .description {
  color: #000000; /*#0066FF; #666666;*/ 
  font-weight:normal;
}

/* 
 * Label Titelanzeige im Wizard (oben) 
 */
.wizard td.title, span.title {
  float:left;
  font-style:  italic;
  color:#000000;
  font-weight:bold;
}

/*
 * Label rechts/links ausgerichtet (neben Eingabefeldern)
 */
.wizard .label, .wizard .label-left {
  color:       #555566; /*#555566;*/ /*#0066FF;*/ /*#666666;*/ /*#404040;*/ 
} 
.wizard .label {
  text-align:     right;
	padding-right:  4px;
	/*vertical-align: top;*/
}
.wizard .label-left {
	text-align:     left;
	padding-left:   4px;
}	
.wizard td.label {padding-bottom:3px;}
.wizard td.label-left {padding-bottom:3px;}
.wizard .notice {color:#555566;font-size:8pt;}  /*Notiz*/ 

/*table wizard-input (fuer input-felder im unsichtbaren table)*/
.wizard table.inputfields {border-collapse:collapse;border:0;margin:0;padding:0;}
.wizard table.inputfields td input {height:14px;}
.wizard table.inputfields td select {height:18px;}
.wizard table.inputfields td {padding:2px; margin:0px;} /*Abstand zwischen den Eingabefeldern */
/*table filter */
.wizard table.filter input#value{height:14px;width:99%;}
.wizard table.filter select     {height:18px;}
.wizard table.filter td {padding:1px; margin:0px} 
.wizard table.filter tr.header {text-align:center;color:#404040}
.wizard table.filter select#operand {text-align:left}
.wizard table.filter select#link    {text-align:left}

/*
 * Wizard container 
 * Hoehe und Breite angeben, damit Wizard ohne cyReport bearbeitet werden kann 
 * height: 300px oder 100%
 * width:  800px oder 100% 
 * 
 * Hoehe muss in div.wiz-panelright und div.wiz-navigator eingestellt werden
 * die Summe muss die Hohe von form.wiz-main ergeben   
 * border wird in cyReports iFrame erstellt, hier nur fuer test
 */
form.wizard, table.wizard {height:300px; width:800px; padding:0; margin:0;}
table.wizard {
  /*border: 1px solid #BBB;*/
  background-color:  #ECE9D8; /*#fffcf4; #f0f0f0; #FFE8B7; #FFFFCC; #E5E5E5; #bec8d1;*/
}

/* Wizard panel-left-right (Splitpanel) --------------------------------------*/

/*
 * Wizard panel-left (menu)
 */
table.wizard td.wizard-panelleft {
  width:  150px;
  vertical-align: top;
  padding-top: 0px;
  border-right:0px solid #C0C0C0; 
  padding-left:0px;  
  background-color: #E2DCC2; /*menu-background*/
}

/*
 * Wizard panel-right (splitpane right)
 * height: see td.wizard-navigator
 */
table.wizard td.wizard-panelright, div.wizard {
	height: 276px; 
  vertical-align:top; 
}

/* Wizard panel-right ---------------------------------------------------------*/

/*
 * Wizard panel-right (div options)
 * hier KEIN padding, margin angeben
 * die untere Linie ist Trennlinie zum Navigator 
 */
table.wizard div.wizard {
	width:100%; 
	border-bottom: 1px solid #E2DCC2; /* untere Linie vom div anzeigen (Hoehe) #ece9d8;*/
}

/**
 * Wizard panel-right header
 *
 */
div.wizard div.header {
  padding-top:   5px;	  
  padding-left: 10px;
  padding-right: 5px;
  border-bottom: 0px solid red;
  height:16px;
}
div.wizard div.header span.title         {float:left;padding-top:0px;padding-left:0px}  /* header: Titel   */
div.wizard div.header div.headerbar      {float:right; margin-right:0px;}               /* header: Toolbar */
div.wizard div.header div.headerbar img	 {margin-left:3px; cursor:pointer;}             /* header: Images  */

/** 
 * Wizard Content fuer die Eingabe der Daten
 * hier wird padding angegeben 
 */
table.wizard div.content {
  /*width:100%;*/ /*darf hier nicht angegeben werden - Probleme mit Breite */
  padding-top:    5px;
  padding-left:  10px;
  padding-right: 10px;
}

div.wizard .description_area {
  height:20px;
}

/*
 * Wizard Navigator (unten)
 * height: see table.wizard td.wizard-panelright, div.wizard
 */
table.wizard td.wizard-navigator {
  /*border-top:  1px solid red; /* /*nicht verwendet, da bei table.wizard div.wizard jede Seite gleichzeitig eine Trennung erhaelt */
  vertical-align: center;
  padding-left:  10px;
  padding-right: 10px;
  padding-bottom: 0px;
  /*background:green;*/  /*test*/
  height: 24px;
}
/* Wizard Navigator Separator */
table.wizard td.wizard-navigator .separator {
  border-left:  1px solid #E2DCC2;
  height:      20px;
  margin-left: 10px;
  margin-right:10px
}

table.wizard td.wizard-navigator .xxxbutton {cursor:pointer;}
table.wizard img.button {cursor:pointer;}

/*Wizard: source-destination listboxes mit buttons  */
select#wiz-sdlistbox { width: 100%; }
select#wiz-sdlistbox option#fixed {color:#808080;}

/* Wizard - Standardtable

/* wizard-table header */
.wizard-table {border-collapse: collapse;}
.wizard-table #tableheader td {
  border-left:   1px solid #BBB;
  border-right:  1px solid #BBB;
  border-top:    1px solid #BBB;
  border-bottom: 0px;    
  font-weight: bold;
  height: 25px;
  background: #FAFAF0;
  padding: 3px 3px 3px 3px;   /* top right bottom left*/
  text-align: center; /*set value to "left", "center", or "right"*/
}

/* wizard-table line*/
.wizard-table td {
  border: 1px solid #BBB;
  background: #FFFFFF;
  padding: 2px 3px 2px 3px;   /* top right bottom left*/
  margin: 0;
  text-align: left; /*set value to "left", "center", or "right"*/
}
.wizard-table select {width:100%;border:0;background:0;}
.wizard-table input  {width:100%;border:0;background:0;}


/* Menu: Wizard (in panel-left) ----------------------------------------------*/

/*
 * Menu: div.wizard-menu  
 * padding wird in wiz-panel-left gemacht da es hier mit padding-right zu 
 * Problemen fuehrt (Verschiebung nach rechts)
 * background siehe table left-panel
 */
div.wizard-menu  {
  /*border: 1px solid red;#e6e6e6;*/
  width:       100%;
  border:        0; 
  margin:        0px;
  padding-top:   0px;
  padding-left:  0px;
  padding-right: 0px;
  padding-bottom:0px;
  /*background-color: #E2DCC2; */ /*#ece9d8; #f0f0f0; #E2DCC2;*/
}

/*Menu: mit margin wird der Abstand zwischen den menu-items realisiert */
.wizard-menu ul, .wizard-menu li {
  list-style: none;
  margin-left:   0;
  margin-top:    0;
  margin-right:  0;
  margin-bottom: 5px; /*Abstand zwischen den menuitems */
  padding: 0px;
}

/*Menu: href */
.wizard-menu li a {
  display:block;
  height:26px;
  line-height:26px;
  /*background-color: #FCFAF8;*/
  border: solid 0px #CCBBBB;
  /*border-left: solid 1px #CCBBBB;*/
  /*border-right: solid 1px #CCBBBB;*/
  text-decoration:none;
  font-size: 12px;
  font-family: verdana, sans-serif;
  padding-left: 10px;
  padding-bottom:0px;
}

/* Menu: item */
.wizard-menu li a#item          { color: #808080; }

/* Menu: item mouse-over */
.wizard-menu li a#item:hover    { color: #4e4e4e; }

/* Menu: aktuelles menuitem */
.wizard-menu li a#current       { color: black;   }

/* Menu: aktuelles menuitem mouse-over*/
.wizard-menu li a#current:hover { color: #000000; /*#4e4e4e;*/ }


/* ---------------------------------------------------------------------------*/