/* ******************************************************************************************* */
/* unclassed elements */
body
{
  font-family:'Arial', 'Helvetica', sans-serif;
  font-size:13px;
  background-color: #F3F3F3;
  padding:0px;
  margin:5px;
  border:0px;
}

table
{
  border-style:none;
  border-width:0px;
  border-color:#CCCCCC;
  background-color:#EEEEEE;
}

tr
{
}

th,
td.subheader h2   /* mask subheaders */
{
  font-family:'Arial', 'Helvetica', sans-serif;
  font-size: 9pt;
  color:#FFFFFF;
  font-weight:bold;
  background-color: #666666;
  border-style:solid;
  border-width:1px;
  text-align:left;
  padding:1px;
}

td.subheader h2   /* mask subheaders new style */
{
    border-style:none;
    padding:0;
    margin:0;
}

td
{
  font-family:'Arial', 'Helvetica', sans-serif;
  font-size:13px;
  border-style:solid;
  border-color:#AAAAAA;
  border-width:1px;
}

font
{
  font-family:'Arial', 'Helvetica', sans-serif;
  font-size:13px;  
}

a:link,
a:visited
{
  color:#E20074;
  text-decoration:none;
}
a:hover
{
  color:#E20074;
  text-decoration:underline;
}
a:active
{
  color:#E20074;
  text-decoration:underline;
}
a:focus
{
  color:#E20074;
  text-decoration:underline;
}

/* ******************************************************************************************* */
/* empty elements */

*.empty
{
  border-style:none;
  border-width:0px;
  border-color:#FFFFFF;
  background-color:#FFFFFF;
}

*.emptygrey
{
  border-style:none;
  border-width:0px;
  border-color:#FFFFFF;
  background-color:#FFFFFF;
  color:#666666;
}

*.noborder
{
  border-style:none;
  border-width:0px;
  border-color:#FFFFFF;
}

/* ******************************************************************************************* */
/* default for visible elements */

table.default
{
  border-style:solid;
  border-color:#CCCCCC;
  border-width:1px;
}

tr.default
{
	background-color:#EEEEEE;
}

td.default
{
  font-family:'Arial', 'Helvetica', sans-serif;
  font-size:13px;
  border-style:solid;
  border-color:#AAAAAA;
  border-width:1px;
  text-align:center;
  background-color:#EEEEEE;
}

tr.selected
{
	background-color:#F2F2F2;
}

tr.selected td.default
{
  font-family:'Arial', 'Helvetica', sans-serif;
  font-size:13px;
  border-style:solid;
  border-color:#AAAAAA;
  border-width:1px;
  text-align:center;
  background-color:#F2F2F2;
}

/* ******************************************************************************************* */
/* elemtents for the content frame */
 
td.button
{
  border-style:solid;
  border-color:#AAAAAA;
  border-width:1px;
  text-align:left;
  font-weight:bold;
  background-color:#CCCCCC;
}

font.datatitle
{
  font-family:'Helvetica', 'Arial', sans-serif;
  font-size:24pt;
  color:#999999;
}

font.emph
{
  font-weight:bold;
}

font.comment
{
  font-size:8pt;
  color:#333333;
}

span.comment
{
  font-size:8pt;
  color:#333333;
}

/* Masken-Kopfteil + Vorwort
td.comment
{
  font-family:'Arial', 'Helvetica', sans-serif;
  font-size:13px;
  border-style:solid;
  border-color:#AAAAAA;
  border-width:1px;
  text-align:left;
}

/* Masken-Kopfteil */
td.comment div.kopfteil
{ 
}

td.comment div.vorwort /* Masken-Vorwort */
{ 
}

a.button
{
  color:#CC0066;
  text-decoration:none;
}

a.button:hover
{
  color:#000000;
  text-decoration:none;
}

/* ******************************************************************************************* */
/* elemtents for the left frame */

td.left
{
  padding:0pt;
  white-space:nowrap;
  text-align:right;
  background-color:#EEEEEE;
  padding-right:5pt;
  border:1px solid #666666;
}

a.left
{
  color:#CC0066;
  text-decoration:none;
}

a.left:hover
{
  color:#000000;
  text-decoration:none;
}

/* ******************************************************************************************* */
/* elemtents for error display */

table.error
{
  border-style:solid;
  border-color:#666666;
  border-width:1px;
  background-color:#CCCCCC;
  padding:0px;
}

th.error
{
  border-style:none;
  font-family:'Arial', 'Helvetica', sans-serif;
  font-size:26px;
  color:#FF0000;
  font-weight:bold;
  background-color:#EEEEEE;
  text-align:left;
  padding:1px;
}

td.error
{
  border-style:none;
  font-family:'Arial', 'Helvetica', sans-serif;
  font-size:13px;
  background-color:#EEEEEE;
  padding:5px;
  text-align:left;
}

/* ******************************************************************************************* */
/* elemtents for error display */

table.warning
{
  border-style:solid;
  border-color:#666666;
  border-width:1px;
  background-color:#CCCCCC;
  padding:0px;
}

td.warning
{
  border-style:none;
  font-family:'Arial', 'Helvetica', sans-serif;
  font-size:13px;
  background-color:#EEEEEE;
  padding:5px;
  text-align:left;
}

/* ******************************************************************************************* */
/* elemtents for mask display */

th.mask
{
  font-family:'Arial', 'Helvetica', sans-serif;
  font-size:13px;
  color:#FFFFFF;
  font-weight:bold;
  background-color:#808080;
  border-style:solid;
  border-width:1px;
  text-align:left;
  padding:1px;
}

div#colpopup
{ 
  background-color:#ffffff;
  border-style:solid;
  border-width:1px;
  border-color:#000000;
  padding:1px;
  margin:0px;
  font-weight:normal;
}

div#colpopup hr
{ 
  margin:2px -1px;
  padding:0px;
}

div#colpopup a
{
  color:#404040;
  text-decoration:none;
} 

td.mask
{
  padding:3px;
  vertical-align:top;
}

tr.selected td.mask
{
  padding:3px;
  vertical-align:top;
  background:#F2F2F2;
}

div.label
{
  font-size:70%;
  color:#666666;
}

/* Kann in konfigurierten Texten verwendet werden, bisher nicht von ROT selbst erzeugt */
div.highlight
{
/*  font-size:110%;*/
/*  color:#F5DC37;*/
/*  background-color:#063E61;*/
/*  font-weight:bold;*/
  color:white;
  background-color:#f00;
  border-style:dotted;
  border-width:1px;
  border-color:white;
  padding:4px;
  margin:2px;
}

a.history,
a.historysmall,
a.history:hover
a.history:focus
{
  color:#666666;
  text-decoration:none;
}

a.history:hover,
a.history:focus
{
  color:#000000;
}

a.historysmall:hover
a.historysmall:focus
{
  color:#000000;
  background-color:#CCCCCC;
}

div.historydoku
{ 
  text-align:center;
  display:inline;
  margin-right:3px;
  background-color:#bfbfbf;
  padding-left:2px;
  padding-right:2px;
}

a.doku
{  
  font-size: 1em;
  color:#eeeeee;
  text-decoration:none;
}

a.doku:hover
{  
  font-size: 1em;
  color:#000000;
  text-decoration:none;
}

/* ******************************************************************************************* */
/* elemtents for mask display subheaders */
th.sub1
{
  font-family:'Arial', 'Helvetica', sans-serif;
  font-size:13px;
  color:#000000;
  font-weight:bold;
  background-color:#CCCCCC;
  border-style:solid;
  border-width:1px;
  text-align:left;
  padding:1px;
}

/*
table.sub1 th
{
  font-family:'Arial', 'Helvetica', sans-serif;
  font-size:13px;
  color:#000000;
  font-weight:bold;
  background-color:#CCCCCC;
  border-style:solid;
  border-width:1px;
  text-align:left;
  padding:1px;
}*/


/* ************************************************************************ */
/* List masks */

td.listcount
{
  font-family:'Arial', 'Helvetica', sans-serif;
  font-size:13px;
  border-style:solid;
  border-color:#AAAAAA;
  border-width:1px;
  text-align:left;
  padding-left:20px;
}

span.listcountcurrent
{
   font-weight:bold;
}

a.listcountlink
{
  text-decoration:none;  
}

span.listcountdot
{
}

/* Maskentitel, Seitentitel */
div.header,
h1.header
{
        font-family: Arial,Helvetica,sans-serif;
	padding: 3px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	background-image: url("../../images/tsi/verlauf_03.gif");
        margin-bottom: 12px;
        margin-top: 6px;

/*
        font-family: Arial,Helvetica,sans-serif;
        font-size: 22px;
        color: #000000;
        letter-spacing: 1px;
        white-space: nowrap;
        margin-bottom: 12px;
        margin-top: 12px;
*/
}

td.default
{
        border-style: none;
        border-width: 0px;
        background-color: #DDDDDD;
}

td.mask
{
        border-style: none;
        border-width: 0px;
        background-color: #DDDDDD;
}

table.default
{
        /* background-color: #FFFFFF; */
      background-color: #F3F3F3;
}

td.mask
{
	font-size: 9pt;
}

div.label
{
	font-size: 80%;
}

th.sub1
{
  font-family:'Arial', 'Helvetica', sans-serif;
  font-size:13px;
  color:#666666;
  font-weight:bold;
  background-color:#CCCCCC;
  border-style:solid;
  border-width:1px;
  text-align:left;
  padding:1px;
}

td.progress-bar-active
{
	background-color: #00AA00;
}

td.progress-bar-inactive
{
	background-color: #C9DCC9;
}

a.list-sort
{ 
  text-decoration:none;
  color: #ddddff;
}

/* History ****************************************************************** */

span.history table.default
{
	background-color: #DDDDDD;
}
span.history th {
    background-color: #666666;
    font-size: 9px;
}
span.history td {
    font-size: 9px;
}

/* Cluster ****************************************************************** */

td.cluster
{
  background-color: #CCCCCC;
  font-family: 'Arial', 'Helvetica', sans-serif;
  font-size: 13px;
  font-weight: bold;
  border-style: solid;
  border-color: #AAAAAA;
  border-width: 1px;
}

td.clusterhigh
{
  background-color: #FFCCCC;
  font-family: 'Arial', 'Helvetica', sans-serif;
  font-size: 13px;
  font-weight: bold;
  border-style: solid;
  border-color: #AAAAAA;
  border-width: 1px;
}

span.clustertitle
{ 
  color:#000000;
} 

/* Signals ****************************************************************** */

span.signal td.button
{
        font-family: Arial,Helvetica,sans-serif;
        font-weight: normal;
  	border-style: solid;
  	border-color: #AAAAAA;
  	border-width: 1px;
  	text-align: center;
  	background-color: #CCCCCC;
}

span.signal td.buttonempty
{
        font-family: Arial,Helvetica,sans-serif;
        font-weight: normal;
  	border-style: solid;
  	border-color: #DDDDDD;
  	border-width: 1px;
  	text-align: center;
        background-color: #DDDDDD;
        color: #DDDDDD;
}

span.signal a.button
{
}

span.signal td.signaldesc
{
  	font-family: 'Arial', 'Helvetica', sans-serif;
	font-size: 9pt;
        border-style: none;
        border-width: 0px;
        background-color: #DDDDDD;
}

span.signal td.signalhits
{
	text-align: right;
        border-style: none;
        border-width: 0px;
        background-color: #DDDDDD;
}

span.signal td.mask
{
        border-style: none;
        border-width: 0px;
        background-color: #DDDDDD;
}

div.signalcomment
{ 
        font-weight:bold;
        /*color:#ff0000;*/
        margin-top:1em;
}

/* Suche ******************************************************************** */

td.searchpar
{
	text-align: left;
        border-style: none;
        border-width: 0px;
        background-color: #DDDDDD;
}

td.searchval
{
	text-align: left;
        border-style: none;
        border-width: 0px;
        background-color: #DDDDDD;
}

/* "Loading, please wait..." ********************************************** */

div.loading
{
	display:none;
}

div.loadingVisible
{
        background-color: #ffffff;
	border-style:solid;
	border-width:1px;
	border-color:black;
	padding:1em;
	position:absolute;
	top:0px;
	left:0px;
}

.loadingAjax {
     background-image: url("../../images/loading_bar.gif");
     background-repeat:no-repeat;
     background-position:center;
}

/* Globaler Reload-Button *************************************************** */

#globalReload 
{ 
  width:16px; 
  height:16px; 
  top:2px; 
  right:2px; 
  float:right; 
  border-style:solid; 
  border-width:1px; 
  border-color:#808080; 
  padding:0; 
  margin:0;
}

#globalReload a
{ 
  margin:0; 
  padding:0; 
  width:16px; 
  height:16px;
}

/* Calendar *************************************************************** */

.CALDIVcpYearNavigation,
.CALDIVcpMonthNavigation
{
  background-color:#6677DD;
  text-align:center;
  vertical-align:middle;
  text-decoration:none;
  color:#FFFFFF;
  font-weight:bold;
}

.CALDIVcpDayColumnHeader,
.CALDIVcpYearNavigation,
.CALDIVcpMonthNavigation,
.CALDIVcpCurrentMonthDate,
.CALDIVcpCurrentMonthDateDisabled,
.CALDIVcpOtherMonthDate,
.CALDIVcpOtherMonthDateDisabled,
.CALDIVcpCurrentDate,
.CALDIVcpCurrentDateDisabled,
.CALDIVcpTodayText,
.CALDIVcpTodayTextDisabled,
.CALDIVcpText
{
  font-family:arial;
  font-size:8pt;
}

TD.CALDIVcpDayColumnHeader
{
  text-align:right;
  border:solid thin #6677DD;
  border-width:0px 0px 1px 0px;
}

.CALDIVcpCurrentMonthDate,
.CALDIVcpOtherMonthDate,
.CALDIVcpCurrentDate
{
  text-align:right;
  text-decoration:none;
}

.CALDIVcpCurrentMonthDateDisabled,
.CALDIVcpOtherMonthDateDisabled,
.CALDIVcpCurrentDateDisabled
{
  color:#D0D0D0;
  text-align:right;
  text-decoration:line-through;
}

.CALDIVcpCurrentMonthDate
{
  color:#6677DD;
  font-weight:bold;
}

.CALDIVcpCurrentDate
{
  color: #FFFFFF;
  font-weight:bold;
}

.CALDIVcpOtherMonthDate
{
  color:#808080;
}

TD.CALDIVcpCurrentDate
{
  color:#FFFFFF;
  background-color: #6677DD;
  border-width: 1px;
  border:solid thin #000000;
}

TD.CALDIVcpCurrentDateDisabled
{
  border-width: 1px;
  border:solid thin #FFAAAA;
}

TD.CALDIVcpTodayText,
TD.CALDIVcpTodayTextDisabled
{
  border:solid thin #6677DD;
  border-width:1px 0px 0px 0px;
}

A.CALDIVcpTodayText,
SPAN.CALDIVcpTodayTextDisabled
{
  height:20px;
}

A.CALDIVcpTodayText
{
  color:#6677DD;
  font-weight:bold;
}

SPAN.CALDIVcpTodayTextDisabled
{
  color:#D0D0D0;
}

.CALDIVcpBorder
{
  border:solid thin #6677DD;
}

div#caldiv1
{  
  position:absolute;
  visibility:hidden;
  background-color:white;
}


.svngreen
{
  background-color: #005a5f;
}

.svnmagenta
{
  background-color: #CC0066;
}


.svngrey
 {
   background-color: #333333;
 }

/* mask include */
table.include-mask {
    width:100%; 
    border:none; 
    margin:0px;
}
td.include-mask {
    padding:0px;
    border:none;
}

.tooltip {
  background-color:#000;
  border:1px solid #fff;
  padding:10px 15px;
  width:200px;
  display:none;
  color:#fff;
  text-align:left;
  font-size:12px;
}