/*
Stylesheet for OfficeShops

Last Change: 13.06.207 (Florian Schaeffer)
*/

/* first remove all padding and margins */
* {
  margin: 0px;
  padding: 0px;
}

/* define the generic body values */
body  {
  color:black;
  background-color:#fff;
  background-image: url(../images/body_bg.gif);
  background-position: top left;
  background-repeat: repeat-y;
  font: 0.7em Verdana, sans-serif;
}



/* upper navigation, generic infos like contact, help, about, imprint ... */
#globalnav {
  height: 60px;
  background-color: #d12028;
  text-align: right;
}

#globalnav ul {
  padding-top: 40px;
}

#globalnav li {
  padding: 5px;
  color: white;
  font-weight: bold;
  font-size: 10px;
  display: inline;
}

/* middle bottomline, used for status information */
#middlebottom label {
	font-weight: bold;
	width: 110px;
}

/* searchbox, will also be used for language selection */
#search {
  height: 32px;
  background-color: #ddd;
  text-align: right;
  font-size: 9px;
  padding: 4px;
}

* html #search {
  height: 40px;
}

#topnav {
  height: 32px;
  padding: 4px;
  padding-left: 200px;
  background-color: #eee;
}

* html #topnav {
  height: 40px;
  padding-left: 4px;
}

select#selLanguage {
	width: 150px;
	font-size: 10px;
}


/* main navigation left side */
#leftnav {
  width: 188px;
  float: left;
  background-color: #eee;
  color: black;
  padding: 4px;
}

* html #leftnav {
  width: 196px;
}

#leftnav li {
   list-style-type: none;
   margin: 0px;
	font-size: 11px;
}

#leftnav li div {
   padding-left: 5px;
	margin-bottom: 5px;
	border-left: 10px solid #d12028;
	border-bottom: 1px solid #999;
}

#leftnav li ul {
/*	background-color: #ddd;*/
  margin-bottom: 10px;
}

#leftnav li li {
  margin-left:20px;
  padding-left: 0;
  border: 0px;
}

#leftnav a {
  color: black;
  text-decoration: none;
  display: block;
}

* html #leftnav a {
	width: 168px;
}

#leftnav li a:hover {
	background-color: #999;
}

#usermenu {
  margin-top: 20px;
  padding: 5px;
  background-color: #e0e0e0;
}

#usermenu input {
  margin-top: 5px;
  border: 1px solid black;
  font-size: 11px;
  background-color: #d12028;
  color: white;
  font-weight: bold;
}

/* main Content */
#maincontent {
  position:absolute;
  left: 196px;
  /* width: 596px; */
  float: left;
  padding: 10px;
}

* html #maincontent {
  /* width: 616px; */
}

#maincontent input.button {
  border: 1px solid black;
  font-size: 11px;
  background-color: #d12028;
  color: white;
  font-weight: bold;
}

#addcontent {
	margin-left: 812px;
	background-color: #ddd;
    padding: 4px;
}

* html #addcontent {
    padding-left: 1px;
}

/* classes */
.clear {
	clear: both;
	height: 1px;
}

.sum_number {
	text-align: right;
}

.sum_total {
  text-align: right;
  font-weight: bold;
  font-size: 12px;
}

.number {
	text-align: right;
}

.amount {
	text-align: right;
}

/* define table formats */
#table-basket, .table-basket {
  width:100%;
  border-collapse: collapse;
}

#table-basket td, .table-basket td {
  border: 0px;
  border-bottom: 1px solid #ddd;
}

.table-list {
  border: 1px solid #ddd;
  border-collapse: collapse;
  width:100%;
}

.table-list td {
  border: 1px solid #ddd;
}

.table-simple td {
	padding: 0 2px;
}

td {
  font-size: 10px;
}

tr.t_head td {
	padding: 4px;
	font-size: 11px;
	color: white;
	font-weight: bold;
	background-color: #d12028;
}

tr.t_head a {
	color: white;
}

tr.t_style1 {
  background-color: #f3f3f3;
}

tr.t_style2 {
  background-color: #EBEBEB;
}


/* form elements */
.inputamount {
  font-size: 11px;
  text-align: right;
  padding-right: 2px;
  width: 30px;
  border: 1px solid #999;
}

.inputbarcode {
  font-size: 11px;
  padding-left: 2px;
  width: 100px;
  border: 1px solid #999;
}


/* lastorders */
div#lastPurchases div.listHead {
	padding: 2px;
	background-color: #d12028;
	color: #FFFFFF;
	font-weight: bold;
}

div#lastPurchases div.searchForm {
	margin: 0 0 10px 0;
}


/* createGroup */
div#usermanager {
    border: 1px solid #BBBBBB; 
    margin: 10px 0;
}

div#usermanager label {
	float: left;
}

div#usermanager input {
	float: left;
}

div#usermanager_creategroup label {
	float: left;
}

div#usermanager_creategroup input {
	float: left;
}

/* adding generic styles for purchase correction **/
.corrected {
 color: #48CA26;
}

.correction {
  color: red;
}