﻿html, body 
{
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	overflow: hidden; 
}

body
{
	background-color: #777;
	color: #000;
} 

#x-desktop {
	width: 100%;
	height: 100%;
	border: 0 none;
	position: relative;
	overflow: hidden;
	zoom: 1;
}

a: link
{
	color: #000;
	text-decoration: underline;
}
a: visited
{
	color: #000;
}
a: hover
{
	color: #337;
	text-decoration: none;
}
a: active
{
	color: #000;
}

/* MISC  
----------------------------------------------------------*/
.clear
{
	clear: both;
}

.error
{
	color: Red;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
	color: #f33;
}

.field-validation-valid
{
	display: none;
}

.input-validation-error
{
	border: 1px solid #f33;
	background-color: #fee;
}

.validation-summary-errors
{
	font-weight: bold;
	color: #f33;
}

.validation-summary-valid
{
	display: none;
}

/* Styles for taskbar at bottom of 'desktop' */
#ux-taskbar button {
	text-align: left;
	color: #ffffff;
}

.x-btn-text-icon .x-btn-center .logout {
	background-position:0pt 3px;
	background-repeat:no-repeat;
	padding:3px 0pt 3px 18px;
}

#ux-taskbar {
	background:transparent none;
	height:30px;
	margin:0;
	padding:0;
	position:relative;
	z-index:12001;
}

.x-btn-icon .ux-taskbutton-center .x-btn-text {
	background-position: center;
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
	cursor:pointer;
	white-space: nowrap;
	padding:0;
}
.x-btn-icon .ux-taskbutton-center {
	padding:1px;
}

.x-btn-text-icon .ux-taskbutton-center .x-btn-text {
	background-position: 0 6px;
	background-repeat: no-repeat;
	padding:7px 0px 7px 20px;
}

.x-btn-text-icon .ux-startbutton-center .x-btn-text {
	background-position: 0 4px;
	background-repeat: no-repeat;
	color:#000000 !important;
	font-weight:bold;
	padding:7px 0px 7px 28px;
}

.ux-taskbutton-left, .ux-taskbutton-right{
	font-size:1px;
	line-height:1px;
}
.ux-taskbutton-left{
	width:4px;
	height:28px;
	background:url( images/taskbar/black/taskbutton.gif ) no-repeat 0 0;
}
.ux-taskbutton-right{
	width:4px;
	height:28px;
	background:url( images/taskbar/black/taskbutton.gif ) no-repeat 0 -28px;
}
.ux-taskbutton-left i, .ux-taskbutton-right i{
	display:block;
	width:4px;
	overflow:hidden;
	font-size:1px;
	line-height:1px;
}
.ux-taskbutton-center{
	background:url( images/taskbar/black/taskbutton.gif ) repeat-x 0 -56px;
	vertical-align: middle;
	text-align:center;
	padding:0 5px;
	cursor:pointer;
	white-space:nowrap;
}

#ux-taskbar .ux-taskbutton-left{
	background-position:0 0;
}
#ux-taskbar .ux-taskbutton-right{
	background-position:0 -28px;
}
#ux-taskbar .ux-taskbutton-center{
	background-position:0 -56px;
}

#ux-taskbar .x-btn-over .ux-taskbutton-left{
	background-position:0 -252px;
}
#ux-taskbar .x-btn-over  .ux-taskbutton-right{
	background-position:0 -280px;
}
#ux-taskbar .x-btn-over .ux-taskbutton-center{
	background-position:0 -308px;
}

#ux-taskbar .x-btn-click .ux-taskbutton-left{
	background-position:0 -168px;
}
#ux-taskbar .x-btn-click  .ux-taskbutton-right{
	background-position:0 -196px;
}
#ux-taskbar .x-btn-click .ux-taskbutton-center{
	background-position:0 -224px;
}

#ux-taskbar .active-win .ux-taskbutton-left{
	background-position:0 -84px;
}
#ux-taskbar .active-win  .ux-taskbutton-right{
	background:url( images/taskbar/black/taskbutton.gif ) no-repeat 0 -112px;
}
#ux-taskbar .active-win .ux-taskbutton-center{
	background:url( images/taskbar/black/taskbutton.gif ) repeat-x 0 -140px;
}
#ux-taskbar .active-win .ux-taskbutton-center button {
	color:#fff;
}

#spacer {
	height: 25px;
	float: left;
	width: 0;
	overflow: hidden;
	margin-top: 2px;
}

#ux-taskbar-start {
	background:#000000 url( images/taskbar/black/taskbar-start-panel-bg.gif ) repeat-x left top;
	left:0px;
	padding:0;
	position:absolute;
}

#ux-taskbar-start .x-toolbar {
	background: none;
	padding:0px;
	border:0px none;
}

#ux-taskbuttons-panel {
	background:#000000 url( images/taskbar/black/taskbuttons-panel-bg.gif ) repeat-x left top;
	padding-top:0;
	position:relative;
}

.ux-taskbuttons-strip-wrap {
	/* overflow:hidden;
	position:relative;
	width:100%; */

	width:100%;
	overflow:hidden;
	position:relative;
	zoom:1;
}

ul.ux-taskbuttons-strip {
	display:block;
	width:5000px;
	zoom:1;
}

ul.ux-taskbuttons-strip li {
	float:left;
	margin-left:2px;
}


ul.ux-taskbuttons-strip li.ux-taskbuttons-edge {
	float:left;
	margin:0 !important;
	padding:0 !important;
	border:0 none !important;
	font-size:1px !important;
	line-height:1px !important;
	overflow:hidden;
	zoom:1;
	background:transparent !important;
	width:1px;
}

.x-clear {
	clear:both;
	height:0;
	overflow:hidden;
	line-height:0;
	font-size:0;
}

.x-taskbuttons-scrolling {
	position:relative;
}

.x-taskbuttons-scrolling .ux-taskbuttons-strip-wrap {
	margin-left:18px;
	margin-right:18px;
}

td.ux-taskButtons-edge {
	/*float:left;*/
	margin:0 !important;
	padding:0 !important;
	border:0 none !important;
	font-size:1px !important;
	line-height:1px !important;
	overflow:hidden;
	zoom:1;
	background:transparent !important;
	width:1px;
}

.ux-taskbuttons-scroller-left {
	background: transparent url( images/taskbar/black/scroll-left.gif ) no-repeat -18px 0;
	width:18px;
	position:absolute;
	left:1px;
	top:0px;
	z-index:10;
	cursor:pointer;
}
.ux-taskbuttons-scroller-left-over {
	background-position: 0 0;
}
.ux-taskbuttons-scroller-left-disabled {
	background-position: -18px 0;
	opacity:.5;
	-moz-opacity:.5;
	filter:alpha(opacity=50);
	cursor:default;
}
.ux-taskbuttons-scroller-right {
	background: transparent url( images/taskbar/black/scroll-right.gif ) no-repeat 0 0;
	width:18px;
	position:absolute;
	right:0;
	top:0px;
	z-index:10;
	cursor:pointer;
}
.ux-taskbuttons-scroller-right-over {
	background-position: -18px 0;
}
.ux-taskbuttons-scroller-right-disabled {
	background-position: 0 0;
	opacity:.5;
	-moz-opacity:.5;
	filter:alpha(opacity=50);
	cursor:default;
}

.ux-toolmenu-sep {
	background-color:#18191a;
	border-bottom:1px solid #858789;
	display:block;
	font-size:1px;
	line-height:1px;
	margin:2px 3px;
}

/* StatusBar - structure */
.x-statusbar .x-status-text {
	cursor: default;
/*
	height: 21px;
	line-height: 21px;
	padding: 0 4px;
*/
}
.x-statusbar .x-status-busy {
	padding-left: 25px !important;
	background: transparent no-repeat 3px 2px;
}

.x-toolbar div.xtb-text

.x-statusbar .x-status-text-panel {
	border-top: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-left: 1px solid;
	padding: 2px 8px 2px 5px;
}

/* StatusBar word processor example styles */

#word-status .x-status-text-panel .spacer {
	width: 60px;
	font-size:0;
	line-height:0;
}
#word-status .x-status-busy {
	padding-left: 25px !important;
	background: transparent no-repeat 3px 2px;
}
#word-status .x-status-saved {
	padding-left: 25px !important;
	background: transparent no-repeat 3px 2px;
}

/* StatusBar form validation example styles */

.x-statusbar .x-status-error {
	cursor: pointer;
	padding-left: 25px !important;
	background: transparent no-repeat 3px 2px;
}
.x-statusbar .x-status-valid {
	padding-left: 25px !important;
	background: transparent no-repeat 3px 2px;
}
.x-status-error-list {
	font: 11px tahoma,arial,verdana,sans-serif;
	position: absolute;
	z-index: 9999;
	border-top: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-left: 1px solid;
	padding: 5px 10px;
}
.x-status-error-list li {
	cursor: pointer;
	list-style: disc;
	margin-left: 10px;
}
.x-status-error-list li a {
	text-decoration: none;
}
.x-status-error-list li a:hover {
	text-decoration: underline;
}


/********************************
		TreeGrid Extension 
*********************************/

.x-treegrid-root-table {
	border-right: 1px solid;
}

.x-treegrid-root-node {
	overflow: auto;
}

.x-treegrid-hd-hidden {
	visibility: hidden;
	border: 0;
	width: 0;
}

.x-treegrid-col {
	border-bottom: 1px solid;
	height: 20px;
	overflow: hidden;
	vertical-align: top;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.x-treegrid-text {
	padding-left: 4px;
	-moz-user-select: none;
	-khtml-user-select: none;
}

.x-treegrid-resizer {
	border-left:1px solid;
	border-right:1px solid;
	position:absolute;
	left:0;
	top:0;
}

.x-treegrid-header-inner {
	overflow: hidden;
}

.x-treegrid-root-table,
.x-treegrid-col {
	border-color: #ededed;
}

.x-treegrid-resizer {
	border-left-color:#555;
	border-right-color:#555;
}

/* *********************************************************** */

/*
 * FileUploadField component styles
 */
.x-form-file-wrap {
	position: relative;
	height: 22px;
}
.x-form-file-wrap .x-form-file {
	position: absolute;
	right: 0;
	-moz-opacity: 0;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
	height: 22px;
}
.x-form-file-wrap .x-form-file-btn {
	position: absolute;
	right: 0;
	z-index: 1;
}
.x-form-file-wrap .x-form-file-text {
	position: absolute;
	left: 0;
	z-index: 3;
	color: #777;
}

/* *********************************************************** */
/* *********************************************************** */


/* StatusBar - visual */

.x-statusbar .x-status-busy {
	background-image: url(images/icons/small/loading.gif);
}
.x-statusbar .x-status-text-panel {
	border-color: #99bbe8 #fff #fff #99bbe8;
}

/* StatusBar word processor example styles */

#word-status .x-status-text {
	color: #777;
}
#word-status .x-status-busy {
	background-image: url(images/icons/small/saving.gif);
}
#word-status .x-status-saved {
	background-image: url(images/icons/small/save.png);
}

/* StatusBar form validation example styles */

.x-statusbar .x-status-error {
	color: #C33;
	background-image: url(images/icons/small/exclamation.png);
}
.x-statusbar .x-status-valid {
	background-image: url(images/icons/small/accept.png);
}
.x-status-error-list {
	border-color: #C33;
}
.x-status-error-list li a {
	color: #15428B;
}

/* Window icons */

.window-icon-default 
{
	background-image: url( images/icons/small/window.png ) !important;
}

.window-icon-locked 
{
	background-image: url( images/icons/small/lock.png ) !important;
}

/*MTM-3090 : Show unlock icon for window when workorder is unlocked */
.window-icon-unlocked 
{
	background-image: url( images/icons/small/unlock.png ) !important;
}

.window-icon-save
{
	background-image: url( images/icons/small/save.png ) !important;
}

.window-icon-dirty
{
	background-image: url( images/icons/small/data-dirty.png ) !important;
}

.menu-icon-edit
{
	background-image: url( images/icons/small/modify.ico ) !important;
}

/* Misc */

.error-details
{
	/* TODO: Replace with something more flexible and polished */
	background: #eee; 
	color: #000; 
	padding: 10px; 
	/*
        MTM-1366 The error dialogue's width is not proper in Chrome browser, 
        so width/height made 100% instead of  width: 500px;     height: 300px;
    */
    width: 100%;
	height: 100%; 
    overflow: auto;
}

.combo-result-item 
{
	height: 15px;
	padding: 2px;
    overflow: hidden; /*MTM-2953 hide overlap text*/
}

.main-menu-title
{
	border: 1px solid #000000 !important;
	background-color: #fff !important;
	color: #000 !important;
	padding: 3px !important;
	padding-right: 10px;
	margin: -3px !important;
}

.tb-add
{
	background-image: url( images/icons/add.png ) !important;
}
/* MTM-6694 */ 
.tb-ambient
{
	background-image: url( images/icons/ambient.ico ) !important;
}

.tb-barcode
{
	background-image: url( images/icons/barcode.png ) !important;
}

.tb-bulkchange
{
	background-image: url( images/icons/BulkChange.png ) !important;
}

.tb-receive
{
	background-image: url( images/icons/receive.png ) !important;
}

.tb-clock 
{
    background-image: url( images/icons/clock.png ) !important;
}

.tb-cancel
{
	background-image: url( images/icons/cancel.png ) !important;
}

.tb-change
{
	background-image: url( images/icons/change.png ) !important;
}

.tb-close
{
	background-image: url( images/icons/close.png ) !important;
}

.tb-download {
	background-image: url( images/icons/download.png ) !important;
}

.tb-copy
{
	background-image: url( images/icons/copy.png ) !important;
}

.tb-cert
{
	background-image: url( images/icons/cert.ico ) !important;
}

.tb-settings
{
	background-image: url( images/icons/settings.png ) !important;
}

.tb-delete
{
	background-image: url( images/icons/delete.png ) !important;
}

.tb-edit
{
	background-image: url( images/icons/edit.png ) !important;
}

.tb-find
{
	background-image: url( images/icons/find.png ) !important;
}

.tb-grid
{
	background-image: url( images/icons/CallSheet.png ) !important;
}

.tb-license
{
	background-image: url( images/icons/license.png ) !important;
}

.tb-MET_CAL_Mcrt
{
	background-image: url( images/icons/MET_CAL_Mcrt.png ) !important;
}

.tb-MET_CAL_Classic
{
	background-image: url( images/icons/MET_CAL_Classic.png ) !important;
}

.tb-MET_CAL_full_data
{
	background-image: url( images/icons/MET_CAL_full_data.png ) !important;
}

.tb-MET_CAL_measure_uncert
{
	background-image: url( images/icons/MET_CAL_measure_uncert.png ) !important;
}

.tb-MET_CAL_procedure_steps
{
	background-image: url( images/icons/MET_CAL_procedure_steps.png ) !important;
}

.tb-Compass_data 
{
    background-image: url( images/icons/pg.ico ) !important;
}

.tb-return
{
    background-image: url( 'images/icons/returning.png' ) !important;
}

.tb-modify
{
	background-image: url( images/icons/modify.png ) !important;
}

.tb-modify2
{
	background-image: url( images/icons/modify2.png ) !important;
}

.tb-ok
{
	background-image: url( images/icons/ok.png ) !important;
}

.tb-print
{
	background-image: url( images/icons/print.png ) !important;
}
/* MTM-3630*/
.tb-print-find
{
	background-image: url( images/icons/csv_text_32.png ) !important;
}

.tb-process
{
	background-image: url( images/icons/process.png ) !important;
}

.tb-show-hidden {
	background-image: url( images/icons/hidden.png ) !important;
}

.tb-refresh {
	background-image: url( images/icons/refresh.png ) !important;
}

.tb-register
{
	background-image: url( images/icons/register.png ) !important;
}

.tb-remember
{
	background-image: url( images/icons/remember.png ) !important;
}

.tb-reset
{
	background-image: url( images/icons/reset.png ) !important;
}

.tb-reset-all
{
	background-image: url( images/icons/resetALL.png ) !important;
}

.tb-save
{
	background-image: url( images/icons/save.png ) !important;
	width: 48px !important;
}

.tb-calibrate
{
	background-image: url( images/icons/calibration.png ) !important;
}

.tb-units
{
	background-image: url( images/icons/units.png ) !important;
}

.tb-pressure 
{
	background-image: url( images/icons/pressure.png ) !important;
}

.tb-show-inactive
{
	background-image: url( images/icons/showINACTIVE.png ) !important;
}

.tb-tree
{
	background-image: url( images/icons/tree.png ) !important;
}

.tb-user
{
	background-image: url( images/icons/users.png ) !important;
}

.tb-locked-sm
{
	background-image: url( images/icons/small/lock.png ) !important;
}

.tb-unlock
{
    background-image: url( images/icons/unlock.png ) !important;
}

.tb-unlocked-sm
{
	background-image: url( images/icons/small/unlock.png ) !important;
}

.tb-add-small 
{
	background-image: url( images/icons/small/add.png ) !important;
}

.tb-calibrate-sm 
{
	background-image: url( images/icons/calibration.png ) !important;
	width: 16px !important;
	height: 16px !important;
}

.tb-cancel-small
{
	background-image: url( images/icons/small/cancel.png ) !important;
}

.tb-save-small
{
	background-image: url( images/icons/small/save.png ) !important;
}


.btn-add-sm
{
	background-image: url( images/icons/small/add.png ) !important;
}

.btn-copy-sm
{
	background-image: url( images/icons/small/copy.ico ) !important;
}

.btn-cancel-sm
{
	background-image: url( images/icons/small/cancel.png ) !important;
}

.btn-delete-sm 
{
	background-image: url( images/icons/small/delete.png ) !important;
}

.btn-down-sm
{
	background-image: url( images/icons/small/down.png ) !important;
}

.btn-forward-trace-sm
{
	background-image: url( images/icons/small/forwardTRACE.png ) !important;
}

/* EdW - 2011/11/01 - Renamed for consistnecy, added "-sm" */
/* EdW - 2011/11/10 - Dont think this is needed, uncomment if it is needed 
.btn-lookup-sm  
{
	background-image: url( images/icons/small/find.png ) !important;
}
*/

.btn-modify-sm
{
	background-image: url( images/icons/small/modify.png ) !important;
}

.btn-modify2-sm
{
	background-image: url( images/icons/small/modify2.png ) !important;
}

.btn-compass 
{
    background-image: url( images/icons/small/pg.ico ) !important;
}

.tb-export 
{
    background-image: url( images/icons/Results_Export.ico ) !important;
}

.btn-print-sm
{
	background-image: url( images/icons/small/print.png ) !important;
}

.btn-reverse-trace-sm
{
	background-image: url( images/icons/small/reverseTRACE.png ) !important;
}

.btn-show-sm
{
	background-image: url( images/icons/small/show.ico ) !important;
}

.btn-up-sm
{
	background-image: url( images/icons/small/up.png ) !important;
}

.ctl-lookup
{
	background-image: url( '' ) !important;
	/* background-image: url( images/default/form/text-bg-disabled.png ) !important; */
	background-color: #eaea00;
}

.readonly
{
	background-image: url( '' ) !important;
	/* background-image: url( images/default/form/text-bg-disabled.png ) !important; */
	background-color: #C9DDF2;
}

/* MTM-6942 - Css class added to change the background color of auto lookup excluded fields */
.autoLookUpDisable {
    background-image: url( '' ) !important;
    background-color: #e6e4e4; 
}

/* 
	The Following Color-Classes are used for the BusinessStatus Page.
*/
.solidGreen
{
	background-image: url( '' ) !important;
	/* background-image: url( images/default/form/text-bg-disabled.png ) !important; */
	background-color: #0bea00;
}

.solidYellow
{
	background-image: url( '' ) !important;
	/* background-image: url( images/default/form/text-bg-disabled.png ) !important; */
	background-color: #eaea00;
}

.solidRed
{
	background-image: url( '' ) !important;
	/* background-image: url( images/default/form/text-bg-disabled.png ) !important; */
	background-color: #ea0000;
}

/*
	End of Color-Classes.
*/

.btn-trigger-search
{
	background-image: url( images/trigger-button-ellipse.png ) !important;
}

.btn-trigger-attach
{
	background-image: url( images/trigger-button-attach.png ) !important;
}

.x-table-layout td {
	vertical-align:top;
}

.smallLabel
{
	font-family: Verdana;
	font-size: x-small;
}

.Field-Disabled
{
	background-color: Yellow;   
}

input.x-item-disabled
{
	background-color: #aa0;
}

.x-tool-gear
{
	margin-right: 25px;
}

.x-tool-help
{
	margin-right: 5px;
}

.x-tool-audit, .x-tool-audit-over {
	background-image: url(images/slickness/panel/header-sprites.gif);
	background-position: 0 -345px;
	width: 27px;
	height: 15px;
	margin-right: 5px;
}

.x-tool-audit-over {
	background-position-x: -27px;
}

/* Controls background of forms, re: Brad's desire to make data entry fields stand out more */
.emx-window .x-panel-body
{
	background-color: #CDC9C9;
	/*background-color: #C1CDCD; Azure
background-color: #C1CDC1; HoneyDew
background-color: #C1C1C1; Gray
background-color: #CDC9C9; Snow
background-color: #CDC1C5; Blush
*/
}

/* Minimum button width - resolves cases where button text is not as wide as the icon, resulting in a cropped icon */
.x-btn-icon-text button
{
	min-width: 50px;
}

.ToolAssignUseCount
{
	font-size: xx-large;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	width: 50;
	height: 50;
	margin-top: 20px;
}

label.emxlabel
{
	display: block !important;
}

label.centeredLabel 
{
    text-align: center;
}

.moduleText
{
    padding-right: 25px !important;
    font-family: Verdana !important;
    font-size: x-small !important;
    font-weight: bold !important;
}

.yellow .x-window-tc {
	background-image: url(images/slickness/window/yellow-top-bottom.png) !important;
}

.yellow .x-window-tl {
	background-image: url(images/slickness/window/yellow-left-corners.png)  !important;
}

.yellow .x-window-tr {
	background-image: url(images/slickness/window/yellow-right-corners.png)  !important;
}

.yellow .x-window-bc {
	background-image: url(images/slickness/window/yellow-top-bottom.png) !important;
}

.yellow .x-window-bl {
	background-image: url(images/slickness/window/yellow-left-corners.png) !important;
}

.yellow .x-window-br {
	background-image: url(images/slickness/window/yellow-right-corners.png) !important;
}

.yellow .x-window-ml {
	background-image: url(images/slickness/window/yellow-left-right.png);
}

.yellow .x-window-mr {
	background-image: url(images/slickness/window/yellow-left-right.png);
}

.yellow .x-window-header {
	color: #000;
}

.mouseover:hover {
    cursor: pointer;
}

.msg_floating
{
    word-wrap:break-word;
}
/*MTM-9185 Remove thee gridPageToolbar to resolve the tool tip issue on paging */

