.olControlAttribution {
    bottom: 5px !important;
}

.float-left {
    float: left;
}

.clear-left {
    clear: left;
}

.zoomin {
    background-image: url(../images/toolbar/icon_zoomin.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.zoomout {
    background-image: url(../images/toolbar/icon_zoomout.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.zoomfull {
    background-image: url(../images/toolbar/icon_zoomfull.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.pan {
    background-image: url(../images/toolbar/icon_pan.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.drawpoint {
    background-image: url(../images/toolbar/draw_point_off.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.drawcircle {
    background-image: url(../images/toolbar/draw_circle.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.drawline {
    background-image: url(../images/toolbar/draw_line_off.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.drawpolygon {
    background-image: url(../images/toolbar/draw_polygon_off.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.measureline {
    background-image: url(../images/toolbar/ruler.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.measurepolygon {
    background-image: url(../images/toolbar/ruler_square.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.next {
    background-image: url(../images/toolbar/resultset_next.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.back {
    background-image: url(../images/toolbar/resultset_previous.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.identify {
    background-image: url(../images/toolbar/identify.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.print {
    background-image: url(../images/toolbar/printer.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.help {
    background-image: url(../images/toolbar/help.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.login .x-btn-text {
	background-image: url(../images/toolbar/lock.png) !important;
} 

.goto {
    background-image: url(../images/toolbar/goto.png) !important;
    height: 20px !important;
    width: 20px !important;
}

/* isde */

.addwms {
    background-image: url(../images/toolbar/add.gif) !important;
    /*height: 20px !important;
    width: 20px !important;*/
}

/* pms */

.selectroute {
    background-image: url(../images/toolbar/pencil-field.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.conditionrating {
    background-image: url(../images/toolbar/pencil-field.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.pathselect {
    background-image: url(../images/toolbar/pencil-field.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.cutline {
    background-image: url(../images/toolbar/scissors-blue.png) !important;
	height: 20px !important;
    width: 20px !important;
}

.wpipathselect {
    background-image: url(../images/toolbar/pencil-color.png) !important;
    height: 20px !important;
    width: 20px !important;
}

/* layer types*/
.polygon {
    background-image: url(../images/layer_types/polygon2.png) !important;
}

.map {
    background-image: url(../images/layer_types/map.png) !important;
}

.polyline {
    background-image: url(../images/layer_types/line3.png) !important;
}

.point {
    background-image: url(../images/layer_types/point.png) !important;
}

.grid {
    background-image: url(../images/layer_types/grid.png) !important;
}

.drawradii {
    background-image: url(../images/toolbar/draw_radii.png) !important;
    height: 20px !important;
    width: 20px !important;
}

/* for wpi selector */
.olControlScaleBar {
    top: 10px;
    left: 30px;
    font-family: sans-serif;
    color: #000;
}

.olControlScaleBarBar {
    height: 1px;
    top: 14px;
    background: #333;
}

.olControlScaleBarBarAlt {
    height: 1px;
    top: 14px;
    background: #333;
}

.olControlScaleBarMarkerMajor {
    height: 7px;
    width: 1px;
    top: 11px;
    background: #333;
}

.olControlScaleBarMarkerMinor {
    height: 5px;
    width: 1px;
    top: 12px;
    background: #333;
}

.olControlScaleBarNumbersBox {
    width: 40px;
    height: 13px;
    top: 21px;
    font-size: 0.7em;
}

.olControlScaleBarLabelBox {
    top: -2px;
    height: 15px;
    font-weight: bold;
    letter-spacing: 0.1em;
    font-size: 0.7em;
    font-variant: small-caps;
}

.olControlScaleBarLabelBoxSingleLine {
    height: 15px;
    width: 35px;
    top: 5px;
    left: 10px;
    font-size: 0.7em;
    font-variant: small-caps;
}
html, body {
    font: normal 12px verdana;
    margin: 0;
    padding: 0;
    border: 0 none;
    height: 100%;
}

/* hide icon with bug in collapsed panel */
.x-tool-expand-south {
    display: none;
}

.x-panel-collapsed-text {
    color: #15428b;
    font: bold 11px tahoma, arial, verdana, sans-serif;
    border: 0 none;
    padding: 5px 3px 4px 5px;
    line-height: 19px;
    background-image: none;
}

/* avoid pink tiles */
.olImageLoadError {
    background-color: transparent !important;
}

/* override overview map defaults
 .olControlOverviewMapElement {
 -moz-border-radius-bottomleft: 0;
 -moz-border-radius-bottomright: 0;
 -moz-border-radius-topleft: 1em;
 -moz-border-radius-topright: 0;
 background-color: #DFE8F6;
 padding: 10px 18px 10px 10px;
 }*/
#loading {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 20001;
}

#loading a {
    color: #225588;
}

#loading .loading-mask {
    padding: 2px;
    width: 100%;
    height: 100%;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity = 50);
    background-color: white;
}

#loading .loading-container {
    position: absolute;
    left: 45%;
    top: 40%;
    height: auto;
    border: 1px solid #ccc;
}

#loading .loading-indicator {
    background: white;
    color: #444;
    font: bold 13px tahoma, arial, helvetica;
    padding: 10px;
    margin: 0;
    height: auto;
	text-align:center;
}

#loading-msg {
    font: normal 10px arial, tahoma, sans-serif;
}

.compass-link a:link, a:visited, a:hover, a:active {
    text-decoration: none;
    color: #000000;
}

/*
 * for summary bioenergy grid styling
 */
.x-grid3-summary-row {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    color: #333;
    background: #f1f2f4;
}

.x-grid3-summary-row .x-grid3-cell-inner {
    font-weight: bold;
    padding-bottom: 4px;
}

.x-grid3-cell-first .x-grid3-cell-inner {
    padding-left: 16px;
}

.x-grid-hide-summary .x-grid3-summary-row {
    display: none;
}

.x-grid3-summary-msg {
    padding: 4px 16px;
    font-weight: bold;
}


.olControlAttribution {
    bottom: 5px !important;
}

.float-left {
    float: left;
}

.clear-left {
    clear: left;
}

.zoomin {
    background-image: url(../images/toolbar/icon_zoomin.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.zoomout {
    background-image: url(../images/toolbar/icon_zoomout.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.zoomfull {
    background-image: url(../images/toolbar/icon_zoomfull.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.pan {
    background-image: url(../images/toolbar/icon_pan.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.drawpoint {
    background-image: url(../images/toolbar/draw_point_off.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.drawcircle {
    background-image: url(../images/toolbar/draw_circle.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.drawline {
    background-image: url(../images/toolbar/draw_line_off.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.drawpolygon {
    background-image: url(../images/toolbar/draw_polygon_off.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.measureline {
    background-image: url(../images/toolbar/ruler.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.measurepolygon {
    background-image: url(../images/toolbar/ruler_square.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.next {
    background-image: url(../images/toolbar/resultset_next.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.back {
    background-image: url(../images/toolbar/resultset_previous.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.identify {
    background-image: url(../images/toolbar/identify.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.print {
    background-image: url(../images/toolbar/printer.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.help {
    background-image: url(../images/toolbar/help.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.login .x-btn-text {
	background-image: url(../images/toolbar/lock.png) !important;
} 

.goto {
    background-image: url(../images/toolbar/goto.png) !important;
    height: 20px !important;
    width: 20px !important;
}

/* isde */

.addwms {
    background-image: url(../images/toolbar/add.gif) !important;
    /*height: 20px !important;
    width: 20px !important;*/
}

/* pms */

.selectroute {
    background-image: url(../images/toolbar/pencil-field.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.conditionrating {
    background-image: url(../images/toolbar/pencil-field.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.pathselect {
    background-image: url(../images/toolbar/pencil-field.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.cutline {
    background-image: url(../images/toolbar/scissors-blue.png) !important;
	height: 20px !important;
    width: 20px !important;
}

.wpipathselect {
    background-image: url(../images/toolbar/pencil-color.png) !important;
    height: 20px !important;
    width: 20px !important;
}

/* layer types*/
.polygon {
    background-image: url(../images/layer_types/polygon2.png) !important;
}

.map {
    background-image: url(../images/layer_types/map.png) !important;
}

.polyline {
    background-image: url(../images/layer_types/line3.png) !important;
}

.point {
    background-image: url(../images/layer_types/point.png) !important;
}

.grid {
    background-image: url(../images/layer_types/grid.png) !important;
}

.drawradii {
    background-image: url(../images/toolbar/draw_radii.png) !important;
    height: 20px !important;
    width: 20px !important;
}

/* for wpi selector */
.olControlScaleBar {
    top: 10px;
    left: 30px;
    font-family: sans-serif;
    color: #000;
}

.olControlScaleBarBar {
    height: 1px;
    top: 14px;
    background: #333;
}

.olControlScaleBarBarAlt {
    height: 1px;
    top: 14px;
    background: #333;
}

.olControlScaleBarMarkerMajor {
    height: 7px;
    width: 1px;
    top: 11px;
    background: #333;
}

.olControlScaleBarMarkerMinor {
    height: 5px;
    width: 1px;
    top: 12px;
    background: #333;
}

.olControlScaleBarNumbersBox {
    width: 40px;
    height: 13px;
    top: 21px;
    font-size: 0.7em;
}

.olControlScaleBarLabelBox {
    top: -2px;
    height: 15px;
    font-weight: bold;
    letter-spacing: 0.1em;
    font-size: 0.7em;
    font-variant: small-caps;
}

.olControlScaleBarLabelBoxSingleLine {
    height: 15px;
    width: 35px;
    top: 5px;
    left: 10px;
    font-size: 0.7em;
    font-variant: small-caps;
}
html, body {
    font: normal 12px verdana;
    margin: 0;
    padding: 0;
    border: 0 none;
    height: 100%;
}

/* hide icon with bug in collapsed panel */
.x-tool-expand-south {
    display: none;
}

.x-panel-collapsed-text {
    color: #15428b;
    font: bold 11px tahoma, arial, verdana, sans-serif;
    border: 0 none;
    padding: 5px 3px 4px 5px;
    line-height: 19px;
    background-image: none;
}

/* avoid pink tiles */
.olImageLoadError {
    background-color: transparent !important;
}

/* override overview map defaults
 .olControlOverviewMapElement {
 -moz-border-radius-bottomleft: 0;
 -moz-border-radius-bottomright: 0;
 -moz-border-radius-topleft: 1em;
 -moz-border-radius-topright: 0;
 background-color: #DFE8F6;
 padding: 10px 18px 10px 10px;
 }*/
#loading {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 20001;
}

#loading a {
    color: #225588;
}

#loading .loading-mask {
    padding: 2px;
    width: 100%;
    height: 100%;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity = 50);
    background-color: white;
}

#loading .loading-container {
    position: absolute;
    left: 45%;
    top: 40%;
    height: auto;
    border: 1px solid #ccc;
}

#loading .loading-indicator {
    background: white;
    color: #444;
    font: bold 13px tahoma, arial, helvetica;
    padding: 10px;
    margin: 0;
    height: auto;
	text-align:center;
}

#loading-msg {
    font: normal 10px arial, tahoma, sans-serif;
}

.compass-link a:link, a:visited, a:hover, a:active {
    text-decoration: none;
    color: #000000;
}

/*
 * for summary bioenergy grid styling
 */
.x-grid3-summary-row {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    color: #333;
    background: #f1f2f4;
}

.x-grid3-summary-row .x-grid3-cell-inner {
    font-weight: bold;
    padding-bottom: 4px;
}

.x-grid3-cell-first .x-grid3-cell-inner {
    padding-left: 16px;
}

.x-grid-hide-summary .x-grid3-summary-row {
    display: none;
}

.x-grid3-summary-msg {
    padding: 4px 16px;
    font-weight: bold;
}


.olControlAttribution {
    bottom: 5px !important;
}

.float-left {
    float: left;
}

.clear-left {
    clear: left;
}

.zoomin {
    background-image: url(../images/toolbar/icon_zoomin.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.zoomout {
    background-image: url(../images/toolbar/icon_zoomout.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.zoomfull {
    background-image: url(../images/toolbar/icon_zoomfull.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.pan {
    background-image: url(../images/toolbar/icon_pan.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.drawpoint {
    background-image: url(../images/toolbar/draw_point_off.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.drawcircle {
    background-image: url(../images/toolbar/draw_circle.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.drawline {
    background-image: url(../images/toolbar/draw_line_off.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.drawpolygon {
    background-image: url(../images/toolbar/draw_polygon_off.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.measureline {
    background-image: url(../images/toolbar/ruler.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.measurepolygon {
    background-image: url(../images/toolbar/ruler_square.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.next {
    background-image: url(../images/toolbar/resultset_next.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.back {
    background-image: url(../images/toolbar/resultset_previous.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.identify {
    background-image: url(../images/toolbar/identify.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.print {
    background-image: url(../images/toolbar/printer.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.help {
    background-image: url(../images/toolbar/help.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.login .x-btn-text {
	background-image: url(../images/toolbar/lock.png) !important;
} 

.goto {
    background-image: url(../images/toolbar/goto.png) !important;
    height: 20px !important;
    width: 20px !important;
}

/* isde */

.addwms {
    background-image: url(../images/toolbar/add.gif) !important;
    /*height: 20px !important;
    width: 20px !important;*/
}

/* pms */

.selectroute {
    background-image: url(../images/toolbar/pencil-field.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.conditionrating {
    background-image: url(../images/toolbar/pencil-field.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.pathselect {
    background-image: url(../images/toolbar/pencil-field.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.cutline {
    background-image: url(../images/toolbar/scissors-blue.png) !important;
	height: 20px !important;
    width: 20px !important;
}

.wpipathselect {
    background-image: url(../images/toolbar/pencil-color.png) !important;
    height: 20px !important;
    width: 20px !important;
}

/* layer types*/
.polygon {
    background-image: url(../images/layer_types/polygon2.png) !important;
}

.map {
    background-image: url(../images/layer_types/map.png) !important;
}

.polyline {
    background-image: url(../images/layer_types/line3.png) !important;
}

.point {
    background-image: url(../images/layer_types/point.png) !important;
}

.grid {
    background-image: url(../images/layer_types/grid.png) !important;
}

.drawradii {
    background-image: url(../images/toolbar/draw_radii.png) !important;
    height: 20px !important;
    width: 20px !important;
}

/* for wpi selector */
.olControlScaleBar {
    top: 10px;
    left: 30px;
    font-family: sans-serif;
    color: #000;
}

.olControlScaleBarBar {
    height: 1px;
    top: 14px;
    background: #333;
}

.olControlScaleBarBarAlt {
    height: 1px;
    top: 14px;
    background: #333;
}

.olControlScaleBarMarkerMajor {
    height: 7px;
    width: 1px;
    top: 11px;
    background: #333;
}

.olControlScaleBarMarkerMinor {
    height: 5px;
    width: 1px;
    top: 12px;
    background: #333;
}

.olControlScaleBarNumbersBox {
    width: 40px;
    height: 13px;
    top: 21px;
    font-size: 0.7em;
}

.olControlScaleBarLabelBox {
    top: -2px;
    height: 15px;
    font-weight: bold;
    letter-spacing: 0.1em;
    font-size: 0.7em;
    font-variant: small-caps;
}

.olControlScaleBarLabelBoxSingleLine {
    height: 15px;
    width: 35px;
    top: 5px;
    left: 10px;
    font-size: 0.7em;
    font-variant: small-caps;
}
html, body {
    font: normal 12px verdana;
    margin: 0;
    padding: 0;
    border: 0 none;
    height: 100%;
}

/* hide icon with bug in collapsed panel */
.x-tool-expand-south {
    display: none;
}

.x-panel-collapsed-text {
    color: #15428b;
    font: bold 11px tahoma, arial, verdana, sans-serif;
    border: 0 none;
    padding: 5px 3px 4px 5px;
    line-height: 19px;
    background-image: none;
}

/* avoid pink tiles */
.olImageLoadError {
    background-color: transparent !important;
}

/* override overview map defaults
 .olControlOverviewMapElement {
 -moz-border-radius-bottomleft: 0;
 -moz-border-radius-bottomright: 0;
 -moz-border-radius-topleft: 1em;
 -moz-border-radius-topright: 0;
 background-color: #DFE8F6;
 padding: 10px 18px 10px 10px;
 }*/
#loading {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 20001;
}

#loading a {
    color: #225588;
}

#loading .loading-mask {
    padding: 2px;
    width: 100%;
    height: 100%;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity = 50);
    background-color: white;
}

#loading .loading-container {
    position: absolute;
    left: 45%;
    top: 40%;
    height: auto;
    border: 1px solid #ccc;
}

#loading .loading-indicator {
    background: white;
    color: #444;
    font: bold 13px tahoma, arial, helvetica;
    padding: 10px;
    margin: 0;
    height: auto;
	text-align:center;
}

#loading-msg {
    font: normal 10px arial, tahoma, sans-serif;
}

.compass-link a:link, a:visited, a:hover, a:active {
    text-decoration: none;
    color: #000000;
}

/*
 * for summary bioenergy grid styling
 */
.x-grid3-summary-row {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    color: #333;
    background: #f1f2f4;
}

.x-grid3-summary-row .x-grid3-cell-inner {
    font-weight: bold;
    padding-bottom: 4px;
}

.x-grid3-cell-first .x-grid3-cell-inner {
    padding-left: 16px;
}

.x-grid-hide-summary .x-grid3-summary-row {
    display: none;
}

.x-grid3-summary-msg {
    padding: 4px 16px;
    font-weight: bold;
}


.olControlAttribution {
    bottom: 5px !important;
}

.float-left {
    float: left;
}

.clear-left {
    clear: left;
}

.zoomin {
    background-image: url(../images/toolbar/icon_zoomin.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.zoomout {
    background-image: url(../images/toolbar/icon_zoomout.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.zoomfull {
    background-image: url(../images/toolbar/icon_zoomfull.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.pan {
    background-image: url(../images/toolbar/icon_pan.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.drawpoint {
    background-image: url(../images/toolbar/draw_point_off.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.drawcircle {
    background-image: url(../images/toolbar/draw_circle.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.drawline {
    background-image: url(../images/toolbar/draw_line_off.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.drawpolygon {
    background-image: url(../images/toolbar/draw_polygon_off.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.measureline {
    background-image: url(../images/toolbar/ruler.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.measurepolygon {
    background-image: url(../images/toolbar/ruler_square.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.next {
    background-image: url(../images/toolbar/resultset_next.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.back {
    background-image: url(../images/toolbar/resultset_previous.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.identify {
    background-image: url(../images/toolbar/identify.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.print {
    background-image: url(../images/toolbar/printer.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.help {
    background-image: url(../images/toolbar/help.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.login .x-btn-text {
	background-image: url(../images/toolbar/lock.png) !important;
} 

.goto {
    background-image: url(../images/toolbar/goto.png) !important;
    height: 20px !important;
    width: 20px !important;
}

/* isde */

.addwms {
    background-image: url(../images/toolbar/add.gif) !important;
    /*height: 20px !important;
    width: 20px !important;*/
}

/* pms */

.selectroute {
    background-image: url(../images/toolbar/pencil-field.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.conditionrating {
    background-image: url(../images/toolbar/pencil-field.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.pathselect {
    background-image: url(../images/toolbar/pencil-field.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.cutline {
    background-image: url(../images/toolbar/scissors-blue.png) !important;
	height: 20px !important;
    width: 20px !important;
}

.wpipathselect {
    background-image: url(../images/toolbar/pencil-color.png) !important;
    height: 20px !important;
    width: 20px !important;
}

/* layer types*/
.polygon {
    background-image: url(../images/layer_types/polygon2.png) !important;
}

.map {
    background-image: url(../images/layer_types/map.png) !important;
}

.polyline {
    background-image: url(../images/layer_types/line3.png) !important;
}

.point {
    background-image: url(../images/layer_types/point.png) !important;
}

.grid {
    background-image: url(../images/layer_types/grid.png) !important;
}

.drawradii {
    background-image: url(../images/toolbar/draw_radii.png) !important;
    height: 20px !important;
    width: 20px !important;
}

/* for wpi selector */
.olControlScaleBar {
    top: 10px;
    left: 30px;
    font-family: sans-serif;
    color: #000;
}

.olControlScaleBarBar {
    height: 1px;
    top: 14px;
    background: #333;
}

.olControlScaleBarBarAlt {
    height: 1px;
    top: 14px;
    background: #333;
}

.olControlScaleBarMarkerMajor {
    height: 7px;
    width: 1px;
    top: 11px;
    background: #333;
}

.olControlScaleBarMarkerMinor {
    height: 5px;
    width: 1px;
    top: 12px;
    background: #333;
}

.olControlScaleBarNumbersBox {
    width: 40px;
    height: 13px;
    top: 21px;
    font-size: 0.7em;
}

.olControlScaleBarLabelBox {
    top: -2px;
    height: 15px;
    font-weight: bold;
    letter-spacing: 0.1em;
    font-size: 0.7em;
    font-variant: small-caps;
}

.olControlScaleBarLabelBoxSingleLine {
    height: 15px;
    width: 35px;
    top: 5px;
    left: 10px;
    font-size: 0.7em;
    font-variant: small-caps;
}
html, body {
    font: normal 12px verdana;
    margin: 0;
    padding: 0;
    border: 0 none;
    height: 100%;
}

/* hide icon with bug in collapsed panel */
.x-tool-expand-south {
    display: none;
}

.x-panel-collapsed-text {
    color: #15428b;
    font: bold 11px tahoma, arial, verdana, sans-serif;
    border: 0 none;
    padding: 5px 3px 4px 5px;
    line-height: 19px;
    background-image: none;
}

/* avoid pink tiles */
.olImageLoadError {
    background-color: transparent !important;
}

/* override overview map defaults
 .olControlOverviewMapElement {
 -moz-border-radius-bottomleft: 0;
 -moz-border-radius-bottomright: 0;
 -moz-border-radius-topleft: 1em;
 -moz-border-radius-topright: 0;
 background-color: #DFE8F6;
 padding: 10px 18px 10px 10px;
 }*/
#loading {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 20001;
}

#loading a {
    color: #225588;
}

#loading .loading-mask {
    padding: 2px;
    width: 100%;
    height: 100%;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity = 50);
    background-color: white;
}

#loading .loading-container {
    position: absolute;
    left: 45%;
    top: 40%;
    height: auto;
    border: 1px solid #ccc;
}

#loading .loading-indicator {
    background: white;
    color: #444;
    font: bold 13px tahoma, arial, helvetica;
    padding: 10px;
    margin: 0;
    height: auto;
	text-align:center;
}

#loading-msg {
    font: normal 10px arial, tahoma, sans-serif;
}

.compass-link a:link, a:visited, a:hover, a:active {
    text-decoration: none;
    color: #000000;
}

/*
 * for summary bioenergy grid styling
 */
.x-grid3-summary-row {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    color: #333;
    background: #f1f2f4;
}

.x-grid3-summary-row .x-grid3-cell-inner {
    font-weight: bold;
    padding-bottom: 4px;
}

.x-grid3-cell-first .x-grid3-cell-inner {
    padding-left: 16px;
}

.x-grid-hide-summary .x-grid3-summary-row {
    display: none;
}

.x-grid3-summary-msg {
    padding: 4px 16px;
    font-weight: bold;
}


.olControlAttribution {
    bottom: 5px !important;
}

.float-left {
    float: left;
}

.clear-left {
    clear: left;
}

.zoomin {
    background-image: url(../images/toolbar/icon_zoomin.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.zoomout {
    background-image: url(../images/toolbar/icon_zoomout.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.zoomfull {
    background-image: url(../images/toolbar/icon_zoomfull.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.pan {
    background-image: url(../images/toolbar/icon_pan.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.drawpoint {
    background-image: url(../images/toolbar/draw_point_off.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.drawcircle {
    background-image: url(../images/toolbar/draw_circle.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.drawline {
    background-image: url(../images/toolbar/draw_line_off.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.drawpolygon {
    background-image: url(../images/toolbar/draw_polygon_off.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.measureline {
    background-image: url(../images/toolbar/ruler.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.measurepolygon {
    background-image: url(../images/toolbar/ruler_square.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.next {
    background-image: url(../images/toolbar/resultset_next.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.back {
    background-image: url(../images/toolbar/resultset_previous.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.identify {
    background-image: url(../images/toolbar/identify.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.print {
    background-image: url(../images/toolbar/printer.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.help {
    background-image: url(../images/toolbar/help.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.login .x-btn-text {
	background-image: url(../images/toolbar/lock.png) !important;
} 

.goto {
    background-image: url(../images/toolbar/goto.png) !important;
    height: 20px !important;
    width: 20px !important;
}

/* isde */

.addwms {
    background-image: url(../images/toolbar/add.gif) !important;
    /*height: 20px !important;
    width: 20px !important;*/
}

/* pms */

.selectroute {
    background-image: url(../images/toolbar/pencil-field.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.conditionrating {
    background-image: url(../images/toolbar/pencil-field.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.pathselect {
    background-image: url(../images/toolbar/pencil-field.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.cutline {
    background-image: url(../images/toolbar/scissors-blue.png) !important;
	height: 20px !important;
    width: 20px !important;
}

.wpipathselect {
    background-image: url(../images/toolbar/pencil-color.png) !important;
    height: 20px !important;
    width: 20px !important;
}

/* layer types*/
.polygon {
    background-image: url(../images/layer_types/polygon2.png) !important;
}

.map {
    background-image: url(../images/layer_types/map.png) !important;
}

.polyline {
    background-image: url(../images/layer_types/line3.png) !important;
}

.point {
    background-image: url(../images/layer_types/point.png) !important;
}

.grid {
    background-image: url(../images/layer_types/grid.png) !important;
}

.drawradii {
    background-image: url(../images/toolbar/draw_radii.png) !important;
    height: 20px !important;
    width: 20px !important;
}

/* for wpi selector */
.olControlScaleBar {
    top: 10px;
    left: 30px;
    font-family: sans-serif;
    color: #000;
}

.olControlScaleBarBar {
    height: 1px;
    top: 14px;
    background: #333;
}

.olControlScaleBarBarAlt {
    height: 1px;
    top: 14px;
    background: #333;
}

.olControlScaleBarMarkerMajor {
    height: 7px;
    width: 1px;
    top: 11px;
    background: #333;
}

.olControlScaleBarMarkerMinor {
    height: 5px;
    width: 1px;
    top: 12px;
    background: #333;
}

.olControlScaleBarNumbersBox {
    width: 40px;
    height: 13px;
    top: 21px;
    font-size: 0.7em;
}

.olControlScaleBarLabelBox {
    top: -2px;
    height: 15px;
    font-weight: bold;
    letter-spacing: 0.1em;
    font-size: 0.7em;
    font-variant: small-caps;
}

.olControlScaleBarLabelBoxSingleLine {
    height: 15px;
    width: 35px;
    top: 5px;
    left: 10px;
    font-size: 0.7em;
    font-variant: small-caps;
}
html, body {
    font: normal 12px verdana;
    margin: 0;
    padding: 0;
    border: 0 none;
    height: 100%;
}

/* hide icon with bug in collapsed panel */
.x-tool-expand-south {
    display: none;
}

.x-panel-collapsed-text {
    color: #15428b;
    font: bold 11px tahoma, arial, verdana, sans-serif;
    border: 0 none;
    padding: 5px 3px 4px 5px;
    line-height: 19px;
    background-image: none;
}

/* avoid pink tiles */
.olImageLoadError {
    background-color: transparent !important;
}

/* override overview map defaults
 .olControlOverviewMapElement {
 -moz-border-radius-bottomleft: 0;
 -moz-border-radius-bottomright: 0;
 -moz-border-radius-topleft: 1em;
 -moz-border-radius-topright: 0;
 background-color: #DFE8F6;
 padding: 10px 18px 10px 10px;
 }*/
#loading {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 20001;
}

#loading a {
    color: #225588;
}

#loading .loading-mask {
    padding: 2px;
    width: 100%;
    height: 100%;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity = 50);
    background-color: white;
}

#loading .loading-container {
    position: absolute;
    left: 45%;
    top: 40%;
    height: auto;
    border: 1px solid #ccc;
}

#loading .loading-indicator {
    background: white;
    color: #444;
    font: bold 13px tahoma, arial, helvetica;
    padding: 10px;
    margin: 0;
    height: auto;
	text-align:center;
}

#loading-msg {
    font: normal 10px arial, tahoma, sans-serif;
}

.compass-link a:link, a:visited, a:hover, a:active {
    text-decoration: none;
    color: #000000;
}

/*
 * for summary bioenergy grid styling
 */
.x-grid3-summary-row {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    color: #333;
    background: #f1f2f4;
}

.x-grid3-summary-row .x-grid3-cell-inner {
    font-weight: bold;
    padding-bottom: 4px;
}

.x-grid3-cell-first .x-grid3-cell-inner {
    padding-left: 16px;
}

.x-grid-hide-summary .x-grid3-summary-row {
    display: none;
}

.x-grid3-summary-msg {
    padding: 4px 16px;
    font-weight: bold;
}


.olControlAttribution {
    bottom: 5px !important;
}

.float-left {
    float: left;
}

.clear-left {
    clear: left;
}

.zoomin {
    background-image: url(../images/toolbar/icon_zoomin.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.zoomout {
    background-image: url(../images/toolbar/icon_zoomout.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.zoomfull {
    background-image: url(../images/toolbar/icon_zoomfull.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.pan {
    background-image: url(../images/toolbar/icon_pan.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.drawpoint {
    background-image: url(../images/toolbar/draw_point_off.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.drawcircle {
    background-image: url(../images/toolbar/draw_circle.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.drawline {
    background-image: url(../images/toolbar/draw_line_off.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.drawpolygon {
    background-image: url(../images/toolbar/draw_polygon_off.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.measureline {
    background-image: url(../images/toolbar/ruler.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.measurepolygon {
    background-image: url(../images/toolbar/ruler_square.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.next {
    background-image: url(../images/toolbar/resultset_next.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.back {
    background-image: url(../images/toolbar/resultset_previous.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.identify {
    background-image: url(../images/toolbar/identify.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.print {
    background-image: url(../images/toolbar/printer.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.help {
    background-image: url(../images/toolbar/help.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.login .x-btn-text {
	background-image: url(../images/toolbar/lock.png) !important;
} 

.goto {
    background-image: url(../images/toolbar/goto.png) !important;
    height: 20px !important;
    width: 20px !important;
}

/* isde */

.addwms {
    background-image: url(../images/toolbar/add.gif) !important;
    /*height: 20px !important;
    width: 20px !important;*/
}

/* pms */

.selectroute {
    background-image: url(../images/toolbar/pencil-field.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.conditionrating {
    background-image: url(../images/toolbar/pencil-field.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.pathselect {
    background-image: url(../images/toolbar/pencil-field.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.cutline {
    background-image: url(../images/toolbar/scissors-blue.png) !important;
	height: 20px !important;
    width: 20px !important;
}

.wpipathselect {
    background-image: url(../images/toolbar/pencil-color.png) !important;
    height: 20px !important;
    width: 20px !important;
}

/* layer types*/
.polygon {
    background-image: url(../images/layer_types/polygon2.png) !important;
}

.map {
    background-image: url(../images/layer_types/map.png) !important;
}

.polyline {
    background-image: url(../images/layer_types/line3.png) !important;
}

.point {
    background-image: url(../images/layer_types/point.png) !important;
}

.grid {
    background-image: url(../images/layer_types/grid.png) !important;
}

.drawradii {
    background-image: url(../images/toolbar/draw_radii.png) !important;
    height: 20px !important;
    width: 20px !important;
}

/* for wpi selector */
.olControlScaleBar {
    top: 10px;
    left: 30px;
    font-family: sans-serif;
    color: #000;
}

.olControlScaleBarBar {
    height: 1px;
    top: 14px;
    background: #333;
}

.olControlScaleBarBarAlt {
    height: 1px;
    top: 14px;
    background: #333;
}

.olControlScaleBarMarkerMajor {
    height: 7px;
    width: 1px;
    top: 11px;
    background: #333;
}

.olControlScaleBarMarkerMinor {
    height: 5px;
    width: 1px;
    top: 12px;
    background: #333;
}

.olControlScaleBarNumbersBox {
    width: 40px;
    height: 13px;
    top: 21px;
    font-size: 0.7em;
}

.olControlScaleBarLabelBox {
    top: -2px;
    height: 15px;
    font-weight: bold;
    letter-spacing: 0.1em;
    font-size: 0.7em;
    font-variant: small-caps;
}

.olControlScaleBarLabelBoxSingleLine {
    height: 15px;
    width: 35px;
    top: 5px;
    left: 10px;
    font-size: 0.7em;
    font-variant: small-caps;
}
html, body {
    font: normal 12px verdana;
    margin: 0;
    padding: 0;
    border: 0 none;
    height: 100%;
}

/* hide icon with bug in collapsed panel */
.x-tool-expand-south {
    display: none;
}

.x-panel-collapsed-text {
    color: #15428b;
    font: bold 11px tahoma, arial, verdana, sans-serif;
    border: 0 none;
    padding: 5px 3px 4px 5px;
    line-height: 19px;
    background-image: none;
}

/* avoid pink tiles */
.olImageLoadError {
    background-color: transparent !important;
}

/* override overview map defaults
 .olControlOverviewMapElement {
 -moz-border-radius-bottomleft: 0;
 -moz-border-radius-bottomright: 0;
 -moz-border-radius-topleft: 1em;
 -moz-border-radius-topright: 0;
 background-color: #DFE8F6;
 padding: 10px 18px 10px 10px;
 }*/
#loading {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 20001;
}

#loading a {
    color: #225588;
}

#loading .loading-mask {
    padding: 2px;
    width: 100%;
    height: 100%;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity = 50);
    background-color: white;
}

#loading .loading-container {
    position: absolute;
    left: 45%;
    top: 40%;
    height: auto;
    border: 1px solid #ccc;
}

#loading .loading-indicator {
    background: white;
    color: #444;
    font: bold 13px tahoma, arial, helvetica;
    padding: 10px;
    margin: 0;
    height: auto;
	text-align:center;
}

#loading-msg {
    font: normal 10px arial, tahoma, sans-serif;
}

.compass-link a:link, a:visited, a:hover, a:active {
    text-decoration: none;
    color: #000000;
}

/*
 * for summary bioenergy grid styling
 */
.x-grid3-summary-row {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    color: #333;
    background: #f1f2f4;
}

.x-grid3-summary-row .x-grid3-cell-inner {
    font-weight: bold;
    padding-bottom: 4px;
}

.x-grid3-cell-first .x-grid3-cell-inner {
    padding-left: 16px;
}

.x-grid-hide-summary .x-grid3-summary-row {
    display: none;
}

.x-grid3-summary-msg {
    padding: 4px 16px;
    font-weight: bold;
}


.olControlAttribution {
    bottom: 5px !important;
}

.float-left {
    float: left;
}

.clear-left {
    clear: left;
}

.zoomin {
    background-image: url(../images/toolbar/icon_zoomin.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.zoomout {
    background-image: url(../images/toolbar/icon_zoomout.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.zoomfull {
    background-image: url(../images/toolbar/icon_zoomfull.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.pan {
    background-image: url(../images/toolbar/icon_pan.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.drawpoint {
    background-image: url(../images/toolbar/draw_point_off.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.drawcircle {
    background-image: url(../images/toolbar/draw_circle.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.drawline {
    background-image: url(../images/toolbar/draw_line_off.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.drawpolygon {
    background-image: url(../images/toolbar/draw_polygon_off.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.measureline {
    background-image: url(../images/toolbar/ruler.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.measurepolygon {
    background-image: url(../images/toolbar/ruler_square.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.next {
    background-image: url(../images/toolbar/resultset_next.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.back {
    background-image: url(../images/toolbar/resultset_previous.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.identify {
    background-image: url(../images/toolbar/identify.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.print {
    background-image: url(../images/toolbar/printer.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.help {
    background-image: url(../images/toolbar/help.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.login .x-btn-text {
	background-image: url(../images/toolbar/lock.png) !important;
} 

.goto {
    background-image: url(../images/toolbar/goto.png) !important;
    height: 20px !important;
    width: 20px !important;
}

/* isde */

.addwms {
    background-image: url(../images/toolbar/add.gif) !important;
    /*height: 20px !important;
    width: 20px !important;*/
}

/* pms */

.selectroute {
    background-image: url(../images/toolbar/pencil-field.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.conditionrating {
    background-image: url(../images/toolbar/pencil-field.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.pathselect {
    background-image: url(../images/toolbar/pencil-field.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.cutline {
    background-image: url(../images/toolbar/scissors-blue.png) !important;
	height: 20px !important;
    width: 20px !important;
}

.wpipathselect {
    background-image: url(../images/toolbar/pencil-color.png) !important;
    height: 20px !important;
    width: 20px !important;
}

/* layer types*/
.polygon {
    background-image: url(../images/layer_types/polygon2.png) !important;
}

.map {
    background-image: url(../images/layer_types/map.png) !important;
}

.polyline {
    background-image: url(../images/layer_types/line3.png) !important;
}

.point {
    background-image: url(../images/layer_types/point.png) !important;
}

.grid {
    background-image: url(../images/layer_types/grid.png) !important;
}

.drawradii {
    background-image: url(../images/toolbar/draw_radii.png) !important;
    height: 20px !important;
    width: 20px !important;
}

/* for wpi selector */
.olControlScaleBar {
    top: 10px;
    left: 30px;
    font-family: sans-serif;
    color: #000;
}

.olControlScaleBarBar {
    height: 1px;
    top: 14px;
    background: #333;
}

.olControlScaleBarBarAlt {
    height: 1px;
    top: 14px;
    background: #333;
}

.olControlScaleBarMarkerMajor {
    height: 7px;
    width: 1px;
    top: 11px;
    background: #333;
}

.olControlScaleBarMarkerMinor {
    height: 5px;
    width: 1px;
    top: 12px;
    background: #333;
}

.olControlScaleBarNumbersBox {
    width: 40px;
    height: 13px;
    top: 21px;
    font-size: 0.7em;
}

.olControlScaleBarLabelBox {
    top: -2px;
    height: 15px;
    font-weight: bold;
    letter-spacing: 0.1em;
    font-size: 0.7em;
    font-variant: small-caps;
}

.olControlScaleBarLabelBoxSingleLine {
    height: 15px;
    width: 35px;
    top: 5px;
    left: 10px;
    font-size: 0.7em;
    font-variant: small-caps;
}
html, body {
    font: normal 12px verdana;
    margin: 0;
    padding: 0;
    border: 0 none;
    height: 100%;
}

/* hide icon with bug in collapsed panel */
.x-tool-expand-south {
    display: none;
}

.x-panel-collapsed-text {
    color: #15428b;
    font: bold 11px tahoma, arial, verdana, sans-serif;
    border: 0 none;
    padding: 5px 3px 4px 5px;
    line-height: 19px;
    background-image: none;
}

/* avoid pink tiles */
.olImageLoadError {
    background-color: transparent !important;
}

/* override overview map defaults
 .olControlOverviewMapElement {
 -moz-border-radius-bottomleft: 0;
 -moz-border-radius-bottomright: 0;
 -moz-border-radius-topleft: 1em;
 -moz-border-radius-topright: 0;
 background-color: #DFE8F6;
 padding: 10px 18px 10px 10px;
 }*/
#loading {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 20001;
}

#loading a {
    color: #225588;
}

#loading .loading-mask {
    padding: 2px;
    width: 100%;
    height: 100%;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity = 50);
    background-color: white;
}

#loading .loading-container {
    position: absolute;
    left: 45%;
    top: 40%;
    height: auto;
    border: 1px solid #ccc;
}

#loading .loading-indicator {
    background: white;
    color: #444;
    font: bold 13px tahoma, arial, helvetica;
    padding: 10px;
    margin: 0;
    height: auto;
	text-align:center;
}

#loading-msg {
    font: normal 10px arial, tahoma, sans-serif;
}

.compass-link a:link, a:visited, a:hover, a:active {
    text-decoration: none;
    color: #000000;
}

/*
 * for summary bioenergy grid styling
 */
.x-grid3-summary-row {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    color: #333;
    background: #f1f2f4;
}

.x-grid3-summary-row .x-grid3-cell-inner {
    font-weight: bold;
    padding-bottom: 4px;
}

.x-grid3-cell-first .x-grid3-cell-inner {
    padding-left: 16px;
}

.x-grid-hide-summary .x-grid3-summary-row {
    display: none;
}

.x-grid3-summary-msg {
    padding: 4px 16px;
    font-weight: bold;
}


.olControlAttribution {
    bottom: 5px !important;
}

.float-left {
    float: left;
}

.clear-left {
    clear: left;
}

.zoomin {
    background-image: url(../images/toolbar/icon_zoomin.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.zoomout {
    background-image: url(../images/toolbar/icon_zoomout.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.zoomfull {
    background-image: url(../images/toolbar/icon_zoomfull.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.pan {
    background-image: url(../images/toolbar/icon_pan.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.drawpoint {
    background-image: url(../images/toolbar/draw_point_off.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.drawcircle {
    background-image: url(../images/toolbar/draw_circle.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.drawline {
    background-image: url(../images/toolbar/draw_line_off.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.drawpolygon {
    background-image: url(../images/toolbar/draw_polygon_off.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.measureline {
    background-image: url(../images/toolbar/ruler.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.measurepolygon {
    background-image: url(../images/toolbar/ruler_square.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.next {
    background-image: url(../images/toolbar/resultset_next.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.back {
    background-image: url(../images/toolbar/resultset_previous.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.identify {
    background-image: url(../images/toolbar/identify.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.print {
    background-image: url(../images/toolbar/printer.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.help {
    background-image: url(../images/toolbar/help.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.login .x-btn-text {
	background-image: url(../images/toolbar/lock.png) !important;
} 

.goto {
    background-image: url(../images/toolbar/goto.png) !important;
    height: 20px !important;
    width: 20px !important;
}

/* isde */

.addwms {
    background-image: url(../images/toolbar/add.gif) !important;
    /*height: 20px !important;
    width: 20px !important;*/
}

/* pms */

.selectroute {
    background-image: url(../images/toolbar/pencil-field.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.conditionrating {
    background-image: url(../images/toolbar/pencil-field.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.pathselect {
    background-image: url(../images/toolbar/pencil-field.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.cutline {
    background-image: url(../images/toolbar/scissors-blue.png) !important;
	height: 20px !important;
    width: 20px !important;
}

.wpipathselect {
    background-image: url(../images/toolbar/pencil-color.png) !important;
    height: 20px !important;
    width: 20px !important;
}

/* layer types*/
.polygon {
    background-image: url(../images/layer_types/polygon2.png) !important;
}

.map {
    background-image: url(../images/layer_types/map.png) !important;
}

.polyline {
    background-image: url(../images/layer_types/line3.png) !important;
}

.point {
    background-image: url(../images/layer_types/point.png) !important;
}

.grid {
    background-image: url(../images/layer_types/grid.png) !important;
}

.drawradii {
    background-image: url(../images/toolbar/draw_radii.png) !important;
    height: 20px !important;
    width: 20px !important;
}

/* for wpi selector */
.olControlScaleBar {
    top: 10px;
    left: 30px;
    font-family: sans-serif;
    color: #000;
}

.olControlScaleBarBar {
    height: 1px;
    top: 14px;
    background: #333;
}

.olControlScaleBarBarAlt {
    height: 1px;
    top: 14px;
    background: #333;
}

.olControlScaleBarMarkerMajor {
    height: 7px;
    width: 1px;
    top: 11px;
    background: #333;
}

.olControlScaleBarMarkerMinor {
    height: 5px;
    width: 1px;
    top: 12px;
    background: #333;
}

.olControlScaleBarNumbersBox {
    width: 40px;
    height: 13px;
    top: 21px;
    font-size: 0.7em;
}

.olControlScaleBarLabelBox {
    top: -2px;
    height: 15px;
    font-weight: bold;
    letter-spacing: 0.1em;
    font-size: 0.7em;
    font-variant: small-caps;
}

.olControlScaleBarLabelBoxSingleLine {
    height: 15px;
    width: 35px;
    top: 5px;
    left: 10px;
    font-size: 0.7em;
    font-variant: small-caps;
}
html, body {
    font: normal 12px verdana;
    margin: 0;
    padding: 0;
    border: 0 none;
    height: 100%;
}

/* hide icon with bug in collapsed panel */
.x-tool-expand-south {
    display: none;
}

.x-panel-collapsed-text {
    color: #15428b;
    font: bold 11px tahoma, arial, verdana, sans-serif;
    border: 0 none;
    padding: 5px 3px 4px 5px;
    line-height: 19px;
    background-image: none;
}

/* avoid pink tiles */
.olImageLoadError {
    background-color: transparent !important;
}

/* override overview map defaults
 .olControlOverviewMapElement {
 -moz-border-radius-bottomleft: 0;
 -moz-border-radius-bottomright: 0;
 -moz-border-radius-topleft: 1em;
 -moz-border-radius-topright: 0;
 background-color: #DFE8F6;
 padding: 10px 18px 10px 10px;
 }*/
#loading {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 20001;
}

#loading a {
    color: #225588;
}

#loading .loading-mask {
    padding: 2px;
    width: 100%;
    height: 100%;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity = 50);
    background-color: white;
}

#loading .loading-container {
    position: absolute;
    left: 45%;
    top: 40%;
    height: auto;
    border: 1px solid #ccc;
}

#loading .loading-indicator {
    background: white;
    color: #444;
    font: bold 13px tahoma, arial, helvetica;
    padding: 10px;
    margin: 0;
    height: auto;
	text-align:center;
}

#loading-msg {
    font: normal 10px arial, tahoma, sans-serif;
}

.compass-link a:link, a:visited, a:hover, a:active {
    text-decoration: none;
    color: #000000;
}

/*
 * for summary bioenergy grid styling
 */
.x-grid3-summary-row {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    color: #333;
    background: #f1f2f4;
}

.x-grid3-summary-row .x-grid3-cell-inner {
    font-weight: bold;
    padding-bottom: 4px;
}

.x-grid3-cell-first .x-grid3-cell-inner {
    padding-left: 16px;
}

.x-grid-hide-summary .x-grid3-summary-row {
    display: none;
}

.x-grid3-summary-msg {
    padding: 4px 16px;
    font-weight: bold;
}


.olControlAttribution {
    bottom: 5px !important;
}

.float-left {
    float: left;
}

.clear-left {
    clear: left;
}

.zoomin {
    background-image: url(../images/toolbar/icon_zoomin.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.zoomout {
    background-image: url(../images/toolbar/icon_zoomout.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.zoomfull {
    background-image: url(../images/toolbar/icon_zoomfull.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.pan {
    background-image: url(../images/toolbar/icon_pan.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.drawpoint {
    background-image: url(../images/toolbar/draw_point_off.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.drawcircle {
    background-image: url(../images/toolbar/draw_circle.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.drawline {
    background-image: url(../images/toolbar/draw_line_off.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.drawpolygon {
    background-image: url(../images/toolbar/draw_polygon_off.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.measureline {
    background-image: url(../images/toolbar/ruler.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.measurepolygon {
    background-image: url(../images/toolbar/ruler_square.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.next {
    background-image: url(../images/toolbar/resultset_next.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.back {
    background-image: url(../images/toolbar/resultset_previous.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.identify {
    background-image: url(../images/toolbar/identify.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.print {
    background-image: url(../images/toolbar/printer.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.help {
    background-image: url(../images/toolbar/help.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.login .x-btn-text {
	background-image: url(../images/toolbar/lock.png) !important;
} 

.goto {
    background-image: url(../images/toolbar/goto.png) !important;
    height: 20px !important;
    width: 20px !important;
}

/* isde */

.addwms {
    background-image: url(../images/toolbar/add.gif) !important;
    /*height: 20px !important;
    width: 20px !important;*/
}

/* pms */

.selectroute {
    background-image: url(../images/toolbar/pencil-field.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.conditionrating {
    background-image: url(../images/toolbar/pencil-field.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.pathselect {
    background-image: url(../images/toolbar/pencil-field.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.cutline {
    background-image: url(../images/toolbar/scissors-blue.png) !important;
	height: 20px !important;
    width: 20px !important;
}

.wpipathselect {
    background-image: url(../images/toolbar/pencil-color.png) !important;
    height: 20px !important;
    width: 20px !important;
}

/* layer types*/
.polygon {
    background-image: url(../images/layer_types/polygon2.png) !important;
}

.map {
    background-image: url(../images/layer_types/map.png) !important;
}

.polyline {
    background-image: url(../images/layer_types/line3.png) !important;
}

.point {
    background-image: url(../images/layer_types/point.png) !important;
}

.grid {
    background-image: url(../images/layer_types/grid.png) !important;
}

.drawradii {
    background-image: url(../images/toolbar/draw_radii.png) !important;
    height: 20px !important;
    width: 20px !important;
}

/* for wpi selector */
.olControlScaleBar {
    top: 10px;
    left: 30px;
    font-family: sans-serif;
    color: #000;
}

.olControlScaleBarBar {
    height: 1px;
    top: 14px;
    background: #333;
}

.olControlScaleBarBarAlt {
    height: 1px;
    top: 14px;
    background: #333;
}

.olControlScaleBarMarkerMajor {
    height: 7px;
    width: 1px;
    top: 11px;
    background: #333;
}

.olControlScaleBarMarkerMinor {
    height: 5px;
    width: 1px;
    top: 12px;
    background: #333;
}

.olControlScaleBarNumbersBox {
    width: 40px;
    height: 13px;
    top: 21px;
    font-size: 0.7em;
}

.olControlScaleBarLabelBox {
    top: -2px;
    height: 15px;
    font-weight: bold;
    letter-spacing: 0.1em;
    font-size: 0.7em;
    font-variant: small-caps;
}

.olControlScaleBarLabelBoxSingleLine {
    height: 15px;
    width: 35px;
    top: 5px;
    left: 10px;
    font-size: 0.7em;
    font-variant: small-caps;
}
html, body {
    font: normal 12px verdana;
    margin: 0;
    padding: 0;
    border: 0 none;
    height: 100%;
}

/* hide icon with bug in collapsed panel */
.x-tool-expand-south {
    display: none;
}

.x-panel-collapsed-text {
    color: #15428b;
    font: bold 11px tahoma, arial, verdana, sans-serif;
    border: 0 none;
    padding: 5px 3px 4px 5px;
    line-height: 19px;
    background-image: none;
}

/* avoid pink tiles */
.olImageLoadError {
    background-color: transparent !important;
}

/* override overview map defaults
 .olControlOverviewMapElement {
 -moz-border-radius-bottomleft: 0;
 -moz-border-radius-bottomright: 0;
 -moz-border-radius-topleft: 1em;
 -moz-border-radius-topright: 0;
 background-color: #DFE8F6;
 padding: 10px 18px 10px 10px;
 }*/
#loading {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 20001;
}

#loading a {
    color: #225588;
}

#loading .loading-mask {
    padding: 2px;
    width: 100%;
    height: 100%;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity = 50);
    background-color: white;
}

#loading .loading-container {
    position: absolute;
    left: 45%;
    top: 40%;
    height: auto;
    border: 1px solid #ccc;
}

#loading .loading-indicator {
    background: white;
    color: #444;
    font: bold 13px tahoma, arial, helvetica;
    padding: 10px;
    margin: 0;
    height: auto;
	text-align:center;
}

#loading-msg {
    font: normal 10px arial, tahoma, sans-serif;
}

.compass-link a:link, a:visited, a:hover, a:active {
    text-decoration: none;
    color: #000000;
}

/*
 * for summary bioenergy grid styling
 */
.x-grid3-summary-row {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    color: #333;
    background: #f1f2f4;
}

.x-grid3-summary-row .x-grid3-cell-inner {
    font-weight: bold;
    padding-bottom: 4px;
}

.x-grid3-cell-first .x-grid3-cell-inner {
    padding-left: 16px;
}

.x-grid-hide-summary .x-grid3-summary-row {
    display: none;
}

.x-grid3-summary-msg {
    padding: 4px 16px;
    font-weight: bold;
}


.olControlAttribution {
    bottom: 5px !important;
}

.float-left {
    float: left;
}

.clear-left {
    clear: left;
}

.zoomin {
    background-image: url(../images/toolbar/icon_zoomin.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.zoomout {
    background-image: url(../images/toolbar/icon_zoomout.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.zoomfull {
    background-image: url(../images/toolbar/icon_zoomfull.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.pan {
    background-image: url(../images/toolbar/icon_pan.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.drawpoint {
    background-image: url(../images/toolbar/draw_point_off.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.drawcircle {
    background-image: url(../images/toolbar/draw_circle.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.drawline {
    background-image: url(../images/toolbar/draw_line_off.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.drawpolygon {
    background-image: url(../images/toolbar/draw_polygon_off.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.measureline {
    background-image: url(../images/toolbar/ruler.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.measurepolygon {
    background-image: url(../images/toolbar/ruler_square.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.next {
    background-image: url(../images/toolbar/resultset_next.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.back {
    background-image: url(../images/toolbar/resultset_previous.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.identify {
    background-image: url(../images/toolbar/identify.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.print {
    background-image: url(../images/toolbar/printer.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.help {
    background-image: url(../images/toolbar/help.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.login .x-btn-text {
	background-image: url(../images/toolbar/lock.png) !important;
} 

.goto {
    background-image: url(../images/toolbar/goto.png) !important;
    height: 20px !important;
    width: 20px !important;
}

/* isde */

.addwms {
    background-image: url(../images/toolbar/add.gif) !important;
    /*height: 20px !important;
    width: 20px !important;*/
}

/* pms */

.selectroute {
    background-image: url(../images/toolbar/pencil-field.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.conditionrating {
    background-image: url(../images/toolbar/pencil-field.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.pathselect {
    background-image: url(../images/toolbar/pencil-field.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.cutline {
    background-image: url(../images/toolbar/scissors-blue.png) !important;
	height: 20px !important;
    width: 20px !important;
}

.wpipathselect {
    background-image: url(../images/toolbar/pencil-color.png) !important;
    height: 20px !important;
    width: 20px !important;
}

/* layer types*/
.polygon {
    background-image: url(../images/layer_types/polygon2.png) !important;
}

.map {
    background-image: url(../images/layer_types/map.png) !important;
}

.polyline {
    background-image: url(../images/layer_types/line3.png) !important;
}

.point {
    background-image: url(../images/layer_types/point.png) !important;
}

.grid {
    background-image: url(../images/layer_types/grid.png) !important;
}

.drawradii {
    background-image: url(../images/toolbar/draw_radii.png) !important;
    height: 20px !important;
    width: 20px !important;
}

/* for wpi selector */
.olControlScaleBar {
    top: 10px;
    left: 30px;
    font-family: sans-serif;
    color: #000;
}

.olControlScaleBarBar {
    height: 1px;
    top: 14px;
    background: #333;
}

.olControlScaleBarBarAlt {
    height: 1px;
    top: 14px;
    background: #333;
}

.olControlScaleBarMarkerMajor {
    height: 7px;
    width: 1px;
    top: 11px;
    background: #333;
}

.olControlScaleBarMarkerMinor {
    height: 5px;
    width: 1px;
    top: 12px;
    background: #333;
}

.olControlScaleBarNumbersBox {
    width: 40px;
    height: 13px;
    top: 21px;
    font-size: 0.7em;
}

.olControlScaleBarLabelBox {
    top: -2px;
    height: 15px;
    font-weight: bold;
    letter-spacing: 0.1em;
    font-size: 0.7em;
    font-variant: small-caps;
}

.olControlScaleBarLabelBoxSingleLine {
    height: 15px;
    width: 35px;
    top: 5px;
    left: 10px;
    font-size: 0.7em;
    font-variant: small-caps;
}
html, body {
    font: normal 12px verdana;
    margin: 0;
    padding: 0;
    border: 0 none;
    height: 100%;
}

/* hide icon with bug in collapsed panel */
.x-tool-expand-south {
    display: none;
}

.x-panel-collapsed-text {
    color: #15428b;
    font: bold 11px tahoma, arial, verdana, sans-serif;
    border: 0 none;
    padding: 5px 3px 4px 5px;
    line-height: 19px;
    background-image: none;
}

/* avoid pink tiles */
.olImageLoadError {
    background-color: transparent !important;
}

/* override overview map defaults
 .olControlOverviewMapElement {
 -moz-border-radius-bottomleft: 0;
 -moz-border-radius-bottomright: 0;
 -moz-border-radius-topleft: 1em;
 -moz-border-radius-topright: 0;
 background-color: #DFE8F6;
 padding: 10px 18px 10px 10px;
 }*/
#loading {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 20001;
}

#loading a {
    color: #225588;
}

#loading .loading-mask {
    padding: 2px;
    width: 100%;
    height: 100%;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity = 50);
    background-color: white;
}

#loading .loading-container {
    position: absolute;
    left: 45%;
    top: 40%;
    height: auto;
    border: 1px solid #ccc;
}

#loading .loading-indicator {
    background: white;
    color: #444;
    font: bold 13px tahoma, arial, helvetica;
    padding: 10px;
    margin: 0;
    height: auto;
	text-align:center;
}

#loading-msg {
    font: normal 10px arial, tahoma, sans-serif;
}

.compass-link a:link, a:visited, a:hover, a:active {
    text-decoration: none;
    color: #000000;
}

/*
 * for summary bioenergy grid styling
 */
.x-grid3-summary-row {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    color: #333;
    background: #f1f2f4;
}

.x-grid3-summary-row .x-grid3-cell-inner {
    font-weight: bold;
    padding-bottom: 4px;
}

.x-grid3-cell-first .x-grid3-cell-inner {
    padding-left: 16px;
}

.x-grid-hide-summary .x-grid3-summary-row {
    display: none;
}

.x-grid3-summary-msg {
    padding: 4px 16px;
    font-weight: bold;
}


.olControlAttribution {
    bottom: 5px !important;
}

.float-left {
    float: left;
}

.clear-left {
    clear: left;
}

.zoomin {
    background-image: url(../images/toolbar/icon_zoomin.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.zoomout {
    background-image: url(../images/toolbar/icon_zoomout.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.zoomfull {
    background-image: url(../images/toolbar/icon_zoomfull.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.pan {
    background-image: url(../images/toolbar/icon_pan.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.drawpoint {
    background-image: url(../images/toolbar/draw_point_off.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.drawcircle {
    background-image: url(../images/toolbar/draw_circle.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.drawline {
    background-image: url(../images/toolbar/draw_line_off.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.drawpolygon {
    background-image: url(../images/toolbar/draw_polygon_off.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.measureline {
    background-image: url(../images/toolbar/ruler.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.measurepolygon {
    background-image: url(../images/toolbar/ruler_square.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.next {
    background-image: url(../images/toolbar/resultset_next.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.back {
    background-image: url(../images/toolbar/resultset_previous.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.identify {
    background-image: url(../images/toolbar/identify.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.print {
    background-image: url(../images/toolbar/printer.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.help {
    background-image: url(../images/toolbar/help.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.login .x-btn-text {
	background-image: url(../images/toolbar/lock.png) !important;
} 

.goto {
    background-image: url(../images/toolbar/goto.png) !important;
    height: 20px !important;
    width: 20px !important;
}

/* isde */

.addwms {
    background-image: url(../images/toolbar/add.gif) !important;
    /*height: 20px !important;
    width: 20px !important;*/
}

/* pms */

.selectroute {
    background-image: url(../images/toolbar/pencil-field.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.conditionrating {
    background-image: url(../images/toolbar/pencil-field.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.pathselect {
    background-image: url(../images/toolbar/pencil-field.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.cutline {
    background-image: url(../images/toolbar/scissors-blue.png) !important;
	height: 20px !important;
    width: 20px !important;
}

.wpipathselect {
    background-image: url(../images/toolbar/pencil-color.png) !important;
    height: 20px !important;
    width: 20px !important;
}

/* layer types*/
.polygon {
    background-image: url(../images/layer_types/polygon2.png) !important;
}

.map {
    background-image: url(../images/layer_types/map.png) !important;
}

.polyline {
    background-image: url(../images/layer_types/line3.png) !important;
}

.point {
    background-image: url(../images/layer_types/point.png) !important;
}

.grid {
    background-image: url(../images/layer_types/grid.png) !important;
}

.drawradii {
    background-image: url(../images/toolbar/draw_radii.png) !important;
    height: 20px !important;
    width: 20px !important;
}

/* for wpi selector */
.olControlScaleBar {
    top: 10px;
    left: 30px;
    font-family: sans-serif;
    color: #000;
}

.olControlScaleBarBar {
    height: 1px;
    top: 14px;
    background: #333;
}

.olControlScaleBarBarAlt {
    height: 1px;
    top: 14px;
    background: #333;
}

.olControlScaleBarMarkerMajor {
    height: 7px;
    width: 1px;
    top: 11px;
    background: #333;
}

.olControlScaleBarMarkerMinor {
    height: 5px;
    width: 1px;
    top: 12px;
    background: #333;
}

.olControlScaleBarNumbersBox {
    width: 40px;
    height: 13px;
    top: 21px;
    font-size: 0.7em;
}

.olControlScaleBarLabelBox {
    top: -2px;
    height: 15px;
    font-weight: bold;
    letter-spacing: 0.1em;
    font-size: 0.7em;
    font-variant: small-caps;
}

.olControlScaleBarLabelBoxSingleLine {
    height: 15px;
    width: 35px;
    top: 5px;
    left: 10px;
    font-size: 0.7em;
    font-variant: small-caps;
}
html, body {
    font: normal 12px verdana;
    margin: 0;
    padding: 0;
    border: 0 none;
    height: 100%;
}

/* hide icon with bug in collapsed panel */
.x-tool-expand-south {
    display: none;
}

.x-panel-collapsed-text {
    color: #15428b;
    font: bold 11px tahoma, arial, verdana, sans-serif;
    border: 0 none;
    padding: 5px 3px 4px 5px;
    line-height: 19px;
    background-image: none;
}

/* avoid pink tiles */
.olImageLoadError {
    background-color: transparent !important;
}

/* override overview map defaults
 .olControlOverviewMapElement {
 -moz-border-radius-bottomleft: 0;
 -moz-border-radius-bottomright: 0;
 -moz-border-radius-topleft: 1em;
 -moz-border-radius-topright: 0;
 background-color: #DFE8F6;
 padding: 10px 18px 10px 10px;
 }*/
#loading {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 20001;
}

#loading a {
    color: #225588;
}

#loading .loading-mask {
    padding: 2px;
    width: 100%;
    height: 100%;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity = 50);
    background-color: white;
}

#loading .loading-container {
    position: absolute;
    left: 45%;
    top: 40%;
    height: auto;
    border: 1px solid #ccc;
}

#loading .loading-indicator {
    background: white;
    color: #444;
    font: bold 13px tahoma, arial, helvetica;
    padding: 10px;
    margin: 0;
    height: auto;
	text-align:center;
}

#loading-msg {
    font: normal 10px arial, tahoma, sans-serif;
}

.compass-link a:link, a:visited, a:hover, a:active {
    text-decoration: none;
    color: #000000;
}

/*
 * for summary bioenergy grid styling
 */
.x-grid3-summary-row {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    color: #333;
    background: #f1f2f4;
}

.x-grid3-summary-row .x-grid3-cell-inner {
    font-weight: bold;
    padding-bottom: 4px;
}

.x-grid3-cell-first .x-grid3-cell-inner {
    padding-left: 16px;
}

.x-grid-hide-summary .x-grid3-summary-row {
    display: none;
}

.x-grid3-summary-msg {
    padding: 4px 16px;
    font-weight: bold;
}


.olControlAttribution {
    bottom: 5px !important;
}

.float-left {
    float: left;
}

.clear-left {
    clear: left;
}

.zoomin {
    background-image: url(../images/toolbar/icon_zoomin.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.zoomout {
    background-image: url(../images/toolbar/icon_zoomout.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.zoomfull {
    background-image: url(../images/toolbar/icon_zoomfull.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.pan {
    background-image: url(../images/toolbar/icon_pan.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.drawpoint {
    background-image: url(../images/toolbar/draw_point_off.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.drawcircle {
    background-image: url(../images/toolbar/draw_circle.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.drawline {
    background-image: url(../images/toolbar/draw_line_off.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.drawpolygon {
    background-image: url(../images/toolbar/draw_polygon_off.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.measureline {
    background-image: url(../images/toolbar/ruler.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.measurepolygon {
    background-image: url(../images/toolbar/ruler_square.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.next {
    background-image: url(../images/toolbar/resultset_next.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.back {
    background-image: url(../images/toolbar/resultset_previous.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.identify {
    background-image: url(../images/toolbar/identify.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.print {
    background-image: url(../images/toolbar/printer.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.help {
    background-image: url(../images/toolbar/help.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.login .x-btn-text {
	background-image: url(../images/toolbar/lock.png) !important;
} 

.goto {
    background-image: url(../images/toolbar/goto.png) !important;
    height: 20px !important;
    width: 20px !important;
}

/* isde */

.addwms {
    background-image: url(../images/toolbar/add.gif) !important;
    /*height: 20px !important;
    width: 20px !important;*/
}

/* pms */

.selectroute {
    background-image: url(../images/toolbar/pencil-field.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.conditionrating {
    background-image: url(../images/toolbar/pencil-field.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.pathselect {
    background-image: url(../images/toolbar/pencil-field.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.cutline {
    background-image: url(../images/toolbar/scissors-blue.png) !important;
	height: 20px !important;
    width: 20px !important;
}

.wpipathselect {
    background-image: url(../images/toolbar/pencil-color.png) !important;
    height: 20px !important;
    width: 20px !important;
}

/* layer types*/
.polygon {
    background-image: url(../images/layer_types/polygon2.png) !important;
}

.map {
    background-image: url(../images/layer_types/map.png) !important;
}

.polyline {
    background-image: url(../images/layer_types/line3.png) !important;
}

.point {
    background-image: url(../images/layer_types/point.png) !important;
}

.grid {
    background-image: url(../images/layer_types/grid.png) !important;
}

.drawradii {
    background-image: url(../images/toolbar/draw_radii.png) !important;
    height: 20px !important;
    width: 20px !important;
}

/* for wpi selector */
.olControlScaleBar {
    top: 10px;
    left: 30px;
    font-family: sans-serif;
    color: #000;
}

.olControlScaleBarBar {
    height: 1px;
    top: 14px;
    background: #333;
}

.olControlScaleBarBarAlt {
    height: 1px;
    top: 14px;
    background: #333;
}

.olControlScaleBarMarkerMajor {
    height: 7px;
    width: 1px;
    top: 11px;
    background: #333;
}

.olControlScaleBarMarkerMinor {
    height: 5px;
    width: 1px;
    top: 12px;
    background: #333;
}

.olControlScaleBarNumbersBox {
    width: 40px;
    height: 13px;
    top: 21px;
    font-size: 0.7em;
}

.olControlScaleBarLabelBox {
    top: -2px;
    height: 15px;
    font-weight: bold;
    letter-spacing: 0.1em;
    font-size: 0.7em;
    font-variant: small-caps;
}

.olControlScaleBarLabelBoxSingleLine {
    height: 15px;
    width: 35px;
    top: 5px;
    left: 10px;
    font-size: 0.7em;
    font-variant: small-caps;
}
html, body {
    font: normal 12px verdana;
    margin: 0;
    padding: 0;
    border: 0 none;
    height: 100%;
}

/* hide icon with bug in collapsed panel */
.x-tool-expand-south {
    display: none;
}

.x-panel-collapsed-text {
    color: #15428b;
    font: bold 11px tahoma, arial, verdana, sans-serif;
    border: 0 none;
    padding: 5px 3px 4px 5px;
    line-height: 19px;
    background-image: none;
}

/* avoid pink tiles */
.olImageLoadError {
    background-color: transparent !important;
}

/* override overview map defaults
 .olControlOverviewMapElement {
 -moz-border-radius-bottomleft: 0;
 -moz-border-radius-bottomright: 0;
 -moz-border-radius-topleft: 1em;
 -moz-border-radius-topright: 0;
 background-color: #DFE8F6;
 padding: 10px 18px 10px 10px;
 }*/
#loading {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 20001;
}

#loading a {
    color: #225588;
}

#loading .loading-mask {
    padding: 2px;
    width: 100%;
    height: 100%;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity = 50);
    background-color: white;
}

#loading .loading-container {
    position: absolute;
    left: 45%;
    top: 40%;
    height: auto;
    border: 1px solid #ccc;
}

#loading .loading-indicator {
    background: white;
    color: #444;
    font: bold 13px tahoma, arial, helvetica;
    padding: 10px;
    margin: 0;
    height: auto;
	text-align:center;
}

#loading-msg {
    font: normal 10px arial, tahoma, sans-serif;
}

.compass-link a:link, a:visited, a:hover, a:active {
    text-decoration: none;
    color: #000000;
}

/*
 * for summary bioenergy grid styling
 */
.x-grid3-summary-row {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    color: #333;
    background: #f1f2f4;
}

.x-grid3-summary-row .x-grid3-cell-inner {
    font-weight: bold;
    padding-bottom: 4px;
}

.x-grid3-cell-first .x-grid3-cell-inner {
    padding-left: 16px;
}

.x-grid-hide-summary .x-grid3-summary-row {
    display: none;
}

.x-grid3-summary-msg {
    padding: 4px 16px;
    font-weight: bold;
}


.olControlAttribution {
    bottom: 5px !important;
}

.float-left {
    float: left;
}

.clear-left {
    clear: left;
}

.zoomin {
    background-image: url(../images/toolbar/icon_zoomin.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.zoomout {
    background-image: url(../images/toolbar/icon_zoomout.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.zoomfull {
    background-image: url(../images/toolbar/icon_zoomfull.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.pan {
    background-image: url(../images/toolbar/icon_pan.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.drawpoint {
    background-image: url(../images/toolbar/draw_point_off.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.drawcircle {
    background-image: url(../images/toolbar/draw_circle.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.drawline {
    background-image: url(../images/toolbar/draw_line_off.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.drawpolygon {
    background-image: url(../images/toolbar/draw_polygon_off.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.measureline {
    background-image: url(../images/toolbar/ruler.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.measurepolygon {
    background-image: url(../images/toolbar/ruler_square.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.next {
    background-image: url(../images/toolbar/resultset_next.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.back {
    background-image: url(../images/toolbar/resultset_previous.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.identify {
    background-image: url(../images/toolbar/identify.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.print {
    background-image: url(../images/toolbar/printer.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.help {
    background-image: url(../images/toolbar/help.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.login .x-btn-text {
	background-image: url(../images/toolbar/lock.png) !important;
} 

.goto {
    background-image: url(../images/toolbar/goto.png) !important;
    height: 20px !important;
    width: 20px !important;
}

/* isde */

.addwms {
    background-image: url(../images/toolbar/add.gif) !important;
    /*height: 20px !important;
    width: 20px !important;*/
}

/* pms */

.selectroute {
    background-image: url(../images/toolbar/pencil-field.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.conditionrating {
    background-image: url(../images/toolbar/pencil-field.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.pathselect {
    background-image: url(../images/toolbar/pencil-field.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.cutline {
    background-image: url(../images/toolbar/scissors-blue.png) !important;
	height: 20px !important;
    width: 20px !important;
}

.wpipathselect {
    background-image: url(../images/toolbar/pencil-color.png) !important;
    height: 20px !important;
    width: 20px !important;
}

/* layer types*/
.polygon {
    background-image: url(../images/layer_types/polygon2.png) !important;
}

.map {
    background-image: url(../images/layer_types/map.png) !important;
}

.polyline {
    background-image: url(../images/layer_types/line3.png) !important;
}

.point {
    background-image: url(../images/layer_types/point.png) !important;
}

.grid {
    background-image: url(../images/layer_types/grid.png) !important;
}

.drawradii {
    background-image: url(../images/toolbar/draw_radii.png) !important;
    height: 20px !important;
    width: 20px !important;
}

/* for wpi selector */
.olControlScaleBar {
    top: 10px;
    left: 30px;
    font-family: sans-serif;
    color: #000;
}

.olControlScaleBarBar {
    height: 1px;
    top: 14px;
    background: #333;
}

.olControlScaleBarBarAlt {
    height: 1px;
    top: 14px;
    background: #333;
}

.olControlScaleBarMarkerMajor {
    height: 7px;
    width: 1px;
    top: 11px;
    background: #333;
}

.olControlScaleBarMarkerMinor {
    height: 5px;
    width: 1px;
    top: 12px;
    background: #333;
}

.olControlScaleBarNumbersBox {
    width: 40px;
    height: 13px;
    top: 21px;
    font-size: 0.7em;
}

.olControlScaleBarLabelBox {
    top: -2px;
    height: 15px;
    font-weight: bold;
    letter-spacing: 0.1em;
    font-size: 0.7em;
    font-variant: small-caps;
}

.olControlScaleBarLabelBoxSingleLine {
    height: 15px;
    width: 35px;
    top: 5px;
    left: 10px;
    font-size: 0.7em;
    font-variant: small-caps;
}
html, body {
    font: normal 12px verdana;
    margin: 0;
    padding: 0;
    border: 0 none;
    height: 100%;
}

/* hide icon with bug in collapsed panel */
.x-tool-expand-south {
    display: none;
}

.x-panel-collapsed-text {
    color: #15428b;
    font: bold 11px tahoma, arial, verdana, sans-serif;
    border: 0 none;
    padding: 5px 3px 4px 5px;
    line-height: 19px;
    background-image: none;
}

/* avoid pink tiles */
.olImageLoadError {
    background-color: transparent !important;
}

/* override overview map defaults
 .olControlOverviewMapElement {
 -moz-border-radius-bottomleft: 0;
 -moz-border-radius-bottomright: 0;
 -moz-border-radius-topleft: 1em;
 -moz-border-radius-topright: 0;
 background-color: #DFE8F6;
 padding: 10px 18px 10px 10px;
 }*/
#loading {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 20001;
}

#loading a {
    color: #225588;
}

#loading .loading-mask {
    padding: 2px;
    width: 100%;
    height: 100%;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity = 50);
    background-color: white;
}

#loading .loading-container {
    position: absolute;
    left: 45%;
    top: 40%;
    height: auto;
    border: 1px solid #ccc;
}

#loading .loading-indicator {
    background: white;
    color: #444;
    font: bold 13px tahoma, arial, helvetica;
    padding: 10px;
    margin: 0;
    height: auto;
	text-align:center;
}

#loading-msg {
    font: normal 10px arial, tahoma, sans-serif;
}

.compass-link a:link, a:visited, a:hover, a:active {
    text-decoration: none;
    color: #000000;
}

/*
 * for summary bioenergy grid styling
 */
.x-grid3-summary-row {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    color: #333;
    background: #f1f2f4;
}

.x-grid3-summary-row .x-grid3-cell-inner {
    font-weight: bold;
    padding-bottom: 4px;
}

.x-grid3-cell-first .x-grid3-cell-inner {
    padding-left: 16px;
}

.x-grid-hide-summary .x-grid3-summary-row {
    display: none;
}

.x-grid3-summary-msg {
    padding: 4px 16px;
    font-weight: bold;
}

/*!
 * Ext JS Library 3.2.1
 * Copyright(c) 2006-2010 Ext JS, Inc.
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
.ux-mselect{
    overflow:auto;
    background:white;
    position:relative; /* for calculating scroll offsets */
    zoom:1;
    overflow:auto;	
}
.ux-mselect-item{
    font:normal 12px tahoma, arial, helvetica, sans-serif;
    padding:2px;
    border:1px solid #fff;
    white-space: nowrap;
    cursor:pointer;
}
.ux-mselect-selected{
	border:1px dotted #a3bae9 !important;
    background:#DFE8F6;
    cursor:pointer;
}

.x-view-drag-insert-above { 
    border-top:1px dotted #3366cc; 
} 
.x-view-drag-insert-below { 
    border-bottom:1px dotted #3366cc; 
} 
/*!
 * Ext JS Library 3.2.1
 * Copyright(c) 2006-2010 Ext JS, Inc.
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
.ux-mselect{
    overflow:auto;
    background:white;
    position:relative; /* for calculating scroll offsets */
    zoom:1;
    overflow:auto;	
}
.ux-mselect-item{
    font:normal 12px tahoma, arial, helvetica, sans-serif;
    padding:2px;
    border:1px solid #fff;
    white-space: nowrap;
    cursor:pointer;
}
.ux-mselect-selected{
	border:1px dotted #a3bae9 !important;
    background:#DFE8F6;
    cursor:pointer;
}

.x-view-drag-insert-above { 
    border-top:1px dotted #3366cc; 
} 
.x-view-drag-insert-below { 
    border-bottom:1px dotted #3366cc; 
} 
/*!
 * Ext JS Library 3.2.1
 * Copyright(c) 2006-2010 Ext JS, Inc.
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
.ux-mselect{
    overflow:auto;
    background:white;
    position:relative; /* for calculating scroll offsets */
    zoom:1;
    overflow:auto;	
}
.ux-mselect-item{
    font:normal 12px tahoma, arial, helvetica, sans-serif;
    padding:2px;
    border:1px solid #fff;
    white-space: nowrap;
    cursor:pointer;
}
.ux-mselect-selected{
	border:1px dotted #a3bae9 !important;
    background:#DFE8F6;
    cursor:pointer;
}

.x-view-drag-insert-above { 
    border-top:1px dotted #3366cc; 
} 
.x-view-drag-insert-below { 
    border-bottom:1px dotted #3366cc; 
} 
/*!
 * Ext JS Library 3.2.1
 * Copyright(c) 2006-2010 Ext JS, Inc.
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
.ux-mselect{
    overflow:auto;
    background:white;
    position:relative; /* for calculating scroll offsets */
    zoom:1;
    overflow:auto;	
}
.ux-mselect-item{
    font:normal 12px tahoma, arial, helvetica, sans-serif;
    padding:2px;
    border:1px solid #fff;
    white-space: nowrap;
    cursor:pointer;
}
.ux-mselect-selected{
	border:1px dotted #a3bae9 !important;
    background:#DFE8F6;
    cursor:pointer;
}

.x-view-drag-insert-above { 
    border-top:1px dotted #3366cc; 
} 
.x-view-drag-insert-below { 
    border-bottom:1px dotted #3366cc; 
} 
/*!
 * Ext JS Library 3.2.1
 * Copyright(c) 2006-2010 Ext JS, Inc.
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
.ux-mselect{
    overflow:auto;
    background:white;
    position:relative; /* for calculating scroll offsets */
    zoom:1;
    overflow:auto;	
}
.ux-mselect-item{
    font:normal 12px tahoma, arial, helvetica, sans-serif;
    padding:2px;
    border:1px solid #fff;
    white-space: nowrap;
    cursor:pointer;
}
.ux-mselect-selected{
	border:1px dotted #a3bae9 !important;
    background:#DFE8F6;
    cursor:pointer;
}

.x-view-drag-insert-above { 
    border-top:1px dotted #3366cc; 
} 
.x-view-drag-insert-below { 
    border-bottom:1px dotted #3366cc; 
} 
/*!
 * Ext JS Library 3.2.1
 * Copyright(c) 2006-2010 Ext JS, Inc.
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
.ux-mselect{
    overflow:auto;
    background:white;
    position:relative; /* for calculating scroll offsets */
    zoom:1;
    overflow:auto;	
}
.ux-mselect-item{
    font:normal 12px tahoma, arial, helvetica, sans-serif;
    padding:2px;
    border:1px solid #fff;
    white-space: nowrap;
    cursor:pointer;
}
.ux-mselect-selected{
	border:1px dotted #a3bae9 !important;
    background:#DFE8F6;
    cursor:pointer;
}

.x-view-drag-insert-above { 
    border-top:1px dotted #3366cc; 
} 
.x-view-drag-insert-below { 
    border-bottom:1px dotted #3366cc; 
} 
/*!
 * Ext JS Library 3.2.1
 * Copyright(c) 2006-2010 Ext JS, Inc.
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
.ux-mselect{
    overflow:auto;
    background:white;
    position:relative; /* for calculating scroll offsets */
    zoom:1;
    overflow:auto;	
}
.ux-mselect-item{
    font:normal 12px tahoma, arial, helvetica, sans-serif;
    padding:2px;
    border:1px solid #fff;
    white-space: nowrap;
    cursor:pointer;
}
.ux-mselect-selected{
	border:1px dotted #a3bae9 !important;
    background:#DFE8F6;
    cursor:pointer;
}

.x-view-drag-insert-above { 
    border-top:1px dotted #3366cc; 
} 
.x-view-drag-insert-below { 
    border-bottom:1px dotted #3366cc; 
} 
/*!
 * Ext JS Library 3.2.1
 * Copyright(c) 2006-2010 Ext JS, Inc.
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
.ux-mselect{
    overflow:auto;
    background:white;
    position:relative; /* for calculating scroll offsets */
    zoom:1;
    overflow:auto;	
}
.ux-mselect-item{
    font:normal 12px tahoma, arial, helvetica, sans-serif;
    padding:2px;
    border:1px solid #fff;
    white-space: nowrap;
    cursor:pointer;
}
.ux-mselect-selected{
	border:1px dotted #a3bae9 !important;
    background:#DFE8F6;
    cursor:pointer;
}

.x-view-drag-insert-above { 
    border-top:1px dotted #3366cc; 
} 
.x-view-drag-insert-below { 
    border-bottom:1px dotted #3366cc; 
} 
/*!
 * Ext JS Library 3.2.1
 * Copyright(c) 2006-2010 Ext JS, Inc.
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
.ux-mselect{
    overflow:auto;
    background:white;
    position:relative; /* for calculating scroll offsets */
    zoom:1;
    overflow:auto;	
}
.ux-mselect-item{
    font:normal 12px tahoma, arial, helvetica, sans-serif;
    padding:2px;
    border:1px solid #fff;
    white-space: nowrap;
    cursor:pointer;
}
.ux-mselect-selected{
	border:1px dotted #a3bae9 !important;
    background:#DFE8F6;
    cursor:pointer;
}

.x-view-drag-insert-above { 
    border-top:1px dotted #3366cc; 
} 
.x-view-drag-insert-below { 
    border-bottom:1px dotted #3366cc; 
} 
/*!
 * Ext JS Library 3.2.1
 * Copyright(c) 2006-2010 Ext JS, Inc.
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
.ux-mselect{
    overflow:auto;
    background:white;
    position:relative; /* for calculating scroll offsets */
    zoom:1;
    overflow:auto;	
}
.ux-mselect-item{
    font:normal 12px tahoma, arial, helvetica, sans-serif;
    padding:2px;
    border:1px solid #fff;
    white-space: nowrap;
    cursor:pointer;
}
.ux-mselect-selected{
	border:1px dotted #a3bae9 !important;
    background:#DFE8F6;
    cursor:pointer;
}

.x-view-drag-insert-above { 
    border-top:1px dotted #3366cc; 
} 
.x-view-drag-insert-below { 
    border-bottom:1px dotted #3366cc; 
} 
/*!
 * Ext JS Library 3.2.1
 * Copyright(c) 2006-2010 Ext JS, Inc.
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
.ux-mselect{
    overflow:auto;
    background:white;
    position:relative; /* for calculating scroll offsets */
    zoom:1;
    overflow:auto;	
}
.ux-mselect-item{
    font:normal 12px tahoma, arial, helvetica, sans-serif;
    padding:2px;
    border:1px solid #fff;
    white-space: nowrap;
    cursor:pointer;
}
.ux-mselect-selected{
	border:1px dotted #a3bae9 !important;
    background:#DFE8F6;
    cursor:pointer;
}

.x-view-drag-insert-above { 
    border-top:1px dotted #3366cc; 
} 
.x-view-drag-insert-below { 
    border-bottom:1px dotted #3366cc; 
} 
/*!
 * Ext JS Library 3.2.1
 * Copyright(c) 2006-2010 Ext JS, Inc.
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
.ux-mselect{
    overflow:auto;
    background:white;
    position:relative; /* for calculating scroll offsets */
    zoom:1;
    overflow:auto;	
}
.ux-mselect-item{
    font:normal 12px tahoma, arial, helvetica, sans-serif;
    padding:2px;
    border:1px solid #fff;
    white-space: nowrap;
    cursor:pointer;
}
.ux-mselect-selected{
	border:1px dotted #a3bae9 !important;
    background:#DFE8F6;
    cursor:pointer;
}

.x-view-drag-insert-above { 
    border-top:1px dotted #3366cc; 
} 
.x-view-drag-insert-below { 
    border-bottom:1px dotted #3366cc; 
} 
/*!
 * Ext JS Library 3.2.1
 * Copyright(c) 2006-2010 Ext JS, Inc.
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
.ux-mselect{
    overflow:auto;
    background:white;
    position:relative; /* for calculating scroll offsets */
    zoom:1;
    overflow:auto;	
}
.ux-mselect-item{
    font:normal 12px tahoma, arial, helvetica, sans-serif;
    padding:2px;
    border:1px solid #fff;
    white-space: nowrap;
    cursor:pointer;
}
.ux-mselect-selected{
	border:1px dotted #a3bae9 !important;
    background:#DFE8F6;
    cursor:pointer;
}

.x-view-drag-insert-above { 
    border-top:1px dotted #3366cc; 
} 
.x-view-drag-insert-below { 
    border-bottom:1px dotted #3366cc; 
}