@CHARSET "ISO-8859-1";

.x-tab-panel-body {
	border-right: 1px solid #8db2e3;
	border-left: 1px solid #8db2e3;
	border-bottom: 1px solid #8db2e3;
	__background: #dfe8f6;
	padding: 0pt;
}

.xwc-rows-row {
	font-family: tahoma, verdana, helvetica;
	font-size: small;
}

.xwc-tab {
	position: relative !important;
	overflow-y: auto;
}

.xwc-form-required {
	color: red;
}

.xwc-form-recommended {
	color: green;
}

.xwc-form-label {
	font-size: 12px;
}

.xwc-att-file {
	cursor: hand;
}

.x-fieldset {
	margin: 3px;
}

.gridRowUnRead {
	font-weight: bold;
}

.gridRowUnRead .x-grid3-cell-inner {
	font-weight: bold;
}

.xeoObjectLink .x-form-text {
	color: blue;
	cursor: pointer;
	text-decoration: underline;
}

.x-grid3-header-offset {
	width: 100px;
}

ul.x-tab-strip {
	width: 100%;
}

.x-grid3-hd-row td.ux-filtered-column {
	font-style: italic;
	font-weight: bold;
}

.x-item-disabled {
	color: black;
	cursor: default;
	opacity: .6;
	-moz-opacity: .6;
	filter: alpha(opacity = 60);
}

.x-item-disabled * {
	color: black !important;
	cursor: default !important;
}

.x-grid-group-tb DIV {
	background: white;
	background-image: '';
}

.x-grid-group-hd {
	border-bottom: 1px solid lightgray;
	font-color: black;
}

.x-grid3-group-icon {
	background-repeat: no-repeat;
	display: none;
	height: 16px;
	width: 16px;
	margin-left: 3px;
	vertical-align: middle;
}

.grid-group .x-grid3-group-icon {
	background-image: url(../images/group-by.gif);
	display: inline;
}

/* Bridge Lookup CSS Classes */
.xwc-bridge-lookup {
	display: block;
	overflow-y: scroll;
}

a.xwc-search-trigger {
	width: 16px;
	height: 16px;
	text-decoration: none;
	background: url("../images/add-lookup-bridge-sprite.png");
	display: block;
	cursor: pointer;
}

a.xwc-search-trigger:hover {
	background-position: -16px 0;
}

a.xwc-clean-trigger {
	width: 16px;
	height: 16px;
	text-decoration: none;
	background: url("../images/remove-lookup-bridge-sprite.png");
	display: block;
	cursor: pointer;
}

a.xwc-clean-trigger:hover {
	background-position: -16px 0;
}

a.xwc-favorite-trigger {
	width: 16px;
	height: 16px;
	text-decoration: none;
	background: url("../images/favorite-lookup-bridge.png");
	display: block;
	cursor: pointer;
}

a.xwc-favorite-trigger:hover {
	background-position: -16px 0;
}

/*For the special third button in AttributeNumber Lookup*/
.x-form-field-wrap .x-form-favorite-trigger {
	background-image: url(../images/favorites-sprite.png);
	cursor: pointer;
}

/* For the Search-Lookup Trigger*/
.search-lookup-trigger {
	width: 17px;
	height: 21px;
	background-color: blue;
	background-image:
		url(../images/search-trigger.gif);
	display: block;
	cursor: pointer;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.search-lookup-trigger:hover {
	background-position: -17px 0;
}

.search-lookup-trigger-click {
	background-position: -34px 0;
}

.search-lookup-clean-trigger {
	width: 17px;
	height: 21px;
	background-image: url(../images/clear-trigger.gif);
	display: block;
	cursor: pointer;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/**
*
* This style is used to "undo" the hover effect event when the component is disabled
* using x-item-disabled
*
*/
.search-lookup-trigger-disabled-hover{
	width:17px;
    height:21px;
    background-color: blue;
	background-image: url(../images/search-trigger.gif);
	display:block;
	cursor:pointer;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
}

.search-lookup-clean-trigger:hover {
	background-position: -17px 0;
}

.search-lookup-clean-trigger-click {
	background-position: -34px 0;
}

.search-lookup-favorite-trigger {
	width: 17px;
	height: 21px;
	background: url("../images/favorites-sprite.png");
	display: block;
	cursor: pointer;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.search-lookup-favorite-trigger:hover {
	background-position: -17px 0;
}

.search-lookup-favorite-trigger-click {
	background-position: -34px 0;
}

.xwc-toolbar-label {
	color: black;
}

/* Grid Drag and Drop Support CSS Classes  */


/* Grouped Column not sorted */
.no_sort {
	display: inline;
	height: 4px;
	vertical-align: middle;
}

/* Grouped Column sorted ascending */
.sort_asc {
	background-image: url(../images/sort_asc.gif);
	margin-left: 3px;
	width: 13px;
}

/* Grouped Column sorted descending */
.sort_desc {
	background-image: url(../images/sort_desc.gif);
	margin-left: 3px;
	width: 13px;
}


/* Style applied to divider between groups */
.group_divider {
	width: 10px;
	height: 20px;
	margin-top: 5px;
	margin-left: 5px;
	padding-left: 4px;
	margin-right: 5px;
	padding-right: 4px;
	background-color: transparent;
}

/* Style applied when a dividir is being hovered (shows a small arrow to 
mean "drop here */
.group_dividir_hover {
	background-image: url(../images/drophere.png);
	background-repeat: no-repeat;
	vertical-align: bottom;
}

/* Style applied to the DIV */
.placeHolder {
	float: left;
	margin-top:6px;
	margin-bottom:6px; 
	
}

/* Style applied to the div which holds the name and the buttons for the group*/
.xwc_group_box{
	height:22px;
	vertical-align: middle;	
}

/* These two styles allow to imitate the aspect of gridPanel columns */
.x-grid3-header-1 {
	font-family:arial, tahoma, helvetica, sans-serif;
	font-size:11px;
} 
				
.x-grid3-header:hover {
	background: #ebf3fd;
	url( extjs/resources/images/default/grid/grid3-hrow-over.gif );
	repeat-x: left bottom;
}

/* Background for the group toolbar (copied from ExtJS toolbar to be similar */
.xwc-group-toolbar-bg{
	background-color: #D9E8FB;
}

.xwc-group_warning{
	font-family:arial, tahoma, helvetica, sans-serif;
	font-size:11px;
	color:#15428B;
	font-weight:bold;
	left:10px;
	top:5px;
}

/* Auto Complete Lookup Styles (Facebook style) */
/**
* Style to apply to the div with the "Type here" (initial search) message
*/
div.xwc-attribute-autoComplete .xwc-initial-text{
	color : black;
	background : #CCCCCC;
	font-family : arial, tahoma, helvetica, sans-serif;
	font-size : 11px;
}
/**
* Style to apply to each element that is the result of a search
*/
div.xwc-attribute-autoComplete ul li.xwc-lookup-element{
	color : black;
	background: #CCCCCC;
	font-style : italic;
}
			
/**
* Style to apply to the li element that represents the 
*/		 	
div.xwc-attribute-autoComplete ul.holder li.xwc-selected-element{
	color:black;
	background : #CCCCCC;
	margin-top:2px;
	margin-left:2px;
}

/* Chrome25 Bug fix, 100% width causes issues with the date picket, replaced with a fixed value width*/
table.x-date-inner {
   width:200px !important;
}


/**
* Override the ExtMask (Modal Windows no longer appear to be modal
* but ajax request are much nicer)
*/
.ext-el-mask{
	z-index:20000;
	position:absolute;
	top:0;
	left:0;
	background-color:transparent;
	width:100%;
	height:100%;
	zoom:1;
}