html,body {
	background-color: #fff;
	height: 100.1%
}

html.iframe,.iframe body {
	background-color: #fff;
	height: auto;
}

p { margin-bottom: 0.5em; }

#main {
	width: 100%;
	margin: 20px auto;
	background-color: #fff;
	height: auto;
	border-radius: 10px;
	
}

#menu, #content {
	border-bottom: 1px solid #ddd;
	margin: 0 auto;
}

#menu-tabs, #content-body { 
	width: 960px; margin: 0 auto; 
}

.nav-menu {
	margin: 0 auto;
	clear: both;
	height: 33px;
}

.nav-menu li {
	list-style: none;
	width: 70px;
	float: left;
	line-height: 30px;
	padding: 0 15px;
	background-color: #fff;
	color: #333;
	text-align: center;
}

.nav-menu li.last {
	clear: right;
	border-width: 1px;
}

.nav-menu li:hover {
	
}

.nav-menu a:link, .nav-menu a:visited {
	color: #666;
	border: 0px solid transparent;
	text-decoration: none;
	border: 0px solid transparent;
	font-weight: bold;
}

.nav-menu a:hover {
	color: #000;
	border: 0px dotted #ddd;
	border-width: 0 0 1px 0 !important;
}

#sub-menu-tabs li { font-style: italic; font-size: 0.9em; }

.auth li#login
, .joborder li#jobs
, .reminders li#reminders
, .inventory li#inventory
, .delivery li#inventory
, .brand li#inventory
, .category li#inventory
, .staff li#staff
, .company li#contacts
, .person li#contacts
	{ border-bottom: 4px solid red; }

iframe.modal-iframe {
	width: 520px;
	height: 440px;
}

iframe.big-modal-iframe {
	width: 680px;
	height: 540px;
}


.po-items li {
	list-style: none;
	font-size: 0.9em;
	color: #333;
	font-style: italic;
}

.cancelled .po-items {
	display: none;
}

.warn {
	font-weight: bold;
	color: red !important;
}

.hoverable:hover {
	cursor: pointer;
}

.zend_form ul.errors {
	margin: 2px 4px;
}

ul.errors li {
	list-style: none;
	font-style: italic;
	color: #f00;
	font-size: 0.8em;
	'
}


.release-items { margin-left: 0px;  font-size: 0.8em; }
.joborder .release-items { display: none; }
.release-items dt {
	clear: left;
	float: left;
	width: 420px;
	text-align: left;
	font-weight: bold;
	padding: 4px 0;
}

.release-items dd {
	clear: right;
	float: left;
	width: 400px;
	padding: 4px 0;
}

.release-items .service { font-weight: bold; }
.release-items .part { margin-left: 2.0em;  color: #333; }
.release-items .part:hover { cursor: pointer; }

.pagination {
            font-size: 80%;
        }
        
.pagination a {
    text-decoration: none;
	border: solid 1px #666;
	color: navy;
}

.pagination a, .pagination span {
    display: block;
    float: left;
    padding: 0.3em 0.5em;
    margin-right: 5px;
	margin-bottom: 5px;
	min-width:1em;
	text-align:center;
	margin-top: 10px;
}

.pagination .nextprev { 
	/* margin-top: 0; border:none; */ 
}

.pagination .current {
    background: #666;
    color: #fff;
	border: solid 1px #666;
}

.pagination .current.prev, .pagination .current.next{
	color:#999;
	border-color:#999;
	background:#fff;
}

span.date { color: #235A81; }

td.bay { font-size: 2.2em; font-weight: bold; text-align: center; }

.customer-supplied-Y { color: orange; }

.red-border { border-color: red !important; }

.puny { font-size: 0.8em; color: #666; }

.hidden { display:none; }

#frmDelivery  { font-size: 0.8em; }
#frmDelivery table.data-grid {  width: 98%; }
#frmDelivery #fulfillthis-element {  width: 100%; }

/*  Jquery ui custom mods */

.ui-button-text-only .ui-button-text {
    padding: 0.1em 0.4em;
}
.ui-button .ui-button-text {
    display: block;
    line-height: 1.0;
    font-size: 0.7em;
    height: 17px;
}

.ui-dialog .ui-dialog-titlebar {
    padding: 0.1em 0.4em;
    position: relative;
}

.ui-dialog .ui-dialog-title {
    font-size: 0.8em;
}

.ui-autocomplete .ui-menu-item { font-size: 0.8em; }

/* Zend form */
.zend_form input[type=text],.zend_form input[type=password] {
	width: 14.5em;
}

.zend_form textarea {
	width: 25em;
}

.zend_form dt {
	clear: left;
	float: left;
	width: 120px;
	text-align: right;
	font-weight: bold;
	padding: 0.2em;
}

.zend_form dd {
	clear: right;
	float: left;
	width: 200px;
	padding: 0.2em;
}

.zend_form p.hint {
	font-style: italic;
	font-size: 0.9em;
}

.zend_form input.small-field {
	width: 5em;
}

table.data-grid {
	width: 98%;
}

.data-grid  tbody tr:hover { background-color: #FCF0AD }

div.item-name, div.item-details { margin: 4px 0; }

.iframe table.data-grid {
	width: 635px;
}

span.details {
	border: 1px solid #aaa;
	padding: 3px 2px;
	font-size: 0.8em;
	border-radius: 3px;

}

span.details a:link,span.details a:visited {
	color: #333;
	border: 0px solid transparent;
	text-decoration: none;
	border: 0px solid transparent;
}

span.details a:hover {
	border: 0px dotted #333;
	border-width: 0 0 1px 0 !important;
}

.data-grid .description {
	font-size: 0.9em;
	color: #666;
	font-style: italic;
}

.data-grid th { background-color: #333; color: #eee; height: 21px; line-height: 21px; border: none; }

.data-grid td {
	border: none;
	border-bottom: 1px solid #aaa;
}

.data-grid td.actions {
	text-align: center;
}

input[type=text], input[type=password] { border: 1px solid #999; }

input.big { height: 31px; width: 220px; }

#po-form table { /* width: 720px; */
	
}

#po-form table .qty {
	width: 80px;
}

#po-form table .unit {
	width: 80px;
}

#po-form table .action {
	width: 30px;
}

.data-grid th, .data-grid td {
}

.data-grid tr.cancelled, .data-grid tr.inactive {
	color: #ddd;
}

.data-grid tr.pending {
	background-color: #fcf0ad;
}

.data-grid tr.cancelled span.details, .data-grid tr.inactive span.details {
	border: 1px solid #ddd;
	padding: 4px;
}

tr .mass-check {
	display: none;
	width: 20px;
}

tr .title {
	
}

tr .actions {
	width: 185px;
	text-align: center;
}

tr .qty {
	width: 100px;
	text-align: center;
}

#fulfillthis-element {
	clear: left;
	width: auto;
	display: none;
}

.qty,.qty input[type=text] {
	text-align: right;
}

tr.remind-now { background-color: orange; }


table.generic {
	/* margin: 0 auto; */
	width: 75%;
}

.generic th, .generic td {
	border: 1px solid #ddd;
	padding: 8px;
	text-align: left;
}

td.number {
	font-family: monospace, courier;
}

input[type=text] {
	padding: 2px !important;
	border-radius: 2px;
}

.error dl {
	margin-left: 0;
	width: 250px;
	padding: 2px 5px;
	border-radius: 2px;
}

.error dd {
	margin-left: 0;
	color: white;
	background-color: indianred;
	font-weight: bold;
	padding: 2px 5px;
	border-radius: 2px;
	text-align: center;
}

.success dl {
	margin-left: 0;
	width: 250px;
}

.success dd {
	margin-left: 0;
	color: white;
	background-color: yellowgreen;
	font-weight: bold;
	padding: 2px 5px;
	border-radius: 2px;
	text-align: center;
}

.reminders .data-grid .today {
	background-color: yellowgreen;
}

.reminders .data-grid .tomorrow {
	background-color: #fcf0ad;
}

.reminders .data-grid .past {
	opacity: 0.5;
}

@font-face {
	font-family: 'license_plateregular';
	src: url('licenseplate/licenseplate-j9eo-webfont.woff2') format('woff2'),
	url('licenseplate/licenseplate-j9eo-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

.license-plate {
	font-family: 'license_plateregular', sans-serif;
	font-size: 1.2em;
}

.subdued {
	opacity: 0.3;
}