@charset "UTF-8";
/* CSS Document */

body
{
  background-color:#92E9F4;
  padding:0px;
  margin:0px;
  font-family: Times New Roman;
}

#title
{
  color: #000000;
  font-weight: bold;
  font-size: 1.8em;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  position: fixed;
  top: 0px;
  padding-top: 2px;
  width: 100%;
  z-index: 100;
  background-color: #92E9F4;
}

#loginData
{
  color: #000000;
  font-weight: bold;
  font-size: 0.9em;
  position: fixed;
  top: 5px;
  right: 5px;
  text-align: right;
  z-index: 101;
}

#version
{
  color: #000000;
  font-weight: normal;
  font-size: 0.6em;
  position: fixed;
  bottom: 5px;
  right: 5px;
}

#menu
{
  position: fixed;
  top: 33px;
  padding-top: 7px;
  width: 100%;
  text-align: center;
  z-index: 101;
  background-color: #92E9F4;
}

#menu a
{
  text-decoration: none;
}

#mainFrame
{
  width: 830px;
  margin: 0px auto;
}

#main
{
  position: absolute;
  text-align: center;
  top: 50%;
  left: 0px;
  width: 100%;
  height: 200px;
  margin-top: -120px;
}

.welcome
{
  font-weight: bold;
  font-size: 2.6em;
}

.copyright
{
  font-weight: bold;
  font-size: 1.2em;
}

#noRights
{
  position: absolute;
  text-align: center;
  top: 50%;
  left: 50%;
  padding:20px;
  border: 1px solid #000;
  width:350px;
  height:100px;
  margin-left: -195px;
  margin-top: -70px;
}

#sysError
{
  position: absolute;
  text-align: center;
  top: 50%;
  left: 50%;
  padding:20px;
  border: 1px solid #000;
  width:350px;
  height:170px;
  margin-left: -195px;
  margin-top: -70px;
}

.error
{
  font-weight: bold;
  font-size: 1.8em;
}

#errors
{
  font-weight: bold;
  font-size: 1.8em;
}

#close
{
  position: absolute;
  top: 0px;
  right: 4px;
  text-decoration: none;
}

#errorTitle
{
  position: absolute;
  background-image: url(/imgs/bgerrortitle.png);
  color: #fff;
  top: -1px;
  left: 6px;
  width: 340px;
  height: 24px;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  font-size: 1.0em;
}

#leftTitle
{
  position: absolute;
  background: url(/imgs/titleleft.png) no-repeat left top;
  top: -1px;
  left: 0px;
  width: 100%;
  height: 24px;
}

#rightTitle
{
  position: absolute;
  background: url(/imgs/titleright.png) no-repeat right top;
  top: -1px;
  right: 0px;
  width: 100%;
  height: 24px;
}

#leftBorder
{
  position: absolute;
  background: url(/imgs/borderleft.png) no-repeat left top;
  bottom: -4px;
  left: 0px;
  width: 100%;
  height: 21px;
}

#rightBorder
{
  position: absolute;
  background: url(/imgs/borderright.png) no-repeat right top;
  bottom: -4px;
  right: 0px;
  width: 100%;
  height: 21px;
}

#bottomBorder
{
  position: absolute;
  bottom: 1px;
  right: 2px;
  left: 2px;
  height: 1px;
  background-color: #528bef;
}

#errorsPopup
{
  position: absolute;
  text-align: center;
  top: 30%;
  left: 50%;
  padding-top: 15px;
  width: 350px;
  margin-left: -195px;
  margin-top: -70px;
  z-index: 100;
}

#errorsList
{
  text-align: left;
  top: 25px;
  left: 0px;
  font-weight: bold;
  font-size: 13px;
  border-left: 1px solid #528bef;
  border-right: 1px solid #528bef;
  border-top: 1px solid #528bef;
  border-bottom: 1px solid #eeeff2;
  margin-bottom: 2px;
  background-color: #eeeff2;
}

.noRights
{
  font-weight: bold;
  font-size: 1.4em;
}

.sysError
{
  font-weight: normal;
  font-size: 24px;
}

.form
{
  float: left;
}

.formLine
{
  min-height: 20px;
  display: table-cell;
}

.tableL
{
  width: 150px;
  float: left;
  margin-left: 10px;
}

.tableR 
{
  float: right;
  margin-right: 3px;
}

.tableL p
{
  text-align: left;
  font-weight: normal;
  margin: 0px;
  margin-top: 5px;
}

.tableR p
{
  text-align: left;
  font-weight: bold;
  margin: 0px;
  margin-top: 5px;
}

.tableR input
{
  width: 250px;
  height: 22px;
  text-align: left;
  font-weight: normal;
  margin: 0px;
  margin-top: 5px;
}

.tableR input.isbn
{
  width: 218px;
}

.tableR input.search
{
  background: url(/imgs/find.png) no-repeat center center;
  width: 28px;
  height: 28px;
  background-color: #e0dfe3;
  color: transparent;
}

#zip
{
  width: 50px;
  height: 22px;
  text-align: left;
  font-weight: normal;
  margin: 0px;
  margin-top: 5px;
}

#city
{
  width: 190px;
  height: 22px;
  text-align: left;
  font-weight: normal;
  margin: 0px;
  margin-top: 5px;
}

.tableTTL
{
  width: 85px;
  float: left;
  margin-left: 5px;
}

.tableTTR 
{
  float: right;
  margin-right: 3px;
}

.tableTTL p
{
  text-align: left;
  font-weight: normal;
  margin: 0px;
  margin-top: 5px;
}

.tableTTR p
{
  text-align: left;
  font-weight: bold;
  margin: 0px;
  margin-top: 5px;
}

.formR
{
  float: right;
  margin-right: 3px;
}

.formL
{
  float: left;
  margin-left: 10px;
}

.formC
{
  text-align: center;
  margin-left: 10px;
}

#info
{
  text-align: center;
  font-weight: bold;
  margin-right: 30px;
}

.infoR p
{
  text-align: right;
  font-weight: bold;
  margin-right: 0px;
}

.infoR
{
  float: right;
  margin-right: 3px;
  height: 20px;
  width: 230px;
  padding: 0px;
}

.infoL
{
  float: left;
  margin-left: 10px;
  height: 20px;
  width: 200px;
  padding: 0px;
}

.form p
{
  width: 230px;
  padding: 0px;
  margin: 0px;
  margin-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  height: 26px;
}

.form a
{
  width: 230px;
  padding: 0px;
  margin: 0px;
  margin-left: 10px;
  padding-bottom: 5px;
}

.form input
{
  width: 194px;
  height: 22px;
}

.radioValue
{
  height: 22px;
}

.radioValue input
{
  height: 22px;
  width: auto;
  margin-left: 15px;
  margin-right: 5px;
}

.clear
{
  clear: both;
}

.separator
{
  height: 10px;
}

#formFrame
{
  width: 650px;
  position: absolute;
  top: 120px;
}

#formTitle
{
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  padding-bottom: 5px;
}

#listFrame
{
  width: 800px;
  position: absolute;
  top: 120px;
  text-align: center;
  margin-left: 10px;
}

#listFormFrame
{
  width: 100%;
  position: relative;
  top: 5px;
  bottom: 20px;
  text-align: center;
  margin-left: 10px;
}

.list
{
  float: left;
}

.listActions
{
  float: right;
  width: 18px;
  height: 20px;
  padding: 0px;
  margin: 0px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.listFormActions
{
  float: right;
  height: 20px;
  padding: 0px;
  margin: 0px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 7px;
}

.list p
{
  width: 230px;
  min-height: 20px;
  padding: 0px;
  margin: 0px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 8px;
  text-align: left;
}

.listTitle
{
  float: left;
  margin-bottom: 10px;
}

.listTitle p
{
  width: 230px;
  padding: 0px;
  margin: 0px;
  padding-bottom: 5px;
  padding-left: 8px;
}

.listLine:hover
{
  background-color: #8ecaf5;
}

.listLine.private
{
  color: #0064ff;
}

.tableTTL.private
{
	color: #0064ff;
}

#pageCount
{
  float: left;
}

#itemCount
{
  float: right;
}

#confirmButton
{
  background: url(/imgs/save.png) no-repeat center center;
  width: 60px;
  height: 36px;
  background-color: #e0dfe3;
}

#sendButton
{
  background: url(/imgs/send.png) no-repeat center center;
  width: 60px;
  height: 36px;
  background-color: #e0dfe3;
}

#deleteButton
{
  background: url(/imgs/delete.png) no-repeat center center;
  width: 60px;
  height: 36px;
  background-color: #e0dfe3;
}

#cancelButton
{
  background: url(/imgs/cancel.png) no-repeat center center;
  width: 60px;
  height: 36px;
  background-color: #e0dfe3;
}

#newPwdButton
{
  background: url(/imgs/password.png) no-repeat center center;
  width: 60px;
  height: 36px;
  background-color: #e0dfe3;
}

#newEntryButton
{
  background: url(/imgs/addEntry.png) no-repeat center center;
  width: 21px;
  height: 21px;
  background-color: #e0dfe3;
}

.editEntryButton
{
  background: url(/imgs/editEntry.png) no-repeat center center;
  width: 21px;
  height: 21px;
  background-color: #e0dfe3;
}

.deleteEntryButton
{
  background: url(/imgs/delEntry.png) no-repeat center center;
  width: 21px;
  height: 21px;
  background-color: #e0dfe3;
}

#cancelActionButton
{
  background: url(/imgs/cancelAction.png) no-repeat center center;
  width: 21px;
  height: 21px;
  background-color: #e0dfe3;
}

#confirmActionButton
{
  background: url(/imgs/confirmAction.png) no-repeat center center;
  width: 21px;
  height: 21px;
  background-color: #e0dfe3;
}

.search
{
  background: url(/imgs/find.png) no-repeat center center;
  width: 28px;
  height: 28px;
  background-color: #e0dfe3;
  color: transparent;
}

.displayall
{
  background: url(/imgs/displayall.png) no-repeat center center;
  width: 28px;
  height: 28px;
  background-color: #e0dfe3;
  color: transparent;
}

.filter
{
  background: url(/imgs/filter.png) no-repeat center center;
  width: 28px;
  height: 28px;
  background-color: #e0dfe3;
  color: transparent;
}

#searchFrame
{
  width: 550px;
  float: left;
}

.searchField
{
  width: 200px;
  height: 26px;
  position: relative;
  top: 2px;
  background-color: #fff;
  border: 0px;
  font-size: 18px;
}

.searchValue
{
  width: 200px;
  height: 24px;
  font-size: 18px;
  position: relative;
  top: 1px;
}

.selectValue
{
  width: 207px;
  height: 28px;
  position: relative;
  top: 2px;
  background-color: #fff;
  border: 0px;
  font-size: 18px;
}

.selectForm
{
  width: 200px;
  height: 28px;
  position: relative;
  top: 2px;
  background-color: #fff;
  font-size: 14px;
}

.inactive
{
  opacity : 0.4;
}

#selectYear
{
  float: left;
  margin-top: -3px;
  vertical-align: middle;
}

#currentYear
{
  width: 65px;
  height: 28px;
  position: relative;
  top: 2px;
  background-color: #fff;
  border: 0px;
  font-size: 18px;
}

#addEntry
{
  float: right;
  margin-top: -3px;
}

.newEdit
{
  float: left;
  width: 300px;
  height: 15px;
  font-size: 12px;
  position: relative;
  top: 1px;
}

#currentYearLabel
{
  float: left;
  vertical-align: middle;
  margin-top: 5px;
  margin-right: 5px;
  font-size: 18px;
}

#currentYearSelect
{
  float: left;
  vertical-align: middle;
}

#changeCurrentYear
{
  float: left;
  margin-top: 2px;
  margin-left: 5px;
}

#grossPrice
{
  width: 95px;
  height: 22px;
  text-align: right;
}

#vat
{
  width: 55px;
  height: 26px;
  background-color: #fff;
  font-size: 14px;
}

#nettoLine
{
  width: 350px;
  height: 26px;
  font-size: 14px;
  font-weight: bold;
  margin: 0px;
  text-align: right;
}

#description
{
  width: 350px;
  height: 150px;
}

.showOnHover .hoverText
{
  display: none;
}

.showOnHover:hover .hoverText
{
  display: inline;
}

.hoverText
{
	color: #000;
  position: absolute;
  left: 350px;
  margin-top: 15px;
  z-index: 1000;
  border: 2px solid #000;
  background-color: #c0f7e3;
  padding: 11px;
  min-width: 280px;
  font-size: 0.75em;
  border-radius: 5px;
  box-shadow: 5px 5px 5px #777;
}

.detailQty
{
  width: 50px;
  float: left;
  margin-left: 5px;
}

.detailDescription
{
  width: 200px;
  float: left;
  margin-left: 5px;
}

.detailPrice
{
  width: 70px;
  float: left;
  margin-left: 5px;
}

.detailLine
{
  text-align: left;
  font-weight: normal;
  margin: 0px;
  margin-top: 5px;
}

.listInvoiceDetail
{
  float: left;
}

.listInvoiceDetail p
{
  min-height: 20px;
  padding: 0px;
  margin: 0px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 8px;
  text-align: left;
}

.listInvoiceDetail .qty
{
  width: 80px;
  text-align: right;
}

.listInvoiceDetail .description
{
  width: 400px;
  height: auto;
}

.listInvoiceDetail .price
{
  width: 80px;
  text-align: right;
}

.newEditQty
{
  float: left;
  width: 80px;
  height: 15px;
  font-size: 12px;
  position: relative;
  text-align: right;
  top: 1px;
}

.newEditDescription
{
  float: left;
  width: 400px;
  height: 15px;
  font-size: 12px;
  position: relative;
  top: 1px;
}

.newEditPrice
{
  float: left;
  width: 60px;
  height: 15px;
  font-size: 12px;
  text-align: right;
  position: relative;
  top: 1px;
}

.listLineTotal
{
}

#dropBox
{
  position: absolute;
  left: 87px;
  margin-top: -3px;
  border: 1px solid #000;
  background-color: #c0f7e3;
  min-width: 403px;
  font-size: 12px;
  display: none;
  margin-left: 10px;
  text-align: left;
}

.found
{
  color: #333;
  background-color: #aaa;
  font-weight: bold;
}

.dbLine:hover
{
  background-color: #8ecaf5;
}

.dbLineDescription
{
  float: left;
  width: 400px;
  height: 15px;
  font-size: 12px;
  position: relative;
  top: 1px;
  margin-left: 4px;
}

.dbLinePreis
{
  float: left;
  width: 60px;
  height: 15px;
  font-size: 12px;
  position: relative;
  top: 1px;
  text-align: right;
  margin-right: 4px;
}

#emailAddr
{
  width: 450px;
  height: 22px;
  text-align: left;
  font-weight: normal;
  margin: 0px;
  margin-top: 5px;
}

#emailSubject
{
  width: 450px;
  height: 22px;
  text-align: left;
  font-weight: normal;
  margin: 0px;
  margin-top: 5px;
}

#emailBody
{
  width: 450px;
  height: 250px;
  margin: 0px;
  margin-top: 5px;
  text-align: left;
  font-weight: normal;
}

#journalText
{
  width: 480px;
  height: 350px;
}

#journalQty
{
  width: 50px;
  height: 24px;
  text-align: right;
}

.customersForInvoice
{
  width: 207px;
  height: 20px;
  position: relative;
  top: 15px;
  background-color: #fff;
  border: 0px;
  font-size: 12px;
  margin-left: 5px;
  margin-right: 5px;
}

.journalToInvoice
{
  background: url(/imgs/journalToInvoice.png) no-repeat center center;
  width: 20px;
  height: 20px;
  background-color: transparent;
  border-style: none;
  color: transparent;
}

#selectInvoice
{
  float: left;
}

#selectInvoice p
{
  font-size: 18px;
  margin-right: 5px;
  margin-top: 2px;
  vertical-align: middle;
}

#summary
{
  position: relative;
  top: -15px;
  text-align: left;
  width: 700px;
}

#summaryBill
{
  width: 220px;
  text-align: center;
  float: left;
  margin-left: 50px;
}

#summaryBill p.mainTitle
{
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

.summaryBillTable
{
  border: 1px solid;
  float: left;
  width: 108px;
  margin-left: -1px;
  margin-top: -1px;
}

.summaryBillTable p
{
  height: 10px;
  margin-top: 5px;
  margin-right: 5px;
  text-align: right;
}

.summaryBillTable p.title
{
  height: 25px;
  margin-top: 5px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

.calendarTitle
{
  float: left;
  border: 1px solid;
}

.calendarTitle p
{
  width: 230px;
  padding: 0px;
  margin: 0px;
  padding-bottom: 5px;
  padding-left: 8px;
}

.calendarEntry
{
  float: left;
  border: 1px solid;
  border-top: 0px;
  margin-top: -3px;
}

.calendarEntry p
{
  width: 230px;
  min-height: 20px;
  padding: 0px;
  margin: 0px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 8px;
  text-align: left;
}

.calendarInput
{
  float: left;
  border-top: 0px;
  margin-top: -3px;
  margin-left: 5px;
}

#addCalendarButton
{
  background: url(/imgs/addCalendar.png) no-repeat center center;
  width: 20px;
  height: 20px;
  background-color: transparent;
  border-style: none;
  color: transparent;
}

#editCalendarButton
{
  background: url(/imgs/editCalendar.png) no-repeat center center;
  width: 20px;
  height: 20px;
  background-color: transparent;
  border-style: none;
  color: transparent;
}

.displayAllCustomer
{
  background: url(/imgs/displayAllJournals.png) no-repeat center center;
  width: 28px;
  height: 28px;
  background-color: #e0dfe3;
  color: transparent;
}

.displayAllCustomerInactive
{
  background: url(/imgs/displayAllJournals.png) no-repeat center center;
  width: 28px;
  height: 28px;
  background-color: #e0dfe3;
  color: transparent;
  opacity: 0.4;
}

.customerJournal
{
  border-bottom: 1px solid;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.customerJournalTableL
{
  width: 100px;
  float: left;
  margin-left: 5px;
}

.customerJournalTableR 
{
  float: right;
  margin-right: 3px;
}

.customerJournalTableL p
{
  text-align: left;
  font-weight: bold;
  margin: 0px;
  margin-top: 5px;
}

.customerJournalTableR p
{
  text-align: left;
  font-weight: normal;
  margin: 0px;
  margin-top: 5px;
}

#agendav
{
  width: 96%;
  height: 85%;
  position: absolute;
  top: 100px;
  left: 2%;
  border: 0px;
}