/* dotPROJECT REQUIRED CLASSES */
BODY {
  background-color: #f0f0f0;
  color: #000000;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  font-family: Osaka, verdana, Sans-Serif;
  font-size: 10pt;
}
body.loginform {
  background-color: #f0f0f0;
}

ul {
  margin-left: 25px;
}

dl {
  margin-top: 0px;
  padding-left: 1px;
}
dt {
  margin-top: 0.5em;
  color: #000099;
  font-weight: bold;
}
dd {
  margin-bottom: 0px;
  margin-left: 1.5em;
}

em,
i {
  font-weight: normal;
  text-decoration: none;
  font-style: italic;
}

A:link {
  color: #08245b;
  text-decoration: none;
}

A:visited {
  color: #08245b;
  text-decoration: none;
}

A:active {
  color: red;
  text-decoration: none;
}

A:hover {
  color: #666666;
  text-decoration: underline;
}

TD {
  font-family: Osaka, verdana, Sans-Serif;
  font-size: 8pt;
}

TR {
  font-family: Osaka, verdana, Sans-Serif;
  font-size: 8pt;
}

h1,
.title {
  font-size: 16px;
  font-weight: bold;
  font-family: Osaka, verdana, Sans-Serif;
  color: #08245b;
  margin-bottom: 0px;
  margin-top: 5px;
}

h2,
.subtitle {
  font-size: 12px;
  font-weight: bold;
  font-family: Osaka, verdana, Sans-Serif;
  color: #666;
  margin-bottom: 0px;
  margin-top: 15px;
}

h3 {
  font-size: 12px;
  font-weight: bold;
  font-family: Osaka, verdana, Sans-Serif;
  color: #08245b;
  margin-bottom: 0px;
  margin-top: 35px;
}

/* bordertable { /* ?? What. Is. This ?? (gwyneth 20210501)
  border: 1px black solid;
}
*/
.bordertable {
  border: 1px black solid;
  background-color: #cccccc;
}
table.bordertable td {
  background-color: #eeeeee;
}
table.bordertable td.companyName {
  background-color: gray;
}

/* standard classes to avoid in-line HTML styling (gwyneth 20210504) */
.align-right {
  text-align: right;
}
.align-left {
  text-align: left;
}
.align-center {
  text-align: center;
}
.align-justify {
  text-align: justify;
}

/* not defined anywhere... :-( (gwyneth 20210501) */
.smallNorm {
  font-weight: normal;
  font-size: small;
}

button,
.button {
  border: 1px black solid;
  font-family: Osaka, verdana, Sans-Serif;
  font-size: 8pt;
  /*width: 100px; too small for some translations*/
}

.item {
  color: #08245b;
}

.ok {
  color: green;
}

.text {
  border: 1px black solid;
  font-family: Osaka, verdana, Sans-Serif;
  font-size: 8pt;
  color: #000009;
  /*height: 12pt; Select boxes are too small in Mozilla */
}

TEXTAREA {
  font-family: Osaka, verdana, helvetica, arial, sans-serif;
  font-size: 9pt;
}

.textarea {
  font-family: Osaka, verdana, helvetica, arial, sans-serif;
  font-size: 9pt;
}

textarea.small {
  border: 1px black solid;
  font-family: Osaka, verdana, Sans-Serif;
  font-size: 8pt;
}

/* dotProject Top Banner and Top Nav Customization */
TH.banner {
  background-color: #08245b;
  color: #fff;
}

TD.nav {
  border: 1px solid #848284;
  background-color: #d5d3ce;
  color: #000;
}

/*
**********************************
Begin IE TD buttonizing
**********************************
*/

TD.clsBtnUp {
  cursor: hand;
  color: #ffffff;
  padding: 0 3;
  border: inset 2px;
}

TD.clsBtnDown {
  cursor: hand;
  color: #ffffff;
  padding: 0 3;
  border: inset 2px;
}

TD.clsBtnOn {
  cursor: hand;
  color: #ffffff;
  padding: 0 3;
  border: outset #eeeeee 2px;
}

TD.clsBtnOff {
  color: #ffffff;
  padding: 0 3;
  /* tab-index: 0; //not valid for TD */
  border: solid #559999 2px;
}

TD.topBtnOff {
  color: #ffffff;
  padding: 0 3;
  /* tab-index: 0; //not valid for TD */
  border: solid #cccccc 2px;
}

TD.nav {
  color: #ffffff;
}

/* Standard table 'spreadsheet' style */
table.tbl {
  background: #a5cbf7;
}

table.tbl TH {
  background-color: #08245b;
  color: #ffffff;
  list-style-type: disc;
  list-style-position: inside;
  border: outset #d1d1cd 1px;
  font-weight: normal;
  text-align: center;
}

table.tbl tr:nth-child(odd) {
  background-color: #dddddd;
}
table.tbl tr:nth-child(even) {
  background-color: #d3dce3;
}
table.tbl td {
  background-color: transparent;
}
table.tbl tfoot tr td:last-child {  /* Last element on the footer usually has a button to the right (gwyneth 20210504) */
  text-align: right;
  background-color: #ffffff;
}

/* a 'standard' table */
table.std {
  border: solid #08245b 2px;
  background: #d6ebff;
}

table.std TH {
  background-color: #08245b;
  color: white;
  list-style-type: disc;
  list-style-position: inside;
  border: outset #d1d1cd 1px;
}

table.std td.hilite {
  background-color: #ffffff;
}

/* contacts table */
table.contacts {
  background-color: #08245b;
}

table.contacts td {
  background-color: #d6ebff;
}

table.contacts td.hilite {
  background-color: #ffffff;
}

/* links in header blocks */
A.hdr:link,
A.hdr:active,
A.hdr:visited {
  color: #ffffff;
}

/* tabbed boxes */
td.tabon {
  background: #a5cbf7;
  /*
	border-top: outset #ffffff 2px;
	border-left: outset #ffffff 2px;
	border-right: outset #cccccc 2px;
	border-bottom: none;
	*/
  /* background-image: url('./style/default/images/tabSelectedBg.png');*/
  background-image: url("images/tabSelectedBg.png");
}
td.taboff {
  background: #d6ebff;
  /*
	border-top: solid #cccccc 1px;
	border-left: solid #cccccc 1px;
	border-right: solid #cccccc 1px;
	border-bottom: solid #cccccc 2px;
	*/
  /* background-image: url('./style/default/images/tabBg.png'); */
  background-image: url("images/tabBg.png");
}
td.tabsp {
  border-bottom: solid #cccccc 2px;
}
td.tabox {
  background-color: #a5cbf7;
  border-left: solid #cccccc 2px;
  border-right: solid #cccccc 2px;
  border-bottom: solid #cccccc 2px;
}

/* Task colours */
.task-color-fg {
  color: black;
}
.task-future-bg {
  background-color: #eceff4;
}
.task-started-bg {
  background-color: #e6eedd;
}
.task-late-bg {
  background-color: #ffeebb;
}
.task-overdue-bg {
  background-color: #cc6666;
}
.task-done-bg {
  background-color: #aaddaa;
}
/* used only on vw_tasks.php */
.task-unknown-bg {
  background-color: lightgray;
}
/* used only on vw_tasks.php */
.task-border {
  border-style: solid;
  border-width: 1px;
}

/* Message styles */
.warning {
  color: red;
}
.error {
  color: red;
}
.message {
  color: #08245b;
}

.no_ {
  color: red;
}

/* popup calendar */
body.popcal {
  background-color: #f0f0f0;
}

table.poptitle {
  background-color: #ffffff;
}
table.poptitle td {
  background-color: #ffffff;
}
table.poptitle th {
  background-color: #ffffff;
  color: #000000;
  font-size: 10pt;
  font-weight: bold;
}

table.popcal {
  background-color: #cccccc;
}

table.popcal th {
  background-color: #ffffff;
  color: #000000;
  font-family: Osaka, helvetica, arial, sans-serif;
  font-size: 9pt;
  font-weight: normal;
}

table.popcal td {
  background-color: #ffffff;
  font-family: Osaka, helvetica, arial, sans-serif;
  font-size: 8pt;
  text-align: center;
}

table.popcal td.empty {
  background-color: #e0e0e0;
}

table.mocal td.day {
  background-color: #ffffff;
  text-align: center;
}

table.popcal td.today {
}

table.popcal td.weekend {
  background-color: #f0f0f0;
}

table.popcal a:link,
table.popcal a:visited {
  color: #0000ff;
  text-decoration: none;
}

table.popcal a.today:link,
table.popcal a.today:visited {
  color: #ff0000;
  font-weight: bold;
}

table.popcal a.weekend:link,
table.popcal a.weekend:visited {
  color: #0000aa;
}

table.popcal a.empty:link,
table.popcal a.empty:visited {
  color: #777777;
}

/* month calendar - title area */
table.motitle {
  background-color: #777777;
}
table.motitle td {
  background-color: #f0f0f0;
}
table.motitle th {
  background-color: #f0f0f0;
  font-size: 10pt;
}

table.mocal {
  background-color: #777777;
}
table.mocal th {
  background-color: #08245b;
  color: #ffffff;
}
table.mocal td {
}
table.mocal td.week {
  vertical-align: top;
  background-color: #08245b;
  height: 80px;
}
table.mocal td.empty {
  background-color: #e0e0e0;
  color: #aaaaaa;
  text-align: left;
  vertical-align: top;
  height: 80px;
}
table.mocal td.day {
  background-color: #ffffff;
  color: #333366;
  text-align: left;
  vertical-align: top;
  height: 80px;
}
table.mocal td.today {
  background-color: #a5cbf7;
  color: #ffffff;
  text-align: left;
  vertical-align: top;
}

table.mocal td.weekend {
  background-color: #f0f0f0;
  text-align: left;
  vertical-align: top;
}

table.mocal .event {
}

/* mini calendar - title area */
table.minititle {
}
table.minititle td {
}
table.minititle th {
  font-weight: normal;
}

table.minical {
}
table.minical th {
  font-weight: normal;
}
table.minical td {
}
table.minical td.week {
}
table.minical td.empty {
  color: #aaaaaa;
}
table.minical td.day {
  text-align: center;
}
table.minical td.today {
  background-color: #e0e0e0;
  text-align: center;
}
table.minical td.weekend {
  text-align: center;
}
table.minical .event {
}

/* daily calendar */
table.tbl td.event {
  background-color: #fff0b0;
}

table.tbl td.event td {
  background-color: #fff0b0;
}

.hidden {
  display: none;
}

th strong {
  float: left;
  margin-top: 2px;
}
th form {
  float: right;
  padding: 0;
  margin: 0;
  margin-top: 1px;
}

.disabled {
  color: #000000;
}

/* Folder module */
#folder-list {
  background-color: white;
  /* layer-background-color: white; /* obsolete property */
}

#folder-list ul {
  padding: 0;
  margin: 0;
}
#folder-list ul li {
  list-style: none;
  margin-top: -1px;
  margin-bottom: 0px;
  border: 0px solid #cccccc;
}
#folder-list ul li ul li {
  margin-left: 25px;
}

.folder-name {
  display: block;
  height: 16px;
  padding-top: 0px;
  background: white;
  border-bottom: 1px solid #333333;
  border-right: 1px solid #333333;
  margin-bottom: 0px;
}

.folder-name-current {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
  border-bottom: 1px solid #333333;
}

.has-files {
  font-weight: bold;
}

#folder-list .tbl {
  margin-top: 2px;
}
#folder-list .tbl th {
  border: none;
}

#folder-list p {
  padding: 3px 5px;
  margin-top: -5px;
  margin-left: 25px;
  margin-right: 25px;
  border: 1px solid #cccccc;
  border-top: none;
  background: #f9f9f9;
}
