/****************************************************************************************************
  Global
 ****************************************************************************************************/

body {
	font-family: Arial, "Lucidia Console", sans-serif;
	font-size: 12px;
}

.cust-center { padding: 5px; }

/****************************************************************************************************
  WebKit / Safari Fixes
 ****************************************************************************************************/

.ext-safari *:focus,.ext-chrome *:focus{outline:none;}/* remove safari / chrome input field border */
.ext-safari .x-form-field-wrap .x-form-trigger,.ext-chrome .x-form-field-wrap .x-form-trigger{height:20px;}
/* safari / chrome combo grid editor text padding */
.ext-safari .x-small-editor .x-form-text,.ext-chrome .x-small-editor .x-form-text{padding-top:2px;font-size:100%;}
/*.ext-safari .x-small-editor .x-form-trigger,.ext-chrome .x-small-editor .x-form-trigger{height:19px!important;}*/

/****************************************************************************************************
  ExtJS form adjustments
 ****************************************************************************************************/
 
.x-date-inner .x-date-prevday a, .x-date-inner .x-date-nextday a {
	color: black !important;
}
 
.necs-form-padding {
	padding: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.necs-panel-body-pad .x-panel-body {
	padding: 10px;
	padding-bottom: 15px;
}

.x-form-display-field {
	margin-top: 2px;
}

/****************************************************************************************************
  Custom button sprites
 ****************************************************************************************************/

.necs-btn-green .x-btn-tl, .necs-btn-green .x-btn-tr, .necs-btn-green .x-btn-tc, .necs-btn-green .x-btn-ml,
.necs-btn-green .x-btn-mr, .necs-btn-green .x-btn-mc, .necs-btn-green .x-btn-bl, .necs-btn-green .x-btn-br,
.necs-btn-green .x-btn-bc {
	background-image:url(images/btn-green.gif);
}

.necs-btn-red .x-btn-tl, .necs-btn-red .x-btn-tr, .necs-btn-red .x-btn-tc, .necs-btn-red .x-btn-ml,
.necs-btn-red .x-btn-mr, .necs-btn-red .x-btn-mc, .necs-btn-red .x-btn-bl, .necs-btn-red .x-btn-br,
.necs-btn-red .x-btn-bc {
	background-image:url(images/btn-red.gif);
}

.necs-btn-yellow .x-btn-tl, .necs-btn-yellow .x-btn-tr, .necs-btn-yellow .x-btn-tc, .necs-btn-yellow .x-btn-ml,
.necs-btn-yellow .x-btn-mr, .necs-btn-yellow .x-btn-mc, .necs-btn-yellow .x-btn-bl, .necs-btn-yellow .x-btn-br,
.necs-btn-yellow .x-btn-bc {
	background-image:url(images/btn-yellow.gif);
}


/****************************************************************************************************
  Grids
 ****************************************************************************************************/

.x-grid3-hd-action {
	text-decoration: none !important;
}

.necs-grid-configurable .x-grid3-hd-menu, .necs-grid-configurable .x-grid3-hd-search-menu {
	background-image: url('images/grid3-hd-menu.png') !important;
	background-position: -2px;
}

.necs-grid-configurable td.x-grid3-hd-menu-open .x-grid3-hd-inner {
   background-position: -2px;
}

.necs-grid-configurable td.x-grid3-hd-over .x-grid3-hd-inner {
	background-image: url('images/grid3-hd-menu.png') !important;
	background-position: -32px;
}

.necs-grid-configurable .x-grid3-hd-btn {
		background: 0 !important;
		width: 30px;
}

.necs-grid .x-grid3-col-image {
    text-align: center;
}

.necs-grid .x-grid3-hd-row td {
	line-height: 1.3em !important;
}

.necs-grid .x-grid3-dirty-cell {
    background-image:none !important;
}

.necs-grid .x-grid3-row {
    min-height: 2.0em;
}

.necs-grid .x-grid3-cell {
    vertical-align: middle;
	line-height: 2.0em !important;
}

.necs-grid .x-grid3-hd-inner {
	text-decoration: underline;
}

.necs-grid .x-grid-group-hd {
    height: 26px;
}

.necs-grid .x-grid-group-hd div {
	background-image: none !important;
	padding-left: 5px;
}

/* non-sorting grid options */
.necs-grid-nosort .x-grid3-hd-row td {
    line-height: 1.3em !important;
}

.necs-grid-nosort .x-grid3-dirty-cell {
    background-image:none !important;
}

.necs-grid-nosort .x-grid3-row {
    min-height: 2.0em;
}

.necs-grid-nosort td {
    vertical-align: middle;
	line-height: 2.0em !important;
}

/* column specific adjustments */
.necs-grid .x-grid3-hd-menu {
    text-decoration: none;
}

.necs-grid .x-grid3-hd-search-menu {
    text-decoration: none;
}

.necs-grid .x-grid3-row {
	border-top: 0;
	border-left: 0;
}

.necs-grid .x-grid3-row-selected {
	border-top: 0;
	border-top-style: solid;
	border-right-style: solid;
	border-left: 0;
	color: #000000;
}

.necs-grid .x-grid3-row-over td {
	color: #000000;
}

.necs-grid .row-order-open {
	color: red;
}

.necs-floating-editor {
	padding-top: 3px;
}

.necs-floating-editor-cart {
	padding-left: 3px;
}

.necs-floating-editor .x-form-text {
	height: 18px;
	padding-top: 2px;
}

.grid-row-error {
	color: red;
}

/****************************************************************************************************
  Grid Column Browser Focus Overrides (last part ties into a column id defined in Columns.js)
 ****************************************************************************************************/

.x-grid3-td-qtyord-arrows {
        -moz-user-select: text !important;
		-khtml-user-select: text !important;
}

.x-grid3-td-search-qtyord-arrows {
        -moz-user-select: text !important;
		-khtml-user-select: text !important;
}


.x-grid3-td-sequence-edit {
        -moz-user-select: text !important;
		-khtml-user-select: text !important;
}

.x-grid3-td-itemno-edit {
		-moz-user-select: text !important;
		-khtml-user-select: text !important;
}

.x-grid3-td-description1 {
		-moz-user-select: text !important;
		-khtml-user-select: text !important;
}

.disabled-input {
		-moz-user-select: none !important;
        -khtml-user-select: none !important;
}

/****************************************************************************************************
  Global tab strip menu
 ****************************************************************************************************/

#menu {
	height: 22px;
}

.necs-tab-strip {
	border: 0 !important;
	margin: 0 !important;
	background: 0 !important;
	width: 100% !important;
}

/****************************************************************************************************
  Global grid tweaks
 ****************************************************************************************************/

.necs-grid .x-grid3-row {
    min-height: 2.0em; /*border-bottom: 1px solid #99bbe8*/;
}

.necs-grid .x-grid3-hd-row td {
	line-height: 1.2em;
}

.necs-grid .x-grid3-cell {
    vertical-align: middle;
	line-height: 2.0em;
}

.necs-grid .x-grid3-dirty-cell {
    background-image: none !important;
}

/* color adjustments for order status */

.necs-grid .row-order-open {
	color: red;
}

.necs-column-grid .x-grid3-cell-inner {
	text-align: left;
}

/****************************************************************************************************
  Custom toolbar style
 ****************************************************************************************************/

.necs-toolbar .x-toolbar {
	padding-top: 4px;
	background-image: none;
	height: 22px;
}

.necs-toolbar .x-panel {
    margin-right: 10px;
}

.necs-toolbar td div {
	margin-left: 2px;
	margin-right: 2px;
}

.necs-toolbar-header label {
	font-weight: bold;
	line-height: 20px;
	padding-left: 5px;
}

/****************************************************************************************************
  Show button backgrounds for normal state on toolbars
 ****************************************************************************************************/

.x-toolbar .x-btn-tl{
	background-position: 0 0;
}

.x-toolbar .x-btn-tr{
	background-position: -3px 0;
}

.x-toolbar .x-btn-tc{
	background-position: 0 -6px;
}

.x-toolbar .x-btn-ml{
	background-position: 0 -24px;
}

.x-toolbar .x-btn-mr{
	background-position: -3px -24px;
}

.x-toolbar .x-btn-mc{
	background-position: 0 -1096px;
}

.x-toolbar .x-btn-bl{
	background-position: 0 -3px;
}

.x-toolbar .x-btn-br{
	background-position: -3px -3px;
}

.x-toolbar .x-btn-bc{
	background-position: 0 -15px;
}

/*****************************************************************************************************
  In-Grid Edit Controls / Messages
 ****************************************************************************************************/

.flyout-warning {	
	color: #000000;
    background-color: #FFFECC;	
}

.flyout-block {
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
}

.flyout-dot {
	background-color: #FFE5E8;
	color: #000000;
	padding: 5px;	
}

.necs-inline-error {
    font-weight: bold;
	color: #ff0000;
}

.status-item-add {
    width: 16px;
	height: 16px;
	background-image: url('images/add.png');
	background-repeat: no-repeat;
	cursor: pointer;
}

.status-item-warn {
    width: 16px;
	height: 16px;
	background-image: url('images/warning.png');
	background-repeat: no-repeat;
	cursor: pointer;
}

.status-item-cart {
    width: 16px;
	height: 16px;
	background-image: url('images/cart-add.png');
	background-repeat: no-repeat;
	cursor: pointer;
}

.status-item-remove {
    width: 16px;
	height: 16px;
	background-image: url('images/cart-delete.png');
	background-repeat: no-repeat;
	cursor: pointer;
}

.status-item-work {
    width: 16px;
	height: 16px;
	background-image: url('images/loading.gif');
	background-repeat: no-repeat;
	cursor: pointer;
}

.necs-input-itemno {
    width: 70px;
}

.necs-spinner {
	display: block !important;
	visibility: visible !important;
}

.necs-spinner input {
	width: 30px !important;
	float:left;
}

.necs-spinner-buttons {
	float:right;
	margin-left: 2px;
	margin-top: 0px;
}

.necs-spinner-up {
	width: 12px;
	height: 10px;
	background-image: url('images/spinner-buttons.png');
    cursor: pointer;
}

.necs-spinner-down {
	width: 12px;
	height: 10px;
	background-image: url('images/spinner-buttons.png');
	background-position: 0 -10px;
    cursor: pointer;
}

.necs-category-field {
	width: 150px;
	height: 20px !important;
	line-height: 20px;
}

.necs-category-input {
    float: left;
    width: 125px;
    line-height: 15px !important;
}

.necs-category-list-float .item {
	line-height: 15px;
	height: 15px;
}

.necs-category-list-float {
    position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 300px;
}

.section-header {
	font-weight: bold;
}

/****************************************************************************************************
  Item Information Window
 ****************************************************************************************************/

.necs-item-info-window .x-form-text {
	height: 16px !important;
	font-size: 11px;
}

.necs-item-info-window a, .necs-item-info-window a:hover, .necs-item-info-window a:active, .necs-item-info-window a:visited {
	line-height: 16px;
}

.necs-item-info-window .necs-toolbar label {
	font-weight: bold;
	line-height: 20px;
	padding-left: 5px;
}

/****************************************************************************************************
  Cart Panel
 ****************************************************************************************************/

#cart-panel .item {
	font-size: 11px;
	border-bottom: 1px solid #cccccc;
}

#cart-error-box {
    height: 24px;
	padding: 4px;
	text-align: center;
	font-weight: bold;
	line-height: 24px;    
}

#cart-wgt-error-box {
    height: 24px;
	padding: 4px;
	text-align: center;
	font-weight: bold;
	line-height: 24px;
	border-bottom: 1px solid #8db2e3;
	background-color: #FFFECC;
	color: #000000;	
}

#cart-case-count {
    min-height: 18px;
	padding: 4px;
	line-height: 18px;
	font-family: tahoma,arial,verdana,sans-serif;
	font-size: 11px;
	font-weight: bold;	
}

/****************************************************************************************************
  Break Price List Markup
 ****************************************************************************************************/

.brkprc-list-column {
		float: left;
}

.brkprc-list-description {
		/*width: 310px;*/
		float: left;
}

.brkprc-list-column .brkprc-header {
		text-align: center;
		width: 60px;
		border-bottom: 1px solid #333333;
		margin-left: 5px;
}

.brkprc-list-column .brkprc-price {
		text-align: center;
		width: 60px;
		color: green;
		margin-left: 5px;
}

/****************************************************************************************************
  Reports
 ****************************************************************************************************/

.rpt-description table { padding-top: 5px; margin-left: 40px; }

.rpt-description {
	border: 1px solid #99bbe8;
	min-height: 50px;
	width: 400px;
	padding: 5px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 10px;
	cursor: pointer;
}

.rpt-description .rpt-icon {
	width: 24px;
	height: 24px;
	float: left;
	margin-right: 10px;
	margin-bottom: 15px;
}

.rpt-description .rpt-title {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 5px;
}

.rpt-center {
	padding: 5px;
	border: 0;
}

.rpt-inner-layout {
	padding: 10px;
	width: 920px;
	margin-left: auto;
	margin-right: auto;
}

.rpt-inner-layout {
	background-color: #fff;
}

.rpt-inner-layout .x-panel-body {
	background-color: #fff;
	font-size: 12px;
}

.rpt-section-heading {
	font-weight: bold;
	width: 100%;
	padding-bottom: 2px;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 1.4em;
}

#column-buttons {
	padding-top: 40px;
}

#column-buttons .x-panel-body .x-btn {
	margin-bottom: 10px;
}

/****************************************************************************************************
  Catalog view
 ****************************************************************************************************/

#catalog-class-panel .image { line-height: 160px; width: 100%; height: 160px; border: 1px solid #cccccc; padding: 2px; text-align: center; }
#catalog-class-panel img {  vertical-align: middle;  }
#catalog-class-panel .class-name { width: 100%; text-align: center; margin: 4px; font-weight: bold; }
#catalog-class-panel .item { width: 160px; float: left; margin: 5px; height: 200px; }

#catalog-class-panel .item-no-image {
	height: 34px !important;
	line-height: 34px !important;
}

#catalog-class-panel .item-no-image .class-name {
	background-image: url('images/catalog-button.png');
}

#catalog-item-container {
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
}

#complete-price-warning {
    height: 24px;
	padding: 4px;
	text-align: center;
	font-weight: bold;
	line-height: 24px;
}

/****************************************************************************************************
  Form Groups
 ****************************************************************************************************/

/* add some padding so it spaces nice and relative elements dn't get clipped */
.form-group {
	padding-bottom:20px;
	padding-top: 10px;
	overflow:hidden;
}

.pad20-form-group .form-group {
	padding-left: 20px;
	padding-right: 20px;
}

/* Simple blue border */
.form-group .form-group-header {
	padding:0;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

/* Position the text element so it appears over the border added above */
.form-group .form-group-header-text {
	font-size:12px;
	font-family:tahoma,arial,sans-serif;
	font-weight: bold;
	padding-bottom: 0px;
}

/* Copied from x-plain (for IE + layouts to work) */
.form-group-body {
    overflow:hidden;
}

/* Copied from x-plain (for IE + layouts to work) */
.form-group-bwrap {
    overflow:hidden;
    zoom: 1;
}

/****************************************************************************************************
  Customer Search Grid
 ****************************************************************************************************/

#customer-list-panel {
	height: 24px;
}

#search-field-container {
	position: relative;
	height: 24px;
}

#search-panel {
	height: 50px;
	background-color: #deecfd;
}

#search-panel #search-mode {
	padding-left: 10px;
	width: 220px;
	height: 24px;
}

#search-panel .x-form-radio-wrap {
	background-color: transparent;
}

#search-panel .x-panel-body {
	background-color: transparent;
}

#search-panel .x-form-item-label {
	line-height: 24px;
	margin: 0;
	padding: 0;
}

#search-field {
	position: absolute;
}

/****************************************************************************************************
  Wizard Options
 ****************************************************************************************************/

.x-wizard-heading {
	font-weight: bold;
}

.x-wizard-fieldset {
	/* color definition only - see theme CSS */
}

.x-wizard-fieldset legend {
	font-weight: bold;
	margin-left: 10px;
}

.x-wizard-header {
	background: 0;
}

.x-wizard-header-title {
	float: left;
	padding: 7px 0px 0px 10px;
}

.x-wizard-header-title img {
	position: relative;
	top: -3px;
}

.x-wizard-header-title-txt {
	font-weight: bold;
	font-size: 13px;
	margin-left: 15px;
	line-height: 30px;
}

.x-wizard-header-step {
	text-align:right;
	float:right;
	padding:10px 10px 0px 0px;
}

.x-wizard-field-review{
  padding:5px;
}

.x-wizard-field-review-plain{
  background:transparent;
}

.x-wizard-field-review-gray{
	/* color only - see theme CSS */
}

#setup-wizard .x-panel-body {
	border: 0;
}

#setup-wizard .x-toolbar {
	border: 0;
}

/****************************************************************************************************
  TreePanel tweaks
 ****************************************************************************************************/

.x-tree-node div.site-content-root-node {
    background:#eee url(images/cmp-bg.gif) repeat-x;
    margin-top:1px;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ccc;
    padding-top:2px;
    padding-bottom:1px;
}

.x-tree-node div.site-content-node {
	padding-top:2px;
	padding-bottom: 2px;
}

/****************************************************************************************************
  Global Shared Icons
 ****************************************************************************************************/

button.icon-box, .icon-box {
	background-image: url('images/icon-box.png') !important;
}

button.icon-guide-import, .icon-guide-import {
	background-image: url('images/icon-guide-import.png') !important;
}

button.icon-item-add, .icon-item-add {
	background-image: url('images/icon-item-add.png') !important;
}

button.icon-item-remove, .icon-item-remove {
	background-image: url('images/icon-item-remove.png') !important;
}

button.icon-world-link, .icon-world-link {
	background-image: url('images/icon-world-link.png') !important;
	cursor: pointer;
	height: 16px;
	width: 16px;	
}

button.icon-weblink-mod, .icon-weblink-mod {
	background-image: url('images/icon-weblink-alt.png') !important;
	cursor: pointer;
	height: 24px;
	width: 24px;	
}

button.icon-page-text, .icon-page-text {
	background-image: url('images/icon-page-text.png') !important;
}

button.color-select, .color-select {
	background-image: url(images/icon-color-select.png);
	cursor: pointer;
	height: 20px;
	background-repeat:no-repeat;
	background-position: right;
}

button.icon-print, .icon-print {
	background-image: url('images/icon-print.png') !important;
}

button.icon-msg-add, .icon-msg-add {
	background-image: url('images/icon-msg-add.gif') !important;
}


button.icon-msg-view, .icon-msg-view {
	background-image: url('images/icon-msg-view.gif') !important;
}

button.icon-msg-edit, .icon-msg-edit {
	background-image: url('images/icon-msg-edit.gif') !important;
	height: 16px;
	width: 16px;
	cursor: pointer;
}

button.icon-truck, .icon-truck {
	background-image: url('images/icon-truck.png') !important;
	height: 16px;
	width: 16px;
	cursor: pointer;
}

button.icon-msg-delete, .icon-msg-delete {
	background-image: url('images/icon-msg-delete.gif') !important;
	cursor: pointer;
	height: 16px;
	width: 16px;
}

button.icon-key-delete, .icon-key-delete {
	background-image: url('images/icon-key-delete.png') !important;
	cursor: pointer;
	height: 16px;
	width: 16px;
}

button.icon-guide-add, .icon-guide-add {
	background-image: url('images/icon-guide-add.gif') !important;
}

button.icon-guide-edit, .icon-guide-edit {
	background-image: url('images/icon-guide-edit.gif') !important;
	height: 16px;
	width: 16px;
	cursor: pointer;
}

button.icon-guide-delete, .icon-guide-delete {
	background-image: url('images/icon-guide-delete.gif') !important;
	cursor: pointer;
	height: 16px;
	width: 16px;
}

button.icon-mag-add {
    background-image: url('images/magnifier-zoom-in.png') !important;
}

button.icon-accept {
    background-image: url('images/icon-accept.png') !important;
}

button.icon-cancel {
    background-image: url('images/icon-cancel.png') !important;
}

button.icon-tag-add {
    background-image: url('images/tag-add.png') !important;
}

button.icon-arrow-switch {
    background-image: url('images/arrow-switch.png') !important;
}

button.icon-row-left {
    background-image: url('images/left.png') !important;
}

button.icon-row-right {
    background-image: url('images/right.png') !important;
}

button.icon-row-up {
    background-image: url('images/up.png') !important;
}

button.icon-row-down {
    background-image: url('images/down.png') !important;
}

button.icon-row-add {
    background-image: url('images/add.png') !important;
}

button.icon-row-remove {
    background-image: url('images/delete.png') !important;
}

button.icon-special-email, .icon-special-email {
    background-image: url('images/icon-special-email.png') !important;
}

button.icon-special-add, .icon-special-add {
    background-image: url('images/icon-special-add.png') !important;
}

button.icon-special-edit, .icon-special-edit {
    background-image: url('images/icon-special-edit.png') !important;
}

button.icon-special-delete, .icon-special-delete {
    background-image: url('images/icon-special-delete.png') !important;
}

button.icon-comment-edit, .icon-comment-edit {
    background-image: url('images/icon-comment-edit.png') !important;
}

button.icon-contact-edit, .icon-contact-edit {
    background-image: url('images/icon-contact-edit.png') !important;
}

button.icon-contact-add, .icon-contact-add {
    background-image: url('images/icon-contact-add.png') !important;
}

button.icon-contact-delete, .icon-contact-delete {
    background-image: url('images/icon-contact-delete.png') !important;
}

.icon-page-html {
	background-image:url('images/icon-page-html.gif') !important;
}

.icon-folder-page-html {
	background-image:url('images/icon-folder-page-html.gif') !important;
}

.icon-folder-email {
	background-image:url('images/icon-folder-email.gif') !important;
}

.icon-email {
	background-image:url('images/icon-email.gif') !important;
}

.icon-folder {
	background-image:url('images/icon-folder.gif') !important;
}

.icon-page-plain {
	background-image:url('images/icon-page-plain.gif') !important;
}

.icon-order-view {
	background-image:url('images/icon-order-view.gif') !important;
}

.icon-order-edit {
	background-image:url('images/icon-order-edit.gif') !important;
}

.icon-order-cancel {
	background-image:url('images/icon-order-delete.gif') !important;
}

.icon-pdf {
	background-image:url('images/icon-pdf.gif') !important;
	width:16px;
	height: 16px;
}

.icon-customer-edit {
	background-image:url('images/icon-customer-edit.gif') !important;
}

.icon-customer-star {
	background-image:url('images/icon-customer-star.png') !important;
}

.icon-customer-view {
	background-image:url('images/icon-customer-view.gif') !important;
}

button.icon-customer-delete, .icon-customer-delete {
	background-image:url('images/icon-customer-delete.gif') !important;
}

button.icon-customer-add, .icon-customer-add {
	background-image:url('images/icon-customer-add.gif') !important;
}

.icon-salesperson-edit {
	background-image:url('images/icon-salesperson-edit.gif') !important;
}

.icon-sale {
    background-image: url('images/red-tag.png') !important;
	width: 16px;
	height: 16px;
	margin-top: 5px;
	margin-right: 5px;
}

.icon-home-24 {
    background-image: url('images/24x24/home-yellow.png') !important;
}

.icon-ledger-24 {
    background-image: url('images/24x24/ledger.gif') !important;
}

.icon-tablet-24 {
    background-image: url('images/24x24/tablet.gif') !important;
}

.icon-invoice-24 {
    background-image: url('images/24x24/invoice.gif') !important;
}

.icon-order-guide-24 {
    background-image: url('images/24x24/order-guide.gif') !important;
}

.icon-scans-24 {
    background-image: url('images/24x24/scans.gif') !important;
}

.icon-worksheet-24 {
    background-image: url('images/24x24/worksheet.gif') !important;
}

.icon-grid-24 {
    background-image: url('images/24x24/grid.png') !important;
}

.icon-mail-24 {
    background-image: url('images/24x24/mail-edit.gif') !important;
}

.icon-options-24 {
    background-image: url('images/24x24/options.png') !important;
}

.icon-palette-24 {
    background-image: url('images/24x24/palette.gif') !important;
}
.icon-slider-24 {
    background-image: url('images/24x24/slider.gif') !important;
}
.icon-social-24 {
    background-image: url('images/24x24/twitter.png') !important;
}
.icon-content-24 {
    background-image: url('images/24x24/content.gif') !important;
}

.icon-default-report-24 {
	background-image: url('images/24x24/default-report.gif') !important;
	height: 24px;
	width: 24px;
}

/****************************************************************************************************
  UX: RowActions Styles
 ****************************************************************************************************/

.ux-row-action-cell .x-grid3-cell-inner {
    padding:1px 0 0 0;
}

.ux-row-action-item {
    float:left;
    min-width:16px;
    height:16px;
    background-repeat:no-repeat;
    margin: 0 3px 0 2px;
    cursor:pointer;
    overflow:hidden;
}

.ext-ie .ux-row-action-item {
    width:16px;
}

.ext-ie .ux-row-action-text {
    width:auto;
}

.ux-row-action-item span {
    vertical-align:middle;
    padding:0 0 0 20px;
    line-height:18px;
}

.ext-ie .ux-row-action-item span {
    width:auto;
}

.x-grid-group-hd div {
    position:relative;
    height:16px;
}

.ux-grow-action-item {
    min-width:16px;
    height:16px;
    background-repeat:no-repeat;
    background-position: 0 50% ! important;
    margin: 0 0 0 4px;
    padding: 0 ! important;
    cursor:pointer;
    float:left;
}

.ext-ie .ux-grow-action-item {
    width:16px;
}

.ux-action-right {
    float:right;
    margin: 0 3px 0 2px;
    padding: 0 ! important;
}
.ux-grow-action-text {
    padding: 0 ! important;
    margin:0 ! important;
    background:transparent none ! important;
    float:left;
}


/****************************************************************************************************
  Form File Upload Control
 ****************************************************************************************************/

.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;
}

.necs-price-lookup-trigger {
	background-image: url('images/icon-dollar.png') !important;
	background-position: 0 3px !important;
}

#flt-prc-edit .x-form-field-wrap .x-form-trigger {
	border: 0 !important;
}

/****************************************************************************************************
  Popup Message
 ****************************************************************************************************/

#msg-container {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 450px;
	height: 450px;
	background-image: url('images/message-background.png');
	background-repeat: no-repeat;
	z-index: 100000 !important;
}

#msg-container .subject {
	margin-top: 40px;
	margin-left: 40px;
	font-size: 1.2em;
	font-weight: bold;
	color: blue;
	/*height: 1.0em;*/
}

#msg-container .body {
	margin-top: 10px;
	margin-left: 30px;
	padding: 10px;
	font-size: 1.1em;
	color: blue;
	height: 290px;
	width: 360px;
	overflow: auto;
}

#msg-container .close {
	width: 60px;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
}



/****************************************************************************************************
  Dot Grid Row Colors
 ****************************************************************************************************/
 
.gr-dot-special {
	color: #ffffff; background-color: #ff8000;		
}

.gr-dot-drop {
	color: #ffffff; background-color: #AA5500;
}