/*
   stylesheet for myWMSClient
*/

 body { font-family:verdana,arial;font-size:7pt;background-color:rgb(238,238,238) }

 img { border-width:0px; }
 a,#spanOver { color:rgb(0,0,0);font-weight:normal;text-decoration:none;white-space:nowrap }
 a:hover,#spanOver:hover { cursor:pointer }
 form { margin:0px }
 select { font-size:7pt;font-weight:normal;border:1px solid rgb(100,100,100) }

/* mapborder: width:1px fix */
 #layerMapBorder { border-style:solid;border-color:rgb(70,70,70);background-color:rgb(255,255,255);z-index:2 }
/* mapresize */
 #divMapResize { cursor:nw-resize;z-index:4;border-color:rgb(70,70,70);border-style:dashed;border-width:0px }

/* zoombox: width:1px fix */
 #layerZoomBox { border:1px solid rgb(70,70,70);cursor:crosshair;z-index:2;line-height:0px;font-size:0px;background-color:rgb(255,255,255);filter:alpha(opacity=70);opacity:0.7;-moz-opacity:0.7 }

/* scalebar */
 #divScalebar { margin-left:0px; }
 #divScalebar img { border:1px solid rgb(0,0,0);height:3px;filter:alpha(opacity=75);-opacity:0.75;-moz-opacity:0.75 }
 #divScalebar font { font-family:verdana;font-size:7pt;margin-left:0px;margin-top:1px;color:black }

/* navigation bars */
 .naviBar,.naviBarOver { position:absolute;width:0;height:0;top:0;left:0;z-index:3;line-height:0px;font-size:0px;filter:alpha(opacity=50);opacity:0.50;-moz-opacity:0.50;cursor:pointer;background-image:url(../images/transparent.gif) }
 .naviBarOver { background-color:rgb(70,70,70) }

/* print preview frame */
 #layerPrintPreview1,#layerPrintPreview2,#layerPrintPreview3,#layerPrintPreview4 { border:1px solid rgb(255,0,0);line-height:0px }

/* measure */
 .divMeasureLine { position:absolute;background-color:rgb(255,0,0);width:3px;height:3px;overflow:hidden }
 .divMeasurePoint { position:absolute;background-color:rgb(0,0,80);width:3px;height:3px;overflow:hidden;z-index:1 }
 .divMeasure1stPoint { border:1px solid rgb(255,0,0);background-color:rgb(0,0,80);font-size:0px;z-index:2 }
 .divMeasure1stPointOver { border:1px solid rgb(0,0,80);background-color:rgb(255,128,64);font-size:0px;z-index:2 }
 .divMeasureText { font-family:verdana;font-size:7pt;color:rgb(0,0,0);background-color:rgb(228,228,228);white-space:nowrap;border:1px solid rgb(0,0,0);padding-left:1px;padding-right:1px;height:7pt; }
 .divMeasureTextOver { font-family:verdana;font-size:8pt;color:rgb(0,0,0);background-color:rgb(255,128,64);white-space:nowrap;border:1px solid rgb(0,0,0);padding-left:1px;padding-right:1px;height:9pt; }

/* active button function */
 #divInfo { font-size:8pt;color:rgb(0,0,0);z-index:3; } /*251,140,4*/

/* highlighting usemap */
 .divUsemapHighlight { position:absolute;overflow:hidden;background-color:rgb(255,204,0);filter:alpha(opacity=20);opacity:0.2;-moz-opacity:0.2 }

/* wms request not complete */
 .error { position:relative;left:-100px;text-align:center;color:white;background-color:rgb(0,49,99);font-weight:bold;padding:2px;font-size:8pt }

/* usemap icons */
 a.umIcon { z-index:2;background-image:url(../images/transparent.gif) }
 a.umIcon:hover { z-index:99;border:2px solid transparent;cursor:help }
/* usemap text */
 a.umText { z-index:2;border:1px solid rgb(255,119,107);background-color:rgb(41,115,181);text-align:center;padding-left:2px;padding-right:2px;color:white }
 a.umText:hover { z-index:99;border:1px solid rgb(255,119,107);background-color:white;text-align:center;padding-left:2px;padding-right:2px;color:rgb(41,115,181) }

/* tooltip */
 #divTooltip { z-index:99;border:1px solid rgb(171,171,171);background-color:rgb(255,255,255);text-align:center;padding:2px;min-height:40px;width:auto;height:auto;}

/* input statusbar x,y,sc */
 #divStatusbar { font-family:verdana;z-index:3;white-space:nowrap;background-color:transparent;padding-top:1px }
 #divStatusbar input { font-family:verdana;font-size:7pt;border:1px solid rgb(180,180,180);background-color:transparent;vertical-align:middle }
 #divStatusbar .divStatusXY { width:55px;text-align:center }
 #divStatusbar .divStatusSc { width:70px;text-align:right;padding-right:2px }
 #divStatusbar font { font-size:7pt;padding-left:4px;vertical-align:middle;font-weight:normal; }
/* image scale list open/close */
 #imgScList { margin-left:145px;margin-top:5px;font-size:0px; }

/* scale listbox */
 #divScaleList { margin-left:8px;margin-top:-95px;font-family:verdana;font-size:7pt;background-color:rgb(255,255,255);border:1px solid rgb(70,70,70);z-index:99;display:none }
 #divScaleList a { text-align:left;display:block }
 #divScaleList a:hover { background-color:rgb(238,238,238)  }

/* menu header  */
#layerMenu table.menu { font:normal 8pt verdana;color:rgb(0,0,0);cursor:pointer;height:22px;-moz-user-select:none }

#layerMenu td { vertical-align:middle;padding-left:4px;padding-right:4px }
#layerMenu td.selected { background-color:rgb(255,255,255);border-width: 1px 1px 0px 1px;border-color:rgb(70,70,70);border-style:solid;font-weight:normal }
#layerMenu td.unselected { background-color:rgb(238,238,238);border-width:0px 0px 1px 0px;border-color:rgb(70,70,70);border-style:solid;font-weight:normal }
 #myIFrame0 li,#myIFrame0 ul { display:block;list-style-type:none;list-style-position:outside;padding:0px;margin:0px }

 /* node */
 #myIFrame0 li a { text-decoration:none;display:block;text-indent:6px;height:100%;font-size:8pt }
 #myIFrame0 li a.aMain:hover, #myIFrame0 li a.aMainSub:hover { background-color:white;cursor:default;border:1px solid rgb(70,70,70) }
 /* main folder */
 #myIFrame0 input { vertical-align:middle; }
 #myIFrame0 li a.aMain { background-color:rgb(238,238,238);background-image:url(../images/transparent.gif);background-repeat:no-repeat;background-position:left;border:1px solid rgb(180,180,180);text-indent:14px;margin:2px }
 /* subfolder */
 #myIFrame0 li a.aMainSub { background-color:rgb(238,238,238);background-image:url(../images/transparent.gif);background-repeat:no-repeat;background-position:left;border:1px solid rgb(180,180,180);text-indent:14px;margin:1px;margin-left:10px; }
 #myIFrame0 .ahref:hover { background-image:url(../images/open.gif);background-repeat:no-repeat;background-position:-4px 2px }

 /* Besonderheit Opera: Minus vor opacity muss sein sonst wird Overview-Karte falsch positioniert */
 #myIFrame0,#myIFrame1,#myIFrame2,#myIFrame3 { position:absolute;left:0px;top:22px;background-color:rgb(255,255,255);filter:alpha(opacity=85);-opacity:0.85;-moz-opacity:0.85;z-index:6;display:none;border-style:solid;border-color:rgb(70,70,70);border-width:0px 1px 1px 1px;visibility:hidden;padding-top:0px;-moz-user-select:none }

/* don't change */
 #layerEventHandling { background-image:url(../images/transparent.gif);z-index:2 }
 #layerMeasureLine,#layerMeasureRun,#layerMarker { z-index:2 }
 #divWaitIcon,#divScalebar,#divNavIcon0,#divNavIcon1,#divNavIcon2,#divNavIcon3,#divNavIcon4,#divNavIcon5,#divNavIcon6,#divNavIcon7,#divNav0,#divNav1,#divNav2,#divNav3,#divNav4,#divNav5,#divNav6,#divNav7,#divNav8,#divMapBackIcon,#divHomeIcon,#divPanIcon,#divPrintIcon,#divMeasureIcon,#divMailIcon,#divInfoIcon,#divZoomBoxIcon,#divRegIcon,#divMeasureDelIcon,#divSlideBarIcon,#divSliderIcon,#divZoomInIcon,#divZoomOutIcon,#divPanIcon  { z-index:3;  }

/* buttons */
.bntOut { filter:Alpha(opacity=50);opacity:0.5;-moz-opacity:0.5 }
.bntOver { filter:Alpha(opacity=100);opacity:1.0;-moz-opacity:1.0;cursor:pointer }
.bntClick { border:1px solid rgb(70,70,70);filter:alpha(opacity=100);opacity:1.0;-moz-opacity:1.0;background-image:url(../images/bgGrey.gif); }

/* marker icon */
#divMarkerIcon { z-index:0;width:24;height:24;margin-left:-12;margin-top:-12;background-image:url(../images/marker.gif);background-repeat:no-repeat }
/* highlight icon */
#divHighlightIcon { z-index:3;width:30;height:30;margin-left:-15;margin-top:-15;background-image:url(../images/highlight.gif);background-repeat:no-repeat }


/* mashup window */
#divMarkerInfo table { font:normal 8pt verdana;filter:alpha(opacity=97);opacity:0.96;-moz-opacity:0.96;min-width:200px;width:300px;max-width:350px; }
#divMarkerInfo .mu { background-color:rgb(255,255,255);vertical-align:top }
#divMarkerInfo .muOver { cursor:default }
#divMarkerInfo .muOut {max-width:350px;}
#divMarkerInfo iframe { width:150px;padding:0px } /* mashup window + iframe */

/* mashup from myWMSClient_getUsemap.php */
#divMarkerInfo font.m1 { color:rgb(255,119,107);font-weight:bold;font-size:8pt;white-space:nowrap; }
#divMarkerInfo font.m2 { color:rgb(70,70,70);font-weight:normal;font-size:7pt;white-space:nowrap }
#divMarkerInfo a { font-size:7pt }
#divMarkerInfo a.m3 { font-size:8pt;text-decoration:underline }

/* mashup border */
#divMarkerInfo td.td1 { background-image:url(../images/mu1.gif);width:10px;height:10px }
#divMarkerInfo td.td2 { background-image:url(../images/mu2.gif) }
#divMarkerInfo td.td3 { background-image:url(../images/mu3.gif);width:10px;height:10px }
#divMarkerInfo td.td4 { background-image:url(../images/mu4.gif) }
#divMarkerInfo td.td5 { background-image:url(../images/closeWin.gif);background-repeat:no-repeat;background-color:white;vertical-align:top;width:14px;background-position:top right }
#divMarkerInfo td.td6 { background-image:url(../images/mu6.gif) }
#divMarkerInfo td.td7 { background-image:url(../images/mu7.gif);width:10px;height:10px }
#divMarkerInfo td.td8 { background-image:url(../images/mu8.gif) }
#divMarkerInfo td.td9 { background-image:url(../images/mu9.gif);width:10px;height:10px }


/* output wfs */
a.wfslist { font-family:verdana;font-size:7pt;display:block;list-style-type:none;border-bottom:1px solid rgb(238,238,238);margin:5px;background-color:rgb(255,255,255) }
a.wfslist:hover { background-color:rgb(238,238,238) }
.wfshead { font-size:8pt;font-weight:bold;color:rgb(255,128,0);display:block;text-align:center;border:1px solid rgb(138,138,138);background-color:rgb(238,238,238);padding-left:5px;padding-right:5px }

