body
{
  color: #000;
  background-color: #fff;
  margin: 0px 20px 0px 0px;
  }

* html body
{
  font-size: x-small; /* IE5/Win */
  f\ont-size: small; /* other IE versions */
  }

td {
     font-size: 90%;
     }

body, table, td, th
{
  color: #444;
/*  font-family: Verdana, sans-serif, Arial, Helvetica;*/
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",Verdana,Arial,sans-serif;
  font-size: x-small; /* IE5/Win */
  f\ont-size: small;

  }

.searchbox
{
  font-size: smaller;
  }

a.popup
{
  text-decoration: none;
  color: #000;
  }

a:link, a:visited, a:active
{
  color:#666;
  }

a:hover
{
  color:#000;
  }

a.ptr
{
  cursor: pointer;
  text-decoration: underline;
 }

div.c
{
  text-align: center;
  }

.hidden
{
  display: none;
  }

div #shell
{
  font-family: Courier;
  font-size: larger;
  background: #ddd;
  border: solid 1px #bbb;
  margin: 10px;
  padding: 10px;
  width: 80%;
  }

div.loginwrapper
{
  /* needed for IE 6 */
  text-align: center;
  }

div.loginstatus
{
  background-color: #fff;
  color: #c00000;
  text-align: center;
  margin-bottom: 20px;
  }

div.loginlogo
{
  margin-top: 20px;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
 }

div.loginlogo img
{
  border: none;
}

table.login
{
  background-color: #eee;
  border: solid #ccc 1px;
  margin-top: 50px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 3px;
  width: 308px;
  }

table.login th
{

  font-weight: normal;
  color: #fff;
  background-color: #66a2bf;
  letter-spacing: 2px;
  border-bottom: solid #888 1px;
  white-space: nowrap;
  }

table.login td.label
{
  color: #000;
  text-align: right;
  vertical-align: middle;
  }

table.login td.value
{
  color: #000;
  text-align: left;
  vertical-align: middle;
  }

table.login td.row
{
  color: #000;
  text-align: center;
  vertical-align: middle;
  }

.comment
{
  font-size: smaller;
  }

.errormsg
{
  color: #ff0000;
  }

.overdue
{
  color: #ff0000;
  }

.tinput
{
  color: #000;
  background-color: #f4f4f4;
  border: solid #aaa 1px;
  padding: 1px;
 }

.tinput:focus
{
  color: #000;
  background-color: #ccf;
  border: solid #888 1px;
}

.number
{
  text-align: right;
  }

/* The following input definitions don't work with IE

input[type="text"]
{
  color: #000;
  background-color: #eee;
  border: solid #666 1px;
  padding: 1px;
}

input[type="text"]:focus
{
  color: #000;
  background-color: #ccf;
  border: solid #000 1px;
  }

input[type="text"].number
{
  text-align: right;
  }

input[type="password"]
{
  color: #000;
  background-color: #eee;
  border: solid #666 1px;
  padding: 1px;
}

*/

textarea
{
  color: #000;
  background-color: #f4f4f4;
  border: solid #aaa 1px;
  padding: 1px;
/*  overflow: auto;*/
  }

textarea:focus
{
  color: #000;
  background-color: #ccf;
  border: solid #888 1px;
  padding: 1px;
  }

.cbox
{
  background: #ffc;
  border: none;

 }

select
{
  color: #000;
  background-color: #f4f4f4;
  }


table.searchtable
{
  border: none;
  margin-top: 10px;
  margin-bottom: 10px;
  background: #eee;
  }

table.searchtable th
{
  color: #555;
  background-color: #ddd;
  letter-spacing: 2px;
  border-top: solid #eee 1px;
  border-right: none;
  border-bottom: solid #aaa 1px;
  white-space: nowrap;
  text-align: left;
  font-weight: normal;
  padding: 3px 2px 3px 2px;
  font-size: 80%;
  }

table.searchtable td
{
  padding: 2px;
  white-space: nowrap;
  font-size: 80%;
  }

table.searchtable td.label
{
  text-align: right;
  }

table.searchtable span.comment
{
  font-size: smaller;
  font-style: italic;
  padding: 0 5px 0 5px;
  }

table.searchtable input
{
  }

table.billdetailstable
{
  margin-top: 10px;
  margin-bottom: 10px;
  background: #fff;
  border-top: dotted #888 1px;
  border-left: none;
  border-right: none;
  }

table.billdetailstable td.bdesc
{
  background: #fff;
  text-align: left;
  border-bottom: dotted #888 1px;
  vertical-align: top;
  border-right: none;
  }

table.billdetailstable td.bnumber
{
  background: #fff;
  text-align: right;
  white-space: nowrap;
  border-right: none;
  border-bottom: dotted #888 1px;
  }

table.billdetailstable td.btext
{
  font-size: 2px;
  border: none;
  margin: 0;
  padding:0;
  background: white;
  border-right: none;
  }

table.billdetailstable td.bamount
{
  border-top: solid black 1px;
  border-right: none;
  border-bottom: none;
  font-size: 2px;
  margin: 0;
  padding:0;
  background: white;
  }

table.opcattable
{
  background: #ccc;
  border: solid #888 1px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  }

table.opcattable td.header
{
  text-align: left;
  color: #fff;
  background-color: #66a2bf;
  letter-spacing: 2px;
  border-right: none;
  border-bottom: solid #888 1px;
  white-space: nowrap;
  }

table.opcattable td.headeraction
{
  color: #fff;
  background-color: #66a2bf;
  text-align: right;
  border-right: none;
  border-bottom: solid #888 1px;
  }

table.opcattable td.headeraction a
{
  color: #fff;
  }

table.opcattable td.fillerul
{
  border-right: solid #888 1px;
  border-bottom: solid #888 1px;
  }

table.opcattable td.fillerur
{
  border-right: none;
  border-bottom: solid #888 1px;
  }

table.opcattable td.fillerll
{
  border-right: solid #888 1px;
  border-bottom: none;
  }

table.opcattable tr.oodd
{
  background: #fff;
  }

table.opcattable tr.oeven
{
  background: #ddeaef;
  }

table.opcattable td
{

  text-align: right;
  border-right: solid #888 1px;
  border-bottom: solid #888 1px;
  vertical-align: top;
  padding-left: 3px;
  padding-right: 3px;
  }

table.opcattable td.projects
{
  font-weight: normal;
  text-align: left;
  color: #000;
  border-right: solid #888 1px;
  border-bottom: solid #888 1px;
  padding-left: 3px;
  padding-right: 3px;
  vertical-align: top;
  white-space: normal;
  }

table.opcattable td.opcats
{
  font-weight: normal;
  text-align: left;
  color: #000;
  background: #ccc;
  border-right: solid #888 1px;
  border-bottom: solid #888 1px;
  vertical-align: top;
  white-space: normal;
  }

table.opcattable td.opcatsduration
{
  font-weight: normal;
  text-align: right;
  color: #000;
  border-right: none;
  border-bottom: solid #888 1px;
  vertical-align: top;
  white-space: normal;
  padding-left: 3px;
  padding-right: 3px;
  }

table.opcattable td.totalduration
{
  font-weight: bold;
  text-align: right;
  color: #000;
  border-right: none;
  border-bottom: none;
  vertical-align: top;
  white-space: normal;
  }

table.opcattable td.prjduration
{
  font-weight: normal;
  text-align: right;
  color: #000;
  border-right: solid #888 1px;
  border-bottom: none;
  vertical-align: top;
  white-space: normal;
  padding-left: 3px;
  padding-right: 3px;
  }

table.dialog
{
  border: solid #888 1px;
  margin-top: 10px;
  margin-bottom: 10px;
  background: #eee;
  }

table.dialog td.header
{
  text-align: left;
  color: #555;
  background-color: #d0d0d0;
  letter-spacing: 2px;
  border-right: none;
  border-bottom: solid #888 1px;
  white-space: nowrap;
  }

table.dialog td.headeraction
{
  color: #555;
  background-color: #d0d0d0;
  text-align: right;
  border-right: none;
  border-bottom: solid #888 1px;
  }

table.dialog td.headeraction a
{
  color: #555;
  }

table.dialog td.buttons
{
  text-align: center;
  padding-top: 30px;
  }

table.dialog td.optionsheader
{
  border-top: none;
  border-bottom: solid #888 1px;
  background-color: #ddd;
  text-align: center;
  }

table.help
{
  border: solid #888 1px;
  margin: 0 0 20px 0;
  background: #eee;
  }

table.help td
{
  vertical-align: top;
  padding-left: 20px;
  padding-bottom: 5px;
  }

table.help td.header
{
  text-align: left;
  color: #fff;
  background-color: #66a2bf;
  letter-spacing: 2px;
  border-right: none;
  border-bottom: solid #888 1px;
  white-space: nowrap;
  }

table.help tr.odd
{
  background-color: #eee;
  }

table.help tr.even
{
  background-color: #ddeaef;
  }

table.substdtable
{
  border: none;
  margin: 0;
  }
/*
table.substdtable tr th
{
  border-right: solid #888 1px;
  padding-left: 5px;
  padding-right: 5px;
  }

table.substdtable tr td
{
  padding-left: 5px;
  padding-right: 5px;
  border-right: solid #aaa 1px;
  }
*/
/*
table.substdtable tr.odd
{
  background-color: #fff;
  border-right: solid #aaa 1px;
  }

table.substdtable tr.even
{
  background-color: #ddeaef;
  border-right: solid #888 1px;
  }
*/


table.substdtable th.number
{
  text-align: right;
  }


table.substdtable th.time
{
  text-align: right;
  }

table.substdtable th.c
{
  text-align: center;
  }

table.substdtable tr.summary
{
  background-color: #ddd;
  }

table.substdtable tr td.last
{
  border-right: none;
  }

table.substdtable td.datawrap
{
  white-space: normal;
  }

table.substdtable td.opcat
{
  border-right: none;
  vertical-align: top;
  }

table.substdtable td.numdesc
{
  background: #fff;
  text-align: right;
  border-right: solid #888 1px;
  border-bottom: solid #888 1px;
  vertical-align: top;
  }


table.substdtable td.rb
{
  border-right: solid #aaa 1px;
  }

.flleft
{
  float: left;
 }

.flright
{
  float: right;
 }

table.stdtable
{
  margin-top: 10px;
  margin-bottom: 10px;
  background: #fff;
  }

table.stdtable td
{
/*
  white-space: nowrap;
  padding: 3px 2px 3px 2px;
  vertical-align: top;
  font-size: 85%;
*/

  white-space: nowrap;
  padding: 5px 5px 5px 5px;
  vertical-align: top;
  font-size: 85%;
  border-bottom: solid 1px #ccc;

  }


table.stdtable td.st
{
padding: 0;
  }

table.stdtable td.last
{
/*  border: none;*/
  white-space: nowrap;
  }

table.stdtable table td.warn
{
  background: #f88;
  }

table.stdtable td div.buttons input
{
  margin-left: 20px;
  margin-right: 20px;
  }


table.stdtable td.actions
{
  text-align: left;
 /* border: none;*/

  }

table.stdtable td.label
{
  text-align: right;
  background-color: #efefef;
  border-bottom: solid #ddd 1px;
  vertical-align: top;
  }

table.stdtable td span.label
{
  background-color: #efefef;
  border-bottom: solid #aaa 1px;
  padding: 2px;
  }

table.stdtable td.desc
{
  text-align: left;
  }

table.stdtable td.number
{
  text-align: right;
  white-space: nowrap;
  }

table.stdtable td.foto
{
  text-align: left;
  }
/*
table.stdtable td.time
{
  padding-right: 10px;
  padding-left:  10px;
  text-align:    right;
  white-space:   nowrap;
  }
*/

table.stdtable td.time
{
  text-align:    right;
 }

/*
table.stdtable tr.odd
{
  background-color: #fff;
  border-right: solid #aaa 1px;
  padding-left: 5px;
  padding-right: 5px;
  }

table.stdtable tr.even
{
  background-color: #e6e6e6;
  border-right: solid #aaa 1px;
  padding-left: 5px;
  padding-right: 5px;
  }
*/

table.stdtable tr.even
{
  background-color: #e6e6e6;
  }

table.stdtable td.header
{
  color: #555;
  background-color: #d0d0d0;
  letter-spacing: 2px;
  border-top: solid #888 1px;
  border-right: none;
  border-bottom: solid #888 1px;
  white-space: nowrap;
  font-size: 90%;
  padding: 5px 2px 5px 2px;
  }

table.stdtable td.headeraction
{
  color: #555;
  background-color: #d0d0d0;
  text-align: right;
  border-top: solid #888 1px;
  border-right: none;
  border-bottom: solid #888 1px;
  }

table.stdtable td.headeraction a
{
  color: #555;
  }

table.stdtable td.nobb
{
  border-bottom: none;
  }

table.stdtable th
{

  font-weight: normal;
  text-align: left;
  color: #666;
  background-color: #ddd;
  border-right: none;
  border-bottom: solid #888 1px;
  white-space: nowrap;
  font-size: 85%;
  padding: 4px 2px 4px 2px;
  }

table.stdtable th.number
{
  text-align: right;
  }


table.stdtable th.time
{
  text-align: right;
  }

table.stdtable td.browse
{
  border-right: none;
  text-align: center;
  white-space: nowrap;
  }

table.stdtable td.section
{

  color: #444;
  background-color: #dfdfdf;
  letter-spacing: 2px;
  border-top: solid #888 1px ;
  border-bottom: solid #888 1px;
  white-space: nowrap;
  }

table.stdtable td.sectionaction
{
  color: #444;
  background-color: #dfdfdf;
  text-align: right;
  border-top: solid #888 1px;
  border-bottom: solid #888 1px;
  white-space: nowrap;
  }

table.stdtable td.sectionaction a
{
  color: #000;
  }

table.stdtable td.data
{
  background-color: #f8f8f8;
  border-bottom: solid #eee 1px;
  }

table.stdtable td.datawrap
{
  white-space: normal;
  }

table.stdtable td span.opcol
{
  border: solid #888 1px;
  padding: 0 0 0 25px;
  margin: 5px 5px 5px 5px;
  font-size: 4px;
  }

table.stdtable td.sumgr
{
  background: #fff;
  border: none;
  }

table.stdtable td.sumrow
{
  color: #000;
  }

table.stdtable td.sumtime
{
  border: none;
  text-align: right;
  padding-right: 10px;
  padding-left:  10px;
  }

table.stdtable td.recinfo
{
  color: #aaa;
 }

table.stdtable td.minsmall
{
  min-width: 10%;
 }

table.stdtable td.minlarge
{
  min-width: 70%;
 }

table.stdtable td.greyed
{
  color: #aaa;
 }

table.stdtable tr td ul li
{
  list-style: none;
  padding: 0 0 0 10px;
  margin: 0 0 1px 0;
  }

table.stdtable tr td ul li
{list-style: none;}


table.stdtable tr td ul li:before
{content: "\00BB \0020";}

div.imgcontainer
{
  border: none;
  }

div.spacer
{
  clear: both;
  }

div.imgfloat
{
  float: left;
  }

div.msg
{
  border: solid 1px #88a2af;
  padding: 5px;
  background: #fefefe;
  width:30%;
 }

table.msgtable
{
  background: #fff;
  border: solid #666 1px;
  margin-bottom: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomright: 10px;
  }

table.msgtable th
{
  padding: 2px 5px 2px 5px;
  color: #fff;
  background-color: #88a2af;
  letter-spacing: 2px;
  font-weight: normal;
  white-space: nowrap;
  border-bottom: solid #666 1px;
  text-align: left;
  -moz-border-radius-topleft: 8px;
  }

table.msgtable td
{
  padding: 2px 5px 2px 5px;
  -moz-border-radius-bottomright: 8px;
  }

table.errtable
{
  background: #fff;
  border: solid #666 1px;
  margin-bottom: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomright: 10px;
  }

table.errtable th
{
  padding: 2px 5px 2px 5px;
  color: #fff;
  background-color: red;
  letter-spacing: 2px;
  font-weight: normal;
  white-space: nowrap;
  border-bottom: solid #666 1px;
  text-align: left;
  -moz-border-radius-topleft: 8px;
  }

table.errtable td
{
  padding: 2px 5px 2px 5px;
  -moz-border-radius-bottomright: 8px;
  }


#content
{
/*  margin: 0 0 0 150px;*/
  margin: 10px;
  border: none;
  background: #fff;
  min-height: 30em;
}

#content  img
{
  border: none;
  }

#pagestatus
{
  position: absolute;
  top: 10px;
  right: 15px;
  background: #f00;
  color: #fff;
  display: none;
  padding: 2px 5px 2px 5px;
  font-size: larger;
  border: solid 1px #888;
  -moz-opacity: 0.95;
 }

#opdetails
{
  position: absolute;
  z-index: 10;
  padding: 2px;
  background: transparent;
  border: none;
  visibility: hidden;
  min-width: 300px;
  max-width: 600px;
 }

#opdetails table
{
  border: solid 1px #bbb;
  border-top: none;
 }

#editopdetails
{
  position: absolute;
  z-index: 8;
  padding: 2px;
  background: transparent;
  border: none;
  visibility: hidden;
  min-width: 300px;
  max-width: 600px;
 }

#editopdetails table
{
  border: solid 1px #bbb;
 }

#upload
{
  position: absolute;
  z-index: 10;
  padding: 2px;
  background: transparent;
  border: none;
  visibility: hidden;
  min-width: 300px;
  max-width: 600px;
 }

#invoicebox
{
  position: absolute;
  z-index: 10;
  padding: 2px;
  background: transparent;
  border: none;
  visibility: hidden;
  min-width: 200px;
  max-width: 600px;
 }

#matdetails
{
  position: absolute;
  z-index: 10;
  padding: 2px;
  background: transparent;
  border: none;
  visibility: hidden;
  min-width: 300px;
  max-width: 600px;
 }

#prodselectbox
{
  position: absolute;
  z-index: 10;
  padding: 2px;
  background: #fff;
  border: solid #888 1px;
  visibility: hidden;
  min-width: 300px;
  max-width: 600px;
  height: 300px;
 }

#prodselectbox table
{
  display: block;
  width: auto;
  height: 250px;
  overflow: auto;
}

#prodselectbox tr:hover
{
  background: #bbf;
 }

#printbill
{
  position: absolute;
  z-index: 10;
  padding: 2px;
  background: #fafafa;
  border: none;
  visibility: hidden;
  max-width: 600px;
 }

#navbar ul
{
  list-style: none;
  padding: 0;
  margin: 0;
  border: 0;
  margin-bottom: 10px;
  }

#navbar li
{
  text-align: left;
  border-bottom: 1px solid #fff;
  border-top: none;
  width: 135px;
  margin: 0;
  padding: 1px 0 1px 5px;
  color: #444;
  background: #eee;
  }

#navbar li.first
{
  padding-top: 10px;
}

#navbar li.header
{
  text-align: center;
  border-bottom: 1px solid #666;
  border-top: none;
  width: 135px;
  margin: 0;
  color: #66a2bf;
  background: #fff;
  font-weight: bold;
  text-transform: uppercase;
  }


#navbar li.header:hover
{
  background: #fff;
  }

#navbar li a
{
  display: block;
  text-align: left;
  width: 135px;
  margin: 0;
  text-decoration: none;
  }

#navbar li:hover
{
  background: #66a2bf;
  color: #fff;
  color: #66a2bf;
  }

#navbar li.header:hover
{
  background: #fff;

  }

#navbar li a:hover
{
  color: #fff;
  background: #66a2bf;
  text-decoration: none;
  }

/*
#navbar li a:hover:after
{content: "\0020 \00AB";}
*/


#install
{
  margin: 50px 50px 50px 50px;
  padding: 10px 10px 10px 10px;
  border: dashed #ccc 1px;
  background: #fff;
  }

#install h1
{
  color: #444;
  }

#install div.footer
{
  text-align: center;
  }

#install div.footer a
{
  text-align: center;
  color: #ccc;
  font-size: x-small;

  }

#testtab table {border: solid 3px #666; display: block; width: auto; height: 250px; overflow: auto;}

#newcpn
{
  display: none;
 }

.pointer
{
  cursor: pointer;
 }

a.sortasc
{
  background: url(../img/phpaga/arrow_up.png) no-repeat 0 50%;
  padding-left: 16px;
 }

a.sortdesc
{
  background: url(../img/phpaga/arrow_down.png) no-repeat 0 50%;
  padding-left: 16px;
 }

a.edit
{
  background: url(../img/phpaga/edit.png) no-repeat 0 50%;
  padding: 0 0 0 16px;
 }


/* Clock */
#clock
{
  font-size: smaller;
  padding: 0;
  color: #999   ;
  text-align: right;
  clear: both;
  margin: 0 0 1em;
  }

#banner
{
  margin: 5px;
  }

/* The header and navigation layout was heavily inspired by trac http://trac.edgewall.org/ */

/* Header */
#header hr { display: none }
#header h1 { margin: 1.5em 0 -1.5em; }
#header img { border: none; margin: 0 0 -3em }
#header :link, #header :visited, #header :link:hover, #header :visited:hover {
 background: transparent;
 color: #555;
 margin-bottom: 2px;
 border: none;
}
#header h1 :link:hover, #header h1 :visited:hover { color: #000 }

/* Navigation */
.nav h2, .nav hr { display: none }
.nav ul { font-size: 10px; list-style: none; margin: 0; text-align: right }
.nav li {
 border-right: 1px solid #d7d7d7;
 display: inline;
 padding: 0 .75em;
 white-space: nowrap;
}
.nav li.last { border-right: none }

/* Main navigation bar */
#mainnav {
 background: #f7f7f7 url(../img/phpaga/menubar-gradient.png) 0 0;
 border: 1px solid #ccc;
 font-size: smaller; /*normal 10px verdana,'Bitstream Vera Sans',helvetica,arial,sans-serif;*/
 margin: .66em 0 .33em;
 padding: .2em 0;
}
#mainnav li { border-right: none; padding: .25em 0 }
#mainnav :link, #mainnav :visited {
 background: url(../img/phpaga/dots.gif) 0 0 no-repeat;
 border-right: 1px solid #fff;
 border-bottom: none;
 border-left: 1px solid #555;
 color: #000;
 padding: .2em 20px;
}
* html #mainnav :link, * html #mainnav :visited { background-position: 1px 0 }
#mainnav :link:hover, #mainnav :visited:hover {
 background-color: #ccc;
 border-right: 1px solid #ddd;
}
#mainnav .active :link, #mainnav .active :visited {
 background: #333 url(../img/phpaga/menubar-gradient2.png) 0 0 repeat-x;
 border-top: none;
 border-right: 1px solid #000;
 color: #eee;
 font-weight: bold;
}
#mainnav .active :link:hover, #mainnav .active :visited:hover {
 border-right: 1px solid #000;
}

/* Context-dependent navigation links */
#ctxtnav { height: 1em }
#ctxtnav li ul {
 background: #f7f7f7;
 color: #ccc;
 border: 1px solid;
 padding: 0;
 display: inline;
 margin: 0;
}
#ctxtnav li li { padding: 0; }
#ctxtnav li li :link, #ctxtnav li li :visited { padding: 0 1em }
#ctxtnav li li :link:hover, #ctxtnav li li :visited:hover {
 background: #bba;
 color: #fff;
}
