body {
	font-family: Arial, Tahoma;
	font-size: 14px;
}

html, body{
	padding:0px;
	margin:0px;
	height:100%;
}

#slider{
	color:#777;
	vertical-align:middle;
	padding:0px 1px;
	border-right:1px dashed #ccc;
	font-weight:900;
	cursor:pointer;
	width:1px;
}

.content_element{
	padding:0px;
	margin:0px;
	width:100%;
	height:100%;
}

#content{
	padding-left:5px;
	font-size: 13px;
}

a img { border:0;}
a { text-decoration:none; }

.nowrap { white-space: nowrap; }

ul.mainMenu {
	border:3px solid #eee;
	padding:5px 0px;
	margin:0;
}

ul.mainMenu li {
	display: block;
	padding: 5px;
	list-style-type: none;
}

ul.mainMenu li a {
	text-decoration: none;
	color:#555;
	font-size: 0.9em;
	font-weight:bold;
}

ul.mainMenu li ul {
	padding:0;
	margin:0;
}

ul.mainMenu li ul li {
	padding-left:20px;
}
/*** LOGO ***/
img.logo {
	/*width: 200px;*/
	margin:5px auto;
}

/*** FILTER BOX ***/
div#filtersBox {
	margin:10px 0;
}

#currentFiltersTable {
}

#filtersHeaders th, .filterRow td {
	padding: 2px 5px;
}

/*** LIST ***/
table.list {
	width:100%;
	border-collapse: collapse;
	border: 0px solid red;
	background-image: none;
}

table.list tr.even { background-color: #eee; }
table.list tr.odd { background-color: #fff; }
table.list tr.topActionsRow { background-color: #fff; }

table.list th {
	text-align:left;
}

table.list td, table.list th {
	padding:.3em .5em;
	margin:0;
}

table.list td.action {
	width:0px;
	text-align:center;
	padding:0px;
}

table.list td.action img{
	margin:0px 2px;
}

/*** VIEW ***/
table.itemView {
	border-collapse: collapse;
}

table.itemView th, table.view td {
	padding:.3em .5em;
	margin:0;
	vertical-align:middle;
}

table.itemView th { text-align: right; }
table.itemView td { text-align: left; }

.buttonsRow {
	text-align:center;
}

.actionButton {
	float:left;
	border: 1px solid #aaa;
	background: none 5px center no-repeat #eee;
	background-position:5px center;
	padding: .3em;
	padding-left:30px;
	margin:.5em;
	cursor:pointer;
}

.actionButton.read, .actionButton.view { background-image: url("../images/view.png"); }
.actionButton.excel { background-image: url("../images/excel.png"); }
.actionButton.edit { background-image: url("../images/edit.png"); }
.actionButton.delete { background-image: url("../images/delete.png"); }
.actionButton.downloadFile { background-image: url("../images/downloadFile.png"); }
.actionButton.list { background-image: url("../images/list.png"); }
.actionButton.save { background-image: url("../images/save.png"); }
.actionButton.copy { background-image: url("../images/copy.png"); }
.actionButton.child { background-image: url("../images/child.png"); }
.actionButton.parent { background-image: url("../images/parent.png"); }
.actionButton.values { background-image: url("../images/child.png"); }
.actionButton.message { background-image: url("../images/message.png"); }
.actionButton.history { background-image: url("../images/history.png"); }
.actionButton.operationsHistory { background-image: url("../images/clock_red.png"); }
.actionButton.exportExcelRouteReportForm { background-image: url("../images/excel.png"); }
.actionButton.routePositions { background-image: url("../images/child.png"); }
.actionButton.auditorRoutePosTasks { background-image: url("../images/auditorRoutePosTasks.png"); }
.actionButton.coordinates { background-image: url("../images/coordinates.png"); }
.actionButton.balance { background-image: url("../images/balance.png"); }
.actionButton.hwid { background-image: url("../images/hwid.png"); }
.actionButton.user { background-image: url("../images/user.png"); }
.actionButton.auth { background-image: url("../images/auth.png"); }
.actionButton.barcode { background-image: url("../images/barcode.png"); }
.actionButton.routeImport { background-image: url("../images/routeImport.png"); }
.actionButton.notes { background-image: url("../images/notes.png"); }

.messageMessage, .errorMessage {
	background: none 5px center no-repeat #fff;
	padding: .3em;
	padding-left:30px;
	margin:.5em;
	border: 1px solid;
}
.messageMessage { background-image: url("../images/information.png"); border-color: green; }
.errorMessage { background-image: url("../images/exclamation.png"); border-color: red; }


form.itemEditForm input { border:1px solid #aaa; }
form.itemEditForm th, table.view td {
	padding:.3em .5em;
	margin:0;
	vertical-align:middle;
}

form.itemEditForm th { text-align: right; }
form.itemEditForm td { text-align: left; }


table.report {
	border:1px solid grey;
	border-collapse: collapse;
}

table.report td, table.report th {
	border:1px solid grey;
	padding: 3px 5px;
	text-align:center;
}

table.report tr.highlited_g td {
	background: #CCFFCC;
}

table.report tr.highlited_gb td {
	background: #CCFFFF;
}

table.report tr.highlited_b td {
	background: #CCCCFF;
}

table.report tr.total td {
	font-weight: bold;
	text-align:center;
}
table.legend {
	border:0px solid grey;
	border-collapse: collapse;
}

table.legend td, table.legend th {
	border:0px solid grey;
	padding: 3px 5px;
	text-align:left;
}

table.legend tr.highlited_g td {
	background: #CCFFCC;
}

table.legend tr.highlited_gb td {
	background: #CCFFFF;
}

table.legend tr.highlited_b td {
	background: #CCCCFF;
}


/* CUSTOMIZE UI DIALOG */
.ui-dialog .ui-dialog-buttonpane {
	text-align: center;
}

.ui-dialog .ui-dialog-buttonpane button {
  float: none;
}

input.applyFilter, button.addFilter {
	border: 1px solid #aaa;
	background: none 5px center no-repeat #eee;
	background-position:5px center;
	padding: .3em;
	padding-left:20px;
	margin:.5em;
	cursor:pointer;
	background-image: url("../images/filter.gif");
}

button.addFilter {
	background-image: url("../images/filter_add.gif");
}

input.applyFilter.excel { padding-left:25px; background-image: url("../images/excel.png"); }

.multiselectable { width:500px; display:block; overflow: auto;	width: 100%; }
.multiselectable select, .multiselectable div { width: 200px; float:left; }
.multiselectable div * { display: block; margin: 0 auto; }
.multiselectable div { display: inline; }
.multiselectable .m-selectable-controls { margin-top: 3em; width: 50px; }
.multiselectable .m-selectable-controls button { margin-top: 1em; }




/* Salespoint FormField style START */

.salespointFormField{
  padding:2px 6px;
  border:1px solid #777;
  height:18px;
  cursor:pointer;
}


.salespointDialog {font-size:70%;}
.salespointDialog label, .salespointDialog input { display:block; }
.salespointDialog input.text { margin-bottom:12px; width:95%; padding: .4em; }
.salespointDialog fieldset { padding:0; border:0; margin-top:25px; }
.salespointDialog h1 { font-size: 1.2em; margin: .6em 0; }
div#users-contain {  width: 350px; margin: 20px 0; }
div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
.ui-button { outline: 0; margin:0; padding: .4em 1em .5em; text-decoration:none;  !important; cursor:pointer; position: relative; text-align: center; }
.ui-dialog .ui-state-highlight, .ui-dialog .ui-state-error { padding: .3em;  }


.loadingTitle{
  position:absolute;
  top:50%;
  width:100%;
  left:0px;
  text-align:center;
}

.loadingTitle span{
  display:inline-block;
  background:#eee;
  font:900 14px Segoe UI, Calibri, Arial;
  color:#333;
  text-shadow:#fff -1px -1px 1px;
  padding:3px 16px;
  -moz-border-radius:4px;
}


/* stockProduct FormField style START */

.stockProductFormField{
  padding:2px 6px;
  border:1px solid #777;
  height:18px;
  cursor:pointer;
}


.stockProductDialog {font-size:70%;}
.stockProductDialog label, .stockProductDialog input { display:block; }
.stockProductDialog input.text { margin-bottom:12px; width:95%; padding: .4em; }
.stockProductDialog fieldset { padding:0; border:0; margin-top:25px; }
.stockProductDialog h1 { font-size: 1.2em; margin: .6em 0; }
div#users-contain {  width: 350px; margin: 20px 0; }
div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
.ui-button { outline: 0; margin:0; padding: .4em 1em .5em; text-decoration:none;  !important; cursor:pointer; position: relative; text-align: center; }
.ui-dialog .ui-state-highlight, .ui-dialog .ui-state-error { padding: .3em;  }


.loadingTitle{
  position:absolute;
  top:50%;
  width:100%;
  left:0px;
  text-align:center;
}

.loadingTitle span{
  display:inline-block;
  background:#eee;
  font:900 14px Segoe UI, Calibri, Arial;
  color:#333;
  text-shadow:#fff -1px -1px 1px;
  padding:3px 16px;
  -moz-border-radius:4px;
}

/* monoRetailPos FormField style START */

.monoRetailPosFormField{
  padding:2px 6px;
  border:1px solid #777;
  height:18px;
  cursor:pointer;
}


.monoRetailPosDialog {font-size:70%;}
.monoRetailPosDialog label, .monoRetailPosDialog input { display:block; }
.monoRetailPosDialog input.text { margin-bottom:12px; width:95%; padding: .4em; }
.monoRetailPosDialog fieldset { padding:0; border:0; margin-top:25px; }
.monoRetailPosDialog h1 { font-size: 1.2em; margin: .6em 0; }
div#users-contain {  width: 350px; margin: 20px 0; }
div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
.ui-button { outline: 0; margin:0; padding: .4em 1em .5em; text-decoration:none;  !important; cursor:pointer; position: relative; text-align: center; }
.ui-dialog .ui-state-highlight, .ui-dialog .ui-state-error { padding: .3em;  }


.loadingTitle{
  position:absolute;
  top:50%;
  width:100%;
  left:0px;
  text-align:center;
}

.loadingTitle span{
  display:inline-block;
  background:#eee;
  font:900 14px Segoe UI, Calibri, Arial;
  color:#333;
  text-shadow:#fff -1px -1px 1px;
  padding:3px 16px;
  -moz-border-radius:4px;
}

/* user FormField style START */

.userFormField{
  padding:2px 6px;
  border:1px solid #777;
  height:18px;
  cursor:pointer;
}


.userDialog {font-size:70%;}
.userDialog label, .userDialog input { display:block; }
.userDialog input.text { margin-bottom:12px; width:95%; padding: .4em; }
.userDialog fieldset { padding:0; border:0; margin-top:25px; }
.userDialog h1 { font-size: 1.2em; margin: .6em 0; }
div#users-contain {  width: 350px; margin: 20px 0; }
div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
.ui-button { outline: 0; margin:0; padding: .4em 1em .5em; text-decoration:none;  !important; cursor:pointer; position: relative; text-align: center; }
.ui-dialog .ui-state-highlight, .ui-dialog .ui-state-error { padding: .3em;  }


.loadingTitle{
  position:absolute;
  top:50%;
  width:100%;
  left:0px;
  text-align:center;
}

.loadingTitle span{
  display:inline-block;
  background:#eee;
  font:900 14px Segoe UI, Calibri, Arial;
  color:#333;
  text-shadow:#fff -1px -1px 1px;
  padding:3px 16px;
  -moz-border-radius:4px;
}