/* ==================================== */
/* ExtJs overriddes                               */
/* ==================================== */
/* ExtJs override to make grid text selectable in Firefox
    (and other browsers? except IE)
*/
.x-grid3-row td,
.x-grid3-summary-row td,
.x-grid3-cell-text,
.x-grid3-hd-text,
.x-grid3-hd,
.x-grid3-row {
	-moz-user-select:inherit;
	-khtml-user-select:text;
}

/* ==================================== */
/* Misc styles                                       */
/* ==================================== */
.ss-required-asterisk {
	color:#C43B1D;
}
img.middle {
  vertical-align:middle;
  margin: 0 5px 0 0;
}

/* Allow text in grid cell to flow over multiple lines */
.ts-flow .x-grid3-cell-inner{
	overflow:hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
    padding:3px 3px 3px 5px;
    white-space: pre-line;
}

.ts-panel-header-font {
	font-size:11px;
	font-weight:bold !important;
	color: #15428B;
	font-family: tahoma,arial,verdana,sans-serif !important;
}

/* ==================================== */
/* Anchor icon for getfeatureinfo popup */
/* ==================================== */
.ts-popup-anc {
    background: transparent url(img/feature-info-anchor.png) no-repeat 0 0;
    position: relative;
    top:-1px;
    left:5px;
    z-index:2;
    height:16px;
    width:31px;
}
gx-popup-anc{
	background:transparent url(../img/anchor.png) no-repeat 0 0;
	position:absolute;
	left:5px;
	z-index:2;
	height:16px;
	width:31px;
	pointer-events:none;}
.gx-popup-anc.top{
	background:transparent url(../img/anchor-top.png) no-repeat 0 0;top:-16px;}
.gx-popup-anc.right{left:auto;right:5px;}
/* ==================== */
/* Button icons                               */
/* ==================== */
.add {
    background-image: url(../img/add.png);}
.addnote {
    background-image: url(../img/add-note16.png);}
.arrow-refresh {
    background-image: url(../img/arrow-refresh.png);}
.cursor {
    background-image: url(../img/cursor.png);}
.cursor-delete {
    background-image: url(../img/cursor-delete.png);}
.cut-red {
    background-image: url(../img/cut-red.png);}
.delete {
    background-image: url(../img/delete.png);}
.delete2 {
    background-image: url(../img/delete2.png);}
.door-in {
    background-image: url(../img/door-in.png);}
.door-out {
    background-image: url(../img/door-out.png);}
.drag-feature {
    background-image: url(../img/drag-feature.png);}
.draw-path {
    background-image: url(../img/draw-path.png);}
.draw-point {
    background-image: url(../img/draw-point.png);}
.draw-polygon {
    background-image: url(../img/draw-polygon.png);}
.draw-regular {
    background-image: url(../img/draw-regular.png);}
.feature-info {
    background-image: url(../img/feature-info.png);}
.folder-add {
    background-image: url(../img/folder-add.png);}
.folder-edit {
    background-image: url(../img/folder-edit.png);}
.help {
    background-image: url(../img/help.png);}
.info-anchor-up {
    background-image: url(../img/info-anchor-up.png);}
.info-anchor-down {
    background-image: url(../img/info-anchor-down.png);}
.information {
    background-image: url(../img/information.png);}
.layers {
    background-image: url(../img/layers.png);}
.legend {
    background-image: url(../img/legend16.png);}
.modify-feature {
    background-image: url(../img/modify-feature.png);}
.page-copy {
    background-image: url(../img/page-copy.png);}
.page-paste {
    background-image: url(../img/page-paste.png);}
.page-save {
    background-image: url(../img/page-save.png);}
.page-white {
    background-image: url(../img/page-white.png);}
.page-white-edit {
    background-image: url(../img/page-white-edit.png);}
.page-white-get {
    background-image: url(../img/page-white-get.png);}
.pan {
    background-image: url(../img/pan.png);}
.pdf {
    background-image: url(../img/pdf16.png);}
.penguin {
    background-image: url(../img/penguin16.png);}
.properties {
    background-image: url(../img/properties.png);}
.x-btn .refresh {
    background-image: url(../img/refresh.gif);
}
.ruler {
    background-image: url(../img/ruler.png);}
.ruler-square {
    background-image: url(../img/ruler-square.png);}
.search {
    background-image: url(../img/search.png);}
.shape-move-backwards {
    background-image: url(../img/shape-move-backwards.png);}
.table {
    background-image: url(../img/table.png);}
.transform-feature {
    background-image: url(../img/transform-feature.png);}
.zoom-in {
    background-image: url(../img/zoom-in.png);}
.zoom-max {
    background-image: url(../img/zoom-max.png);}
.zoom-out {
    background-image: url(../img/zoom-out.png);}
.zoom-previous {
    background-image: url(../img/zoom-previous.png);}
	
/* ====================================================================================================== */
/* Styling for wmsgetfeatureinfo popup (required for internet explorer as it ignores styling in response) */
/* ====================================================================================================== */
table.featureInfo, table.featureInfo td, table.featureInfo th {
    border:1px solid #ddd;
    border-collapse:collapse;
    margin:0;
    padding:0;
    font-size: 90%;
    padding:.2em .1em;
}
table.featureInfo th {
    padding:.2em .2em;
    font-weight:bold;
    background:#eee;
}
table.featureInfo td{
    background:#fff;
}
table.featureInfo tr.odd td{
    background:#eee;
}
table.featureInfo caption{
    text-align:left;
    font-size:100%;
    font-weight:bold;
    text-transform:uppercase;
    padding:.2em .2em;
}

.legend-item-label {
    font-style:italic;
    background-color:#99CCFF;
}

/* ==================== */
/* Mouse pointer styles */
/* ==================== */
.olControlWMSGetFeatureInfoActive { 
  cursor: help;
}
//.olControlSelectFeatureActive { 
//  cursor: help;
//}

.olControlZoomBoxActive.olDrawBox { 
  cursor: url('../img/zoom-in.cur'),url('lib/TSmap/img/zoom-in.cur'),crosshair;
}
.olControlNavigationActive.olDrawBox { 
  cursor: url('../img/zoom-in.cur'),url('lib/TSmap/img/zoom-in.cur'),crosshair;
}
.olControlZoomBoxOutActive.olDrawBox { 
  cursor: url('../img/zoom-out.cur'),url('lib/TSmap/img/zoom-out.cur'),crosshair;
}


.olControlZoomBoxActive { 
  cursor: url('../img/zoom-in.cur'),url('lib/TSmap/img/zoom-in.cur'),crosshair;
}

.olControlZoomBoxOutActive { 
  cursor: url('../img/zoom-out.cur'),url('lib/TSmap/img/zoom-out.cur'),crosshair;
}

.olControlNavigationActive { 
  cursor: move;
}

.olControlMeasureActive { 
  cursor: url('../img/measure.cur'),url('lib/TSmap/img/measure.cur'),crosshair
}

.olControlDrawPointActive { 
  cursor: url('../img/draw-point.cur'),url('lib/TSmap/img/draw-point.cur'),crosshair
}
.olControlDrawPathActive { 
  cursor: url('../img/draw-path.cur'),url('lib/TSmap/img/draw-path.cur'),crosshair
}
.olControlDrawPolygonActive { 
  cursor: url('../img/draw-polygon.cur'),url('lib/TSmap/img/draw-polygon.cur'),crosshair
}
.olControlDrawRegularActive { 
  cursor: url('../img/draw-regular.cur'),url('lib/TSmap/img/draw-regular.cur'),crosshair
}
.olControlDrawCircleActive { 
  cursor: url('../img/draw-circle.cur'),url('lib/TSmap/img/draw-circle.cur'),crosshair
}
/* ==================== */
/*TEST */
/* ==================== */

.olControlXXXActive { 
  cursor: url('../img/measure.cur'),url('lib/TSmap/img/measure.cur'),help
}

/* ==================== */
/* Context specific pointer styles */
/* ==================== */
.olControlAddNoteActive { 
  cursor: url('../img/add-note.cur'),url('lib/TSmap/img/add-note.cur'),crosshair
}

.olControlPenguinActive { 
  cursor: url('../img/penguin-x.cur'),url('lib/TSmap/img/penguin-x.cur'),crosshair
}
/* .olControlDragFeatureActive { 
  cursor: move
} */
/* ============================================ */
/* Autoexpand selected row in capabilities grid */
/* ============================================ */

/*.x-cap-row-selected .x-grid3-row .x-grid3-row-collapsed {
	background-color: #dfe8f6 !important;
	background-image: none;
	border-color:#a3bae9;
} */
.x-cap-row-selected .x-grid3-row-table table {
	background-color: #dfe8f6 !important;
	background-image: none;
	border-color:#a3bae9;
} 
.x-cap-row-selected .x-grid3-row-body {
	background-color: #dfe8f6 !important;
	padding: 0 2 3 16;
	display:block !important;
}

.x-cap-row-selected .x-grid3-col-title,
 .x-cap-row-selected .x-grid3-col-name,
 .x-cap-row-selected .x-grid3-col-layergroup{
	background-color: #dfe8f6 !important;
	font-weight:bold;
}

/* ==================================================== */
/*              MAP ATTRIBUTION                                      */
/* ==================================================== */
.olControlMapAttribution {
    font-size: normal; 
	font-family: 'Arial';
	color: #999999;
    right: 20px; 
    bottom: 1em; 
    position: absolute; 
    display: block;
    background:#F8F8F8;
	padding: 1px 5px 1px 5px;
	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
}
/* ==================================================== */
/*              PHOTOGALLEREY                                        */
/* ==================================================== */
#photogallery .camera {
    background-image: url(../img/camera16a.png);}
 
#photogallery .x-panel-body{
	background: white;
	font: 11px Arial, Helvetica, sans-serif;
}
#photogallery .thumb{
	background: #dddddd;
	padding: 3px;
}
/*
#photogallery .thumb img{
	height: 90;
	width: 120;
}
*/
#photogallery .thumb-wrap{
	float: left;
	margin: 4px;
	margin-right: 0;
	padding: 5px;
}
#photogallery .thumb-wrap span{
	display: block;
	overflow: hidden;
	text-align: center;
}

#photogallery .x-view-over{
    border:1px solid #dddddd;
    background: #ffcc99;
	padding: 4px;
}

#photogallery .x-view-selected{
	background: #eff5fb;
	border:1px solid #99bbe8;
	padding: 4px;
}
#photogallery .x-view-selected .thumb{
	background:transparent;
}

#photogallery .loading-indicator {
	font-size:11px;
	background-image:url('../img/loading.gif');
	background-repeat: no-repeat;
	background-position: left;
	padding-left:20px;
	margin:10px;
}

/* ==================================================== */
/* Patch: Move google popup off screen  					   */
/* ==================================================== */
div.olLayerGoogleCopyright,
div.olLayerGooglePoweredBy
{
  display: none !important;
}
/*.olLayerGoogleCopyright{
	right:3px;
	bottom:2px;
	left:auto
}
.olLayerGooglePoweredBy{
	left:2px;
	bottom:2px
}
div.olLayerGoogleCopyright.olLayerGoogleV3{
	display:none;
	!important
}*/
}
/* ==================================================== */
/*              FEATUREGALLEREY                                     */
/* ==================================================== */
#featuregallery .feature-wrap{
	margin: 4px;
	margin-right: 0;
}
#featuregallery .x-panel-body{
	background: white;
	font: 12px Arial, Helvetica, sans-serif;
}
#featuregallery .x-view-over{
//    border:1px solid #dddddd;
    background: #eeeeee;
//	padding: 4px;
}

#featuregallery .x-view-selected{
	background: #d9e8fb;
//	border:1px solid #99bbe8;
//	padding: 4px;
}


/* ==================================================== */
/*              TREE                                     */
/* ==================================================== */
/* Leaf as folder icon */
.x-tree-node-leaf .x-tree-node-folder-icon{
	background-image:url(../img/folder.gif);
}
/* Drawing */
.x-tree-node-leaf .x-tree-node-drawing-icon{
	background-image:url(../img/page-white-edit.png);
}
/* Editable layer */
.x-tree-node-leaf .x-tree-node-editlayer-icon{
	background-image:url(../img/map-edit.png);
}
/* std layer */
.x-tree-node .x-tree-node-layer-icon{
	background-image:url(../img/layer.png);
}
/* group layer */
.x-tree-node .x-tree-node-layer-group{
	background-image:url(../img/layer-stack.png);
}
/* group layer - partial selection*/
.x-tree-node .x-tree-node-layer-group-partial{
	background-image:url(../img/layer-stack-partgrey.png);
}
/* sub layer */
.x-tree-node .x-tree-node-sub-layer{
	background-image:url(../img/layer.png);
}
/* dimension layer */
.x-tree-node .x-tree-node-dim-layer{
	background-image:url(../img/time-small.png);
}

.x-tree-node .x-tree-node-time-dimension {
    background-image: url(../img/time.png);}
	
.x-tree-noicon{display: none !important;}
/* ==================================================== */
/*              FILEUPLOADFIELD                                    */
/* ==================================================== */
.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;
}

