@charset "utf-8";
/*
CSS for Archivio Parco Nord 
by C.Dreiser
update 2008-10-14

standard colors

light grey (text)               #EEEEEE
middle grey (field back)        #CCCCCC
dark grey (field text)          #444444
light red (hover link)          #EE3333
middle red (eliminate)          #CC4444
dark green (general background) #116600

WebGIS colors:
headline text               #f5ffe3
headline background         #8cada6
background                  
font  black                 #000000
input background light grey #ebebeb
background  light green     #d3e8d5
frames  dark green          #115150
frame thin leight grey      #efefef
*/

.visHidden  { visibility: hidden; }
.visVisible { visibility: visible; }

html { overflow:hidden; }
embed {overflow:hidden;background:transparent;  }

div.alb,
fieldset.alb,
p.alb,
form.alb,
input.alb,
select.alb,
a.alb,
img.alb,
label.alb,
h2.alb,
table.alb, 
table.alb tr,
table.alb td
              { font-family: Verdana, Arial; font-size:11px; 
                border:0px; margin:0px; padding:0px;       }


form.alb    { margin-bottom:0em; }
label.alb   { font-weight:bold; }
table.alb   { cellspacing:0px; cellpadding:0px; }

a.alb {  font-weight:500;  text-decoration:none;  }

a.alb:active, 
a.alb:focus  {  font-size:11px; font-weight: bold;}
a.alb.eliminate {  font-weight: bold; }
a.alb span.onclick { display:none; font-size:11px; font-weight: bold;}
a.alb:active span.onclick, 
a.alb:focus span.onclick { display:inline;  }
a.alb span.list { display:inline; }
a.alb:focus span.list { display:none;}

fieldset.alb td      { width:150px;}    /* input checkboxes with labels */
table.chboxContainer { display:none; width:100%; }
td.chbox_toggle, 
td.chboxSub_toggle;
table.resultList td { cursor:default; }

table.update tr td.label { text-align:right; }
td.link:hover { text-decoration:underline; }

h2.LogoHeader   { font-family:Arial; font-size:15px; font-style:italic; position:absolute; top:2px; right:0px; height:35px; width:240px; cursor:pointer;}
img.logo_img  { height:35px; float:left;  border:0px; margin-right:10px; vertical-align:middle; cursor:pointer; }

#alb_backgrd  { position:absolute; top:   0px; left:  0px; height: 100.001%; width: 100%;  }
#alb_footer { position:absolute; align:middle; bottom:0px; height:19px; width: 99.9%; 
             font-weight:bold; vertical-align:middle;
            }
#alb_footer a {  font-weight:bold; }

div.ResultListBody   { visibility:visible; position:absolute; bottom:0px;   height:220px; width: 99.6%; overflow:scroll; }
div.ResultListHeader { visibility:visible; position:absolute; bottom:220px; height:30px;  width: 99.6%; }
div.ResultListHeader>table {  bottom:220px; height:30px;          }
div.ResultListBody table tr td {  border-bottom:1px  solid #222222;  }

#alb_particella_svg   { position:absolute; top:40px; left:400px; height:632px; width: 559px; }

div.divDocuments        { position:absolute; top: 0px; left: 0px; height: 70%; width: 100%; }
div.divDocuments table  { position:relative; top: 0px; left: 0px; width:100%; height:35px;}
div.objDocument, 
div.imgDocument         { position:relative; top: 0px; left: 0px; height:100%; width:100%; overflow:visible; }
div.imgDocument         { overflow:scroll; }
iframe { height:100%; width: 100%;  }

<!--[if IE]>
div.imgDocument img { height:100%; width:100%; }
<![endif]-->

#alb_dummy_to avoid_that_this_if_IE_comment_influences_the_following_code { position:absolute; } 

#alb_frmUpdateRecord   { position:absolute; top:40px;   left: 30px; width:650px; }
#alb_frmAddGroup       { position:absolute; top:40px;   left:300px; width:300px; }
#alb_frmAddGeorefPoint { position:absolute; top:240px;  left:590px; width:300px; }
#alb_frmAddGeorefPoint_WebGIS { position:absolute; bottom:20px;  left:10px; width:620px; }
#alb_frmUploadFile     { position:absolute; top:40px;   left:100px; width:350px; } /* right:290px; */
#alb_Container_SlidingMaps   { position:absolute; top: 0px; left: 0px; } 


#alb_frmAddGroup fieldset, 
#alb_frmAddGeorefPoint fieldset, 
#alb_frmAddGeorefPoint_WebGIS fieldset, 
#alb_frmUpdateRecord fieldset { border: 0px ; margin-left:10px; margin-right:10px;}
#alb_frmUpdateRecord fieldset table  {  width:100%; }
table.eliminate  {  margin-top:5px;margin-bottom:5px;
                    font-weight:bold;font-size:12; }

#alb_divCompileQuery  { padding:5px 5px 0px 5px; }
#alb_frmCompileQuery  { position:absolute; top:38px; right:0px;  width:400px;  /*284px; */
                        margin:0px; padding:0px; }

#alb_divCompileQuery span { position:relative; top:0px; left:0px; margin-top:10px;margin-bottom:5px;margin-left:5px;}
#alb_divCompileQuery label { margin-right:5px;}
#alb_divCompileQuery ul#alb_list_left   { position:absolute; top:80px; left:0px; width:270px;}
#alb_divCompileQuery ul#alb_list_right  { position:relative; top:15px; left:250px; width:120px;}
#alb_divCompileQuery li { list-style-image:none; list-style-type:none; list-style-position:outside;
                      position:relative; top:0px; left:-30px; margin-top:5px;margin-bottom:5px;}

#alb_divCheckboxes      { position:relative; top:0px; left:0px;  }
#alb_divAmmElimNonPubb  { position:relative; top:0px; left:0px;  }
/**/

/* the clickable buttons to submit queries and switch the menu */
p.Query,
p.NewRecord,
p.Update,
input.UploadFile,
p.AddGroup,
p.AddGeorefPoint { font-weight:bold; width:268px; margin-top:5px; margin-bottom:5px; height:15px; }

p.Query,
p.NewRecord       { margin-left:5px;}

p.Update,
input.UploadFile  { margin-left:20px;}
p.AddGroup        { margin-left:0px; width:280px;}
p.AddGeorefPoint  { margin-left:0px; width:180px;}

input.Lotto, 
input.Part  { width:100px; margin-left:2px; margin-right:2px; }
            
input.hidden    { margin: 0px;   padding: 0px; }


select.AddGruppo{                                  width:200px; margin:0px; padding:0px; } 
select.gruppo   {                                  width:217px; margin:0px; padding:0px; } 
select.georef   {                                  width:110px; margin:0px; padding:0px; } 
select.georef_WebGIS   {                           width:280px; margin:0px; padding:0px; } 
select.disabled { visibility:hidden;  height: 0px; width:  0px; margin:0px; padding:0px; }
select.enabled  { visibility:visible; height:80px; width:120px; margin:0px; padding:0px; }
img.disabled    { visibility:hidden;  height: 0px; width:  0px; margin:0px; padding:0px; }
img.enabled     { visibility:visible; height:18px; width: 18px; margin:0px; padding:0px; align:left;   }


/*  the small image buttons to eliminate and update */
img.eliminate, img.update, 
img.missing, img.geodata  { align:center; margin:0px; vertical-align:middle; 
                      width:12px; height:12px;   }

img.minmax_toggle_button { align:center; margin:0px; vertical-align:middle; 
                    width:16px; height:14px;                    }
img.minimize_this { background-image:url(img/button_minimize_this_normal.png);  }                    
img.maximize_this  { background-image:url(img/button_maximize_this_normal.png);  } 

img.close_this:active {   background-image:url(img/button_minimize_this_active.png); }  
img.open_this:active  {   background-image:url(img/button_maximize_this_active.png); }  

input.close_button, 
img.close_button { align:center; margin:0px; vertical-align:middle; 
                    width:16px; height:14px;  
                    background-image:url(img/button_close_normal.png);  }
input.close_button:active,
img.close_button:active {   background-image:url(img/button_close_active.png); }  


#alb_btnCloseFormCompileSQL     { position:absolute; top:0px; right:0px; }
#alb_btnToggleFormCompileSQL    { position:absolute; top:0px; right:17px; }
#btnCloseFormDocuments          { position:absolute; top:2px; right:200px;  }
#alb_btnCloseFormUpdateRecord   { position:relative; top:0px; left:634px; }
#alb_btnCloseFormAddGroup       { position:relative; top:0px; left:284px; }
#alb_btnCloseFormAddGeorefPoint { position:relative; top:0px; left:603px; }

img.ALB_ResultList    { position:relative; top:0px; left:0px; }
img.DisplayMapsLotto  { position:relative; top:20px; left:599px; }
img.DisplayMapsPart   { position:relative; top:19px; left:605px; }
              
img.point_vis { width:18px; height:18px;  }
img.point_hid { visibility:hidden;  }

img.WebGIS_logo   { visibility:hidden; position:absolute; top:20px; right:63px;}
img.db_logo       { visibility:hidden; position:absolute; top:12px; right:30px;}
img.db_logo_front { visibility:hidden; position:absolute; top:12px; right:20px;}

img.load_php { visibility:hidden;  }
img.menue     { margin-left:1px; margin-right:1px;  width:9px; height:9px; }
img.menue_opened    { margin-left:1px; margin-right:1px; margin-top:0px; margin-bottom:0px; width:9px; height:9px; background-image:url(img/menueMainOpened.png);     border:0px; padding:0px;}
img.menue_closed    { margin-left:1px; margin-right:1px; margin-top:0px; margin-bottom:0px; width:9px; height:9px; background-image:url(img/menueMainClosed.png);     border:0px; padding:0px;}
img.chbox_checked   { margin-left:2px; margin-right:3px; margin-top:0px; margin-bottom:0px; width:9px; height:9px; background-image:url(img/menueItemChecked9.png);   border:0px; padding:0px;}
img.chbox_unchecked { margin-left:2px; margin-right:3px; margin-top:0px; margin-bottom:0px; width:9px; height:9px; background-image:url(img/menueItemUnchecked9.png); border:0px; padding:0px;}
img.chbox_partial   { margin-left:2px; margin-right:3px; margin-top:0px; margin-bottom:0px; width:9px; height:9px; background-image:url(img/menueItemPartial9.png);   border:0px; padding:0px;}

/* img.update { background-image:url(img/img_update_alpha.png); } */

/* ====== all COLORS hier zusammenfassend ==========================================================*/
#alb_backgrd   { background-color:#8cada6;}
#alb_footer   { border:0px solid #116600;  background:#8cada6;}

.iframeItem
span.nonIE { visibility: visible !important; visibility: hidden; background-color:transparent;}

table.iframe_top {  border-style:solid; border-color:#116600; border-width:3px 3px 0px 3px;
                    background-image:url(img/Semitransp_ligtgreen90_10_10.png);
                  }

#alb_particella_svg        { background-color:transparent; }

div.ResultListHeader,
div.ResultListHeader{  border-style:solid; border-color:#116600; border-width:3px 3px 1px 3px;
                        background-image:url(img/Semitransp_ligtgreen90_10_10.png); 
                      }
div.ResultList_hid { visibility:hidden; }
div.ResultListBody   { border-style:solid; border-color:#116600; border-width:1px 3px 3px 3px;
                     background-image:url(img/Semitransp_ligtgreen90_10_10.png); 
                      }
div.ResultListBody table tr td {  border-bottom:1px  solid #222222;  }

div.ResultNumber { position:absolute; top:0px; left:0px; color:#222; background:#ffffff; }

div.MapsLotti,
div.MapsPart    { border:3px #115150 solid; color:#222; background:#ffffff;  } 

#alb_frmAddGroup,
#alb_frmAddGeorefPoint,
#alb_frmAddGeorefPoint_WebGIS,
#alb_frmUploadFile,
#alb_frmUpdateRecord   {  border:3px #ff0000 solid;
                    background-image:url(img/Semitransp_ligtgreen95_10_10.png); 
/*                    background:#d3e8d5;       */
                  }
table.eliminate  { border:2px solid #EE5555; }
#alb_frmCompileQuery { color:black;  border:3px #115150 solid; 
              background-image:url(img/Semitransp_ligtgreen80_10_10.png); 
/*                  background:#d3e8d5;             */
              }
#alb_divCompileQuery { border:1.5px #efefef solid;
                              background-image:url(img/Semitransp_ligtgreen80_10_10.png)
/*                              background:#d3e8d5;  */
                            }              

input.alb,         /* checkboxes, select lists, radio switches */
select.alb,       /* text of input lists */
option.alb,
textarea.alb  { color:#444444; background-color:#ebebeb; border:0; } /* text of input lists */

input[type=checkbox].alb,
input[type=radio].alb     {   background-image:url(img/Semitransp_ligtgreen80_10_10.png);}

input[readonly=readonly].alb, 
input[readonly=readonly].alb:focus  { color:#444444; background-color:#CCCCCC; }

input.alb:focus   { color:red; background-color:#ebebeb; } 
input.alb:active  { color:red; background-color:#ebebeb;} 

td.chbox_checked  { font-weight:bold;   color:#EE3333; }
td.chbox_uncheked { font-weight:normal; color:#000000;}


p.button,
img.button,
input.button        { border:1px solid;
                      border-color:#cccccc #8cada6 #8cada6 #cccccc; color:#444444; background-color:#d3e8d5;} 

p.button:hover,
img.button:hover,
input.button:hover  {  cursor:default; border-color:#ffffff #000000 #000000 #ffffff; }  

input.disabled,
input.disabled:hover { border-color:black white white black; color:#115150; background-color:#cccccc;   } 

p.PartLotto { font-weight:bold; text-align:center; }

input.UploadFile,
p.Query,
p.NewRecord,
p.Update,
p.AddGroup,
p.AddGeorefPoint { color:#bb0000;  text-align:center; }

input.UploadFile:hover,
p.Query:hover,
p.NewRecord:hover,
p.Update:hover,
p.AddGroup:hover,
p.AddGeorefPoint:hover { border-color:#ffffff #000000 #000000 #ffffff; background-color:#d3e8d5; }


a.alb             { color:#000000; }
a.alb:hover       { color:#444444; }
a.alb:active, 
a.alb:focus       { color:#444444; background-color:#d3e8d5;}
a.alb.eliminate   { color:#CC4444;  }
fieldset.alb    { border:0px #115150 solid; }
h2.alb        { color: #000000; background-color:#8cada6; }

td.titolo_uri { cursor:default;  color:#000000;}
td.titolo_uri:hover { color:#CC4444; }

td.titolo_no_uri { cursor:default;  color:#777777; }
td.titolo_no_uri:hover { color:#EE3333; }

td.titolo_eliminato { cursor:default; color:#777777; text-decoration:line-through;}
td.titolo_eliminato:hover { color:#EE3333; }

/* ====== all Z-INDEX ==========================================================*/
#alb_backgrd                  { z-index: 1;}
#alb_Container_SlidingMaps    { z-index:11;}
#alb_frmCompileQuery          { z-index:20;}
#alb_divCompileQuery          { z-index:21;}
h2.LogoHeader                 { z-index:22;}
div.ResultListHeader          { z-index:30;}
div.ResultListBody            { z-index:30;}
#alb_Container_SVG            { z-index:31;}
#alb_particella_svg           { z-index:31;}
#alb_frmAddGeorefPoint        { z-index:50;}
#alb_frmAddGeorefPoint_WebGIS { z-index:50;}
#alb_frmAddGroup              { z-index:50;}
#alb_frmUpdateRecord          { z-index:50;}
#alb_frmUploadFile            { z-index:50;}
#alb_Container_FormAddGeorefPoint   { z-index:51;}
p.AddGroup,
p.Query,
p.NewRecord,
p.Update              { z-index:60;}
p.PartLotto           { z-index:60;}
div.divDocuments      { z-index:61;}
img.close_button      { z-index:70;}
img.WebGIS_logo       { z-index:70;}
img.db_logo,img.db_logo_front           { z-index:70;}
img.menue             { z-index:70;}
#alb_footer           { z-index:70;}
div.ResultNumber      { z-index:70;}


/* ======  only for sliding maps Particelle ========================================*/
table.slideLegendPart { width:121px;}

a.mapPart,
a.mapPart:visited { text-decoration:none;
    display:inline; color:#000; width:109px; height:15px;
    float:left; position:relative; cursor:default;
    background-image:url(img/Semitransp50_10_10.png);}

a.mapPart span {  display:block; position:absolute;
    width:494px; height:550px; left:0px; top:40px; }


a.mapPart:hover       { color:#EE3333; background:#aaa; z-index:100;}
a.mapPart:hover span    { visibility:visible; z-index:100;}
a.mapPart:hover span img  { position:relative;  z-index:100;}

a.mapPart:active,
a.mapPart:focus       {z-index:10;}

a.mapPart:active span,
a.mapPart:focus span    {visibility:visible; z-index:10;}

a.mapPart:active span img,
a.mapPart:focus span img  {position:relative;  z-index:10;}

<!-- displaces the main img relative to the <a>  -->
a.partti span {left:110px; top:   0px;}
a.part00 span {left:110px; top: -15px;}
a.part01 span {left:110px; top: -30px;}
a.part02 span {left:110px; top: -45px;}
a.part03 span {left:110px; top: -60px;}
a.part04 span {left:110px; top: -75px;}
a.part05 span {left:110px; top: -90px;}
a.part06 span {left:110px; top:-105px;}
a.part07 span {left:110px; top:-120px;}
a.part08 span {left:110px; top:-135px;}
a.part09 span {left:110px; top:-150px;}
a.part10 span {left:110px; top:-165px;}
a.part11 span {left:110px; top:-180px;}
a.part12 span {left:110px; top:-195px;}
a.part13 span {left:110px; top:-210px;}
a.part14 span {left:110px; top:-225px;}
a.part15 span {left:110px; top:-240px;}
a.part16 span {left:110px; top:-255px;}
a.part17 span {left:110px; top:-270px;}
a.part18 span {left:110px; top:-285px;}
a.part19 span {left:110px; top:-300px;}
a.part20 span {left:110px; top:-315px;}
a.part21 span {left:110px; top:-330px;}
a.part22 span {left:110px; top:-345px;}
a.part23 span {left:110px; top:-360px;}
a.part24 span {left:110px; top:-375px;}
a.part25 span {left:110px; top:-390px;}
a.part26 span {left:110px; top:-405px;}
a.part27 span {left:110px; top:-420px;}
a.part28 span {left:110px; top:-435px;}
a.part29 span {left:110px; top:-450px;}
a.part30 span {left:110px; top:-465px;}
a.part31 span {left:110px; top:-480px;}
a.part32 span {left:110px; top:-495px;}
a.part33 span {left:110px; top:-510px;}
a.part34 span {left:110px; top:-525px;}
a.part35 span {left:110px; top:-540px;}
a.part36 span {left:110px; top:-555px;}
a.part37 span {left:110px; top:-570px;}


/* ======  only for sliding maps Lotto ========================================*/
table.slideLegendLotti { width:121px;  }

a.mapLotti,
a.mapLotti:visited { text-decoration:none;
    display:inline; color:#000; width:109px; height:15px;
    float:left; position:relative; cursor:default;
    background-image:url(img/Semitransp50_10_10.png);}

a.mapLotti span {  display:block; position:absolute;
    width:489px; height:550px; left:0px; top:40px;}


a.mapLotti:hover       { color:#EE3333; background:#aaa; z-index:100;}
a.mapLotti:hover span    { visibility:visible; z-index:100;}
a.mapLotti:hover span img  { position:relative;  z-index:100;}

a.mapLotti:active,
a.mapLotti:focus       {z-index:10;}

a.mapLotti:active span,
a.mapLotti:focus span    {visibility:visible; z-index:10;}

a.mapLotti:active span img,
a.mapLotti:focus span img  {position:relative;  z-index:10;}

<!-- displaces the main img relative to the <a>  -->
a.lotto00 span {left:110px; top:   0px;}
a.lottoBP span {left:110px; top: -15px;}
a.lotto01 span {left:110px; top: -30px;}
a.lotto02 span {left:110px; top: -45px;}
a.lotto03 span {left:110px; top: -60px;}
a.lotto04 span {left:110px; top: -75px;}
a.lotto05 span {left:110px; top: -90px;}
a.lotto06 span {left:110px; top:-105px;}
a.lotto07 span {left:110px; top:-120px;}
a.lotto08 span {left:110px; top:-135px;}
a.lotto09 span {left:110px; top:-150px;}
a.lotto10 span {left:110px; top:-165px;}
a.lotto11 span {left:110px; top:-180px;}
a.lotto12 span {left:110px; top:-195px;}
a.lotto13 span {left:110px; top:-210px;}
a.lotto14 span {left:110px; top:-225px;}
a.lotto15 span {left:110px; top:-240px;}
a.lotto16 span {left:110px; top:-255px;}
a.lotto17 span {left:110px; top:-270px;}
a.lotto18 span {left:110px; top:-285px;}
a.lotto19 span {left:110px; top:-300px;}
a.lotto20 span {left:110px; top:-315px;}
a.lotto21 span {left:110px; top:-330px;}
a.lotto22 span {left:110px; top:-345px;}
a.lotto23 span {left:110px; top:-360px;}



/* ======  only for dragable year bar ========================================*/
img.drag_min,
img.drag_max,
img.distance,      
p.lab_min,
p.lab_max,
p.lab_anno_da,
p.lab_anno_a,
p.lab_anno_da_org,
p.lab_anno_a_org  { position:absolute; z-index:70; border:0px; margin:0px; padding:0px; }

img.drag_min,      
img.drag_max,     
img.distance      { top:45px;}

p.lab_min         { top:45px; right: 10px; display:none;}
p.lab_max         { top:45px; right:250px; display:none;}
p.lab_anno_da,
p.lab_anno_a      { top:55px;}
p.lab_anno_da_org,
p.lab_anno_a_org  { top:40px;}