/* ------------------ Basics ------------------ */
html, body, table, td, th, a, form, div, img
{
  padding: 0px;
  margin: 0px;
  border: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: #000000;
}

body 
{
  background-color: #FFFFFF;
}

html, body 
{
  height:100%;
}

strong 
{
  font-weight: bold;
}

a:link, a:visited, a:hover, a:active
{
  text-decoration: none;
}

a:visited, a:hover
{
  color: #000000;
}

#cScroller
{
  position: absolute;
  left: 50%;
  width: 947px;
  height: 100%;
  margin-left: -464px;
  overflow: hidden;
  overflow-x: hidden;
}

#chorizontalScroller
{
  width: 928px;
  overflow: auto;
  overflow-x: scroll;
}

#cContainer
{
  position: relative;
  width: 947px;
  margin-top:0px;
}

#context
{
  position: relative;
  z-index: 300;
  top:1px;
  font-size: 15px;
  text-decoration:none;
}

#cContent
{
  position:relative;
  margin-top: 0px;
  margin-left: 0px;
  width: 947px;
  overflow:auto;
}

#headline
{
  position: relative;
  z-index: 300;
  font-size: 17px;
  font-weight: bold;
  color: #CC0000;
  text-decoration:none;
  margin-top:20px;
  width:927px;
  margin-bottom: 20px;
}

#headline td
{
  font-size: 17px;
  font-weight: bold;
  color: #CC0000;
  text-decoration:none;
  vertical-align:top;
}

#headline a
{
  text-decoration:none;
  font-size: 17px;
  font-weight: bold;
  color: #CC0000;
}

#headline td a
{
  text-decoration:none;
  font-size: 15px;
  font-weight: bold;
  color: #CC0000;
}

#headline td a:hover
{
  text-decoration:underline;
}

#infoscroller,
#infoscroller a
{
  position: relative;
  z-index: 300;
  width:910px;
  font-size: 16px;
/*  color: #FDFDFD;*/
/*  background-color:#1c2778;*/
  padding-left:3px;
  padding-right:3px;
}

.passwordForgotten,
#passwordForgotten
{
  position: relative;
  z-index: 300;
  font-size: 14px;
  margin:10px;
}

/* ---------------- EOF: Basics  -------------- */

/* ---------------- Table Base ---------------- */
table.base
{
  width: 927px;
  table-layout:fixed;
}

fieldset table.base 
{
  width: 903px;
}

fieldset
{
  padding:8px;
  margin:0;
  width:906px;
}

table.base th
{
  text-align: left;
  font-weight: bold;
  font-size: 15px;
  color: #CC0000;
  background-color: #D7D7D7;
  padding: 2px 6px;
  vertical-align:middle;
}

table.base a
{ 
  text-decoration:underline;
}

table.base a:hover
{
  text-decoration:none;
}

table.base td a.collapsableText
{ 
  text-decoration:none;
}

table.base td a.collapsableText:hover
{
  text-decoration:underline;
}

table.base tr.evenSignatureFolder td.reviewCommentColumnValue a.collapsableText,
table.base tr.oddSignatureFolder td.reviewCommentColumnValue a.collapsableText
{
	color: #005500;
}

table.base td.navi,
table.base td.navi a,
table.base td.navi a:visited,
table.base td.navi a:hover
{
  background-color:#FFFFFF;
  text-align:right;
  text-decoration:none;
}

table.base th table td
{
  font-weight: bold;
  font-size: 15px;
  color: #CC0000;  
  vertical-align:middle;
}

table.base th table td a,
table.base th table td a:visited
{ 
  font-weight: bold;
  font-size: 15px;
  color: #CC0000;  
  vertical-align:middle;
  text-decoration:underline;
}

table.base th table td a:hover
{
  text-decoration:none;
}

table.base tr.even,
table.base td.even,
table.base tr.evenStriked,
table.base tr.evenStrikedRed
table.base tr.evenStrikedGray,
table.base tr.evenTextGray,
table.base tr.evenSignatureFolder,
table.base tr.oddSignatureFolder
{
  background-color: #EBEBEB;
}

table.base tr.odd,
table.base tr.oddStriked,
table.base tr.oddStrikedRed
table.base tr.oddStrikedGray,
table.base tr.oddTextGray
{
  background-color: #F3F3F3;
}

table.base tr.released,
table.base tr.released td
{
  background-color: #BBDDBB;
  border-right: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
  padding: 1px 6px;
}

table.base tr.evenModified,
table.base tr.evenModified td
{
  background-color: #EBEBEB;
  border-right: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
  padding: 1px 6px;
  color: green;
}

table.base tr.oddModified,
table.base tr.oddModified td
{
  background-color: #F3F3F3;
  border-right: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
  padding: 1px 6px;
  color: green;
}

table.base tr.evenTextGray,
table.base tr.evenTextGray td
{
  background-color: #EBEBEB;
  border-right: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
  padding: 1px 6px;
  color: #999999;
}

table.base tr.oddTextGray,
table.base tr.oddTextGray td
{
  background-color: #F3F3F3;
  border-right: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
  padding: 1px 6px;
  color: #999999;
}

table.base tr.evenModifiedDate,
table.base tr.evenModifiedDate td
{
  background-color: #EBEBEB;
  border-right: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
  padding: 1px 6px;
  color: red;
}

table.base tr.oddModifiedDate,
table.base tr.oddModifiedDate td
{
  background-color: #F3F3F3;
  border-right: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
  padding: 1px 6px;
  color: red;
}

table.base tr.evenModifiedNew,
table.base tr.evenModifiedNew td
{
  background-color: #EBEBEB;
  border-right: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
  padding: 1px 6px;
  color: blue;
}

table.base tr.oddModifiedNew,
table.base tr.oddModifiedNew td
{
  background-color: #F3F3F3;
  border-right: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
  padding: 1px 6px;
  color: blue;
}

table.base tr.oddSignatureFolder,
table.base tr.oddSignatureFolder td
{
  background-color: #F3F3F3;
  border-right: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
  padding: 1px 6px;
  color: #005500;
}

table.base tr.evenSignatureFolder,
table.base tr.evenSignatureFolder td
{
  background-color: #EBEBEB;
  border-right: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
  padding: 1px 6px;
  color: #005500;
}

table.base td.verticalOdd
{
  background-color:#D7D7D7;
  padding: 2px 6px;
}

table.base td.verticalEven
{
  background-color:#f3f3f3;
  padding: 2px 6px;
}

table.base tr.even td
{
  background-color: #EBEBEB;
  border-right: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
  padding: 1px 6px;
}

table.base tr.odd td
{
  background-color: #F3F3F3;
  border-right: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
  padding: 1px 6px;
}

table.base tr.evenStriked td,
table.base tr.evenStrikedRed td,
table.base tr.evenStrikedGray td,
table.base tr.even td table tr.Striked td,
table.base tr.even td table tr.StrikedRed td,
table.base tr.even td table tr.StrikedGray td
{
  background-color: #EBEBEB;
  border-right: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
  text-decoration:line-through;
  padding: 1px 6px;
}

table.base tr.evenStrikedRed td,
table.base tr.even td table tr.StrikedRed td
{
  color: maroon;
}

table.base tr.evenStrikedGray td,
table.base tr.even td table tr.StrikedGray td,
table.base tr.oddStrikedGray td,
table.base tr.odd td table tr.StrikedGray td
{
  color: gray;	
}
table.base tr.oddStriked td,
table.base tr.oddStrikedRed td,
table.base tr.oddStrikedGray td,
table.base tr.odd td table tr.Striked td,
table.base tr.odd td table tr.StrikedRed td,
table.base tr.odd td table tr.StrikedGray td
{
  background-color: #F3F3F3;
  border-right: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
  text-decoration:line-through;
  padding: 1px 6px;
}
table.base tr.oddStrikedRed td,
table.base tr.odd td table tr.StrikedRed td
{
  color: maroon;
}

table.base tr.even td.owncomment,
table.base tr.odd td.owncomment,
table.base tr.even td.owncomment table td,
table.base tr.odd td.owncomment table td
{
  vertical-align:middle;
  background-color: #F3F6F3;
}

table.base tr.even td table td,
table.base tr.odd td table td,
table.base tr.evenStriked td table td,
table.base tr.evenStrikedRed td table td,
table.base tr.evenStrikedGray td table td,
table.base tr.oddStriked td table td,
table.base tr.oddStrikedRed td table td,
table.base tr.oddStrikedGray td table td,
table.base tr.evenModified td table td,
table.base tr.oddModified td table td,
table.base tr.evenModifiedDate td table td,
table.base tr.oddModifiedDate td table td,
table.base tr.evenModifiedNew td table td,
table.base tr.oddModifiedNew td table td,
table.base tr.released td table td,
table.base tr.evenSignatureFolder td table td,
table.base tr.oddSignatureFolder td table td
{
  border:0;
  padding:0;
}

table.base tr.footer td
{
  padding:0;
  margin:0;
  background-color:white;
  background-color:#D7D7D7;
  border-top:1px solid #FFFFFF;
  vertical-align:bottom;
}

table.base tr.footer td img
{
  display:block;
  height:18px;
  width:6px;
}

table.base tr.footer th
{
  color: #000000;
  padding:2px 2px;
  margin:0;
  font-weight:bold;
  background-color:#D7D7D7;
  border-top:1px solid #FFFFFF;
  text-align:right;
}

table.base th.actionColumnHeader,
table.base th.action1ColumnHeader,
table.base th.action2ColumnHeader,
table.base th.action3ColumnHeader,
table.base th.action4ColumnHeader,
table.base th.action5ColumnHeader
{
  text-align: right; 
}

table.base td.actionColumnValue,
table.base td.action1ColumnValue,
table.base td.action2ColumnValue,
table.base td.action3ColumnValue,
table.base td.action4ColumnValue,
table.base td.action5ColumnValue
{
  text-align: right; 
  border-right:0;
}
table.base td.statusColumnValue
{
  padding:0px;
}
table.base td.startDateColumnValue
{
  text-align: center; 
}
table.base td.endDateColumnValue
{
  text-align: center; 
}
/* ---------------- EOF: Table Base ------------ */

/* ---------------- Table Base Vertical ---------------- */
table.base_vert
{
  width: 600px;
  table-layout:fixed;
}

table.base_vert th
{
  text-align: left;
  font-weight: bold;
  font-size: 15px;
/*  color: #CC0000;*/
  background-color: #D7D7D7;
  padding: 2px 6px;
  vertical-align:middle;
}

table.base_vert td
{
  background-color: #F3F3F3;
  padding: 2px 6px;
  vertical-align:middle;
}

/* ---------------- EOF: Table Base Vertical --------- */

/* ---------------- Table base_editdataset ---------------- */
table.base_editdataset
{
  width: 600px;
  table-layout:fixed;
}

table.base_editdataset th
{
  background-color: #F3F3F3;
  text-align: left;
  font-weight: bold;
  font-size: 15px;
  padding: 2px 6px;
}

table.base_editdataset td
{
  background-color: #F3F3F3;
  padding: 2px 6px;
}

table.base_editdataset tr.header td
{
  padding:0;
  margin:0;
  background-color:white;
  background-color:#D7D7D7;
  border-top:1px solid #FFFFFF;
  vertical-align:bottom;
}

table.base_editdataset tr.header th
{
  color: #000000;
  padding:2px 2px;
  margin:0;
  font-weight:bold;
  background-color:#D7D7D7;
  border-bottom:1px solid #FFFFFF;
  text-align:right;
}

table.base_editdataset tr.footer td
{
  padding:0;
  margin:0;
  background-color:white;
  background-color:#D7D7D7;
  border-top:1px solid #FFFFFF;
  vertical-align:bottom;
}

table.base_editdataset tr.footer th
{
  color: #000000;
  padding:2px 2px;
  margin:0;
  font-weight:bold;
  background-color:#D7D7D7;
  border-top:1px solid #FFFFFF;
  text-align:right;
}

table.base_editdataset tr.even td
{
  background-color: #EBEBEB;
  border-right: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
  padding: 1px 6px;
}

table.base_editdataset tr.odd td
{
  background-color: #F3F3F3;
  border-right: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
  padding: 1px 6px;
}

/* ---------------- EOF: Table base_editdataset --------- */

/* ---------------- Table Base Sub ------------- */
table.base_sub,
#baseSubTextGray,
#baseSubTextBlack,
#baseSubTable
{
  width: 100%;
  border: 0px;
  table-layout:fixed;
}

table.base_sub tr td
{
  border-bottom: 1px dotted grey;
}

table.base_sub td
{
  padding: 1px 3px;
}

table.base_sub tr.Striked td
{
  text-decoration:line-through;
}

#baseSubTextBlack,
#baseSubTextBlack td,
#baseSubTextGray,
#baseSubTextGray td
{
	border-right: 0px none #000000;
	border-top: 0px none #000000;
	padding: 0px 0px;
}

#baseSubTextBlack,
#baseSubTextBlack td
{
	color: black;
}

#baseSubTextGray,
#baseSubTextGray td
{
	color: #999999;
}
/* ---------------- EOF: Table Base Sub --------- */

/* ---------------- Form Elements --------------- */
textarea, select
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  background-color: #FFFFFF;
  width:99%;
  border: 1px solid #C8C8C8;
}

input
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  width:99%;
  border: 1px solid #C8C8C8;
}

input.checkbox, input.radio
{
  width:auto;
  border:0px;
}

input.button, input.submit
{
  width:auto;
  background-color: #EBEBEB; 
  font-weight: normal;
  color: #081829;
  border: 1px #081829 solid;
}

input.button:hover, input.submit:hover
{
  width:auto;
  background-color: #EBEBEB; 
  color: #081829;
  border: 1px #081829 dotted;
}

input.button:disabled, input.submit:disabled
{
  width:auto;
  background-color: #EBEBEB; 
  font-weight: normal;
  color: #959595;
  border: 1px #959595 solid;
}
/* ---------------- EOF: Form Elements ----------- */

/* ---------------- Table object --------- */
table.object
{
    width: 100%;
    table-layout:fixed;
}

table.object td.main, td.sub, tr.footer
{
  height:20px;
  text-align: left;
  font-size: 15px;
  color: #000000;
  background-color: #D7D7D7;
  padding: 2px 0px;
  vertical-align:bottom;
  border-bottom: 1px solid #FFFFFF;
}

table.object td.main
{
  height:30px;
}

table.object tr.even td
{
  background-color: #EBEBEB;
  border-top:1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  border-right:1px solid #FFFFFF;
  padding: 1px 6px;
}

table.object td.sub
{
  background-color: #FFFFFF;
  padding-bottom:6px;
  padding-top:4px;
  border-bottom: 1px dotted grey;
} 

table.object td.sub a
{
  text-decoration:none;
  font-size: 15px;
  font-weight: bold;
  color: #CC0000;
}

table.object td.sub a:hover
{
  text-decoration:underline;
}

/* ---------------- EOF: Table object --------- */

/* --- Header Tables: Col/Rownames --- */

/* -------------------- Headlines ------------- */
h1 
{
  font-size: 18px;
  font-weight: bold;
  margin: 0px;
}

h2
{
  font-size: 17px;
  font-weight: bold;
  margin: 0px;
  margin-bottom:2px;
}

h3
{
  font-size: 15px;
  font-weight: bold;
  margin: 0px;
}
/* -------------------- EOF: Headlines --------- */

/*--------------------- RoundCorners ----------- */
table th.cornerTopLeft, table td.cornerTopLeft,
table th.cornerTopRight, table td.cornerTopRight,
table th.cornerBottomLeft, table td.cornerBottomLeft,
table th.cornerBottomRight, table td.cornerBottomRight
{
  background-repeat:no-repeat;
  width:6px;
  padding:0px;
  margin:0px;
  border:0;
  height:22px;
}

table tr.footer th.cornerBottomLeft,
table tr.footer th.cornerBottomRight
{
  height:16px;
}

table th.cornerTopLeft
{
  background-image:url(../images/tab_li_o.jpg);
}

table td.cornerTopLeft
{
  background-image:url(../images/li_o_f3.jpg);
}

table th.cornerTopRight
{
  background-image:url(../images/tab_re_o.jpg);
}

table td.cornerTopRight
{
  background-image:url(../images/re_o_f3.jpg);
}

table th.cornerBottomLeft, table td.cornerBottomLeft
{
  background-image:url(../images/tab_li_u.jpg);
  background-position:left bottom;
}

table td.cornerBottomLeft
{
  background-image:url(../images/li_u_f3.jpg);
}

table th.cornerBottomRight, table td.cornerBottomRight
{
  background-image:url(../images/tab_re_u.jpg);
  background-position:right bottom;
}

table td.cornerBottomRight
{
  background-image:url(../images/re_u_f3.jpg);
}

table tr td.cornerSpacerLeft,
table tr.even td.cornerSpacerLeft,
table tr.odd td.cornerSpacerLeft,
table tr.evenStriked td.cornerSpacerLeft,
table tr.evenStrikedRed td.cornerSpacerLeft,
table tr.evenStrikedGray td.cornerSpacerLeft,
table tr.oddStriked td.cornerSpacerLeft,
table tr.oddStrikedRed td.cornerSpacerLeft,
table tr.oddStrikedGray td.cornerSpacerLeft,
table tr.released td.cornerSpacerLeft
{
  border-right:0;
}

table tr td.cornerSpacerRight,
table tr.even td.cornerSpacerRight,
table tr.evenStriked td.cornerSpacerRight,
table tr.evenStrikedRed td.cornerSpacerRight
table tr.evenStrikedGray td.cornerSpacerRight
{
  border-left:0;
  border-right:1px solid #ebebeb;  
  text-decoration:none;
}

table tr.odd td.cornerSpacerRight,
table tr.oddStriked td.cornerSpacerRight,
table tr.oddStrikedRed td.cornerSpacerRight
table tr.oddStrikedGray td.cornerSpacerRight
{
  border-left:0;
  border-right:1px solid #F3F3F3;  
  text-decoration:none;
}

table.outOfTableCorners
{
  width: 927px;
  table-layout:fixed;
  bottom: 0;
}
table.outOfTableCorners th
{
  height:6px;
  background-color:#D7D7D7;
  empty-cells:show;
}

table.outOfTableCorners th.cornerTopLeft,
table.outOfTableCorners th.cornerTopRight,
table.outOfTableCorners th.cornerBottomLeft,
table.outOfTableCorners th.cornerBottomRight
{
  width:6px;
  background-repeat:no-repeat;
}

table.outOfTableCorners th.cornerTopLeft
{
  background-image:url(../images/tab_li_o.jpg);
}

table.outOfTableCorners th.cornerTopRight
{
  background-image:url(../images/tab_re_o.jpg);
}

table.outOfTableCorners th.cornerBottomLeft
{
  background-image:url(../images/tab_li_u.jpg);
  background-position:left bottom;
}

table.outOfTableCorners th.cornerBottomRight
{
  background-image:url(../images/tab_re_u.jpg);
  background-position:right bottom;
}

th.cornerOneLineLeft,
td.cornerOneLineLeft,
th.cornerOneLineRight,
td.cornerOneLineRight
{
  width:6px;
  height:28px;
  background-repeat:no-repeat;
}

th.cornerOneLineLeft
{
  background-image:url(../images/cornerOneLineLeft_d7.jpg);
}
td.cornerOneLineLeft
{
  background-image:url(../images/cornerOneLineLeft_f3.jpg);
}
th.cornerOneLineRight
{
  background-image:url(../images/cornerOneLineRight_d7.jpg);
}
td.cornerOneLineRight
{
  background-image:url(../images/cornerOneLineRight_f3.jpg);
}
/* -------------------- EOF: RoundCorners ----- */

/* -------------------- Images ---------------- */
img {
	border:0px;
}

img.pfeil {
	width:13px;
	height:20px;
	margin-top:1px;
	margin-bottom:1px;
}

img.spacer {
	width:927px; 
	height:4px; 
	margin:0px; 
}

img.aktionen {
/*	width:17px; */
	height:18px; 
	margin-top:1px; 
	margin-bottom:1px;
}

.rel_counter {
	font-size: 11px;
	color: #000000;  
	background-color: #FFFFFF;
	height: 10px; 
	width: 10px;
	border-style:solid;
	border-width: 1px;
	border-color:#000000;
}
/* -------------------- EOF: Images ------------ */

/* ---------------------- Calendar ------------- */
div.calendarBody table
{
  width:230px;
}

div.calendarBody table th
{
  text-align:center;
  background-color:#D7D7D7;
  color:#CC0000;
}

div.calendar button
{
  border:1px solid #081829;
  color: #081829;
  margin:2px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
}

div.calendar button:hover
{
  color: #081829;
  border: 1px dotted #081829;
}
/* -------------------- EOF: Calendar----------- */



/* +++++++++++++++++++++++ Styles die kaum im Einsatz sind ?? +++++++++++++++++++ */
/* 
In den statischen HTML Files gibt es auszer fuer datarownegativ keinen Einsatz dieser Styles
Sind diese weiterhin noetig?
*/

*.modified {
  color: green;
}
*.modifiedDate {
  color: red;
}
*.modifiedNew {
  color: blue;
}
*.modifiedGray {
  color: #999999;
}
*.datarowStatU {
  text-decoration:line-through;
  color: maroon;
}

*.datarowSignatureFolder {
  color: #005500;
}

*.datarowStatX {
  text-decoration:line-through;
}

*.datarowaktiv {
  background-color: #D1DAE4;
  color: #202020;
}

*.tdconfirmed {
  background-color: #319367;
  color: #FFFFFF;
}

*.tdrefused {
  background-color: #D13A42;
  color: #FFFFFF;
}

*.datarowDochead {
  height:22px;
  background-color: #FFFFFF;
  font-weight: bold;
}

*.datarowhead {
  background-color: #FFFFFF;
}

*.datarownegativ {
  background-color: #F3F3F3;
  vertical-align: top;
}

*.datarowmodified {
  background-color: #F2F252;
  vertical-align: top;
}

*.datarowTextGray {
	color: #999999
}

*.textalert {
  color: red;
  font-weight: bold;
  text-decoration: blink;
}

/* ---------------- EOF: Defined HTML Tags ---------------- */

/* ---------------- Costum Styles  ----------------*/
.installcomp:link {
  text-decoration: underline;
}

.installcomp:hover {
  text-decoration: none;
}

.textSmall {
  font-size: 15px;
}

.textSmaller {
  font-size: smaller;
  font-weight: normal;
}
/* ---------------- EOF: Costum Styles  ----------------*/

/* ---------------- div id box ---------------- */
#box {
  width:17px;
  height:18px;
  padding:0;
  margin:0px;
  border:0px solid black;
  font-family: Arial, Helvetica, sans-serif;
  font-size:14px;
  font-weight:bold;
}

#box span { display:none; }

#box:hover span{
  display:block;
  width:300px;
  position:relative;top:20px;right:250px;z-index:3;
  border:1px dashed black;
  padding:3px;
  background:white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight:normal;
}

#box2 a {
  width:17px;
  height:18px;
  color:#ffffff;
  font-family: Arial, Helvetica, sans-serif;
  font-size:20px;
  font-weight:bold;
  display:block;
  border:1px solid black;
}

#box2 a:hover {
  height:17px;
  width:17px;
  color:black;
  background:#ddd8b7;
}

#box2 a span {display:none;}

#box2 a:hover span {
  display:block;
  width:300px;
  position:relative;top:20px;right:250px;z-index:3;
  border:1px dashed black;
  padding:3px;
  background:white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight:normal;
}

.liveTextField {
  width: 180px;
  border: 1px solid #aaa;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}

.liveTextFieldResults {
  position: absolute;
  border:  1px solid #0F0F0F;
  visibility: hidden;
}

.liveTextFieldResults ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  background-color: white;
  text-align: left;
}

.liveTextFieldResults li {
  margin: 0px;
  padding-top: 0px;
  padding-bottom: 1.1px;
  text-indent: -1em;
  padding-left: 1.2em;
  padding-right: 1em;
  border: 0px;
  font-family: Arial,Helvetica,sans-serif; 
  font-size: small;
  cursor: pointer;
}

.liveTextFieldSelected {
  background-color: #3366CC;
  color: white;
}

.liveTextFieldUnselected {
  background-color: white;
  color: black;
}
/* ---------------- EOF: div id box  ---------------- */

/* ---------------- LightColorPicker ---------------- */
td.colorchart
{
  width:16px;
  height:12px;
  padding:2px;
}

td.nocolorchart
{
   width:37px;
   height:8px;
   padding:2px;
}

div.nocolorchartinner
{
   background-color: #FFFFFF;
   width:37px;
   height:8px;
}

div.colortarget
{
   border: 1px solid black;
   width:25px;
   height:12px;
}

div.nocolortarget
{
   background-color: #FFFFFF;
   border: 1px solid black;
   width:25px;
   height:12px;
}
/* ---------------- EOF: LightColorPicker ---------------- */

/* ---------------- Palette ---------------- */
td.available-cell SELECT,
td.selected-cell SELECT
{
  width:420px;
}
/* ---------------- EOF: Palette ---------------- */

/* ---------------- div id for tasks ---------------- */
div.URGENCY_NORMAL {
  width:100%;
  padding: 2px;
  border: 0px;
/*  border-left: 4px solid #336633;
  background-color: #B7C5D2;
  background-color: #99CC99;*/
  background-color: #a4dfaa;
  color: #000000;
}
div.URGENCY_DELAYED_NODE, div.URGENCY_DELAYED_CYCLE {
  width:98%;
  padding: 2px;
  border-left: 4px solid #BB0000;
  background-color: #FFEE90;
  color: #000000;
}
div.URGENCY_DELAYED_HOPELESS {
  width:100%;
  padding: 2px;
  border: 0px;
  background-color: #D20000;
  color: #FFFFFF;
}
div.URGENCY_DELAYED_HOPELESS div{
  color: #FFFFFF;
}
div.STATUS_RELEASED {
  width:100%;
  padding: 2px;
  border: 0px;
  border-left: 4px solid #336633;
}
div.STATUS_INVALID {
}

table.base tr.even td.rot, table.base tr.odd td.rot{
  background-color: #D20000;
  color: #FFFFFF;
}

hr.thin {
}

/* ---------------- EOF: div id for tasks ---------------- */

/* ---------------- div popup ---------------- */
#popup {
  padding: 2px;
  border: 1px;
  background-color: #96bbdf;
  color: #000000;
}
#datePreview
{
  padding: 2px;
  border: 1px;
  background-color: #f7fcd4;
  color: #000000;
}
#popUpCell
{
  background-color: #FFFFFF;
}
#popUpCell table tr th

{
  border: 1px;
  font-weight: bold;
  font-size: 15px;
  color: #CC0000;
  background-color: #D7D7D7;
  padding: 2px 6px;
  text-align: left;
  vertical-align:middle;
}

/* ---------------- EOF: div popup ---------------- */

/* ---------------- TaskOverview taskStatus and reviewCycleStatus columns ---------------- */

table.base tr.odd td.taskDelayColumnValue,
table.base tr.even td.taskDelayColumnValue,
table.base tr.odd td.reviewCycleStatusColumnValue,
table.base tr.even td.reviewCycleStatusColumnValue
{
	padding:0px;
	height:100%;
}

table.taskTableRed {
	background-color: #db9595;
	height: 100%;
	width:100%;
}
table.taskTableYellow {
	background-color: #FFEE90;
	height: 100%;
	width:100%;
}
table.taskTableGreen {
	background-color: #a4dfaa;
	height: 100%;
	width:100%;
}

 table.taskTableRed tr td.taskTDRed {
	background-color: #db9595;
	height: 100%;
	width:100%;
	text-align:center;
}
table.taskTableYellow tr td.taskTDYellow{
	background-color: #FFEE90;
	height: 100%;
	width:100%;
	text-align:center;
}
table.taskTableGreen tr td.taskTDGreen{
	background-color: #a4dfaa;
	height: 100%;
	width:100%;
	text-align:center;
}

/* ---------------- EOF: TaskOverview taskStatus and reviewCycleStatus columns ---------------- */
/* ---------------- TaskOverview taskStatus and reviewCycleStatus columns ---------------- */

table.base tr.odd td.taskDelayColumnValue,
table.base tr.even td.taskDelayColumnValue,
table.base tr.odd td.reviewCycleStatusColumnValue,
table.base tr.even td.reviewCycleStatusColumnValue
{
	padding:0px;
	height:100%;
}

table.base tr.odd td.taskDelayColumnValue table.taskTableRed,
table.base tr.even td.taskDelayColumnValue table.taskTableRed,
table.base tr.odd td.reviewCycleStatusColumnValue table.taskTableRed,
table.base tr.even td.reviewCycleStatusColumnValue table.taskTableRed {
	background-color: #db9595;
	height: 100%;
	width:100%;
}
table.base tr.odd td.taskDelayColumnValue table.taskTableYellow,
table.base tr.even td.taskDelayColumnValue table.taskTableYellow,
table.base tr.odd td.reviewCycleStatusColumnValue table.taskTableYellow,
table.base tr.even td.reviewCycleStatusColumnValue table.taskTableYellow {
	background-color: #FFEE90;
	height: 100%;
	width:100%;
}
table.base tr.odd td.taskDelayColumnValue table.taskTableGreen,
table.base tr.even td.taskDelayColumnValue table.taskTableGreen,
table.base tr.odd td.reviewCycleStatusColumnValue table.taskTableGreen,
table.base tr.even td.reviewCycleStatusColumnValue table.taskTableGreen {
	background-color: #a4dfaa;
	height: 100%;
	width:100%;
}

table.base tr.odd td.taskDelayColumnValue table.taskTableRed tr td.taskTDRed,
table.base tr.even td.taskDelayColumnValue table.taskTableRed tr td.taskTDRed,
table.base tr.odd td.reviewCycleStatusColumnValue table.taskTableRed tr td.taskTDRed,
table.base tr.even td.reviewCycleStatusColumnValue table.taskTableRed tr td.taskTDRed,
table.base tr.oddSignatureFolder td.taskDelayColumnValue table.taskTableRed tr td.taskTDRed,
table.base tr.evenSignatureFolder td.taskDelayColumnValue table.taskTableRed tr td.taskTDRed,
table.base tr.oddSignatureFolder td.reviewCycleStatusColumnValue table.taskTableRed tr td.taskTDRed,
table.base tr.evenSignatureFolder td.reviewCycleStatusColumnValue table.taskTableRed tr td.taskTDRed  {
	background-color: #db9595;
	height: 100%;
	width:100%;
	text-align:center;
	color: black;
}
table.base tr.odd td.taskDelayColumnValue table.taskTableYellow tr td.taskTDYellow,
table.base tr.even td.taskDelayColumnValue table.taskTableYellow tr td.taskTDYellow,
table.base tr.odd td.reviewCycleStatusColumnValue table.taskTableYellow tr td.taskTDYellow,
table.base tr.even td.reviewCycleStatusColumnValue table.taskTableYellow tr td.taskTDYellow,
table.base tr.oddSignatureFolder td.taskDelayColumnValue table.taskTableYellow tr td.taskTDYellow,
table.base tr.evenSignatureFolder td.taskDelayColumnValue table.taskTableYellow tr td.taskTDYellow,
table.base tr.oddSignatureFolder td.reviewCycleStatusColumnValue table.taskTableYellow tr td.taskTDYellow,
table.base tr.evenSignatureFolder td.reviewCycleStatusColumnValue table.taskTableYellow tr td.taskTDYellow{
	background-color: #FFEE90;
	height: 100%;
	width:100%;
	text-align:center;
	color: black;
}
table.base tr.odd td.taskDelayColumnValue table.taskTableGreen tr td.taskTDGreen,
table.base tr.even td.taskDelayColumnValue table.taskTableGreen tr td.taskTDGreen,
table.base tr.odd td.reviewCycleStatusColumnValue table.taskTableGreen tr td.taskTDGreen,
table.base tr.even td.reviewCycleStatusColumnValue table.taskTableGreen tr td.taskTDGreen,
table.base tr.oddSignatureFolder td.taskDelayColumnValue table.taskTableGreen tr td.taskTDGreen,
table.base tr.evenSignatureFolder td.taskDelayColumnValue table.taskTableGreen tr td.taskTDGreen,
table.base tr.oddSignatureFolder td.reviewCycleStatusColumnValue table.taskTableGreen tr td.taskTDGreen,
table.base tr.evenSignatureFolder td.reviewCycleStatusColumnValue table.taskTableGreen tr td.taskTDGreen  {
	background-color: #a4dfaa;
	height: 100%;
	width:100%;
	text-align:center;
	color: black;
}

/* ---------------- EOF: TaskOverview taskStatus and reviewCycleStatus columns ---------------- */

div.archiveDownloadStatus {
		background-color:white;
		width:210px;
		text-align:left;
		margin-bottom:10px;
}


/* Tooltip container www.w3schools.com */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted #ccc;
    color: #006080;
}
/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    position: absolute;
    width: 320px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 5px;
    z-index: 1;
    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.tooltip-right {
  	top: -5px;
  	left: 125%;  
}
/* Tooltip arrow */
.tooltip-right::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #555 transparent transparent;
}

.tooltip-bottom {
    top: 135%;
  	left: 50%;  
  	margin-left: -160px;
}

.tooltip-bottom::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #555 transparent;
}

.tooltip-top {
  	bottom: 125%;
  	left: 50%;  
  	margin-left: -160px;
}

.tooltip-top::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip-left {
  	top: -5px;
  	bottom:auto;
  	right: 128%;  
}
.tooltip-left::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #555;
}