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

/* reset */
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 1.4em; list-style:square; }
q:before, q:after { content:''; }
/* end reset*/

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFF;
	margin: 0; 
	padding: 0;
	color: #000000;
}


table, td, th, tr {
    border: solid 1px #59821A;	
}

/*
.orderitems table, .orderitems td, .orderitems th, .orderitems tr {
	width: 98%;
}
*/
.orderitems table { width: 70%;}

table {
    margin: 10px 10px 20px 0;	
}

th {font-weight: bold; }

th, td {padding: 3px 10px; }

th.supplier_name { font-size: 12px;}

th.lbuttons, td.lbuttons {
    border-right: none !important;	
}

th.rbuttons, td.rbuttons {
    border-left: none !important;	
}


#importlist table {
   font-size: 12px;	
	
}

#importlist th, td {
   padding: 3px 3px !important;	
	
}


.btn, .btnp {
    display: block;
	height: 30px !important;
	background: #59821A;
	cursor: pointer;
	color: #FFF;
	font-weight: bold;
}

.delbtn {
    display: block !important;
	height: 30px !important;
	background: #F00;
	cursor: pointer;
	color: #FFF;
	font-weight: bold;
}

.delx {
   height: 20px !important;
   width: 20px !important;
   margin-bottom: 0 !important;
   margin: 0 !important;
}

.bold {
    font-weight:bold;	
}


div.left, div.right {
    width: 400px;
	float: left;
	min-height: 150px;
}

div.floater {
	right: 10%;
	position: fixed;
	min-height: 150px;
	width: 298px;
	padding: 10px;
	background-color: #FFF;
	border: #59821A 1px dotted;
}

div.orderitems {
    float: left;	
}

#container { 
	width: 90%; 
	background: #C6D991;
	background: #FFF;
	margin: 0 auto; 
	border: 1px solid #59821A;
	text-align: left; 
	overflow: hidden;
}

.containerlogin {
    background: #FFF !important;	
}

.containerproducts {
	/*width: 1300px !important; */
}

.containerorders {
	/*width: 1300px !important;*/
}

.containerorderslst {
	/*width: 1260px !important;*/
}


.containerordersp {
	/*width: 1300px !important;*/

}
#supplierarea {
  width: 900px;
}
.ordersprint {
   width: 1200px !important;	
	
}


#ordersarea {
    font-size: 10px;	
}

#belowtable {
    clear: both;	
}


#header { 
	background: url(../images/logo.png) no-repeat 20px 10px #59821A;	
	padding: 0; 
	height: auto;
	width: 100%;
} 

#header h1 {
    color: #FFF;
	font-size: 30px;
	width: 400px;
	margin: auto;
	padding: 10px;
	
}

#header #notices {
    font-size: 10px;
	width: 295px;
	float: right;
    margin-top: -80px;
	min-height: 100px;
	margin-right: 10px;
}

#header #notices a {
    color: #C6D991;
}


#header #notices table {
	width: 295px;
}

#header #notices td.date {
    width: 20%;
}

#header #notices td p {
	padding: 0 5px;
}


#header #notices table, #header #notices td, #header #notices tr {
    border: solid 1px #FFF;
	color: #FFF;
}

#header #notices td span {
    cursor: pointer;
	font-weight: bold;
}

/*These are essential for the notices sliding panels*/
#scrollpanel1, #scrollpanel2, #scrollpanel3 {
	display: none;
}

h1 {
    font-size: 20px;
	color: #FFF;
	background: #59821A;
	text-align: center;
	width: 350px;
	padding: 5px;
	margin-bottom: 20px;
}

#notices h1 {
    font-size: 12px;
    width: auto;
	background: transparent;
    margin: 0;
	float: none;
}

#sidebar {
	float: left; 
	width: 200px; 
	background: #C6D991; 
	padding: 15px 10px 20px 20px;
	padding: 15px 10px 3020px 20px;
	margin-bottom: -3000px;
	height: 100%;
}


#mainContent { 
	/*margin: 0 0 0 250px; */
	margin: 0;
	background: #FFF;
	padding: 20px 20px 20px 20px;
	/*padding: 20px 20px 3020px 20px;*/
	/*margin-bottom: -3000px;*/
	height: 100%;
	min-height: 150px;
} 


#logout {
   float: right;	
}

#login {
   background: #C6D991; 
   width: 350px;
   height: 200px;
   margin: 50px auto;
   padding: 30px;
	
}

label {
   width: 200px;
   float: left;
   margin-bottom: 10px;
   display: block;
}

#login label {
   width: 185px;	
}

label.error { float: none; color: red; padding-left: .5em; margin-bottom: 20px; vertical-align: top; }

#userarea #userform, #storearea #storeform, #productsarea #productform, #downloadarea {
   width: 850px;	
}
#productslist {
  width: 100%;
}

#downloadarea p {
   font-size: 14px;	
}

#userarea label, #storearea label, #productsarea label {
   width: 300px;
   height: 20px;
}

#downloadarea label {
   width: 150px;
   height: 20px;
}

#supplierarea label {
   width: 590px;	
   height: 20px;
}

#noticearea label {
   width: 400px;	
   height: 20px;
}

.disabled {
   background: #FFF;
   color: #59821A;
   border: none;
   font-weight: bold;
}

td.checkmark, span.checkmark {
   color: #59821A;
   font-weight: bold;
   font-size: 20px;
   text-align: center;
}

span.checkmark {
   font-size: 18px;
   margin: 0 10px 0 0;	
}

td.price {
  text-align: right;	
}

#userarea input, #userarea select, #storearea input, #storearea select, #supplierarea input, #supplierarea select, #noticearea input, #noticearea select, #productsarea input, #productsarea select {
   width: 300px;
   height: 20px;
}

#constantarea {
  width: 900px;
}

#constantarea input {
   width: 500px;
   height: 20px;
}
#constantarea .disc input {
   width: 75px;
   height: 20px;
}
#constantarea label {
   width: 350px;  
   height: auto;
   clear: both;
}

#constantarea p, #constantarea div {
  float: left;
  clear: both;
  width: 100%;
}

#downloadarea input {
   width: 200px;
   height: 20px;
}

select#prodoffset, select#ordersoffset {
   width: auto !important;
   height: auto !important;
}

#clfilterarea select, #clfilterarea label, #pfilterarea select, #pfilterarea label {
   font-size: 12px;	
   width: 150px;
   margin-right: 20px;
}

#ofilterarea select, #ofilterarea label {
   font-size: 12px;	
   width: 140px;
   margin-right: 20px;
	
}

#pfilterarea, #clfilterarea, #ofilterarea {
   height: 60px;

}

#pfilterarea input[type="Submit"], #clfilterarea input[type="Submit"], #ofilterarea input[type="Submit"]{
   height: 30px;
   margin-top: 8px;
   display: inline !important;

}

#login input {
   display: block;	
}

input, select, textarea {
   margin-bottom: 10px;	
}

input[type="checkbox"] {
   height: auto !important;
   margin-bottom: 20px;
}

input.quantity {
   width: 40px;
   text-align: right;
	
}


div.orderitems label.nofloat, div#belowtable label.nofloat {
    float: none;
	display: inline;
	margin-bottom: 0;
}
div.orderitems, div#orderunder {
    width: 100%;
	overflow: auto;
}

div.orderitems input[type="checkbox"] {
	margin-bottom: 0;
}

div.orderitems th, td {
    padding: 3px 2px;	
	
}


div.orderitems label {
    width: 130px !important;	
}

div.orderitems textarea {
    width: 350px;	
}

div.orderitems input, div.orderitems textarea {
    margin: 0;
	margin-bottom: 0;
}

div.orderitems input#GMS_code, 
div.orderitems input#quantity, 
div.orderitems input#nett_price,
div.orderitems input#reimbursement_price,
div.orderitems input#total_item_price,
div.orderitems input#discount { width: 50px; margin-bottom: 0px !important; }

label#delivery {
    display:block !important;
	width: 500px;
}

input#delivery {
	width: 500px !important;
}

#fileimportarea label {
   width: 100%;	
}

#fileimportarea input[type="submit"] {
   clear: both;
   display: inline;
}

#changelogarea, #productsarea, #productslist {
   font-size: 12px;	
}

#products-down {
   display: none;
}


#userarea input[type="Submit"], #storearea input[type="Submit"], #supplierarea input[type="Submit"], #noticearea input[type="Submit"], #fileuploadarea input[type="Submit"], #productsarea input[type="Submit"] {
   display:block;
   width: auto;
}

td.notice form, td.products form {
    display: table-cell;	
}

#noticearea td.notice input[type="Submit"], #productslist td.products input[type="Submit"], #ordersarea td.products input[type="Submit"] {
    display: inline;
	margin: 0 3px;
}


#constantarea input[type="Submit"], #login input[type="Submit"], #userarea input.save, #storearea input.save, #supplierarea input.save, #noticearea input.save {
   display:block;
   width: 70px;
   margin: 10px auto;
}

p {
  margin: 5px 0 10px 0;
}

.error {
  color: #F00;
}

#adduser label, #adduser select, #adduser input[type="Submit"] {
  display: inline;
  margin: 0 10px 0 0;
  width: auto;
  float: none;
}

#addproduct {
  margin: 0 0 30px 0;	
	
}


#pages {
   height: 30px;
}

#pages ul {
    list-style-type: none;
	margin-left: 0;
}

#pages li {
	display: block;
    float: left;
    margin-right: 4px;
	margin-bottom: 10px;
}


#footer { 
	padding: 0 10px 0 20px; 
	background:#59821A; 
	height: 25px;
	position: relative;
	clear: both;
} 

#footer #copyright ul {
    list-style-type: none;	
}

#footer #copyright ul li {
	font-size: 12px;
	color: #FFF;
	display: block;
	float: left;
	padding: 5px 0;
}

#footer #copyright ul li a {
	color: #FFF;
}

#footer #copyright ul li a:hover {
    color: #C6D991;	
}

#footer #copyright ul li span {
	color: #C6D991;
    margin: 0 10px;	
}

.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*menu*/

div#menu {clear: both; padding: 0 0 5px 0; background: #C6D991; width: 100%; height: 25px; margin-left: 0px;}

div#menu ul {
	list-style-type: none;
    padding: 0;
}

div#menu a {
   text-decoration: none;	
}

/*
#menu ul ul {
    padding-left: 1.4em;
}

#menu ul li {
     font-weight: bold;	
}

#menu ul li ul li {
     font-weight: normal;
	 text-indent: -10px;
	 padding-left: 6px;
}
*/


/* 
	LEVEL ONE
*/
div#menu ul.dropdown                         { position: relative; }
div#menu ul.dropdown > li                    {padding: 5px 20px 0 20px;}
div#menu ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; color: #000; height: 25px;/*background: #ccc;*/ }
div#menu ul.dropdown a:hover		            { color: #FFF; }
div#menu ul.dropdown a:active                { color: #ffa500; }
div#menu ul.dropdown li a                    { display: block; padding: 5px 8px; border-right: 1px solid #333;
	 								  color: #FFF;}
div#menu ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
div#menu ul.dropdown li.hover,
div#menu ul.dropdown li:hover                { background: #72A822; color: black; position: relative;}
div#menu ul.dropdown li.hover a              { color: #000; }

div#menu ul.dropdown li:hover ul {visibility: visible;}


/* 
	LEVEL TWO
*/
div#menu ul.dropdown ul 						{ width: 265px; visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 50; background: #C6D991;}
div#menu ul.dropdown ul li 					{ font-weight: normal; background: #C6D991; color: #000; 
									  border-left: 1px solid #59821A; border-right: 1px solid #59821A; border-bottom: 1px solid #59821A;float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
div#menu ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; color: #000;}