/* setting font fixes combobox rendering issues in IE. See
 * http://extjs.com/forum/showthread.php?t=72505 */
body {
    font-family:helvetica,tahoma,verdana,sans-serif;
}

/* application css goes here */

.olControlAttribution {
    text-align: right;
    font-size: 9px;
    bottom: 2px;
}

/* layouts */
.olControlEditingToolbar div {
    background-image: url("img/openlayers/editing_tool_bar_circle.png");
    float: left;
}

.olControlEditingToolbar .olControlDrawRectangleItemInactive{
    background-position: -128px -1px;
}

.olControlEditingToolbar .olControlDrawRectangleItemActive {
    background-position: -128px -24px;
}

.olControlEditingToolbar .olControlDrawCircleItemInactive{
    background-position: -1px -1px;
}

.olControlEditingToolbar .olControlDrawCircleItemActive {
    background-position: -1px -24px;
}

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

.ext-ux-slider-highlight { 
    position: absolute;
    background : red;
    opacity: 0.3;
    overflow:hidden;
}

.ext-ux-slider-customthumb { 
    position: absolute;
    background : blue;
    opacity: 0.5;
	height: 10px;
	width: 2px;
	margin-top: 6px;
	-moz-border-radius: 3px;
	border-radius: 3px;
    overflow:hidden;
}

.ext-ux-slider-rangethumb { 
    position: absolute;
    background : black;
    opacity: 0.7;
	height: 10px;
	width: 1px;
	margin-top: 6px;
	border-radius: 3px;
    overflow:hidden;
}

.x-slider-vert .ext-ux-slider-highlight {
    width:6px;
    left:8px;
}

.x-slider-horz .ext-ux-slider-highlight {
    height:6px;
    top:8px;
}

.gx-tree-layer-icon-raster {
    background-image: url(img/raster.png) !important;
}

.x-tree-lines .x-tree-elbow {
  background-image: none !important;
}
.x-tree-lines .x-tree-elbow {
  background-image: none !important;
}
.x-tree-elbow-end {
  background-image: none !important;
}
.x-tree-elbow-line {
  background-image: none !important;
}
.x-tree-lines .x-tree-elbow-end-minus {
  background-image: transparent url(../ext/resources/images/default/tree/elbow-end-minus-nl.gif) !important;
}
.x-tree-lines .x-tree-elbow-end-plus {
  background-image: transparent url(../ext/resources/images/default/tree/elbow-end-plus-nl.gif) !important;
}

.x-form-spinner-proxy{
	/*background-color:#ff00cc;*/
}
.x-form-field-wrap .x-form-spinner-trigger {
    background:transparent url('../ext/resources/images/default/spinner.gif') no-repeat 0 0;
}

.x-form-field-wrap .x-form-spinner-overup{
    background-position:-17px 0;
}
.x-form-field-wrap .x-form-spinner-clickup{
    background-position:-34px 0;
}
.x-form-field-wrap .x-form-spinner-overdown{
    background-position:-51px 0;
}
.x-form-field-wrap .x-form-spinner-clickdown{
    background-position:-68px 0;
}


.x-trigger-wrap-focus .x-form-spinner-trigger{
    background-position:-85px 0;
}
.x-trigger-wrap-focus .x-form-spinner-overup{
    background-position:-102px 0;
}
.x-trigger-wrap-focus .x-form-spinner-clickup{
    background-position:-119px 0;
}
.x-trigger-wrap-focus .x-form-spinner-overdown{
    background-position:-136px 0;
}
.x-trigger-wrap-focus .x-form-spinner-clickdown{
    background-position:-153px 0;
}
.x-trigger-wrap-focus .x-form-trigger{
    border-bottom: 1px solid #7eadd9;
}

.x-form-field-wrap .x-form-spinner-splitter {
	line-height:1px;
	font-size:1px;
    background:transparent url('../ext/resources/images/default/spinner-split.gif') no-repeat 0 0;
	position:absolute;
	cursor: n-resize;
}
.x-trigger-wrap-focus .x-form-spinner-splitter{
    background-position:-14px 0;
}

.disabled-row .x-grid-cell {
    background-color: lightgray !important;
}

.opgk-accordion .x-panel-header
{
    font-weight: bold !important;
}

.opgk-feature-info-object-header .x-panel-header
{
    font-weight: bold !important;
}
.opgk-feature-info-layer-header > .x-panel-header
{
    font-weight: bold !important;
    background-image: none;
    background-color: #c2c2c2;
}