@charset "utf-8";

/* body */
body {
  background-color: #EEEEEE;
  color: #000000;
  border: 0px solid #000000;
  margin: 0px;
  padding: 10px 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100.01%;
  overflow:scroll;
}

#body {
  width: 1300px;
  border: 0px solid #FF0000;
}

/* title paragraph */
p.title {
  color: #000000;
  font-size: 1.5em; /* 25px */
  margin: 7px 0px;
  padding: 0px;
}

/* comment paragraph */
p.comment {
  color: #000000;
  margin: 7px 0px;
  padding: 0px;
}

/* all links */
/*
a, a:link, a:visited, a:hover, a:active {
  color: #000000; /*  4444FF
  font-weight: bold;
  text-decoration: underline;
  padding: 0px 0px;
}
*/

/* links in input environmnent */
a.input, a.input:link, a.input:visited, a.input:hover, a.input:active {
  font-size: small;
  font-weight: normal;
}

/* table for main size */
table.info {
  width: auto;
  border: 0px solid #444444;
  padding: 0px;
  margin: 0px;
  border-spacing: 1px;
  border-collapse: separate; /* collapse, separate */
  text-align: center;
  empty-cells: hide;
/*    table-layout: fixed; */
}

/* all cols of the first row (define height and width, bottom-border) */
table.info th {
  width: 30px;
  border: 1px solid #999999;
  padding: 10px 5px;
  background-color: rgba(200, 200, 200, 0.3);
  vertical-align: text-top;
}

table.info th a {
  text-decoration: none;
  font-weight: lighter;
}

/* all inner cells (including left cells) */
table.info td {
  padding: 0px;
  margin: 0px;
}

/* set inner borders */
table.info th, table.info td {
  border: 1px solid #444444;
}

/* first column */
table.info td.leftActive, table.info td.leftNotActive {
  width: 143px;
  height: 40px;
  font-weight: bold;
  padding: 4px 3px;
  text-align: left;
}

/* first column */
table.info td a {
  float: left;
}

/* counter cells */
/*
table.info td.count {
  font-weight: bold;
  border: 0px solid #000000;
  padding: 0px 5px;
}
*/

/* left upper cell */
table.info th.left {
  background-color: inherit;
  color: inherit;
  border: 0px solid #FFFFFF;
  padding: 0px;
  margin: 0px;
}

/* table header for single user */
table.info th.single {
  width: auto;
  padding: 0px 10px;
}

/* paragraph inside of first column */
table.info p.left {
  margin: 0px;
  margin-right: 5px;
  padding: 0px;
  font-size: smaller;
  text-align: left;
  font-weight: normal;
}

table.info p.count {
  margin: 0px;
  margin-left: 5px;
  padding: 0px;
  float: right;
}

/* buttons */
input.button {
  color: #000000;
  background-color: #DDDDDD;
  border: 2px outset #AAAAAA;
  cursor: pointer;
}


input.button:active:hover {
  border: 2px inset #AAAAAA;
}

div.footer {
  margin-top: 10px;
}

/******************************************************************/
/** different statuses */
/******************************************************************/
/* see colors.css
/* left active cells
table.info td.leftActive {
  background-color: #CCFFCC;
  color: #444444;
  border: 1px solid #339933;
}

/* left cell, where event is not active
table.info td.leftNotActive {
  background-color: #FFCCCC;
  color: #444444;
  border: 1px solid #993333;
}

/* inner cells where event is not active
table.info td.eventNotActive {
  background-color: #AAAAAA;
  color: #FFCCCC;
  border: 1px solid #111111;
  font-weight: bold;
}

/* inner cells with confirmed event
table.info *.status_yes {
  background-color: #CCFFCC;
  color: #008800;
  border: 1px solid #339933;
  font-weight: bold;
}

/* inner cells with rejected event
table.info *.status_no {
  background-color: #FFCCCC;
  color: #880000;
  border: 1px solid #993333;
  font-weight: bold;
}

/* inner cell for status not known
table.info *.status_unknown {
  background-color: #DDDDDD;
  color: #666666;
  border: 1px solid #333333;
  font-weight: bold;
}
*/

/******************************************************************/
/** modify event page *********************************************/
/******************************************************************/
/* event table */
table.event {
  border: 0px solid #444444;
  padding: 0px;
  margin: 0px;
  margin-bottom: 10px;
  border-spacing: 0px;
  border-collapse: collapse;
  empty-cells: hide;
}

table.event td.left {
  text-align: right;
  padding-right: 20px;
}

table.event td.input {
  text-align: left;
}

table.event input  {
  background-color: #FFFFFF;
  color: #000000;
}

table.event input.dateError {
  background-color: #FFCCCC;
  color: #222222;
}