/* webshop.ronvanempel.nl */
* {
	margin: 0;
}

.bidsColumn {
	/*font-family:'Coda', cursive;*/
	/* font-family: 'Droid Sans Mono', monospace; */
	padding-left: 5px !important;
	padding-right: 5px !important;
	height: 16px !important;
}

.amountColumn {
	height: 12px !important;
	padding: 1px !important;
}

.ui-sortable {
	height: auto !important;
}

.ui-th-div {
	height: 100% !important;
}

html {
	overflow-y: scroll;
}

html, body {
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	font-size: 10pt;
	color: #000000;
}

.wrapperframe {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -50px;
	background-color: #ffffff;
	width: 100%;
}

#wrapper {
	width: 1050px;
	margin-left: auto;
	margin-right: auto;
}

#content {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.push {
	height: 50px;
}
/* header */
#logo {
	position: absolute;
	margin-top: 0px;
	margin-left: 5px;
	width: 333px;
	height: 103px;
}

#bovenbalk {
	width: 960px;
	height: 155px;
	color: #000000;
	margin-left: auto;
	margin-right: auto;
}
/* menu */
#menu a:link, #menu a:visited {
	color: #000444;
	text-decoration: none;
	font-size: 8pt;
	font-weight: normal;
	text-transform: uppercase;
}

#menu a:hover {
	color: #0f508a;
	text-decoration: none;
	font-size: 8pt;
	font-weight: normal;
	text-transform: uppercase;
}

.menutable {
	border-spacing: 0px;
	margin-left: auto;
	margin-right: auto;
	border: 0px solid;
	border-collapse: collapse;
}

.menutr {
	height: 26px;
}

.menutd {
	width: 200px;
	height: 26px;
	text-align: center;
	valign: middle;
	border: 0px;
	border-collapse: collapse;
	background-image: url('img/button_middle.png');
	background-repeat: repeat-x;
}

.menutd_start {
	height: 26px;
	width: 8px;
	border-collapse: collapse;
	background-image: url('img/button_left.png');
	background-repeat: no-repeat;
}

.menutd_end {
	height: 26px;
	width: 10px;
	border-collapse: collapse;
	background-image: url('img/button_right.png');
	background-repeat: no-repeat;
}
/* login form */
#login_placeholder {
	height: 50px;
}

#loginform {
	margin-left: auto;
	margin-right: auto;
	width: 300px;
}

.input_username, .input_password {
	width: 130px;
}

.input_submit {
	padding: 0.6em;
	width: 135px;
}
/* pageheader: space between menu bar and content */
div#pageheader {
	height: 30px;
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	color: grey;
}

table#ph {
	width: 800px;
	font-size: 10pt;
}

td#ph1 {
	text-align: left;
	width: 30%;
}

td#ph2 {
	text-align: center;
	color: #0095da;
	width: 30%;
}

td#ph3 {
	text-align: right;
	width: 40%;
}
/* buttons */
.button {
	padding: 0.6em;
}
/* divers */
div.clear {
	clear: both;
	height: 10px;
}

img {
	border-color: transparent;
	border-style: none;
}

.ZebraDialog_Body {
	color: #000;
}

#helpcontent {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}
/* error message */
div#alertMsg {
	text-align: center;
	padding: 0.7em 1em;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}
/* bestelling afronden */
select#filiaal {
	width: 250px;
}

select#verzendwijze {
	width: 100px;
}

input#referentie {
	width: 200px;
}
/* order history */
div#orderhistory {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}

table.orderhistory_header td.omschrijving, table.orderhistory_footer td.omschrijving {
	width: 175px;
}

table.orderhistory_header td.value {
	width: 550px;
}

table.orderhistory_footer {
	width: 425px;
}

table.orderhistory_zoekresultaten {
	table-layout: fixed;
	color: #000000;
	width: 810px;
	font-size: 10pt;
	font-weight: normal;
	border-collapse: collapse;
	border: 1px;
}

table.orderhistory_zoekresultaten thead {
	background-color: #BFBFBF;
	vertical-align: top;
	text-align: left;
}

table.orderhistory_zoekresultaten th, table.orderhistory_zoekresultaten td {
	border: 1px solid #000000;
	padding-left: 5px;
	padding-right: 5px;
}

thead a:link,thead a:visited,thead a, thead, th {
	color: #000;
	text-decoration: none;
}

thead a:hover {
	color: #1466b2;
	text-decoration: none;
}

th.merk,td.merk {
	width: 90px;
	text-align: left;
}

th.maatcode,td.maatcode {
	width: 70px;
	text-align: left;
}

th.type,td.type {
	width: 120px;
	text-align: left;
}

th.li {
	width: 35px;
	text-align: left;
}

td.li {
	width: 35px;
	text-align: center;
}

th.si {
	width: 35px;
	text-align: left;
}

td.si {
	width: 35px;
	text-align: center;
}

th.ekeur {
	width: 45px;
	text-align: left;
}

td.ekeur {
	width: 45px;
	text-align: center;
}

th.bruto {
	width: 60px;
	text-align: left;
}

td.bruto {
	width: 60px;
	text-align: right;
}

th.netto {
	width: 60px;
	text-align: left;
}

td.netto {
	width: 60px;
	text-align: right;
}

th.korting {
	width: 55px;
	text-align: left;
}

td.korting {
	width: 55px;
	text-align: right;
}

th.aantal {
	width: 60px;
	text-align: left;
}

td.aantal {
	width: 60px;
	text-align: center;
}

table tr.even {
	background-color: #FFFFFF;
	border: 1px solid #696969;
	height: 25px;
}

table tr.oneven {
	background-color: #DADADA;
	border: 1px solid #696969;
	height: 25px;
}

table tr.even:hover, table tr.oneven:hover {
	background-color: #1466b2;
	color: #ffffff;
}
/* grid seetings */
div#totalgrid {
	margin-left: auto;
	margin-right: auto;
}

div.resetProfile {
	color: #757575;
}

div#pg_pager {
	font-size: 9pt;
}

.ui-jqgrid .ui-jqgrid-htable th div, .ui-jqgrid-sortable {
	height: auto;
	overflow: hidden;
	white-space: normal !important;
}

.spinner,
.ui-jqgrid .loading {
	display: none;
	width: 50px;
	height: 50px;
	position: fixed;
	top: 50%;
	left: 50%;
	background: url('/images/layout/3D spinning wheel.gif') no-repeat #ffffff;
	background-position: center center;
	border: 2px solid #666666;
	border-radius: 15px;
	-moz-border-radius: 15px;
	opacity: 1;
	filter: alpha(opacity=95);
	z-index: 999;
	overflow: auto;
}

.ui-jqgrid .loading {
	color: #fff;
	overflow: hidden;
}

input.aantal {
	width: 40px;
	text-align: right;
}

div.camIcon {
	background: url('/images/layout/camera.png') center center no-repeat;
	background-size: contain;
	padding: 0px;
	margin: 0px;
	height: 16px;
	width: 20px;
}

div.energyIcon {
	background: url('/images/layout/energy.png') center center no-repeat;
	background-size: contain;
	padding: 0px;
	margin: 0px;
	height: 16px;
	width: 20px;
}

div.blankIcon {
	padding: 0px;
	margin: 0px;
	height: 16px;
	width: 20px;
}

div.printIcon {
	background: url('/images/layout/print.jpg') center center no-repeat;
	background-size: contain;
	padding: 0px;
	margin: 0px;
	height: 16px;
	width: 20px;
}

div.saveIcon {
	background: url('/images/layout/save.png') center center no-repeat;
	background-size: contain;
	padding: 0px;
	margin: 0px;
	height: 16px;
	width: 20px;
}

div.icon {
	float: left;
	margin-left: 5px;
}
