/**:not(input) {
  -ms-user-select: none !important;
}*/

* { margin:0 auto; }
a { color:#000; outline:none; text-decoration:none; }
hr.orderRuleView { color: #dfdfdf; background:#dfdfdf; height: 1px; border:0; margin-top:10px; margin-bottom:15px; width:100%;  }
body { background: #FFF; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; }
html { overflow: -moz-scrollbars-vertical; overflow: scroll; }
#header { background: #5c8e0e; width:100%; height:44px; line-height:15px; position:fixed; font-size:15px; left:0; }
#menu { width:1475px; height:44px; margin-left:auto; margin-right:auto; }
#menu a { color:#FFF; text-decoration:none; font-weight:bold; display:block; height:30px; padding:14px 8px 0 8px; float:left; }
#menu a:hover { background:#74a71a; }
span.number, div.number { color:#CCC; }
div.separator { color:#CCC; text-decoration:none; display:block; height:31px; padding:13px 10px 0 10px; float:left; } 
#main { width:1090px; min-height:400px; height:auto !important; height:400px; padding-top:70px; padding-bottom:20px; }
h1 { font-size:22px; color:#1f1f1f; padding-bottom:10px; }
h2 { font-size:18px; color:#1f1f1f; padding-bottom:6px; }
hr { margin:5px 0 5px 0; height: 0px; border: 1; color: #000; background-color: #000; width: 100%; }
hr.thick { height: 1px; border: 1; }
h3.greentext { padding: 5px 5px 5px 40px; background: #00bb0d url(../images/icons/Tick.png) 10px 4px no-repeat; border: #009d0b 1px solid; color:#fff; }
h3.redtext { padding: 5px 5px 5px 40px; color: #ffffff; background: #ff0000 url(../images/icons/Delete.png) 10px 4px no-repeat; border: #cc0000 1px solid; }
#resultEditPoints { min-height:50px; height:auto !important; height:50px; }
.contentTable tr:hover { background: #e2edfd; }
.contentTable.noPadding tr:hover { background:#fff; }
.contentTable tr.even2:hover { background: #D6D6D6 url(../images/layout/header_bg.png) repeat-x;  }
.contentTable tr:hover td.nav { background:#FFF; }
.contentTable a { display:block; padding:6px; }
.contentTable .label { padding:6px; } 
.contentTable td.nav a { display:inline; }
.contentTable.noPadding .label { padding:0; }
.contentTable.noPadding .label .input:focus { }
.contentTable.noPadding tr.even:hover { background:#f6f6f6; }
.contentTable.noPadding tr.statusGreen:hover { background:#9ce6a6; }
.contentTable.noPadding tr.statusRed:hover { background:#f07979; }
.contentTable.noPadding .input.date { width:94px; height:23px; padding-right:0; } 
.contentTable.noPadding .input.meters { width:40px; height:23px; } 
.contentTable.noPadding .input.hour { width:40px; height:23px; } 
.contentTable.noPadding .input.oHour { width:40px; height:23px; } 
.contentTable.noPadding .input.sHour { width:40px; height:23px; } 
.contentTable.noPadding .input.productId { width:570px; height:31px; overflow:hidden; padding:0 !important; } 
.contentTable.noPadding .input.productIdSub { width:570px; height:31px; overflow:hidden; padding:0 !important; } 
.contentTable.noPadding .input.price { width:50px; height:23px; } 
.contentTable.noPadding div.priceTotal { width:40px; height:23px; padding-top:7px; color:#7b7b7b; font-size:13px; display:block; }
.userTable td { border:none !important; }
input.invoiceDate { width:80px; } 
input.invoiceId { width:80px; } 
input.invoiceDescription { width:700px; }
input.invoiceTotal { width:65px; }
.statusGreen, .statusGreen input, .statusGreen textarea { background:#9ce6a6; }
.statusRed, .statusRed input, .statusRed textarea { background:#f07979; }
.statusYellow, .statusYellow input, .statusYellow textarea { background:#e4d26c; }
.green { background: #00bb0d url(../images/icons/Tick.png) 4px 4px no-repeat; padding-left: 30px !important; font-weight:bold; color:#fff; }
.red { background: #ff0000 url(../images/icons/Delete.png) 4px 4px no-repeat; padding-left: 30px !important; color: #ffffff !important; font-weight:bold; }
.yellow { background:#d6d6d6; color:#4b4b4b; padding:4px 6px 4px 6px; border:0; font-weight:bold; font-size:22px; }
.yellow.small { font-weight:normal; font-size:13px; }
#orderHeader2 .yellow .input { background:#dfdfdf; color:#4b4b4b; padding:0; border:0; font-weight:bold; font-size:22px; width:500px; }
#orderHeader1 input#orderDate, #orderHeader1 input#customerOrderId { padding:0; font-size:11px; background:#f6f6f6; }
#orderFooter2 .yellow .input { background:#6995c9; padding:0; border:0; color:#FFF; }
span.green { font-weight:bold; padding:6px !important; background:#00bb0d; border-radius:6px; border:#009d0b 1px solid; color:#fff; }
span.red { color: #ffffff !important; font-weight:bold; padding:6px !important; border-radius:6px;  background: #ff0000; border: #cc0000 1px solid; }
.nav { text-align:center; font-size: 15px; }
.nav a { padding:4px; }
.selected { background: #e2edfd !important;  }
.center { text-align: center; }
.right { text-align: right; }
#orderHeader1 { font-size:11px; line-height:14px; }
.companyName { font-size:12px; line-height:15px; height:15px; display:block; width:200px; float:left; }
.minusbtn:focus, .plusbtn:focus, .changebtn:focus { border:1px #0e3c88 solid; background-position:-1px -1px; }
.minusbtn, .plusbtn, .changebtn, .approvebtn, .disapprovebtn { border:0; display:block; width:22px; height:36px; margin-right:0; cursor: pointer; overflow:visible; outline: none; float:left; }
.plusbtn, .approvebtn { background:#00bb0d url(../images/icons/Add.png) no-repeat 2px; }
.minusbtn, .disapprovebtn { background:#ff0000 url(../images/icons/Cross.png) no-repeat 2px; }
.changebtn { background:url(../images/icons/change_icon.gif) no-repeat 0; width:21px; }
a.changeLink { padding:0 !important; }
.floatleft { float:left; }
.floatright { float:right; }
.clearfloat { clear:both; }
table.contentTable { border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb; border-left:0; margin-bottom:20px; }
table.contentTable td, table.contentTable th { border-top: 1px solid #ebebeb; border-left: 1px solid #ebebeb; }
/*#userForm td, #userForm table { border-left:none !important; border-right:none !important; }*/
th { font-weight:normal; text-align:left; }
.even { background: #f6f6f6; }
.even2 { background: #D6D6D6 url(../images/layout/header_bg.png) repeat-x; color:#4b4b4b; padding:6px; }
.even2 a { color:#4b4b4b; }
.even2 td, .nav, .even2 th { padding:6px; }
.even input, .even textarea { background: #f6f6f6; border:1px solid #f6f6f6; }
.uneven { background: #fff; }
#searchResults h1 { margin-top:-2px; }
#searchTable { margin-top:-15px; width:819px; }
#search, #searchWords { padding:6px; border:1px #dedede solid; background:#e2edfd; margin-bottom:5px; }
#search:focus, #searchWords:focus { border:1px #0130b9 solid; }
input, textarea, select { padding:4px; border:1px #c9c9c9 solid; border-radius:6px; }
#orderForm input, #orderForm textarea { border:none; }
#orderForm #customerId, #orderForm #description, #orderForm #customerOrderId, #orderForm .tasks { border:1px #c9c9c9 solid !important; border-radius:6px; }
input:focus, textarea:focus, select:focus { border:1px #0e3c88 solid; background:#FFF; }
textarea { font-family:Arial, Helvetica, sans-serif; font-size: 13px; width:450px; height:100px; }
img { border:none; }
.add, .edit, .delete, input[type=submit], input[type=button] { background:#fff; border-radius:6px; border:1px #577e13 solid !important; padding:10px; color:#434343; font-family:Arial, Helvetica, sans-serif;  font-weight:bold; font-size: 15px; cursor: pointer; overflow:visible; outline: none; float:right; }
.add:hover, .edit:hover, .delete:hover, input[type=submit]:hover, input[type=button]:hover { color:#fab70f; }
input[type=submit]:focus, input[type=button]:focus { color:#ffae00; }
.extra { color:#FF0000; }
.icon { margin-right: 5px; }
.multipleSelect { height:300px; width:300px; }
.multipleSelectSmall { height:100px; width:300px; }
.multiRed { color: #ff0000 !important; font-weight:bold; }
.noBorder { border:none !important; }
.arrow { margin: 0 10px 0 10px; }
.pointer { cursor: pointer; }
#searchField { background: url(../images/icons/Search.png) right no-repeat; }
#newPrintDate { visibility:hidden; display:none; }
.credit { color:#F00; font-weight:bold; }
.dateTimeUser { padding:5px; font-weight:bold; color:#666; }
.online { background:#00ff00; font-weight:bold; color:#000; }
#datepicker { border:1px solid #CCC !important; padding:10px !important; width:210px !important; font-weight:bold; margin-left:20px; margin-top:-8px; margin-bottom:7px; }
#previousDay, #nextDay { padding:8px; background:#74a71a; border:1px #577e13 solid; color:#FFF; font-weight:bold; border-radius:5px; margin-top:-10px; }
#previousDay:hover, #nextDay:hover { cursor:pointer; }
#button5 { text-align:center; width:100%; float:left; border:1px solid #ccc; padding:5px; margin-top:20px; }
.dashed { border-bottom:1px dashed #CCC; }
#printHeader { display:none; visibility:hidden; }
@media print {
	body { margin:0; }
	#header, input, h1 { display:none; visibility:hidden;  }
	#main { padding-top:0; }
	.yellow { background:#d6d6d6; color:#4b4b4b; padding:4px 6px 4px 6px; border:0; font-weight:bold; font-size:22px; }
	
	#newPrintDate { visibility:visible; display:inline; }
	#oldPrintDate { visibility:hidden; display:none; }
}

@media (max-width:760px) {

	#mainLogo { width:75%; }
	#mainForm { width:100%; }
	#mainForm #submit { float:left; margin-top:10px; margin-bottom:10px; width:100%; }
}