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

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

td {
     font-size: 90%;
     }

body, table, td, th
{
  color: #444;
  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;
  }

div.buttons input
{
  margin: 20px;
  }

.hidden
{
  display: none;
  }

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

#loginarea
{

  margin-left: auto;
  margin-right: auto;
  width: 400px;
  border: none;
 }

#loginarea h1
{

  margin-top: 50px;
  margin-bottom: 5px;
  padding-bottom: 0;
  color: #888;
 }

#loginarea fieldset
{
  width: auto;
  border: solid 1px #cecece;
  margin-top: 0;
  padding-top: 50px;
  background: url(../img/phpaga/mbobo.png) no-repeat top right;
  backgr\ound-color: #eee;
 }

#loginarea p.a
{
  text-align: center;
  margin-top: 40px;
 }

#loginarea div.lstatus, #loginarea span.lstatus
{
  background-color: #fff;
  color: #c00000;
  text-align: center;
  margin: 40px 5px;
  clear: right;
  display: block;
  }

#loginarea label, #loginarea input
{
  display: block;
  float: left;
  margin-bottom: 6px;
}

#loginarea label
{
  width: 100px;
  text-align: right;
  padding-right: 10px;
 }

#loginarea label.r
{
  width: auto;
 }

#loginarea form br
{
  clear: left;
}

#loginarea input.submit
{
  float: none;
  width: auto;
  margin-left: 110px;
  margin-bottom: 40px;
}

.comment
{
  font-size: smaller;
  font-style: italic;
  }

.errormsg
{
  color: #ff0000;
  }

.overdue
{
  color: #ff0000;
  }

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

.tinput:focus
{
  color: #000;
  background-color: #e0e0ff;
  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;
  border: solid #aaa 1px;
  }

table caption, div.dcaption
{
  color: #555;
  background-color: #e8e8e8;
  border: solid #ddd 1px;
  padding: 4px 5px;
  text-align: left;
  white-space: normal;
  text-align: right;
  font-weight: normal;
  font-style: normal;
  font-size: 85%;
  margin-top: 10px;
  margin-bottom: -1px;
 }

table caption em, div.dcaption em
{
  float: left;
  white-space: nowrap;
  padding-right: 5px;
  font-style: normal;
  font-weight: bold;
  font-size: 110%;
  color: #555;
 }

table caption em span, div.dcaption em span
{
  font-weight: normal;
 }

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.stdtable
{
  margin-bottom: 10px;
  background: #fff;
  width: 100%;
  border-left: solid 1px #ddd;
  border-right: solid 1px #ddd;
  }

table.stdtable td
{
  white-space: normal;
  padding: 5px 5px 5px 5px;
  vertical-align: top;
  font-size: 85%;
  border-bottom: solid 1px #d8d8d8;
  }

table.stdtable td.enabled0
{
  padding-left: 25px;
  background: transparent url('../img/phpaga/enabled.png') no-repeat left center;
}

table.stdtable td.enabled10
{
  padding-left: 25px;
  background: transparent url('../img/phpaga/disabled.png') no-repeat left center;
}

table tr:hover, table.stdtable tr.even:hover
{
  background-color: #ffa;
  }

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.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.time
{
  text-align:    right;
 }

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

table.stdtable th
{
  font-weight: normal;
  text-align: center;
  color: #777;
  background-color: #f2f2f2;
  border-right: none;
  border-top: solid #ddd 1px;
  border-bottom: solid #ddd 1px;
  white-space: nowrap;
  font-size: 85%;
  padding: 4px 2px 4px 16px;
  }

table.stdtable th.clhead
{
  padding-left: 25px;
  background: transparent url('../img/phpaga/information.png') no-repeat left center;
 }

table.stdtable th.cfinance
{
  padding-left: 25px;
  background: transparent url('../img/phpaga/bill.png') no-repeat left center;
 }

table.stdtable th.cdefault
{
  padding-left: 25px;
  background: transparent url('../img/phpaga/wrench.png') no-repeat left center;
 }

table.stdtable th.cchart
{
  padding-left: 25px;
  background: transparent url('../img/phpaga/chart_pie.png') no-repeat left center;
 }

table.stdtable th.clayout
{
  padding-left: 25px;
  background: transparent url('../img/phpaga/layout_content.png') no-repeat left center;
 }

table.stdtable th.cpdf
{
  padding-left: 25px;
  background: transparent url('../img/phpaga/page_white_acrobat.png') no-repeat left center;
 }

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

table.stdtable tr.summary td
{
  border-top: #ddd;
  background-color: #e8e8e8;
  }

table.stdtable th a
{
  color: #888;
 }

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

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

table.stdtable th
{
  border-left: solid 1px #ddd;
 }

table.stdtable th:first-child
{
  border-left: none;
 }

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

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

table.stdtable td.warn
{
  color: #f00;
  }

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";}

.flleft
{
  float: left;
 }

.flright
{
  float: right;
 }

.flleft + .flleft
{
  padding-left: 20px;
 }

div.floatcontainer
{
  border: none;
  }

div.spacer
{
  clear: both;
  }

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

div.infomsg
{
  background: #eef;
  border: solid 1px #aaf;
  width: 400px;
  padding: 5px;
  margin: 5px;
  color: #444;
 }

div.infomsg div
{
  border-top: solid 1px #aaf;
  border-bottom: solid 1px #aaf;
  text-align: center;
  margin-bottom: 5px;
  background: #ccf url(../img/phpaga/information.png) no-repeat left center;
  }

div.errmsg
{
  background: #fdd;
  border: solid 1px #faa;
  width: 400px;
  padding: 5px;
  margin: 5px;
 }

div.errmsg div
{
  border-top: solid 1px #faa;
  border-bottom: solid 1px #faa;
  text-align: center;
  margin-bottom: 5px;
  background: #fcc url(../img/phpaga/error.png) no-repeat left top;
  }

div.errmsg div span
{
  float: right;
  color: #faa;
  }

div.errmsg div span a
{
  color: #555;
}

div.errmsg h2
{
  font-weight: normal;
  font-size: 100%;
  border-top: solid 1px #faa;
  border-bottom: solid 1px #faa;
  text-align: center;
  margin-bottom: 5px;
  }

#content
{
  border: none;
  background: #fff;
  float:left;
  width: 100%;
  margin-top: 10px;
}

#content  img
{
  border: none;

  }

#mainsect
{
  margin-right: 200px;
 }

#footer
{
  clear: both;
 }

#pagestatus
{
  position: absolute;
  top: 15px;
  left: 250px;
  background: transparent;
  display: none;
  border: 0;
  z-index: 10;
 }

#pagestatus span img
{
  border: 0;
  padding-right: 20px;
  vertical-align: middle;
}

#pagestatus span
{
  padding: 8px 20px 8px 20px;
  border: solid 1px #ccf;
  background: #eef;
  color: #88c;
 }

#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: #fff;
  border: solid 1px #ccc;
  visibility: hidden;
  min-width: 300px;
  max-width: 600px;
  padding: 5px;
 }

#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: 700px;
  height: 300px;
 }

#prodselectbox table
{
  display: block;
  width: auto;
  height: 300px;
  overflow: auto;
  padding-right: 10px;
}

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

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

#setpaydate
{
  visibility: hidden;
 }

#quottoinv
{
  position: absolute;
  z-index: 10;
  padding: 20px;
  background: #fafafa;
  border: solid 1px #888;
  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;
  }

#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
{
  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;
}

/* datepicker customization */

.datePicker th, .datePicker td
{
  font-size:80%;
  }

.date-picker-control
{
  background:transparent url(../img/phpaga/cal.png) no-repeat 0 0;
  visibility: inherit;
  }

#infosect
{
  float: left;
  width: 200px;
  margin-left: -200px;
  font-size: 90%;
 }

#infosect .dist
{
  padding-left: 10px;
 }

div.blist
{
  margin: 10px 0;
  float: left;
  width: 190px;
  font-size: 90%;
  }

div.blist a
{
  text-decoration: none;
  color: #f66;
 }

div.blist ul, div.blist li
{
  list-style-type: none;
  }

div.blist h2
{
  display: block;
  width: 190px;
  font-size: 100%;
  font-weight: normal;
  margin: 0;
  padding: 0;
  }

div.blist ul
{
  padding: 1px 0 0 0;
  margin: 0 0 5px 5px;
  }

div.blist ul li
{
  border-bottom: dotted 1px #aaa;
  }

div.blist ul li a
{
  display: block;
  padding: 5px 10px 5px 25px;
  }

div.blist ul li a:hover
{
  background-color: #eee;
  border-right: dotted 1px #aaa;
  border-left: dotted 1px #aaa;
  }

div.blist ul li a span
{
  color: #666;
  font-size: 85%;
  }

div.blist ul.unpaid li, div.blist ul.unpaid li a:hover
{
  background-image: url('../img/phpaga/unpaid.png');
  background-repeat: no-repeat;
  background-position: left center;
  }

div.blist ul.unbilled li, div.blist ul.unbilled li a:hover
{
  background-image: url('../img/phpaga/unbilled.png');
  background-repeat: no-repeat;
  background-position: left center;
  }

table.w20
{
  width: 20%;
}

table.wauto
{
  width: auto;
 }

div.divbgwrapper
{
  margin: 10px;
  background: #fff;
  border: solid 1px #ddd;
 }

div.divbgwrapper #addtasktab
{
  border: none;
}

div.dbupgrade
{
  width: auto;
 }

div.dbupgrade ul li
{
  list-style-type: none;
  padding-left: 20px;
  }

div.dbupgrade ul li
{
  padding-left: 25px;
  background: transparent url('../img/phpaga/dbedit.png') no-repeat left center;
  }
fieldset.search
{
  width: auto;
  border: solid 1px #cecece;
  margin-top: 0;
  font-size: 80%;
  color: #666;
  padding-top: 20px;
  margin-bottom: 20px;
 }

fieldset.search input, fieldset.search select
{
  font-size: 100%;
  margin-bottom: 2px;
  }

fieldset.search legend
{
  color: #777;
  font-weight: bold;
  font-size: 100%;
  padding: 2px 20px 2px 20px;
  border: solid 1px #bbb;
  border-bottom: solid 1px #bbb;
  background: #eee;
 }

fieldset.search label
{
  float: left;
  margin-bottom: 6px;
  width: 120px;
  text-align: right;
  padding-right: 10px;
 }

fieldset.search br
{
  clear: left;
  margin-bottom: 15px;
}

fieldset.search fieldset
{
  border-left: none;
  border-right: none;
  border-bottom: none;
  border-top: solid 1px #ccc;
  margin: 0;
  padding: 5px 0 0 0;
  }

fieldset.search fieldset legend
{
  color: #888;
  font-weight: normal;
  padding-left: 20px;
  background: #eee;
  margin-left: 20px;
  }

fieldset.search .flleft + .flleft
{
  padding: 0;
  }

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







th.table-sortable {
	cursor:pointer;
	background-image:url("sortable.gif");
	background-position:center left;
	background-repeat:no-repeat;
	padding-left:12px;
}
th.table-sorted-asc {
	background-image:url("../img/phpaga/arrow_up.png");
	background-position:center left;
	background-repeat:no-repeat;
	padding-right:16px;
        background-color: #fc0;
}
th.table-sorted-desc {
	background-image:url("../img/phpaga/arrow_down.png");
	background-position:center left;
	background-repeat:no-repeat;
}
