/* Minification failed. Returning unminified contents.
(4020,18): run-time error CSS1030: Expected identifier, found ' '
(4622,22): run-time error CSS1019: Unexpected token, found ':'
(4622,22): run-time error CSS1042: Expected function, found ':'
(4622,22): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
 */
/*! jQuery UI - v1.10.4 - 2014-04-16
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=%232a9142&bgTextureHeader=highlight_soft&bgImgOpacityHeader=0&borderColorHeader=%23aaaaaa&fcHeader=%23222222&iconColorHeader=%23222222&bgColorContent=%23ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=%23aaaaaa&fcContent=%23222222&iconColorContent=%23222222&bgColorDefault=%23e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=%23d3d3d3&fcDefault=%23555555&iconColorDefault=%23888888&bgColorHover=%23dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=%23999999&fcHover=%23212121&iconColorHover=%23454545&bgColorActive=%23ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=%23aaaaaa&fcActive=%23212121&iconColorActive=%23454545&bgColorHighlight=%23fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=%23fcefa1&fcHighlight=%23363636&iconColorHighlight=%232e83ff&bgColorError=%23fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=%23cd0a0a&fcError=%23cd0a0a&iconColorError=%23cd0a0a&bgColorOverlay=%23aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=%23aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-dialog {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
	/* support: IE10, see #8844 */
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
	cursor: default;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	position: static;
	float: right;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("images/animated-overlay.gif");
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertically center icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em .5em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
	color: #222222;
}
.ui-widget-content a {
	color: #222222;
}
.ui-widget-header {
	border: 1px solid #aaaaaa;
	background: #2a9142 url("images/ui-bg_highlight-soft_0_2a9142_1x100.png") 50% 50% repeat-x;
	color: #222222;
	font-weight: bold;
}
.ui-widget-header a {
	color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
	background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #999999;
	background: #dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #212121;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa;
	background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	background: #fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
	color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
	color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-state-default .ui-icon {
	background-image: url("images/ui-icons_888888_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url("images/ui-icons_454545_256x240.png");
}
.ui-state-active .ui-icon {
	background-image: url("images/ui-icons_454545_256x240.png");
}
.ui-state-highlight .ui-icon {
	background-image: url("images/ui-icons_2e83ff_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cd0a0a_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
	border-radius: 8px;
}

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { background: none; color: inherit; border: none; outline: none; border-bottom: solid 1px #555; width: 95%; }
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus { border-bottom-color: #aaa; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, 
.ui-timepicker-div.ui-timepicker-oneLine dt { display: none; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd, 
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }
html {
    overflow-y: scroll !important; /* stops MUI hiding scrollbar when showing datepicker */
}

body {
	margin:0;
	/*width:995px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;*/
}
body, input, select, textarea{
	font-family: Verdana, Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	/*font-size:small;*/
	font-size:11px;
}


textarea {
    resize: none;
    }


b {font-weight:bold;}

a.noUnderline
{
	text-decoration:none;
	color:#000000;
}

form 
{
	margin:0px;
	padding:0px;
}

br.ForceNewLine
{
    line-height:0px;
}

.pointerHover:hover
{
    cursor:pointer;    
}

/* padding and cursor for datepicker calendar icon*/
.ui-datepicker-trigger {
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
}

/*Colour and layout change to dropdown menus in UI */
.ui-multiselect-menu 
{
    border: 2px solid !important;
    border-color: inherit !important;
    padding: 2px !important;
    margin-top: 3px !important;
}

.ui-multiselect 
{
    padding: 2px !important;
}
/*END*/


/* DEFAULT WIDTHS /////////////////////////////////////////////////////*/
.wid01 {width:1px;}
.wid05{width:15px;}
.wid075{width:20px;}
.divwid1{width:30px;}
.wid1{width:25px;}
.divwid2{width:55px;}
.wid1b{width:40px;}
.wid1c{width:35px;}
.wid2{width:50px;}
.wid2Min{min-width:50px;}
.divwid3{width:80px;}
.wid2b{width:60px;}
.wid2bMin{min-width:60px;}
.wid2c{width:65px;}
.wid2d{width:70px;}
.wid3{width:75px; min-width:75px;}
.wid3c{width:76px;}
.wid3d{width:77px;}
.wid3a{width:80px;}
.wid3b{width:85px;}
.divwid4{width:105px;}
.wid4{width:100px;}
.wid4b{width:115px;}
.wid4c{width:124px;}
.divwid5{width:130px;}
.wid5{width:125px;}
.wid5Max{max-width:125px;}
.wid5b{width:144px;}
.divwid6{width:155px;}
.wid6{width:150px;}
.wid6Min{min-width:150px;}
.wid6a{width:168px;}
.wid6b{width:170px;}
.divwid7{width:180px;}
.wid7{width:175px;}
.divwid8{width:205px;}
.wid8{width:200px;}
.divwid9{width:230px;}
.wid9{width:225px;}
.wid9a{width:221px;}
.wid9b{width:240px;}
.divwid10{width:255px;}
.wid10{width:250px;}
.wid10a{width:260px;}
.divwid11{width:280px;}
.wid11{width:275px;}
.wid11a{width:285px;}
.divwid12{width:305px;}
.wid12{width:300px;}
.divwid13{width:330px;}
.wid13{width:325px;}
.divwid14{width:355px;}
.wid14{width:350px;}
.divwid15{width:380px;}
.wid15{width:375px;}
.divwid16{width:405px;}
.wid16{width:400px;}
.wid16b{width:430px;}
.wid16c{width:440px;}
.wid17{width:450px;}
.divwid17{width:460px;}
.wid18{width:500px;}

.wid19{width:550px;}
.wid20{width:600px;}
.wid21{width:650px;}
.wid22{width:700px;}
.wid100pct{width:100%;}

/* DEFAULT SPACING  /////////////////////////////////////////////////////*/
.space10R{padding-right:10px;}
.space100R{padding-right:100px;}
.space3R td{padding-right:3px;}
.space20B{padding-bottom:20px;}

.layout1.divwid8 .btn59
{
    text-align: center;    
    text-decoration: none;
    display:inline-block;
    padding-top: 3px;
    height: 17px; 
}

.layout1.divwid8 .btn59:hover{
	color: #ffffff !important;  
}


/*MISC /////////////////////////////////////////////////////*/
.layout1
{
	float:left;
}
.newline
{
	clear:both;
}

.largeHeader
{
	font-size:28px;
}

.midHeader
{
	font-size:16px;
}

.midHeader a
{
	text-decoration:none;
}
.highLight
{
	color:Green;
	text-decoration:none;	
}
.pagetitle
{
	font-size:medium;
	/*background-image:url(../Images/button100.png); 
	background-repeat:no-repeat;*/
	 
}

.pagesubtitle
{
	font-size:12px;
	font-weight:bold;
}
.bold{
	 font-weight:bold;
}

.italic{
    font-style: italic;
}

.gvcellchop
{
	overflow:hidden;	
}

/*DATA DISPALY OR ENTRY AREAS /////////////////////////////////////////////////////*/
.numentry
{
	text-align:right !important;
}
.txtentry
{
	text-align:left;
}
.centre
{
	text-align:center;
}
.icondisplay
{
	text-align:center !important;	
	vertical-align:middle;	
}
.padout
{
	padding-left:4px;
	padding-right:4px;
}

.padTop5
{
    margin-top:5px;
}

.headertext
{
	position:absolute;
	font-size:xx-large;
	text-align:center;
	color:White;
	width:100%;
	left:0px;
	top:0px;
}

/*Standard Page Layout /////////////////////////////////////////////////////*/
.stdpage
{
	margin:5px;
	padding:5px;
	border-width: 1px;
	border-spacing: 0px;
	border-style: outset;
	border-color: gray;
	background-color:#FCFCFE;	
}

.timeTracking
{
	margin:5px;
	padding:5px;
}

.HiddenText
{
    color:#FCFCFE;
}

.nonstdpage
{
	width:650px;
	margin:5px;
	padding:5px;
	border-width: 1px;
	border-spacing: 10px;
	border-style: outset;
	border-color: gray;
	background-color:#FCFCFE;	
}
/* V702112 */
.invoiceconf
{
	width:700px;
	margin:5px;
	padding:5px;
	border-width: 1px;
	border-spacing: 10px;
	border-style: outset;
	border-color: gray;
	background-color:#FCFCFE;	
}

.invoiceconfpaydelete 
{
    padding-left:2px;
    text-align:right;
}

.stdpagePopup
{
	padding:5px;
	border-width: 1px;
	border-spacing: 0px;
	border-style: outset;
	border-color: gray;
	background-color:#FCFCFE;	
}
/*Diary Specific /////////////////////////////////////////////////////*/
.diarycalcol
{
	float:left;
	width: 240px;
	margin: 10px;
	height:100%;
}
.diaryone
{
	float:left; 
	width:700px;
	margin-top: 10px;
}
.diarytwo
{
	float:left; 
	width:350px;
	margin-top: 10px;
	margin-left: 5px;	
}
.diarydays
{
	float:left;
	width:705px;
}
.diarycalendarheader
{
	background-color:#6677DD;
	border-style:none;
	font-weight:bold;
	font-size:12pt;
	color:White;
	height:12pt;
}
.diarytitlecell
{
	height:20px;
	background-color:#6677DD;
	color:#ffffff;
	padding-left:4px;
	padding-right:4px;
	border-width:0px;
}
.diarycell1
{
	height:20px;
	/*background-color:#cccccc; Old Color*/
	/*background-color:#d3d3d3;*/
	padding-left:4px;
	padding-right:4px;
	border-width:0px;
	/*width:225px;*/
}
.diarycell2
{
	height:20px;
	/*background-color:#d3d3d3;	*/
	padding-left:4px;
	padding-right:4px;
	border-width:0px;
	/*width:200px;*/
}
.diarycell3
{
	height:20px;
	/*background-color:#d3d3d3;	*/
	padding-left:4px;
	padding-right:4px;
	border-width:0px;
	/*width:60px;*/
}
.diarycellimg
{
	height:20px;
	/*background-color:#d3d3d3;	*/
	padding-left:4px;
	padding-right:4px;
	border-width:0px;
	/*width:15px;*/
	text-align:center;

}
.diarycellimg img
{
	border: 0px;
}

.diarycell4
{
	height:0px;
	/*background-color:#BBBBBB;/*Transparent;	*/
	padding-left:4px;
	padding-right:4px;
	border-width:0px;
	border-top-width:1px;
	border-color:#EEEEEE;
	/*width:700px;*/
}
.diarycellsep
{
    height:0px;
    border-width:0px;
    background-color:#6677DD;
}

/*MOTDiary Specific /////////////////////////////////////////////////////*/
.motdairypage
{
	float:left;
	width:97%;
}
.gvmotbay
{
	height:300px;
	width:640px;
}

/*rptTechniciansWork Specific /////////////////////////////////////////////////////*/
.rpttechniciansworkpage
{
	float:left;
	width:97%;
}
.gvtechnicianswork
{
	height:300px;
	width:950px;
}

.gvinvoicemargin
{
	height:500px;
	width:1050px;
}

/*rptMotTechnicians Specific /////////////////////////////////////////////////////*/
.rptmottechnicianspage
{
	float:left;
	width:97%;
}
.gvmottechnicians
{
	height:300px;
	width:950px;
}

/*rptPartProfit Specific /////////////////////////////////////////////////////*/
.rptpartprofitpage
{
	float:left;
	width:97%;
}
.gvpartprofit
{
	height:270px;
	width:950px;
}

/*rptBusinessAnalysis Specific /////////////////////////////////////////////////////*/
.rptbusinessanalysispage
{
	float:left;
	width:97%;
}
.gvbanalysis1
{
	width:950px;
}
.gvbanalysis2
{
	width:950px;
}

/*rptTurnover Specific /////////////////////////////////////////////////////*/
.rptturnoverpage
{
	float:left;
	width:97%;
}

/*rptSales Specific /////////////////////////////////////////////////////*/
.rptsalespage
{
	float:left;
	width:97%;
}
.gvreportsales
{
	height:360px;
	width:900px;
}

.gvqboexport
{
	height:410px;
	width:900px;
}

/*CustStatements Specific /////////////////////////////////////////////////////*/
.custstatementspage
{
	float:left;
	width:97%;	
}
.gvcuststatements
{
	height:340px; 
	width:750px;
}

/*LedgerPayments Specific /////////////////////////////////////////////////////*/
.ledgerpaymentspage
{
	float:left;
	width:97%;
}
.gvledgerpayments1
{
	height:360px; /*250px;*/
	width:800px; /*600px;*/ /*750px;*/
}
.largegvledgerpayments1{
    width: 1000px; /*750px;*/  /*650px;*/
}
.gvledgerpayments2
{
	height:90px;
	width:245px;
}

/*LedgerNominalListing Specific /////////////////////////////////////////////////////*/
.ledgernominallistingpage
{
	float:left;
	width:97%;
}
.gvledgernominallisting1
{
	height:300px; /*250px;*/
	width:600px;
}
.gvledgernominallisting2
{
	/*height:30px; case 00565790 */
	width:150px;
}

/*CustomJobsFM Specific /////////////////////////////////////////////////////*/
.customjobspage
{
	float:left;
	width:97%;
}
.gvcjoblist
{
	height:130px;
	width:550px;
}
.gvcjob
{
	height:150px;
	width:740px;
}
.gvcjobExtended {
    min-height: 200px;
    /*max-height: 600px;*/
    width: 975px;
}

/*OptionsFM Specific /////////////////////////////////////////////////////*/
.optionspage
{	
	width:1150px;
	float:left;
}
.optpanel
{
	 margin-top: 5px;
	 margin-left: 5px;
}

/*ParamsFM Specific /////////////////////////////////////////////////////*/
.paramspage
{	
	width:97%;	
	float:left;
}

/*ProductFM Specific /////////////////////////////////////////////////////*/
.productpage
{	
	width:97%;	
	float:left;
}

/*CodesFM Specific /////////////////////////////////////////////////////*/
.codespage
{
	float:left;
	/*width:99%;*/
}
.gvcodes
{
    height:350px;
    width:100%; /* width:600px; */
}

/*Searcher Specific /////////////////////////////////////////////////////*/
.searcherpage
{
	float:left;
	width:97%;
}

.searcherpage tr.OnStop
{
	color:Red;
}

.searcherpage tr.NotUsed
{
	color:Gray;
}


.gvsearcher
{
	height:350px;
	width:755px; 
}

/*VehicleFM Specific /////////////////////////////////////////////////////*/
.customerpage
{
	float:left;
	width:97%;
}

/*VehicleFM Specific /////////////////////////////////////////////////////*/
.vehiclepage
{
	float:left;
	width:97%;
}

/*LabourFM Specific /////////////////////////////////////////////////////*/
.labourpage
{
	float:left;
	width:97%;
}
.gvlabour
{
	height:350px;
	width:650px;
}

/*LabourFM Specific /////////////////////////////////////////////////////*/
.xrefspage
{
	float:left;
	width:97%;
}
.gvxrefs
{
	height:200px;
	width:600px;
}
.xrefmargin
{
	margin:5px 5px 5px 5px;
}

/*SupplierFM Specific /////////////////////////////////////////////////////*/
.supplierpage
{	
	width:97%;	
	float:left;
}

/*ErrorPage Specific /////////////////////////////////////////////////////*/
.errorpage
{	
	/*float:left;*/
	width:97%;
}

.errtitle
{
	font-size:xx-large;
	color:Blue;
}

.labourtimes
{
	min-width:970px;
}

/*page layout color-profile scheduled maintenance screen*/
.schedMaintenance
{
    border: 0px;
    width:100%;
	min-width:970px;
    max-width:1240px;
}

.schedMaintenance > table {
    width: 100%;
}

.schedMaintenance > table .tdLeftMenu{
   min-width:280px;
   vertical-align:top;
   padding:0px;
}

.schedMaintenance > table .tdRightPane{
   width:100%;
   vertical-align:top;
   padding-left:10px;
}

/*STYLES for JQUERY-LIKE TREEVIEW
    - they can be applied to any treeview which has the id TV1 and is the first treeview in page
    - override the colors in the custom CSS (here they default to green - you may change to default to other color if you wish)
*/

/*the title from the top of the tree view*/
.tvTitle {
    height: 30px;
    width:286px;
    /*background-color: #1A977E;
    color: white;*/
    font-family: Verdana;
    font-size: 8pt;
    font-weight:bold;
    vertical-align: middle;
    display: table-cell;
    padding-left: 5px;
}

.schedMaintTreeView {
    /*background-color: #F5F3E5;*/
    padding: 5px 0px 5px 0px;
}

/*dummy autogenerated object*/
.schedMaintenance a[href*="SkipLink"]{
    display: none;
}

/*title of main branches*/
.schedMaintenance .schedMaintTreeView table{
    height: 32px;
    width: 282px !important;
    /*background-color: #1A977E;
    color: white !important;*/
    font-family: Verdana;
    font-size: 8pt;
    font-weight:bold;
    vertical-align: middle;
    /*display:block;*/
    margin: 0px 5px 5px 5px;
    padding-top: 4px;
    cursor: pointer;
}

/*title in expanded mode*/
.expandedTitle {
    height: 33px !important;
    width: 278px !important;
    border-bottom: 0px !important;
}

/*the text from the title only*/
.schedMaintenance .schedMaintTreeView table a{
    white-space: normal;
    text-decoration: none !important;
}

/*the text from the title only - in expanded mode*/
/*.expandedTitleText {
    color: white !important;
}*/

/*all expanded panels below their corresponding branch title*/
.schedMaintenance .schedMaintTreeView {
    /*margin: -6px 5px 10px 5px;*/
    margin: 0px 5px 10px 5px;
    /*border: 1px solid #D8D0B6;*/
    border-top: 0px;
}

/*item (leaf) in expanded panel*/
.schedMaintenance .schedMaintTreeView table{
    /*border-top:1px solid #D8D0B6 !important;*/
    width: 100%;
    margin-top: -1px;
}

/*autogenerated empty square at the left of the triangle from the leaf*/
.schedMaintenance .schedMaintTreeView div[id*="ctl00_cph1_TV1"] table td div[style="width:20px;height:1px"]{
    width: 9px !important;
}

/*triangle from leaf*/
/*.schedMaintenance .schedMaintTreeView div td img{
    content:url("../images/carweb/expandGreen.gif");
    background:url("../images/carweb/expandGreen.gif") no-repeat 0 0;
}*/

/*text from leaf including checkbox*/
.schedMaintenance .schedMaintTreeView div td[onmouseover*="TreeView_HoverNode"]{
    min-width:235px;
    padding: 5px 5px 1px 0px !important;
    line-height:22px;
    white-space: normal !important;
}

/*checkbox - moved to the right*/
.schedMaintenance .schedMaintTreeView div td input[type="checkbox"]{
    float: right;
}

#ServiceProcPopup, #TimingBeltsPopup, #ServiceSpecPopup, #ServiceItemsIntervalsPopup, #SmartLinksPopup {
    overflow-y:auto;
}

.oemLabel {
    float: right;
    text-indent: -125px;
    width: 0px; 
    margin-left: 0px !important;
}

/* V675784 - new reports
/*rptCustomerTurnover Specific /////////////////////////////////////////////////////*/
.rptcustomerturnoverpage
{
	float:left;
	width:97%;
}
.gvcustomerturnover
{
	height:300px;
	/*width:950px;*/
}
.gvcustomerturnover2
{
	height:50px;
	/*width:950px;*/
}
/*rptCustomerTurnover Specific /////////////////////////////////////////////////////*/
.rptsupplierspendpage
{
	float:left;
	width:97%;
}
.gvsupplierspend
{
	height:300px;
	width:950px;
}
.gvsupplierspend2
{
	height:50px;
	width:950px;
}
/* V675882 
/*rptVehicleWork Specific /////////////////////////////////////////////////////*/
.rptVehicleWorkPage
{
	float:left;
	width:97%;
}
.gvVehicleWork
{
	height:300px;
	width:950px;
}
.gvVehicleWork2
{
	height:50px;
	width:950px;
	
}

.tblAnalysisReports {
    width:970px;
}
/* L692786 */
.OnePxTopMargin
{
	margin-top:1px;
}

/* v692130 */
.scrollingControlContainer 
{ 
    overflow-x: hidden; 
    overflow-y: scroll; 
} 
 
.scrollingCheckBoxList 
{ 
    border: 1px #808080 solid; 
    height: 93px; 
}
.CreditDesc
{
	width:350px;
	text-align:left;
}
.CreditNominal
{
	width:50px;
	text-align:left;
}
.CreditCost
{
	width:30px;
	text-align:left;
}
.CreditValue
{
	width:30px;
	text-align:left;
}
.CreditTax
{
	width:50px;
	text-align:left;
}
.CreditTotal
{
	width:30px;
	text-align:right;
}
/*Quic kBooks Export Specific /////////////////////////////////////////////////////*/
.quickbookspage
{	
	width:97%;
	float:left;
}

.StockUsagePage
{
	float:left;
	width:850px;
}

.AccountEnqHolder .tblAccountEnqDetails th , .AccountEnqHolder .tblAccountEnqSummary th 
{
    text-align:left;
}

.AccountEnqHolder .tblAccountEnqDetails td
{
    padding-bottom:10px;
}

#CataloguePageHolder
{
    float: left; 
    width: 1200px;
}

/* V777374 (163.60) - styling for the Tyre Labels (multiple) page */

.tyreLabelPage
{
	height:1000px;
}

.tyreLabelPageHeader
{
    text-align: center;
    font-weight:bold;
	font-size:24px;
}

.tyreLabelManufacturer
{
	font-size:20px;
	font-weight:bold;
    text-align:center;	
}

.tyreLabelPartNumber
{
	font-size:16px;
	font-weight: lighter;
    text-align:center;	
}

/* V791391 (163.81) */
.stockAdjustmentsPage
{
	float:left;
	width:97%;
}

.evhcImageHolder
{
float:left;
    margin-left:5px;
}

.white {
color: #000000;
background-color: #ffffff;
}

.SubscribeHolder
{ 
    float:left;
    width:1000px;
}

.Subscribe
{ 
  width:950px;
  border:2px solid #000000;
display:block;
margin:25px;
font-weight:bold;
}

.SubscribeHeader
{
    padding:0 25px 0 25px;
}

.SubscribeSub p
{
    width:300px;
}

.Subscribe .pagetitle
{
    font-size:x-large;
    width:auto;
    font-weight:normal;
}

.Subscribe span.pagetitle, .Subscribe span.pagesubtitle
{
    margin-top:20px;
    display:block;
}

.Subscribe .pagesubtitle, .Subscribe .hlFindOutMore
{
    font-size:large;
    width:auto;
    text-decoration:none;
}

.SubscribeSub
{
    padding:0 25px 25px 25px;

  background-repeat:no-repeat;
  background-position:right bottom;
  height:400px;
}

.SubscribeSub .SubscribeDescription
{
    padding:20px 0 20px 0;
    display:block;
}

.TechDataTrialHolder .Subscribe
{
          background-image:url(../images/techdata_laptop.jpg);
          background-repeat:no-repeat;
  background-position:right bottom;
  height:400px;
}

.TechDataTrialHolder .Subscribe .pagetitle
{
    font-weight:bold;
}

.TDNoWrap
{
    white-space: nowrap;
}

.disabledLabel
{
	color:lightgray;
}

.disabledLink
{
	color: lightgray!important;
    cursor: default!important;
    pointer-events: none;
}

.normalFont {
    font-weight:normal;
}

#tblMotDiaryBayTimes div th.DiaryBay, #tblMotDiaryBayTimes div td.DiaryBay {
    width:90px;
    text-align:left;
}

#tblMotDiaryBayTimes .spacing {
    width:30px;
}

#tblMotDiaryBayTimes .delSpacing {
    width:60px;
    text-align: center;
}

#tblMotDiaryBayTimes div td.spacing {
    text-align: center;
}

.warrantyNote {
    width:248px;
    height:120px;
}

.warrantyInvoiceDate {
    vertical-align: text-bottom; 
}
.wrapCellwid6 {
    max-width: 150px;
    -moz-word-break: break-all;
    -o-word-break: break-all;
    word-break: break-all;
}
.wrapCellwid8 {
    max-width: 200px;
    -moz-word-break: break-all;
    -o-word-break: break-all;
    word-break: break-all;
}

.markupPriceColumn {
    margin-left: 50px;
}

.centreAlign {
    text-align: center;
}

.highlightResetPw {
    background-color: #FFF297;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
}

.p1.leftPad{
    padding-left:10px !important
}

#depTable .tablerow{
    width: 100%;
    padding-bottom: 5px;
}

#depTable div {
    float: left;
}

.printRcpt {
    float: right;
    margin-right: -6px;
}

.evhcImagesButton {
    display: none;
}

.tblItems {
    background-color: #EEEEEE;
}

.wid100p{width: 100%}
.wid95p {width: 95%;}
.wid80p{width: 80%;}
.wid75p{width: 75%;}
.wid70p{width: 70%;}
.wid66p{width: 66%;}
.wid60p{width: 60%;}
.wid55p{width: 55%;}
.wid50p{width: 50%;}
.wid45p{width: 45%;}
.wid40p{width: 40%;}
.wid34p{width: 34%;}
.wid33p{width: 33%;}
.wid30p{width: 30%;}
.wid25p{width: 25%;}
.wid20p{width: 20%;}
.wid15p{width: 15%;}
.wid10p{width: 10%;}
.wid7p {width: 7%;}
.wid5p {width: 5%;}

.minWid80p {min-width: 80%;}
.minWidth400 {min-width: 400px;}

.ptop80{padding-top: 80px;}

.breakWord{
    word-break:break-all;
    -ms-word-break: break-all;
}

.spacesLeft{margin-left:10px;}
.spacesLeft2{margin-left:20px;}
.spacesRight{margin-right:10px;}
.spacesRight2{margin-right:20px;}
.spacesTop {margin-top:10px;}
.spacesTop2 {margin-top:20px;}
.spacesBottom {margin-bottom:10px;}
.spacesBottom2 {margin-bottom:20px;}

#depositsTabs ul{
    background-color: #ffffff;
}
#depositsTabs ul li{
    background-color: #ffffff;
    border: 1px solid #aaaaaa;
}

.smallpadr{padding-right: 4px !important;}

/** Classes used often in project **/
.full-width {
    width: 100%;
}
.cursor-pointer {
    cursor: pointer;
}
.align-top {
    vertical-align: top;
}
.align-middle {
    vertical-align: middle;
}
.overflow-hidden {
    overflow: hidden;
}
.text-color-error {
    color: red;
}
.text-color-error-bold {
    color: red;
    font-weight: bold;
}
.padout-last-col-fix
{
	padding-right: 3px;
}
.no-padding {
    padding: 0px;
}
/*only applies to TDs*/
.align-top {
    vertical-align: top;
}
.align-bottom {
    vertical-align: bottom;
}
.clsColoredCheckbox input[type=checkbox] + label {
    background-color: transparent;
}
.clsColoredCheckbox input[type=checkbox]:checked + label {
    background-color: #FED4D4;
}
.borderlessTextBox{
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
}

.white-space-nowrap {
    white-space: nowrap;
}
.white-space-normal {
    white-space: normal;
}

.white-space-pre-line {
    white-space: pre-line;
}

.outerBorderGray {
    border: solid thin gray;
}

/* dot leaders - rows of dots that connect columns of text, e.g.
   Local  . . . . .  7
   Nationwide . . . 10 */
ul.leaders {
    max-width: 40em;
    padding: 0;
    overflow-x: hidden;
    list-style: none
}

ul.leaders li:before {
    float: left;
    width: 0;
    white-space: nowrap;
    content:
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . " 
}

ul.leaders span:first-child {
    padding-right: 0.33em;
    background: white
}

ul.leaders span + span {
    float: right;
    padding-left: 0.33em;
    background: white
}

/** Classes to be used till bootstrap will be integrated.
    After bootstrap is available, please just remove these classes. **/
.text-uppercase {
    text-transform: uppercase !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
    text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.pull-left {
  float: left !important;
}
.pull-right {
  float: right !important;
}
.show {
  display: block !important;
}
.hidden {
  display: none !important;
}
.invisible {
  visibility: hidden;
}

.float-None {
    float: none !important;
}

/******************************************************/
.a-disabled, .a-disabled:hover {
    cursor: default;
    -ms-transition-delay: 100s; /* ie */
    -webkit-transition-delay: 100s; /*safari and chrome */
}

.imgthumbchk {
    position: relative;
    left: -16px;
    z-index: -1;
    width: 90px;
    height: 90px;
}

.divEmailImages {
    height: 110px;
    width: 730px;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
}

.divImagesHolder {
    border: 1px solid silver;
    width: 735px;
}
/*Put back input for rounded corners*/
/*input, select, div, a, span, button, textarea {
    border-radius: 4px;
}
.jobGroupHeaderCell,.gabaybody,.menu, .panel-heading{ border-radius: 0px;}*/

.jobGroupExcluded {
    /* css for excluded job group container*/
    /*color: red;*/
}

.jobGroupHeaderExcluded .imgBlank16 {
    /* css for excluded job group header*/
    background-image: url('../Images/printer16.ico');
    background-position: right;
    background-repeat: no-repeat;
    background-position-y: 1px;
}


.jobGroupLineExcluded, .jobGroupLineCellExcluded {
    /* css for excluded job group line*/
}

/* inline-block stylee*/
.inlineB {
    display: inline-block;
}

.display-block{
    display:block;
}

.borderWidth0{
    border-width:0px;
}
.borderWidth1 {
    border-width: 1px;
}
.borderCollapse {
    border-collapse:collapse;
}

.bcolor-lightgrey {
	background-color: lightgray;
}

.btn3d40[disabled] span, .btn3d59[disabled] span, .btn3d80[disabled] span, .btn3d100[disabled] span, .btn3d120[disabled] span, .btn3d150[disabled] span {
    cursor: default;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.btnmin-59 {
    min-width: 59px;
}

.btnmin-77 {
    min-width: 77px;
}

.btnmin-80 {
    min-width:80px;
}

.btnmin-100 {
    min-width: 100px;
}

.btnmin-120 {
    min-width: 120px;
}

.btnmin-145 {
	min-width: 145px;
}

.btn40 {
    background: transparent url(../Images/button40.png);
    width: 40px;
}

.btn59 {
    background: transparent url(../Images/button59.png);
    width: 59px;
}

.btn80 {
    background: transparent url(../Images/button80.png);
    width: 80px;
}

.btn100 {
    background: transparent url(../Images/button100.png);
    width: 100px;
}

.btn120 {
    background: transparent url(../Images/button120.png);
    width: 120px;
}

.btn120green {
    background: transparent url(../Images/button120green.png);
}

.btn120red {
    background: transparent url(../Images/button120red.png);
}

.btn120green, .btn120red {
    color: #FFFFFF;
    height: 18px;
}

.btn150 {
    background: transparent url(../Images/button150.png);
    width: 150px;
}

/*sliding panel buttons////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.btnfw {
    background-color: #234;
    background-image: url(../images/tab-strip-bg.gif);
    border: 1px solid #ccc;
    border-top: 0;
    color: #15428B;
    cursor: pointer;
    display: block;
    font-size: inherit;
    min-height: 18px;
    padding: 0px 3px 0px 3px;
    text-decoration: none;
}

/*3D buttons////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

div.btns3d {
    /*zoom:1;*/
    white-space: nowrap;
    clear: both;
}

    div.btns3d:after {
        display: block;
        clear: both;
        content: '';
    }

    div.btns3d a.btn3d40, div.btns3d a.btn3d59, div.btns3d a.btn3d80, div.btns3d a.btn3d100, div.btns3d a.btn3d120 {
        float: left;
        text-align: center;
        display: block;
        text-decoration: none;
    }

        div.btns3d a.btn3d40:hover, div.btns3d a.btn3d59:hover, div.btns3d a.btn3d80:hover, div.btns3d a.btn3d100:hover, div.btns3d a.btn3d120:hover {
            cursor: pointer;
        }

            div.btns3d a.btn3d40:hover span, div.btns3d a.btn3d59:hover span, div.btns3d a.btn3d80:hover span, div.btns3d a.btn3d100:hover span, div.btns3d a.btn3d120:hover span {
                opacity: 0.6;
                filter: alpha(opacity=60);
            }

        div.btns3d a.btn3d40 span, div.btns3d a.btn3d59 span, div.btns3d a.btn3d80 span, div.btns3d a.btn3d100 span, div.btns3d a.btn3d120 span {
            margin: 1px;
            text-align: center;
            display: block;
            text-decoration: none;
            height: 17px;
            padding-top: 3px;
            color: #15428B;
            background-repeat: no-repeat;
        }

        div.btns3d a.btn3d40 span {
            background: url(../images/button40.png);
            min-width: 40px;
        }

        div.btns3d a.btn3d59 span {
            background: url(../images/button59.png);
            min-width: 59px;
        }

        div.btns3d a.btn3d80 span {
            background: url(../images/button80.png);
            min-width: 80px;
        }

        div.btns3d a.btn3d100 span {
            background: url(../images/button100.png);
            min-width: 100px;
        }

        div.btns3d a.btn3d120 span {
            background: url(../images/button120.png);
            min-width: 120px;
        }

    div.btns3d a.btn3d150 span {
        background: url(../images/button150.png);
        min-width: 150px;
    }

a.btnService {
    background-image: url(../images/service.png);
}

a.btnTyreInfo {
    background-image: url(../images/tyreInfo.png);
}

/******************************************/
div.btns3d a.btn3d40[disabled]:hover span, div.btns3d a.btn3d59[disabled]:hover span, div.btns3d a.btn3d80[disabled]:hover span, div.btns3d a.btn3d100[disabled]:hover span, div.btns3d a.btn3d120[disabled]:hover span {
    opacity: 1;
    filter: alpha(opacity=100);
}

.btnDeferredJobs {
    background: url(../images/bulletin.png) no-repeat 5px 0px;
    outline: 0;
    margin-top: 5px;
    padding-left: 25px;
    padding-right: 0px;
    vertical-align: middle;
    border: none;
    cursor: pointer;
    height: 15px;
}

.btnDeferredJobsa {
    background-image: url(../images/bulletin.png) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}

.form-control:focus {
    border-color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.markupPriceAvailable {
    background-image: url(../images/exclaim.png) !important;
    background-repeat: no-repeat !important;
    -ms-background-size: contain !important;
    background-size: contain !important;
}

.VendorSelected {
    background-image: url(../Images/alldata/button_selected_100.png) !important;
}

.imgmycarfaxsignupcustomer,.imgmycarfaxmember,.imgmycarfaxaddvehicle {
    height: 40px;
    background-repeat: no-repeat !important;
    background-position-x: right;
}

.imgmycarfaxsignupcustomer {
    background-image: url(../Images/myCarfax/customer_signup.png);
    cursor: pointer;
}

.imgmycarfaxmember {
    background-image: url(../Images/myCarfax/member.png);
}

.imgmycarfaxaddvehicle {
    background-image: url(../Images/myCarfax/add_vehicle.png);
    cursor: pointer;
}


.menu 
{
	width:100%;
	float:left;
}
.menubar{
	float:left;
	width:100%;
	background-image: url(../images/tab-strip-bg2.gif);
	height:18px;
}
.menubar div {
	/*display:inline;*/
    white-space:nowrap;
}

.menubar div a
{
	height:18px;
}
.menu1 {
	float:left;
	padding-top:2px;
}
.menu2 {
	width:100px;
	float:left;
}

.menu3 {
	width:100px;
	float:left;
	margin-left:5px;
}
.menu4 {
	float:right;
}
.menu {
	color: #15428B;
	background-image: url(../images/tab-strip-bg.gif);
}

.menubar a {
	text-decoration: none;
	color: #15428B;
	/*padding: .1em 1em;*/
	padding:0 5px 0 5px;
}

.menuTitle
{
    float: left;height:16px;padding-top:2px;
}

.menuTitle span
{
    padding-left:5px;
}

.menubar a:hover {
	color: #5582CB;
}

.menubar a.HomeIcon 
{
    height:13px;
    width:14px;
    background-image: url(../images/home.gif);
    background-repeat:no-repeat;
    margin-left:12px;
}

.menubar a.HomeIcon:hover 
{
    background-image: url(../images/home-over.gif);
}

.menuSelected, .menuNotSelected 
{
	border:solid 1px #849FC4;
	margin-top:1px;
	text-align:center;
}

.menuSelected {
	background-color:#FFFFFF;
	border-bottom:0px;
	height:16px;
}

.menuNotSelected {
	background-color:#DBE5F5;
	height:15px;
}

.menu2 a, .menu3 a {
	width:100px;
	float:left;
	padding:0px;
}
/*
.menuSpan
{
	border-bottom:solid 1px #849FC4;
	height:17px;
	display:inline-block;

}
*/
/*
.menuSelected a:hover{
	color:#FFFFFF;
}*/


/************************************************************************************************************
*	Tab view class	(CSS for the DHTMLSuite_tabView class)
*
*	Created:			August, 21st, 2006
*	Purpose of class:	Tab view class - transfors plain HTML into tabable layers.
*
*
* 	Update log:
*
************************************************************************************************************/
/* The tab widget */
.DHTMLSuite_tabWidget{
	/*margin-bottom:5px;	/* A little space below the tab pane */
	margin:0px 5px;
}

.DHTMLSuite_tabContainer
{
	/*display:none;*/
	height:21px;	/* Height of tabs */
	border-bottom:1px solid #919b9c;
}
.DHTMLSuite_aTab{
	border-left:1px solid #919b9c;
	border-right:1px solid #919b9c;
	border-bottom:1px solid #919b9c;
	padding:5px;	
	background-color:#FCFCFE;	
}
.DHTMLSuite_tabContainer DIV{
	float:left;
	height:100%;	/* Height of tabs */
	padding-left:3px;
	vertical-align:middle;
	background-repeat:no-repeat;
	background-position:bottom left;
	cursor:pointer;
	position:relative;
	bottom:-1px;
	margin-left:0px;
	margin-right:0px;
	
}
.DHTMLSuite_tabContainer .tabActive{
	background-image:url(../Images/tab-view/tab_left_active.gif);
	margin-left:0px;
	margin-right:0px;	
	z-index:10;	
}
.DHTMLSuite_tabContainer .tabInactive{
	background-image:url(../Images/tab-view/tab_left_inactive.gif);
	margin-left:0px;
	margin-right:0px;
	z-index:1;
}

.DHTMLSuite_tabContainer .inactiveTabOver{
	background-image:url(../Images/tab-view/tab_left_over.gif);
	margin-left:0px;
	margin-right:0px;
}

.DHTMLSuite_tabContainer .tabInactive div{
	background-image:url(../Images/tab-view/tab_right_inactive.gif);
	width:4px;
	padding-left:0px;
	bottom:0px;
}

.DHTMLSuite_tabContainer .tabActive div{
	background-image:url(../Images/tab-view/tab_right_active.gif);
	width:4px;
	padding-left:0px;
	bottom:0px;
}

.DHTMLSuite_tabContainer .inactiveTabOver div{
	background-image:url(../Images/tab-view/tab_right_over.gif);
	width:4px;
	padding-left:0px;
	bottom:0px;
}

.DHTMLSuite_tabContainer span{
	vertical-align:top;
	font-size:11px;
	padding-left:3px;
	padding-right:3px;		
	line-height:21px;
	float:left;
}
.DHTMLSuite_tabContainer .tabActive span{
	padding-bottom:1px;
	line-height:20px;
}

.DHTMLSuite_tabContainer img{
	float:left;
}

/*********************scrolling table outer (sto) and inner (sti)***********************/
.sto {
	position:relative;
	/*padding:20px 0px 0px 0px; EB TEST*/
	/*width:740px;*/
	border: 1px solid #919b9c;
	/*margin:5px;*/
	float: left;
}
.stoc {
	position:relative;
	border: 1px solid #919b9c;
	float: left;
}

.sti {
	overflow:auto;
}

.sti thead tr th
{
	border:0px;	
	padding:0 2px 0 1px;
}

.sti tr th {
	background:url(../images/grid3-hrow.gif);
}

.sti thead tr {
	/*position:absolute; EB TEST*/
	top:0px;
	left:0px;
	height:20px;
	background:#CCC;
	background:url(../images/grid3-hrow.gif);
}
/*
.sti thead tr th, .sto .sti tbody td
{
	margin:0px;
	padding:0px;
}
*/
.sti tfoot tr {
	position:absolute;
	top:300px;
	left:0px;
	/*background:#CCC;*/
	/*background:url(../images/grid3-hrow.gif);*/
}

.sti tfoot tr table tr{
	top:0px;
	/*background:#CCC;*/
	/*background:url(../images/grid3-hrow.gif);*/
}

.sto thead {width:100%;}

.sto .sti tbody td {
	padding:4px 4px;
    padding-right:0px;
	border-width: 1px 0px;
	border-color: #919b9c;
	border-style: solid;
}

.sti th /*  00445684 */
{
    padding-left:4px !important;
    /*padding-right:4px !important;*/
}

.sti th, .sti td{
	/*text-align:left;*/
}

/*********************table specifics***********************/
.icmei, .wd1, .wd2{
	height:140px;
	width:765px;
}

.psi, .mpip
{
    height:160px;
	 /*width:980px; 00565790 */
}

#divQuickLabourPopup .psi /* 00462559 */
{
    width:780px;
}

 .qpip
{
	height:390px;
	width:800px;
}

.qpip2
{
	height:390px;
	width:765px;

}

.haz
{
	height:172px;
	width:740px
}

.searchr, .PrevAdNotes, .searchrB{
	height:300px;
	width:745px;
}

/* V791391 (163.81) */
.searchStockAdjResults{
	height:300px;
	width:970px;
}

.searchStockAdjResults table
{
   /* width: 970px;*/
}

.StockAdjustmentDefaultList 
{
    width:880px;
    text-align:right;
}

.searchrB{
	height:150px;
}

.PrevAdNotes{
	width:755px;
}
.exh{
	height:140px;
	width:500px;
}
.resultbodydiv{
	height:300px;
	width:765px;
}

.psi thead th, .psi tbody td  {
	width: 190px;
}

.psi thead th + th, .psi tbody td + td {
	width: 273px
}

.psi thead th + th + th, .psi tbody td + td + td {
	width: 70px;
}

.psi thead th + th + th, .psi tbody td + td + td {
	text-align:right;
}
/*.psi thead th + th + th + th, .psi tbody td + td + td + td {
	width: 70px;
	text-align:right;
}
.psi thead th + th + th + th + th, .psi tbody td + td + td + td + td {
	width: 70px;
	text-align:right;
}

.psi thead th + th + th + th + th + th,.psi tbody td + td + td + td + td + td {
	width: 70px
}*/

.psi .icon, .qpip .icon, .mpip .icon {
	width:30px;vertical-align:middle;text-align:center}

.qpip .h1, .mpip .h1{
	color:white;
}
.qpip .l1{
	width:65px;
	text-align:left;
}

.qpip .l2{
	width:120px;
	text-align:left;
}
.qpip .p1, .psi .p1, .mpip .p1
{
	width:100px;
}

.qpip .p2
{
	width:140px;
}

.mpip .d1 
{
	width:430px;
}

.psi .d1,.qpip .d1
{
	width:260px;
    text-align:left;
}

.qpip .d2
{
	width:320px;
}

.psi .d1b
{
    width:535px;
}

.qpip .n1, .psi .n1, .mpip .n1{
	width:65px;
	text-align:right;
}
.psi .hiddenVatColumn{
	width:10px;
}

.qpip .n2, .mpip n2{
	width:90px;
	text-align:right;
}

.psi .ld1{
	width:370px;
	text-align:left;
}

.qpip .l1{
	width:100px;
	text-align:center;
}
.qpip .l2{
	width:40px;
	text-align:center;
}

.qpip .l2cat{
	width:80px;
	text-align:left;
}

.qpip .pr
{
	padding-right: 15px;
}

.qpip .cStock, .psi .cStock, .mpip .cStock
{
	width:60px;
}

.psi .ld1a
{
	width:80px;
}
.qpip .d1, .qpip .p1, .psi .p1 
{
    text-align:left;
}

.psi .ld1a
{
	text-align:left;
}
.psi .ld1b-right
{
	width:60px;
	text-align:right;
}
.psi .ld1b-left
{
	width:60px;
	text-align:left;
}
.psi .ld1b-blank
{
	width:10px;
}

.icmei .c1{width:30px;}
.icmei .c2{width:45px;}
.icmei .c3{width:125px;}
.icmei .c4{width:167px;}
.icmei .c5{width:40px;text-align:right;}/*display:none;*/
.icmei .c6{width:40px;text-align:right;}
.icmei .c7{width:40px;text-align:right;}
.icmei .c8{width:155px;}
.icmei .c9{width:40px;}
.icmei .c10{width:40px;}
.icmei .c11{width:50px;text-align:right;}
.icmei .c11 input{width:25px;text-align:right;}

.exh .c1{width:80px;}
.exh .c2{width:200px;}
.exh .c3{width:60px;}
.exh .c4{width:60px; text-align:right;}

.wd1 .c1{width:120px;}
.wd1 .c2{width:550px;}
.wd1 .c3{width:20px;}
.wd1 .icon{width:30px;text-align:center}
.wd1 .c1, .wd1 .c2{text-align:left;}

.wd2 .c1{width:700px;text-align:left;}
.wd2 .c2{width:20px;}
.wd2 .c3{width:20px;}
.wd2 .icon{width:30px;text-align:center}

.cj
{
	height:400px;
	width:760px;
}
.cj .c1{width:80px;text-align:left;}
.cj .c2{width:600px;text-align:left;}
.cj .c3{width:40px;}
.cj2 { width: 783px !important;}

.cjAddSelected
{
    width:740px;
    text-align:right;
    
}
.searchr .c1{width:50px;}
.searchr .c1a{width:60px;}
.searchr .c2{width:90px;}
.searchr .c2a{width:130px;}
.searchr .c2b{width:170px;}
.searchr .c2c{width:340px;}
.searchr .c2d{width:280px;}
.searchr .c2e{width:300px;}
.searchr .c3{width:135px;}
.searchr .c4{width:80px;}
.searchr .c5{width:80px;}
.searchr .c6{width:80px;}
.searchr .c7{width:80px;text-align:right;}
.searchr .c8{width:40px;}
.searchr .c8b{width:50px;}
.searchr .c9{width:40px;}
.searchr .c10{width:40px;}
.searchr .c11r{width:70px;text-align:right;}
.searchr .c12r{width:35px;text-align:right;}
.searchr .c13r{width:60px;text-align:right;}
.searchr .c14r{width:100px;text-align:right;}
.searchr .c14{width:155px;}
.searchr .c15{width:80px; text-align:center;}
.searchr .c1, .searchr .c1a, .searchr .c2, .searchr .c3, .searchr .c4, .searchr .c5, .searchr .c6, .searchr .c14 {text-align:left;}
.searchr .c2b, .searchr .c2c, .searchr .c2d, .searchr .c2e {text-align:left;}
.searchr .colLeft, .sti .colLeft {text-align:left;}
.sti .colCenter {text-align:center;}
.sti .colRight {text-align:right;}
/*.searchr .c8 {text-align:left;}*/

/*
Specific for MRU Popup
*/
.mru tr th {
	background:url(../images/grid3-hrow.gif);
}

.mru .d1 {
	border: 1px solid #919b9c;
	width:100%;
	height:120px;
}

.mru .d2 {
    width: 100%;
    height:20px;
    padding-top:5px;
}

.mru .c1, .mru .c2, .mru .c3, .mru .c3a, .mru .c4, .mru .c5, .mru .c6, .mru .c7, .mru .c8 {text-align:left}

.mru .c1{width:50px;}
.mru .c1a{width:60px;}
.mru .c2{width:70px;}
.mru .c3{width:85px;}
.mru .c3a{width:90px;}
.mru .c4{width:100px;}
.mru .c5{width:120px;}
.mru .c6{width:150px;}
.mru .c7{width:180px;}
.mru .c8{width:200px;}

/*V716454 
Specific column widths for OrderReceiveSearch page
*/
.searchr .c2b_new{width:150px;text-align:left;}
.searchr .c4_new{width:70px;text-align:left;}
.searchr .c7_new{width:70px;text-align:right;}
.searchr .c8_new{width:40px;}
.searchr .c8a_new{width:10px;}
.searchr .c8b_new{width:50px;}
.searchr .c9_new{width:40px;}
.searchr .c11r_new{width:70px;text-align:right;}
/*
V715752
Column Headings do not line up with the column details when "UseAccessibleHeader" set to true - there is a 
style applied to the THEAD of "padding-left: 1px". This does not appear to effect IE7 but IE8 & IE9 are out
by one pixel per column. The line below sets this style to 0px and "apperwrs" to work!
*/
.sti THEAD TR TH{padding-left: 0px}

.sso .cPart, .sso .cDesc{ text-align:left;}
.sso .cPart{width:120px;}
.sso .cDesc{width:190px;}
.sso .cSupp{width:80px; text-align:center;}
.sso .cNum, .sso .cNum2{width:40px; text-align:center; }
.sso .cNum2{width:60px;}
.sso .cQty{width:70px;text-align:right;}
.sso .cSelect{width:60px;text-align:right;}

.stkTake th {padding: 8px 8px !important;}
.stkTake .cBin, .stkTake .cPart, .stkTake .cDesc{ text-align:left;}
.stkTake .cNum, .stkTake .cNum2, .stkTake .cNewStock{ text-align:right;}
.stkTake .cBin{width:80px;}
.stkTake .cPart{width:120px;}
.stkTake .cDesc{width:170px; white-space:pre-wrap;}
.stkTake .cNum{width:40px;}
.stkTake .cNum2{width:70px;}
.stkTake .cNewStock{width:100px;}
.stkTake .cReason{width:200px;}
.stkTake .cDefaultReason{width:100px;}

.stkUsage{
	height:350px;
	/*width:850px;*/
}
.stkUsage .cPart, .stkUsage .cDesc{ text-align:left;}
.stkUsage .cPart{width:135px;}
.stkUsage .cDesc{width:135px;}
.stkUsage .cNum{width:35px; text-align:right;}
.stkUsage .cMinMax{ background-color:#66acdf;}
.stkUsage .cNet{width:80px;text-align:right;}

.stkUsage td.cPart, .stkUsage td.cDesc, .stkUsage td.cNum {padding-left:6px !important;}

.tblAnalysisReports thead tr th {
    padding-left:2px !important;
}

.splitInvoice .cPart, .splitInvoice .cDesc{ text-align:left;}
.splitInvoice .cPart{width:100px;}
.splitInvoice .cDesc{width:294px;}
.splitInvoice .cDescWide{width:377px;}
.splitInvoice .cNum{width:75px;text-align:right;}
.splitInvoice .cSelect{width:75px; text-align:right;}

.purInv .cNomCode, .purInv .cDesc{ text-align:left;}
.purInv .cNum { text-align:right;}
.purInv .cNum65 { text-align:right;}
.purInv .cLink { text-align:center;}
.purInv .cNomCode{ width:100px;}
.purInv .cDesc{ width:190px;}
.purInv .cNum{ width:60px;}
.purInv .cNum65{ width:65px;}
.purInv .cLink{ width:80px;}

.credit {padding: 0px;}
.credit .cPart{width:80px;text-align:left;}
.credit .cQty, .credit .cQtyNew, .credit .cSell, .credit .cSellTotal, .credit .cVAT, .credit {width:50px;text-align:right;}
.credit .cQty {width:120px;}
.credit .cQtyNew {width:80px;}
.credit .cQtyNew input{width:60px;text-align:right;}
.credit .cSellTotal {width:70px;}
.credit .cTotal{width:50px;text-align:right;}
.credit .cDesc{width:215px;text-align:left;}
.credit .cSelect{width:60px; text-align:right;}
.credit .cSelect input {padding-right:10px;}
.credit .cCost{width:51px; text-align:right;}
.credit .cValue{width:51px; text-align:right;}

.credit th {
	background:#CCC;
	background:url(../images/grid3-hrow.gif);
}

.credit div#creditSelectAll input
{
	padding:0 11px 0 0;
}

.credit div#creditSelectAll span
{
	padding-right:10px;
	font-weight:bold;
}

.credit div#creditTotal
{
	padding:10px 0 10px 0;
}

.credit div#creditTotal span
{
	padding-right:10px;
}

.credit div#creditTotal span#totalHeader
{
	font-weight:bold;
}

.credit div#documentTaxTotal
{
	padding:10px 0 0 0;
}

.credit div#documentTaxTotal span
{
	padding-right:10px;
}

.credit div#documentTaxTotal span#totalHeaderTax
{
	font-weight:bold;
}
.pOrder{text-align:left;}
.pOrder .c1{width:80px;}
.pOrder .c2{width:169px; }
.pOrder .c3{width:50px;}
.pOrder .c4{width:50px;}
/*
.pOrder .c3 input, .pOrder .c4 input{width:40px;text-align:right;}
.pOrder .c3b input {width:20px;}
*/
.pOrder .costInput, .pOrder .sellInput {width:40px;text-align:right;}
.pOrder .qtyInput {width:20px;}


input.c7_green{ background-color:Green;}
input.c7_red{background-color:Red;}
input.c7_yellow{background-color:#bdbd00;}
input.c7_black{background-color:#000000;}

.PartKey{ float:left;}

.pOrder .c5{width:60px; padding-right:10px;}
.pOrder .c6{width:60px; text-align:left;}
.pOrder .c7, .pOrder .c7_green, .pOrder .c7_red, .pOrder .c7_yellow, .pOrder .c7_black, .pOrder .c7_footer{width:70px;}
.pOrder .c7_green, .PartKey .c7_green{color:Green;font-weight:bold; text-decoration:none;}
.pOrder .c7_red, .PartKey .c7_red{color:Red;font-weight:bold;text-decoration:none;}
.pOrder .c7_yellow, .PartKey .c7_yellow{color:#bdbd00;font-weight:bold;text-decoration:none;}
.pOrder .c7_black{color:#000000;font-weight:bold;text-decoration:none;}
.pOrder .c7_footer { font-weight:bold; text-align:right;}
.pOrder .cSelect{width:65px; text-align:center;}
.pOrder .c3, .pOrder .c4, .pOrder .c5{text-align:right;}
.pOrder .cUpdate{width:16px;}

.PrevAdNotes {text-align:left;}
.PrevAdNotes .c1{width:80px; text-align:left;}
.PrevAdNotes .c2{width:150px;text-align:left;}
.PrevAdNotes .c3{width:470px;text-align:left;}
.PrevAdNotes .c4{width:30px; text-align:center;}

.conparts 
{
	height:515px;
}

.crmList .c1 {width:80px;}
.crmList .c1a {width:70px;}
.crmList .c2 {width:225px;}
.crmList .c2a {width:180px;}
.crmList .c3 {width:100px;}
.crmList .c4 {width:25px;}
.crmList .cContact {width:30px; text-align:center;}
.crmList .cSent {width:40px; text-align:center;}
.crmList .cSelect {width:20px;}

.StockMove .part, .StockMove .desc, .StockMove .date, .StockMove .reason, .StockMove .oper
{text-align:left;}

.StockMove .openStock, .StockMove .adjust, .StockMove .closeStock
{text-align:right;}

.StockMove .date{width:130px;}
.StockMove .oper{width:80px;}
.StockMove .openStock, .StockMove .closeStock {width:60px;}
.StockMove .adjust {width:40px;}

.StockMove thead tr th, .ReturnSearch thead tr th {
    padding:0px;
}

.ReturnSearch, .ReturnView  {	height:290px;}

.ReturnSearch .doc, .ReturnSearch .date, .ReturnSearch .supp, .ReturnSearch .status
{text-align:left;}
.ReturnSearch .value {text-align:right;}

.ReturnSearch .doc{width:90px;}
.ReturnSearch .date{width:170px;}
.ReturnSearch .supp{width:120px;}
.ReturnSearch .status{width:80px;}
.ReturnSearch .value {width: 50px;} /*padding-right:40px;} Case 00565790 */
.ReturnSearch .icons{width:50px;}

.ReturnView .part, .ReturnView .desc, .ReturnView .grn, .ReturnView .reason, .ReturnView .advice
{text-align:left;}
.ReturnView .cost, .ReturnView .total
{text-align:right;}
.ReturnView .qty, .ReturnView .compEdit
{text-align:center;}

.ReturnView .part{width:80px;}
.ReturnView .desc{width:150px;}
.ReturnView .grn{width:65px;}
.ReturnView .reason{width:65px;}
.ReturnView .advice{width:65px;}
.ReturnView .cost{width:50px;}
.ReturnView .qty{width:50px; padding-left:10px;}
.ReturnView .total{width:45px;}
.ReturnView .compEdit{width:75px;}

table.tblLeft td, table.tblLeft th
{
	text-align:left;
}

/***************************************************************/
table.poFooter
{
	/*float:left;	*/
}
table.poFooter td.c1 span, table.poFooter td.c3 span
{
	font-weight:bold;
}

table.poFooter td.c1 {width:125px;}
table.poFooter td.c3 {width:100px;}
table.poFooter td.c2 {width:325px;}
table.poFooter td.c4 {width:105px;}
table.poFooter td.c5 {width:85px;}

table.poFooter .specInstr, .specInstrMultiSup {height:60px;width:610px;}
table.poFooter .adviceNote {width:610px;}
/***************************************************************/
.notSelectedRow {background-color:#FFFFFF;}
.AlternativeRow {background-color:#fffacd;}
.selectedRow {background-color:yellow;}
/***************************************************************/
.AlternativeCol {background-color:#D6F4D6;}
/***************************************************************/
.colBg1{background-color:#edeef0;}
.colBg2{background-color:#edeef0;}
/***************************************************************/
.whHolder
{
	border: solid 1px #000000;
	width:700px;
	margin-bottom:5px;
}

.whHolder .tblWhHolder
{
	width:690px;
}

.whHolder .tblWhHolder .tdWhCol
{
	width:345px;
	vertical-align:top;
}

/* V799198 () - Profit Tracker css seperated out from the Work History CSS */
.ptHolder
{
	border: solid 1px #E2E2E2;
	width:930px;
	margin-bottom:5px;
}

.ptHolder .tblPtHolder
{
	width:920px;
}

.ptHolder .tblPtHolder  .tdPtCol
{
	width:330px;
	vertical-align:bottom;
}

.tblPtGrid  .tdPtColText {width:250px;}
.tblPtGrid  .tdPtColNum {width:150px; text-align: right}

.tblTyrePos{ width:970px; height:290px;} 
.tblTyrePos th a {color:#000000; text-decoration:none;}
.TyrePosFooter{width:960px;}
.TyrePreview{width:480px; padding-top:0px;}
.tblTyrePosConfig{ width:500px; height:290px;}


.catalogueUsGrid 
{
	height:390px;
	width:945px;
	margin-bottom:5px;
}

.catalogueUsGrid .headerBar
{
	background-color:#2C892B;
	font-weight:bold;
	color:#FFFFFF;
	height:18px;
}

.catalogueUsGrid .noteBar
{
	background-color:#FFFF80;
}

.PartSearchPopupGrid
{
	height:400px;
	width:555px;
}

.GenericSearchPopupGrid
{
	height:400px;
	/*width:555px;*/
}

.listPopupGrid 
{
	height:240px;
	width:620px;
}
.PartsInquiryGrid 
{
	height:350px;
	width:570px;
}

.TyreOrderPopupGrid 
{
	height:200px;
	width:600px;
}

.tdRed 
{
    background-color:#ff312d;
}

.tdAmber
{
    background-color:#ff9e31;
}

.tdGreen 
{
    background-color:#319936;
}

.fontSmallRed
{
    color:#ff312d;
    font-size:0.75em ;
}

.tablepayments
{
    display:block;
    max-height:60px;
    overflow:scroll;
    overflow-x:hidden;
}


.ediwheel th, .ediwheel td,
.EntireTable th, .EntireTable td{
	 text-align:left;
}

.ediwheel tr:hover 
{
    background-color:#FFFFCC;
}

.rbl_zorder 
{
 z-index:99999999999   
}

.OnlineBokingSummary td {
    padding-bottom:5px;
}

.odHighlight {
    background-color:#FF52FF;
}

.odHighlightF {
    color:#FF52FF;
}

.largeTable {
    width: 950px;
}
.EntireTable {
    width: 100%;
}

.cpYearNavigation,
.cpMonthNavigation
		{
		background-color:#6677DD;
		text-align:center;
		text-decoration:none;
		color:#FFFFFF;
		}
.cpDayColumnHeader,
.cpYearNavigation,
.cpMonthNavigation,
.cpCurrentMonthDate,
.cpCurrentMonthDateDisabled,
.cpOtherMonthDate,
.cpOtherMonthDateDisabled,
.cpCurrentDate,
.cpCurrentDateDisabled,
.cpTodayText,
.cpTodayTextDisabled,
.cpText
		{
		font-family:Arial;
		font-size:x-small;
		}
TD.cpDayColumnHeader
		{
		text-align:right;
		border-style:solid;
		border-color:#6677DD;
		border-width:0 0 1px 0;
		}
.cpCurrentMonthDate,
.cpOtherMonthDate,
.cpCurrentDate
		{
		text-align:right;
		text-decoration:none;
		}
.cpCurrentMonthDateDisabled,
.cpOtherMonthDateDisabled,
.cpCurrentDateDisabled
		{
		color:#D0D0D0;
		text-align:right;
		text-decoration:line-through;
		}
.cpCurrentMonthDate
		{
		color:#6677DD;
		font-weight:bold;
		}
.cpCurrentDate
		{
		color: #FFFFFF;
		font-weight:bold;
		}
.cpOtherMonthDate
		{
		color:#808080;
		}
TD.cpCurrentDate
		{
		color:#FFFFFF;
		background-color: #6677DD;
		border:solid 1px #000000;
		}
TD.cpCurrentDateDisabled
		{
		border:solid 1px #FFAAAA;
		}
TD.cpTodayText,
TD.cpTodayTextDisabled
		{
		border-style:solid;
		border-color:#6677DD;
		border-width:1px 0 0 0;
		}
A.cpTodayText,cal.
SPAN.cpTodayTextDisabled
		{
		height:20px;
		}
A.cpTodayText
		{
		color:#6677DD;
		font-weight:bold;
		}
SPAN.cpTodayTextDisabled
		{
		color:#D0D0D0;
		}
.cpBorder
{
}



/*group selections///////////////////////////////*/
.stoc .selbut{
	position:absolute;
	/*top:302px;*/
	top:374px;
	left:665px;

}
/*eds catalogue user control/////////////////////////////////////////////////////////////////////*/

.stoc
{
	height:400px;
	z-index:0;
	position:absolute;
	top:20px;
}

.CatControl, .ExhaustControl{
	/*position:relative;
	top:-60px;*/
	background-color:white;
	height:513px;
}
.CatControl .FilterO{
	/*position:relative;
	left:240px;*/
	/*background-color:Red;*/
	float:left;
	width:500px;
	height:60px;
}

.CatControl .FilterI{
	float:left;
	height:70px;
	width:560px
}

.CatControl .FilterI .Filter{
	width:130px;
	float:left;
	position:relative;
	z-index:1000;
}


.CatControl .FilterF{
	background-color:LightBlue;
	float:left;
	width:1007px;
	position:relative;
	z-index:999;
	
}
.CatControl .FilterF .Filter, .CatVehHeader{
	/*width:auto;*/
	background-color:LightBlue;
	font-weight:bold;
	float:left;
}

.CatVehHeader td
{
	width:185px;
}

.CatControl .FilterF .F1, .FilterF .F1 .TextBox{
	width:300px;
	min-width:300px;

}
.CatControl .FilterF .F1 .items{
	width:auto;
	min-width:300px;
}

.CatControl .FilterF .F1 .itemsdiv
{
	width:300px;
	min-width:300px;
}

.CatControl .FilterF .F2, .FilterF .F2 .TextBox{
	width:90px;
	min-width:90px;
}
.CatControl  .FilterF .F2 .items{
	width:auto;
	min-width:115px;
}

.CatControl .FilterF .F3, .FilterF .F3 .TextBox{
	width:125px;
	min-width:125px;
}
.CatControl  .FilterF .F3 .items{
	width:auto;
	min-width:125px;
}


.CatControl .FilterF .F4, .FilterF .F4 .TextBox{
	width:150px;
	min-width:150px;
}
.CatControl .FilterF .F4 .items{
	width:auto;
	min-width:150px;
}

.CatControl .FilterF .F5, .FilterF .F5 .TextBox{
	width:75px;
	min-width:75px;
}
.CatControl .FilterF .F5 .items{
	width:auto;
	min-width:75px;
}

.CatControl .FilterF .F6, .FilterF .F6 .TextBox{
	width:115px;
	min-width:115px;
}
.CatControl .FilterF .F6 .items{
	width:auto;
	min-width:115px;
}

.CatControl .FilterF .F7, .FilterF .F7 .TextBox{
	width:60px;
	min-width:60px;
}
.CatControl .FilterF .F7 .items{
	width:auto;
	min-width:60px;
}

.FilterF .items  /* List box */
{
	background-color: #ffff99;
	border: thin solid;
}

.FilterF .TextBox
{
	background-color: #ffffcc;
	height:12px;
	/*border: thin inset;*/
	cursor: hand;
	font-size: xx-small;
	z-index:99999;
}

.FilterI .items  /* List box */
{
	/*background-color: #ffff99;*/
	border: thin solid;
}


.FilterI .TextBox
{
	/*background-color: #ffffcc;*/
	height:12px;
	cursor: hand;
	font-size: xx-small;
}

.ddftb
{
    background-color: LightGreen;
}

/*
.CatControl .FilterF .F9
{
	position:relative;
	width:50px;
	float:left;

}*/

.CatControl .FilterI .F8, .FilterI .F8 .TextBox{
	width:50px;
	min-width:50px;
}
.CatControl  .FilterI .F8 .items{
	width:auto;
	min-width:50px;
}

.CatControl .FilterI .F9, .FilterI .F9 .TextBox{
	width:50px;
	min-width:50px;
}
.CatControl  .FilterI .F9 .items{
	width:auto;
	min-width:50px;
}

.CatControl .FilterI .F10, .FilterI .F10 .TextBox{
	width:50px;
	min-width:50px;
}
.CatControl .FilterI .F10 .items{
	width:auto;
	min-width:50px;
}

.CatControl .FilterI .F11, .FilterI .F11 .TextBox{
	width:62px;
	min-width:62px;
}
.CatControl  .FilterI .F11 .items{
	width:auto;
	min-width:62px;
}

.CatControl .FilterI .F12, .FilterI .F12 .TextBox{
	width:70px;
	min-width:70px;
}
.CatControl .FilterI .F12 .items{
	width:auto;
	min-width:70px;
}

.CatControl .FilterI .F13, .FilterI .F13 .TextBox{
	width:70px;
	min-width:70px;
}
.CatControl .FilterI .F13 .items{
	width:auto;
	min-width:70px;
}

.CatControl .FilterI .F14, .FilterI .F14 .TextBox{
	width:100px;
	min-width:100px;
}
.CatControl .FilterI .F14 .items{
	width:auto;
	min-width:100px;
}
.CatControl .key{
	padding:3px;
}
.CatControl .keyBorder{
	border-style: solid;
    border-width: 1px;
    border-color: lightgray;
}
.ExhaustControl .selbut{
	float:left;
	padding-top:5px;
	width:100%;
}
.hl{
	background-color:#CCFF33;
	padding:2px;
}
.hlAlt{
    background-color:#FFFFCC;
    padding: 2px;
}
div.rbsearch div{
	float:left;
}

div.partsc
{
	z-index:0;
	border: silver 1px solid;
	float:left;
	background-color:white;
}

div.partsc>div{
	padding: 4px 0px 4px 0px;
}

.CatGrid{
background-color:#8888AA;
}

.psm{width:300px;float:left;font-weight:bold;background-color:inherit;}
.psy{width:90px;float:left;background-color:inherit;}
.psp{width:125px;float:left;background-color:inherit;}
.psd{width:150px;float:left;background-color:inherit;}
.psb{
    width:75px;
    float:left;
    background-color:inherit;
    min-height:1px; /* stop the div from being hidden when there is no content */
}
.pss{width:115px;float:left;background-color:inherit;}
.pspos{width:60px;float:left;background-color:inherit;}
.pqy{width:50px;float:left;background-color:inherit;}
.pqy input
{
	width: 30px;
	text-align: right;
	padding: 0px;
	cursor: text;
}

.psc1{width:0px;float:left;background-color:inherit;}
.more
{
	float:right;
}

.partsc .info {
	clear:both;
	border-top: #DDD 1px solid;
	background-image:url(../images/tab-strip-bg.gif);
	background-color:#D5E1F3;
	height:15px;
}

.extraInfo {
	background-color:#668099;
	clear:both;
	display:none;
	float:left;
	width:100%;
}
.extraInfo .h1, .CatDetails .h1{
	font-weight:bold;
}

div.partsc table
{
	background-color: #FFFF94;
	width: 100%;
	font-size: smaller;
}
div.partsc table td{
	border: silver 1px solid;
	width:25%;
}

.CatDetails
{
	width:100%;
	}

.stoc
{
	position: relative;
	top:auto;
	float:left;
	clear:both;
	display:block;
	height:300px;
	
}

/*group selections///////////////////////////////*/
.stoc .selbut{
	position:absolute;
	top:420px;
	left:640px;

}

/*group selections///////////////////////////////*/
.CatControl .Grps{
	float:left;
	width:230px;
	height:95px;
}
.CatControl .Grps select{
	width:220px;
	height:90px;
}

div.groups div, div.grpseled{
	margin: 3px;
	float:left;
}
div.groups{
	float:left;
}

.lstgroup, div.grpseled select{
	width:235px;
	height:400px;
}

.lstgroup
{
	height:300px;
}

.lstVehSelSmall
{
	width:100px;
	height:400px;
}

.lstVehSelMid
{
	width:130px;
	height:400px;
}

.lstVehSelMid2
{
	width:130px;
	height:400px;
}

.lstVehSelLarge
{
	width:150px;
	height:400px;
}

.CatControl .FilterO{
	width:500px
}
.CatControl .FilterI{
	height:100px;
	width:500px
}

.CatControl .FilterI .Filter{
	/*z-index:99999;*/
	z-index:999;
}

.CatControl .ClearFilterHolder
{
	clear:both; 
	position:relative;
	top:30px;
}

.CatControl .FilterFHolder
{
	display: block; 
	height: 350px; 
	float:left;
}

.CatControl .FilterF
{
	/*
	float:none;
	position:absolute;*/
	/*z-index:99998;*/
	z-index:998;
	/*left:10px;
	top:130px;*/
	display:block;
	position:relative;
	float:left;
	clear:left;
	width:990px;
	height:34px;
    padding: 0px 1px 0px 1px;
}

.CatControl .FilterF .itemsdiv
{
	float:left;
	display:block;
}
.FilterI .TextBox, .FilterF .TextBox
{
	margin-left:1px;
}


.CatControl .key
{
	padding:3px;
	margin-top:35px;
	clear:both;
	float:left;
}


.CatControl, .ExhaustControl{
	height:auto;
}

.resultbodyheader
{
	width:100%;
	float:left;
	font-weight:bold;
}

table.resultbody
{
	margin: 2px 1px 2px 1px;
	/*width: 100%;*/
	border: silver 1px solid;
	border-collapse: collapse;
}

table.resultbody tr td /*heading*/
{
	background-color:silver;
	background:url(../images/grid3-hrow.gif);
	padding: 1px 1px 1px 1px;
	height: 21px;
}
table.resultbody tr + tr td /*combo boxes*/
{
	background-color:white;
}

.resultbodydivxx
{
	overflow: auto;
	height: 270px;
	border: silver 1px solid;
	width:100%;
	float:left;
}

.resultbodydiv table td
{
	/*border: silver 1px solid;*/
}

.partsc .info 
{

	width:965px;
	height:17px;
    padding: 0px;
}

.pqy{float:right;}


div.selbut{
	/*zoom:1;*/
	white-space:nowrap;
	clear:both;
}

div.selbut:after
{
	display:block;
	clear:both;
	content:'';
}

div.selbut a.btn_blue_white{
	float:left;
	text-align:center;
	display:block;
	text-decoration:none;
}

div.selbut a.btn_blue_white span
{
	margin:1px;
	text-align:center;
	display:block;
	text-decoration:none;
	height:17px;
	padding-top: 3px;
	color: #15428B;
	background-repeat:no-repeat;
}

div.selbut a.btn_blue_white span
{
	background:url(../images/button120.png);
	min-width:120px;
}

div.selbut a.btn_blue_white:hover span{
	
	opacity:0.6;
	filter:alpha(opacity:60);
}

/************************************************************************************************************
*	DHTML modal dialog box	(CSS for the DHTMLSuite_modalMessage class)
*
*	Created:						August, 26th, 2006
*	@class Purpose of class:		Display a modal dialog box on the screen.
*			
*	Css files used by this script:	modal-message.css
*
* 	Update log:
*
************************************************************************************************************/

.modalDialog_transparentDivs{	
	filter:alpha(opacity=40);	/* Transparency */
	opacity:0.4;	/* Transparency */
	background-color:#AAA;
	z-index:10000;
	position:absolute; /* Always needed	*/
}
.modalDialog_contentDiv{
	border:3px solid #000;	
	padding:2px;
	z-index:100;/* Always needed	*/
	position:absolute;	/* Always needed	*/
	background-color:#FFF;	/* White background color for the message */
}
.modalDialog_contentDiv_shadow{
	z-index:90;/* Always needed	- to make it appear below the message */
	position:absolute;	/* Always needed	*/
	background-color:#555;
	filter:alpha(opacity=30);	/* Transparency */
	opacity:0.3;	/* Transparency */	
}
.tdheader
{
	background-color: #C0C0C0;
}

.tdtitle
{
	width: 100%;
}

/* Test css from vivid site */
.maintenance
{
	background-position: left top;
	background-image: url(../images/carweb/maintenance.gif);
	max-height: 55px;
	padding-top: 10px;
	border-bottom: #dddddd 1px solid;
	background-repeat: no-repeat;
	height: 65px;
	background-color: #fff;
}
.lubricants
{
	background-position: left top;
	background-image: url(../images/carweb/lubricants.gif);
	max-height: 55px;
	padding-top: 10px;
	border-bottom: #dddddd 1px solid;
	background-repeat: no-repeat;
	height: 65px;
	background-color: #fff;
}
.engine
{
	background-position: left top;
	background-image: url(../images/carweb/engine.gif);
	max-height: 55px;
	padding-top: 10px;
	border-bottom: #dddddd 1px solid;
	background-repeat: no-repeat;
	height: 65px;
	background-color: #fff;
}
.transmission
{
	background-position: left top;
	background-image: url(../images/carweb/transmission.gif);
	max-height: 55px;
	padding-top: 10px;
	border-bottom: #dddddd 1px solid;
	background-repeat: no-repeat;
	height: 65px;
	background-color: #fff;
}
.transfercase
{
	background-position: left top;
	background-image: url(../images/carweb/transfercase.gif);
	max-height: 55px;
	padding-top: 10px;
	border-bottom: #dddddd 1px solid;
	background-repeat: no-repeat;
	height: 65px;
	background-color: #fff;
}
.exterior
{
	background-position: left top;
	background-image: url(../images/carweb/exterior.gif);
	max-height: 55px;
	padding-top: 10px;
	border-bottom: #dddddd 1px solid;
	background-repeat: no-repeat;
	height: 65px;
	background-color: #fff;
}
.brakes
{
	background-position: left top;
	background-image: url(../images/carweb/brakes.gif);
	max-height: 55px;
	padding-top: 10px;
	border-bottom: #dddddd 1px solid;
	background-repeat: no-repeat;
	height: 65px;
	background-color: #fff;
}
.axles
{
	background-position: left top;
	background-image: url(../images/carweb/axles.gif);
	max-height: 55px;
	padding-top: 10px;
	border-bottom: #dddddd 1px solid;
	background-repeat: no-repeat;
	height: 65px;
	background-color: #fff;
}
.steering
{
	background-position: left top;
	background-image: url(../images/carweb/steering.gif);
	max-height: 55px;
	padding-top: 10px;
	border-bottom: #dddddd 1px solid;
	background-repeat: no-repeat;
	height: 65px;
	background-color: #fff;
}
.electronics
{
	background-position: left top;
	background-image: url(../images/carweb/electronics.gif);
	max-height: 55px;
	padding-top: 10px;
	border-bottom: #dddddd 1px solid;
	background-repeat: no-repeat;
	height: 65px;
	background-color: #fff;
}

.mainGroupB
{
	font-size: 11px;
}

.mainGroupB
{
	border-right: #bbbbbb 1px solid;
	padding-right: 0px;
	background-position: 0% 0%;
	border-top: #bbbbbb 1px solid;
	padding-left: 0px;
	background-image: url(../images/carweb/aluminium_main.gif);
	padding-bottom: 0px;
	margin: 0px;
	overflow: auto;
	border-left: #bbbbbb 1px solid;
	padding-top: 0px;
	border-bottom: #bbbbbb 1px solid;
	background-repeat: no-repeat;
	background-color: #f5f5f5;
}

#mainGroups
{
	vertical-align: bottom;
	empty-cells: show;
}
#mainGroups P
{
	margin: 0px 10px;
}
#mainGroups UL
{
	padding-right: 0px;
	padding-left: 10px;
	padding-bottom: 0px;
	margin: 5px 0px 0px 15px;
	padding-top: 0px;
}
#mainGroups UL UL
{
	margin: 0px 5px;
}
#mainGroups LI
{
	list-style-image: url(../images/carweb/list_square.gif);
	margin: 0px;
	color: #888888;
}
#mainGroups DIV.extraInfoHeader
{
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
	padding-bottom: 0px;
	margin: 18px 0px 4px 20px;
	color: #777777;
	padding-top: 0px;
}
#mainGroups UL.extraInfo
{
	padding-right: 0px;
	padding-left: 10px;
	padding-bottom: 0px;
	margin: 0px 0px 0px 22px;
	padding-top: 0px;
}
#mainGroups UL.extraInfo LI
{
	list-style-image: url(../images/carweb/extraInfo_bullet.gif);
	margin: 0px;
	color: #888888;
}

.innershadow
{
	padding-right: 6px;
	background-position: left top;
	padding-left: 0px;
	background-image: url(../images/carweb/shadow2.gif);
	padding-bottom: 6px;
	width: 100%;
	padding-top: 0px;
	background-repeat: no-repeat;
}

.shadow
{
	clear: both;
	background-position: right bottom;
	background-image: url(../images/carweb/shadow.gif);
	margin: 5px;
	width: 230px;
	background-repeat: no-repeat;
}

#mainGroups H2
{
	padding-right: 8px;
	padding-left: 8px;
	font-weight: normal;
	margin-bottom: 4px;
	padding-bottom: 8px;
	color: #777777;
	padding-top: 14px;
	border-bottom: #bbbbbb 1px solid;
	/*font-variant: small-caps;*/
}
H3
{
	padding-right: 6px;
	padding-left: 70px;
	font-weight: bold;
	padding-bottom: 4px;
	margin: 0px;
	color: #000000;
	padding-top: 4px;
	/*font-variant: small-caps;*/
}

.mainGroupB A:link
{
	text-decoration: none;
	color:#A70303;
}
.mainGroupB A:active
{
	text-decoration: none;
}
.mainGroupB A:visited
{
	text-decoration: none;
	color:#A70303;
}
.mainGroupB A:hover
{
	text-decoration: none;
	color:Orange;
}



    .arrowlistmenu
    {
        width: 200px; /*width of accordion menu*/
    }
    .arrowlistmenu .menuheader
    {
        /*CSS class for menu headers in general (expanding or not!)*/
        font: 11px Verdana, Arial;
        color: white;
        background: black url(../images/titlebar.png) repeat-x center left;
        margin-bottom: 1px; /*bottom spacing between header and rest of content*/
        padding: 2px 0 1px 10px; /*header text is indented 10px*/
        cursor: hand;
        cursor: pointer;
        height:17px;
        
    }
    
    .arrowlistmenu .openheader
    {
        /*CSS class to apply to expandable header when it's expanded*/
        background-image: url(../images/titlebar-active.png);
    }
    .arrowlistmenu ul
    {
        /*CSS for UL of each sub menu*/
        list-style-type: none;
        margin: 0;
        padding: 0;
        margin-bottom: 1px; /*bottom spacing between each UL and rest of content*/
    }
    .arrowlistmenu ul li
    {
        padding-bottom: 1px; /*bottom spacing between menu items*/
    }
    .arrowlistmenu ul li .opensubheader
    {
        /*Open state CSS for sub menu header*/
        background: lightblue !important;
    }
    .arrowlistmenu ul li .closedsubheader
    {
        /*Closed state CSS for sub menu header*/
        background: lightgreen !important;
    }
    .arrowlistmenu ul li a
    {
        color: #A70303;
        background: url(../images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
        display: block;
        padding: 2px 0;
        padding-left: 19px; /*link text is indented 19px*/
        text-decoration: none;
        font-weight: bold;
        border-bottom: 1px solid #dadada;
        font-size: 80%;
    }
    .arrowlistmenu ul li a:visited
    {
        color: #A70303;
    }
    .arrowlistmenu ul li a:hover
    {
        /*hover state CSS*/
        background-color: #F3F3F3;
    }
    .arrowlistmenu ul li a.subexpandable:hover
    {
        /*hover state CSS for sub menu header*/
        background: lightblue;
}

.PSPoor{background: Red;color:White;font-weight:bold;}

.PSWeak{background: Orange;color:White;font-weight:bold;}

.PSAverage{background: Yellow;color:black;font-weight:bold;}

.PSGood{background: blue;color:White;font-weight:bold;}

.PSExcellent{background: Green;color:White;font-weight:bold;}

.PSLabel{background: Grey;color:White}
    
/********************* autowork.aspx  ******************/

/* IDs */

#chkVehicleOnSite {
    width: 12px;
    height: 12px;
    margin: 0px;
}

#dvOptions td {
    padding-left: 5px;
}

#dvMileage tr {
    vertical-align: bottom;
}

#dvMileage .hd1 {
    font-weight: bold;
}

#vehicleInfo {
    min-width: 240px;
}

/* Classes */

.divRegToContent {
    text-align: center;
    font-weight: bold;
}

/********************* document_ad.ascx ******************/

/* Classes */

.divXRefs {
    width: 49%;
    margin: 0px;
}

.chkRightPadding {
    padding-right: 10px;
}

.clsDivJobsHeader {
    background-color: black;
    color: white;
    padding-top: 8px;
    padding-bottom: 8px;
    height: 18px;
    width: 100%;
}

    .clsDivJobsHeader div {
        display: table-cell;
        vertical-align: middle;
    }

        .clsDivJobsHeader div.cCode {
            width: 114px;
            padding-left: 2px;
        }

        .clsDivJobsHeader div.cDescription {
            width: 305px;
        }

        .clsDivJobsHeader div.cSell {
            width: 50px;
            text-align: right;
        }

        .clsDivJobsHeader div.cQty {
            width: 44px;
            text-align: right;
        }

        .clsDivJobsHeader div.cDisc {
            width: 52px;
            text-align: right;
        }

        .clsDivJobsHeader div.cVAT {
            width: 60px;
            text-align: right;
        }

        .clsDivJobsHeader div.cTotal {
            width: 65px;
            text-align: right;
        }

        .clsDivJobsHeader div.cIconCheckStock {
            width: 32px;
            cursor: pointer;
            text-align: right;
        }

        .clsDivJobsHeader div.cIconBlankRightAlign {
            width: 32px;
            text-align: right;
        }

        .clsDivJobsHeader div.cIconBlank {
            width: 32px;
        }

.jobGroupHeaderCell.code {
    width: 114px;
}

    .jobGroupHeaderCell.code div {
        position: relative;
        float: right;
    }

.jobGroupHeaderCell.descLocked {
    width: 295px; /*55%;  295px;*/
    text-decoration: none;
}

.jobGroupHeaderCell.descUnlocked {
    width: 295px; /*55%;  295px;*/
    text-decoration: underline;
}

.jobGroupHeaderCell.sell {
    width: 52px;
}

.jobGroupHeaderCell.qty {
    width: 46px;
}

.jobGroupHeaderCell.disc {
    width: 50px;
}

.jobGroupHeaderCell.tax {
    width: 60px;
    text-align: right;
}

.jobGroupHeaderCell.total {
    width: 65px;
    text-align: right;
}

.jobGroupHeaderCell.blank {
    width: 32px;
}

.jobGroupHeaderCell.delJob {
    width: 32px;
}

.jobDropdownList {
    z-index: 9;
}

.partStylePointer {
    cursor: pointer !important;
    text-decoration: underline;
}

.partStyleDefault {
    cursor: default;
    text-decoration: none;
}

.jobGroupDataRowIndexed {
    display: table-row-group;
    width: 100%;
}

.jobGroupDataRowCell img, .jobGroupHeaderCell img {
    padding-left: 8px;
}

    .jobGroupHeaderCell img.UpsellRating {
        padding-left: 0px;
        height: 10px;
    }

.jobGroupDataRowCell button img {
    cursor: pointer;
}

.jobGroupDataRowCell img.imgBlank16 {
    cursor: default;
}

.media-object {
    display: block;
}

.TDExpand {
    width: 99%;
}

/********************* slidingpanel.ascx, SlidingPanelKisOnline.ascx ******************/

/* Classes */

.divSplitter {
    height: 3px;
}

.firstLabelPadding {
    padding-top: 3px;
}

.divEngine {
    width: 130px;
}

/* New doc screen panels (drag/drop) */

body {
    /*background-color: #eee;*/
}

.documentPanel {
    border-color: #ddd;
    border-style: solid;
    border-width: 1px;
    /*border-radius: 5px; remove for the time being*/
}

.documentPanelSymptoms {
    background-color: #f5f5f5;
}

.documentPanelWorkDesc {
    background-color: #f5f5f5;
    /*margin-bottom:5px;*/ /*fix whilst not using full screen drag/drop*/
}

.documentPanelSuggestedJobs {
    background-color: #f5f5f5;
    /*margin-bottom:5px;*/ /*fix whilst not using full screen drag/drop*/
}

.documentPanelUsers {
    background-color: #f5f5f5;
}

.documentPanelReminders {
    background-color: #f5f5f5;
}

.documentPanelHeader {
    background-color: #f5f5f5;
    /*height:98px;*/ /*fix whilst not using full screen drag/drop*/
    /*margin-bottom:5px;*/ /*fix whilst not using full screen drag/drop*/
}

.documentPanelAdvisoryNotes {
    background-color: #f5f5f5;
}

.documentPanelStatus {
    background-color: #f5f5f5;
}

.documentPanelMediaCodes {
    background-color: #f5f5f5;
}

.grid-stack > .grid-stack-item > .grid-stack-item-content {
    left: 3px !important;
    right: 3px !important;
}

/*.grid-stack > .grid-stack-item > .ui-resizable-e {
    right: 0px !important;
}*/

/*.grid-stack > .grid-stack-item > .ui-resizable-se {
    right: 0px !important;
    bottom: 0px !important;
}*/

.ui-icon, .ui-widget-content .ui-icon {
    /*background-image: none !important;*/
}

/*Remove the sizing grip from bottom right hand corner*/
.grid-stack-item .ui-icon {
    background-image: none !important;
}

#dvDocInfo {
    padding-left: 10px;
}

.floatright {
    float: right;
}

#dvAdvisoryNotes, #dvSymptoms, #dvWorkDescriptions, #dvSuggestedJobs, #DocumentSuggestedJobsReact {
    min-height: 60px;
}


#dvAdvisoryNotes, #dvSymptoms, #dvWorkDescriptions, #dvSuggestedJobs {
    /*height: 60% !important;*/
    /*flex: 1 1 auto;*/
}

#dvAdvisory, #dvSymptomsDiv, #dvWorkDescriptionsDiv, #dvSuggestedJobsDiv {
    /*height: 60% !important;*/
    /*flex-flow: column nowrap;*/
    height: 90%;
    /*display: flex;*/
}



.jobGroupBlankRow {
    background-color: white;
    display: inline-table;
    height: 20px;
    width: 100%;
}

#Document_AD #totals .c32jg {
    width: 72px !important;
    padding: 0px;
}

#Document_AD #totals .c7jg {
    width: 54px !important;
    padding-right: 9px !important;
}

#Document_AD #totals .c6jg {
    width: 54px !important;
    padding-right: 1px !important;
    padding-left: 0px !important;
}

#Document_AD #totals .center {
    text-align: center;
}

#Document_AD #totals .bannerlink {
    text-align: center;
    text-decoration: underline;
    cursor: pointer;
    font-weight: normal;
    color: #FFFFFF;
    background-color: #FF5555;
}

#Document_AD .consumables .c30jg {
    width: 98px !important;
    padding: 0px !important;
}

#Document_AD .consumables .c7jg {
    width: 65px !important;
    padding: 0px !important;
}

#Document_AD .consumables .c6jg {
    width: 40px !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

#Document_AD .consumables .c4jg {
    width: 80px !important;
    padding-right: 20px !important;
}

#jobsbtnHolder {
    z-index: 100;
}

/********************* document_ad.ascx ******************/

.imgCalendar {
    content:url("../images/calendar.gif");
    background:url("../Images/calendar.gif") no-repeat 0 0;
    -moz-padding-start: 18px !important;
    -webkit-padding-start: 0px !important;
    height: 13px;
    padding-left: 8px;
}

.imgCheckStock {
    content:url("../Images/check-stock.png");
    background:url("../Images/check-stock.png") no-repeat 0 0;
    -moz-padding-start: 16px;
    -webkit-padding-start: 0px !important;
    height:16px;
    margin-left:16px;
}

.imgBlank12 {
    content:url("../Images/blank12.gif");
    background:url("../Images/blank12.gif") no-repeat 0 0;
    -moz-padding-start: 12px !important;
    -webkit-padding-start: 0px !important;
    height:12px;
}

.imgBlank16 {
    content:url("../Images/blank16.gif");
    background:url("../Images/blank16.gif") no-repeat 0 0;
    -moz-padding-start: 16px !important;
    -webkit-padding-start: 0px !important;
    height:16px;
}

.imgPackagePrice {
    content:url("../Images/box-glyph-icon.png");
    background:url("../Images/box-glyph-icon.png") no-repeat 0 0;
    -moz-padding-start: 16px !important;
    -webkit-padding-start: 0px !important;
    height:16px;
    width:16px;
}

.imgCompletePrice {
    content:url("../Images/completePriceIcon.png");
    background:url("../Images/completePriceIcon.png") no-repeat 0 0;
    -moz-padding-start: 16px !important;
    -webkit-padding-start: 0 !important;
    height:16px;
    width:16px;
}

.imgIwMinus {
    content: url("../Images/iw_minus.gif");
    background: url("../Images/iw_minus.gif") no-repeat 0 0;
    -webkit-padding-start: 0px !important;
    height: 12px;
}

.imgIwPlus {
    content:url("../Images/iw_plus.gif");
    background:url("../Images/iw_plus.gif") no-repeat 0 0;
    -webkit-padding-start: 0px !important;
    height:12px;
}

.imgIwDown {
    background:url("../Images/iw_down.gif") no-repeat 0 0;
    content:url("../Images/iw_down.gif");
    -moz-padding-start: 12px !important;
    -webkit-padding-start: 0px !important;
    height:12px;
}

.imgIwUp {
    content:url("../Images/iw_up.gif");
    background:url("../Images/iw_up.gif") no-repeat 0 0;
    -moz-padding-start: 12px !important;
    -webkit-padding-start: 0px !important;  
    height:12px;  
}

.imgDelete {
    content:url("../Images/delete.gif");
    background:url("../Images/delete.gif") no-repeat 0 0;
    -moz-padding-start: 16px !important;
    -webkit-padding-start: 0px !important;
    height:16px;
}

.imgPlus {
    content:url("../Images/plus.gif");
    background:url("../Images/plus.gif") no-repeat 0 0;
    -moz-padding-start: 16px !important;
    -webkit-padding-start: 0px !important;
    padding-left: 5px;
    height:16px;
}

.imgStockedPart4{
    content: url("../Images/stockedPart4.gif");
    background:url("../Images/stockedPart4.gif") no-repeat 0 0;
    -moz-padding-start: 16px !important;
    -webkit-padding-start: 0px !important;
    height:16px;
}

.imgStockedPart3{
    content: url("../Images/stockedPart3.gif");
    background:url("../Images/stockedPart3.gif") no-repeat 0 0;
    -moz-padding-start: 16px !important;
    -webkit-padding-start: 0px !important;
    height:16px;
}

.imgStockedPart2{
    content: url("../Images/stockedPart2.gif");
    background:url("../Images/stockedPart2.gif") no-repeat 0 0;
    -moz-padding-start: 16px !important;
    -webkit-padding-start: 0px !important;
    height:16px;
}

.imgStockedPart{
    content: url("../Images/stockedPart.gif");
    background:url("../Images/stockedPart.gif") no-repeat 0 0;
    -moz-padding-start: 16px !important;
    -webkit-padding-start: 0px !important;
    height:16px;
}

.imgQm16{
    content: url("../Images/qm16.png");
    background:url("../Images/qm16.png") no-repeat 0 0;
    -moz-padding-start: 16px !important;
    -webkit-padding-start: 0px !important;
    height:16px;
}

.imgGreen{
    content: url("../Images/green.gif");
    background:url("../Images/green.gif") no-repeat center;
    -moz-padding-start: 14px !important;
    -webkit-padding-start: 0px !important;
    height:14px;
}

.imgYellow{
    content: url("../Images/yellow.gif");
    background:url("../Images/yellow.gif") no-repeat 0 0;
    -moz-padding-start: 14px !important;
    -webkit-padding-start: 0px !important;
    height:14px;
}

.imgRed{
    content: url("../Images/red.gif");
    background:url("../Images/red.gif") no-repeat center;
    -moz-padding-start: 14px !important;
    -webkit-padding-start: 0px !important;
    height:14px;
}

.imgOrangeTick{
    content: url("../Images/orangeTick.png");
    background:url("../Images/orangeTick.png") no-repeat 0 0;
    -moz-padding-start: 16px !important;
    -webkit-padding-start: 0px !important;
    height:16px;
}

.imgOk{
    content: url("../Images/ok.png");
    background:url("../Images/ok.png") no-repeat 0 0;
    -moz-padding-start: 16px !important;
    -webkit-padding-start: 0px !important;
    height:16px;
}

.imgTyre{
    content: url("../Images/tyre.gif");
    background:url("../Images/tyre.gif") no-repeat 0 0;
    -moz-padding-start: 16px !important;
    -webkit-padding-start: 0px !important;
    height:16px;
}

.imgServiceIcon{
    content: url("../Images/serviceIcon.png");
    background:url("../Images/serviceIcon.png") no-repeat 0 0;
    -moz-padding-start: 16px !important;
    -webkit-padding-start: 0px !important;
    height:16px;
}

.imgCoreIcon{
    content: url("../Images/transfer.png");
    background:url("../Images/transfer.png") no-repeat 0 0;
    -moz-padding-start: 16px !important;
    -webkit-padding-start: 0px !important;
    height:16px;
}

.imgMotblue{
    content: url("../Images/motblue.png");
    background:url("../Images/motblue.png") no-repeat 0 0;
    -moz-padding-start: 16px !important;
    -webkit-padding-start: 0px !important;
    height:16px;
}

.imgMotred{
    content: url("../Images/motred.png");
    background:url("../Images/motred.png") no-repeat 0 0;
    -moz-padding-start: 16px !important;
    -webkit-padding-start: 0px !important;
    height:16px;
}

.imgAwaiting_arrival_Black_16{
    content: url("../Images/WIP/16x16/Black/Awaiting_arrival.png");
    background:url("../Images/WIP/16x16/Black/Awaiting_arrival.png") no-repeat 0 0;
    -moz-padding-start: 16px !important;
    -webkit-padding-start: 0px !important;
    height:16px;
    width:16px;
}

.imgDue_In_Today_Black_16{
    content: url("../Images/WIP/16x16/Black/Due_In_Today.png");
    background:url("../Images/WIP/16x16/Black/Due_In_Today.png") no-repeat 0 0;
    -moz-padding-start: 16px !important;
    -webkit-padding-start: 0px !important;
    height:16px;
    width:16px;
}

.imgAwaiting_collection_Black_16{
    content: url("../Images/WIP/16x16/Black/Awaiting_collection.png");
    background:url("../Images/WIP/16x16/Black/Awaiting_collection.png") no-repeat 0 0;
    -moz-padding-start: 16px !important;
    -webkit-padding-start: 0px !important;
    height:16px;
    width:16px;
}

.imgAwaiting_start_Black_16{
    content: url("../Images/WIP/16x16/Black/Awaiting_start.png");
    background:url("../Images/WIP/16x16/Black/Awaiting_start.png") no-repeat 0 0;
    -moz-padding-start: 16px !important;
    -webkit-padding-start: 0px !important;
    height:16px;
    width:16px;
}

.imgAwaiting_valet_Black_16{
    content: url("../Images/WIP/16x16/Black/Awaiting_valet.png");
    background:url("../Images/WIP/16x16/Black/Awaiting_valet.png") no-repeat 0 0;
    -moz-padding-start: 16px !important;
    -webkit-padding-start: 0px !important;
    height:16px;
    width:16px;
}

.imgComplete_collection_Black_16{
    content: url("../Images/WIP/16x16/Black/Complete_collection.png");
    background:url("../Images/WIP/16x16/Black/Complete_collection.png") no-repeat 0 0;
    -moz-padding-start: 16px !important;
    -webkit-padding-start: 0px !important;
    height:16px;
    width:16px;
}

.imgComplete_delivery_Black_16{
    content: url("../Images/WIP/16x16/Black/Complete_delivery.png");
    background:url("../Images/WIP/16x16/Black/Complete_delivery.png") no-repeat 0 0;
    -moz-padding-start: 16px !important;
    -webkit-padding-start: 0px !important;
    height:16px;
    width:16px;
}

.imgWork_Complete_Black_16{
    content: url("../Images/WIP/16x16/Black/Work_Complete.png");
    background:url("../Images/WIP/16x16/Black/Work_Complete.png") no-repeat 0 0;
    -moz-padding-start: 16px !important;
    -webkit-padding-start: 0px !important;
    height:16px;
    width:16px;
}

.imgIn_progress_Black_16{
    content: url("../Images/WIP/16x16/Black/In_progress.png");
    background:url("../Images/WIP/16x16/Black/In_progress.png") no-repeat 0 0;
    -moz-padding-start: 16px !important;
    -webkit-padding-start: 0px !important;
    height:16px;
    width:16px;
}

.imgOn_hold_Black_16{
    content: url("../Images/WIP/16x16/Black/On_hold.png");
    background:url("../Images/WIP/16x16/Black/On_hold.png") no-repeat 0 0;
    -moz-padding-start: 16px !important;
    -webkit-padding-start: 0px !important;
    height:16px;
    width:16px;
}

.imgService_advisor_Black_16{
    content: url("../Images/WIP/16x16/Black/Service_advisor.png");
    background:url("../Images/WIP/16x16/Black/Service_advisor.png") no-repeat 0 0;
    -moz-padding-start: 16px !important;
    -webkit-padding-start: 0px !important;
    height:16px;
    width:16px;
}

.imgTechnician_Black_16{
    content: url("../Images/WIP/16x16/Black/Technician.png");
    background:url("../Images/WIP/16x16/Black/Technician.png") no-repeat 0 0;
    -moz-padding-start: 16px !important;
    -webkit-padding-start: 0px !important;
    height:16px;
    width:16px;
}


.imgAwaiting_arrival_White_16{
    content: url("../Images/WIP/16x16/White/Awaiting_arrival.png");
    background:url("../Images/WIP/16x16/White/Awaiting_arrival.png") no-repeat 0 0;
    -moz-padding-start: 16px !important;
    -webkit-padding-start: 0px !important;
    height:16px;
    width:16px;
}


.imgDue_In_Today_White_16{
    content: url("../Images/WIP/16x16/White/Due_In_Today.png");
    background:url("../Images/WIP/16x16/White/Due_In_Today.png") no-repeat 0 0;
    -moz-padding-start: 16px !important;
    -webkit-padding-start: 0px !important;
    height:16px;
    width:16px;
}

.imgAwaiting_collection_White_16{
    content: url("../Images/WIP/16x16/White/Awaiting_collection.png");
    background:url("../Images/WIP/16x16/White/Awaiting_collection.png") no-repeat 0 0;
    -moz-padding-start: 16px !important;
    -webkit-padding-start: 0px !important;
    height:16px;
    width:16px;
}

.imgAwaiting_start_White_16{
    content: url("../Images/WIP/16x16/White/Awaiting_start.png");
    background:url("../Images/WIP/16x16/White/Awaiting_start.png") no-repeat 0 0;
    -moz-padding-start: 16px !important;
    -webkit-padding-start: 0px !important;
    height:16px;
    width:16px;
}

.imgAwaiting_valet_White_16{
    content: url("../Images/WIP/16x16/White/Awaiting_valet.png");
    background:url("../Images/WIP/16x16/White/Awaiting_valet.png") no-repeat 0 0;
    -moz-padding-start: 16px !important;
    -webkit-padding-start: 0px !important;
    height:16px;
    width:16px;
}

.imgComplete_collection_White_16{
    content: url("../Images/WIP/16x16/White/Complete_collection.png");
    background:url("../Images/WIP/16x16/White/Complete_collection.png") no-repeat 0 0;
    -moz-padding-start: 16px !important;
    -webkit-padding-start: 0px !important;
    height:16px;
    width:16px;
}

.imgComplete_delivery_White_16{
    content: url("../Images/WIP/16x16/White/Complete_delivery.png");
    background:url("../Images/WIP/16x16/White/Complete_delivery.png") no-repeat 0 0;
    -moz-padding-start: 16px !important;
    -webkit-padding-start: 0px !important;
    height:16px;
    width:16px;
}


.imgWork_Complete_White_16{
    content: url("../Images/WIP/16x16/White/Work_Complete.png");
    background:url("../Images/WIP/16x16/White/Work_Complete.png") no-repeat 0 0;
    -moz-padding-start: 16px !important;
    -webkit-padding-start: 0px !important;
    height:16px;
    width:16px;
}

.imgIn_progress_White_16{
    content: url("../Images/WIP/16x16/White/In_progress.png");
    background:url("../Images/WIP/16x16/White/In_progress.png") no-repeat 0 0;
    -moz-padding-start: 16px !important;
    -webkit-padding-start: 0px !important;
    height:16px;
    width:16px;
}

.imgOn_hold_White_16{
    content: url("../Images/WIP/16x16/White/On_hold.png");
    background:url("../Images/WIP/16x16/White/On_hold.png") no-repeat 0 0;
    -moz-padding-start: 16px !important;
    -webkit-padding-start: 0px !important;
    height:16px;
    width:16px;
}

.imgService_advisor_White_16{
    content: url("../Images/WIP/16x16/White/Service_advisor.png");
    background:url("../Images/WIP/16x16/White/Service_advisor.png") no-repeat 0 0;
    -moz-padding-start: 16px !important;
    -webkit-padding-start: 0px !important;
    height:16px;
    width:16px;
}

.imgTechnician_White_16{
    content: url("../Images/WIP/16x16/White/Technician.png");
    background:url("../Images/WIP/16x16/White/Technician.png") no-repeat 0 0;
    -moz-padding-start: 16px !important;
    -webkit-padding-start: 0px !important;
    height:16px;
    width:16px;
}

/*Ready for delivery*/
.imgAwaiting_delivery_Black_32{ 
    content: url("../Images/WIP/32x32/Black/Awaiting_delivery.png");
    background:url("../Images/WIP/32x32/Black/Awaiting_delivery.png") no-repeat 0 0;
    -moz-padding-start: 32px !important;
    -webkit-padding-start: 0px !important;
    height:32px;
    width:32px;
}

.imgAwaiting_arrival_Black_32 {
    content: url("../Images/WIP/32x32/Black/Awaiting_arrival.png");
    background:url("../Images/WIP/32x32/Black/Awaiting_arrival.png") no-repeat 0 0;
    -moz-padding-start: 32px !important;
    -webkit-padding-start: 0px !important;
    height:32px;
    width:32px;
}


.imgDue_In_Today_Black_32{
    content: url("../Images/WIP/32x32/Black/Due_In_Today.png");
    background:url("../Images/WIP/32x32/Black/Due_In_Today.png") no-repeat 0 0;
    -moz-padding-start: 32px !important;
    -webkit-padding-start: 0px !important;
    height:32px;
    width:32px;
}
/* Collect Today*/
.imgAwaiting_collection_Black_32{
    content: url("../Images/WIP/32x32/Black/Awaiting_collection.png");
    background:url("../Images/WIP/32x32/Black/Awaiting_collection.png") no-repeat 0 0;
    -moz-padding-start: 32px !important;
    -webkit-padding-start: 0px !important;
    height:32px;
    width:32px;
}

.imgAwaiting_start_Black_32{
    content: url("../Images/WIP/32x32/Black/Awaiting_start.png");
    background:url("../Images/WIP/32x32/Black/Awaiting_start.png") no-repeat 0 0;
    -moz-padding-start: 32px !important;
    -webkit-padding-start: 0px !important;
    height:32px;
    width:32px;
}
/*Ready for valet*/
.imgAwaiting_valet_Black_32{
    content: url("../Images/WIP/32x32/Black/Awaiting_valet.png");
    background:url("../Images/WIP/32x32/Black/Awaiting_valet.png") no-repeat 0 0;
    -moz-padding-start: 32px !important;
    -webkit-padding-start: 0px !important;
    height:32px;
    width:32px;
}
/* Ready to Collect*/
.imgComplete_collection_Black_32{
    content: url("../Images/WIP/32x32/Black/Complete_collection.png");
    background:url("../Images/WIP/32x32/Black/Complete_collection.png") no-repeat 0 0;
    -moz-padding-start: 32px !important;
    -webkit-padding-start: 0px !important;
    height:32px;
    width:32px;
}
/* Ready to Deliver*/
.imgComplete_delivery_Black_32{
    content: url("../Images/WIP/32x32/Black/Complete_delivery.png");
    background:url("../Images/WIP/32x32/Black/Complete_delivery.png") no-repeat 0 0;
    -moz-padding-start: 32px !important;
    -webkit-padding-start: 0px !important;
    height:32px;
    width:32px;
}


.imgWork_Complete_Black_32{
    content: url("../Images/WIP/32x32/Black/Work_Complete.png");
    background:url("../Images/WIP/32x32/Black/Work_Complete.png") no-repeat 0 0;
    -moz-padding-start: 32px !important;
    -webkit-padding-start: 0px !important;
    height:32px;
    width:32px;
}

.imgIn_progress_Black_32{
    content: url("../Images/WIP/32x32/Black/In_progress.png");
    background:url("../Images/WIP/32x32/Black/In_progress.png") no-repeat 0 0;
    -moz-padding-start: 32px !important;
    -webkit-padding-start: 0px !important;
    height:32px;
    width:32px;
}

.imgOn_hold_Black_32{
    content: url("../Images/WIP/32x32/Black/On_hold.png");
    background:url("../Images/WIP/32x32/Black/On_hold.png") no-repeat 0 0;
    -moz-padding-start: 32px !important;
    -webkit-padding-start: 0px !important;
    height:32px;
    width:32px;
}

.imgService_advisor_Black_32{
    content: url("../Images/WIP/32x32/Black/Service_advisor.png");
    background:url("../Images/WIP/32x32/Black/Service_advisor.png") no-repeat 0 0;
    -moz-padding-start: 32px !important;
    -webkit-padding-start: 0px !important;
    height:32px;
    width:32px;
}

.imgTechnician_Black_32{
    content: url("../Images/WIP/32x32/Black/Technician.png");
    background:url("../Images/WIP/32x32/Black/Technician.png") no-repeat 0 0;
    -moz-padding-start: 32px !important;
    -webkit-padding-start: 0px !important;
    height:32px;
    width:32px;
}


.imgAwaiting_delivery_White_32{
    content: url("../Images/WIP/32x32/White/Awaiting_delivery.png");
    background:url("../Images/WIP/32x32/White/Awaiting_delivery.png") no-repeat 0 0;
    -moz-padding-start: 32px !important;
    -webkit-padding-start: 0px !important;
    height:32px;
    width:32px;
}

.imgAwaiting_arrival_White_32 {
    content: url("../Images/WIP/32x32/White/Awaiting_arrival.png");
    background:url("../Images/WIP/32x32/White/Awaiting_arrival.png") no-repeat 0 0;
    -moz-padding-start: 32px !important;
    -webkit-padding-start: 0px !important;
    height:32px;
    width:32px;
}

.imgDue_In_Today_White_32{
    content: url("../Images/WIP/32x32/White/Due_In_Today.png");
    background:url("../Images/WIP/32x32/White/Due_In_Today.png") no-repeat 0 0;
    -moz-padding-start: 32px !important;
    -webkit-padding-start: 0px !important;
    height:32px;
    width:32px;
}

.imgAwaiting_collection_White_32{
    content: url("../Images/WIP/32x32/White/Awaiting_collection.png");
    background:url("../Images/WIP/32x32/White/Awaiting_collection.png") no-repeat 0 0;
    -moz-padding-start: 32px !important;
    -webkit-padding-start: 0px !important;
    height:32px;
    width:32px;
}

.imgAwaiting_start_White_32{
    content: url("../Images/WIP/32x32/White/Awaiting_start.png");
    background:url("../Images/WIP/32x32/White/Awaiting_start.png") no-repeat 0 0;
    -moz-padding-start: 32px !important;
    -webkit-padding-start: 0px !important;
    height:32px;
    width:32px;
}

.imgAwaiting_valet_White_32{
    content: url("../Images/WIP/32x32/White/Awaiting_valet.png");
    background:url("../Images/WIP/32x32/White/Awaiting_valet.png") no-repeat 0 0;
    -moz-padding-start: 32px !important;
    -webkit-padding-start: 0px !important;
    height:32px;
    width:32px;
}

.imgComplete_collection_White_32{
    content: url("../Images/WIP/32x32/White/Complete_collection.png");
    background:url("../Images/WIP/32x32/White/Complete_collection.png") no-repeat 0 0;
    -moz-padding-start: 32px !important;
    -webkit-padding-start: 0px !important;
    height:32px;
    width:32px;
}

.imgComplete_delivery_White_32{
    content: url("../Images/WIP/32x32/White/Complete_delivery.png");
    background:url("../Images/WIP/32x32/White/Complete_delivery.png") no-repeat 0 0;
    -moz-padding-start: 32px !important;
    -webkit-padding-start: 0px !important;
    height:32px;
    width:32px;
}


.imgWork_Complete_White_32{
    content: url("../Images/WIP/32x32/White/Work_Complete.png");
    background:url("../Images/WIP/32x32/White/Work_Complete.png") no-repeat 0 0;
    -moz-padding-start: 32px !important;
    -webkit-padding-start: 0px !important;
    height:32px;
    width:32px;
}

.imgIn_progress_White_32{
    content: url("../Images/WIP/32x32/White/In_progress.png");
    background:url("../Images/WIP/32x32/White/In_progress.png") no-repeat 0 0;
    -moz-padding-start: 32px !important;
    -webkit-padding-start: 0px !important;
    height:32px;
    width:32px;
}

.imgOn_hold_White_32{
    content: url("../Images/WIP/32x32/White/On_hold.png");
    background:url("../Images/WIP/32x32/White/On_hold.png") no-repeat 0 0;
    -moz-padding-start: 32px !important;
    -webkit-padding-start: 0px !important;
    height:32px;
    width:32px;
}

.imgService_advisor_White_32{
    content: url("../Images/WIP/32x32/White/Service_advisor.png");
    background:url("../Images/WIP/32x32/White/Service_advisor.png") no-repeat 0 0;
    -moz-padding-start: 32px !important;
    -webkit-padding-start: 0px !important;
    height:32px;
    width:32px;
}

.imgTechnician_White_32{
    content: url("../Images/WIP/32x32/White/Technician.png");
    background:url("../Images/WIP/32x32/White/Technician.png") no-repeat 0 0;
    -moz-padding-start: 32px !important;
    -webkit-padding-start: 0px !important;
    height:32px;
    width:32px;
}

.imgSuggestedJobUser{
    content: url("../Images/technician.png");
    background:url("../Images/technician.png") no-repeat 0 0;
    -moz-padding-start: 16px !important;
    -webkit-padding-start: 0px !important;
    height:16px;
    width:16px;
    margin-right: 10px;
}

.imgSuggestedJobVHCRed{
    content: url("../Images/vhc-red.png");
    background:url("../Images/vhc-red.png") no-repeat 0 0;
    -moz-padding-start: 16px !important;
    -webkit-padding-start: 0px !important;
    height:16px;
    width:16px;
    margin-right: 10px;
}
.imgSuggestedJobVHCAmber{
    content: url("../Images/vhc-amber.png");
    background:url("../Images/vhc-amber.png") no-repeat 0 0;
    -moz-padding-start: 16px !important;
    -webkit-padding-start: 0px !important;
    height:16px;
    width:16px;
    margin-right: 10px;
}
.imgSuggestedJobSymptom{
    content: url("../Images/symptom.png");
    background:url("../Images/symptom.png") no-repeat 0 0;
    -moz-padding-start: 16px !important;
    -webkit-padding-start: 0px !important;
    height:16px;
    width:16px;
    margin-right: 10px;
}

.imgUntick {
	content: url("../Images/untick.png");
	background: url("../Images/untick.png") no-repeat 0 0;
	-moz-padding-start: 16px !important;
	-webkit-padding-start: 0px !important;
	height: 16px;
	width: 16px;
	margin-right: 10px;
}






.VCCContainer {
    height: 245px;
    overflow-x: auto;
}
.gvVCCCategs {
    margin-left: 9%;
    border: 0px solid transparent;
}
.gvVCCCategs td{
    border: 0px solid transparent;
}
.gvVCCCategs th{
    height: 30px;
    border: 0px solid transparent;
}
.codesFMbtnSelectCategs {
    display:none;
    margin-top: 10px;
    margin-left: 5px !important;
}


#leftcol {
    width: 200px;
    float: left;
    margin: 1px;
    clear: left;
}

#midcol, .midcol {
    top: 5px;
    left: 5px;
    padding-top: 3px;
    position: relative;
    float: left;
    width: 83%;
}

#rightcol {
    display: none;
    width: 150px;
    height: 125px;
    float: right;
    margin: 1px;
}

.basket {
    /*overflow:visible;*/
    z-index: 10000;
    position: absolute;
    text-align: right;
    width: 99%;
    top: 0px;
    left: 0px;
    margin-top: -75px;
}

.basket {
    padding-top: 10px;
}

.ajaxPro {
    z-index: 100000;
    position: fixed;
    left: calc(50% - 120px);
    top: calc(50% - 40px);
    width: 240px;
}

    .ajaxPro table.loading td.topLeft {
        background-image: url('../images/top_left.png');
        background-position: left;
        background-repeat: no-repeat;
        height: 43px;
        width: 14px;
    }

    .ajaxPro table.loading td.topMid {
        background-image: url('../images/top_bg.png');
        background-repeat: repeat-x;
        background-position: top;
        color: #ffffff;
        text-align: center;
    }

    .ajaxPro table.loading td.topRight {
        background-image: url('../images/top_right.png');
        background-position: right;
        background-repeat: no-repeat;
        height: 43px;
        width: 19px;
    }

    .ajaxPro table.loading td.midLeft {
        background-image: url('../images/left_bg.png');
        background-position: left;
        background-repeat: repeat-y;
        width: 14px;
    }

    .ajaxPro table.loading td.midMid {
        background-color: #FFFFFF;
    }

        .ajaxPro table.loading td.midMid div.PleaseWait {
            background-image: url('../images/pleasewaitblue.gif');
            background-position: left;
            background-repeat: no-repeat;
            height: 15px;
            width: 214px;
        }

    .ajaxPro table.loading td.midRight {
        background-image: url('../images/right_bg.png');
        background-position: right;
        background-repeat: repeat-y;
        width: 19px;
    }

    .ajaxPro table.loading td.bottomLeft {
        background-image: url('../images/bottom_left.png');
        background-position: left;
        background-repeat: no-repeat;
        height: 22px;
        width: 14px;
    }

    .ajaxPro table.loading td.bottomMid {
        background-image: url('../images/bottom_bg.png');
        background-repeat: repeat-x;
        background-position: bottom;
    }

    .ajaxPro table.loading td.bottomRight {
        background-image: url('../images/bottom_right.png');
        background-position: right;
        background-repeat: no-repeat;
        height: 22px;
        width: 19px;
    }

.basket #info {
    visibility: hidden;
    background-color: transparent;
    color: red;
    padding: 5px;
    font-weight: 700;
    margin-top: -75px;
}

#Document, .Results, .discountsxx {
    z-index: 10;
    border-left: 1px solid #919b9c;
    border-right: 1px solid #919b9c;
    border-bottom: 1px solid #919b9c;
    padding: 5px;
    background-color: #FCFCFE;
    float: left;
    /*width:568px;*/
    width: 758px;
}

.search, .SResults {
    z-index: 10;
    border: 1px solid #919b9c;
    padding: 5px;
    background-color: #FCFCFE;
    float: left;
    width: 100%;
}

#Document {
    border-top: 1px solid #919b9c;
    margin: 5px;
    overflow: hidden;
}

.sml {
    width: 20px;
}

.med {
    width: 80px;
}

.lrg {
    width: 100px;
}

.xlrg {
    width: 200px;
}

.inum { text-align: right !important; }
.num { text-align: right; }

.centerContent {
    text-align: center;
}

.txtinput {
    width: 70px;
}
.txtinputVRM { width: 90px;}

a:hover, .pointerHover:hover {
    cursor: pointer;
}

tfoot table span {
    font-weight: bold;
}
/*WorkDesc////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.workdesc select {
    width: 400px;
    height: 300px;
    margin: 10px;
}



/*ICME////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.lsticgrp {
    width: 373px;
    height: 200px;
}
/*Custom Job////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.CustJob select {
    width: 700px;
    height: 200px;
}

/*Search Part/Quick Labour////////////////////////////////////////////////////////////////////////////////////////////////*/

.editPart, .editPart2 {
    width: 100%;
    overflow: hidden;
    float: left;
    margin: 4px 0px;
}

    .editPart div, .editPart2 div {
        float: left;
        margin-right: 4px;
    }

span.med {
    border: solid 1px #7F9DB9;
    /*min-width:100px;*/
    display: block;
    width: 95%;
    height: 17px;
}

/*Search Document and Discounts/////////////////////////////////////////////////////////////////////////////////////////////*/
.search {
    float: left;
}

    .search div {
        /*padding: 0px 0px 5px 0px;*/
    }

        .search div.schsub {
            padding: 0px 0px 5px 0px;
        }

.Results .SResults {
    margin: 5px 0 0 0;
    /*xpadding:5px;*/
    border-top: 1px solid #919b9c;
}

.Results table tbody td, .Results table thead th, .disc table tbody td, .disc table thead th {
    border-width: 1px;
    padding: 2px;
    border-style: inset;
    border-color: gray;
    /*background-color: white;*/
}

.red {
    color: #ffffff;
    background-color: #FF5B5E;
}

.yellow {
    background-color: yellow;
}

.green {
    color: green;
}
.orange { color: orange;}

.discounts {
    float: left;
    width: 758px;
}

.Results tfoot table td, .disc tfoot table td {
    border-width: 0px;
    padding: 2px;
}

.disc thead th {
    text-align: left;
}

    .disc thead th + th + th, .disc tbody td + td + td, .disc tbody td + td + td input {
        text-align: right;
        width: 50px;
    }

.disc .btns3d {
    position: relative;
    left: 467px;
    width: 150px;
}

.disc .disc1 div {
    float: left;
}

.disc .disc1 {
    width: 100%;
}

.disc1 thead tr {
    background: #CCC;
    background: url(../images/grid3-hrow.gif);
}

.mdisc {
    float: left;
    width: 60%;
}

    .mdisc td + td input {
        text-align: right;
        width: 50px;
    }

.disctot {
    float: left;
}

    .disctot th {
        font-weight: bold;
        padding: 0 0 2px 15px;
    }

        .disctot th + th, .disctot td + td {
            text-align: right;
        }


/*Document table////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.docEd {
    width: 40px;
    text-align: right;
}

table.doc {
    /*border-width: 1px;
	border-spacing: 0px;
	border-style: outset;
	border-color: gray;*/
    border-collapse: collapse;
    background-color: #FCFCFE;
    /*width:100%;*/
}

    table.doc th {
        /*border-width: 1px;
	border-style: inset;
	border-color: gray;
	background-color: #eee;*/
        padding: 2px;
        padding-left: 0px;
        -moz-border-radius: 0px;
        text-align: left;
    }

    table.doc td {
        /*border-width: 1px;
	border-style: inset;
	border-color: gray;*/
        padding: 2px;
        -moz-border-radius: 0px;
        vertical-align: top;
    }

    table.doc .c1 {
        width: 100px;
    }

    table.doc .c2 {
        width: 280px;
    }

    table.doc .c3 {
        text-align: right;
        width: 50px;
    }

    table.doc .c4 {
        text-align: right;
        width: 50px;
    }

    table.doc .c5 {
        text-align: right;
        width: 50px;
    }

    table.doc .c6 {
        text-align: right;
        width: 50px;
    }

    table.doc .c7 {
        text-align: right;
        width: 50px;
    }

    table.doc .cIcon {
        width: 84px;
    }

    table.doc .cDelete {
        width: 20px;
    }


        table.doc .cIcon img, table.doc .cDelete img {
            margin: 0px;
            padding: 0px;
            margin-left: 3px;
        }

#Document div {
    width: 100%;
    margin: 3px 0 0 0;
}

#Document .h1 {
    font-weight: bold;
}

    #Document .h1 a {
        /*text-decoration:none;*/
        color: black;
    }

    #Document .h1 span.normalLink {
        font-weight: normal;
    }

        #Document .h1 span.normalLink a {
            /*text-decoration:none;*/
            color: Blue;
        }

#Document div .d1, #Document div .d2 {
    width: 50%;
    float: left;
}

#Document div .d1b {
    width: 25%;
    float: left;
}

#Document div .d2b {
    width: 70%;
    float: left;
}

#Document .b1 {
    width: 100%;
    margin-bottom: 10px;
    float: left;
}

#Document .docScreenHeader td {
    height: 20px;
}

    #Document .docScreenHeader td select {
        border: 0px;
    }

#Document .docScreenHeaderNoHeight td {
    height: auto;
    padding: 0px;
}

/*totals grid*/
#Document .totals {
    /*width:30%;*/
    border-collapse: collapse;
}

    #Document .totals td, #Document .totals th {
        padding: 0px 0px 0px 10px;
    }

    #Document .totals th {
        font-weight: bold;
    }

    #Document .totals td {
        text-align: right;
    }

    #Document .totals .c4, #Document .totals .c6, #Document .totals .c7, #Document .consumables .c4, #Document .consumables .c6, #Document .consumables .c7 {
        text-align: right;
        width: 50px;
        margin: 0px;
        padding: 2px;
    }

    #Document .totals .cIcon {
        width: 112px;
        padding: 0px;
        margin: 0px;
    }

#Document div#DocContentHolder {
    float: left;
    width: 766px;
    display: block;
}

    #Document div#DocContentHolder .h1 {
        float: left;
        width: auto;
        clear: both;
    }

    #Document div#DocContentHolder .b1, #Document div#DocContentHolder .HrsDiv {
        float: left;
        clear: both;
    }

    #Document div#DocContentHolder .HrsDiv {
        text-align: left;
        width: 300px;
    }

    #Document div#DocContentHolder .totals {
        width: auto;
        clear: both;
        text-align: right;
        overflow: hidden;
    }

        #Document div#DocContentHolder .totals table {
            float: none;
            float: right;
        }

#DocumentReminders .AlertScheduled {
    background-image: url('../Images/bulletin.png');
    background-repeat: no-repeat;
    background-color: transparent;
    border: 0px;
    height: 16px;
    width: 16px;
}

#DocumentReminders .InformScheduled {
    background-image: url('../Images/email.png');    
    background-repeat: no-repeat;
    background-color: transparent;
    border: 0px;
    height: 16px;
    width: 16px;
}

#DocumentReminders .AlertScheduled:hover, #DocumentReminders .InformScheduled:hover {
    cursor: pointer;
}

/*Sliding Panel////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.dhtmlgoodies_question a,
.dhtmlgoodies_question_active a {
    text-decoration: none;
    /*font-weight: bold;	*/
    /*height: 24px;*/
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 16px;
}

    .dhtmlgoodies_question a:link,
    .dhtmlgoodies_question a:visited {
        color: #15428B;
        display: block;
        background: url(../images/menu3.png);
        padding: 2px 0 4px 10px;
    }

    .dhtmlgoodies_question_active a:link,
    .dhtmlgoodies_question_active a:visited {
        color: black;
        display: block;
        background: url(../images/menu3.png) 0 -48px;
        padding: 2px 0 4px 10px;
    }

    .dhtmlgoodies_question a:hover,
    .dhtmlgoodies_question_active a:hover {
        color: black;
        background: url(../images/menu3.png) 0 -24px;
        padding: 2px 0 4px 10px;
    }

.dhtmlgoodies_answer {
    visibility: hidden;
    height: 0px;
    overflow: hidden;
    position: relative;
    background-color: #FCFCFE;
    border: 1px solid #ADADAD;
}

.dhtmlgoodies_answer_content { /* Content that is slided down */
    padding: 5px;
    position: relative;
}

/*To ensure popups stay on top*/
.ui-front {
    z-index: 99999;
}

/*ticker////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

div#hold {
    /*display:none;*/
    position: absolute;
    width: 600px;
    height: 20px;
    top: 40px;
    left: 250px;
    z-index: 1000;
}

div#wn {
    position: absolute;
    left: 0;
    top: 0;
    width: 600px;
    height: 20px;
    z-index: 1;
    clip: rect(0, 600px, 40px, 0);
    overflow: hidden;
}

div#cnt {
    position: absolute;
    z-index: 1;
}

/* width of table = number of items * scroller width 
   Setting width on table and width and height on table cell needed
   for this example because images vary in size and don't fill scroller space
*/
table#imgTbl {
    width: 2400px;
}

    table#imgTbl td {
        width: 600px;
        height: 20px;
        color: white;
        vertical-align: middle;
    }
/*ImageView//////////////////////////////*/
.ImageView {
    text-align: center;
}

    .ImageView div.ImageHeader {
        text-align: center;
        font-size: x-large;
    }

/*editable select////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.selectBoxArrow {
    margin-top: 1px;
    float: left;
    position: absolute;
    right: 1px;
}

.selectBoxInput {
    border: 0px;
    padding-left: 1px;
    height: 16px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.selectBox {
    border: 1px solid #7f9db9;
    height: 20px;
}

.selectBoxOptionContainer {
    position: absolute;
    border: 1px solid #7f9db9;
    height: 100px;
    background-color: #FFF;
    left: -1px;
    top: 20px;
    visibility: hidden;
    overflow: auto;
}

.selectBoxAnOption {
    font-family: arial;
    font-size: 12px;
    cursor: default;
    margin: 1px;
    overflow: hidden;
    white-space: nowrap;
}

.selectBoxIframe {
    position: absolute;
    background-color: #FFF;
    border: 0px;
    z-index: 999;
}

.InfoBar {
    background-color: #ffff80;
    color: Red;
    text-align: center;
}

    .InfoBar p {
        width: auto;
        margin: 0px;
        padding: 0px;
        text-align: left;
    }

    .InfoBar span {
        font-weight: bold;
    }

    .InfoBar .btns3d {
        width: 100%;
    }

.btnDocHolder input {
    /*margin: 0 2px 0 0;*/
}

/*crm////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.CrmLab {
    float: left;
    width: 100px;
}

/*labour times css*/
.ltgrdviewcol1 {
    width: 350px;
}

.ltgrdviewcol2 {
    width: 100px;
}

.ltgrdview2col1 {
    width: 450px;
}

.ltgrdviewimg {
    text-align: right;
    width: 20px;
}

div.SplitInvoiceCust {
    border: solid 1px #919b9c;
    width: 360px;
    padding: 5px;
}


a.h1Bold {
    color: #007021;
    font-weight: bold;
}

.TechData {
    float: left;
    width: 968px;
    padding: 16px;
}

    .TechData ul {
        list-style-type: none;
        width: auto;
        float: left;
        margin: 0px;
        padding: 0px;
        background-color: #333333;
        width: 968px;
        width: 690px;
    }

        .TechData ul li {
            list-style-type: none;
            list-style-position: outside;
            list-style-image: none;
            width: 135px;
            float: left;
            display: block;
            border-width: 1px 2px 2px 1px;
            border-style: solid;
            /*
    border-color:  rgb(221, 221, 221)  rgb(153, 153, 153) rgb(153, 153, 153) rgb(221, 221, 221); 
    */
            border-color: #dddddd #999999 #999999 #dddddd;
            margin: 0px;
        }

            .TechData ul li img {
                padding: 4px 0 0 5px;
                float: left;
            }

            .TechData ul li div.TechDatabutton {
                margin: 4px 0 0 5px;
                height: 22px;
                width: 22px;
                float: left;
            }

            .TechData ul li a {
                padding: 0px;
                width: 108px;
                height: 28px;
                text-align: center;
                color: rgb(255, 255, 255);
                line-height: 25px;
                font-weight: bold;
                text-decoration: none;
                float: left;
                display: inline;
                font-family: segoe ui, Arial, sans-serif;
            }

                .TechData ul li a:hover {
                    color: rgb(220, 187, 40);
                }

                .TechData ul li a.disabledWL {
                    color: #999999;
                    cursor: default;
                }

    .TechData div.button_adjustments {
        background-image: url(../Images/techdata_adjustments.png);
    }

    .TechData div.button_drawings {
        background-image: url(../Images/techdata_drawings.png);
    }

    .TechData div.button_engine_locations {
        background-image: url(../Images/techdata_engine_locations.png);
    }

    .TechData div.button_eobd_locations {
        background-image: url(../Images/techdata_eobd_locations.png);
    }

    .TechData div.button_fuse_locations {
        background-image: url(../Images/techdata_fuse_locations.png);
    }

    .TechData div.button_lubricants {
        background-image: url(../Images/techdata_lubricants.png);
    }

    .TechData div.button_management {
        background-image: url(../Images/techdata_management.png);
    }

    .TechData div.button_stories {
        background-image: url(../Images/techdata_stories.png);
    }

    .TechData div.button_vesa_engine {
        background-image: url(../Images/techdata_vesa_engine.png);
    }

    .TechData div.button_wiring_diagrams {
        background-image: url(../Images/techdata_wiring_diagrams.png);
    }

    .TechData div.TechDataMenuRight {
        float: right;
        padding: 6px;
        width: 260px;
        background-color: #333333;
        text-align: right;
        text-align: center;
        border-width: 1px 2px 2px 1px;
        border-style: solid;
        border-color: #dddddd #999999 #999999 #dddddd;
    }

        .TechData div.TechDataMenuRight a {
            color: #FFFFFF;
        }

.TechDataLanding {
    padding: 5px;
    float: left;
    width: 990px;
}

.TechDataLandingText {
    float: left;
    width: 620px;
}

.TechDataHeaderBar {
    height: 29px;
    width: 620px;
    background-repeat: no-repeat;
    background-image: url(../Images/Techdata_title.png);
}

.TechDataVehicleImage {
    border: 1px solid #333333;
    padding: 20px;
    float: right;
    background-color: #FFFFFF;
}

div.NotifyBar {
    background-color: #ed1b2e;
    z-index: 20000;
    position: absolute;
    width: 99%;
    top: 0px;
    left: 0px;
    padding: 5px 0 5px 0;
    width: 100%;
}

    div.NotifyBar p {
        padding: 0px;
        /*padding-left:5px;*/
        margin: 0px;
        float: left;
        width: 100%;
        color: #FFFFFF;
    }

        div.NotifyBar p span {
            margin-left: 5px;
            display: block;
        }

        div.NotifyBar p a {
            color: #FFFFFF;
        }

        div.NotifyBar p input {
            float: right;
            margin-right: 5px;
            margin-left: 5px;
        }

div.NotifyBarOnlineBooking p {
    text-align: center;
    font-weight: bold;
}

    div.NotifyBarOnlineBooking p a {
        text-decoration: none;
    }

div.NotifyBarDocument {
    z-index: auto;
    position: relative;
    width: 100%;
    top: auto;
    left: auto;
    display: block;
    float: left;
}

    div.NotifyBarDocument p {
        text-align: center;
        font-weight: bold;
    }

        div.NotifyBarDocument p a {
            text-decoration: none;
        }

div.NotifyBarCompMode {
    background-color: #F8DD4E;
    text-align: center;
    padding: 5px;
}

    div.NotifyBarCompMode a {
        color: #000000;
    }

    div.NotifyBarCompMode input {
        float: right;
        position: relative;
        top: -20px;
    }

/*Gray background of assign row when move in operation*/
.GrayAssignOnMove {
    color: lightgray;
}
/*Timeslot grid statuses*/
.bsbooked {
    background-color: white;
}

.bsno {
    background-color: #FF8080; /*lightpink;*/
}

.bsmonthblocked {
    background-color: #FF8080; /*crimson;*/
}

.bsdayblocked {
    background-color: #FF8080; /*red;*/
}

.bstimeblocked {
    background-color: #FF8080; /*orangered;*/
}

.bsyes {
    background-color: white;
}

.bsyesandonline {
    background-color: #F9EFA8; /*yellow;*/
}
/* unknown below are included for completeness only as one of the other statuses should be set*/
.bsunknownblocked {
    background-color: lightyellow;
}
/* unknown below are included for completeness only as one of the other statuses should be set*/
.bsunknown {
    background-color: yellow;
}

.box-table-a {
    /*font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size: 12px;*/
    width: 100%;
    /*text-align: left;*/
    border-collapse: collapse;
    margin-left: 0px; /*margin: 20px;*/
    border: 1px solid #d3d3d3;
}

    .box-table-a th {
        color: black;
        font-size: 11px;
        font-weight: bold;
        background: #d3d3d3;
        border-top: 4px solid #d3d3d3;
        border-bottom: 1px solid #fff;
        text-align: left;
        padding: 4px;
    }

    .box-table-a td {
        /*background: #e8edff;*/
        font-weight: normal;
        border-bottom: 1px solid #d3d3d3;
        /*border-left: 1px solid #d3d3d3;
border-right: 1px solid #d3d3d3;*/
        /*color: #669;*/
        border-top: 1px solid transparent;
        padding: 4px;
    }

.ui-datepicker-calendar .ui-state-active {
    background: none;
    background-color: #FFFFFF;
    color: #212121;
}

#bodywrapper {
    /*overflow-y: scroll;*/
    height: 100%;
    display: block;
}
/* ui-dialog to position:fixed??*/
.awolfixed {
    position: fixed;
}

.ui-dialog-content {
    font-size: 93%;
}

/*Main container*/
.colpick {
    position: absolute;
    width: 346px;
    height: 170px;
    overflow: hidden;
    display: none;
    font-family: Arial, Helvetica, sans-serif;
    background: #ebebeb;
    border: 1px solid #bbb;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /*Prevents selecting text when dragging the selectors*/
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
/*Color selection box with gradients*/
.colpick_color {
    position: absolute;
    left: 7px;
    top: 7px;
    width: 156px;
    height: 156px;
    overflow: hidden;
    outline: 1px solid #aaa;
    cursor: crosshair;
}

.colpick_color_overlay1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 156px;
    height: 156px;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff')"; /* IE8 */
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff'); /* IE6 & IE7 */
}

.colpick_color_overlay2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 156px;
    height: 156px;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000', endColorstr='#000000')"; /* IE8 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
/*Circular color selector*/
.colpick_selector_outer {
    background: none;
    position: absolute;
    width: 11px;
    height: 11px;
    margin: -6px 0 0 -6px;
    border: 1px solid black;
    border-radius: 50%;
}

.colpick_selector_inner {
    position: absolute;
    width: 9px;
    height: 9px;
    border: 1px solid white;
    border-radius: 50%;
}
/*Vertical hue bar*/
.colpick_hue {
    position: absolute;
    top: 6px;
    left: 175px;
    width: 19px;
    height: 156px;
    border: 1px solid #aaa;
    cursor: n-resize;
}
/*Hue bar sliding indicator*/
.colpick_hue_arrs {
    position: absolute;
    left: -8px;
    width: 35px;
    height: 7px;
    margin: -7px 0 0 0;
}

.colpick_hue_larr {
    position: absolute;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 7px solid #858585;
}

.colpick_hue_rarr {
    position: absolute;
    right: 0;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 7px solid #858585;
}
/*New color box*/
.colpick_new_color {
    position: absolute;
    left: 207px;
    top: 6px;
    width: 60px;
    height: 27px;
    background: #f00;
    border: 1px solid #8f8f8f;
}
/*Current color box*/
.colpick_current_color {
    position: absolute;
    left: 277px;
    top: 6px;
    width: 60px;
    height: 27px;
    background: #f00;
    border: 1px solid #8f8f8f;
}
/*Input field containers*/
.colpick_field, .colpick_hex_field {
    position: absolute;
    height: 20px;
    width: 60px;
    overflow: hidden;
    background: #f3f3f3;
    color: #b8b8b8;
    font-size: 12px;
    border: 1px solid #bdbdbd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.colpick_rgb_r {
    top: 40px;
    left: 207px;
}

.colpick_rgb_g {
    top: 67px;
    left: 207px;
}

.colpick_rgb_b {
    top: 94px;
    left: 207px;
}

.colpick_hsb_h {
    top: 40px;
    left: 277px;
}

.colpick_hsb_s {
    top: 67px;
    left: 277px;
}

.colpick_hsb_b {
    top: 94px;
    left: 277px;
}

.colpick_hex_field {
    width: 68px;
    left: 207px;
    top: 121px;
}
/*Text field container on focus*/
.colpick_focus {
    border-color: #999;
}
/*Field label container*/
.colpick_field_letter {
    position: absolute;
    width: 12px;
    height: 20px;
    line-height: 20px;
    padding-left: 4px;
    background: #efefef;
    border-right: 1px solid #bdbdbd;
    font-weight: bold;
    color: #777;
}
/*Text inputs*/
.colpick_field input, .colpick_hex_field input {
    position: absolute;
    right: 11px;
    margin: 0;
    padding: 0;
    height: 20px;
    line-height: 20px;
    background: transparent;
    border: none;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #555;
    text-align: right;
    outline: none;
}

.colpick_hex_field input {
    right: 4px;
}
/*Field up/down arrows*/
.colpick_field_arrs {
    position: absolute;
    top: 0;
    right: 0;
    width: 9px;
    height: 21px;
    cursor: n-resize;
}

.colpick_field_uarr {
    position: absolute;
    top: 5px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #959595;
}

.colpick_field_darr {
    position: absolute;
    bottom: 5px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #959595;
}
/*Submit/Select button*/
.colpick_submit {
    position: absolute;
    left: 207px;
    top: 149px;
    width: 130px;
    height: 22px;
    line-height: 22px;
    background: #efefef;
    text-align: center;
    color: #555;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #bdbdbd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .colpick_submit:hover {
        background: #f3f3f3;
        border-color: #999;
        cursor: pointer;
    }

/*full layout with no submit button*/
.colpick_full_ns .colpick_submit, .colpick_full_ns .colpick_current_color {
    display: none;
}

.colpick_full_ns .colpick_new_color {
    width: 130px;
    height: 25px;
}

.colpick_full_ns .colpick_rgb_r, .colpick_full_ns .colpick_hsb_h {
    top: 42px;
}

.colpick_full_ns .colpick_rgb_g, .colpick_full_ns .colpick_hsb_s {
    top: 73px;
}

.colpick_full_ns .colpick_rgb_b, .colpick_full_ns .colpick_hsb_b {
    top: 104px;
}

.colpick_full_ns .colpick_hex_field {
    top: 135px;
}

/*rgbhex layout*/
.colpick_rgbhex .colpick_hsb_h, .colpick_rgbhex .colpick_hsb_s, .colpick_rgbhex .colpick_hsb_b {
    display: none;
}

.colpick_rgbhex {
    width: 282px;
}

    .colpick_rgbhex .colpick_field, .colpick_rgbhex .colpick_submit {
        width: 68px;
    }

    .colpick_rgbhex .colpick_new_color {
        width: 34px;
        border-right: none;
    }

    .colpick_rgbhex .colpick_current_color {
        width: 34px;
        left: 240px;
        border-left: none;
    }

/*rgbhex layout, no submit button*/
.colpick_rgbhex_ns .colpick_submit, .colpick_rgbhex_ns .colpick_current_color {
    display: none;
}

.colpick_rgbhex_ns .colpick_new_color {
    width: 68px;
    border: 1px solid #8f8f8f;
}

.colpick_rgbhex_ns .colpick_rgb_r {
    top: 42px;
}

.colpick_rgbhex_ns .colpick_rgb_g {
    top: 73px;
}

.colpick_rgbhex_ns .colpick_rgb_b {
    top: 104px;
}

.colpick_rgbhex_ns .colpick_hex_field {
    top: 135px;
}

/*hex layout*/
.colpick_hex .colpick_hsb_h, .colpick_hex .colpick_hsb_s, .colpick_hex .colpick_hsb_b, .colpick_hex .colpick_rgb_r, .colpick_hex .colpick_rgb_g, .colpick_hex .colpick_rgb_b {
    display: none;
}

.colpick_hex {
    width: 206px;
    height: 201px;
}

    .colpick_hex .colpick_hex_field {
        width: 72px;
        height: 25px;
        top: 168px;
        left: 80px;
    }

        .colpick_hex .colpick_hex_field div, .colpick_hex .colpick_hex_field input {
            height: 25px;
            line-height: 25px;
        }

    .colpick_hex .colpick_new_color {
        left: 9px;
        top: 168px;
        width: 30px;
        border-right: none;
    }

    .colpick_hex .colpick_current_color {
        left: 39px;
        top: 168px;
        width: 30px;
        border-left: none;
    }

    .colpick_hex .colpick_submit {
        left: 164px;
        top: 168px;
        width: 30px;
        height: 25px;
        line-height: 25px;
    }

/*hex layout, no submit button*/
.colpick_hex_ns .colpick_submit, .colpick_hex_ns .colpick_current_color {
    display: none;
}

.colpick_hex_ns .colpick_hex_field {
    width: 80px;
}

.colpick_hex_ns .colpick_new_color {
    width: 60px;
    border: 1px solid #8f8f8f;
}

/*Dark color scheme*/
.colpick_dark {
    background: #161616;
    border-color: #2a2a2a;
}

    .colpick_dark .colpick_color {
        outline-color: #333;
    }

    .colpick_dark .colpick_hue {
        border-color: #555;
    }

    .colpick_dark .colpick_field, .colpick_dark .colpick_hex_field {
        background: #101010;
        border-color: #2d2d2d;
    }

    .colpick_dark .colpick_field_letter {
        background: #131313;
        border-color: #2d2d2d;
        color: #696969;
    }

    .colpick_dark .colpick_field input, .colpick_dark .colpick_hex_field input {
        color: #7a7a7a;
    }

    .colpick_dark .colpick_field_uarr {
        border-bottom-color: #696969;
    }

    .colpick_dark .colpick_field_darr {
        border-top-color: #696969;
    }

    .colpick_dark .colpick_focus {
        border-color: #444;
    }

    .colpick_dark .colpick_submit {
        background: #131313;
        border-color: #2d2d2d;
        color: #7a7a7a;
    }

        .colpick_dark .colpick_submit:hover {
            background-color: #101010;
            border-color: #444;
        }

.awolcolpicker {
    width: 300px;
    Padding: 0px;
    margin-top: 0px;
}

    .awolcolpicker li {
        list-style-type: none;
        margin: 0px !important;
    }

.selectedcolour {
    width: 35px;
}

.selectedcolourclick {
    background: #000000 url(Images/select_arrow.gif) no-repeat 4px 4px;
    padding: 0px 0px 0px 50px;
    height: 16px;
    border: 1px solid black;
}

#picker {
    width: 70px;
    height: 15px;
    border: 1px solid black;
    cursor: pointer;
}

.avcolour {
    width: 70px;
    height: 15px;
    border: 1px solid black;
    cursor: pointer;
}

.closepicker {
    width: 70px;
    text-align: center;
    height: 15px;
    border: 1px solid black;
    margin-bottom: 2px;
    cursor: pointer;
}

.colcontainer {
    position: relative;
    float: left;
    height: 16px;
    border: 1px;
    margin-top: 0px;
    margin-left: 1px;
    padding: 0px;
    width: 250px;
    z-index: 500;
}

.awolcolpicker li ul {
    padding: 0px;
    position: relative;
}

.no-close .ui-dialog-titlebar-close {
    display: none;
}

select:focus::-ms-value {
    background: transparent;
    color: #000000;
}

.hidden {
    display: none;
}

.blockDisplay {
    display: block;
}

.txtalert {
    color: red;
    font-weight: bold;
}

/* EB Case 00565790 */
.slgrid .colc1, .plgrid .colc1 {
    width: 90px;
}

.slgrid .colc2, .plgrid .colc2 {
    width: 40px;
}

.slgrid .colc3, .plgrid .colc3 {
    width: 80px;
}

.slgrid .colc4, .plgrid .colc4 {
    width: 135px;
}

.slgrid .colc5, .plgrid .colc5 {
    width: 75px;
    text-align: center;
}

.slgrid .colc6, .plgrid .colc6 {
    width: 50px;
}

.slgrid .colc7, .plgrid .colc7 {
    width: 30px;
}

.slgrid .colc8, .plgrid .colc8 {
    width: 115px;
}

.slgrid .coln1, .plgrid .coln1 {
    width: 60px;
    text-align: right;
}

.abgrid .colc1 {
    width: 90px;
}

.abgrid .colc2 {
    width: 185px;
    white-space: pre-wrap;
}

.abgrid .colc3 {
    width: 75px;
    text-align: right;
    white-space: pre-wrap;
}

/* EB Case 00565790 */

.gvDeferredJobs {
    height: 380px;
}

.lblDeferredJobs {
    vertical-align: bottom;
    cursor: pointer;
    margin-left: -4px;
}

.depositsLink {
    text-decoration: none;
    cursor: pointer;
}

.qbonotconnected {
    font-size: 110%;
    padding-top: 5px;
}


/* Point of Sale */
.POSEnabledInfo {
    float: right;
    padding-top: 5px;
    padding-right: 18px;
    color: #2a2929;
}

.POSEnabledInfo2 {
    display: inline-block;
    margin: 50px 1px 0px 2px;
    float: right;
    color: #2a2929;
}
/*Radius*/
.rounded-4 {border-radius:4px !important;}

.inline-block {
    display: inline-block;
}

.table-row {
    display: table-row;
}

.xxs-br {
    display: block;
    padding-top: 1px;
    clear: both;
}
.xxs1-br {
    display: block;
    padding-top: 2px;
    clear: both;
}
.xs-br {
    display: block;
    padding-top: 5px;
    clear: both;
}

.sm-br {
    display: block;
    padding-top: 10px;
    clear: both;
}

.md-br {
    display: block;
    padding-top: 18px;
    clear: both;
}

.lg-br {
    display: block;
    padding-top: 22px;
    clear: both;
}

.xl-br {
    display: block;
    padding-top: 30px;
    clear: both;
}

.br-25 {
    display: block;
    padding-top: 25px;
    clear: both;
}

.br-15 {
    display: block;
    padding-top: 15px;
    clear: both;
}

.position-absolute {
    position: absolute;
}

.left-20 {
    left:20px;
}

.sto #DTCLinesHolder {
    height: 350px;
}

.stdpage h3 {
    padding-left: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    display: none;
}

.lbdefaultStatus {
    margin: -3px 0 12px 0;
    font-size: 12px;
    font-weight: bold;
    display: block;
    clear: both;
}

.no-display {
    display: none;
}
.block-display {
    display: block;
}
.overflow-y-auto {
    overflow-y: auto;
}

.mxh-300 { max-height: 300px;}

.mnw-60 { min-width: 60px; }
.mnw-62 { min-width: 62px; }
.mnw-75 { min-width: 75px; }
.mnw-100 { min-width: 100px; }
.mnw-120 { min-width: 120px; }
.mnw-150 { min-width: 150px; }
.mnw-180 { min-width: 180px; }
.mnw-220 { min-width: 220px; }
.mnw-250 { min-width: 250px; }
.mnw-750 { min-width: 750px; }

.mnw-49p { min-width: 49%; }

.mxw-100 { max-width: 100px; }
.mxw-140 { max-width: 140px; }
.mxw-160 { max-width: 160px; }
.mxw-180 { max-width: 180px; }
.mxw-200 { max-width: 200px; }
.mxw-240 { max-width: 240px; }
.mxw-600 { max-width: 600px; }

.word-wrap-break {
    word-wrap:break-word;
}

#TimeEntryData table tr td {
    padding-right: 10px;
}

#TimeEntryData table tr.odd {
    background-color: #FAFAFA;
}

#TimeEntryData .name {
    width: auto;
    max-width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#TimeEntryData .qpip {
    max-height: 340px;
}

.no-space-left, .no-space-left input {
    padding-left: 0;
    margin-left: 0;
}

.truncate {
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#lockedBanner {
    background-color: #ffff80;
    color: red;
    min-height: 30px;
}

    #lockedBanner p {
        padding: 10px;
        font-size: 12px;
    }

.cblTitles {
    background-color: #F5F3E5 !important;
    width: 100%;
}

    .cblTitles td {
        border-bottom: 1px solid #D8D0B6 !important;
        width: 100%;
        height: 16px;
        margin-bottom: 0px;
        margin-top: 0px;
        padding-bottom: inherit;
    }


        .cblTitles td label {
            margin-left: 10px;
        }

        .cblTitles td input {
            width: 12px;
            height: 12px;
            float: right !important;
            margin-right: 8px;
        }

#ORDocument {
    width: 1000px;
}

.border
{
    border: solid 1px gray;
}

.warning {
    color: red;
}

.main-content-form-layout
{
 	text-align: left;
	vertical-align:top;
    width: 100%;
    padding: 2px 0px 2px 0px;
}

.main-content-form-layout .field, .label
{
    margin-right: 10px;
    display: block;
    float: left;
    margin-bottom: 5px;
    word-wrap: break-word;    
}

/* Clear floating on breaks*/
.main-content-form-layout br
{
    clear: left;
}

.float-left {
    float: left;
}

.float-right-override {
    float: right !important;
}

.margin-right-none {
    margin-right: 0 !important;
}

.padding-right-none {
    padding-right: 0 !important;
}

.main-content-form-layout .textarea, .select
{
    float: left;
    margin-bottom: 5px;
    margin-right: 2px;
}

.main-content-form-layout .field input[type=checkbox] 
{
    margin-left: 0 !important;
    margin-top: 0 !important;
}

.main-content-form-layout .field input[type=radio] 
{
    margin-left: 0 !important;
    margin-top: 0 !important;
}

.tablelayout
{
    display:table!important;
}
.tablelayout-tablerow
{
    display:table-row!important;
}

.tablelayout-fixed
{
    table-layout: fixed;
}

.main-content-column 
{
    float: left;
}

.width100
{
    width: 100px;
}

.width150
{
    width: 150px;
}

.width550
{
    width: 550px;
}

.width200
{
    width: 200px;
}

.width205
{
    width: 205px;
}

.width350
{
    width: 350px;
}

.width300
{
    width: 300px;
}

.width900
{
    width: 900px;
}
.width700
{
    width: 700px;
}

.width715
{
    width: 715px;
}

.width750
{
    width: 750px;
}


.width1000
{
    width: 1000px;
}

.width-fullwidth
{
    width:100%;
}

.width-fullwidth-important {
    width: 100% !important;
}

.height300
{
    height:300px;
}

.small-margin-bottom
{
    margin-bottom:5px;
}

.table-cell-padding-left-small td, 
.table-cell-padding-left-small th
{
    padding-left: 2px;
    padding-right: 2px; /* Needs right as small to compensate! */
}

.table-border-spacing-small
{
    border-spacing: 2px !important;
}

.table-header
{
    background-color: #E0E0E0;  
    height: 30px;
    border-bottom: 1px solid black;
    vertical-align: top; 
}

.table-header-no-border {
	background-color: #E0E0E0;
	height: 30px;
	border: none;
	vertical-align: top;
}

.table-center-fullwidth 
{
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.table-cell-align-text
{
    text-align: left;
}

.table-cell-align-value {
    text-align: right;
}

.table-cell-align-time
{
    text-align: center;
}

.table-cell-align-yesno
{
    text-align: center;
}


.table-cell-align-button
{
    text-align: center;
}

.table-cell-align-selector
{
    text-align: center;
}

.table-row-selector.white, .table-row.white {
    background-color: #ffffff;
}

.table-row-selector, .table-row 
{
    background-color: #f1f2f2;
    height: 18px;
    border-bottom: 1px solid black;
}

.table-row td 
{
     min-height: 19px;
}

.table-row-selector td 
{
     min-height: 19px;
}

.table-row-selected
{
    background-color: #D3E0ED;
}

.table-row-selector:hover 
{
    background-color: #D3E0ED;
    cursor: pointer;
}

.motdiary-unavailable
{
    background-color: #FC9E9C
}

.motdiary-availableonline
{
    background-color:#F9EFA8;
}

.div-table-scroll
{
    width:100%;    
    overflow:auto; 
}

.div-table-scroll-vertical
{    
     overflow-y:auto; 
     overflow-x: hidden;
}

.container-height-250
{
    height:250px;
}

.label
{
    font-weight: bold;
}

.label td
{
    font-weight: bold;
}
 

.label-legend
{
    font-weight: bold;
}
   
.radius-3 {
    border-radius: 3px;
    border: 1px solid #d0d0d0;
}

/* Selectable UL - Styles ul li*/
.selectableULHeader {
    background-color: #EAEAEA;
    height: 22px;
}
.selectableUL {
    width: 99.9%;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 2px;
}

.selectableUL li a {
    font-size: 12px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 10px;
}

.selectableUL li a {
    display:block;
    text-decoration: none;
}

.selectableUL li a:hover, .selectableUL ul li a:focus {
    background-color: #CFCCC6;
}
.selectableULSelected {
    background-color: #CFCCC6;
}

/* End Selectable UL */

.text-left,
tr.text-left th
 {
    text-align: left;
}


table.Table-Hover tr:hover{
    background-color: #CFCCC6;
}

table.Table-Hover tr td {
    border: 0 !important;
}
table.Table-Hover {
    border-bottom: 0 !important;
}

table .alternate-row {
     background-color: #f4f4f4;
}

/* highlight related rows (grouped by tbody) - where data spans more than one row */
table.tbody-hover tbody:hover {
     background-color: #CFCCC6;
}

table td.nowrap {
    white-space: nowrap;
}

table td.expand {
    width: 99%
}

.no-border {
    border: 0 !important;
}

.br-2 {
    border-radius: 2px;
}

.badge {
    display: inline-block;
    min-width: 5px;
    width: 18px;
    padding: 3px 0px 4px 0px;
    font-size: 10px;
    color: #ffffff;
    height: 11px;
    margin-top: 0px;
    line-height: 100%;
    white-space: nowrap;
    text-align: center !Important;
    background-color: #00548e;
    border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn-stnd {
    font-family: Verdana, Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
}

/* tool tip styling*/
.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 100px;
    background-color: white;
    color: black;
    text-align: center;
    border-radius: 10px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 130%;
    left: 0%;
    margin-left: -50px;
    border: 2px solid black;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: 5px;
    border-width: 7px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}


/* Third party table */
#tblThirdParties table tr {
    display: block;
    padding-bottom: 18px;
    clear: both;
}

#tblThirdParties table tr td .thirdPartyImage {
    width: 64px;
    height: 64px;
}

#tblThirdParties table tr td.thirdPartyDesc {
    width: 450px;
}
#tblThirdParties .disconnect {
    color: red;
    font-size: 12px;
}
.va-middle {
    vertical-align: middle;
}

.va-top {
    vertical-align: top; 
}

.refreshButton{
    background: url('../Images/gtk_refresh.png') no-repeat;
    cursor:pointer;
    border: 0;
    height: 20px;
    width: 20px;
    vertical-align: middle;
    margin-left: 5px;
}
/* End Third party table */

.border-simple {
    border-style: solid;
    border-width: 1px;
    border-color: #808080;
}

div.simple-table {
    display: table;
    border-collapse: collapse;
}

div.simple-table-row {
    display: table-row;
}

div.simple-table-cell {
    display: table-cell;
    padding-right: 10px;
}


.jobGroupCategoryRequired 
{
    color: red !important;    
}

.VHCIcon {
    background: url('../Images/application_form_edit.png') no-repeat;
    background-position-x: 30px;
    background-position-y: 3px;
    cursor: pointer;
    border: 0;
}

/* styles for expanded job line text (less/more) */ 
div.jobGroupDataRowCell .toggle .close,
div.jobGroupDataRowCell.opened .toggle .open {
	display: none;
}

div.jobGroupDataRowCell .toggle .opened,
div.jobGroupDataRowCell.opened .toggle .close {
	display: inline;
}

a.default-color:link,
a.default-color:visited
{
    color: #5582cb;
}

tr.border_bottom td {
    border-bottom: 1pt solid #919b9c;
}

tr.border_bottom th {
    border-bottom: 1pt solid #919b9c;
}

/** UpsellPopup **/

.wizardPageTrack {
    position: absolute;
    color: #898989;
    right: 17px;    
}

.cancelWizardButton {
    position: absolute;
    left: 15px;
}

.row {
    width: 100%;
    margin: 4px;
    display: inline-block;
}

.col-3 {
    width: 33.3%;
    float: left;
    margin-top: 6px;
}

.upsell-border {
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;    
    border-radius: 3px;
    padding-top:10px;
    margin-left: 4px;
    margin-right: 4px;
    height: 200px;
    background-color: #f1f1f1;
    text-align:center;
    position:relative;
    width:95%;
}

    .upsell-border:hover {
        border: 1px solid #08549c;
        background-color: #f5f5f5;
        -webkit-box-shadow: 1px 1px 5px 3px rgba(0,0,0,0.30);
        -moz-box-shadow: 1px 1px 5px 3px rgba(0,0,0,0.30);
        box-shadow: 1px 1px 5px 3px rgba(0,0,0,0.30);
    }

.upsell-selected:hover {
    border: 1px solid #08549c;
    background-color: #ffffff;
    -webkit-box-shadow: 1px 1px 5px 3px rgba(0,0,0,0.30);
    -moz-box-shadow: 1px 1px 5px 3px rgba(0,0,0,0.30);
    box-shadow: 1px 1px 5px 3px rgba(0,0,0,0.30);
}

.upsell-border-placeholder {
    border: 2px dashed #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding-top: 10px;
    margin-left: 4px;
    margin-right: 4px;
    height: 198px;
    background-color: #e6e8ed;
    position: relative;
    width: 95%;
    cursor: not-allowed;
}

.upsell-selectionicon {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    background: url('../Images/unselected.png') center no-repeat;
    background-size: contain;
}

.upsell-selected {
    border: 1px solid #08549c;
    background-color: #fafafa;
}
    .upsell-selected .upsell-documentTotalborder {
        border-top: 1px solid #08549c;
    }
        .upsell-selected .upsell-selectionicon {
        width: 40px;
        height: 40px;
        margin: 0 auto;
        background: url('../Images/selected.png') center no-repeat;
        background-size: contain;
    }

.upsellcategoryicon_1 {
    width: 75px;
    height: 20px;
    margin: 0 auto;
    background: url('../Images/star-group-5.png') center no-repeat;
}
.upsellcategoryicon_2 {
    width: 60px;
    height: 20px;
    margin: 0 auto;
    background: url('../Images/star-group-4.png') center no-repeat;
}
.upsellcategoryicon_3 {
    width: 30px;
    height: 20px;
    margin: 0 auto;
    background: url('../Images/star-group-2.png') center no-repeat;
}

.upsell-title{
    color:#02455f;
    font-size:14px;
    font-weight:bold;
}

.upsell-jobgrouptitle{
    color:#070606;
    font-size:13px;
    font-weight:bold;
    padding-left:3px;
    padding-right:3px;
}

.upsell-pricetitle {
    color: #65707E;
    font-size: 14px;
}

.upsell-price {
    color: #1188ce;
    
}
.upsell-documenTotalContainer {
    position: absolute;    
    bottom: 0px;
    width:100%;
    height:30px;
    
}
.upsell-documentTotalborder {
    border-top: 1px solid #ccc;
    height: 100%;
    font-size: 12px;
}
    .upsell-border:hover .upsell-documentTotalborder {
    border-top: 1px solid #08549c;
}
.upsell-documentTotal {
    position: absolute;
    left: 5px;    
    margin-top: 6px;    
}

.upsell-documentTotalValue {
    position: absolute;
    right: 10px;
    margin-top: 6px;
    color: #1188ce;
}
/** End UpsellPopup **/

/** grow font on hover */
.growfont { 
    transition: all .1s; 

}

.growfont:hover { 
    font-weight: bold; 

}
/** end grow font on hover */


.cursor-pointer {
    cursor: pointer;
}

.font_information {
    font-style: italic;
}

.font_information {
    font-style: italic;
}

.font_color_light {
    color:#bbbbbb;
}

.font_weight_normal {
    font-weight: normal;
}

.border_fieldset_light {
    border: 1pt solid #e9e8ea;
}

.minHeight500 {
    min-height: 500px;
}

.b-1 {
    border-width: 1px;
}

.b-solid {
    border-style: solid;
}

.b-orange {
    border-color: #f58426;
}

.mh-40 {
    max-height: 40px;
}

.mw-40 {
    max-width: 40px;
}

#tblReturnsNote
{
    overflow-y:auto;
    height:250px;
}

.text-center {
    text-align:center;
}

.cursor-disabled {
    cursor: not-allowed;
}

.stock-Warning{background-color:yellow;}
.stock-Alert{background-color:red;}
.price-Warning {background-color: red;}
.bg-none {
    background: none;
}

.bg-grey {
    background-color: #f4f4f4;
}

.bg-orange {
    background-color: #f58426;
}

.f-white {
    color: white;
}

.f-grey {
    color: #4d4d4f;
}

.technicalNoInfoMessage {
    color: red;
    font-weight: bold;
    margin-top: 2px
}
.technicalNoDataMessage {
    color: red;
    font-weight: bold;
    padding-top: 65px
}


/*.ui-widget-header {background:#2a9142}*/

.ui-dialog .sto{
    float:none;
}
.ui-dialog .editPart2{
    float:none;
}
/*.sto sti thead th{
    padding: 5px 5px;
}*/
#divQuickLabourPopup .psi{
    width:774px;
}
/*
#divQuickLabourPopup .psi th {
    padding-left:2px !important;
}
    */
#divQuickLabourPopup .ld1{
    width:380px;
}
#divQuickLabourPopup .d1{
    width:200px;
}

.myPartsSearch th {
    padding-left:0px !important;
}

/*divQuickLabourPopup wants to have height of approx 515px inline?*/
#divQjiDescPopup .c2{
    width:560px;
}

#divQjiDescPopup .wd1{
    width:773px;
}
#divQuickPartsPopup .qpip2{
    width:770px;
    margin-left:2px;
    margin-top:2px;
}
/* #divQuickPartsPopup table gv border="0" inline*/

.ui-state-default[disabled],
.ui-widget-content[disabled] .ui-state-default[disabled],
.ui-widget-header[disabled] .ui-state-default[disabled]  {
opacity: 0.6;
cursor: default !important;
}



.StockMove th{
    padding-left:4px !important;
}

.tblPartAudit tbody td {
    padding-right:2px !important;
}
    
.ledger th{
    padding-left:3px !important;
}

.tblQuickLabourSearch th , .tblQuickLabour th{
padding-left:2px!important;
}

.tblDocSearch th {
    padding-left:2px!important;
}

.LedgerPayments th {
    padding-left:2px!important;
}

.tblCustomJobAnalysis th {
    padding-right:0px!important;
}