@charset "UTF-8";

/* map-portal-sheets.css */


/* ========================================================================= */

img.place-popup-btn{
    width:24px;
    height:24px;
    border:1px solid #CCCCCC;
    background-color:#FFFFFF;
    margin:1px 4px;
    padding:2px;
    cursor:pointer;
    opacity:0.5;
    border-radius:3px;
    }
    
img.place-popup-btn:hover{
    opacity:0.9;
    }    
img.place-popup-btn.active{
    border:1px solid rgb(206,196,169);
    background-color:rgb(206,196,169);
    opacity:1.0;
    }
img.place-popup-btn.active:hover{
    
    }    

/* ========================================================================= */
#slo-10kMapSheetTable>caption, #slo-10kMapGridTable>caption{padding:5px;font-size:120%;font-weight:bold;font-family: 'aileron-b', sans-serif;}

#slo-10kMapSheetTable{
    width:350px;
    margin:10px auto;
    background-image:url(../images/sheets/startMap2.png);
    background-position:0px 0px;
    background-repeat:no-repeat;
    }    
        
#slo-10kMapSheetTable td{
    width:50px;
    height:50px;
    text-align:center;
    vertical-align:middle;
    }
    
#slo-10kMapSheetTable td.na{background-color:rgba(206,196,169,0.4);}
#slo-10kMapSheetTable td.ok{background-color:rgba(0,100,0,0.5);}
#slo-10kMapSheetTable td.ok:hover{background-color:rgba(0,100,0,0.2);} 
 
#slo-10kMapSheetTable td>strong{
    margin:0px;
    padding:0px;
    font-size:16px;
    }    

#slo-10kMapSheetTable td.na>strong{color:rgb(206,196,169);}
#slo-10kMapSheetTable td.ok>strong{color:#000000;text-shadow: 1px 1px 6px #FFFFFF;}
    
/* ========================================================================= */

#slo-10kMapGridTable{
    width:500px;
    margin:10px auto;
    background-position:0px 0px;
    background-repeat:no-repeat;
    border:1px solid #000000;
    }
#slo-10kMapGridTable td{
    width:50px;
    height:50px;    
    text-align:center;
    vertical-align:middle;
    }    

#slo-10kMapGridTable td.na{background-color:rgba(206,196,169,0.4);}
#slo-10kMapGridTable td.ok{background-color:rgba(0,100,0,0.5);cursor:pointer;}
#slo-10kMapGridTable td.ok:hover{background-color:rgba(0,100,0,0.2);} 

#slo-10kMapGridTable td>strong{
    margin:0px;
    padding:0px;
    font-size:16px;
    } 

#slo-10kMapGridTable td.na>strong{color:rgb(206,196,169);}
#slo-10kMapGridTable td.ok>strong{color:#FFFFFF;text-shadow: 1px 1px 6px #000000;}

#filter-select-list{margin:0px 80px;}

#filter-select-list>h2{color:rgb(102,130,140);text-align:left;}
#filter-select-list>ul{list-style-type:none;margin:0px;padding:0px;display:block;}

#filter-select-list>ul{column-count:2;column-gap: 5%;}
@media (min-width: 800px) {#filter-select-list>ul{column-count:3;}}
@media (min-width: 1000px) {#filter-select-list>ul{column-count:4;}}
@media (min-width: 1200px) {#filter-select-list>ul{column-count:5;}}
@media (min-width: 1400px) {#filter-select-list>ul{column-count:6;}}



#filter-select-list>ul>li{border:1px solid #CCCCCC;background-color:#FAFAFA;margin:4px 0px;padding:4px 8px;border-radius:3px;min-width:90%;}

/* #filter-select-list>ul>li:nth-child(odd){background-color:#F0F0F0;}
#filter-select-list>ul>li:nth-child(even){background-color:#FFFFFF;} */
#filter-select-list>ul>li:hover{border:1px solid rgb(206,196,169);background-color:rgb(206,196,169);}

#place-select-list{border:1px solid rgb(206,196,169);margin:10px;background-color:#FAFAFA;}
#place-select-list>h2{text-align:center;}
#place-select-list>ul{list-style-type:none;margin:0px;padding:0px;display:block;}
#place-select-list>ul>li{cursor:pointer;display:inline-block;border:1px solid #CCCCCC;background-color:#F0F0F0;margin:5px;padding:4px 8px;border-radius:3px;min-width:10em;text-align:left;}
#place-select-list>ul>li:hover{border:1px solid #888888;background-color:#FFFFFF;}

#sheet-links>div>table>caption{margin:0px;padding:4px;text-align:center;font-size:120%;}



select.sheetNum{
    width:3em;
    font-size:120%;
    text-align:center;
    padding:4px;
    margin:4px;
    }
    
#series select.sheetNum{     font-size:100%;margin:0px;width:3em;}
   

#tkms_btn, #e50k_btn, #s50k_btn{
    font-weight:bold;
    padding:4px 8px;
    }

#sheet-links hr{
    width:50%;
    margin:0px auto;
    color:rgb(206,196,169);
    background-color:rgb(206,196,169);
    }