/*!
 * Ext JS Library 3.3.0
 * Copyright(c) 2006-2010 Ext JS, Inc.
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
/**
 * GridFilters gray Styles
 **/
.ux-filtered-column.sort-asc .x-grid3-sort-icon {
	background-image: url(../images/Extjs/gray-asw/menu/sort_filtered_asc.gif) !important;
}

.ux-filtered-column.sort-desc .x-grid3-sort-icon {
	background-image: url(../images/Extjs/gray-asw/menu/sort_filtered_desc.gif) !important;
}

.ux-gridfilter-text-icon {
	background-image: url(../images/Extjs/gray-asw/menu/find.png) !important;
}

/**
 * RangeMenu Styles
 **/
.ux-rangemenu-gt {
	background-image: url(../images/Extjs/gray-asw/menu/greater_than.png) !important;
}

.ux-rangemenu-lt {
	background-image: url(../images/Extjs/gray-asw/menu/less_than.png) !important;
}

.ux-rangemenu-eq {
	background-image: url(../images/Extjs/gray-asw/menu/equals.png) !important;
}

/**
* column tree styles 
**/
.x-tree-headers {
	background: #f9f9f9 url(../images/Extjs/gray-asw/grid/grid3-hrow.gif) repeat-x 0 bottom;
}

.sliderTick {
	background: url(../images/Extjs/gray-asw/slider/ticks.gif) no-repeat top center;
}

body.x-body-masked .x-window-plain .x-window-mc {
    background-color: #F4F4F4;
}


/* changed form font label colors to ASW color */
.x-form-cb-label {
    color: #868686;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    top: 2px;
}
/* MYT | changes to background text area in forms to ASW color | Added width */
.x-form-text, textarea.x-form-field {
    background-image: none;
    background-color: #FFFFFF;
    border: 1px solid;
    padding: 1px 3px; 
}
.x-form-text, textarea.x-form-field {
    border-color: #C1C1C1;
    margin-left: 5px;
/*Temporary change to be able to see Last name on the page 	width: 100px; */
/*Temporary change to adjust hight*/ height: 18px;
}
/* End Modification */

/**
* tab styles 
**/
.x-tab-invalid {
	background-image: url(../images/Extjs/gray-asw/form/exclamation.gif) !important;
}

#nameId-inputEl,
#userNameId-inputEl,
#fullNameId-inputEl,
#parentAgencyId-inputEl,
#contactId-inputEl,
#address1Id-inputEl,
#address2Id-inputEl {
	width: 300px;
}

#countryId-inputEl,
#emailId-inputEl,
#phoneId-inputEl,
#cityId-inputEl,
#stateId-inputEl {
	width: 150px;
}

#extensionId-inputEl {
	width: 50px;
}

#countryId-triggerWrap {
	display: flex;
}