@CHARSET "UTF-8";

/**
 *  ExtJS overloading
 */
.x-layout-collapsed-west {
  background-image: url(./../images/navigation.gif);
  background-repeat: no-repeat;
  background-position: center;
}

.x-btn-icon .x-btn-center .x-btn-text {
background-position:center center;
background-repeat:no-repeat;
cursor:pointer;
height:19px !important;
padding:0;
white-space:nowrap;
width:19px !important;
}






/**
 *  Specific Carmen CSS descriptors 
 */

/* Toolbar buttons */

.cmn-tool-addwms .x-btn-text {
  background-image: url('../images/AddWMS_OFF.gif'); 
}
.x-btn-pressed.cmn-tool-addwms .x-btn-text {
  background-image: url('../images/AddWMS_ON.gif'); 
}
.cmn-tool-context .x-btn-text {
  background-image: url('../images/Context_OFF.gif'); 
}
.x-btn-pressed.cmn-tool-context .x-btn-text {
  background-image: url('../images/Context_ON.gif'); 
}
.cmn-tool-save .x-btn-text {
  background-image: url('../images/Save_OFF.gif'); 
}
.x-btn-pressed.cmn-tool-save .x-btn-text {
  background-image: url('../images/Save_ON.gif'); 
}
.cmn-tool-printpdf .x-btn-text {
  background-image: url('../images/PrintPdf_OFF.gif'); 
}
.x-btn-pressed.cmn-tool-printpdf .x-btn-text {
  background-image: url('../images/PrintPdf_ON.gif'); 
}
.cmn-tool-legend .x-btn-text {
  background-image: url('../images/Legende_OFF.gif'); 
}
.cmn-tool-printnav .x-btn-text {
  background-image: url('../images/PrintNav_OFF.gif'); 
}
.x-btn-pressed.cmn-tool-printnav .x-btn-text {
  background-image: url('../images/PrintNav_ON.gif'); 
}
.cmn-tool-requete .x-btn-text {
  background-image: url('../images/Requete_OFF.gif'); 
}
.x-btn-pressed.cmn-tool-requete .x-btn-text {
  background-image: url('../images/Requete_ON.gif'); 
}
.cmn-tool-reload .x-btn-text {
  background-image: url('../images/Reload_OFF.png'); 
}
.cmn-tool-help .x-btn-text {
  background-image: url('../images/Aide_OFF.gif'); 
}
.cmn-tool-dnload .x-btn-text {
  background-image: url('../images/dnload.gif'); 
}
.x-btn-pressed.cmn-tool-dnload .x-btn-text {
  background-image: url('../images/Telechargement_ON.gif'); 
}
.cmn-tool-pan .x-btn-text {
  background-image: url('../images/Pan_OFF.gif'); 
}
.x-btn-pressed.cmn-tool-pan .x-btn-text {
  background-image: url('../images/Pan_ON.gif'); 
}

.cmn-tool-zoomin .x-btn-text {
  background-image: url('../images/ZoomIn_OFF.gif'); 
}
.x-btn-pressed.cmn-tool-zoomin .x-btn-text {
  background-image: url('../images/ZoomIn_ON.gif'); 
}

.cmn-tool-zoomout .x-btn-text {
  background-image: url('../images/ZoomOut_OFF.gif'); 
}
.x-btn-pressed.cmn-tool-zoomout .x-btn-text {
  background-image: url('../images/ZoomOut_ON.gif'); 
}

.cmn-tool-fitall .x-btn-text {
  background-image: url('../images/FitAll_OFF.gif'); 
}
.x-btn-pressed.cmn-tool-fitall .x-btn-text {
  background-image: url('../images/FitAll_ON.gif'); 
}

.cmn-tool-info .x-btn-text {
  background-image: url('../images/Infos_OFF.gif'); 
}
.x-btn-pressed.cmn-tool-info .x-btn-text {
  background-image: url('../images/Infos_ON.gif'); 
}

.cmn-tool-zoomprev .x-btn-text {
  background-image: url('../images/ZoomPrec_OFF.gif'); 
}
.x-btn-pressed.cmn-tool-zoomprev .x-btn-text {
  background-image: url('../images/ZoomPrec_ON.gif'); 
}

.cmn-tool-infourl .x-btn-text {
  background-image: url('../images/InfosURL_OFF.gif'); 
}
.x-btn-pressed.cmn-tool-infourl .x-btn-text {
  background-image: url('../images/InfosURL_ON.gif'); 
}

.cmn-tool-surface .x-btn-text {
  background-image: url('../images/Surface_OFF.gif'); 
}
.x-btn-pressed.cmn-tool-surface .x-btn-text {
  background-image: url('../images/Surface_ON.gif'); 
}

.cmn-tool-mesure .x-btn-text {
  background-image: url('../images/Mesure_OFF.gif'); 
}
.x-btn-pressed.cmn-tool-mesure .x-btn-text {
  background-image: url('../images/Mesure_ON.gif'); 
}

.cmn-tool-annotate .x-btn-text {
  background-image: url('../images/Annotate_OFF.gif'); 
}
.x-btn-pressed.cmn-tool-annotate .x-btn-text {
  background-image: url('../images/Annotate_ON.gif'); 
}

/**
 * Carmen Controls
 */

.cmnControlMapserverScale {
    right: 3px;
    bottom: 3em;
    display: block;
    position: absolute;
    font-size: smaller;
}

.olControlMapserverScale {
    left: 3px;
    bottom: 1em;
    display: block;
    position: absolute;
    font-size: smaller;
}

.olControlAttributionCarmen {
    right: 3px;
    bottom: 1em;
    display: block;
    position: absolute;
    font-size: x-small;
}



div.cmnReferenceMapElement {
  -moz-border-radius-bottomleft:0;
  -moz-border-radius-bottomright:0;
  -moz-border-radius-topleft:0;
  -moz-border-radius-topright:0;
  background-color:#FFFFFF;
  padding:10px 10px 10px 10px;
}

.cmnReferenceMapExtentRectangle {
  background-image:url(../images/blank.gif);
  border:1px solid red;
  cursor:move;
  overflow:hidden;
}

.cmnControlOverviewMapElement {
  -moz-border-radius-bottomleft:0;
  -moz-border-radius-bottomright:0;
  -moz-border-radius-topleft:0;
  -moz-border-radius-topright:0;
  background-color:#FFFFFF;
}

.cmnControlOverviewMapExtentRectangle {
  background-image:url(../images/blank.gif);
  border:1px solid red;
  cursor:move;
  overflow:hidden;
}

.cmnControlOverviewMapRectReplacement {
  background-image:url(../images/overview_replacement.gif);
  background-position:center center;
  background-repeat:no-repeat;
  cursor:move;
  overflow:hidden;
}

.cmnControlOverviewMap {
  margin: auto !important;
  overflow-x:hidden;
  overflow-y:hidden;
  position:relative;
}

.areasClass{
	padding:2px;
	
}


/* Layer tree manager */

.cmnLayerTreeNodeIcon {
  height:10px !important;
  margin:0px !important;
  padding:2px 2px 2px 2px !important;
  vertical-align: middle;
  width:20px !important;
}

.cmnLayerTreeGroupNodeIcon {
  height:0px !important;
  width:0px !important;
}

.cmnLayerTreeLayerNodeIcon {
//  height:10px !important;
  height:auto !important;
  margin:0px !important;
  padding:2px 2px 2px 2px !important;
	vertical-align: top !important;
//  vertical-align: middle !important;
//  width:20px !important;
  width:auto !important;
}

.cmnTreeNodeIcon {
	clear:both !important;
}

.cmnLayerTreeLayerNodeMetadata span {
  text-decoration:underline !important;
  cursor: pointer !important;
}

.cmnLayerTreeNodeCb {
  margin-left:1px;
  vertical-align:middle !important;
}

.cmnLayerTreeNode a span {
  vertical-align:middle !important;
}

.cmnLayerTreeLayerInfoNodeCb {
  display : hidden;
}

.cmnInfoGridZoomIcon {
	width: 15px !important;
	height: 15px !important;
	margin: auto !important;
	background: transparent url(../images/zoomto.gif) no-repeat scroll center !important;
	cursor: pointer;
}

.cmnLayerTreeLayerWMSNodeIcon {
  height:10px !important;
  padding:2px 0px 0px 2px !important;
  vertical-align: middle !important;
  width:20px !important;
  overflow:hidden; border:0px solid black; position:relative;
  display : inline;
}
.cmnLayerTreeLayerWMSNodeIcon img {
  width:32px;height:23px;margin-left:-4px;margin-top:-6px;
}

.clipWMS {width:20px; height:10px; overflow:hidden; border:1px solid black; position:relative;}
.clipWMS img{width:32px;height:23px;margin-left:-4px;margin-top:-6px;}

.cmnTreeNodeRightIcon {
  vertical-align: middle;
  padding: 2px;
  width : 15px;
  height : 15px;
}

.cmnImgRenderer img{
  width: 15px !important;
  height: 15px !important;
  margin: auto !important;
  cursor: pointer;
}

/******************************************/
/* ExtJS fileUpload field CSS             */
/******************************************/

// file upload field part
.upload-icon { background: url('image_add.png') no-repeat 0 0 !important; }

/*
 * 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;
}

/****************************************/
/*	Loading styles      								*/
/****************************************/

/*
.loading-mask{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
z-index:20000;
}
.loading{
position:absolute;

left:45%;
top:40%;
padding:2px;
z-index:20001;
height:auto;
}
.loading img {
margin-bottom:5px;
}
.loading-indicator{
background:white;
color:#555;
font:bold 13px tahoma,arial,helvetica;
padding:10px;
margin:0;
text-align:center;
height:auto;
}*/



#loading-mask {
  position: absolute;
  left:     0;
  top:      0;
  width:    100%;
  height:   100%;
  z-index:  20000;
  background-color: white;
}

#loading {
  position: absolute;
  left:     50%;
  top:      50%;
  padding:  0px;
  z-index:  20001;
  height:   auto;
  width: 		200px;
  margin-left: -100px;
}

#loading .loading-indicator {
  background: url(../images/loading_big.gif) no-repeat;
  background-position: 80px 5px;
  color:      #555;
  font:       bold 16px tahoma,arial,helvetica;
  padding:    36px 0px;
  margin:     0;
  text-align: center;
  height:     auto;
  left: 			0px;
}


/****************************************/
/*	ToolTip Control      								*/
/****************************************/
.cmnToolTipField {
	font-weight: bold !important; 
}
.cmnToolTipData {
	font-style: italic !important;
}

.cmnToolBar {
	overflow-x: auto !important;
}