/* GENERAL */

html * { margin: 0; }
.spinner { padding: 5px; position: absolute; right: 0; }
.logo { padding:2px; }
.logo img { }

body {
  /* csa font: 11px verdana, arial, helvetica, sans-serif; */
  font: 11px verdana, arial, helvetica, sans-serif;
  color:white; /* neu csa */

  text-align:center;
  padding-left:4px;
  padding-right:4px;
  /* csa background:fixed #fcfcfc url(../images/skin/shadow_top.jpg) top left repeat-x;     */
  background:fixed #ffffff url(../images/skin/shadow_top.jpg) top left repeat-x;
}

.panel {
  min-width:650px;
  max-width:1200px;
  margin:2px auto 2px auto;
  border:0;
  /* csa background-color:#fcfcfc;*/
  background-color:#ffffff;
}

.container {
  margin:10px auto 20px auto;
  text-align:left;
  /*padding:10px;*/
  border:1px solid #ccc;
  background-color:#fff;
}

.intro, .intro * {
  margin:12px 0;
  color:#2f3d3e;
}

.sysInfo { /*THE,2.4.13*/
  padding-top: 5px;
  font-size: 9px; color: #A0A0B0;
  height:20px;
}

.profilerOutput { color:#444; width: 98%; height:200px; border-width: 0px; } /*THE 20.11.14*/

.actions a:link, .actions a:visited { font-weight: bold; text-decoration: none; border-bottom:1px solid #5166BC; }
.actions a:hover { font-weight: bold; text-decoration: none; border-bottom:1px solid #5166BC; }

h1 { font-weight: bold; padding:6px 3px 7px 3px; font-size: 18px; margin: .8em 0 .3em 0; }
ul { padding-left: 15px; }
#appData { font-size:16px; position:absolute; right:4px; top:6px; z-index:100; }
#appData h1 {font-weight:bold; font-size:16px; }

input, select, textarea { background-color: #fcfcfc; border: 1px solid #999; font: 11px verdana, arial, helvetica, sans-serif; margin: 2px 0; padding: 2px 4px; }
input { width:auto; }
select { padding: 2px 2px 2px 0; }
textarea { width: 250px; height: 150px; vertical-align: top; }
input.checkbox, input.radio { width:auto; border:none; }
input:focus, select:focus, textarea:focus { border: 1px solid #2f3d3e; background-color:#fff !important; }

div.body { margin: 15px 15px 10px 15px; }


/* Display Styles for Text in the "Kundmachung" cKEditor */
.text { font-size:14px !important; color:#333 !important; line-height:21px !important; }
.text p, .text ul, .text ol, .text table { margin-bottom:12px !important; }
.text p, .text p * { margin-left:0px !important; }

/* MESSAGES, HINTS AND ERRORS */

.message {
  background: #f3f8fc url(../images/skin/information.png) 8px 50% no-repeat;
  border-color:#006dba; /* <- matching text color */
  border: 1px solid #b2d1ff;
  margin: 10px 0 5px 0;
  padding: 5px 5px 5px 30px;
  font-weight:bold;
  color:#2E6AAD;
  border:1px solid #C4DAEF;
}

.hint {
  background: #f8fff8 url(../images/skin/lightbulb.png) 6px 6px no-repeat;
  border-color: #006600; /* <- matching text color */
  border: 1px solid #00cc00;
  margin: 10px 0 5px 0;
  padding: 5px 5px 5px 30px
}

.hint span {
  margin-top:6px;
  font-weight:bold;
}

div.errors {
  background: #fff3f3;
  border-color: #c00; /* <- matching text color */
  border: 1px solid red;
  margin: 10px 0 5px 0;
  padding: 5px 0 5px 0;
}
div.errors ul {
  list-style: none;
  padding: 0;
}
div.errors li {
  background: url(../images/skin/exclamation.png) 8px 0% no-repeat;
  line-height: 16px;
  padding-left: 30px;
}

div.errors a {
  padding-left:4px;
}

/* TABLES */

table {
  border: 1px solid #ccc;
  border-collapse: collapse; /* THE 10.5.18 reason: lineMarker in subTable */
  width: 100%
}

table.data {
  border:0px;
  margin-bottom:20px;
}

tr {
  border: 0;
}
td, th {
  font: 11px verdana, arial, helvetica, sans-serif;
  line-height: 12px;
  padding: 5px 6px;
  text-align: left;
  vertical-align: top;
}
th {
  background: scroll #fff url(../images/skin/shadow.jpg) left bottom repeat-x;
  font-size: 11px;
  font-weight: bold;
  line-height: 17px;
  padding: 2px 6px;
}
th a:link, th a:visited, th a:hover {
  display: block;
  font-size: 10px;
  text-decoration: none;
  width: 100%;
}
th.asc a, th.desc a {
  background-position: right;
  background-repeat: no-repeat;
}
th.asc a {
  background-image: url(../images/skin/sorted_asc.gif);
}
th.desc a {
  background-image: url(../images/skin/sorted_desc.gif);
}

.RO1 { background-color: #DDD}
.RO2 { background-color: #DDD}

table.data td {
  border-bottom: 1px solid #dfffc6;
}

table td.blank {
  border:0px;
}

table.data td.microtext {
  font-size:smaller;
}

.odd {
  background: #f7f7f7;
}
.even {
  background: #fff;
}

.list tr.actual {
  background: #d3d3d3;
}

/* LIST */

.list table {
  border-collapse: collapse;
}
.list th, .list td {
  border-left: 1px solid #ddd;
}

/* PAGINATION */

.listFooter {
  background: scroll #fff url(../images/skin/shadow.jpg) left bottom repeat-x;
  border: 1px solid #ccc;
  border-top: 0;
  font-size: 10px;
  overflow: hidden;
  padding: 10px 3px;
}
.paginateButtons a {
  background: #fff;
  border: 1px solid #ccc;
  border-color: #ccc #aaa #aaa #ccc;
  margin: 0 3px;
  padding: 2px 6px;
}
.paginateButtons span {
  padding: 2px 3px;
}

/* DIALOG */

.dialog {
  font-size:12px;
  color:#2f3d3e;
  padding: 5px 5px;
  border:1px solid #ccc;
}
.dialog .comm {
  margin:18px 0;
  font-size:smaller;
}

.dialog fieldset {
  border:1px solid #2f3d3e;
  background-color:#f7f7f7;
  color:#2f3d3e;
  margin:12px 0 18px 0;
  padding:9px;
}
.dialog fieldset legend {
  margin-left:-4px;
  background-color:#eee;
  border:1px solid #2f3d3e;
  color:#2f3d3e;
  padding:2px 6px;
  font-size:larger;
}
.dialog .value input[type=checkbox] { position:relative; display: inline-block; float: none;  }

.pair {
  display: block;
  overflow:hidden;
  _overflow:visible;
  zoom:1;
  margin-bottom:4px;
}

.pair input {
  margin:0;
}

.dialog .value, .dialog .name {
  display:block;
  overflow:hidden;
  _overflow:visible;
  zoom:1;
}
.dialog .value, .dialog .name {
  padding:0;
  margin:0;
}
.dialog .name {
  float:left;
  height:auto;
  text-align: left;
}

.dialog .name { width:24.75%; }

.dialog .value input { width:77.9%;   width:50%; }

.dialog .value input[type=checkbox] { width:auto; margin-top:4px; }
.dialog .value span.checkbox { position:relative; top:-3px; margin-right:18px; }

.hide {  /*THE 22.3.12*/
  display: none; visibility: hidden;
}

input.errors { border:1px solid red; background-color: rgba(255, 102, 37, 0.13); }
select.errors { border:1px solid red; background-color: rgba(255, 102, 37, 0.13); }
textarea.errors { border:1px solid red; background-color: rgba(255, 102, 37, 0.13); }
.menuLabel { color: black; }

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


td div.message {
  margin:0px;
  border:none;
  background:none;
  font-size:10px;
  padding:2px;
}

td div.errors {
  margin:0px;
}

/* ACTION BUTTONS */

.buttons {
  position:relative;
  min-height:25px;
  width:100%;
  padding:0;
  margin:0;
  margin-top:10px;
  border: 1px solid #ccc;
  background: scroll #fff url(../images/skin/shadow.jpg) left bottom repeat-x;
  font-size: 10px;
  font-weight:bold;
}

.buttons * {
  padding:0;
  margin:0;
}

.buttons span.left {
  display:inline-block;
  padding:2px;
}

.buttons .buttonArea {
  position:absolute;
  right:0;
}

.buttonArea { /*THE 6.8.17*/
  visibility: hidden;
  display: none;
}

.buttons input, .buttons a {
  display: inline-block;
  float:left;
  margin-left:2px;
  padding:2px 4px;
  background:scroll #fff url(../images/skin/shadow_dark.jpg) bottom left repeat-x;
  vertical-align:top;
  font-size: 10px;
  font-weight:bold;
  border:1px solid #999;
  text-decoration: none;
  cursor:pointer;
}
.button {
  border: 0;
  color:red !important;
}

.buttons input {
  min-height:25px;
}
.buttons a {
  padding-top:5px;
  min-height:16px;
}

.buttons input:hover, .buttons a:hover {
  border:1px solid #999;
  background-image:url(../images/skin/shadow_darker.jpg);
  /*background-image:none;
  background-color:#2f3d3e;
  color:#f7f2ea; */
}

.buttons input:focus, .buttons a:focus {
  border:1px solid #999;
  background-image:none;
  background-color:#2f3d3e !important;
  color:#f7f2ea !important;
}

.prop .nameForTextArea  {
  vertical-align:top;
  padding-top:6px;
}
.prop .value textArea {
  width:400px;
}

.prop .value input#value {
  width:400px;
}

/* _SPECIAL STYLES_ */

.placeholder {
  height:0px !important;
  padding:0px !important;
  margin:0px;
}

.placeholder td {
  height:1px !important;
  padding:0px !important;
  margin:0px;
}

.footnote td {
  height:30px;
  vertical-align:middle;
}

.footnote td * {
  font-size:smaller;
}
.footnote td input {
  position:relative;
  bottom:-2px;
}

.showdeleted input {
  width:auto;
}

.showdeleted input:hover {
  cursor:pointer;
}

.footer {
  padding:7px 14px;
  font-size:smaller;
  text-align:center;
}

a img {
  border:0px;
  background-color:transparent;
}

.hidden {
  visibility: hidden;
  display: none;
}
.buttons .buttonArea .hidden {
  visibility: hidden;
  display: none;
}

.small { /*TODO Fix conflict */
  /* font-size:smaller; */
  margin-top:6px;
  margin-bottom:6px;
}

.listCheckMark { font-weight: bold; }
.listMarker { border-left: 1px solid #222 !important; }
.subTabBorder { border: 1px solid #222 !important; }

/* Coloring for SQL Trace, THE 18.4.2016 */
.logApp .listBlack { color: black; }
.logDB .listBlue { color: blue; }
.logTA .listRed{ color: red; }
.logFlow .listGray { color: gray }

.languageInfo { position: absolute; right: 0; padding-right:25px; }

.profilerOutput { color:#444; width: 98%; height:200px; border-width: 0px }

/* PAGE SETTINGS + LAYOUT */
html { min-height:100.1%; overflow:scroll; text-align:center; background-color: #fcfcfc; }
body { padding:0 !important; margin:0 auto !important; text-align:left; background-color:#FFF; color: #333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.mainContent { /*margin-left:233px;*/ margin-right:0; min-height:300px; padding:6px 10px; background-color: #eee; color:#333; }
.pageLabel { padding:4px 8px; margin:0 8px; font-weight:bold; color:#69C; border-bottom:1px solid #69C; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; text-decoration:none; padding:0px; margin:0px 0px 5px 0px; }
h1 { font-size:14px; font-weight:bold; display:inline; }
h2 { font-size:16px; }
h3 { font-size:14px; font-weight:bold; }
h4 { font-size:14px; color:#666; }
h5 { font-size:14px; color:#999; }
h6 { font-size:14px; color:#CCC; }
a {color: #000; text-decoration:none;}
a:link {color: #000; text-decoration:none;}
a:visited {color: #000; text-decoration:none;}
a:hover {color: #000; text-decoration: underline;}
a:active {color: #000; font-weight: bold; text-decoration:underline;}

/* HEADER */
.header .mainheading { display:inline; }

/* NAVIGATION: TOP */
nav { position: fixed; z-index:100; margin-top:-1px; width:1200px; border:1px solid #aaa; }
.topNav { width:100%; background-color:#F29400; color:#FFF; padding:4px 0; }
.topNav a { color:#FFF; font-weight:bold; }
.topNav a span { text-decoration: underline; }
.topNav a.navi_aktiv { text-decoration:underline;  }
.mainContent { margin-top: 130px; z-index:10; }

a.shortcut { display:block; float:left; height:15px; margin:5px 30px 30px 0px; color:#D27A00; vertical-align:middle; padding:0; }
a.shortcut:hover { text-decoration:none; }
a.shortcut img { float:left; margin-right:4px;  }
a img { border:0; }

/* FORMS */
.Day.editView input[type=checkbox] {  }

/* PAGINATION & list footer */
.mainContent div.paginateButtons {  }
.mainContent .paginateButtons span, .paginateButtons a { display:block; float:left; min-width:20px; text-align:center; height:100%; border:1px solid #999999; padding:2px; margin-right:4px; }
.mainContent .paginateButtons span { background-color:#DDD; font-weight:bold; }
.progressBar { float:right; }
.editView .progressBar {  }

/* FOOTER */
.footer { width:100%; background-color:#f29400; color:#FFF; border-top:1px solid #48234E; text-align:center; padding:4px 0px; }
.footer a { color:#FFF; text-decoration:none; }


/* blocks and columns */
.row {  border-top:1px solid #fff; width:100%; display:table;}
.firstRow { border-top:0 }
.lastRow { border-bottom:0 }


/* HELPERS */
abbr { text-decoration:none; cursor:help; }
hr { margin:16px 0; background-color:#D3D3D3; border-bottom:1px solid #D3D3D3; height:1px; }
.clearing { clear:both; }
.hairline { display:block; height:0px; border-top:1px solid #000; }
.quote { border: 3px solid #daa520; background-color: #FFF080; font-family: 'Comic Sans MS'; font-style: italic; color: GRAY; margin: auto; text-align: center; vertical-align: middle; }
.code { position:relative; max-width:540px; white-space:nowrap; overflow:auto; padding:4px; margin:auto; border: 1px solid #daa520; background-color:#FFF0C0; font-family: 'Courier New'; color:#404040; }
.hidden { /*Korr THE 22.11.11*/ visibility: hidden; display: none; }
.almanac { color: grey }
.found { background-color: yellow }
input.errors, input.errors:active, input.errors:focus, textarea.errors
{ border: 1px solid red !important; background-color:#fff3f3 !important; }
.comma { margin-left: 0px; margin-right: 6px; font-size: 18px; font-weight: bold; }
.datePickerButton { width:18px; height:18px; margin-right:12px }
.cpxSearch label { font-weight: bold }


/* TABELLE */
.mainContent form table tr { height:auto; /*cursor:pointer;*/ }
.mainContent form table tr td, .mainContent form table tr th { padding-top:4px; padding-bottom:4px; }

.intro a.active { font-weight:bold; }
.rightAdj { text-align: right }
td.rightAdj span { float: right }
th.rightAdj a { text-align: right }
.mainContent th.rightAdj.asc a {
  background-position: left;
}
.mainContent th.rightAdj.desc a {
  background-position: left;
}

/* AKKORDEON */
/*.ac-container { padding: 2px; }*/
section { padding-bottom: 4px; }
.ac-container > div > input + label,
.ac-container > div > input + label:hover {
  min-height: 24px;
}

/* MENU APP */
.menuTable { width:auto; }
.menuTable td { text-align: center; vertical-align: middle; }

/* VERBAL DESCRIPTIONS */
.preText { font-style:italic; font-size: 14px; font-weight: bold; color: #0b559b }
.postText { font-style:italic; font-size: 14px; color: #0b559b }
.postText p { padding-bottom: 8px }
.iconsText { padding-left: 4px }
.iconsTextBar { float: right }
.hrText { border-top-width: 1px; border-bottom-style: none; background-color: #80b0d0; margin: 0; padding: 0 }

/* BANNER (IDENTIFICATION OF ENVIRONMENT) */
.bannerDev { width: 100%; color: #EEE; background-color: #833 }
.bannerTest { width: 100%; color: #EEE; background-color: #444 }
.bannerD { width: 100%; color: #EEE; background-color: #833 }
.bannerT { width: 100%; color: #EEE; background-color: #C28 }
.bannerA { width: 100%; color: #EEE; background-color: #444 }
.bannerP {  }
.bannerS { width: 100%; color: #EEE; background-color: #EA3 }