body {
  font-family: arial, helvetica, verdana, sans-serif;
  color: #000;
  letter-spacing: 0px;
  text-decoration: none;
  font-size: 0.75em;
  background-color: white;
}



#loadingMsg {
  height: auto;
  padding: 50px;
  font-weight: bold;
  text-align: center;
}

.x-border-layout-ct, .x-layout-collapsed {
  background-color: white;
}

#logo {
  padding: 12px;
}

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

.logo {
  margin-bottom: 1px;
  margin-left: 10px;
}

#langLinks {
  text-align: right;
  padding-top: 8px;
  padding-right: 10px;
}

.currentLang {
  color: black !important;
}

#sideTabs .x-tab-panel-header {
  display: none;
}

.loading {
  font-size: 11px !important; 
}

.x-grid3-row,
.x-grid3-row-selected {
  border: 0;
  cursor: pointer;
}

.x-grid3-row-over {
  background: #eee;
}

.x-grid3-row td {
  font-family: arial, helvetica, verdana, sans-serif;
  font-size: 11px; 
}

#webHeaderDiv {
    width:100%;
    padding:0;
    margin:0 0 1px 0;
    height:100px;
    background-image: url(../gfx/bandeau.jpg);
    background-repeat: no-repeat;
    background-position: top right;
}
.webBlindThis {
    position: absolute;
    left: -999px;
    top: -999px;
    width: 0px;
    height: 0px;
    font-size: 0px;
    line-height: 0px;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    display: inline;
}
#webLogoDiv {
  width: 417px;
  height: 100px;
  float:left;
  background-image: url(../gfx/logo.png);
  background-position: top left;
  background-repeat: no-repeat;
}
.webTextOnlyComment {
  font-size: 0.8em;
  font-weight: bold;
  display:none;
}
#webServiceNavigationDiv{
  height:20px;
  background: #c2d1e1;
  margin: 0;
  border-bottom: 1px solid black;
}
#webServiceContentDiv {
  margin:0;
  padding:0;
  float:left;
  width:730px; /* wichtig fuer Opera */
}
#webServiceContentDiv ul {
  padding:0;
  margin:0;
  list-style-type:none;
}
#webServiceContentDiv li {
  float:left;
  margin:0px;
  background: url(../gfx/pipe.gif) transparent right bottom no-repeat;
}
#webServiceContentDiv .last {
  float:left;
  margin:0px;
  margin-right:5px;
  padding-right:5px;
  background:none;
}
#webServiceContentDiv li a {
  display:block;
  margin-top:5px;
}

.webServiceContent {
  font-size: 0.9em;
  font-weight: normal;
  color: #333;
  vertical-align:middle;
  margin:0 6px 0 6px;
  text-decoration: none;
}

.webServiceContent:link, .webServiceContent:active, .webServiceContent:visited, .webServiceContent:hover {
  font-size: 0.9em;
  font-weight: normal;
  color: #333;
  text-decoration: none;
}

a.webServiceContent:hover {
  text-decoration:none;
}

.webServiceLink:link, .webServiceLink:active,.webServiceLink:visited {
  color: #006699;
  font-size: 0.9em;
  font-weight:normal;
  text-decoration:underline;
}
.webServiceLink:hover {
  text-decoration:underline;
  font-size: 0.9em;
  font-weight:normal;
}

#login {
  float: right;
  margin-top: 3px;
}

ul.webSpracheDiv{
  margin: 2px 0 0 0;
  padding:0px;
  list-style-type:none;
  float:right;
}
ul.webSpracheDiv li {
  padding: 0 6px 0 6px;;
  float:left;
  background:url(../gfx/pipe.gif) no-repeat;
  background-position:left 2px;
}

ul.webSpracheDiv li.first {
  background:none;
}

.webSpracheDiv li a {
  font-size: 0.9em;
  font-weight: normal;
  color: #000;
  text-decoration: none;
  display:block;
  padding: 0px 0px;
  line-height:1.5em;
}
.webSpracheDiv li a:visited, .webSpracheDiv li a:active {
  color: #000;
}

.x-tree-node .x-tree-selected,
.x-tree-node .x-tree-node-over {
    background-color: transparent !important;
    cursor: default;
}

.x-tree-node a:hover, .x-dd-drag-ghost a:hover {
    text-decoration:none;
    cursor: default !important;
}

.x-tree-node-el,
.x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{
    cursor:default !important;
}

.x-panel-noborder .x-panel-header-noborder {
  color: white !important;
  text-align: center;
  background: #333 none !important;
  border-bottom: 1px solid black !important;
}


.x-toolbar {
  background: none;
  border: 0 !important;
}

div.olMap {
  background: #f9f9f9 url(mapbg.png);   
  border-top: 1px solid black !important;
}

.olMap {
  border: 0;
  border-left: 1px solid black !important;
}

#sidepanel {
  border: 0;
}

.x-btn button {
  font-weight: bold !important;
}

#fullmappanel {
  padding-top: 3px;
  height:22px;
}

#fullmappanel span {
  font-weight: bold;
  cursor: pointer;
}
.fullmappanel_label {
  float: left;
}
.fullmappanel_img {
  float: left;
  margin-left:2px;
  margin-top:-10px;
}

.fullmappanel_pipe {
  float: left;
  margin-left: 2px;
  margin-right: 3px;
  margin-top: -10px;
}

.previous {
  background-image:url(../gfx/tb_back_active.png) !important;
  margin-top:-7px !important;
}
.next {
  background-image:url(../gfx/tb_forward_active.png) !important;
  margin-top:-7px !important;
}

#webServiceContentDiv li.triggerButton {
  background-image: none;
}

.westPanelTriggerImgHide, .westPanelTriggerImgShow {
  width: 18px;
  height: 15px;
  position: relative;
  top: 6px;
  cursor: pointer;
}

.westPanelTriggerImgHide {
  background-image: url(../gfx/tb_hide_button.png);
}

.westPanelTriggerImgShow {
  background-image: url(../gfx/tb_show_button.png);
}

.ext-ie .westPanelTriggerImgHide,
.ext-ie .westPanelTriggerImgShow {
  top: 5px !important; 
}

#layermanager ul.x-tab-strip-top {
  border: 0;
  border-bottom: 0px solid black;
  background-color: #333333 !important;
}

#layermanager .lmtab {
  text-align: center;
}

#layermanager .lmtab .x-tab-strip-text {
  background: #333333 none;
  line-height: 15px;
  color: white;
  font-weight: bold;
}

#layermanager .x-tab-strip-active .x-tab-strip-text {
  background: #003466 none;
  color: white;
}

#layermanager ul.x-tab-strip li {
  margin: 0;
}

#layermanager .x-tab-strip-spacer {
  display: none;
}

#layermanager .x-tab-left, #layermanager .x-tab-right {
  padding: 0;
  background-image: none;
}

#layermanager .x-form-field {
  font-size:11px;
}

#layermanager .x-form-text {
    margin: 0px 0px !important;
    height: 22px;
}

#layermanager .x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
    padding-bottom:4px;
}

.x-btn button {
  font-family:arial,helvetica,verdana,sans-serif !important;
  font-size:12px !important;
}

.x-toolbar button {
  color:#000 !important;
}

.mapopacityslider {
  margin-left: 3px;
  margin-right: 3px;
}

#inspire_catalog_panel .x-tree-node-icon,
#inspire_catalog_panel .x-tree-icon,
#inspire_catalog_panel .x-tree-ec-icon,
#inspire_catalog_panel .x-tree-lines .x-tree-elbow-plus,
#inspire_catalog_panel .x-tree-lines .x-tree-elbow-minus,
#inspire_catalog_panel .x-tree-lines .x-tree-elbow-end-plus,
#inspire_catalog_panel .x-tree-lines .x-tree-elbow-end-minus,
#inspire_catalog_panel .x-tree-lines .x-tree-elbow-line,
#inspire_catalog_panel .x-tree-lines .x-tree-elbow,
#inspire_catalog_panel .x-tree-lines .x-tree-elbow-end {
    display: none;
}

#inspire_catalog_panel .x-tree-node .x-tree-selected {
    background-color: #003466 !important;
}

#inspire_catalog_panel .x-tree-node .x-tree-selected .x-tree-node-anchor span {
    color: white;
}

.nodeLT1, .nodeLT1selected {
    border-bottom:1px solid #ccc;
    font-weight: bold;
    text-indent: 1em;
    padding: 1px 0 1px 0;
    clear: left;
}

.nodeLT1selected {
    background-color: white !important;
}

.nodeLT1selected .x-tree-node-anchor span {
    color: 003466 !important;
    clear: left;
}

.nodeLT2, .nodeLT2selected {
    border-bottom:1px solid #ccc;
    text-indent: 2em;
    padding: 1px 0 1px 0;
    clear: left;
}

.nodeLT2selected {
    background-color: white !important;
}

.nodeLT2selected .x-tree-node-anchor span {
    color: 003466 !important;
    clear: left;
}

.nodeLT3, .nodeLT3selected {
    border-bottom:1px solid #ccc;
    text-indent: 2.5em;
    padding: 1px 0 1px 0;
    clear: left;
}

.nodeLT3selected {
    background-color: white !important;
}

.nodeLT3selected .x-tree-node-anchor span {
    color: 003466 !important;
    clear: left;    
}


.nodeLT4, .nodeLT4selected {
    border-bottom:1px solid #ccc;
    text-indent: 3em;
    padding: 1px 0 1px 0;
    clear: left;
}

.nodeLT4selected {
    background-color: white !important;
}

.nodeLT4selected .x-tree-node-anchor span {
    color: 003466 !important;
    clear: left;    
}



.nodeLT5, .nodeLT5selected {
    border-bottom:1px solid #ccc;
    text-indent: 3.5em;
    padding: 1px 0 1px 0;
    clear: left;
}

.ext-chrome .nodeLT2, .ext-chrome .nodeLT2selected, .ext-chrome .nodeLT3, .ext-chrome .nodeLT3selected, .ext-chrome .nodeLT4, .ext-chrome .nodeLT4selected, .ext-chrome .nodeLT5, .ext-chrome .nodeLT5selected    {
}


.nodeLT5selected {
    background-color: white !important;
}

.nodeLT5selected .x-tree-node-anchor span {
    color: 003466 !important;
    clear: left;    
}


.nodeBackgroundSelected {
    background-color: 003466 !important;
}

.nodeBackgroundSelected .x-tree-node-anchor span {
    color: white !important;
}

#inspire_catalog_panel .x-tree-node-cb {
  vertical-align: middle;
  visibility: hidden;
  
}

#inspire_catalog_panel .x-tree-node-loading a span {
    font-style:normal;
}

.office-provider {
  margin-top: 1px;
  margin-bottom: 5px;
  font-style:italic;
  color: 003466;
}

.bod-title {
  color: 003466;    
}

.nodeLT2 .treelayerlink, .nodeLT2selected .treelayerlink {
  float: left;
  padding: 0 !important;
  width: 17px;
  height: 19px !important;
  cursor: pointer;
}
.nodeLT2 .treelayerlink {
  background-image: url(../gfx/info_button_black.png);
}
.nodeLT2selected .treelayerlink {
  background-image: url(../gfx/info_button_white.png);
}

.nodeLT3 .treelayerlink, .nodeLT3selected .treelayerlink {
  float: left;
  padding: 0 !important;
  width: 17px;
  height: 19px !important;
  cursor: pointer;
}
.nodeLT3 .treelayerlink {
  background-image: url(../gfx/info_button_black.png);
}
.nodeLT3selected .treelayerlink {
  background-image: url(../gfx/info_button_white.png);
}

.nodeLT4 .treelayerlink, .nodeLT4selected .treelayerlink {
  float: left;
  padding: 0 !important;
  width: 17px;
  height: 19px !important;
  cursor: pointer;
}
.nodeLT4 .treelayerlink {
  background-image: url(../gfx/info_button_black.png);
}
.nodeLT4selected .treelayerlink {
  background-image: url(../gfx/info_button_white.png);
}

.nodeLT5 .treelayerlink, .nodeLT5selected .treelayerlink {
  float: left;
  padding: 0 !important;
  width: 17px;
  height: 19px !important;
  cursor: pointer;
}
.nodeLT5 .treelayerlink {
  background-image: url(../gfx/info_button_black.png);
}
.nodeLT5selected .treelayerlink {
  background-image: url(../gfx/info_button_white.png);
}

.treelayerpipe {
  float: left;
  margin-top: 2px;
  padding: 0 !important;
  width: 1px;
  height: 19px !important;
  cursor: pointer;
  background-image: url(../gfx/lt_pipe.png);
}

.checkboxOff, .checkboxOn {
  float: left;
  margin-top: 2px;
  margin-left: 2px;
  padding: 0 !important;
  width: 19px;
  height: 19px !important;
  cursor: pointer;
}
.nodeBackgroundSelected .checkboxOff, .nodeBackgroundSelected .checkboxOn {
  margin-top: 1px;
}
.checkboxOff {
  background-image: url(../gfx/lt_unselected_black.png);
}
.nodeBackgroundSelected .checkboxOff {
  background-image: url(../gfx/lt_unselected_white.png);
}
.checkboxOn {
  background-image: url(../gfx/lt_selected_black.png);
}
.nodeBackgroundSelected .checkboxOn {
  background-image: url(../gfx/lt_selected_white.png);
}

.treelayericon-raster-LT2, .treelayericon-point-LT2, .treelayericon-line-LT2, .treelayericon-polygon-LT2, .treelayericon-mixed-LT2,.treelayericon-raster-LT3, .treelayericon-point-LT3, .treelayericon-line-LT3, .treelayericon-polygon-LT3, .treelayericon-mixed-LT3,.treelayericon-raster-LT4, .treelayericon-point-LT4, .treelayericon-line-LT4, .treelayericon-polygon-LT4, .treelayericon-mixed-LT4,.treelayericon-raster-LT5, .treelayericon-point-LT5, .treelayericon-line-LT5, .treelayericon-polygon-LT5, .treelayericon-mixed-LT5 {
  float: left;
  margin-top: -14px;
  padding: 0 !important;
  width: 17px;
  height: 19px !important;
  cursor: pointer;
  background-repeat: no-repeat; 
}

.treelayericon-raster-LT2,.treelayericon-raster-LT3,.treelayericon-raster-LT4,.treelayericon-raster-LT5 {
  background-image: url(../gfx/raster.png);
}

.treelayericon-point-LT2,.treelayericon-point-LT3,.treelayericon-point-LT4,.treelayericon-point-LT5 {
  background-image: url(../gfx/point.png);
}

.treelayericon-line-LT2,.treelayericon-line-LT3,.treelayericon-line-LT4,.treelayericon-line-LT5 {
  background-image: url(../gfx/line.png);
}

.treelayericon-polygon-LT2,.treelayericon-polygon-LT3,.treelayericon-polygon-LT4,.treelayericon-polygon-LT5 {
  background-image: url(../gfx/polygon.png);
}

.treelayericon-mixed-LT2,.treelayericon-mixed-LT3,.treelayericon-mixed-LT4,.treelayericon-mixed-LT5 {
  background-image: url(../gfx/mixed.png);
}

.treelayericon-raster-LT2,.treelayericon-point-LT2,.treelayericon-line-LT2,.treelayericon-polygon-LT2,.treelayericon-mixed-LT2 {
  margin-left: 2.0em;
}


.treelayericon-raster-LT3,.treelayericon-point-LT3,.treelayericon-line-LT3,.treelayericon-polygon-LT3,.treelayericon-mixed-LT3 {
  margin-left: 2.5em;
}

.treelayericon-raster-LT4,.treelayericon-point-LT4,.treelayericon-line-LT4,.treelayericon-polygon-LT4,.treelayericon-mixed-LT4 {
  margin-left: 3.0em;
}

.treelayericon-raster-LT5,.treelayericon-point-LT5,.treelayericon-line-LT5,.treelayericon-polygon-LT5,.treelayericon-mixed-LT5 {
  margin-left: 3.5em;
}


.ext-safari .treelayericon-raster-LT2, .ext-safari .treelayericon-point-LT2, .ext-safari .treelayericon-line-LT2, .ext-safari .treelayericon-polygon-LT2, .ext-safari .treelayericon-mixed-LT2 {
  margin-top: 3px;
  margin-right: -40px;
}

.ext-safari .treelayericon-raster-LT3, .ext-safari .treelayericon-point-LT3, .ext-safari .treelayericon-line-LT3, .ext-safari .treelayericon-polygon-LT3, .ext-safari .treelayericon-mixed-LT3 {
  margin-top: 3px;
  margin-right: -40px;
}


.ext-safari .treelayericon-raster-LT4, .ext-safari .treelayericon-point-LT4, .ext-safari .treelayericon-line-LT4, .ext-safari .treelayericon-polygon-LT4, .ext-safari .treelayericon-mixed-LT4 {
  margin-top: 3px;
  margin-right: -40px;
}


.ext-safari .treelayericon-raster-LT5, .ext-safari .treelayericon-point-LT5, .ext-safari .treelayericon-line-LT5, .ext-safari .treelayericon-polygon-LT5, .ext-safari .treelayericon-mixed-LT5 {
  margin-top: 3px;
  margin-right: -40px;
}


.layerNodeTools {
  float: right;
  clear: left;
  height: 19px !important;
  margin-top: -25px;
  width: 45px;
}

.ext-safari .layerNodeTools {
  margin-top: -25px;
}

.ext-ie  .layerNodeTools {
  margin-top: -20px;
  width: 41px;
  margin-right: -20px;
}
.ext-ie  .nodeLT3 .layerNodeTools {
  margin-top: -20px;
  width: 41px;
  margin-right: -26px;
}
.ext-ie  .nodeLT4 .layerNodeTools {
  margin-top: -20px;
  width: 41px;
  margin-right: -31px;
}
.ext-ie  .nodeLT5 .layerNodeTools {
  margin-top: -20px;
  width: 41px;
  margin-right: -36px;
}

.ext-chrome .treelayericon-raster-LT2, .ext-chrome .treelayericon-point-LT2, .ext-chrome .treelayericon-line-LT2, .ext-chrome .treelayericon-polygon-LT2, .ext-chrome .treelayericon-mixed-LT2 {
  margin-top: 4px;
  margin-right: -40px;
}


.ext-chrome .treelayericon-raster-LT3, .ext-chrome .treelayericon-point-LT3, .ext-chrome .treelayericon-line-LT3, .ext-chrome .treelayericon-polygon-LT3, .ext-chrome .treelayericon-mixed-LT3 {
  margin-top: 4px;
  margin-right: -40px;
}

.ext-chrome .treelayericon-raster-LT4, .ext-chrome .treelayericon-point-LT4, .ext-chrome .treelayericon-line-LT4, .ext-chrome .treelayericon-polygon-LT4, .ext-chrome .treelayericon-mixed-LT4 {
  margin-top: 4px;
  margin-right: -40px;
}

.ext-chrome .treelayericon-raster-LT5, .ext-chrome .treelayericon-point-LT5, .ext-chrome .treelayericon-line-LT5, .ext-chrome .treelayericon-polygon-LT5, .ext-chrome .treelayericon-mixed-LT5 {
  margin-top: 4px;
  margin-right: -40px;
}


/* layer manager */
#layertree .x-tree-node {
  border-bottom: 1px solid #ddd;
}

#layertree .gx-tree-layer-actions {
  float: right;
  padding-top: 2px;
}

#layertree .gx-tree-layer-action {
  background-position: center center;
  background-repeat: no-repeat;
  border: 0 none;
  height: 16px;
  margin: 0;
  padding: 0;
  vertical-align: top;
  width: 16px;
  cursor: pointer;
}
#layertree .gx-tree-layer-actions .pipe,
#layertree .gx-tree-layer-actions .pipe-up,
#layertree .gx-tree-layer-actions .pipe-down {
  background-image: url(../gfx/lt_pipe.png);
  cursor: default;
  width: 2px;
}
#layertree .gx-tree-layer-actions .delete {
  background-image: url(../gfx/close_button.png);
}
#layertree .gx-tree-layer-actions .up {
  background-image: url(../gfx/lt_layer_order_up_active.png);
}
#layertree .gx-tree-layer-actions .down {
  background-image: url(../gfx/lt_layer_order_down_active.png);
}
#layertree .gx-tree-layer-actions .close {
  background-image: url(../gfx/lt_close_options.png);
  position: absolute;
  left: 3px;
  margin-top: 17px;
  z-index: 1000;
  display: none;
}
#layertree .gx-tree-layer-actions .open {
  background-image: url(../gfx/lt_open_options.png);
  position: absolute;
  left: 3px;
}

#layertree .gx-tree-layer-actions .tbar {
  background-image: url(../gfx/info_button_black.png);
}

#layertree .gx-toolbar {
  border: 0 !important;
  padding-left: 30px;
  border-top: 1px solid #eee !important;
  height:18px;
}
#layertree .x-toolbar .xtb-text,
#layertree .x-toolbar .ytb-text {
  font-weight: normal;
  font-size: 0.9em; 
}
#layertree .x-slider-thumb {
  background-image: url(../gfx/lo_cursor_opacity.png);
}

#layertree .x-slider-thumb-over {
  background-image: url(../gfx/lo_cursor_opacity.png);
  background-position: 0px 0px;
}

#layertree .x-slider-thumb-drag {
  background-image: url(../gfx/lo_cursor_opacity.png);
  background-position: 0px 0px;
}

.x-slider-horz .x-slider-thumb {
    height: 9px;
    width: 7px;
    top: 7px;
}
.x-slider-horz {
    padding-left:7px;
    background:transparent  url(../gfx/slider-bg.png) no-repeat 0 -22px;
}

.x-slider-horz .x-slider-inner {
   background:transparent url(../gfx/slider-bg.png) repeat-x scroll 0 0 !important;
}

.x-slider-horz .x-slider-end {
   background:transparent url(../gfx/slider-bg.png) no-repeat scroll right -44px !important;
}

#layertree .layer-info {
  background: transparent url(../gfx/info_button_black.png) no-repeat center;
  margin-right:-5px;
}

#layertree .x-tree-node-icon {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
}
#layertree .tree-layer-icon-raster {
  background-image: url(../gfx/raster.png);
}
#layertree .tree-layer-icon-point {
  background-image: url(../gfx/point.png);
}
#layertree .tree-layer-icon-line {
  background-image: url(../gfx/line.png);
}
#layertree .tree-layer-icon-polygon {
  background-image: url(../gfx/polygon.png);
}
#layertree .tree-layer-icon-mixed {
  background-image: url(../gfx/mixed.png);
}

/* end of layer manager */

.tooltip_header {
  background-color: #eee;
  margin: 1px;
  padding: 4px;
}

.tooltip_footer {
  margin: 1px;
  padding: 4px;
}

.x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-mc button {
  background-image: none;
}
.x-toolbar .x-btn-over .x-btn-ml,
.x-toolbar .x-btn-over .x-btn-mr,
.x-toolbar .x-btn-over .x-btn-mc,
.x-toolbar .x-btn-over .x-btn-tl,
.x-toolbar .x-btn-over .x-btn-tr,
.x-toolbar .x-btn-over .x-btn-tc,
.x-toolbar .x-btn-over .x-btn-bl,
.x-toolbar .x-btn-over .x-btn-br,
.x-toolbar .x-btn-over .x-btn-bc {
  background-image: none;
}
.x-toolbar .x-btn-over button {
  color: #000;
}

.x-toolbar .x-btn-click .x-btn-ml, 
.x-toolbar .x-btn-menu-active .x-btn-ml,
.x-toolbar .x-btn-click .x-btn-mr, 
.x-toolbar .x-btn-menu-active .x-btn-mr,
.x-toolbar .x-btn-click .x-btn-mc, 
.x-toolbar .x-btn-menu-active .x-btn-mc,
.x-toolbar .x-btn-click .x-btn-tl, 
.x-toolbar .x-btn-menu-active .x-btn-tl,
.x-toolbar .x-btn-click .x-btn-tr, 
.x-toolbar .x-btn-menu-active .x-btn-tr,
.x-toolbar .x-btn-click .x-btn-tc, 
.x-toolbar .x-btn-menu-active .x-btn-tc,
.x-toolbar .x-btn-click .x-btn-bl, 
.x-toolbar .x-btn-menu-active .x-btn-bl,
.x-toolbar .x-btn-click .x-btn-br, 
.x-toolbar .x-btn-menu-active .x-btn-br,
.x-toolbar .x-btn-click .x-btn-bc, 
.x-toolbar .x-btn-menu-active .x-btn-bc {
  background-image: none;
}
.x-toolbar .ytb-sep {
  background-image: url(../gfx/tb_pipe.png);
  margin-top: -6px;
  margin-left: 4px;
  height: 28px;
}

.x-toolbar .linkButtonCls {
  background-image: url(../gfx/tb_link_logo.png);
  margin-top:-8px;
}

.x-toolbar .printButtonCls {
  background-image: url(../gfx/tb_print_logo.png);
  margin-top:-8px;
}

.x-toolbar td, .x-toolbar span, .x-toolbar input, .x-toolbar div, .x-toolbar select, .x-toolbar label {
  font-family: arial, helvetica, verdana, sans-serif;     
  font-weight: bold;
  font-size: 10px;
}

.line-height-zero {
    line-height: 0;
}

.ext-ie .line-height-zero {
    height: 0;
}

.gx-popup {
  max-height: 500px;
}

.gx-popup .x-window-body {
  height: expression( this.scrollHeight > 279 ? "280px" : "auto" ) !important;
  max-height: 400px !important;
}

.bgLayerCls {
    font-weight:bold !important;
}

.bgLayerContainerCls {
    top: 0px !important;
}

.ext-ie .cbSearchContainerCls .x-form-field-wrap{
    top: 2px !important;
}

.x-form-focus, textarea.x-form-focus {
   border:1px solid #cccccc !important;
}

.x-combo-list .x-combo-selected {
   background:#eeeeee none repeat scroll 0 0 !important;
   border:1px dotted #cccccc !important;
}

.x-combo-list {
   background:#eeeeee none repeat scroll 0 0 !important;
   border:1px solid #cccccc !important;
   overflow:hidden !important;
}

.x-combo-list-inner {
   overflow-x: visible !important;
}

.x-window-mc {
   border:0px !important;
}

.x-window-tc {
    background-image:url(../gfx/ext/resources/images/gray/window/top-bottom.png);
}
.x-window-tl {
    background-image:url(../gfx/ext/resources/images/gray/window/left-corners.png);
}
.x-window-tr {
    background-image:url(../gfx/ext/resources/images/gray/window/right-corners.png);
}
.x-window-bc {
    background-image:url(../gfx/ext/resources/images/gray/window/top-bottom.png);
}
.x-window-bl {
    background-image:url(../gfx/ext/resources/images/gray/window/left-corners.png);
}
.x-window-br {
    background-image:url(../gfx/ext/resources/images/gray/window/right-corners.png);
}
.x-window-ml {
    background-image:url(../gfx/ext/resources/images/gray/window/left-right.png);
}
.x-window-mr {
    background-image:url(../gfx/ext/resources/images/gray/window/left-right.png);
}

.x-tool-pipe1 {
   background-image:url(../gfx/tb_pipe.png);
   width: 2px;
   height:23px;
   margin-top:-10px;
   margin-left: 6px;
}
.x-tool-pipe2 {
   background-image:url(../gfx/tb_pipe.png);
   width: 2px;
   height:23px;
   margin-top:-10px;
}
.x-tool-pipe3 {
   background-image:url(../gfx/tb_pipe.png);
   width: 2px;
   height:23px;
   margin-top:-10px;
}
.x-tool-pipe4 {
   background-image:url(../gfx/tb_pipe.png);
   width: 350px;
   height:23px;
   margin-top:-10px;
}
.x-tool-pipe5 {
   background-image:url(../gfx/tb_pipe.png);
   width: 2px;
   height:23px;
   margin-top:-10px;
}

.x-tool-print {
   background-position:-1000px -315px;
   width:60px;
}

.x-tool-infoTool {
   background-image:url(../gfx/info_logo_003466.png);
   margin-top:-3px;
   height: 19px;
}

.x-tool-infoBox {
   background-image: none;
   margin-top:1px;
   width: 42px;
}

.exportContainer .x-form-text {
    height: 18px;
}

.ext-ie .exportContainer .x-form-text {
    height: 22px;
}

.ext-chrome .exportContainer .x-form-text {
    height: 21px;
}

.ext-ie .exportContainer .x-form-element {
    padding-bottom: 1px;
}

.ext-ie .exportContainer .x-form-field-wrap {
    padding-bottom: 1px;
    padding-top: 1px;
}

.x-tool-close {
   background-image:url(../gfx/close_button.png);
   margin-top:-2px;
}

.x-tool-close-over {
   background-image:url(../gfx/close_button.png);
   background-position:0 0;
}

.x-form-field-wrap .x-form-trigger{
    background:transparent url(../gfx/ext/resources/images/gray/form/trigger.gif) no-repeat 0 0; 
    
}

.x-form-field-wrap .x-form-trigger.loupe{
  
    background:transparent url(../gfx/loupe.gif) no-repeat 0 0; 
}


/* qtips */
.x-tip .x-tip-tc {
    background: transparent url(../gfx/ext/resources/images/gray/qtip/tip-sprite.gif) no-repeat 0 -62px;
}
.x-tip .x-tip-tl {
    background: transparent url(../gfx/ext/resources/images/gray/qtip/tip-sprite.gif) no-repeat 0 0;
}
.x-tip .x-tip-tr {
    background: transparent url(../gfx/ext/resources/images/gray/qtip/tip-sprite.gif) no-repeat right 0;
}
.x-tip .x-tip-bc {
    background: transparent url(../gfx/ext/resources/images/gray/qtip/tip-sprite.gif) no-repeat 0 -121px;
}
.x-tip .x-tip-bl {
    background: transparent url(../gfx/ext/resources/images/gray/qtip/tip-sprite.gif) no-repeat 0 -59px;
}
.x-tip .x-tip-br {
    background: transparent url(../gfx/ext/resources/images/gray/qtip/tip-sprite.gif) no-repeat right -59px;
}
.x-tip .x-tip-ml {
    background: #fff url(../gfx/ext/resources/images/gray/qtip/tip-sprite.gif) no-repeat 0 -124px;
}
.x-tip .x-tip-mr {
    background: transparent url(../gfx/ext/resources/images/gray/qtip/tip-sprite.gif) no-repeat right -124px;
}

/*.x-btn-ml{*/
    /*background:url(../gfx/ext/resources/images/gray/button/btn-sprite.gif) no-repeat 0 0;*/
/*}*/
/*.x-btn-mr{*/
    /*background:url(../gfx/ext/resources/images/gray/button/btn-sprite.gif) no-repeat 0 -21px;*/
/*}*/

/*.x-btn-mc{*/
    /*background:url(../gfx/ext/resources/images/gray/button/btn-sprite.gif) repeat-x 0 -42px;*/
/*}*/

/*[> Toggle button styles <]*/
/*.x-btn-pressed .x-btn-ml{*/
    /*background: url(../gfx/ext/resources/images/gray/button/btn-sprite.gif) no-repeat 0 -63px;*/
/*}*/
/*.x-btn-pressed .x-btn-mr{*/
    /*background: url(../gfx/ext/resources/images/gray/button/btn-sprite.gif) no-repeat 0 -84px;*/
/*}*/

/*.x-btn-pressed .x-btn-mc{*/
    /*background: url(../gfx/ext/resources/images/gray/button/btn-sprite.gif) repeat-x 0 -126px;*/
/*}*/

.location-label{
    margin-left:3px;
}

#MouseOver {
   position: absolute;
   background-color: #FFF;
   padding-bottom:2px;
   padding-left:2px;
   padding-right:2px;
   padding-top:2px;
   opacity:0.8;
   font-family:arial,tahoma,helvetica,sans-serif;
   font-size:11px;
}

.LayerInfo .x-window-body {
  height: expression( this.scrollHeight > 499 ? "500px" : "auto" ) !important;
  max-height: 500px !important;
}

.LayerInfo .x-panel-body {
  padding: 10px;
}

.olControlScaleLine {
   background-color: #dddddd;  /* the background          */
   filter:alpha(opacity=80);   /* Internet Explorer       */
   -moz-opacity:0.8;           /* Mozilla 1.6 and below   */
   opacity: 0.8;               /* newer Mozilla and CSS-3 */
}

.x-tree-node a span, .x-dd-drag-ghost a span {
   color:#333333 !important;

}

.visibility-on {
  background: transparent url(../gfx/lt_visible.png) no-repeat center !important;
  padding-top: 3px;
}

.visibility-off {
  background: transparent url(../gfx/lt_unvisible.png) no-repeat center !important;
  padding-top: 3px;
}


#mappanel .x-panel-bbar .x-toolbar {
  border: 1px solid black !important;
  border-bottom: 0 !important;
  border-right: 0 !important;
}

#mousepos, #elevation, #azimut {
  font-weight: normal;
}

#elevation {
    padding-left: 2px;
}

#act_link {
  height: 100px;
  width: 650px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}

.gx-popup-anc {
   background: none !important;
}

.azimut {
    background-image:url(../gfx/compas.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.profile {
    background-image:url(../gfx/profile9.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.azimut {
    background-image:url(../gfx/compas.png) !important;
    height: 20px !important;
    width: 20px !important;
}

/* mymaps */
.mymaps-body {
    padding: 5px;
}
.mymaps .title {
    font-weight: bold;
    font-size: 1.2em;
    padding-right: 5px;
}
.mymaps .author {
    font-style: italic;
}
.mymaps .lock, .mymaps .delete {
    color: transparent;
    margin-left: 5px;
    overflow: hidden;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}
.mymaps .linkContainer {
    float: right;
    height: 10px;
    width: 28px;
}
.mymaps button.link {
    background: url(../gfx/link.png);
}
.mymaps .light-btn .x-btn-tl, 
.mymaps .light-btn .x-btn-tr,
.mymaps .light-btn .x-btn-tc,
.mymaps .light-btn .x-btn-ml,
.mymaps .light-btn .x-btn-mr,
.mymaps .light-btn .x-btn-mc,
.mymaps .light-btn .x-btn-bl,
.mymaps .light-btn .x-btn-br,
.mymaps .light-btn .x-btn-bc {
    width: 0;
    height: 0;
    background-image: none;
}
.mymaps .light-btn .x-btn-tl i,
.mymaps .light-btn .x-btn-tr i,
.mymaps .light-btn .x-btn-tc i,
.mymaps .light-btn .x-btn-ml i,
.mymaps .light-btn .x-btn-mr i,
.mymaps .light-btn .x-btn-mc i,
.mymaps .light-btn .x-btn-bl i,
.mymaps .light-btn .x-btn-br i,
.mymaps .light-btn .x-btn-bc i {
    height: 0;
    width: 0;
}
.mymaps .lock {
    float: right;
    background: url(../gfx/lock.gif);
}
.mymaps .delete {
    visibility: hidden;
    float: right;
    background: url(../gfx/cross.png);
}
.mymaps .x-view-over .delete {
    visibility: visible;
}
.mymaps .create {
    padding: 10px;
    text-align: center;
}
.mymaps .view-item-wrap {
    line-height: 18px;
    cursor: pointer;
    border:1px solid transparent;
}
.mymaps .x-view-over {
    border:1px solid #dddddd;
    background: #efefef url(../mfbase/ext/resources/images/default/grid/row-over.gif) repeat-x left top;
}
.upload-icon {
    background: url("../mfbase/ext/examples/shared/icons/fam/image_add.png") no-repeat scroll 0 0 transparent !important;
}
.x-hyperlink {
    color: red !important;
    font-family: arial,helvetica,verdana,sans-serif !important;
    font-size: 11px !important;
    cursor: pointer;
    padding-right: 5px;
    line-height: 20px;
}
.x-hyperlink:hover { text-decoration: underline; color: #3399ff; }

.feature-popup .x-window-mc {
    background-color: #F3F3F3;
    border-color: transparent;
}
.feature-popup .thumbnail {
    cursor: pointer;
}
.mymaps .x-grid3-dirty-cell {
    background-image: none;
}

.x-btn .loading {
    background-image: url(../gfx/loading.gif) !important;
}

.mymaps .x-btn-text-icon .x-btn-icon-small-left .rating {
    background-image: url(../gfx/rating_sprite.png);
    padding-left: 66px;
}

.mymaps .rating-count {
    float: left;
    margin: 0 4px 0 5px;
    padding-top: 2px;
    height: 12px;
}

.mymaps .rating-count button.rating {
    font-size: 11px !important;
    font-weight: normal !important;
    line-height: 12px;
    height: 12px;
}

.ext-ie .mymaps .rating-count button.rating {
    line-height: 10px;
}

.mymaps .x-btn-text-icon .x-btn-icon-small-left .rating0,
.rating-menu .x-menu-list-item .rating0 img {
    background-position: 0 0;
}
.mymaps .x-btn-text-icon .x-btn-icon-small-left .rating1,
.rating-menu .x-menu-list-item .rating1 img {
    background-position: 0 -28px;
}
.mymaps .x-btn-text-icon .x-btn-icon-small-left .rating2,
.rating-menu .x-menu-list-item .rating2 img {
    background-position: 0 -56px;
}
.mymaps .x-btn-text-icon .x-btn-icon-small-left .rating3,
.rating-menu .x-menu-list-item .rating3 img {
    background-position: 0 -84px;
}
.mymaps .x-btn-text-icon .x-btn-icon-small-left .rating4,
.rating-menu .x-menu-list-item .rating4 img {
    background-position: 0 -112px;
}
.mymaps .x-btn-text-icon .x-btn-icon-small-left .rating5,
.rating-menu .x-menu-list-item .rating5 img {
    background-position: 0 -140px;
}

.rating-menu {
    background-image: none;
}
.rating-menu .x-menu-list-item img {
    background-image: url(../gfx/rating_sprite.png);
    width: 64px;
    height: 13px;
}
.mymaps .clear {
    clear: left;
}

/*
 * 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;
    cursor: pointer;
    height: 48px;
}
.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;
}
.x-btn-icon .image {
    width: 40px !important;
    height: 40px !important;
}
.selectTool {
    background-image:
        url(http://shop.geoportail.lu/Portail/images/commande/selecttool.png)
        !important;
}


.yellow-row {
    background-color: #FFFF00 !important;
}

.red-row {
    background-color: #F5C0C0 !important;
}

.orange-row {
    background-color: #FFF8BF !important;
}

.green-row {
    background-color: #99CC99 !important;
}

.gray-row {
    background-color: #EBECE4 !important;
}



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