label 
{
	font:normal 11px tahoma,arial,helvetica;
	/*margin-top:22px;*/
	/*display:block;*/
}
input
{
	font:normal 11px tahoma,arial,helvetica;
}
.edit .x-btn-text {
    background-image: url(../img/document_edit.png);
}
.add .x-btn-text {
    background-image: url(../img/document_plain_new.png);
}
.delete .x-btn-text {
    background-image: url(../img/document_delete.png);
}
.filterCtrl
{
	float: left;
	padding: 0 0 5 5;
}
.filterCtrl label
{
	font:normal 12px tahoma, arial, helvetica, sans-serif;
}
#filtre div span
{
	font:normal 12px tahoma, arial, helvetica, sans-serif;
	padding: 0 0 5 5;
}
.filterCtrl input{
    padding: 1px 3px;
    background:#fff url(../../ext/resources/images/default/form/text-bg.gif) repeat-x 0 0;
    border: 1px solid #B5B8C8;
}
.noFilters
{
	padding-bottom: 5px;
	padding-right: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
}
.lnk:link
{
cursor: hand; 
font: bold; 
font-style:normal; 

color:Navy;	
text-decoration: none;
}
.lnk:visited
{
cursor: hand; 
font: bold; 
font-style:normal; 
color:Navy;	
text-decoration: none;
}
.lnk:active, .lnk:hover
{
cursor: hand; 
font: bold; 

font-style:normal; 
color:#77A3CD;	
text-decoration: underline;
}

.loading-indicator-large {
    font-size: 11px;
    font-family:tahoma, arial, helvetica, sans-serif;
    background-image: url(../../ext/resources/images/default/shared/large-loading.gif);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 20px;
    line-height: 16px;
    margin: 3px;
}

.x-layout-center-item {
    margin:0 auto;
    text-align:left;
}
.x-layout-center .x-panel-body,  /* if the container is a panel */
body.x-layout-center {           /* if the container is the doc body (for viewport) */
    text-align:center;
}

/*fix for controls with label align left - the entire control's content is not visible*/
.ext-ie6 .x-form-label-left .x-column {padding:1px 0px;}
.ext-ie6 .x-form-label-left .x-form-element .x-column {padding:0px;}

/*fix for controls with buttons - the top of the control is grater with 1 pixel*/
.ext-ie .x-form-field-wrap {top:-1pt;}

/* IE8 thinks that the most important rule is ".ext-ie .x-form-label-left .x-form-item .x-form-item-label"
even for hidden labels, so define a new rule for labels inside containers with "x-hide-label"
and mark it !important */
.x-hide-label > label.x-form-item-label {display: none !important;}

/*fix for ie - when the x-form-item is less than x-form-element width the control disapears*/
.ext-ie .x-form-label-left .x-form-item {white-space:nowrap;}
.ext-ie .x-form-label-left .x-form-item .x-form-item-label{display:inline-block; float: none;}
.ext-ie .x-form-label-left .x-form-item .x-form-element{display:inline;}
.ext-ie .x-form-label-left .x-form-item .x-form-field-wrap{display:inline;}
.ext-ie .x-form-label-left .x-form-item .x-form-check-wrap{display:inline;}


/*we do not need margins or paddings as distances between controls are handled by flow layout*/
.x-form-item {margin-bottom:0px;}
.x-form-label-top .x-form-item {padding-bottom:0px;}
.x-form-label-top .x-hide-label .x-form-element{padding-top:0px;}

.ext-ie6 .x-form-label-top .x-form-item {padding-bottom:1px;}
.ext-ie6 .x-form-label-top .x-hide-label .x-form-element{padding-bottom:1px;}

/*undo ext style as ie7 computes surround div height by adding content margin*/
.ext-ie7 .x-form-text {margin:0px;}
/*although the height of the div is 0 ie8 adds 1 pixel to the parent content height*/
.ext-ie8 .x-form-clear-left {margin-bottom:-1px}

/*no margin or padding for fieldset - handled from application*/
.x-fieldset{padding:0px;margin:0px;}
.ext-ie .x-fieldset{padding:0px;margin:0px;}
.ext-ie .x-fieldset LEGEND{margin-bottom:0px;}

/*the fieldset border causes a hidden 1px margin of the fieldset body*/
.ext-ie .x-fieldset-bwrap{margin:0px, -1px, -1px, -1px;}

/*fix for ie for double margin*/
.ext-ie6 .x-column-inner .x-form-label-left{display:inline;}
.ext-ie6 .x-column-inner .x-form-label-top{display:inline;}

/*please, no top for x-form-field-wrap - it looks ugly :)*/
.ext-ie .x-form-field-wrap {TOP: 0pt}

/*no padding for label - we are using labelPad cobfig*/
.x-form-item label.x-form-item-label {padding : 0px;}

/*add back the hide label functionality*/
.x-hide-label .x-form-item label.x-form-item-label {display:none;}
.ext-ie .x-hide-label .x-form-item label.x-form-item-label {display:none;}


/*
.x-fieldset{padding:0px;}
.ext-ie .x-fieldset legend{margin-bottom:0px;}
.ext-ie .x-fieldset{padding-top:0;padding-bottom:1px;}



.ext-gecko .x-window-body .x-form-item{overflow:visible;}
.x-form-label-left .x-form-item-label{overflow:hidden;}
.x-form-label-top .x-form-item {padding-bottom:0px;}
.x-hide-label .x-form-element {padding-top:0px;}

.ext-ie6 .x-form-label-left .x-form-item {white-space:nowrap;position:relative;}
.ext-ie6 .x-column .x-form-label-left .x-form-item {display:inline;}
.ext-ie6 .x-form-label-left .x-form-item-label{display:inline-block; float: none;vertical-align:top;padding-top:4px;padding-bottom:2px;}
.ext-ie6 .x-form-label-left .x-form-element{display:inline;position:static;}
.ext-ie6 .x-form-label-left .x-form-field-wrap{display:inline;}
.ext-ie6 .x-form-label-left .x-form-check-wrap{display:inline;}
.ext-ie6 .x-form-text{margin:0;}
.ext-ie6 textarea.x-form-field{margin:0;}

.ext-ie6 .x-form-label-left .x-hide-label label.x-form-item-label{display:none;}
.ext-ie6 .x-form-text{vertical-align:top;}
*/
.x-form-file-upload-wrap {position: relative;}
.x-form-file-upload-wrap .x-form-file {z-index: 2; right: 17px; filter: alpha(opacity: 0); position: absolute; height: 22px; moz-opacity: 0; opacity: 0;}
.x-form-file-upload-wrap .x-form-twin-triggers {z-index: 1; right: 0px; position: absolute;}
.x-form-file-upload-wrap .x-form-text {z-index: 3; left: 0px; }
.x-form-file-upload-wrap .upload-file-icon {background-image: url(../img/file-browse-trigger.png);}
.x-form-file-upload-wrap .view-file-icon {background-image: url(../img/file-open-trigger.png);}
.x-form-file-upload-wrap-1b {position: relative;}
.x-form-file-upload-wrap-1b .x-form-file {z-index: 2; right: 0px; filter: alpha(opacity: 0); position: absolute; height: 22px; moz-opacity: 0; opacity: 0;}
.x-form-file-upload-wrap-1b .x-form-twin-triggers {z-index: 1; right: 0px; position: absolute;}
.x-form-file-upload-wrap-1b .x-form-text {z-index: 3; left: 0px; }
.x-form-file-upload-wrap-1b .upload-file-icon {background-image: url(../img/file-browse-trigger.png);}
.x-form-file-upload-wrap-1b .view-file-icon {background-image: url(../img/file-open-trigger.png);}
.x-form-checklist {padding:1px 3px;background:#fff url(../images/default/form/text-bg.gif) repeat-x 0 0;border:1px solid #B5B8C8; overflow: auto;}

.x-column-tree .x-tree-node {zoom: 1}
.x-column-tree .x-tree-node-el {zoom: 1}
.x-column-tree .x-tree-selected {background: #d9e8fb}
.x-column-tree .x-tree-node A {vertical-align: middle; line-height: 18px}
.x-column-tree .x-tree-node A SPAN {}
.x-column-tree .x-tree-node .x-tree-selected A SPAN {background: none transparent scroll repeat 0% 0%; color: #000}
.x-tree-col {padding-right: 1px; padding-left: 1px; float: left; padding-bottom: 0px; overflow: hidden; padding-top: 0px; zoom: 1}
.x-tree-col-text {padding-right: 3px; padding-left: 5px; padding-bottom: 3px; font: 11px arial, tahoma, helvetica, sans-serif; overflow: hidden; padding-top: 3px; white-space: nowrap; text-overflow: ellipsis; o-text-overflow: ellipsis}
.x-tree-hd-text {padding-right: 3px; padding-left: 5px; padding-bottom: 3px; font: 11px arial, tahoma, helvetica, sans-serif; overflow: hidden; padding-top: 3px; white-space: nowrap; text-overflow: ellipsis; o-text-overflow: ellipsis}
.x-tree-headers {background: url(../../resources/images/default/grid/grid3-hrow.gif) #f9f9f9 repeat-x 0px bottom; cursor: default; zoom: 1}
.x-tree-hd {border-right: #d0d0d0 1px solid; float: left; overflow: hidden; border-left: #eee 1px solid}

.x-form-checkedCombo-icon {
	width:16px;
	height:16px;
	float:left;
	background-position: -1px -1px ! important;
	background-repeat:no-repeat ! important;
}
.x-form-checkedCombo-icon-checked {
	background: transparent url(../../ext/resources/images/default/menu/checked.gif);
}
.x-form-checkedCombo-icon-unchecked {
	background: transparent url(../../ext/resources/images/default/menu/unchecked.gif);
}

.x-dataView { }

.x-dataView-label { font-size: 18px; }

/*styles for main menu*/
.x-menu-horizontal .x-menu-list {overflow: hidden;}
.x-menu-horizontal .x-menu-list .x-menu-list-item {float: left;}
.x-menu-horizontal .x-menu-list .x-menu-list-item .x-menu-item-arrow {background: url(menu-parent.gif) no-repeat right 9px;}
.x-menu-horizontal .x-menu-item-icon {display: none;}
.x-menu-horizontal .x-menu-item{padding-left:5px; padding-right:5px;}

.xg-hmenu-clr-flt .x-menu-item-icon{
	background-image: url(../img/grid/clearFilter.gif);
}

/* defined for row auto-height 
 i.e.: if this style is used instead of .x-grid3-cell-inner, .x-grid3-hd-inner,
 the grid row height will adapt to content
 */
.x-grid3-cell-inner-autoheight, .x-grid3-hd-inner{
	overflow:hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
    padding:3px 3px 3px 5px;
    white-space: normal; /* changed from nowrap in ext-all.css */
}

.red {
	color: red;
}

.green {
	color: green;
}

.blue {
	color: blue;
}

.magenta {
	color: magenta;
}

.yellow {
	color: yellow;
}

.black {
	color: black;
}

.navy
{
	color: Green;
	background-color: Gray;
}